@schandlergarcia/sf-web-components 1.1.2 → 1.1.3

package/dist/components/library/index.d.ts

@@ -6,6 +6,9 @@ export { default as UIChip } from "./ui/Chip";
 export { default as Avatar } from "./ui/Avatar";
 export { default as EmptyState } from "./ui/EmptyState";
 export { default as Spinner } from "./ui/Spinner";
+export { default as Label } from "./ui/Label";
+export { default as Checkbox } from "./ui/Checkbox";
+export { default as FieldGroup } from "./ui/FieldGroup";
 export { default as BaseCard } from "./cards/BaseCard";
 export { default as ChartCard } from "./cards/ChartCard";
 export { default as ListCard } from "./cards/ListCard";
@@ -33,9 +36,6 @@ export { default as HeroUICard } from "./heroui/Card";
 export { default as HeroUIToggle } from "./heroui/Toggle";
 export { default as HeroUITabs } from "./heroui/Tabs";
 export { default as HeroUIAccordion } from "./heroui/Accordion";
-export { default as HeroUIBreadcrumbs } from "./heroui/Breadcrumbs";
-export { default as HeroUISeparator } from "./heroui/Separator";
-export { default as HeroUIPagination } from "./heroui/Pagination";
 export { default as HeroUIDrawer } from "./heroui/Drawer";
 export { default as HeroUIModal } from "./heroui/Modal";
 export { default as HeroUIDropdown } from "./heroui/Dropdown";
@@ -46,13 +46,18 @@ export { default as HeroUIBadge } from "./heroui/Badge";
 export { default as HeroUIProgressBar } from "./heroui/ProgressBar";
 export { default as HeroUIProgressCircle } from "./heroui/ProgressCircle";
 export { default as HeroUIMeter } from "./heroui/Meter";
-export { default as HeroUISkeleton } from "./heroui/Skeleton";
 export { default as HeroUISelect } from "./heroui/Select";
 export { default as AppThemeProvider, useThemeMode } from "./theme/AppThemeProvider";
+export { default as UICard, Card, CardHeader, CardTitle, CardDescription, CardContent, CardFooter } from "./ui/Card";
+export { default as Alert, AlertTitle, AlertDescription, AlertAction } from "./ui/Alert";
 export { FormModal, FormRenderer, FormSection, FormField, useFormState } from "./forms";
 export { FilterBar, SearchFilter, SelectFilter, ToggleFilter } from "./filters";
 export { default as DataModeProvider, useDataMode } from "./data/DataModeProvider";
 export { filterBySearch, filterByValue, filterByToggle, filterByDateRange, sortByKey, applyFilters } from "./data/filterUtils";
 export { ChatPanel, ChatBar, ChatMessageList, ChatMessage, ChatInput, ChatTypingIndicator, ChatSuggestions, ChatToolCall, ChatWelcome, useChatState } from "./chat";
+export { default as HeroUIBreadcrumbs, Breadcrumbs } from "./heroui/Breadcrumbs";
+export { default as HeroUISeparator, Separator } from "./heroui/Separator";
+export { default as HeroUIPagination, Pagination } from "./heroui/Pagination";
+export { default as HeroUISkeleton, Skeleton } from "./heroui/Skeleton";
 export { default as HeroUIKbd, Kbd } from "./heroui/Kbd";
 export { default as HeroUIScrollShadow, ScrollShadow } from "./heroui/ScrollShadow";

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

