@schandlergarcia/sf-web-components 1.1.2 → 1.1.4

package/dist/components/library/ui/card.js

@@ -1,88 +1,105 @@
-import { jsx as t } from "react/jsx-runtime";
-import { cn as d } from "../../../lib/utils.js";
-function i({
-  className: a,
-  size: r = "default",
-  ...e
-}) {
-  return /* @__PURE__ */ t(
+import { jsx as o } from "react/jsx-runtime";
+import "react";
+function d({ children: e, padding: r = "p-5", style: t, className: a = "", ...n }) {
+  return /* @__PURE__ */ o(
     "div",
     {
-      "data-slot": "card",
-      "data-size": r,
-      className: d(
-        "ring-foreground/10 bg-card text-card-foreground gap-4 overflow-hidden rounded-xl py-4 text-sm ring-1 has-data-[slot=card-footer]:pb-0 has-[>img:first-child]:pt-0 data-[size=sm]:gap-3 data-[size=sm]:py-3 data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl group/card flex flex-col",
+      style: t,
+      className: [
+        "rounded-2xl border border-slate-200 bg-white shadow-sm dark:border-slate-800 dark:bg-slate-900",
+        r,
         a
-      ),
-      ...e
+      ].filter(Boolean).join(" "),
+      ...n,
+      children: e
     }
   );
 }
-function c({ className: a, ...r }) {
-  return /* @__PURE__ */ t(
+function s({ className: e = "", children: r, ...t }) {
+  return /* @__PURE__ */ o(
     "div",
     {
-      "data-slot": "card-header",
-      className: d(
-        "gap-1 rounded-t-xl px-4 group-data-[size=sm]/card:px-3 [.border-b]:pb-4 group-data-[size=sm]/card:[.border-b]:pb-3 group/card-header @container/card-header grid auto-rows-min items-start has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto]",
-        a
-      ),
-      ...r
+      className: [
+        "rounded-2xl border border-slate-200 bg-white shadow-sm dark:border-slate-800 dark:bg-slate-900",
+        e
+      ].filter(Boolean).join(" "),
+      ...t,
+      children: r
     }
   );
 }
-function n({ className: a, ...r }) {
-  return /* @__PURE__ */ t(
+function f({ className: e = "", children: r, ...t }) {
+  return /* @__PURE__ */ o(
     "div",
     {
-      "data-slot": "card-title",
-      className: d(
-        "text-base leading-snug font-medium group-data-[size=sm]/card:text-sm",
-        a
-      ),
-      ...r
+      className: [
+        "flex flex-col space-y-1.5 p-6",
+        e
+      ].filter(Boolean).join(" "),
+      ...t,
+      children: r
     }
   );
 }
-function u({ className: a, ...r }) {
-  return /* @__PURE__ */ t(
-    "div",
+function c({ className: e = "", children: r, ...t }) {
+  return /* @__PURE__ */ o(
+    "h3",
+    {
+      className: [
+        "text-2xl font-semibold leading-none tracking-tight",
+        e
+      ].filter(Boolean).join(" "),
+      ...t,
+      children: r
+    }
+  );
+}
+function u({ className: e = "", children: r, ...t }) {
+  return /* @__PURE__ */ o(
+    "p",
     {
-      "data-slot": "card-description",
-      className: d("text-muted-foreground text-sm", a),
-      ...r
+      className: [
+        "text-sm text-slate-500 dark:text-slate-400",
+        e
+      ].filter(Boolean).join(" "),
+      ...t,
+      children: r
     }
   );
 }
-function l({ className: a, ...r }) {
-  return /* @__PURE__ */ t(
+function m({ className: e = "", children: r, ...t }) {
+  return /* @__PURE__ */ o(
     "div",
     {
-      "data-slot": "card-content",
-      className: d("px-4 group-data-[size=sm]/card:px-3", a),
-      ...r
+      className: [
+        "p-6 pt-0",
+        e
+      ].filter(Boolean).join(" "),
+      ...t,
+      children: r
     }
   );
 }
-function m({ className: a, ...r }) {
-  return /* @__PURE__ */ t(
+function p({ className: e = "", children: r, ...t }) {
+  return /* @__PURE__ */ o(
     "div",
     {
-      "data-slot": "card-footer",
-      className: d(
-        "bg-muted/50 rounded-b-xl border-t p-4 group-data-[size=sm]/card:p-3 flex items-center",
-        a
-      ),
-      ...r
+      className: [
+        "flex items-center p-6 pt-0",
+        e
+      ].filter(Boolean).join(" "),
+      ...t,
+      children: r
     }
   );
 }
 export {
-  i as Card,
-  l as CardContent,
+  s as Card,
+  m as CardContent,
   u as CardDescription,
-  m as CardFooter,
-  c as CardHeader,
-  n as CardTitle
+  p as CardFooter,
+  f as CardHeader,
+  c as CardTitle,
+  d as default
 };
-//# sourceMappingURL=card.js.map
+//# sourceMappingURL=Card.js.map

package/dist/components/library/ui/card.js.map

@@ -1 +1 @@
-{"version":3,"file":"card.js","sources":["../../../../src/components/library/ui/card.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { cn } from '../../../lib/utils';\n\nfunction Card({\n  className,\n  size = 'default',\n  ...props\n}: React.ComponentProps<'div'> & { size?: 'default' | 'sm' }) {\n  return (\n    <div\n      data-slot=\"card\"\n      data-size={size}\n      className={cn(\n        'ring-foreground/10 bg-card text-card-foreground gap-4 overflow-hidden rounded-xl py-4 text-sm ring-1 has-data-[slot=card-footer]:pb-0 has-[>img:first-child]:pt-0 data-[size=sm]:gap-3 data-[size=sm]:py-3 data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl group/card flex flex-col',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction CardHeader({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"card-header\"\n      className={cn(\n        'gap-1 rounded-t-xl px-4 group-data-[size=sm]/card:px-3 [.border-b]:pb-4 group-data-[size=sm]/card:[.border-b]:pb-3 group/card-header @container/card-header grid auto-rows-min items-start has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto]',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction CardTitle({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"card-title\"\n      className={cn(\n        'text-base leading-snug font-medium group-data-[size=sm]/card:text-sm',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction CardDescription({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"card-description\"\n      className={cn('text-muted-foreground text-sm', className)}\n      {...props}\n    />\n  );\n}\n\nfunction CardAction({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"card-action\"\n      className={cn(\n        'col-start-2 row-span-2 row-start-1 self-start justify-self-end',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction CardContent({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"card-content\"\n      className={cn('px-4 group-data-[size=sm]/card:px-3', className)}\n      {...props}\n    />\n  );\n}\n\nfunction CardFooter({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"card-footer\"\n      className={cn(\n        'bg-muted/50 rounded-b-xl border-t p-4 group-data-[size=sm]/card:p-3 flex items-center',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nexport {\n  Card,\n  CardHeader,\n  CardFooter,\n  CardTitle,\n  CardAction,\n  CardDescription,\n  CardContent,\n};\n"],"names":["Card","className","size","props","jsx","cn","CardHeader","CardTitle","CardDescription","CardContent","CardFooter"],"mappings":";;AAIA,SAASA,EAAK;AAAA,EACZ,WAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,GAAGC;AACL,GAA8D;AAC5D,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,aAAWF;AAAA,MACX,WAAWG;AAAA,QACT;AAAA,QACAJ;AAAA,MAAA;AAAA,MAED,GAAGE;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASG,EAAW,EAAE,WAAAL,GAAW,GAAGE,KAAsC;AACxE,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACAJ;AAAA,MAAA;AAAA,MAED,GAAGE;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASI,EAAU,EAAE,WAAAN,GAAW,GAAGE,KAAsC;AACvE,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACAJ;AAAA,MAAA;AAAA,MAED,GAAGE;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASK,EAAgB,EAAE,WAAAP,GAAW,GAAGE,KAAsC;AAC7E,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC,EAAG,iCAAiCJ,CAAS;AAAA,MACvD,GAAGE;AAAA,IAAA;AAAA,EAAA;AAGV;AAeA,SAASM,EAAY,EAAE,WAAAR,GAAW,GAAGE,KAAsC;AACzE,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC,EAAG,uCAAuCJ,CAAS;AAAA,MAC7D,GAAGE;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASO,EAAW,EAAE,WAAAT,GAAW,GAAGE,KAAsC;AACxE,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACAJ;AAAA,MAAA;AAAA,MAED,GAAGE;AAAA,IAAA;AAAA,EAAA;AAGV;"}
+{"version":3,"file":"Card.js","sources":["../../../../src/components/library/ui/Card.jsx"],"sourcesContent":["import React from \"react\";\n\nexport default function UICard({ children, padding = \"p-5\", style, className = \"\", ...rest }) {\n  return (\n    <div\n      style={style}\n      className={[\n        \"rounded-2xl border border-slate-200 bg-white shadow-sm dark:border-slate-800 dark:bg-slate-900\",\n        padding,\n        className\n      ]\n        .filter(Boolean)\n        .join(\" \")}\n      {...rest}\n    >\n      {children}\n    </div>\n  );\n}\n\n// shadcn-compatible Card components\nexport function Card({ className = \"\", children, ...rest }) {\n  return (\n    <div\n      className={[\n        \"rounded-2xl border border-slate-200 bg-white shadow-sm dark:border-slate-800 dark:bg-slate-900\",\n        className\n      ]\n        .filter(Boolean)\n        .join(\" \")}\n      {...rest}\n    >\n      {children}\n    </div>\n  );\n}\n\nexport function CardHeader({ className = \"\", children, ...rest }) {\n  return (\n    <div\n      className={[\n        \"flex flex-col space-y-1.5 p-6\",\n        className\n      ]\n        .filter(Boolean)\n        .join(\" \")}\n      {...rest}\n    >\n      {children}\n    </div>\n  );\n}\n\nexport function CardTitle({ className = \"\", children, ...rest }) {\n  return (\n    <h3\n      className={[\n        \"text-2xl font-semibold leading-none tracking-tight\",\n        className\n      ]\n        .filter(Boolean)\n        .join(\" \")}\n      {...rest}\n    >\n      {children}\n    </h3>\n  );\n}\n\nexport function CardDescription({ className = \"\", children, ...rest }) {\n  return (\n    <p\n      className={[\n        \"text-sm text-slate-500 dark:text-slate-400\",\n        className\n      ]\n        .filter(Boolean)\n        .join(\" \")}\n      {...rest}\n    >\n      {children}\n    </p>\n  );\n}\n\nexport function CardContent({ className = \"\", children, ...rest }) {\n  return (\n    <div\n      className={[\n        \"p-6 pt-0\",\n        className\n      ]\n        .filter(Boolean)\n        .join(\" \")}\n      {...rest}\n    >\n      {children}\n    </div>\n  );\n}\n\nexport function CardFooter({ className = \"\", children, ...rest }) {\n  return (\n    <div\n      className={[\n        \"flex items-center p-6 pt-0\",\n        className\n      ]\n        .filter(Boolean)\n        .join(\" \")}\n      {...rest}\n    >\n      {children}\n    </div>\n  );\n}\n\n"],"names":["UICard","children","padding","style","className","rest","jsx","Card","CardHeader","CardTitle","CardDescription","CardContent","CardFooter"],"mappings":";;AAEA,SAAwBA,EAAO,EAAE,UAAAC,GAAU,SAAAC,IAAU,OAAO,OAAAC,GAAO,WAAAC,IAAY,IAAI,GAAGC,KAAQ;AAC5F,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAAH;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACAD;AAAA,QACAE;AAAA,MAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,MACV,GAAGC;AAAA,MAEH,UAAAJ;AAAA,IAAA;AAAA,EAAA;AAGP;AAGO,SAASM,EAAK,EAAE,WAAAH,IAAY,IAAI,UAAAH,GAAU,GAAGI,KAAQ;AAC1D,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACAF;AAAA,MAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,MACV,GAAGC;AAAA,MAEH,UAAAJ;AAAA,IAAA;AAAA,EAAA;AAGP;AAEO,SAASO,EAAW,EAAE,WAAAJ,IAAY,IAAI,UAAAH,GAAU,GAAGI,KAAQ;AAChE,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACAF;AAAA,MAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,MACV,GAAGC;AAAA,MAEH,UAAAJ;AAAA,IAAA;AAAA,EAAA;AAGP;AAEO,SAASQ,EAAU,EAAE,WAAAL,IAAY,IAAI,UAAAH,GAAU,GAAGI,KAAQ;AAC/D,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACAF;AAAA,MAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,MACV,GAAGC;AAAA,MAEH,UAAAJ;AAAA,IAAA;AAAA,EAAA;AAGP;AAEO,SAASS,EAAgB,EAAE,WAAAN,IAAY,IAAI,UAAAH,GAAU,GAAGI,KAAQ;AACrE,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACAF;AAAA,MAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,MACV,GAAGC;AAAA,MAEH,UAAAJ;AAAA,IAAA;AAAA,EAAA;AAGP;AAEO,SAASU,EAAY,EAAE,WAAAP,IAAY,IAAI,UAAAH,GAAU,GAAGI,KAAQ;AACjE,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACAF;AAAA,MAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,MACV,GAAGC;AAAA,MAEH,UAAAJ;AAAA,IAAA;AAAA,EAAA;AAGP;AAEO,SAASW,EAAW,EAAE,WAAAR,IAAY,IAAI,UAAAH,GAAU,GAAGI,KAAQ;AAChE,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACAF;AAAA,MAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,MACV,GAAGC;AAAA,MAEH,UAAAJ;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/dist/components/library/ui/checkbox.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
-import { Checkbox as CheckboxPrimitive } from 'radix-ui';
-declare function Checkbox({ className, ...props }: React.ComponentProps<typeof CheckboxPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
-export { Checkbox };
+export default function Checkbox({ className, ...rest }: {
+    [x: string]: any;
+    className?: string | undefined;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/library/ui/checkbox.js

@@ -1,32 +1,20 @@
-import { jsx as r } from "react/jsx-runtime";
-import { cn as a } from "../../../lib/utils.js";
-import { CheckIcon as t } from "lucide-react";
-import { Checkbox as o, CheckboxIndicator as d } from "../../../node_modules/@radix-ui/react-checkbox/dist/index.js";
-function b({
-  className: e,
-  ...i
-}) {
-  return /* @__PURE__ */ r(
-    o,
+import { jsx as o } from "react/jsx-runtime";
+import "react";
+function n({ className: r = "", ...e }) {
+  return /* @__PURE__ */ o(
+    "input",
     {
-      "data-slot": "checkbox",
-      className: a(
-        "border-input dark:bg-input/30 data-checked:bg-primary data-checked:text-primary-foreground dark:data-checked:bg-primary data-checked:border-primary aria-invalid:aria-checked:border-primary aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 flex size-4 items-center justify-center rounded-[4px] border transition-colors group-has-disabled/field:opacity-50 focus-visible:ring-3 aria-invalid:ring-3 peer relative shrink-0 outline-none after:absolute after:-inset-x-3 after:-inset-y-2 disabled:cursor-not-allowed disabled:opacity-50",
-        e
-      ),
-      ...i,
-      children: /* @__PURE__ */ r(
-        d,
-        {
-          "data-slot": "checkbox-indicator",
-          className: "[&>svg]:size-3.5 grid place-content-center text-current transition-none",
-          children: /* @__PURE__ */ r(t, {})
-        }
-      )
+      type: "checkbox",
+      className: [
+        "h-4 w-4 rounded border-slate-300 text-brand-600 focus:ring-brand-500",
+        "dark:border-slate-600 dark:bg-slate-800 dark:focus:ring-brand-400",
+        r
+      ].filter(Boolean).join(" "),
+      ...e
     }
   );
 }
 export {
-  b as Checkbox
+  n as default
 };
-//# sourceMappingURL=checkbox.js.map
+//# sourceMappingURL=Checkbox.js.map

package/dist/components/library/ui/checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox.js","sources":["../../../../src/components/library/ui/checkbox.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Checkbox as CheckboxPrimitive } from 'radix-ui';\n\nimport { cn } from '../../../lib/utils';\nimport { CheckIcon } from 'lucide-react';\n\nfunction Checkbox({\n  className,\n  ...props\n}: React.ComponentProps<typeof CheckboxPrimitive.Root>) {\n  return (\n    <CheckboxPrimitive.Root\n      data-slot=\"checkbox\"\n      className={cn(\n        'border-input dark:bg-input/30 data-checked:bg-primary data-checked:text-primary-foreground dark:data-checked:bg-primary data-checked:border-primary aria-invalid:aria-checked:border-primary aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 flex size-4 items-center justify-center rounded-[4px] border transition-colors group-has-disabled/field:opacity-50 focus-visible:ring-3 aria-invalid:ring-3 peer relative shrink-0 outline-none after:absolute after:-inset-x-3 after:-inset-y-2 disabled:cursor-not-allowed disabled:opacity-50',\n        className\n      )}\n      {...props}\n    >\n      <CheckboxPrimitive.Indicator\n        data-slot=\"checkbox-indicator\"\n        className=\"[&>svg]:size-3.5 grid place-content-center text-current transition-none\"\n      >\n        <CheckIcon />\n      </CheckboxPrimitive.Indicator>\n    </CheckboxPrimitive.Root>\n  );\n}\n\nexport { Checkbox };\n"],"names":["Checkbox","className","props","jsx","CheckboxPrimitive.Root","cn","CheckboxPrimitive.Indicator","CheckIcon"],"mappings":";;;;AAQA,SAASA,EAAS;AAAA,EAChB,WAAAC;AAAA,EACA,GAAGC;AACL,GAAwD;AACtD,SACE,gBAAAC;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACAJ;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,MAEJ,UAAA,gBAAAC;AAAA,QAACG;AAAAA,QAAA;AAAA,UACC,aAAU;AAAA,UACV,WAAU;AAAA,UAEV,4BAACC,GAAA,CAAA,CAAU;AAAA,QAAA;AAAA,MAAA;AAAA,IACb;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"Checkbox.js","sources":["../../../../src/components/library/ui/Checkbox.jsx"],"sourcesContent":["import React from \"react\";\n\nexport default function Checkbox({ className = \"\", ...rest }) {\n  return (\n    <input\n      type=\"checkbox\"\n      className={[\n        \"h-4 w-4 rounded border-slate-300 text-brand-600 focus:ring-brand-500\",\n        \"dark:border-slate-600 dark:bg-slate-800 dark:focus:ring-brand-400\",\n        className\n      ]\n        .filter(Boolean)\n        .join(\" \")}\n      {...rest}\n    />\n  );\n}\n"],"names":["Checkbox","className","rest","jsx"],"mappings":";;AAEA,SAAwBA,EAAS,EAAE,WAAAC,IAAY,IAAI,GAAGC,KAAQ;AAC5D,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,WAAW;AAAA,QACT;AAAA,QACA;AAAA,QACAF;AAAA,MAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,MACV,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;"}

package/dist/components/library/ui/collapsible.d.ts

@@ -1,5 +1,6 @@
-import { Collapsible as CollapsiblePrimitive } from 'radix-ui';
+import * as React from "react";
+import { Collapsible as CollapsiblePrimitive } from "radix-ui";
 declare function Collapsible({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.Root>): import("react/jsx-runtime").JSX.Element;
-declare function CollapsibleTrigger({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleTrigger>): import("react/jsx-runtime").JSX.Element;
-declare function CollapsibleContent({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleContent>): import("react/jsx-runtime").JSX.Element;
-export { Collapsible, CollapsibleTrigger, CollapsibleContent };
+declare function CollapsibleTrigger({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+declare function CollapsibleContent({ className, ...props }: React.ComponentProps<typeof CollapsiblePrimitive.Content>): import("react/jsx-runtime").JSX.Element;
+export { Collapsible, CollapsibleTrigger, CollapsibleContent, };

package/dist/components/library/ui/collapsible.js

@@ -1,35 +1,29 @@
 import { jsx as o } from "react/jsx-runtime";
-import { Root as t, CollapsibleContent as e, CollapsibleTrigger as i } from "../../../node_modules/@radix-ui/react-collapsible/dist/index.js";
-function n({
-  ...l
-}) {
-  return /* @__PURE__ */ o(t, { "data-slot": "collapsible", ...l });
+import { Root as n, Content as r, Trigger as a } from "../../../node_modules/@radix-ui/react-collapsible/dist/index.js";
+function s({ ...t }) {
+  return /* @__PURE__ */ o(n, { ...t });
 }
-function s({
-  ...l
-}) {
-  return /* @__PURE__ */ o(
-    i,
-    {
-      "data-slot": "collapsible-trigger",
-      ...l
-    }
-  );
+function f({ ...t }) {
+  return /* @__PURE__ */ o(a, { ...t });
 }
-function p({
-  ...l
+function m({
+  className: t,
+  ...e
 }) {
   return /* @__PURE__ */ o(
-    e,
+    r,
     {
-      "data-slot": "collapsible-content",
-      ...l
+      className: [
+        "overflow-hidden data-[state=closed]:animate-out data-[state=open]:animate-in",
+        t
+      ].filter(Boolean).join(" "),
+      ...e
     }
   );
 }
 export {
-  n as Collapsible,
-  p as CollapsibleContent,
-  s as CollapsibleTrigger
+  s as Collapsible,
+  m as CollapsibleContent,
+  f as CollapsibleTrigger
 };
-//# sourceMappingURL=collapsible.js.map
+//# sourceMappingURL=Collapsible.js.map

package/dist/components/library/ui/collapsible.js.map

@@ -1 +1 @@
-{"version":3,"file":"collapsible.js","sources":["../../../../src/components/library/ui/collapsible.tsx"],"sourcesContent":["'use client';\n\nimport { Collapsible as CollapsiblePrimitive } from 'radix-ui';\n\nfunction Collapsible({\n  ...props\n}: React.ComponentProps<typeof CollapsiblePrimitive.Root>) {\n  return <CollapsiblePrimitive.Root data-slot=\"collapsible\" {...props} />;\n}\n\nfunction CollapsibleTrigger({\n  ...props\n}: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleTrigger>) {\n  return (\n    <CollapsiblePrimitive.CollapsibleTrigger\n      data-slot=\"collapsible-trigger\"\n      {...props}\n    />\n  );\n}\n\nfunction CollapsibleContent({\n  ...props\n}: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleContent>) {\n  return (\n    <CollapsiblePrimitive.CollapsibleContent\n      data-slot=\"collapsible-content\"\n      {...props}\n    />\n  );\n}\n\nexport { Collapsible, CollapsibleTrigger, CollapsibleContent };\n"],"names":["Collapsible","props","CollapsiblePrimitive.Root","CollapsibleTrigger","jsx","CollapsiblePrimitive.CollapsibleTrigger","CollapsibleContent","CollapsiblePrimitive.CollapsibleContent"],"mappings":";;AAIA,SAASA,EAAY;AAAA,EACnB,GAAGC;AACL,GAA2D;AACzD,2BAAQC,GAAA,EAA0B,aAAU,eAAe,GAAGD,GAAO;AACvE;AAEA,SAASE,EAAmB;AAAA,EAC1B,GAAGF;AACL,GAAyE;AACvE,SACE,gBAAAG;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACT,GAAGJ;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASK,EAAmB;AAAA,EAC1B,GAAGL;AACL,GAAyE;AACvE,SACE,gBAAAG;AAAA,IAACG;AAAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACT,GAAGN;AAAA,IAAA;AAAA,EAAA;AAGV;"}
+{"version":3,"file":"Collapsible.js","sources":["../../../../src/components/library/ui/Collapsible.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Collapsible as CollapsiblePrimitive } from \"radix-ui\";\n\nfunction Collapsible({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.Root>) {\n  return <CollapsiblePrimitive.Root {...props} />;\n}\n\nfunction CollapsibleTrigger({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.Trigger>) {\n  return <CollapsiblePrimitive.Trigger {...props} />;\n}\n\nfunction CollapsibleContent({\n  className,\n  ...props\n}: React.ComponentProps<typeof CollapsiblePrimitive.Content>) {\n  return (\n    <CollapsiblePrimitive.Content\n      className={[\n        \"overflow-hidden data-[state=closed]:animate-out data-[state=open]:animate-in\",\n        className\n      ].filter(Boolean).join(\" \")}\n      {...props}\n    />\n  );\n}\n\nexport {\n  Collapsible,\n  CollapsibleTrigger,\n  CollapsibleContent,\n};\n"],"names":["Collapsible","props","jsx","CollapsiblePrimitive.Root","CollapsibleTrigger","CollapsiblePrimitive.Trigger","CollapsibleContent","className","CollapsiblePrimitive.Content"],"mappings":";;AAGA,SAASA,EAAY,EAAE,GAAGC,KAAiE;AACzF,SAAO,gBAAAC,EAACC,GAAA,EAA2B,GAAGF,EAAA,CAAO;AAC/C;AAEA,SAASG,EAAmB,EAAE,GAAGH,KAAoE;AACnG,SAAO,gBAAAC,EAACG,GAAA,EAA8B,GAAGJ,EAAA,CAAO;AAClD;AAEA,SAASK,EAAmB;AAAA,EAC1B,WAAAC;AAAA,EACA,GAAGN;AACL,GAA8D;AAC5D,SACE,gBAAAC;AAAA,IAACM;AAAAA,IAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACAD;AAAA,MAAA,EACA,OAAO,OAAO,EAAE,KAAK,GAAG;AAAA,MACzB,GAAGN;AAAA,IAAA;AAAA,EAAA;AAGV;"}

package/dist/components/library/ui/datePicker.d.ts

@@ -1,18 +1,10 @@
-import * as React from 'react';
-import type { DateRange, DayPickerProps } from 'react-day-picker';
-import { Button } from './button';
-import { Popover, PopoverContent } from './popover';
-declare function DatePicker({ ...props }: React.ComponentProps<typeof Popover>): import("react/jsx-runtime").JSX.Element;
-declare function DatePickerTrigger({ className, children, date, placeholder, dateFormat, ...props }: React.ComponentProps<typeof Button> & {
-    date?: Date;
-    placeholder?: string;
-    dateFormat?: string;
-}): import("react/jsx-runtime").JSX.Element;
-declare function DatePickerContent({ className, ...props }: React.ComponentProps<typeof PopoverContent>): import("react/jsx-runtime").JSX.Element;
-declare function DatePickerRangeTrigger({ className, children, dateRange, placeholder, dateFormat, ...props }: React.ComponentProps<typeof Button> & {
-    dateRange?: DateRange;
-    placeholder?: string;
-    dateFormat?: string;
-}): import("react/jsx-runtime").JSX.Element;
-declare function DatePickerCalendar(props: DayPickerProps): import("react/jsx-runtime").JSX.Element;
-export { DatePicker, DatePickerTrigger, DatePickerRangeTrigger, DatePickerContent, DatePickerCalendar, };
+import * as React from "react";
+import { Popover, PopoverContent, PopoverTrigger } from "./Popover";
+declare function DatePicker({ children, ...props }: {
+    children: React.ReactNode;
+} & React.ComponentProps<typeof Popover>): import("react/jsx-runtime").JSX.Element;
+declare function DatePickerTrigger({ ...props }: React.ComponentProps<typeof PopoverTrigger>): import("react/jsx-runtime").JSX.Element;
+declare function DatePickerContent({ ...props }: React.ComponentProps<typeof PopoverContent>): import("react/jsx-runtime").JSX.Element;
+declare function DatePickerCalendar({ ...props }: any): import("react/jsx-runtime").JSX.Element;
+declare function DatePickerRangeTrigger({ ...props }: React.ComponentProps<typeof PopoverTrigger>): import("react/jsx-runtime").JSX.Element;
+export { DatePicker, DatePickerTrigger, DatePickerContent, DatePickerCalendar, DatePickerRangeTrigger, };

package/dist/components/library/ui/datePicker.js

@@ -1,92 +1,25 @@
-import { jsx as t, jsxs as l, Fragment as d } from "react/jsx-runtime";
-import { Calendar as f } from "lucide-react";
-import { cn as m } from "../../../lib/utils.js";
-import { Button as s } from "./button.js";
-import { Calendar as P } from "./calendar.js";
-import { Popover as h, PopoverContent as k, PopoverTrigger as u } from "./popover.js";
-import { format as n } from "../../../node_modules/date-fns/format.js";
-function L({ ...e }) {
-  return /* @__PURE__ */ t(h, { "data-slot": "date-picker", ...e });
+import { jsx as e } from "react/jsx-runtime";
+import { Popover as o, PopoverContent as i, PopoverTrigger as n } from "./Popover.js";
+function u({ children: r, ...t }) {
+  return /* @__PURE__ */ e(o, { ...t, children: r });
 }
-function N({
-  className: e,
-  children: a,
-  date: r,
-  placeholder: i = "Pick a date",
-  dateFormat: o = "PPP",
-  ...c
-}) {
-  return /* @__PURE__ */ t(u, { asChild: !0, children: /* @__PURE__ */ t(
-    s,
-    {
-      variant: "outline",
-      "data-slot": "date-picker-trigger",
-      "data-empty": !r,
-      className: m(
-        "w-[280px] justify-start text-left font-normal data-[empty=true]:text-muted-foreground",
-        e
-      ),
-      ...c,
-      children: a ?? /* @__PURE__ */ l(d, { children: [
-        /* @__PURE__ */ t(f, {}),
-        r ? n(r, o) : /* @__PURE__ */ t("span", { children: i })
-      ] })
-    }
-  ) });
+function P({ ...r }) {
+  return /* @__PURE__ */ e(n, { ...r });
 }
-function T({
-  className: e,
-  ...a
-}) {
-  return /* @__PURE__ */ t(
-    k,
-    {
-      "data-slot": "date-picker-content",
-      className: m("w-auto p-0", e),
-      ...a
-    }
-  );
+function f({ ...r }) {
+  return /* @__PURE__ */ e(i, { ...r });
 }
-function w({
-  className: e,
-  children: a,
-  dateRange: r,
-  placeholder: i = "Pick a date",
-  dateFormat: o = "LLL dd, y",
-  ...c
-}) {
-  const p = r?.from != null;
-  return /* @__PURE__ */ t(u, { asChild: !0, children: /* @__PURE__ */ t(
-    s,
-    {
-      variant: "outline",
-      "data-slot": "date-picker-range-trigger",
-      "data-empty": !p,
-      className: m(
-        "justify-start text-left font-normal data-[empty=true]:text-muted-foreground",
-        e
-      ),
-      ...c,
-      children: a ?? /* @__PURE__ */ l(d, { children: [
-        /* @__PURE__ */ t(f, {}),
-        r?.from ? r.to ? /* @__PURE__ */ l(d, { children: [
-          n(r.from, o),
-          " –",
-          " ",
-          n(r.to, o)
-        ] }) : n(r.from, o) : /* @__PURE__ */ t("span", { children: i })
-      ] })
-    }
-  ) });
+function g({ ...r }) {
+  return /* @__PURE__ */ e("div", { ...r, children: "Calendar component" });
 }
-function B(e) {
-  return /* @__PURE__ */ t(P, { "data-slot": "date-picker-calendar", ...e });
+function p({ ...r }) {
+  return /* @__PURE__ */ e(n, { ...r });
 }
 export {
-  L as DatePicker,
-  B as DatePickerCalendar,
-  T as DatePickerContent,
-  w as DatePickerRangeTrigger,
-  N as DatePickerTrigger
+  u as DatePicker,
+  g as DatePickerCalendar,
+  f as DatePickerContent,
+  p as DatePickerRangeTrigger,
+  P as DatePickerTrigger
 };
-//# sourceMappingURL=datePicker.js.map
+//# sourceMappingURL=DatePicker.js.map

package/dist/components/library/ui/datePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"datePicker.js","sources":["../../../../src/components/library/ui/datePicker.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { format } from 'date-fns';\nimport { Calendar as CalendarIcon } from 'lucide-react';\n\nimport type { DateRange, DayPickerProps } from 'react-day-picker';\n\nimport { cn } from '../../../lib/utils';\nimport { Button } from './button';\nimport { Calendar } from './calendar';\nimport {\n  Popover,\n  PopoverContent,\n  PopoverTrigger,\n} from './popover';\n\nfunction DatePicker({ ...props }: React.ComponentProps<typeof Popover>) {\n  return <Popover data-slot=\"date-picker\" {...props} />;\n}\n\nfunction DatePickerTrigger({\n  className,\n  children,\n  date,\n  placeholder = 'Pick a date',\n  dateFormat = 'PPP',\n  ...props\n}: React.ComponentProps<typeof Button> & {\n  date?: Date;\n  placeholder?: string;\n  dateFormat?: string;\n}) {\n  return (\n    <PopoverTrigger asChild>\n      <Button\n        variant=\"outline\"\n        data-slot=\"date-picker-trigger\"\n        data-empty={!date}\n        className={cn(\n          'w-[280px] justify-start text-left font-normal data-[empty=true]:text-muted-foreground',\n          className\n        )}\n        {...props}\n      >\n        {children ?? (\n          <>\n            <CalendarIcon />\n            {date ? format(date, dateFormat) : <span>{placeholder}</span>}\n          </>\n        )}\n      </Button>\n    </PopoverTrigger>\n  );\n}\n\nfunction DatePickerContent({\n  className,\n  ...props\n}: React.ComponentProps<typeof PopoverContent>) {\n  return (\n    <PopoverContent\n      data-slot=\"date-picker-content\"\n      className={cn('w-auto p-0', className)}\n      {...props}\n    />\n  );\n}\n\nfunction DatePickerRangeTrigger({\n  className,\n  children,\n  dateRange,\n  placeholder = 'Pick a date',\n  dateFormat = 'LLL dd, y',\n  ...props\n}: React.ComponentProps<typeof Button> & {\n  dateRange?: DateRange;\n  placeholder?: string;\n  dateFormat?: string;\n}) {\n  const hasDate = dateRange?.from != null;\n  return (\n    <PopoverTrigger asChild>\n      <Button\n        variant=\"outline\"\n        data-slot=\"date-picker-range-trigger\"\n        data-empty={!hasDate}\n        className={cn(\n          'justify-start text-left font-normal data-[empty=true]:text-muted-foreground',\n          className\n        )}\n        {...props}\n      >\n        {children ?? (\n          <>\n            <CalendarIcon />\n            {dateRange?.from ? (\n              dateRange.to ? (\n                <>\n                  {format(dateRange.from, dateFormat)} –{' '}\n                  {format(dateRange.to, dateFormat)}\n                </>\n              ) : (\n                format(dateRange.from, dateFormat)\n              )\n            ) : (\n              <span>{placeholder}</span>\n            )}\n          </>\n        )}\n      </Button>\n    </PopoverTrigger>\n  );\n}\n\nfunction DatePickerCalendar(props: DayPickerProps) {\n  return <Calendar data-slot=\"date-picker-calendar\" {...props} />;\n}\n\nexport {\n  DatePicker,\n  DatePickerTrigger,\n  DatePickerRangeTrigger,\n  DatePickerContent,\n  DatePickerCalendar,\n};\n"],"names":["DatePicker","props","jsx","Popover","DatePickerTrigger","className","children","date","placeholder","dateFormat","PopoverTrigger","Button","cn","jsxs","Fragment","CalendarIcon","format","DatePickerContent","PopoverContent","DatePickerRangeTrigger","dateRange","hasDate","DatePickerCalendar","Calendar"],"mappings":";;;;;;;AAiBA,SAASA,EAAW,EAAE,GAAGC,KAA+C;AACtE,SAAO,gBAAAC,EAACC,GAAA,EAAQ,aAAU,eAAe,GAAGF,GAAO;AACrD;AAEA,SAASG,EAAkB;AAAA,EACzB,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,YAAAC,IAAa;AAAA,EACb,GAAGR;AACL,GAIG;AACD,SACE,gBAAAC,EAACQ,GAAA,EAAe,SAAO,IACrB,UAAA,gBAAAR;AAAA,IAACS;AAAA,IAAA;AAAA,MACC,SAAQ;AAAA,MACR,aAAU;AAAA,MACV,cAAY,CAACJ;AAAA,MACb,WAAWK;AAAA,QACT;AAAA,QACAP;AAAA,MAAA;AAAA,MAED,GAAGJ;AAAA,MAEH,eACC,gBAAAY,EAAAC,GAAA,EACE,UAAA;AAAA,QAAA,gBAAAZ,EAACa,GAAA,EAAa;AAAA,QACbR,IAAOS,EAAOT,GAAME,CAAU,IAAI,gBAAAP,EAAC,UAAM,UAAAM,EAAA,CAAY;AAAA,MAAA,EAAA,CACxD;AAAA,IAAA;AAAA,EAAA,GAGN;AAEJ;AAEA,SAASS,EAAkB;AAAA,EACzB,WAAAZ;AAAA,EACA,GAAGJ;AACL,GAAgD;AAC9C,SACE,gBAAAC;AAAA,IAACgB;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWN,EAAG,cAAcP,CAAS;AAAA,MACpC,GAAGJ;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASkB,EAAuB;AAAA,EAC9B,WAAAd;AAAA,EACA,UAAAC;AAAA,EACA,WAAAc;AAAA,EACA,aAAAZ,IAAc;AAAA,EACd,YAAAC,IAAa;AAAA,EACb,GAAGR;AACL,GAIG;AACD,QAAMoB,IAAUD,GAAW,QAAQ;AACnC,SACE,gBAAAlB,EAACQ,GAAA,EAAe,SAAO,IACrB,UAAA,gBAAAR;AAAA,IAACS;AAAA,IAAA;AAAA,MACC,SAAQ;AAAA,MACR,aAAU;AAAA,MACV,cAAY,CAACU;AAAA,MACb,WAAWT;AAAA,QACT;AAAA,QACAP;AAAA,MAAA;AAAA,MAED,GAAGJ;AAAA,MAEH,eACC,gBAAAY,EAAAC,GAAA,EACE,UAAA;AAAA,QAAA,gBAAAZ,EAACa,GAAA,EAAa;AAAA,QACbK,GAAW,OACVA,EAAU,KACR,gBAAAP,EAAAC,GAAA,EACG,UAAA;AAAA,UAAAE,EAAOI,EAAU,MAAMX,CAAU;AAAA,UAAE;AAAA,UAAG;AAAA,UACtCO,EAAOI,EAAU,IAAIX,CAAU;AAAA,QAAA,EAAA,CAClC,IAEAO,EAAOI,EAAU,MAAMX,CAAU,IAGnC,gBAAAP,EAAC,UAAM,UAAAM,EAAA,CAAY;AAAA,MAAA,EAAA,CAEvB;AAAA,IAAA;AAAA,EAAA,GAGN;AAEJ;AAEA,SAASc,EAAmBrB,GAAuB;AACjD,SAAO,gBAAAC,EAACqB,GAAA,EAAS,aAAU,wBAAwB,GAAGtB,GAAO;AAC/D;"}
+{"version":3,"file":"DatePicker.js","sources":["../../../../src/components/library/ui/DatePicker.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Popover, PopoverContent, PopoverTrigger } from \"./Popover\";\n\n// Simplified DatePicker components\n// Full implementation would use react-day-picker\n\nfunction DatePicker({ children, ...props }: { children: React.ReactNode } & React.ComponentProps<typeof Popover>) {\n  return <Popover {...props}>{children}</Popover>;\n}\n\nfunction DatePickerTrigger({ ...props }: React.ComponentProps<typeof PopoverTrigger>) {\n  return <PopoverTrigger {...props} />;\n}\n\nfunction DatePickerContent({ ...props }: React.ComponentProps<typeof PopoverContent>) {\n  return <PopoverContent {...props} />;\n}\n\nfunction DatePickerCalendar({ ...props }: any) {\n  // Simplified calendar placeholder\n  return <div {...props}>Calendar component</div>;\n}\n\nfunction DatePickerRangeTrigger({ ...props }: React.ComponentProps<typeof PopoverTrigger>) {\n  return <PopoverTrigger {...props} />;\n}\n\nexport {\n  DatePicker,\n  DatePickerTrigger,\n  DatePickerContent,\n  DatePickerCalendar,\n  DatePickerRangeTrigger,\n};\n"],"names":["DatePicker","children","props","jsx","Popover","DatePickerTrigger","PopoverTrigger","DatePickerContent","PopoverContent","DatePickerCalendar","DatePickerRangeTrigger"],"mappings":";;AAMA,SAASA,EAAW,EAAE,UAAAC,GAAU,GAAGC,KAA+E;AAChH,SAAO,gBAAAC,EAACC,GAAA,EAAS,GAAGF,GAAQ,UAAAD,EAAA,CAAS;AACvC;AAEA,SAASI,EAAkB,EAAE,GAAGH,KAAsD;AACpF,SAAO,gBAAAC,EAACG,GAAA,EAAgB,GAAGJ,EAAA,CAAO;AACpC;AAEA,SAASK,EAAkB,EAAE,GAAGL,KAAsD;AACpF,SAAO,gBAAAC,EAACK,GAAA,EAAgB,GAAGN,EAAA,CAAO;AACpC;AAEA,SAASO,EAAmB,EAAE,GAAGP,KAAc;AAE7C,SAAO,gBAAAC,EAAC,OAAA,EAAK,GAAGD,GAAO,UAAA,sBAAkB;AAC3C;AAEA,SAASQ,EAAuB,EAAE,GAAGR,KAAsD;AACzF,SAAO,gBAAAC,EAACG,GAAA,EAAgB,GAAGJ,EAAA,CAAO;AACpC;"}

package/dist/components/library/ui/dialog.d.ts

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { Dialog as DialogPrimitive } from 'radix-ui';
+import * as React from "react";
+import { Dialog as DialogPrimitive } from "radix-ui";
 declare function Dialog({ ...props }: React.ComponentProps<typeof DialogPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
 declare function DialogTrigger({ ...props }: React.ComponentProps<typeof DialogPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
 declare function DialogPortal({ ...props }: React.ComponentProps<typeof DialogPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
@@ -8,10 +8,8 @@ declare function DialogOverlay({ className, ...props }: React.ComponentProps<typ
 declare function DialogContent({ className, children, showCloseButton, ...props }: React.ComponentProps<typeof DialogPrimitive.Content> & {
     showCloseButton?: boolean;
 }): import("react/jsx-runtime").JSX.Element;
-declare function DialogHeader({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
-declare function DialogFooter({ className, showCloseButton, children, ...props }: React.ComponentProps<'div'> & {
-    showCloseButton?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
+declare function DialogHeader({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function DialogFooter({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
 declare function DialogTitle({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Title>): import("react/jsx-runtime").JSX.Element;
 declare function DialogDescription({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Description>): import("react/jsx-runtime").JSX.Element;
-export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, };
+export { Dialog, DialogTrigger, DialogPortal, DialogClose, DialogOverlay, DialogContent, DialogHeader, DialogFooter, DialogTitle, DialogDescription, };