@schandlergarcia/sf-web-components 1.1.2 → 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;"}

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

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