@pautena/react-design-system 2.0.0-alpha.1b → 2.0.0-alpha.5

package/dist/components/ui/table.mjs

@@ -0,0 +1,87 @@
+import { jsx as a } from "react/jsx-runtime";
+import { cn as l } from "../../lib/utils.mjs";
+function d({ className: t, ...e }) {
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      "data-slot": "table-container",
+      className: "relative w-full overflow-x-auto",
+      children: /* @__PURE__ */ a(
+        "table",
+        {
+          "data-slot": "table",
+          className: l("w-full caption-bottom text-sm", t),
+          ...e
+        }
+      )
+    }
+  );
+}
+function s({ className: t, ...e }) {
+  return /* @__PURE__ */ a(
+    "thead",
+    {
+      "data-slot": "table-header",
+      className: l("[&_tr]:border-b", t),
+      ...e
+    }
+  );
+}
+function n({ className: t, ...e }) {
+  return /* @__PURE__ */ a(
+    "tbody",
+    {
+      "data-slot": "table-body",
+      className: l("[&_tr:last-child]:border-0", t),
+      ...e
+    }
+  );
+}
+function c({ className: t, ...e }) {
+  return /* @__PURE__ */ a(
+    "tr",
+    {
+      "data-slot": "table-row",
+      className: l(
+        "hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors",
+        t
+      ),
+      ...e
+    }
+  );
+}
+function b({ className: t, ...e }) {
+  return /* @__PURE__ */ a(
+    "th",
+    {
+      "data-slot": "table-head",
+      className: l(
+        "text-foreground h-10 px-2 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0",
+        t
+      ),
+      ...e
+    }
+  );
+}
+function i({ className: t, ...e }) {
+  return /* @__PURE__ */ a(
+    "td",
+    {
+      "data-slot": "table-cell",
+      className: l(
+        "p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0",
+        t
+      ),
+      ...e
+    }
+  );
+}
+export {
+  d as Table,
+  n as TableBody,
+  i as TableCell,
+  b as TableHead,
+  s as TableHeader,
+  c as TableRow
+};
+//# sourceMappingURL=table.mjs.map

package/dist/components/ui/table.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.mjs","sources":["../../../src/components/ui/table.tsx"],"sourcesContent":["import type * as React from \"react\";\n\nimport { cn } from \"@/lib/utils\";\n\nfunction Table({ className, ...props }: React.ComponentProps<\"table\">) {\n  return (\n    <div\n      data-slot=\"table-container\"\n      className=\"relative w-full overflow-x-auto\"\n    >\n      <table\n        data-slot=\"table\"\n        className={cn(\"w-full caption-bottom text-sm\", className)}\n        {...props}\n      />\n    </div>\n  );\n}\n\nfunction TableHeader({ className, ...props }: React.ComponentProps<\"thead\">) {\n  return (\n    <thead\n      data-slot=\"table-header\"\n      className={cn(\"[&_tr]:border-b\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction TableBody({ className, ...props }: React.ComponentProps<\"tbody\">) {\n  return (\n    <tbody\n      data-slot=\"table-body\"\n      className={cn(\"[&_tr:last-child]:border-0\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction TableFooter({ className, ...props }: React.ComponentProps<\"tfoot\">) {\n  return (\n    <tfoot\n      data-slot=\"table-footer\"\n      className={cn(\n        \"bg-muted/50 border-t font-medium [&>tr]:last:border-b-0\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction TableRow({ className, ...props }: React.ComponentProps<\"tr\">) {\n  return (\n    <tr\n      data-slot=\"table-row\"\n      className={cn(\n        \"hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction TableHead({ className, ...props }: React.ComponentProps<\"th\">) {\n  return (\n    <th\n      data-slot=\"table-head\"\n      className={cn(\n        \"text-foreground h-10 px-2 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction TableCell({ className, ...props }: React.ComponentProps<\"td\">) {\n  return (\n    <td\n      data-slot=\"table-cell\"\n      className={cn(\n        \"p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction TableCaption({\n  className,\n  ...props\n}: React.ComponentProps<\"caption\">) {\n  return (\n    <caption\n      data-slot=\"table-caption\"\n      className={cn(\"text-muted-foreground mt-4 text-sm\", className)}\n      {...props}\n    />\n  );\n}\n\nexport {\n  Table,\n  TableHeader,\n  TableBody,\n  TableFooter,\n  TableHead,\n  TableRow,\n  TableCell,\n  TableCaption,\n};\n"],"names":["Table","className","props","jsx","cn","TableHeader","TableBody","TableRow","TableHead","TableCell"],"mappings":";;AAIA,SAASA,EAAM,EAAE,WAAAC,GAAW,GAAGC,KAAwC;AACrE,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAU;AAAA,MAEV,UAAA,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,aAAU;AAAA,UACV,WAAWC,EAAG,iCAAiCH,CAAS;AAAA,UACvD,GAAGC;AAAA,QAAA;AAAA,MAAA;AAAA,IACN;AAAA,EAAA;AAGN;AAEA,SAASG,EAAY,EAAE,WAAAJ,GAAW,GAAGC,KAAwC;AAC3E,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC,EAAG,mBAAmBH,CAAS;AAAA,MACzC,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASI,EAAU,EAAE,WAAAL,GAAW,GAAGC,KAAwC;AACzE,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC,EAAG,8BAA8BH,CAAS;AAAA,MACpD,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAeA,SAASK,EAAS,EAAE,WAAAN,GAAW,GAAGC,KAAqC;AACrE,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACAH;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASM,EAAU,EAAE,WAAAP,GAAW,GAAGC,KAAqC;AACtE,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACAH;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASO,EAAU,EAAE,WAAAR,GAAW,GAAGC,KAAqC;AACtE,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACAH;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;"}

package/dist/components/ui/tabs.d.ts