@@ -1,11 +1,37 @@
-import * as React from 'react';
-declare function Card({ className, size, ...props }: React.ComponentProps<'div'> & {
-    size?: 'default' | 'sm';
-}): import("react/jsx-runtime").JSX.Element;
-declare function CardHeader({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
-declare function CardTitle({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
-declare function CardDescription({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
-declare function CardAction({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
-declare function CardContent({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
-declare function CardFooter({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
-export { Card, CardHeader, CardFooter, CardTitle, CardAction, CardDescription, CardContent, };
+export default function UICard({ children, padding, style, className, ...rest }: {
+    [x: string]: any;
+    children: any;
+    padding?: string | undefined;
+    style: any;
+    className?: string | undefined;
+}): import("react/jsx-runtime").JSX.Element;
+export function Card({ className, children, ...rest }: {
+    [x: string]: any;
+    className?: string | undefined;
+    children: any;
+}): import("react/jsx-runtime").JSX.Element;
+export function CardHeader({ className, children, ...rest }: {
+    [x: string]: any;
+    className?: string | undefined;
+    children: any;
+}): import("react/jsx-runtime").JSX.Element;
+export function CardTitle({ className, children, ...rest }: {
+    [x: string]: any;
+    className?: string | undefined;
+    children: any;
+}): import("react/jsx-runtime").JSX.Element;
+export function CardDescription({ className, children, ...rest }: {
+    [x: string]: any;
+    className?: string | undefined;
+    children: any;
+}): import("react/jsx-runtime").JSX.Element;
+export function CardContent({ className, children, ...rest }: {
+    [x: string]: any;
+    className?: string | undefined;
+    children: any;
+}): import("react/jsx-runtime").JSX.Element;
+export function CardFooter({ className, children, ...rest }: {
+    [x: string]: any;
+    className?: string | undefined;
+    children: any;
+}): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,5 @@
+export default function FieldGroup({ className, children, ...rest }: {
+    [x: string]: any;
+    className?: string | undefined;
+    children: any;
+}): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,19 @@
+import { jsx as r } from "react/jsx-runtime";
+import "react";
+function a({ className: o = "", children: e, ...l }) {
+  return /* @__PURE__ */ r(
+    "div",
+    {
+      className: [
+        "flex flex-col gap-1.5",
+        o
+      ].filter(Boolean).join(" "),
+      ...l,
+      children: e
+    }
+  );
+}
+export {
+  a as default
+};
+//# sourceMappingURL=FieldGroup.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FieldGroup.js","sources":["../../../../src/components/library/ui/FieldGroup.jsx"],"sourcesContent":["import React from \"react\";\n\nexport default function FieldGroup({ className = \"\", children, ...rest }) {\n  return (\n    <div\n      className={[\n        \"flex flex-col gap-1.5\",\n        className\n      ]\n        .filter(Boolean)\n        .join(\" \")}\n      {...rest}\n    >\n      {children}\n    </div>\n  );\n}\n"],"names":["FieldGroup","className","children","rest","jsx"],"mappings":";;AAEA,SAAwBA,EAAW,EAAE,WAAAC,IAAY,IAAI,UAAAC,GAAU,GAAGC,KAAQ;AACxE,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACAH;AAAA,MAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,MACV,GAAGE;AAAA,MAEH,UAAAD;AAAA,IAAA;AAAA,EAAA;AAGP;"}

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

@@ -1,10 +1,21 @@
-import * as React from 'react';
-import { type VariantProps } from 'class-variance-authority';
-declare const alertVariants: (props?: ({
-    variant?: "default" | "destructive" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-declare function Alert({ className, variant, ...props }: React.ComponentProps<'div'> & VariantProps<typeof alertVariants>): import("react/jsx-runtime").JSX.Element;
-declare function AlertTitle({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
-declare function AlertDescription({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
-declare function AlertAction({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
-export { Alert, AlertTitle, AlertDescription, AlertAction };
+export default function Alert({ variant, className, children, ...rest }: {
+    [x: string]: any;
+    variant?: string | undefined;
+    className?: string | undefined;
+    children: any;
+}): import("react/jsx-runtime").JSX.Element;
+export function AlertTitle({ className, children, ...rest }: {
+    [x: string]: any;
+    className?: string | undefined;
+    children: any;
+}): import("react/jsx-runtime").JSX.Element;
+export function AlertDescription({ className, children, ...rest }: {
+    [x: string]: any;
+    className?: string | undefined;
+    children: any;
+}): import("react/jsx-runtime").JSX.Element;
+export function AlertAction({ className, children, ...rest }: {
+    [x: string]: any;
+    className?: string | undefined;
+    children: any;
+}): import("react/jsx-runtime").JSX.Element;

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

@@ -1,78 +1,73 @@
-import { jsx as r } from "react/jsx-runtime";
-import { cva as o } from "../../../node_modules/class-variance-authority/dist/index.js";
-import { cn as a } from "../../../lib/utils.js";
-const l = o(
-  "grid gap-0.5 rounded-lg border px-2.5 py-2 text-left text-sm has-data-[slot=alert-action]:relative has-data-[slot=alert-action]:pr-18 has-[>svg]:grid-cols-[auto_1fr] has-[>svg]:gap-x-2 *:[svg]:row-span-2 *:[svg]:translate-y-0.5 *:[svg]:text-current *:[svg:not([class*='size-'])]:size-4 w-full relative group/alert",
-  {
-    variants: {
-      variant: {
-        default: "bg-card text-card-foreground",
-        destructive: "text-destructive bg-card *:data-[slot=alert-description]:text-destructive/90 *:[svg]:text-current"
-      }
-    },
-    defaultVariants: {
-      variant: "default"
-    }
-  }
-);
-function u({
-  className: t,
-  variant: e,
-  ...s
-}) {
-  return /* @__PURE__ */ r(
+import { jsx as d } from "react/jsx-runtime";
+import "react";
+const l = {
+  default: "bg-slate-50 border-slate-200 text-slate-900 dark:bg-slate-900 dark:border-slate-800 dark:text-slate-50",
+  info: "bg-blue-50 border-blue-200 text-blue-900 dark:bg-blue-950 dark:border-blue-800 dark:text-blue-50",
+  success: "bg-green-50 border-green-200 text-green-900 dark:bg-green-950 dark:border-green-800 dark:text-green-50",
+  warning: "bg-yellow-50 border-yellow-200 text-yellow-900 dark:bg-yellow-950 dark:border-yellow-800 dark:text-yellow-50",
+  error: "bg-red-50 border-red-200 text-red-900 dark:bg-red-950 dark:border-red-800 dark:text-red-50",
+  destructive: "bg-red-50 border-red-200 text-red-900 dark:bg-red-950 dark:border-red-800 dark:text-red-50"
+};
+function i({ variant: e = "default", className: r = "", children: t, ...o }) {
+  const a = l[e] || l.default;
+  return /* @__PURE__ */ d(
     "div",
     {
-      "data-slot": "alert",
       role: "alert",
-      className: a(l({ variant: e }), t),
-      ...s
+      className: [
+        "rounded-lg border p-4",
+        a,
+        r
+      ].filter(Boolean).join(" "),
+      ...o,
+      children: t
     }
   );
 }
-function c({ className: t, ...e }) {
-  return /* @__PURE__ */ r(
-    "div",
+function s({ className: e = "", children: r, ...t }) {
+  return /* @__PURE__ */ d(
+    "h5",
     {
-      "data-slot": "alert-title",
-      className: a(
-        "font-medium group-has-[>svg]/alert:col-start-2 [&_a]:hover:text-foreground [&_a]:underline [&_a]:underline-offset-3",
-        t
-      ),
-      ...e
+      className: [
+        "mb-1 font-medium leading-none tracking-tight",
+        e
+      ].filter(Boolean).join(" "),
+      ...t,
+      children: r
     }
   );
 }
-function v({
-  className: t,
-  ...e
-}) {
-  return /* @__PURE__ */ r(
+function g({ className: e = "", children: r, ...t }) {
+  return /* @__PURE__ */ d(
     "div",
     {
-      "data-slot": "alert-description",
-      className: a(
-        "text-muted-foreground text-sm text-balance md:text-pretty [&_p:not(:last-child)]:mb-4 [&_a]:hover:text-foreground [&_a]:underline [&_a]:underline-offset-3",
-        t
-      ),
-      ...e
+      className: [
+        "text-sm opacity-90",
+        e
+      ].filter(Boolean).join(" "),
+      ...t,
+      children: r
     }
   );
 }
-function f({ className: t, ...e }) {
-  return /* @__PURE__ */ r(
+function u({ className: e = "", children: r, ...t }) {
+  return /* @__PURE__ */ d(
     "div",
     {
-      "data-slot": "alert-action",
-      className: a("absolute top-2 right-2", t),
-      ...e
+      className: [
+        "mt-3",
+        e
+      ].filter(Boolean).join(" "),
+      ...t,
+      children: r
     }
   );
 }
 export {
-  u as Alert,
-  f as AlertAction,
-  v as AlertDescription,
-  c as AlertTitle
+  i as Alert,
+  u as AlertAction,
+  g as AlertDescription,
+  s as AlertTitle,
+  i as default
 };
-//# sourceMappingURL=alert.js.map
+//# sourceMappingURL=Alert.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"alert.js","sources":["../../../../src/components/library/ui/alert.tsx"],"sourcesContent":["import * as React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\n\nimport { cn } from '../../../lib/utils';\n\nconst alertVariants = cva(\n  \"grid gap-0.5 rounded-lg border px-2.5 py-2 text-left text-sm has-data-[slot=alert-action]:relative has-data-[slot=alert-action]:pr-18 has-[>svg]:grid-cols-[auto_1fr] has-[>svg]:gap-x-2 *:[svg]:row-span-2 *:[svg]:translate-y-0.5 *:[svg]:text-current *:[svg:not([class*='size-'])]:size-4 w-full relative group/alert\",\n  {\n    variants: {\n      variant: {\n        default: 'bg-card text-card-foreground',\n        destructive:\n          'text-destructive bg-card *:data-[slot=alert-description]:text-destructive/90 *:[svg]:text-current',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  }\n);\n\nfunction Alert({\n  className,\n  variant,\n  ...props\n}: React.ComponentProps<'div'> & VariantProps<typeof alertVariants>) {\n  return (\n    <div\n      data-slot=\"alert\"\n      role=\"alert\"\n      className={cn(alertVariants({ variant }), className)}\n      {...props}\n    />\n  );\n}\n\nfunction AlertTitle({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"alert-title\"\n      className={cn(\n        'font-medium group-has-[>svg]/alert:col-start-2 [&_a]:hover:text-foreground [&_a]:underline [&_a]:underline-offset-3',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction AlertDescription({\n  className,\n  ...props\n}: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"alert-description\"\n      className={cn(\n        'text-muted-foreground text-sm text-balance md:text-pretty [&_p:not(:last-child)]:mb-4 [&_a]:hover:text-foreground [&_a]:underline [&_a]:underline-offset-3',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction AlertAction({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"alert-action\"\n      className={cn('absolute top-2 right-2', className)}\n      {...props}\n    />\n  );\n}\n\nexport { Alert, AlertTitle, AlertDescription, AlertAction };\n"],"names":["alertVariants","cva","Alert","className","variant","props","jsx","cn","AlertTitle","AlertDescription","AlertAction"],"mappings":";;;AAKA,MAAMA,IAAgBC;AAAA,EACpB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,QACT,aACE;AAAA,MAAA;AAAA,IACJ;AAAA,IAEF,iBAAiB;AAAA,MACf,SAAS;AAAA,IAAA;AAAA,EACX;AAEJ;AAEA,SAASC,EAAM;AAAA,EACb,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,GAAGC;AACL,GAAqE;AACnE,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,MAAK;AAAA,MACL,WAAWC,EAAGP,EAAc,EAAE,SAAAI,EAAA,CAAS,GAAGD,CAAS;AAAA,MAClD,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,EAAiB;AAAA,EACxB,WAAAN;AAAA,EACA,GAAGE;AACL,GAAgC;AAC9B,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,EAAY,EAAE,WAAAP,GAAW,GAAGE,KAAsC;AACzE,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC,EAAG,0BAA0BJ,CAAS;AAAA,MAChD,GAAGE;AAAA,IAAA;AAAA,EAAA;AAGV;"}
+{"version":3,"file":"Alert.js","sources":["../../../../src/components/library/ui/Alert.jsx"],"sourcesContent":["import React from \"react\";\n\nconst VARIANT_CLASSES = {\n  default: \"bg-slate-50 border-slate-200 text-slate-900 dark:bg-slate-900 dark:border-slate-800 dark:text-slate-50\",\n  info: \"bg-blue-50 border-blue-200 text-blue-900 dark:bg-blue-950 dark:border-blue-800 dark:text-blue-50\",\n  success: \"bg-green-50 border-green-200 text-green-900 dark:bg-green-950 dark:border-green-800 dark:text-green-50\",\n  warning: \"bg-yellow-50 border-yellow-200 text-yellow-900 dark:bg-yellow-950 dark:border-yellow-800 dark:text-yellow-50\",\n  error: \"bg-red-50 border-red-200 text-red-900 dark:bg-red-950 dark:border-red-800 dark:text-red-50\",\n  destructive: \"bg-red-50 border-red-200 text-red-900 dark:bg-red-950 dark:border-red-800 dark:text-red-50\"\n};\n\nexport default function Alert({ variant = \"default\", className = \"\", children, ...rest }) {\n  const variantClasses = VARIANT_CLASSES[variant] || VARIANT_CLASSES.default;\n\n  return (\n    <div\n      role=\"alert\"\n      className={[\n        \"rounded-lg border p-4\",\n        variantClasses,\n        className\n      ]\n        .filter(Boolean)\n        .join(\" \")}\n      {...rest}\n    >\n      {children}\n    </div>\n  );\n}\n\nexport function AlertTitle({ className = \"\", children, ...rest }) {\n  return (\n    <h5\n      className={[\n        \"mb-1 font-medium leading-none tracking-tight\",\n        className\n      ]\n        .filter(Boolean)\n        .join(\" \")}\n      {...rest}\n    >\n      {children}\n    </h5>\n  );\n}\n\nexport function AlertDescription({ className = \"\", children, ...rest }) {\n  return (\n    <div\n      className={[\n        \"text-sm opacity-90\",\n        className\n      ]\n        .filter(Boolean)\n        .join(\" \")}\n      {...rest}\n    >\n      {children}\n    </div>\n  );\n}\n\nexport function AlertAction({ className = \"\", children, ...rest }) {\n  return (\n    <div\n      className={[\n        \"mt-3\",\n        className\n      ]\n        .filter(Boolean)\n        .join(\" \")}\n      {...rest}\n    >\n      {children}\n    </div>\n  );\n}\n\nexport { Alert };\n"],"names":["VARIANT_CLASSES","Alert","variant","className","children","rest","variantClasses","jsx","AlertTitle","AlertDescription","AlertAction"],"mappings":";;AAEA,MAAMA,IAAkB;AAAA,EACtB,SAAS;AAAA,EACT,MAAM;AAAA,EACN,SAAS;AAAA,EACT,SAAS;AAAA,EACT,OAAO;AAAA,EACP,aAAa;AACf;AAEA,SAAwBC,EAAM,EAAE,SAAAC,IAAU,WAAW,WAAAC,IAAY,IAAI,UAAAC,GAAU,GAAGC,KAAQ;AACxF,QAAMC,IAAiBN,EAAgBE,CAAO,KAAKF,EAAgB;AAEnE,SACE,gBAAAO;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,WAAW;AAAA,QACT;AAAA,QACAD;AAAA,QACAH;AAAA,MAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,MACV,GAAGE;AAAA,MAEH,UAAAD;AAAA,IAAA;AAAA,EAAA;AAGP;AAEO,SAASI,EAAW,EAAE,WAAAL,IAAY,IAAI,UAAAC,GAAU,GAAGC,KAAQ;AAChE,SACE,gBAAAE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACAJ;AAAA,MAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,MACV,GAAGE;AAAA,MAEH,UAAAD;AAAA,IAAA;AAAA,EAAA;AAGP;AAEO,SAASK,EAAiB,EAAE,WAAAN,IAAY,IAAI,UAAAC,GAAU,GAAGC,KAAQ;AACtE,SACE,gBAAAE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACAJ;AAAA,MAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,MACV,GAAGE;AAAA,MAEH,UAAAD;AAAA,IAAA;AAAA,EAAA;AAGP;AAEO,SAASM,EAAY,EAAE,WAAAP,IAAY,IAAI,UAAAC,GAAU,GAAGC,KAAQ;AACjE,SACE,gBAAAE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACAJ;AAAA,MAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,MACV,GAAGE;AAAA,MAEH,UAAAD;AAAA,IAAA;AAAA,EAAA;AAGP;"}

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/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;

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

@@ -1,23 +1,20 @@
 import { jsx as o } from "react/jsx-runtime";
-import { cn as a } from "../../../lib/utils.js";
-import { Root as r } from "../../../node_modules/@radix-ui/react-label/dist/index.js";
-function l({
-  className: e,
-  ...t
-}) {
+import "react";
+function s({ children: t, htmlFor: e, className: a = "", ...l }) {
   return /* @__PURE__ */ o(
-    r,
+    "label",
     {
-      "data-slot": "label",
-      className: a(
-        "gap-2 text-sm leading-none font-medium group-data-[disabled=true]:opacity-50 peer-disabled:opacity-50 flex items-center select-none group-data-[disabled=true]:pointer-events-none peer-disabled:cursor-not-allowed",
-        e
-      ),
-      ...t
+      htmlFor: e,
+      className: [
+        "block text-sm font-medium text-slate-700 dark:text-slate-200",
+        a
+      ].filter(Boolean).join(" "),
+      ...l,
+      children: t
     }
   );
 }
 export {
-  l as Label
+  s as default
 };
-//# sourceMappingURL=label.js.map
+//# sourceMappingURL=Label.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"label.js","sources":["../../../../src/components/library/ui/label.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Label as LabelPrimitive } from 'radix-ui';\n\nimport { cn } from '../../../lib/utils';\n\nfunction Label({\n  className,\n  ...props\n}: React.ComponentProps<typeof LabelPrimitive.Root>) {\n  return (\n    <LabelPrimitive.Root\n      data-slot=\"label\"\n      className={cn(\n        'gap-2 text-sm leading-none font-medium group-data-[disabled=true]:opacity-50 peer-disabled:opacity-50 flex items-center select-none group-data-[disabled=true]:pointer-events-none peer-disabled:cursor-not-allowed',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { Label };\n"],"names":["Label","className","props","jsx","LabelPrimitive.Root","cn"],"mappings":";;;AAKA,SAASA,EAAM;AAAA,EACb,WAAAC;AAAA,EACA,GAAGC;AACL,GAAqD;AACnD,SACE,gBAAAC;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACAJ;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;"}
+{"version":3,"file":"Label.js","sources":["../../../../src/components/library/ui/Label.jsx"],"sourcesContent":["import React from \"react\";\n\nexport default function Label({ children, htmlFor, className = \"\", ...rest }) {\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      ]\n        .filter(Boolean)\n        .join(\" \")}\n      {...rest}\n    >\n      {children}\n    </label>\n  );\n}\n"],"names":["Label","children","htmlFor","className","rest","jsx"],"mappings":";;AAEA,SAAwBA,EAAM,EAAE,UAAAC,GAAU,SAAAC,GAAS,WAAAC,IAAY,IAAI,GAAGC,KAAQ;AAC5E,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,SAAAH;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACAC;AAAA,MAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,MACV,GAAGC;AAAA,MAEH,UAAAH;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/dist/index.js

@@ -1,163 +1,186 @@
-import { cn as o } from "./lib/utils.js";
+import { cn as t } from "./lib/utils.js";
 import { default as a, useThemeMode as f } from "./components/library/theme/AppThemeProvider.js";
 import { default as d } from "./components/library/ui/UIButton.js";
 import { default as p } from "./components/library/ui/UIInput.js";
 import { default as m } from "./components/library/ui/Text.js";
 import { default as i } from "./components/library/ui/Container.js";
-import { default as C } from "./components/library/ui/Chip.js";
+import { default as n } from "./components/library/ui/Chip.js";
 import { default as U } from "./components/library/ui/Avatar.js";
-import { default as g } from "./components/library/ui/EmptyState.js";
-import { default as c } from "./components/library/ui/Spinner.js";
-import { default as T } from "./components/library/cards/BaseCard.js";
-import { default as F } from "./components/library/cards/ChartCard.js";
-import { default as y } from "./components/library/cards/ListCard.js";
-import { default as P } from "./components/library/cards/MetricCard.js";
-import { default as b } from "./components/library/cards/SectionCard.js";
-import { default as w } from "./components/library/cards/StatusCard.js";
-import { default as L } from "./components/library/cards/TableCard.js";
-import { default as R } from "./components/library/cards/WidgetCard.js";
-import { default as E } from "./components/library/cards/FeedPanel.js";
-import { default as V } from "./components/library/cards/ActivityCard.js";
-import { default as q } from "./components/library/cards/MetricsStrip.js";
-import { default as J } from "./components/library/cards/CalloutCard.js";
-import { default as O } from "./components/library/cards/ActionList.js";
-import { default as X } from "./components/library/charts/D3Chart.js";
-import { D3ChartTemplates as Z } from "./components/library/charts/D3ChartTemplates.js";
-import { default as $ } from "./components/library/charts/GeoMap.js";
-import { default as re } from "./components/library/layout/PageContainer.js";
-import { default as te } from "./components/library/skeletons/CardSkeleton.js";
-import { default as fe } from "./components/library/forms/FormModal.js";
-import { default as de } from "./components/library/forms/FormRenderer.js";
-import { default as pe } from "./components/library/forms/FormSection.js";
-import { default as me } from "./components/library/forms/FormField.js";
-import { default as ie } from "./components/library/forms/useFormState.js";
-import { default as Ce } from "./components/library/filters/FilterBar.js";
-import { default as Ue } from "./components/library/filters/SearchFilter.js";
-import { default as ge } from "./components/library/filters/SelectFilter.js";
-import { default as ce } from "./components/library/filters/ToggleFilter.js";
-import { default as Te, useDataMode as Be } from "./components/library/data/DataModeProvider.js";
-import { default as Me } from "./components/library/data/DataModeToggle.js";
-import { default as De } from "./components/library/data/useDataSource.js";
-import { default as Ae } from "./components/library/data/usePageFilters.js";
-import { applyFilters as ve, filterByDateRange as we, filterBySearch as Ke, filterByToggle as Le, filterByValue as ke, sortByKey as Re } from "./components/library/data/filterUtils.js";
-import { default as Ee } from "./components/library/chat/ChatPanel.js";
-import { default as Ve } from "./components/library/chat/ChatBar.js";
-import { default as qe } from "./components/library/chat/ChatMessageList.js";
-import { default as Je } from "./components/library/chat/ChatMessage.js";
-import { default as Oe } from "./components/library/chat/ChatInput.js";
-import { default as Xe } from "./components/library/chat/ChatTypingIndicator.js";
-import { default as Ze } from "./components/library/chat/ChatSuggestions.js";
-import { default as $e } from "./components/library/chat/ChatToolCall.js";
-import { default as rr } from "./components/library/chat/ChatWelcome.js";
-import { default as tr } from "./components/library/chat/useChatState.js";
-import { default as fr } from "./components/library/heroui/Button.js";
-import { default as dr } from "./components/library/heroui/Input.js";
-import { default as pr } from "./components/library/heroui/Card.js";
-import { default as mr } from "./components/library/heroui/Toggle.js";
-import { default as ir } from "./components/library/heroui/Tabs.js";
-import { default as Cr } from "./components/library/heroui/Accordion.js";
-import { default as Ur } from "./components/library/heroui/Breadcrumbs.js";
-import { default as gr } from "./components/library/heroui/Separator.js";
-import { default as cr } from "./components/library/heroui/Pagination.js";
-import { default as Tr } from "./components/library/heroui/Drawer.js";
-import { default as Fr } from "./components/library/heroui/Modal.js";
-import { default as yr } from "./components/library/heroui/Dropdown.js";
-import { default as Pr } from "./components/library/heroui/Tooltip.js";
-import { default as br } from "./components/library/heroui/Toast.js";
-import { default as wr } from "./components/library/heroui/Alert.js";
-import { default as Lr } from "./components/library/heroui/Badge.js";
-import { default as Rr } from "./components/library/heroui/ProgressBar.js";
-import { default as Er } from "./components/library/heroui/ProgressCircle.js";
-import { default as Vr } from "./components/library/heroui/Meter.js";
-import { default as qr } from "./components/library/heroui/Skeleton.js";
-import { default as Jr } from "./components/library/heroui/Select.js";
-import { default as Or } from "./components/library/heroui/Kbd.js";
-import { default as Xr } from "./components/library/heroui/ScrollShadow.js";
-import { Kbd as Zr, ScrollShadow as _r } from "@heroui/react";
+import { default as H } from "./components/library/ui/EmptyState.js";
+import { default as g } from "./components/library/ui/Spinner.js";
+import { default as T } from "./components/library/ui/Label.js";
+import { default as B } from "./components/library/ui/Checkbox.js";
+import { default as A } from "./components/library/ui/FieldGroup.js";
+import { Card as y, CardContent as P, CardDescription as b, CardFooter as k, CardHeader as v, CardTitle as w, default as L } from "./components/library/ui/Card.js";
+import { Alert as G, AlertAction as R, AlertDescription as W, AlertTitle as E } from "./components/library/ui/Alert.js";
+import { default as j } from "./components/library/cards/BaseCard.js";
+import { default as z } from "./components/library/cards/ChartCard.js";
+import { default as N } from "./components/library/cards/ListCard.js";
+import { default as Q } from "./components/library/cards/MetricCard.js";
+import { default as Y } from "./components/library/cards/SectionCard.js";
+import { default as _ } from "./components/library/cards/StatusCard.js";
+import { default as ee } from "./components/library/cards/TableCard.js";
+import { default as te } from "./components/library/cards/WidgetCard.js";
+import { default as ae } from "./components/library/cards/FeedPanel.js";
+import { default as le } from "./components/library/cards/ActivityCard.js";
+import { default as se } from "./components/library/cards/MetricsStrip.js";
+import { default as ue } from "./components/library/cards/CalloutCard.js";
+import { default as xe } from "./components/library/cards/ActionList.js";
+import { default as Ce } from "./components/library/charts/D3Chart.js";
+import { D3ChartTemplates as Ie } from "./components/library/charts/D3ChartTemplates.js";
+import { default as ce } from "./components/library/charts/GeoMap.js";
+import { default as Se } from "./components/library/layout/PageContainer.js";
+import { default as he } from "./components/library/skeletons/CardSkeleton.js";
+import { default as Fe } from "./components/library/forms/FormModal.js";
+import { default as Me } from "./components/library/forms/FormRenderer.js";
+import { default as De } from "./components/library/forms/FormSection.js";
+import { default as Pe } from "./components/library/forms/FormField.js";
+import { default as ke } from "./components/library/forms/useFormState.js";
+import { default as we } from "./components/library/filters/FilterBar.js";
+import { default as Ke } from "./components/library/filters/SearchFilter.js";
+import { default as Re } from "./components/library/filters/SelectFilter.js";
+import { default as Ee } from "./components/library/filters/ToggleFilter.js";
+import { default as je, useDataMode as qe } from "./components/library/data/DataModeProvider.js";
+import { default as Je } from "./components/library/data/DataModeToggle.js";
+import { default as Oe } from "./components/library/data/useDataSource.js";
+import { default as Xe } from "./components/library/data/usePageFilters.js";
+import { applyFilters as Ze, filterByDateRange as _e, filterBySearch as $e, filterByToggle as er, filterByValue as rr, sortByKey as tr } from "./components/library/data/filterUtils.js";
+import { default as ar } from "./components/library/chat/ChatPanel.js";
+import { default as lr } from "./components/library/chat/ChatBar.js";
+import { default as sr } from "./components/library/chat/ChatMessageList.js";
+import { default as ur } from "./components/library/chat/ChatMessage.js";
+import { default as xr } from "./components/library/chat/ChatInput.js";
+import { default as Cr } from "./components/library/chat/ChatTypingIndicator.js";
+import { default as Ir } from "./components/library/chat/ChatSuggestions.js";
+import { default as cr } from "./components/library/chat/ChatToolCall.js";
+import { default as Sr } from "./components/library/chat/ChatWelcome.js";
+import { default as hr } from "./components/library/chat/useChatState.js";
+import { default as Fr } from "./components/library/heroui/Button.js";
+import { default as Mr } from "./components/library/heroui/Input.js";
+import { default as Dr } from "./components/library/heroui/Card.js";
+import { default as Pr } from "./components/library/heroui/Toggle.js";
+import { default as kr } from "./components/library/heroui/Tabs.js";
+import { default as wr } from "./components/library/heroui/Accordion.js";
+import { default as Kr } from "./components/library/heroui/Breadcrumbs.js";
+import { default as Rr } from "./components/library/heroui/Separator.js";
+import { default as Er } from "./components/library/heroui/Pagination.js";
+import { default as jr } from "./components/library/heroui/Drawer.js";
+import { default as zr } from "./components/library/heroui/Modal.js";
+import { default as Nr } from "./components/library/heroui/Dropdown.js";
+import { default as Qr } from "./components/library/heroui/Tooltip.js";
+import { default as Yr } from "./components/library/heroui/Toast.js";
+import { default as _r } from "./components/library/heroui/Alert.js";
+import { default as et } from "./components/library/heroui/Badge.js";
+import { default as tt } from "./components/library/heroui/ProgressBar.js";
+import { default as at } from "./components/library/heroui/ProgressCircle.js";
+import { default as lt } from "./components/library/heroui/Meter.js";
+import { default as st } from "./components/library/heroui/Skeleton.js";
+import { default as ut } from "./components/library/heroui/Select.js";
+import { default as xt } from "./components/library/heroui/Kbd.js";
+import { default as Ct } from "./components/library/heroui/ScrollShadow.js";
+import { Breadcrumbs as It, Kbd as Ut, Pagination as ct, ScrollShadow as Ht, Separator as St, Skeleton as gt } from "@heroui/react";
 export {
-  O as ActionList,
-  V as ActivityCard,
+  xe as ActionList,
+  le as ActivityCard,
+  G as Alert,
+  R as AlertAction,
+  W as AlertDescription,
+  E as AlertTitle,
   a as AppThemeProvider,
   U as Avatar,
-  T as BaseCard,
-  J as CalloutCard,
-  te as CardSkeleton,
-  F as ChartCard,
-  Ve as ChatBar,
-  Oe as ChatInput,
-  Je as ChatMessage,
-  qe as ChatMessageList,
-  Ee as ChatPanel,
-  Ze as ChatSuggestions,
-  $e as ChatToolCall,
-  Xe as ChatTypingIndicator,
-  rr as ChatWelcome,
-  X as D3Chart,
-  Z as D3ChartTemplates,
-  Te as DataModeProvider,
-  Me as DataModeToggle,
-  g as EmptyState,
-  E as FeedPanel,
-  Ce as FilterBar,
-  me as FormField,
-  fe as FormModal,
-  de as FormRenderer,
-  pe as FormSection,
-  $ as GeoMap,
-  Cr as HeroUIAccordion,
-  wr as HeroUIAlert,
-  Lr as HeroUIBadge,
-  Ur as HeroUIBreadcrumbs,
-  fr as HeroUIButton,
-  pr as HeroUICard,
-  Tr as HeroUIDrawer,
-  yr as HeroUIDropdown,
-  dr as HeroUIInput,
-  Or as HeroUIKbd,
-  Vr as HeroUIMeter,
-  Fr as HeroUIModal,
-  cr as HeroUIPagination,
-  Rr as HeroUIProgressBar,
-  Er as HeroUIProgressCircle,
-  Xr as HeroUIScrollShadow,
-  Jr as HeroUISelect,
-  gr as HeroUISeparator,
-  qr as HeroUISkeleton,
-  ir as HeroUITabs,
-  br as HeroUIToast,
-  mr as HeroUIToggle,
-  Pr as HeroUITooltip,
-  Zr as Kbd,
-  y as ListCard,
-  P as MetricCard,
-  q as MetricsStrip,
-  re as PageContainer,
-  _r as ScrollShadow,
-  Ue as SearchFilter,
-  b as SectionCard,
-  ge as SelectFilter,
-  c as Spinner,
-  w as StatusCard,
-  L as TableCard,
-  ce as ToggleFilter,
+  j as BaseCard,
+  It as Breadcrumbs,
+  ue as CalloutCard,
+  y as Card,
+  P as CardContent,
+  b as CardDescription,
+  k as CardFooter,
+  v as CardHeader,
+  he as CardSkeleton,
+  w as CardTitle,
+  z as ChartCard,
+  lr as ChatBar,
+  xr as ChatInput,
+  ur as ChatMessage,
+  sr as ChatMessageList,
+  ar as ChatPanel,
+  Ir as ChatSuggestions,
+  cr as ChatToolCall,
+  Cr as ChatTypingIndicator,
+  Sr as ChatWelcome,
+  B as Checkbox,
+  Ce as D3Chart,
+  Ie as D3ChartTemplates,
+  je as DataModeProvider,
+  Je as DataModeToggle,
+  H as EmptyState,
+  ae as FeedPanel,
+  A as FieldGroup,
+  we as FilterBar,
+  Pe as FormField,
+  Fe as FormModal,
+  Me as FormRenderer,
+  De as FormSection,
+  ce as GeoMap,
+  wr as HeroUIAccordion,
+  _r as HeroUIAlert,
+  et as HeroUIBadge,
+  Kr as HeroUIBreadcrumbs,
+  Fr as HeroUIButton,
+  Dr as HeroUICard,
+  jr as HeroUIDrawer,
+  Nr as HeroUIDropdown,
+  Mr as HeroUIInput,
+  xt as HeroUIKbd,
+  lt as HeroUIMeter,
+  zr as HeroUIModal,
+  Er as HeroUIPagination,
+  tt as HeroUIProgressBar,
+  at as HeroUIProgressCircle,
+  Ct as HeroUIScrollShadow,
+  ut as HeroUISelect,
+  Rr as HeroUISeparator,
+  st as HeroUISkeleton,
+  kr as HeroUITabs,
+  Yr as HeroUIToast,
+  Pr as HeroUIToggle,
+  Qr as HeroUITooltip,
+  Ut as Kbd,
+  T as Label,
+  N as ListCard,
+  Q as MetricCard,
+  se as MetricsStrip,
+  Se as PageContainer,
+  ct as Pagination,
+  Ht as ScrollShadow,
+  Ke as SearchFilter,
+  Y as SectionCard,
+  Re as SelectFilter,
+  St as Separator,
+  gt as Skeleton,
+  g as Spinner,
+  _ as StatusCard,
+  ee as TableCard,
+  Ee as ToggleFilter,
   d as UIButton,
-  C as UIChip,
+  L as UICard,
+  n as UIChip,
   i as UIContainer,
   p as UIInput,
   m as UIText,
-  R as WidgetCard,
-  ve as applyFilters,
-  o as cn,
-  we as filterByDateRange,
-  Ke as filterBySearch,
-  Le as filterByToggle,
-  ke as filterByValue,
-  Re as sortByKey,
-  tr as useChatState,
-  Be as useDataMode,
-  De as useDataSource,
-  ie as useFormState,
-  Ae as usePageFilters,
+  te as WidgetCard,
+  Ze as applyFilters,
+  t as cn,
+  _e as filterByDateRange,
+  $e as filterBySearch,
+  er as filterByToggle,
+  rr as filterByValue,
+  tr as sortByKey,
+  hr as useChatState,
+  qe as useDataMode,
+  Oe as useDataSource,
+  ke as useFormState,
+  Xe as usePageFilters,
   f as useThemeMode
 };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@schandlergarcia/sf-web-components",
-  "version": "1.1.2",
+  "version": "1.1.3",
   "description": "Reusable Salesforce web components library with Tailwind CSS v4 and shadcn/ui",
   "type": "module",
   "main": "./dist/index.js",