@schandlergarcia/sf-web-components 1.1.3 → 1.1.4

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

@@ -1,151 +1,137 @@
-import { jsx as o, jsxs as l } from "react/jsx-runtime";
-import { cn as e } from "../../../lib/utils.js";
-import { Button as d } from "./button.js";
-import { XIcon as s } from "lucide-react";
-import { Root as u, Close as i, Content as c, Description as g, Overlay as f, Portal as m, Title as p, Trigger as x } from "../../../node_modules/@radix-ui/react-dialog/dist/index.js";
-function z({
-  ...a
-}) {
-  return /* @__PURE__ */ o(u, { "data-slot": "dialog", ...a });
+import { jsx as t, jsxs as l } from "react/jsx-runtime";
+import { Root as i, Close as a, Content as s, Description as c, Overlay as f, Portal as d, Title as g, Trigger as u } from "../../../node_modules/@radix-ui/react-dialog/dist/index.js";
+function D({ ...e }) {
+  return /* @__PURE__ */ t(i, { ...e });
 }
-function k({
-  ...a
-}) {
-  return /* @__PURE__ */ o(x, { "data-slot": "dialog-trigger", ...a });
+function v({ ...e }) {
+  return /* @__PURE__ */ t(u, { ...e });
 }
-function h({
-  ...a
-}) {
-  return /* @__PURE__ */ o(m, { "data-slot": "dialog-portal", ...a });
+function x({ ...e }) {
+  return /* @__PURE__ */ t(d, { ...e });
 }
-function w({
-  ...a
-}) {
-  return /* @__PURE__ */ o(i, { "data-slot": "dialog-close", ...a });
+function m({ ...e }) {
+  return /* @__PURE__ */ t(a, { ...e });
 }
-function b({
-  className: a,
-  ...t
+function h({
+  className: e,
+  ...o
 }) {
-  return /* @__PURE__ */ o(
+  return /* @__PURE__ */ t(
     f,
     {
-      "data-slot": "dialog-overlay",
-      className: e(
-        "data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 bg-black/10 duration-100 supports-backdrop-filter:backdrop-blur-xs fixed inset-0 isolate z-50",
-        a
-      ),
-      ...t
+      className: [
+        "fixed inset-0 z-50 bg-black/50",
+        e
+      ].filter(Boolean).join(" "),
+      ...o
     }
   );
 }
-function T({
-  className: a,
-  children: t,
-  showCloseButton: n = !0,
-  ...r
+function b({
+  className: e,
+  children: o,
+  showCloseButton: r = !0,
+  ...n
 }) {
-  return /* @__PURE__ */ l(h, { children: [
-    /* @__PURE__ */ o(b, {}),
+  return /* @__PURE__ */ l(x, { children: [
+    /* @__PURE__ */ t(h, {}),
     /* @__PURE__ */ l(
-      c,
+      s,
       {
-        "data-slot": "dialog-content",
-        className: e(
-          "bg-background data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 ring-foreground/10 grid max-w-[calc(100%-2rem)] gap-4 rounded-xl p-4 text-sm ring-1 duration-100 sm:max-w-sm fixed top-1/2 left-1/2 z-50 w-full -translate-x-1/2 -translate-y-1/2 outline-none",
-          a
-        ),
-        ...r,
+        className: [
+          "fixed left-1/2 top-1/2 z-50 max-h-[85vh] w-[90vw] max-w-[500px] -translate-x-1/2 -translate-y-1/2",
+          "rounded-lg border border-slate-200 bg-white p-6 shadow-lg",
+          "dark:border-slate-800 dark:bg-slate-900",
+          e
+        ].filter(Boolean).join(" "),
+        ...n,
         children: [
-          t,
-          n && /* @__PURE__ */ o(i, { "data-slot": "dialog-close", asChild: !0, children: /* @__PURE__ */ l(
-            d,
-            {
-              variant: "ghost",
-              className: "absolute top-2 right-2",
-              size: "icon-sm",
-              children: [
-                /* @__PURE__ */ o(s, {}),
-                /* @__PURE__ */ o("span", { className: "sr-only", children: "Close" })
-              ]
-            }
-          ) })
+          o,
+          r && /* @__PURE__ */ l(m, { className: "absolute right-4 top-4 rounded-sm opacity-70 hover:opacity-100", children: [
+            /* @__PURE__ */ t("span", { className: "sr-only", children: "Close" }),
+            /* @__PURE__ */ t("svg", { width: "15", height: "15", viewBox: "0 0 15 15", fill: "none", children: /* @__PURE__ */ t(
+              "path",
+              {
+                d: "M11.7816 4.03157C12.0062 3.80702 12.0062 3.44295 11.7816 3.2184C11.5571 2.99385 11.193 2.99385 10.9685 3.2184L7.50005 6.68682L4.03164 3.2184C3.80708 2.99385 3.44301 2.99385 3.21846 3.2184C2.99391 3.44295 2.99391 3.80702 3.21846 4.03157L6.68688 7.49999L3.21846 10.9684C2.99391 11.193 2.99391 11.557 3.21846 11.7816C3.44301 12.0061 3.80708 12.0061 4.03164 11.7816L7.50005 8.31316L10.9685 11.7816C11.193 12.0061 11.5571 12.0061 11.7816 11.7816C12.0062 11.557 12.0062 11.193 11.7816 10.9684L8.31322 7.49999L11.7816 4.03157Z",
+                fill: "currentColor"
+              }
+            ) })
+          ] })
         ]
       }
     )
   ] });
 }
-function j({ className: a, ...t }) {
-  return /* @__PURE__ */ o(
+function j({
+  className: e,
+  ...o
+}) {
+  return /* @__PURE__ */ t(
     "div",
     {
-      "data-slot": "dialog-header",
-      className: e("gap-2 flex flex-col", a),
-      ...t
+      className: [
+        "flex flex-col space-y-1.5 text-center sm:text-left",
+        e
+      ].filter(Boolean).join(" "),
+      ...o
     }
   );
 }
-function O({
-  className: a,
-  showCloseButton: t = !1,
-  children: n,
-  ...r
+function w({
+  className: e,
+  ...o
 }) {
-  return /* @__PURE__ */ l(
+  return /* @__PURE__ */ t(
     "div",
     {
-      "data-slot": "dialog-footer",
-      className: e(
-        "bg-muted/50 rounded-b-xl border-t p-4 flex flex-col-reverse gap-2 sm:flex-row sm:justify-end",
-        a
-      ),
-      ...r,
-      children: [
-        n,
-        t && /* @__PURE__ */ o(i, { asChild: !0, children: /* @__PURE__ */ o(d, { variant: "outline", children: "Close" }) })
-      ]
+      className: [
+        "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
+        e
+      ].filter(Boolean).join(" "),
+      ...o
     }
   );
 }
-function P({
-  className: a,
-  ...t
+function y({
+  className: e,
+  ...o
 }) {
-  return /* @__PURE__ */ o(
-    p,
+  return /* @__PURE__ */ t(
+    g,
     {
-      "data-slot": "dialog-title",
-      className: e("text-base leading-none font-medium", a),
-      ...t
+      className: [
+        "text-lg font-semibold leading-none tracking-tight",
+        e
+      ].filter(Boolean).join(" "),
+      ...o
     }
   );
 }
-function B({
-  className: a,
-  ...t
+function L({
+  className: e,
+  ...o
 }) {
-  return /* @__PURE__ */ o(
-    g,
+  return /* @__PURE__ */ t(
+    c,
     {
-      "data-slot": "dialog-description",
-      className: e(
-        "text-muted-foreground *:[a]:hover:text-foreground text-sm *:[a]:underline *:[a]:underline-offset-3",
-        a
-      ),
-      ...t
+      className: [
+        "text-sm text-slate-500 dark:text-slate-400",
+        e
+      ].filter(Boolean).join(" "),
+      ...o
     }
   );
 }
 export {
-  z as Dialog,
-  w as DialogClose,
-  T as DialogContent,
-  B as DialogDescription,
-  O as DialogFooter,
+  D as Dialog,
+  m as DialogClose,
+  b as DialogContent,
+  L as DialogDescription,
+  w as DialogFooter,
   j as DialogHeader,
-  b as DialogOverlay,
-  h as DialogPortal,
-  P as DialogTitle,
-  k as DialogTrigger
+  h as DialogOverlay,
+  x as DialogPortal,
+  y as DialogTitle,
+  v as DialogTrigger
 };
-//# sourceMappingURL=dialog.js.map
+//# sourceMappingURL=Dialog.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"dialog.js","sources":["../../../../src/components/library/ui/dialog.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Dialog as DialogPrimitive } from 'radix-ui';\n\nimport { cn } from '../../../lib/utils';\nimport { Button } from './button';\nimport { XIcon } from 'lucide-react';\n\nfunction Dialog({\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Root>) {\n  return <DialogPrimitive.Root data-slot=\"dialog\" {...props} />;\n}\n\nfunction DialogTrigger({\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Trigger>) {\n  return <DialogPrimitive.Trigger data-slot=\"dialog-trigger\" {...props} />;\n}\n\nfunction DialogPortal({\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Portal>) {\n  return <DialogPrimitive.Portal data-slot=\"dialog-portal\" {...props} />;\n}\n\nfunction DialogClose({\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Close>) {\n  return <DialogPrimitive.Close data-slot=\"dialog-close\" {...props} />;\n}\n\nfunction DialogOverlay({\n  className,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Overlay>) {\n  return (\n    <DialogPrimitive.Overlay\n      data-slot=\"dialog-overlay\"\n      className={cn(\n        'data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 bg-black/10 duration-100 supports-backdrop-filter:backdrop-blur-xs fixed inset-0 isolate z-50',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction DialogContent({\n  className,\n  children,\n  showCloseButton = true,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Content> & {\n  showCloseButton?: boolean;\n}) {\n  return (\n    <DialogPortal>\n      <DialogOverlay />\n      <DialogPrimitive.Content\n        data-slot=\"dialog-content\"\n        className={cn(\n          'bg-background data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 ring-foreground/10 grid max-w-[calc(100%-2rem)] gap-4 rounded-xl p-4 text-sm ring-1 duration-100 sm:max-w-sm fixed top-1/2 left-1/2 z-50 w-full -translate-x-1/2 -translate-y-1/2 outline-none',\n          className\n        )}\n        {...props}\n      >\n        {children}\n        {showCloseButton && (\n          <DialogPrimitive.Close data-slot=\"dialog-close\" asChild>\n            <Button\n              variant=\"ghost\"\n              className=\"absolute top-2 right-2\"\n              size=\"icon-sm\"\n            >\n              <XIcon />\n              <span className=\"sr-only\">Close</span>\n            </Button>\n          </DialogPrimitive.Close>\n        )}\n      </DialogPrimitive.Content>\n    </DialogPortal>\n  );\n}\n\nfunction DialogHeader({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"dialog-header\"\n      className={cn('gap-2 flex flex-col', className)}\n      {...props}\n    />\n  );\n}\n\nfunction DialogFooter({\n  className,\n  showCloseButton = false,\n  children,\n  ...props\n}: React.ComponentProps<'div'> & {\n  showCloseButton?: boolean;\n}) {\n  return (\n    <div\n      data-slot=\"dialog-footer\"\n      className={cn(\n        'bg-muted/50 rounded-b-xl border-t p-4 flex flex-col-reverse gap-2 sm:flex-row sm:justify-end',\n        className\n      )}\n      {...props}\n    >\n      {children}\n      {showCloseButton && (\n        <DialogPrimitive.Close asChild>\n          <Button variant=\"outline\">Close</Button>\n        </DialogPrimitive.Close>\n      )}\n    </div>\n  );\n}\n\nfunction DialogTitle({\n  className,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Title>) {\n  return (\n    <DialogPrimitive.Title\n      data-slot=\"dialog-title\"\n      className={cn('text-base leading-none font-medium', className)}\n      {...props}\n    />\n  );\n}\n\nfunction DialogDescription({\n  className,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Description>) {\n  return (\n    <DialogPrimitive.Description\n      data-slot=\"dialog-description\"\n      className={cn(\n        'text-muted-foreground *:[a]:hover:text-foreground text-sm *:[a]:underline *:[a]:underline-offset-3',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nexport {\n  Dialog,\n  DialogClose,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogOverlay,\n  DialogPortal,\n  DialogTitle,\n  DialogTrigger,\n};\n"],"names":["Dialog","props","DialogPrimitive.Root","DialogTrigger","DialogPrimitive.Trigger","DialogPortal","DialogPrimitive.Portal","DialogClose","DialogPrimitive.Close","DialogOverlay","className","jsx","DialogPrimitive.Overlay","cn","DialogContent","children","showCloseButton","jsxs","DialogPrimitive.Content","Button","XIcon","DialogHeader","DialogFooter","DialogTitle","DialogPrimitive.Title","DialogDescription","DialogPrimitive.Description"],"mappings":"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"}
+{"version":3,"file":"Dialog.js","sources":["../../../../src/components/library/ui/Dialog.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Dialog as DialogPrimitive } from \"radix-ui\";\n\nfunction Dialog({ ...props }: React.ComponentProps<typeof DialogPrimitive.Root>) {\n  return <DialogPrimitive.Root {...props} />;\n}\n\nfunction DialogTrigger({ ...props }: React.ComponentProps<typeof DialogPrimitive.Trigger>) {\n  return <DialogPrimitive.Trigger {...props} />;\n}\n\nfunction DialogPortal({ ...props }: React.ComponentProps<typeof DialogPrimitive.Portal>) {\n  return <DialogPrimitive.Portal {...props} />;\n}\n\nfunction DialogClose({ ...props }: React.ComponentProps<typeof DialogPrimitive.Close>) {\n  return <DialogPrimitive.Close {...props} />;\n}\n\nfunction DialogOverlay({\n  className,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Overlay>) {\n  return (\n    <DialogPrimitive.Overlay\n      className={[\n        \"fixed inset-0 z-50 bg-black/50\",\n        className\n      ].filter(Boolean).join(\" \")}\n      {...props}\n    />\n  );\n}\n\nfunction DialogContent({\n  className,\n  children,\n  showCloseButton = true,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Content> & { showCloseButton?: boolean }) {\n  return (\n    <DialogPortal>\n      <DialogOverlay />\n      <DialogPrimitive.Content\n        className={[\n          \"fixed left-1/2 top-1/2 z-50 max-h-[85vh] w-[90vw] max-w-[500px] -translate-x-1/2 -translate-y-1/2\",\n          \"rounded-lg border border-slate-200 bg-white p-6 shadow-lg\",\n          \"dark:border-slate-800 dark:bg-slate-900\",\n          className\n        ].filter(Boolean).join(\" \")}\n        {...props}\n      >\n        {children}\n        {showCloseButton && (\n          <DialogClose className=\"absolute right-4 top-4 rounded-sm opacity-70 hover:opacity-100\">\n            <span className=\"sr-only\">Close</span>\n            <svg width=\"15\" height=\"15\" viewBox=\"0 0 15 15\" fill=\"none\">\n              <path\n                d=\"M11.7816 4.03157C12.0062 3.80702 12.0062 3.44295 11.7816 3.2184C11.5571 2.99385 11.193 2.99385 10.9685 3.2184L7.50005 6.68682L4.03164 3.2184C3.80708 2.99385 3.44301 2.99385 3.21846 3.2184C2.99391 3.44295 2.99391 3.80702 3.21846 4.03157L6.68688 7.49999L3.21846 10.9684C2.99391 11.193 2.99391 11.557 3.21846 11.7816C3.44301 12.0061 3.80708 12.0061 4.03164 11.7816L7.50005 8.31316L10.9685 11.7816C11.193 12.0061 11.5571 12.0061 11.7816 11.7816C12.0062 11.557 12.0062 11.193 11.7816 10.9684L8.31322 7.49999L11.7816 4.03157Z\"\n                fill=\"currentColor\"\n              />\n            </svg>\n          </DialogClose>\n        )}\n      </DialogPrimitive.Content>\n    </DialogPortal>\n  );\n}\n\nfunction DialogHeader({\n  className,\n  ...props\n}: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      className={[\n        \"flex flex-col space-y-1.5 text-center sm:text-left\",\n        className\n      ].filter(Boolean).join(\" \")}\n      {...props}\n    />\n  );\n}\n\nfunction DialogFooter({\n  className,\n  ...props\n}: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      className={[\n        \"flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2\",\n        className\n      ].filter(Boolean).join(\" \")}\n      {...props}\n    />\n  );\n}\n\nfunction DialogTitle({\n  className,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Title>) {\n  return (\n    <DialogPrimitive.Title\n      className={[\n        \"text-lg font-semibold leading-none tracking-tight\",\n        className\n      ].filter(Boolean).join(\" \")}\n      {...props}\n    />\n  );\n}\n\nfunction DialogDescription({\n  className,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Description>) {\n  return (\n    <DialogPrimitive.Description\n      className={[\n        \"text-sm text-slate-500 dark:text-slate-400\",\n        className\n      ].filter(Boolean).join(\" \")}\n      {...props}\n    />\n  );\n}\n\nexport {\n  Dialog,\n  DialogTrigger,\n  DialogPortal,\n  DialogClose,\n  DialogOverlay,\n  DialogContent,\n  DialogHeader,\n  DialogFooter,\n  DialogTitle,\n  DialogDescription,\n};\n"],"names":["Dialog","props","jsx","DialogPrimitive.Root","DialogTrigger","DialogPrimitive.Trigger","DialogPortal","DialogPrimitive.Portal","DialogClose","DialogPrimitive.Close","DialogOverlay","className","DialogPrimitive.Overlay","DialogContent","children","showCloseButton","jsxs","DialogPrimitive.Content","DialogHeader","DialogFooter","DialogTitle","DialogPrimitive.Title","DialogDescription","DialogPrimitive.Description"],"mappings":"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"}

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

@@ -1,25 +1,6 @@
-import * as React from 'react';
-import { type VariantProps } from 'class-variance-authority';
-import { Label } from './label';
-declare function FieldSet({ className, ...props }: React.ComponentProps<'fieldset'>): import("react/jsx-runtime").JSX.Element;
-declare function FieldLegend({ className, variant, ...props }: React.ComponentProps<'legend'> & {
-    variant?: 'legend' | 'label';
-}): import("react/jsx-runtime").JSX.Element;
-declare function FieldGroup({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
-declare const fieldVariants: (props?: ({
-    orientation?: "horizontal" | "vertical" | "responsive" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-declare function Field({ className, orientation, ...props }: React.ComponentProps<'div'> & VariantProps<typeof fieldVariants>): import("react/jsx-runtime").JSX.Element;
-declare function FieldContent({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
-declare function FieldLabel({ className, ...props }: React.ComponentProps<typeof Label>): import("react/jsx-runtime").JSX.Element;
-declare function FieldTitle({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
-declare function FieldDescription({ className, ...props }: React.ComponentProps<'p'>): import("react/jsx-runtime").JSX.Element;
-declare function FieldSeparator({ children, className, ...props }: React.ComponentProps<'div'> & {
-    children?: React.ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
-declare function FieldError({ className, children, errors, ...props }: React.ComponentProps<'div'> & {
-    errors?: Array<{
-        message?: string;
-    } | undefined>;
-}): import("react/jsx-runtime").JSX.Element | null;
-export { Field, FieldLabel, FieldDescription, FieldError, FieldGroup, FieldLegend, FieldSeparator, FieldSet, FieldContent, FieldTitle, };
+import * as React from "react";
+declare function Field({ className, children, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function FieldLabel({ className, htmlFor, children, ...props }: React.ComponentProps<"label">): import("react/jsx-runtime").JSX.Element;
+declare function FieldDescription({ className, children, ...props }: React.ComponentProps<"p">): import("react/jsx-runtime").JSX.Element;
+declare function FieldError({ className, children, ...props }: React.ComponentProps<"p">): import("react/jsx-runtime").JSX.Element;
+export { Field, FieldLabel, FieldDescription, FieldError, };

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

@@ -1,210 +1,78 @@
-import { jsx as a, jsxs as f } from "react/jsx-runtime";
-import { useMemo as u } from "react";
-import { cva as c } from "../../../node_modules/class-variance-authority/dist/index.js";
-import { cn as l } from "../../../lib/utils.js";
-import { Label as m } from "./label.js";
-import { Separator as p } from "./separator.js";
-function k({ className: t, ...e }) {
-  return /* @__PURE__ */ a(
-    "fieldset",
-    {
-      "data-slot": "field-set",
-      className: l(
-        "gap-4 has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3 flex flex-col",
-        t
-      ),
-      ...e
-    }
-  );
-}
-function y({
-  className: t,
-  variant: e = "legend",
-  ...o
+import { jsx as o } from "react/jsx-runtime";
+function n({
+  className: e,
+  children: t,
+  ...l
 }) {
-  return /* @__PURE__ */ a(
-    "legend",
-    {
-      "data-slot": "field-legend",
-      "data-variant": e,
-      className: l(
-        "mb-1.5 font-medium data-[variant=label]:text-sm data-[variant=legend]:text-base",
-        t
-      ),
-      ...o
-    }
-  );
-}
-function F({ className: t, ...e }) {
-  return /* @__PURE__ */ a(
+  return /* @__PURE__ */ o(
     "div",
     {
-      "data-slot": "field-group",
-      className: l(
-        "gap-5 data-[slot=checkbox-group]:gap-3 *:data-[slot=field-group]:gap-4 group/field-group @container/field-group flex w-full flex-col",
-        t
-      ),
-      ...e
+      className: [
+        "flex flex-col gap-1.5",
+        e
+      ].filter(Boolean).join(" "),
+      ...l,
+      children: t
     }
   );
 }
-const g = c(
-  "data-[invalid=true]:text-destructive gap-2 group/field flex w-full",
-  {
-    variants: {
-      orientation: {
-        vertical: "flex-col *:w-full [&>.sr-only]:w-auto",
-        horizontal: "flex-row items-center *:data-[slot=field-label]:flex-auto has-[>[data-slot=field-content]]:items-start has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px",
-        responsive: "flex-col *:w-full [&>.sr-only]:w-auto @md/field-group:flex-row @md/field-group:items-center @md/field-group:*:w-auto @md/field-group:*:data-[slot=field-label]:flex-auto @md/field-group:has-[>[data-slot=field-content]]:items-start @md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px"
-      }
-    },
-    defaultVariants: {
-      orientation: "vertical"
-    }
-  }
-);
-function L({
-  className: t,
-  orientation: e = "vertical",
-  ...o
+function i({
+  className: e,
+  htmlFor: t,
+  children: l,
+  ...r
 }) {
-  return /* @__PURE__ */ a(
-    "div",
-    {
-      role: "group",
-      "data-slot": "field",
-      "data-orientation": e,
-      className: l(g({ orientation: e }), t),
-      ...o
-    }
-  );
-}
-function S({ className: t, ...e }) {
-  return /* @__PURE__ */ a(
-    "div",
+  return /* @__PURE__ */ o(
+    "label",
     {
-      "data-slot": "field-content",
-      className: l(
-        "gap-0.5 group/field-content flex flex-1 flex-col leading-snug",
-        t
-      ),
-      ...e
+      htmlFor: t,
+      className: [
+        "block text-sm font-medium text-slate-700 dark:text-slate-200",
+        e
+      ].filter(Boolean).join(" "),
+      ...r,
+      children: l
     }
   );
 }
-function j({
-  className: t,
-  ...e
+function s({
+  className: e,
+  children: t,
+  ...l
 }) {
-  return /* @__PURE__ */ a(
-    m,
-    {
-      "data-slot": "field-label",
-      className: l(
-        "has-data-checked:bg-primary/5 has-data-checked:border-primary/30 dark:has-data-checked:border-primary/20 dark:has-data-checked:bg-primary/10 gap-2 group-data-[disabled=true]/field:opacity-50 has-[>[data-slot=field]]:rounded-lg has-[>[data-slot=field]]:border *:data-[slot=field]:p-2.5 group/field-label peer/field-label flex w-fit leading-snug",
-        "has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col",
-        t
-      ),
-      ...e
-    }
-  );
-}
-function z({ className: t, ...e }) {
-  return /* @__PURE__ */ a(
-    "div",
-    {
-      "data-slot": "field-label",
-      className: l(
-        "gap-2 text-sm font-medium group-data-[disabled=true]/field:opacity-50 flex w-fit items-center leading-snug",
-        t
-      ),
-      ...e
-    }
-  );
-}
-function E({ className: t, ...e }) {
-  return /* @__PURE__ */ a(
+  return /* @__PURE__ */ o(
     "p",
     {
-      "data-slot": "field-description",
-      className: l(
-        "text-muted-foreground text-left text-sm [[data-variant=legend]+&]:-mt-1.5 leading-normal font-normal group-has-data-horizontal/field:text-balance",
-        "last:mt-0 nth-last-2:-mt-1",
-        "[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4",
-        t
-      ),
-      ...e
+      className: [
+        "text-xs text-slate-500 dark:text-slate-400",
+        e
+      ].filter(Boolean).join(" "),
+      ...l,
+      children: t
     }
   );
 }
-function M({
-  children: t,
+function x({
   className: e,
-  ...o
+  children: t,
+  ...l
 }) {
-  return /* @__PURE__ */ f(
-    "div",
+  return /* @__PURE__ */ o(
+    "p",
     {
-      "data-slot": "field-separator",
-      "data-content": !!t,
-      className: l(
-        "-my-2 h-5 text-sm group-data-[variant=outline]/field-group:-mb-2 relative",
+      className: [
+        "text-xs text-red-600 dark:text-red-400",
         e
-      ),
-      ...o,
-      children: [
-        /* @__PURE__ */ a(p, { className: "absolute inset-0 top-1/2" }),
-        t && /* @__PURE__ */ a(
-          "span",
-          {
-            className: "text-muted-foreground px-2 bg-background relative mx-auto block w-fit",
-            "data-slot": "field-separator-content",
-            children: t
-          }
-        )
-      ]
+      ].filter(Boolean).join(" "),
+      ...l,
+      children: t
     }
   );
 }
-function V({
-  className: t,
-  children: e,
-  errors: o,
-  ...n
-}) {
-  const i = u(() => {
-    if (e)
-      return e;
-    if (!o?.length)
-      return null;
-    const d = [
-      ...new Map(o.map((r) => [r?.message, r])).values()
-    ];
-    return d?.length == 1 ? d[0]?.message : /* @__PURE__ */ a("ul", { className: "ml-4 flex list-disc flex-col gap-1", children: d.map(
-      (r, s) => r?.message && /* @__PURE__ */ a("li", { children: r.message }, s)
-    ) });
-  }, [e, o]);
-  return i ? /* @__PURE__ */ a(
-    "div",
-    {
-      role: "alert",
-      "data-slot": "field-error",
-      className: l("text-destructive text-sm font-normal", t),
-      ...n,
-      children: i
-    }
-  ) : null;
-}
 export {
-  L as Field,
-  S as FieldContent,
-  E as FieldDescription,
-  V as FieldError,
-  F as FieldGroup,
-  j as FieldLabel,
-  y as FieldLegend,
-  M as FieldSeparator,
-  k as FieldSet,
-  z as FieldTitle
+  n as Field,
+  s as FieldDescription,
+  x as FieldError,
+  i as FieldLabel
 };
-//# sourceMappingURL=field.js.map
+//# sourceMappingURL=Field.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"field.js","sources":["../../../../src/components/library/ui/field.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useMemo } from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\n\nimport { cn } from '../../../lib/utils';\nimport { Label } from './label';\nimport { Separator } from './separator';\n\nfunction FieldSet({ className, ...props }: React.ComponentProps<'fieldset'>) {\n  return (\n    <fieldset\n      data-slot=\"field-set\"\n      className={cn(\n        'gap-4 has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3 flex flex-col',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction FieldLegend({\n  className,\n  variant = 'legend',\n  ...props\n}: React.ComponentProps<'legend'> & { variant?: 'legend' | 'label' }) {\n  return (\n    <legend\n      data-slot=\"field-legend\"\n      data-variant={variant}\n      className={cn(\n        'mb-1.5 font-medium data-[variant=label]:text-sm data-[variant=legend]:text-base',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction FieldGroup({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"field-group\"\n      className={cn(\n        'gap-5 data-[slot=checkbox-group]:gap-3 *:data-[slot=field-group]:gap-4 group/field-group @container/field-group flex w-full flex-col',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nconst fieldVariants = cva(\n  'data-[invalid=true]:text-destructive gap-2 group/field flex w-full',\n  {\n    variants: {\n      orientation: {\n        vertical: 'flex-col *:w-full [&>.sr-only]:w-auto',\n        horizontal:\n          'flex-row items-center *:data-[slot=field-label]:flex-auto has-[>[data-slot=field-content]]:items-start has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px',\n        responsive:\n          'flex-col *:w-full [&>.sr-only]:w-auto @md/field-group:flex-row @md/field-group:items-center @md/field-group:*:w-auto @md/field-group:*:data-[slot=field-label]:flex-auto @md/field-group:has-[>[data-slot=field-content]]:items-start @md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px',\n      },\n    },\n    defaultVariants: {\n      orientation: 'vertical',\n    },\n  }\n);\n\nfunction Field({\n  className,\n  orientation = 'vertical',\n  ...props\n}: React.ComponentProps<'div'> & VariantProps<typeof fieldVariants>) {\n  return (\n    <div\n      role=\"group\"\n      data-slot=\"field\"\n      data-orientation={orientation}\n      className={cn(fieldVariants({ orientation }), className)}\n      {...props}\n    />\n  );\n}\n\nfunction FieldContent({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"field-content\"\n      className={cn(\n        'gap-0.5 group/field-content flex flex-1 flex-col leading-snug',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction FieldLabel({\n  className,\n  ...props\n}: React.ComponentProps<typeof Label>) {\n  return (\n    <Label\n      data-slot=\"field-label\"\n      className={cn(\n        'has-data-checked:bg-primary/5 has-data-checked:border-primary/30 dark:has-data-checked:border-primary/20 dark:has-data-checked:bg-primary/10 gap-2 group-data-[disabled=true]/field:opacity-50 has-[>[data-slot=field]]:rounded-lg has-[>[data-slot=field]]:border *:data-[slot=field]:p-2.5 group/field-label peer/field-label flex w-fit leading-snug',\n        'has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction FieldTitle({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"field-label\"\n      className={cn(\n        'gap-2 text-sm font-medium group-data-[disabled=true]/field:opacity-50 flex w-fit items-center leading-snug',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction FieldDescription({ className, ...props }: React.ComponentProps<'p'>) {\n  return (\n    <p\n      data-slot=\"field-description\"\n      className={cn(\n        'text-muted-foreground text-left text-sm [[data-variant=legend]+&]:-mt-1.5 leading-normal font-normal group-has-data-horizontal/field:text-balance',\n        'last:mt-0 nth-last-2:-mt-1',\n        '[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction FieldSeparator({\n  children,\n  className,\n  ...props\n}: React.ComponentProps<'div'> & {\n  children?: React.ReactNode;\n}) {\n  return (\n    <div\n      data-slot=\"field-separator\"\n      data-content={!!children}\n      className={cn(\n        '-my-2 h-5 text-sm group-data-[variant=outline]/field-group:-mb-2 relative',\n        className\n      )}\n      {...props}\n    >\n      <Separator className=\"absolute inset-0 top-1/2\" />\n      {children && (\n        <span\n          className=\"text-muted-foreground px-2 bg-background relative mx-auto block w-fit\"\n          data-slot=\"field-separator-content\"\n        >\n          {children}\n        </span>\n      )}\n    </div>\n  );\n}\n\nfunction FieldError({\n  className,\n  children,\n  errors,\n  ...props\n}: React.ComponentProps<'div'> & {\n  errors?: Array<{ message?: string } | undefined>;\n}) {\n  const content = useMemo(() => {\n    if (children) {\n      return children;\n    }\n\n    if (!errors?.length) {\n      return null;\n    }\n\n    const uniqueErrors = [\n      ...new Map(errors.map(error => [error?.message, error])).values(),\n    ];\n\n    if (uniqueErrors?.length == 1) {\n      return uniqueErrors[0]?.message;\n    }\n\n    return (\n      <ul className=\"ml-4 flex list-disc flex-col gap-1\">\n        {uniqueErrors.map(\n          (error, index) =>\n            error?.message && <li key={index}>{error.message}</li>\n        )}\n      </ul>\n    );\n  }, [children, errors]);\n\n  if (!content) {\n    return null;\n  }\n\n  return (\n    <div\n      role=\"alert\"\n      data-slot=\"field-error\"\n      className={cn('text-destructive text-sm font-normal', className)}\n      {...props}\n    >\n      {content}\n    </div>\n  );\n}\n\nexport {\n  Field,\n  FieldLabel,\n  FieldDescription,\n  FieldError,\n  FieldGroup,\n  FieldLegend,\n  FieldSeparator,\n  FieldSet,\n  FieldContent,\n  FieldTitle,\n};\n"],"names":["FieldSet","className","props","jsx","cn","FieldLegend","variant","FieldGroup","fieldVariants","cva","Field","orientation","FieldContent","FieldLabel","Label","FieldTitle","FieldDescription","FieldSeparator","children","jsxs","Separator","FieldError","errors","content","useMemo","uniqueErrors","error","index"],"mappings":"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"}
+{"version":3,"file":"Field.js","sources":["../../../../src/components/library/ui/Field.tsx"],"sourcesContent":["import * as React from \"react\";\n\nfunction Field({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      className={[\n        \"flex flex-col gap-1.5\",\n        className\n      ].filter(Boolean).join(\" \")}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\n\nfunction FieldLabel({\n  className,\n  htmlFor,\n  children,\n  ...props\n}: React.ComponentProps<\"label\">) {\n  return (\n    <label\n      htmlFor={htmlFor}\n      className={[\n        \"block text-sm font-medium text-slate-700 dark:text-slate-200\",\n        className\n      ].filter(Boolean).join(\" \")}\n      {...props}\n    >\n      {children}\n    </label>\n  );\n}\n\nfunction FieldDescription({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<\"p\">) {\n  return (\n    <p\n      className={[\n        \"text-xs text-slate-500 dark:text-slate-400\",\n        className\n      ].filter(Boolean).join(\" \")}\n      {...props}\n    >\n      {children}\n    </p>\n  );\n}\n\nfunction FieldError({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<\"p\">) {\n  return (\n    <p\n      className={[\n        \"text-xs text-red-600 dark:text-red-400\",\n        className\n      ].filter(Boolean).join(\" \")}\n      {...props}\n    >\n      {children}\n    </p>\n  );\n}\n\nexport {\n  Field,\n  FieldLabel,\n  FieldDescription,\n  FieldError,\n};\n"],"names":["Field","className","children","props","jsx","FieldLabel","htmlFor","FieldDescription","FieldError"],"mappings":";AAEA,SAASA,EAAM;AAAA,EACb,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,GAAgC;AAC9B,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACAH;AAAA,MAAA,EACA,OAAO,OAAO,EAAE,KAAK,GAAG;AAAA,MACzB,GAAGE;AAAA,MAEH,UAAAD;AAAA,IAAA;AAAA,EAAA;AAGP;AAEA,SAASG,EAAW;AAAA,EAClB,WAAAJ;AAAA,EACA,SAAAK;AAAA,EACA,UAAAJ;AAAA,EACA,GAAGC;AACL,GAAkC;AAChC,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,SAAAE;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACAL;AAAA,MAAA,EACA,OAAO,OAAO,EAAE,KAAK,GAAG;AAAA,MACzB,GAAGE;AAAA,MAEH,UAAAD;AAAA,IAAA;AAAA,EAAA;AAGP;AAEA,SAASK,EAAiB;AAAA,EACxB,WAAAN;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,GAA8B;AAC5B,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACAH;AAAA,MAAA,EACA,OAAO,OAAO,EAAE,KAAK,GAAG;AAAA,MACzB,GAAGE;AAAA,MAEH,UAAAD;AAAA,IAAA;AAAA,EAAA;AAGP;AAEA,SAASM,EAAW;AAAA,EAClB,WAAAP;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,GAA8B;AAC5B,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACAH;AAAA,MAAA,EACA,OAAO,OAAO,EAAE,KAAK,GAAG;AAAA,MACzB,GAAGE;AAAA,MAEH,UAAAD;AAAA,IAAA;AAAA,EAAA;AAGP;"}