@@ -0,0 +1,10 @@
+import { Tabs as TabsPrimitive } from '@base-ui/react/tabs';
+import { VariantProps } from 'class-variance-authority';
+declare function Tabs({ className, orientation, ...props }: TabsPrimitive.Root.Props): import("react/jsx-runtime").JSX.Element;
+declare const tabsListVariants: (props?: ({
+    variant?: "line" | "default" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+declare function TabsList({ className, variant, ...props }: TabsPrimitive.List.Props & VariantProps<typeof tabsListVariants>): import("react/jsx-runtime").JSX.Element;
+declare function TabsTrigger({ className, ...props }: TabsPrimitive.Tab.Props): import("react/jsx-runtime").JSX.Element;
+declare function TabsContent({ className, ...props }: TabsPrimitive.Panel.Props): import("react/jsx-runtime").JSX.Element;
+export { Tabs, TabsList, TabsTrigger, TabsContent, tabsListVariants };

package/dist/components/ui/tabs.mjs

@@ -0,0 +1,88 @@
+import { jsx as r } from "react/jsx-runtime";
+import { cva as o } from "../../node_modules/class-variance-authority/dist/index.mjs";
+import { cn as e } from "../../lib/utils.mjs";
+import { TabsRoot as n } from "../../node_modules/@base-ui/react/esm/tabs/root/TabsRoot.mjs";
+import { TabsList as s } from "../../node_modules/@base-ui/react/esm/tabs/list/TabsList.mjs";
+import { TabsTab as d } from "../../node_modules/@base-ui/react/esm/tabs/tab/TabsTab.mjs";
+import { TabsPanel as l } from "../../node_modules/@base-ui/react/esm/tabs/panel/TabsPanel.mjs";
+function x({
+  className: t,
+  orientation: a = "horizontal",
+  ...i
+}) {
+  return /* @__PURE__ */ r(
+    n,
+    {
+      "data-slot": "tabs",
+      "data-orientation": a,
+      className: e(
+        "gap-2 group/tabs flex data-horizontal:flex-col",
+        t
+      ),
+      ...i
+    }
+  );
+}
+const u = o(
+  "rounded-lg p-[3px] group-data-horizontal/tabs:h-9 data-[variant=line]:rounded-none group/tabs-list text-muted-foreground inline-flex w-fit items-center justify-center group-data-vertical/tabs:h-fit group-data-vertical/tabs:flex-col",
+  {
+    variants: {
+      variant: {
+        default: "bg-muted",
+        line: "gap-1 bg-transparent"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function h({
+  className: t,
+  variant: a = "default",
+  ...i
+}) {
+  return /* @__PURE__ */ r(
+    s,
+    {
+      "data-slot": "tabs-list",
+      "data-variant": a,
+      className: e(u({ variant: a }), t),
+      ...i
+    }
+  );
+}
+function T({ className: t, ...a }) {
+  return /* @__PURE__ */ r(
+    d,
+    {
+      "data-slot": "tabs-trigger",
+      className: e(
+        "gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium group-data-[variant=default]/tabs-list:data-active:shadow-sm group-data-[variant=line]/tabs-list:data-active:shadow-none [&_svg:not([class*='size-'])]:size-4 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring text-foreground/60 hover:text-foreground dark:text-muted-foreground dark:hover:text-foreground relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center whitespace-nowrap transition-all group-data-vertical/tabs:w-full group-data-vertical/tabs:justify-start focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0",
+        "group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-active:bg-transparent dark:group-data-[variant=line]/tabs-list:data-active:border-transparent dark:group-data-[variant=line]/tabs-list:data-active:bg-transparent",
+        "data-active:bg-background dark:data-active:text-foreground dark:data-active:border-input dark:data-active:bg-input/30 data-active:text-foreground",
+        "after:bg-foreground after:absolute after:opacity-0 after:transition-opacity group-data-horizontal/tabs:after:inset-x-0 group-data-horizontal/tabs:after:bottom-[-5px] group-data-horizontal/tabs:after:h-0.5 group-data-vertical/tabs:after:inset-y-0 group-data-vertical/tabs:after:-right-1 group-data-vertical/tabs:after:w-0.5 group-data-[variant=line]/tabs-list:data-active:after:opacity-100",
+        t
+      ),
+      ...a
+    }
+  );
+}
+function y({ className: t, ...a }) {
+  return /* @__PURE__ */ r(
+    l,
+    {
+      "data-slot": "tabs-content",
+      className: e("text-sm flex-1 outline-none", t),
+      ...a
+    }
+  );
+}
+export {
+  x as Tabs,
+  y as TabsContent,
+  h as TabsList,
+  T as TabsTrigger,
+  u as tabsListVariants
+};
+//# sourceMappingURL=tabs.mjs.map

package/dist/components/ui/tabs.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.mjs","sources":["../../../src/components/ui/tabs.tsx"],"sourcesContent":["import { Tabs as TabsPrimitive } from \"@base-ui/react/tabs\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\n\nimport { cn } from \"@/lib/utils\";\n\nfunction Tabs({\n  className,\n  orientation = \"horizontal\",\n  ...props\n}: TabsPrimitive.Root.Props) {\n  return (\n    <TabsPrimitive.Root\n      data-slot=\"tabs\"\n      data-orientation={orientation}\n      className={cn(\n        \"gap-2 group/tabs flex data-horizontal:flex-col\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nconst tabsListVariants = cva(\n  \"rounded-lg p-[3px] group-data-horizontal/tabs:h-9 data-[variant=line]:rounded-none group/tabs-list text-muted-foreground inline-flex w-fit items-center justify-center group-data-vertical/tabs:h-fit group-data-vertical/tabs:flex-col\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-muted\",\n        line: \"gap-1 bg-transparent\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  },\n);\n\nfunction TabsList({\n  className,\n  variant = \"default\",\n  ...props\n}: TabsPrimitive.List.Props & VariantProps<typeof tabsListVariants>) {\n  return (\n    <TabsPrimitive.List\n      data-slot=\"tabs-list\"\n      data-variant={variant}\n      className={cn(tabsListVariants({ variant }), className)}\n      {...props}\n    />\n  );\n}\n\nfunction TabsTrigger({ className, ...props }: TabsPrimitive.Tab.Props) {\n  return (\n    <TabsPrimitive.Tab\n      data-slot=\"tabs-trigger\"\n      className={cn(\n        \"gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium group-data-[variant=default]/tabs-list:data-active:shadow-sm group-data-[variant=line]/tabs-list:data-active:shadow-none [&_svg:not([class*='size-'])]:size-4 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring text-foreground/60 hover:text-foreground dark:text-muted-foreground dark:hover:text-foreground relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center whitespace-nowrap transition-all group-data-vertical/tabs:w-full group-data-vertical/tabs:justify-start focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0\",\n        \"group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-active:bg-transparent dark:group-data-[variant=line]/tabs-list:data-active:border-transparent dark:group-data-[variant=line]/tabs-list:data-active:bg-transparent\",\n        \"data-active:bg-background dark:data-active:text-foreground dark:data-active:border-input dark:data-active:bg-input/30 data-active:text-foreground\",\n        \"after:bg-foreground after:absolute after:opacity-0 after:transition-opacity group-data-horizontal/tabs:after:inset-x-0 group-data-horizontal/tabs:after:bottom-[-5px] group-data-horizontal/tabs:after:h-0.5 group-data-vertical/tabs:after:inset-y-0 group-data-vertical/tabs:after:-right-1 group-data-vertical/tabs:after:w-0.5 group-data-[variant=line]/tabs-list:data-active:after:opacity-100\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction TabsContent({ className, ...props }: TabsPrimitive.Panel.Props) {\n  return (\n    <TabsPrimitive.Panel\n      data-slot=\"tabs-content\"\n      className={cn(\"text-sm flex-1 outline-none\", className)}\n      {...props}\n    />\n  );\n}\n\nexport { Tabs, TabsList, TabsTrigger, TabsContent, tabsListVariants };\n"],"names":["Tabs","className","orientation","props","jsx","TabsPrimitive.Root","cn","tabsListVariants","cva","TabsList","variant","TabsPrimitive.List","TabsTrigger","TabsPrimitive.Tab","TabsContent","TabsPrimitive.Panel"],"mappings":";;;;;;;AAKA,SAASA,EAAK;AAAA,EACZ,WAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,GAAGC;AACL,GAA6B;AAC3B,SACE,gBAAAC;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,oBAAkBH;AAAA,MAClB,WAAWI;AAAA,QACT;AAAA,QACAL;AAAA,MAAA;AAAA,MAED,GAAGE;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,MAAMI,IAAmBC;AAAA,EACvB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACR;AAAA,IAEF,iBAAiB;AAAA,MACf,SAAS;AAAA,IAAA;AAAA,EACX;AAEJ;AAEA,SAASC,EAAS;AAAA,EAChB,WAAAR;AAAA,EACA,SAAAS,IAAU;AAAA,EACV,GAAGP;AACL,GAAqE;AACnE,SACE,gBAAAC;AAAA,IAACO;AAAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,gBAAcD;AAAA,MACd,WAAWJ,EAAGC,EAAiB,EAAE,SAAAG,EAAA,CAAS,GAAGT,CAAS;AAAA,MACrD,GAAGE;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASS,EAAY,EAAE,WAAAX,GAAW,GAAGE,KAAkC;AACrE,SACE,gBAAAC;AAAA,IAACS;AAAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWP;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACAL;AAAA,MAAA;AAAA,MAED,GAAGE;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASW,EAAY,EAAE,WAAAb,GAAW,GAAGE,KAAoC;AACvE,SACE,gBAAAC;AAAA,IAACW;AAAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWT,EAAG,+BAA+BL,CAAS;AAAA,MACrD,GAAGE;AAAA,IAAA;AAAA,EAAA;AAGV;"}

package/dist/components/ui/textarea.d.ts

@@ -0,0 +1,3 @@
+import type * as React from "react";
+declare function Textarea({ className, ...props }: React.ComponentProps<"textarea">): import("react/jsx-runtime").JSX.Element;
+export { Textarea };

package/dist/components/ui/textarea.mjs

@@ -0,0 +1,19 @@
+import { jsx as e } from "react/jsx-runtime";
+import { cn as a } from "../../lib/utils.mjs";
+function n({ className: r, ...i }) {
+  return /* @__PURE__ */ e(
+    "textarea",
+    {
+      "data-slot": "textarea",
+      className: a(
+        "border-input dark:bg-input/30 focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 rounded-md border bg-transparent px-2.5 py-2 text-base shadow-xs transition-[color,box-shadow] focus-visible:ring-3 aria-invalid:ring-3 md:text-sm placeholder:text-muted-foreground flex field-sizing-content min-h-16 w-full outline-none disabled:cursor-not-allowed disabled:opacity-50",
+        r
+      ),
+      ...i
+    }
+  );
+}
+export {
+  n as Textarea
+};
+//# sourceMappingURL=textarea.mjs.map

package/dist/components/ui/textarea.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.mjs","sources":["../../../src/components/ui/textarea.tsx"],"sourcesContent":["import type * as React from \"react\";\n\nimport { cn } from \"@/lib/utils\";\n\nfunction Textarea({ className, ...props }: React.ComponentProps<\"textarea\">) {\n  return (\n    <textarea\n      data-slot=\"textarea\"\n      className={cn(\n        \"border-input dark:bg-input/30 focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 rounded-md border bg-transparent px-2.5 py-2 text-base shadow-xs transition-[color,box-shadow] focus-visible:ring-3 aria-invalid:ring-3 md:text-sm placeholder:text-muted-foreground flex field-sizing-content min-h-16 w-full outline-none disabled:cursor-not-allowed disabled:opacity-50\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { Textarea };\n"],"names":["Textarea","className","props","jsx","cn"],"mappings":";;AAIA,SAASA,EAAS,EAAE,WAAAC,GAAW,GAAGC,KAA2C;AAC3E,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACAH;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;"}

package/dist/components/ui/tooltip.d.ts

@@ -0,0 +1,6 @@
+import { Tooltip as TooltipPrimitive } from '@base-ui/react/tooltip';
+declare function TooltipProvider({ delay, ...props }: TooltipPrimitive.Provider.Props): import("react/jsx-runtime").JSX.Element;
+declare function Tooltip({ ...props }: TooltipPrimitive.Root.Props): import("react/jsx-runtime").JSX.Element;
+declare function TooltipTrigger({ ...props }: TooltipPrimitive.Trigger.Props): import("react/jsx-runtime").JSX.Element;
+declare function TooltipContent({ className, side, sideOffset, align, alignOffset, children, ...props }: TooltipPrimitive.Popup.Props & Pick<TooltipPrimitive.Positioner.Props, "align" | "alignOffset" | "side" | "sideOffset">): import("react/jsx-runtime").JSX.Element;
+export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };

package/dist/components/ui/tooltip.mjs

@@ -0,0 +1,55 @@
+import { jsx as o, jsxs as l } from "react/jsx-runtime";
+import { cn as s } from "../../lib/utils.mjs";
+import { TooltipRoot as p } from "../../node_modules/@base-ui/react/esm/tooltip/root/TooltipRoot.mjs";
+import { TooltipPortal as m } from "../../node_modules/@base-ui/react/esm/tooltip/portal/TooltipPortal.mjs";
+import { TooltipPositioner as f } from "../../node_modules/@base-ui/react/esm/tooltip/positioner/TooltipPositioner.mjs";
+import { TooltipPopup as g } from "../../node_modules/@base-ui/react/esm/tooltip/popup/TooltipPopup.mjs";
+import { TooltipArrow as c } from "../../node_modules/@base-ui/react/esm/tooltip/arrow/TooltipArrow.mjs";
+import { TooltipTrigger as u } from "../../node_modules/@base-ui/react/esm/tooltip/trigger/TooltipTrigger.mjs";
+function P({ ...t }) {
+  return /* @__PURE__ */ o(p, { "data-slot": "tooltip", ...t });
+}
+function j({ ...t }) {
+  return /* @__PURE__ */ o(u, { "data-slot": "tooltip-trigger", ...t });
+}
+function k({
+  className: t,
+  side: a = "top",
+  sideOffset: i = 4,
+  align: e = "center",
+  alignOffset: d = 0,
+  children: r,
+  ...n
+}) {
+  return /* @__PURE__ */ o(m, { children: /* @__PURE__ */ o(
+    f,
+    {
+      align: e,
+      alignOffset: d,
+      side: a,
+      sideOffset: i,
+      className: "isolate z-50",
+      children: /* @__PURE__ */ l(
+        g,
+        {
+          "data-slot": "tooltip-content",
+          className: s(
+            "data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 rounded-md px-3 py-1.5 text-xs data-[side=inline-start]:slide-in-from-right-2 data-[side=inline-end]:slide-in-from-left-2 bg-foreground text-background z-50 w-fit max-w-xs origin-(--transform-origin)",
+            t
+          ),
+          ...n,
+          children: [
+            r,
+            /* @__PURE__ */ o(c, { className: "size-2.5 translate-y-[calc(-50%-2px)] rotate-45 rounded-[2px] data-[side=inline-end]:top-1/2! data-[side=inline-end]:-left-1 data-[side=inline-end]:-translate-y-1/2 data-[side=inline-start]:top-1/2! data-[side=inline-start]:-right-1 data-[side=inline-start]:-translate-y-1/2 bg-foreground fill-foreground z-50 data-[side=bottom]:top-1 data-[side=left]:top-1/2! data-[side=left]:-right-1 data-[side=left]:-translate-y-1/2 data-[side=right]:top-1/2! data-[side=right]:-left-1 data-[side=right]:-translate-y-1/2 data-[side=top]:-bottom-2.5" })
+          ]
+        }
+      )
+    }
+  ) });
+}
+export {
+  P as Tooltip,
+  k as TooltipContent,
+  j as TooltipTrigger
+};
+//# sourceMappingURL=tooltip.mjs.map

package/dist/components/ui/tooltip.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.mjs","sources":["../../../src/components/ui/tooltip.tsx"],"sourcesContent":["import { Tooltip as TooltipPrimitive } from \"@base-ui/react/tooltip\";\n\nimport { cn } from \"@/lib/utils\";\n\nfunction TooltipProvider({\n  delay = 0,\n  ...props\n}: TooltipPrimitive.Provider.Props) {\n  return (\n    <TooltipPrimitive.Provider\n      data-slot=\"tooltip-provider\"\n      delay={delay}\n      {...props}\n    />\n  );\n}\n\nfunction Tooltip({ ...props }: TooltipPrimitive.Root.Props) {\n  return <TooltipPrimitive.Root data-slot=\"tooltip\" {...props} />;\n}\n\nfunction TooltipTrigger({ ...props }: TooltipPrimitive.Trigger.Props) {\n  return <TooltipPrimitive.Trigger data-slot=\"tooltip-trigger\" {...props} />;\n}\n\nfunction TooltipContent({\n  className,\n  side = \"top\",\n  sideOffset = 4,\n  align = \"center\",\n  alignOffset = 0,\n  children,\n  ...props\n}: TooltipPrimitive.Popup.Props &\n  Pick<\n    TooltipPrimitive.Positioner.Props,\n    \"align\" | \"alignOffset\" | \"side\" | \"sideOffset\"\n  >) {\n  return (\n    <TooltipPrimitive.Portal>\n      <TooltipPrimitive.Positioner\n        align={align}\n        alignOffset={alignOffset}\n        side={side}\n        sideOffset={sideOffset}\n        className=\"isolate z-50\"\n      >\n        <TooltipPrimitive.Popup\n          data-slot=\"tooltip-content\"\n          className={cn(\n            \"data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 rounded-md px-3 py-1.5 text-xs data-[side=inline-start]:slide-in-from-right-2 data-[side=inline-end]:slide-in-from-left-2 bg-foreground text-background z-50 w-fit max-w-xs origin-(--transform-origin)\",\n            className,\n          )}\n          {...props}\n        >\n          {children}\n          <TooltipPrimitive.Arrow className=\"size-2.5 translate-y-[calc(-50%-2px)] rotate-45 rounded-[2px] data-[side=inline-end]:top-1/2! data-[side=inline-end]:-left-1 data-[side=inline-end]:-translate-y-1/2 data-[side=inline-start]:top-1/2! data-[side=inline-start]:-right-1 data-[side=inline-start]:-translate-y-1/2 bg-foreground fill-foreground z-50 data-[side=bottom]:top-1 data-[side=left]:top-1/2! data-[side=left]:-right-1 data-[side=left]:-translate-y-1/2 data-[side=right]:top-1/2! data-[side=right]:-left-1 data-[side=right]:-translate-y-1/2 data-[side=top]:-bottom-2.5\" />\n        </TooltipPrimitive.Popup>\n      </TooltipPrimitive.Positioner>\n    </TooltipPrimitive.Portal>\n  );\n}\n\nexport { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };\n"],"names":["Tooltip","props","TooltipPrimitive.Root","TooltipTrigger","TooltipPrimitive.Trigger","TooltipContent","className","side","sideOffset","align","alignOffset","children","jsx","TooltipPrimitive.Portal","TooltipPrimitive.Positioner","jsxs","TooltipPrimitive.Popup","cn","TooltipPrimitive.Arrow"],"mappings":";;;;;;;;AAiBA,SAASA,EAAQ,EAAE,GAAGC,KAAsC;AAC1D,2BAAQC,GAAA,EAAsB,aAAU,WAAW,GAAGD,GAAO;AAC/D;AAEA,SAASE,EAAe,EAAE,GAAGF,KAAyC;AACpE,2BAAQG,GAAA,EAAyB,aAAU,mBAAmB,GAAGH,GAAO;AAC1E;AAEA,SAASI,EAAe;AAAA,EACtB,WAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,YAAAC,IAAa;AAAA,EACb,OAAAC,IAAQ;AAAA,EACR,aAAAC,IAAc;AAAA,EACd,UAAAC;AAAA,EACA,GAAGV;AACL,GAIK;AACH,SACE,gBAAAW,EAACC,GAAA,EACC,UAAA,gBAAAD;AAAA,IAACE;AAAAA,IAAA;AAAA,MACC,OAAAL;AAAA,MACA,aAAAC;AAAA,MACA,MAAAH;AAAA,MACA,YAAAC;AAAA,MACA,WAAU;AAAA,MAEV,UAAA,gBAAAO;AAAA,QAACC;AAAAA,QAAA;AAAA,UACC,aAAU;AAAA,UACV,WAAWC;AAAA,YACT;AAAA,YACAX;AAAA,UAAA;AAAA,UAED,GAAGL;AAAA,UAEH,UAAA;AAAA,YAAAU;AAAA,YACD,gBAAAC,EAACM,GAAA,EAAuB,WAAU,2hBAAA,CAA2hB;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAC/jB;AAAA,EAAA,GAEJ;AAEJ;"}

