From 00ea23dc50a40441540e340cb409faeb8b336731 Mon Sep 17 00:00:00 2001
From: Behon Baker <53905713+BayBreezy@users.noreply.github.com>
Date: Thu, 12 Dec 2024 23:17:32 -0500
Subject: [PATCH] chore: added the drawer heade and footer components

---
 package-lock.json |  4 ++--
 src/comps.ts      | 12 ++++++++++++
 2 files changed, 14 insertions(+), 2 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index e862f22..a08d146 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "ui-thing",
-  "version": "0.1.37",
+  "version": "0.1.38",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "ui-thing",
-      "version": "0.1.37",
+      "version": "0.1.38",
       "license": "MIT",
       "dependencies": {
         "axios": "^1.7.9",
diff --git a/src/comps.ts b/src/comps.ts
index 89a59b4..b732660 100644
--- a/src/comps.ts
+++ b/src/comps.ts
@@ -933,6 +933,18 @@ export default [
         fileContent:
           '<template>\n  <DrawerRoot v-bind="forwarded">\n    <slot />\n  </DrawerRoot>\n</template>\n\n<script lang="ts" setup>\n  import { useForwardPropsEmits } from "radix-vue";\n  import { DrawerRoot } from "vaul-vue";\n  import type { DrawerRootEmits, DrawerRootProps } from "vaul-vue";\n\n  const props = defineProps<DrawerRootProps>();\n  const emits = defineEmits<DrawerRootEmits>();\n  const forwarded = useForwardPropsEmits(props, emits);\n</script>\n',
       },
+      {
+        fileName: "Drawer/Footer.vue",
+        dirPath: "components/UI",
+        fileContent:
+          '<template>\n  <Primitive v-bind="forwarded" :class="drawerFooterStyles({ class: props.class })">\n    <slot />\n  </Primitive>\n</template>\n\n<script lang="ts">\n  import { reactiveOmit } from "@vueuse/core";\n  import { Primitive, useForwardProps } from "radix-vue";\n  import type { PrimitiveProps } from "radix-vue";\n\n  export const drawerFooterStyles = tv({\n    base: "mt-auto flex flex-col gap-2 p-4",\n  });\n\n  export type DrawerHeaderProps = PrimitiveProps & {\n    /**\n     * Classes to add to the parent.\n     */\n    class?: any;\n  };\n</script>\n\n<script lang="ts" setup>\n  const props = withDefaults(defineProps<DrawerHeaderProps>(), {\n    as: "div",\n  });\n  const forwarded = useForwardProps(reactiveOmit(props, ["class"]));\n</script>\n',
+      },
+      {
+        fileName: "Drawer/Header.vue",
+        dirPath: "components/UI",
+        fileContent:
+          '<template>\n  <Primitive v-bind="forwarded" :class="drawerHeaderStyles({ class: props.class })">\n    <slot />\n  </Primitive>\n</template>\n\n<script lang="ts">\n  import { reactiveOmit } from "@vueuse/core";\n  import { Primitive, useForwardProps } from "radix-vue";\n  import type { PrimitiveProps } from "radix-vue";\n\n  export const drawerHeaderStyles = tv({\n    base: "grid gap-1.5 p-4 text-center sm:text-left",\n  });\n\n  export type DrawerHeaderProps = PrimitiveProps & {\n    /**\n     * Classes to add to the header.\n     */\n    class?: any;\n  };\n</script>\n<script lang="ts" setup>\n  const props = withDefaults(defineProps<DrawerHeaderProps>(), {\n    as: "div",\n  });\n  const forwarded = useForwardProps(reactiveOmit(props, ["class"]));\n</script>\n',
+      },
       {
         fileName: "Drawer/Overlay.vue",
         dirPath: "components/UI",