package/dist/components/value-boolean/index.d.ts

@@ -0,0 +1,2 @@
+export type { ValueBooleanProps } from './value-boolean';
+export { default, default as ValueBoolean } from './value-boolean';

package/dist/components/value-boolean/value-boolean.d.ts

@@ -0,0 +1,10 @@
+import { BaseValueProps } from '../../types/value-base';
+/**
+ * Props for the ValueBoolean component.
+ */
+export type ValueBooleanProps = BaseValueProps<boolean>;
+/**
+ * Displays a boolean value with a label.
+ */
+export declare function ValueBoolean({ label, value, placeholder, dense, }: ValueBooleanProps): import("react/jsx-runtime").JSX.Element;
+export default ValueBoolean;

package/dist/components/value-boolean/value-boolean.mjs

@@ -0,0 +1,42 @@
+import { jsx as e } from "react/jsx-runtime";
+import { getValueContentLabelId as l, ValueContent as d } from "../value-content/value-content.mjs";
+import { DefaultPlaceholder as n } from "../../types/value-base.mjs";
+import s from "../../node_modules/lucide-react/dist/esm/icons/check.mjs";
+import m from "../../node_modules/lucide-react/dist/esm/icons/x.mjs";
+function C({
+  label: t,
+  value: a,
+  placeholder: i = n,
+  dense: o
+}) {
+  const c = l(t), r = o ? "h-4 w-4" : "h-5 w-5";
+  return /* @__PURE__ */ e(d, { label: t, dense: o, children: /* @__PURE__ */ e(
+    "div",
+    {
+      className: "flex items-center",
+      "aria-labelledby": c,
+      role: "checkbox",
+      "aria-checked": a,
+      children: a === void 0 ? /* @__PURE__ */ e("p", { className: "text-xl", children: i }) : a ? /* @__PURE__ */ e(
+        s,
+        {
+          "data-testid": "CheckIcon",
+          className: r,
+          "aria-hidden": "true"
+        }
+      ) : /* @__PURE__ */ e(
+        m,
+        {
+          "data-testid": "CloseIcon",
+          className: r,
+          "aria-hidden": "true"
+        }
+      )
+    }
+  ) });
+}
+export {
+  C as ValueBoolean,
+  C as default
+};
+//# sourceMappingURL=value-boolean.mjs.map

package/dist/components/value-boolean/value-boolean.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"value-boolean.mjs","sources":["../../../src/components/value-boolean/value-boolean.tsx"],"sourcesContent":["import { Check, X } from \"lucide-react\";\nimport ValueContent, {\n  getValueContentLabelId,\n} from \"@/components/value-content\";\nimport { type BaseValueProps, DefaultPlaceholder } from \"@/types/value-base\";\n\n/**\n * Props for the ValueBoolean component.\n */\nexport type ValueBooleanProps = BaseValueProps<boolean>;\n\n/**\n * Displays a boolean value with a label.\n */\nexport function ValueBoolean({\n  label,\n  value,\n  placeholder = DefaultPlaceholder,\n  dense,\n}: ValueBooleanProps) {\n  const id = getValueContentLabelId(label);\n  const iconClassName = dense ? \"h-4 w-4\" : \"h-5 w-5\";\n\n  return (\n    <ValueContent label={label} dense={dense}>\n      <div\n        className=\"flex items-center\"\n        aria-labelledby={id}\n        role=\"checkbox\"\n        aria-checked={value}\n      >\n        {value === undefined ? (\n          <p className=\"text-xl\">{placeholder}</p>\n        ) : value ? (\n          <Check\n            data-testid=\"CheckIcon\"\n            className={iconClassName}\n            aria-hidden=\"true\"\n          />\n        ) : (\n          <X\n            data-testid=\"CloseIcon\"\n            className={iconClassName}\n            aria-hidden=\"true\"\n          />\n        )}\n      </div>\n    </ValueContent>\n  );\n}\n\nexport default ValueBoolean;\n"],"names":["ValueBoolean","label","value","placeholder","DefaultPlaceholder","dense","id","getValueContentLabelId","iconClassName","jsx","ValueContent","Check","X"],"mappings":";;;;;AAcO,SAASA,EAAa;AAAA,EAC3B,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC,IAAcC;AAAA,EACd,OAAAC;AACF,GAAsB;AACpB,QAAMC,IAAKC,EAAuBN,CAAK,GACjCO,IAAgBH,IAAQ,YAAY;AAE1C,SACE,gBAAAI,EAACC,GAAA,EAAa,OAAAT,GAAc,OAAAI,GAC1B,UAAA,gBAAAI;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,mBAAiBH;AAAA,MACjB,MAAK;AAAA,MACL,gBAAcJ;AAAA,MAEb,UAAAA,MAAU,SACT,gBAAAO,EAAC,KAAA,EAAE,WAAU,WAAW,UAAAN,GAAY,IAClCD,IACF,gBAAAO;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,eAAY;AAAA,UACZ,WAAWH;AAAA,UACX,eAAY;AAAA,QAAA;AAAA,MAAA,IAGd,gBAAAC;AAAA,QAACG;AAAA,QAAA;AAAA,UACC,eAAY;AAAA,UACZ,WAAWJ;AAAA,UACX,eAAY;AAAA,QAAA;AAAA,MAAA;AAAA,IACd;AAAA,EAAA,GAGN;AAEJ;"}

package/dist/components/value-card/index.d.ts

@@ -0,0 +1,2 @@
+export type { ValueCardProps } from './value-card';
+export { default, default as ValueCard } from './value-card';

package/dist/components/value-card/value-card.d.ts

@@ -0,0 +1,15 @@
+import { HTMLAttributes, ReactNode } from 'react';
+/**
+ * Props for the ValueCard component.
+ */
+export interface ValueCardProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * Content to display in the card.
+     */
+    children?: ReactNode;
+}
+/**
+ * Container to show labeled values.
+ */
+export declare function ValueCard({ children, className, ...rest }: ValueCardProps): import("react/jsx-runtime").JSX.Element;
+export default ValueCard;

package/dist/components/value-card/value-card.mjs

@@ -0,0 +1,20 @@
+import { jsx as e } from "react/jsx-runtime";
+import { cn as a } from "../../lib/utils.mjs";
+function n({ children: r, className: o, ...d }) {
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      className: a(
+        "rounded-lg border border-border bg-card p-2 text-card-foreground shadow-sm",
+        o
+      ),
+      ...d,
+      children: r
+    }
+  );
+}
+export {
+  n as ValueCard,
+  n as default
+};
+//# sourceMappingURL=value-card.mjs.map

package/dist/components/value-card/value-card.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"value-card.mjs","sources":["../../../src/components/value-card/value-card.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/lib/utils\";\n\n/**\n * Props for the ValueCard component.\n */\nexport interface ValueCardProps extends HTMLAttributes<HTMLDivElement> {\n  /**\n   * Content to display in the card.\n   */\n  children?: ReactNode;\n}\n\n/**\n * Container to show labeled values.\n */\nexport function ValueCard({ children, className, ...rest }: ValueCardProps) {\n  return (\n    <div\n      className={cn(\n        \"rounded-lg border border-border bg-card p-2 text-card-foreground shadow-sm\",\n        className,\n      )}\n      {...rest}\n    >\n      {children}\n    </div>\n  );\n}\n\nexport default ValueCard;\n"],"names":["ValueCard","children","className","rest","jsx","cn"],"mappings":";;AAgBO,SAASA,EAAU,EAAE,UAAAC,GAAU,WAAAC,GAAW,GAAGC,KAAwB;AAC1E,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACT;AAAA,QACAH;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,MAEH,UAAAF;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/dist/components/value-content/index.d.ts

@@ -0,0 +1,2 @@
+export type { ValueContentProps } from './value-content';
+export { default, default as ValueContent, getValueContentLabelId, } from './value-content';

package/dist/components/value-content/value-content.d.ts

@@ -0,0 +1,38 @@
+import { ReactElement } from 'react';
+export declare const getValueContentLabelId: (label: string) => string;
+/**
+ * Props for the ValueContent component.
+ */
+export interface ValueContentProps {
+    /**
+     * Name of the displayed value.
+     */
+    label: string;
+    /**
+     * If defined, a title tooltip is added around the children.
+     */
+    tooltip?: string;
+    /**
+     * Timeout before tooltip appears.
+     * Kept for API compatibility.
+     */
+    tooltipEnterDelay?: number;
+    /**
+     * Component rendered under the label.
+     */
+    children: ReactElement;
+    /**
+     * Displays the value as compact.
+     * @default false
+     */
+    dense?: boolean;
+    /**
+     * Additional CSS classes for custom styling.
+     */
+    className?: string;
+}
+/**
+ * Displays a value with a label and optional tooltip.
+ */
+export declare function ValueContent({ label, tooltip, tooltipEnterDelay: _tooltipEnterDelay, children, dense, className, }: ValueContentProps): import("react/jsx-runtime").JSX.Element;
+export default ValueContent;

package/dist/components/value-content/value-content.mjs

@@ -0,0 +1,39 @@
+import { jsxs as m, jsx as a } from "react/jsx-runtime";
+import { cn as o } from "../../lib/utils.mjs";
+const s = (e) => `label-${e.replace(/ /g, "-")}`;
+function u({
+  label: e,
+  tooltip: t,
+  tooltipEnterDelay: c = 2e3,
+  children: l,
+  dense: n,
+  className: r
+}) {
+  const i = s(e);
+  return /* @__PURE__ */ m(
+    "div",
+    {
+      className: o("w-full", n ? "leading-none" : void 0, r),
+      children: [
+        /* @__PURE__ */ a(
+          "p",
+          {
+            role: "label",
+            id: i,
+            className: o(
+              n ? "text-[0.6875rem] leading-[0.9375rem]" : "text-sm font-medium"
+            ),
+            children: e
+          }
+        ),
+        t ? /* @__PURE__ */ a("span", { title: t, children: l }) : l
+      ]
+    }
+  );
+}
+export {
+  u as ValueContent,
+  u as default,
+  s as getValueContentLabelId
+};
+//# sourceMappingURL=value-content.mjs.map

package/dist/components/value-content/value-content.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"value-content.mjs","sources":["../../../src/components/value-content/value-content.tsx"],"sourcesContent":["import type { ReactElement } from \"react\";\nimport { cn } from \"@/lib/utils\";\n\nexport const getValueContentLabelId = (label: string): string =>\n  `label-${label.replace(/ /g, \"-\")}`;\n\n/**\n * Props for the ValueContent component.\n */\nexport interface ValueContentProps {\n  /**\n   * Name of the displayed value.\n   */\n  label: string;\n  /**\n   * If defined, a title tooltip is added around the children.\n   */\n  tooltip?: string;\n  /**\n   * Timeout before tooltip appears.\n   * Kept for API compatibility.\n   */\n  tooltipEnterDelay?: number;\n  /**\n   * Component rendered under the label.\n   */\n  children: ReactElement;\n  /**\n   * Displays the value as compact.\n   * @default false\n   */\n  dense?: boolean;\n  /**\n   * Additional CSS classes for custom styling.\n   */\n  className?: string;\n}\n\n/**\n * Displays a value with a label and optional tooltip.\n */\nexport function ValueContent({\n  label,\n  tooltip,\n  tooltipEnterDelay: _tooltipEnterDelay = 2000,\n  children,\n  dense,\n  className,\n}: ValueContentProps) {\n  const id = getValueContentLabelId(label);\n\n  return (\n    <div\n      className={cn(\"w-full\", dense ? \"leading-none\" : undefined, className)}\n    >\n      <p\n        role=\"label\"\n        id={id}\n        className={cn(\n          dense\n            ? \"text-[0.6875rem] leading-[0.9375rem]\"\n            : \"text-sm font-medium\",\n        )}\n      >\n        {label}\n      </p>\n      {tooltip ? <span title={tooltip}>{children}</span> : children}\n    </div>\n  );\n}\n\nexport default ValueContent;\n"],"names":["getValueContentLabelId","label","ValueContent","tooltip","_tooltipEnterDelay","children","dense","className","id","jsxs","cn","jsx"],"mappings":";;AAGO,MAAMA,IAAyB,CAACC,MACrC,SAASA,EAAM,QAAQ,MAAM,GAAG,CAAC;AAqC5B,SAASC,EAAa;AAAA,EAC3B,OAAAD;AAAA,EACA,SAAAE;AAAA,EACA,mBAAmBC,IAAqB;AAAA,EACxC,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC;AACF,GAAsB;AACpB,QAAMC,IAAKR,EAAuBC,CAAK;AAEvC,SACE,gBAAAQ;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAG,UAAUJ,IAAQ,iBAAiB,QAAWC,CAAS;AAAA,MAErE,UAAA;AAAA,QAAA,gBAAAI;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,IAAAH;AAAA,YACA,WAAWE;AAAA,cACTJ,IACI,yCACA;AAAA,YAAA;AAAA,YAGL,UAAAL;AAAA,UAAA;AAAA,QAAA;AAAA,QAEFE,IAAU,gBAAAQ,EAAC,QAAA,EAAK,OAAOR,GAAU,UAAAE,GAAS,IAAUA;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAG3D;"}

package/dist/components/value-datetime/index.d.ts

@@ -0,0 +1,2 @@
+export type { ValueDatetimeProps } from './value-datetime';
+export { default, default as ValueDatetime } from './value-datetime';

package/dist/components/value-datetime/value-datetime.d.ts

@@ -0,0 +1,15 @@
+import { BaseValueProps } from '../../types/value-base';
+/**
+ * Props for the ValueDatetime component.
+ */
+export interface ValueDatetimeProps extends BaseValueProps<Date> {
+    /**
+     * Datetime format.
+     */
+    format: string;
+}
+/**
+ * Displays a formatted datetime with a label.
+ */
+export declare function ValueDatetime({ label, value: valueProp, format: fmt, placeholder, dense, }: ValueDatetimeProps): import("react/jsx-runtime").JSX.Element;
+export default ValueDatetime;

package/dist/components/value-datetime/value-datetime.mjs

@@ -0,0 +1,28 @@
+import { jsx as e } from "react/jsx-runtime";
+import { format as i } from "date-fns";
+import { getValueContentLabelId as n, ValueContent as f } from "../value-content/value-content.mjs";
+import { DefaultPlaceholder as s } from "../../types/value-base.mjs";
+function h({
+  label: t,
+  value: a,
+  format: o,
+  placeholder: m = s,
+  dense: l
+}) {
+  const c = n(t), r = a && i(a, o) || m;
+  return /* @__PURE__ */ e(
+    f,
+    {
+      label: t,
+      tooltip: r,
+      dense: l,
+      className: "flex flex-col",
+      children: /* @__PURE__ */ e("div", { className: "flex items-center", role: "group", "aria-labelledby": c, children: /* @__PURE__ */ e("p", { className: l ? "text-base truncate" : "text-xl truncate", children: r }) })
+    }
+  );
+}
+export {
+  h as ValueDatetime,
+  h as default
+};
+//# sourceMappingURL=value-datetime.mjs.map

package/dist/components/value-datetime/value-datetime.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"value-datetime.mjs","sources":["../../../src/components/value-datetime/value-datetime.tsx"],"sourcesContent":["import { format } from \"date-fns\";\nimport ValueContent, {\n  getValueContentLabelId,\n} from \"@/components/value-content\";\nimport { type BaseValueProps, DefaultPlaceholder } from \"@/types/value-base\";\n\n/**\n * Props for the ValueDatetime component.\n */\nexport interface ValueDatetimeProps extends BaseValueProps<Date> {\n  /**\n   * Datetime format.\n   */\n  format: string;\n}\n\n/**\n * Displays a formatted datetime with a label.\n */\nexport function ValueDatetime({\n  label,\n  value: valueProp,\n  format: fmt,\n  placeholder = DefaultPlaceholder,\n  dense,\n}: ValueDatetimeProps) {\n  const id = getValueContentLabelId(label);\n  const value = (valueProp && format(valueProp, fmt)) || placeholder;\n\n  return (\n    <ValueContent\n      label={label}\n      tooltip={value}\n      dense={dense}\n      className=\"flex flex-col\"\n    >\n      <div className=\"flex items-center\" role=\"group\" aria-labelledby={id}>\n        <p className={dense ? \"text-base truncate\" : \"text-xl truncate\"}>\n          {value}\n        </p>\n      </div>\n    </ValueContent>\n  );\n}\n\nexport default ValueDatetime;\n"],"names":["ValueDatetime","label","valueProp","fmt","placeholder","DefaultPlaceholder","dense","id","getValueContentLabelId","value","format","jsx","ValueContent"],"mappings":";;;;AAmBO,SAASA,EAAc;AAAA,EAC5B,OAAAC;AAAA,EACA,OAAOC;AAAA,EACP,QAAQC;AAAA,EACR,aAAAC,IAAcC;AAAA,EACd,OAAAC;AACF,GAAuB;AACrB,QAAMC,IAAKC,EAAuBP,CAAK,GACjCQ,IAASP,KAAaQ,EAAOR,GAAWC,CAAG,KAAMC;AAEvD,SACE,gBAAAO;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAAX;AAAA,MACA,SAASQ;AAAA,MACT,OAAAH;AAAA,MACA,WAAU;AAAA,MAEV,UAAA,gBAAAK,EAAC,OAAA,EAAI,WAAU,qBAAoB,MAAK,SAAQ,mBAAiBJ,GAC/D,UAAA,gBAAAI,EAAC,OAAE,WAAWL,IAAQ,uBAAuB,oBAC1C,aACH,EAAA,CACF;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components/value-image/index.d.ts

@@ -0,0 +1,2 @@
+export type { ValueImageProps } from './value-image';
+export { default, default as ValueImage } from './value-image';

package/dist/components/value-image/value-image.d.ts

@@ -0,0 +1,15 @@
+import { BaseValueProps } from '../../types/value-base';
+/**
+ * Props for the ValueImage component.
+ */
+export interface ValueImageProps extends BaseValueProps<string> {
+    /**
+     * Image size.
+     */
+    size?: number;
+}
+/**
+ * Displays an image value with a label.
+ */
+export declare function ValueImage({ label, value, size: sizeArg, dense, }: ValueImageProps): import("react/jsx-runtime").JSX.Element;
+export default ValueImage;

package/dist/components/value-image/value-image.mjs

@@ -0,0 +1,17 @@
+import { jsx as o } from "react/jsx-runtime";
+import { ValueContent as s } from "../value-content/value-content.mjs";
+const a = 100, u = 50;
+function m({
+  label: t,
+  value: n,
+  size: r,
+  dense: e
+}) {
+  const i = r || (e ? u : a);
+  return /* @__PURE__ */ o(s, { label: t, dense: e, children: /* @__PURE__ */ o("img", { src: n, alt: t, width: i, height: i }) });
+}
+export {
+  m as ValueImage,
+  m as default
+};
+//# sourceMappingURL=value-image.mjs.map

package/dist/components/value-image/value-image.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"value-image.mjs","sources":["../../../src/components/value-image/value-image.tsx"],"sourcesContent":["import ValueContent from \"@/components/value-content\";\nimport type { BaseValueProps } from \"@/types/value-base\";\n\n/**\n * Props for the ValueImage component.\n */\nexport interface ValueImageProps extends BaseValueProps<string> {\n  /**\n   * Image size.\n   */\n  size?: number;\n}\n\nconst defaultSize = 100;\nconst defaultDenseSize = 50;\n\n/**\n * Displays an image value with a label.\n */\nexport function ValueImage({\n  label,\n  value,\n  size: sizeArg,\n  dense,\n}: ValueImageProps) {\n  const size = sizeArg || (dense ? defaultDenseSize : defaultSize);\n\n  return (\n    <ValueContent label={label} dense={dense}>\n      <img src={value} alt={label} width={size} height={size} />\n    </ValueContent>\n  );\n}\n\nexport default ValueImage;\n"],"names":["defaultSize","defaultDenseSize","ValueImage","label","value","sizeArg","dense","size","jsx","ValueContent"],"mappings":";;AAaA,MAAMA,IAAc,KACdC,IAAmB;AAKlB,SAASC,EAAW;AAAA,EACzB,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,MAAMC;AAAA,EACN,OAAAC;AACF,GAAoB;AAClB,QAAMC,IAAOF,MAAYC,IAAQL,IAAmBD;AAEpD,SACE,gBAAAQ,EAACC,GAAA,EAAa,OAAAN,GAAc,OAAAG,GAC1B,4BAAC,OAAA,EAAI,KAAKF,GAAO,KAAKD,GAAO,OAAOI,GAAM,QAAQA,GAAM,GAC1D;AAEJ;"}

package/dist/components/value-item/index.d.ts

@@ -0,0 +1,2 @@
+export type { ValueItemComponent, ValueItemElement, ValueItemProps, } from './value-item';
+export { default, default as ValueItem, valueItemClasses } from './value-item';