@oneplatformdev/ui 0.1.99-beta.27 → 0.1.99-beta.270

package/Card/Card.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../src/Card/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,QAAA,MAAM,IAAI,6GAaR,CAAC;AAGH,QAAA,MAAM,UAAU,6GASd,CAAA;AAGF,QAAA,MAAM,SAAS,6GASb,CAAA;AAGF,QAAA,MAAM,eAAe,6GASnB,CAAA;AAGF,QAAA,MAAM,WAAW,6GAKf,CAAA;AAGF,QAAA,MAAM,UAAU,6GASd,CAAA;AAGF,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,eAAe,EAAE,WAAW,EAAE,CAAA"}
+{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../src/Card/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,QAAA,MAAM,IAAI,6GAcR,CAAC;AAGH,QAAA,MAAM,UAAU,6GASd,CAAA;AAGF,QAAA,MAAM,SAAS,6GASb,CAAA;AAGF,QAAA,MAAM,eAAe,6GASnB,CAAA;AAGF,QAAA,MAAM,WAAW,6GAKf,CAAA;AAGF,QAAA,MAAM,UAAU,6GASd,CAAA;AAGF,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,eAAe,EAAE,WAAW,EAAE,CAAA"}

package/Card/Card.js

@@ -1,63 +1,64 @@
 import { jsx as d } from "react/jsx-runtime";
 import * as o from "react";
 import { cn as t } from "@oneplatformdev/utils";
-const s = o.forwardRef(({ className: e, ...a }, r) => /* @__PURE__ */ d(
+const s = o.forwardRef(({ className: a, ...e }, r) => /* @__PURE__ */ d(
   "div",
   {
     ref: r,
     className: t(
       "flex flex-col gap-1 p-2",
-      "rounded-2xl border border-border bg-card text-card-foreground shadow-none",
-      e
+      "text-card-foreground bg-card shadow-none",
+      "rounded-lg border border-transparent",
+      a
     ),
-    ...a
+    ...e
   }
 ));
 s.displayName = "Card";
-const i = o.forwardRef(({ className: e, ...a }, r) => /* @__PURE__ */ d(
+const i = o.forwardRef(({ className: a, ...e }, r) => /* @__PURE__ */ d(
   "div",
   {
     ref: r,
-    className: t("flex flex-col space-y-1.5 p-6", e),
-    ...a
+    className: t("flex flex-col space-y-1.5 p-6", a),
+    ...e
   }
 ));
 i.displayName = "CardHeader";
-const l = o.forwardRef(({ className: e, ...a }, r) => /* @__PURE__ */ d(
+const n = o.forwardRef(({ className: a, ...e }, r) => /* @__PURE__ */ d(
   "div",
   {
     ref: r,
-    className: t("font-semibold leading-none tracking-tight", e),
-    ...a
+    className: t("font-semibold leading-none tracking-tight", a),
+    ...e
   }
 ));
-l.displayName = "CardTitle";
-const n = o.forwardRef(({ className: e, ...a }, r) => /* @__PURE__ */ d(
+n.displayName = "CardTitle";
+const l = o.forwardRef(({ className: a, ...e }, r) => /* @__PURE__ */ d(
   "div",
   {
     ref: r,
-    className: t("text-sm text-muted-foreground", e),
-    ...a
+    className: t("text-sm text-muted-foreground", a),
+    ...e
   }
 ));
-n.displayName = "CardDescription";
-const c = o.forwardRef(({ className: e, ...a }, r) => /* @__PURE__ */ d("div", { ref: r, className: t("p-6 pt-0", e), ...a }));
+l.displayName = "CardDescription";
+const c = o.forwardRef(({ className: a, ...e }, r) => /* @__PURE__ */ d("div", { ref: r, className: t("p-6 pt-0", a), ...e }));
 c.displayName = "CardContent";
-const f = o.forwardRef(({ className: e, ...a }, r) => /* @__PURE__ */ d(
+const f = o.forwardRef(({ className: a, ...e }, r) => /* @__PURE__ */ d(
   "div",
   {
     ref: r,
-    className: t("flex items-center p-6 pt-0", e),
-    ...a
+    className: t("flex items-center p-6 pt-0", a),
+    ...e
   }
 ));
 f.displayName = "CardFooter";
 export {
   s as Card,
   c as CardContent,
-  n as CardDescription,
+  l as CardDescription,
   f as CardFooter,
   i as CardHeader,
-  l as CardTitle
+  n as CardTitle
 };
 //# sourceMappingURL=Card.js.map

package/Card/Card.js.map

@@ -1 +1 @@
-{"version":3,"file":"Card.js","sources":["../../src/Card/Card.tsx"],"sourcesContent":["import * as React from 'react';\r\n\r\nimport { cn } from '@oneplatformdev/utils';\r\n\r\nconst Card = React.forwardRef<\r\n  HTMLDivElement,\r\n  React.HTMLAttributes<HTMLDivElement>\r\n>(({ className, ...props }, ref) => (\r\n  <div\r\n    ref={ref}\r\n    className={cn(\r\n      'flex flex-col gap-1 p-2',\r\n      'rounded-2xl border border-border bg-card text-card-foreground shadow-none',\r\n      className\r\n    )}\r\n    {...props}\r\n  />\r\n));\r\nCard.displayName = \"Card\"\r\n\r\nconst CardHeader = React.forwardRef<\r\n  HTMLDivElement,\r\n  React.HTMLAttributes<HTMLDivElement>\r\n>(({ className, ...props }, ref) => (\r\n  <div\r\n    ref={ref}\r\n    className={cn(\"flex flex-col space-y-1.5 p-6\", className)}\r\n    {...props}\r\n  />\r\n))\r\nCardHeader.displayName = \"CardHeader\"\r\n\r\nconst CardTitle = React.forwardRef<\r\n  HTMLDivElement,\r\n  React.HTMLAttributes<HTMLDivElement>\r\n>(({ className, ...props }, ref) => (\r\n  <div\r\n    ref={ref}\r\n    className={cn(\"font-semibold leading-none tracking-tight\", className)}\r\n    {...props}\r\n  />\r\n))\r\nCardTitle.displayName = \"CardTitle\"\r\n\r\nconst CardDescription = React.forwardRef<\r\n  HTMLDivElement,\r\n  React.HTMLAttributes<HTMLDivElement>\r\n>(({ className, ...props }, ref) => (\r\n  <div\r\n    ref={ref}\r\n    className={cn(\"text-sm text-muted-foreground\", className)}\r\n    {...props}\r\n  />\r\n))\r\nCardDescription.displayName = \"CardDescription\"\r\n\r\nconst CardContent = React.forwardRef<\r\n  HTMLDivElement,\r\n  React.HTMLAttributes<HTMLDivElement>\r\n>(({ className, ...props }, ref) => (\r\n  <div ref={ref} className={cn(\"p-6 pt-0\", className)} {...props} />\r\n))\r\nCardContent.displayName = \"CardContent\"\r\n\r\nconst CardFooter = React.forwardRef<\r\n  HTMLDivElement,\r\n  React.HTMLAttributes<HTMLDivElement>\r\n>(({ className, ...props }, ref) => (\r\n  <div\r\n    ref={ref}\r\n    className={cn(\"flex items-center p-6 pt-0\", className)}\r\n    {...props}\r\n  />\r\n))\r\nCardFooter.displayName = \"CardFooter\"\r\n\r\nexport { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent }\r\n"],"names":["Card","React","className","props","ref","jsx","cn","CardHeader","CardTitle","CardDescription","CardContent","CardFooter"],"mappings":";;;AAIA,MAAMA,IAAOC,EAAM,WAGjB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAD;AAAA,IACA,WAAWE;AAAA,MACT;AAAA,MACA;AAAA,MACAJ;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,EAAA;AACN,CACD;AACDH,EAAK,cAAc;AAEnB,MAAMO,IAAaN,EAAM,WAGvB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAD;AAAA,IACA,WAAWE,EAAG,iCAAiCJ,CAAS;AAAA,IACvD,GAAGC;AAAA,EAAA;AACN,CACD;AACDI,EAAW,cAAc;AAEzB,MAAMC,IAAYP,EAAM,WAGtB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAD;AAAA,IACA,WAAWE,EAAG,6CAA6CJ,CAAS;AAAA,IACnE,GAAGC;AAAA,EAAA;AACN,CACD;AACDK,EAAU,cAAc;AAExB,MAAMC,IAAkBR,EAAM,WAG5B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAD;AAAA,IACA,WAAWE,EAAG,iCAAiCJ,CAAS;AAAA,IACvD,GAAGC;AAAA,EAAA;AACN,CACD;AACDM,EAAgB,cAAc;AAE9B,MAAMC,IAAcT,EAAM,WAGxB,CAAC,EAAE,WAAAC,GAAW,GAAGC,KAASC,wBACzB,OAAA,EAAI,KAAAA,GAAU,WAAWE,EAAG,YAAYJ,CAAS,GAAI,GAAGC,GAAO,CACjE;AACDO,EAAY,cAAc;AAE1B,MAAMC,IAAaV,EAAM,WAGvB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAD;AAAA,IACA,WAAWE,EAAG,8BAA8BJ,CAAS;AAAA,IACpD,GAAGC;AAAA,EAAA;AACN,CACD;AACDQ,EAAW,cAAc;"}
+{"version":3,"file":"Card.js","sources":["../../src/Card/Card.tsx"],"sourcesContent":["import * as React from 'react';\r\n\r\nimport { cn } from '@oneplatformdev/utils';\r\n\r\nconst Card = React.forwardRef<\r\n  HTMLDivElement,\r\n  React.HTMLAttributes<HTMLDivElement>\r\n>(({ className, ...props }, ref) => (\r\n  <div\r\n    ref={ref}\r\n    className={cn(\r\n      'flex flex-col gap-1 p-2',\r\n      'text-card-foreground bg-card shadow-none',\r\n      'rounded-lg border border-transparent',\r\n      className\r\n    )}\r\n    {...props}\r\n  />\r\n));\r\nCard.displayName = \"Card\"\r\n\r\nconst CardHeader = React.forwardRef<\r\n  HTMLDivElement,\r\n  React.HTMLAttributes<HTMLDivElement>\r\n>(({ className, ...props }, ref) => (\r\n  <div\r\n    ref={ref}\r\n    className={cn(\"flex flex-col space-y-1.5 p-6\", className)}\r\n    {...props}\r\n  />\r\n))\r\nCardHeader.displayName = \"CardHeader\"\r\n\r\nconst CardTitle = React.forwardRef<\r\n  HTMLDivElement,\r\n  React.HTMLAttributes<HTMLDivElement>\r\n>(({ className, ...props }, ref) => (\r\n  <div\r\n    ref={ref}\r\n    className={cn(\"font-semibold leading-none tracking-tight\", className)}\r\n    {...props}\r\n  />\r\n))\r\nCardTitle.displayName = \"CardTitle\"\r\n\r\nconst CardDescription = React.forwardRef<\r\n  HTMLDivElement,\r\n  React.HTMLAttributes<HTMLDivElement>\r\n>(({ className, ...props }, ref) => (\r\n  <div\r\n    ref={ref}\r\n    className={cn(\"text-sm text-muted-foreground\", className)}\r\n    {...props}\r\n  />\r\n))\r\nCardDescription.displayName = \"CardDescription\"\r\n\r\nconst CardContent = React.forwardRef<\r\n  HTMLDivElement,\r\n  React.HTMLAttributes<HTMLDivElement>\r\n>(({ className, ...props }, ref) => (\r\n  <div ref={ref} className={cn(\"p-6 pt-0\", className)} {...props} />\r\n))\r\nCardContent.displayName = \"CardContent\"\r\n\r\nconst CardFooter = React.forwardRef<\r\n  HTMLDivElement,\r\n  React.HTMLAttributes<HTMLDivElement>\r\n>(({ className, ...props }, ref) => (\r\n  <div\r\n    ref={ref}\r\n    className={cn(\"flex items-center p-6 pt-0\", className)}\r\n    {...props}\r\n  />\r\n))\r\nCardFooter.displayName = \"CardFooter\"\r\n\r\nexport { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent }\r\n"],"names":["Card","React","className","props","ref","jsx","cn","CardHeader","CardTitle","CardDescription","CardContent","CardFooter"],"mappings":";;;AAIA,MAAMA,IAAOC,EAAM,WAGjB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAD;AAAA,IACA,WAAWE;AAAA,MACT;AAAA,MACA;AAAA,MACA;AAAA,MACAJ;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,EAAA;AACN,CACD;AACDH,EAAK,cAAc;AAEnB,MAAMO,IAAaN,EAAM,WAGvB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAD;AAAA,IACA,WAAWE,EAAG,iCAAiCJ,CAAS;AAAA,IACvD,GAAGC;AAAA,EAAA;AACN,CACD;AACDI,EAAW,cAAc;AAEzB,MAAMC,IAAYP,EAAM,WAGtB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAD;AAAA,IACA,WAAWE,EAAG,6CAA6CJ,CAAS;AAAA,IACnE,GAAGC;AAAA,EAAA;AACN,CACD;AACDK,EAAU,cAAc;AAExB,MAAMC,IAAkBR,EAAM,WAG5B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAD;AAAA,IACA,WAAWE,EAAG,iCAAiCJ,CAAS;AAAA,IACvD,GAAGC;AAAA,EAAA;AACN,CACD;AACDM,EAAgB,cAAc;AAE9B,MAAMC,IAAcT,EAAM,WAGxB,CAAC,EAAE,WAAAC,GAAW,GAAGC,KAASC,wBACzB,OAAA,EAAI,KAAAA,GAAU,WAAWE,EAAG,YAAYJ,CAAS,GAAI,GAAGC,GAAO,CACjE;AACDO,EAAY,cAAc;AAE1B,MAAMC,IAAaV,EAAM,WAGvB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAD;AAAA,IACA,WAAWE,EAAG,8BAA8BJ,CAAS;AAAA,IACpD,GAAGC;AAAA,EAAA;AACN,CACD;AACDQ,EAAW,cAAc;"}

package/Checkbox/Checkbox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../src/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,kBAAkB,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAK1E,QAAA,MAAM,QAAQ,yFAsBZ,CAAC;AAGH,QAAA,MAAM,aAAa,6FAqBjB,CAAC;AAGH,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,CAAC"}
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../src/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,kBAAkB,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAI1E,QAAA,MAAM,QAAQ,yFA0BZ,CAAC;AAGH,QAAA,MAAM,aAAa,6FAyBjB,CAAC;AAGH,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,CAAC"}

package/Checkbox/Checkbox.js

@@ -1,54 +1,56 @@
-import { jsx as r, jsxs as l } from "react/jsx-runtime";
-import * as t from "@radix-ui/react-checkbox";
-import { MinusIcon as f, CheckIcon as p } from "lucide-react";
+import { jsx as t, jsxs as l } from "react/jsx-runtime";
+import * as c from "@radix-ui/react-checkbox";
+import { MinusIcon as m, CheckIcon as h } from "lucide-react";
 import * as n from "react";
-import { cn as i } from "@oneplatformdev/utils";
-import { Label as h } from "../Label/Label.js";
-const d = n.forwardRef(({ className: s, checked: o, indeterminate: e, ...a }, c) => {
-  const m = e ? f : p;
-  return /* @__PURE__ */ r(
-    t.Root,
+import { cn as o } from "@oneplatformdev/utils";
+import { Label as p } from "../Label/Label.js";
+const d = n.forwardRef(({ className: s, checked: a, indeterminate: e, ...r }, i) => {
+  const f = e ? m : h;
+  return /* @__PURE__ */ t(
+    c.Root,
     {
-      ref: c,
-      className: i(
-        "peer h-4 w-4 shrink-0 rounded-sm border border-primary shadow-sm focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground",
+      ref: i,
+      className: o(
+        "peer size-5 shrink-0 rounded-sm",
+        "shadow-none border",
+        "border-[#666A78] data-[state=checked]:border-[#9368FF]",
+        "bg-transparent data-[state=checked]:bg-[#9368FF]",
+        "bg-transparent data-[state=checked]:bg-[#9368FF] data-[state=checked]:text-[#fff]!",
+        "focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-ring",
+        "disabled:cursor-not-allowed disabled:opacity-50",
         s
       ),
-      ...a,
-      checked: o ?? e,
-      children: /* @__PURE__ */ r(
-        t.Indicator,
-        {
-          className: i("flex items-center justify-center text-current"),
-          children: /* @__PURE__ */ r(m, { className: "h-4 w-4" })
-        }
-      )
+      ...r,
+      checked: a ?? e,
+      children: /* @__PURE__ */ t(c.Indicator, { className: o("flex items-center justify-center"), children: /* @__PURE__ */ t(f, { className: "size-4 fill-[#9368FF] text-[#fff]!", strokeWidth: 2 }) })
     }
   );
 });
-d.displayName = t.Root.displayName;
-const u = n.forwardRef(({ label: s = "", children: o, labelProps: e, ...a }, c) => /* @__PURE__ */ l(
-  h,
+d.displayName = c.Root.displayName;
+const x = n.forwardRef(({ label: s, children: a, labelProps: e, ...r }, i) => /* @__PURE__ */ l(
+  p,
   {
-    ref: c,
+    ref: i,
     ...e,
-    className: i(
-      "flex w-full items-start gap-3 font-normal py-3 cursor-pointer",
+    className: o(
+      "flex w-fit items-start gap-2 py-2 pl-1",
+      "text-[#06080D] text-md font-medium",
+      "cursor-pointer",
       e?.className
     ),
     style: e?.style,
     children: [
-      /* @__PURE__ */ r(d, { ...a }),
-      /* @__PURE__ */ l("div", { className: "flex flex-col w-full gap-3", children: [
-        /* @__PURE__ */ r("span", { className: "flex flex-col justify-start leading-[16px]", children: s }),
-        o
+      /* @__PURE__ */ t("div", { className: "size-6 aspect-square flex items-center justify-center shrink-0", children: /* @__PURE__ */ t(d, { ...r }) }),
+      /* @__PURE__ */ l("div", { className: "flex flex-col w-fit gap-3", children: [
+        /* @__PURE__ */ t("span", { className: "inline-flex w-fit flex-col justify-start leading-[24px]", children: s }),
+        a
       ] })
     ]
   }
 ));
-u.displayName = "CheckboxLabel";
+x.displayName = "CheckboxLabel";
 export {
   d as Checkbox,
-  u as CheckboxLabel
+  x as CheckboxLabel
 };
 //# sourceMappingURL=Checkbox.js.map

package/Checkbox/Checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.js","sources":["../../src/Checkbox/Checkbox.tsx"],"sourcesContent":["'use client';\r\n\r\nimport * as CheckboxPrimitive from '@radix-ui/react-checkbox';\r\nimport { CheckIcon, MinusIcon } from 'lucide-react';\r\nimport * as React from 'react';\r\n\r\nimport { cn } from '@oneplatformdev/utils';\r\nimport type { CheckboxLabelProps, CheckboxProps } from './Checkbox.types';\r\n\r\nimport { Label } from '../Label';\r\n\r\n// TODO: move to @oneplatformdev/ui/Checkbox\r\nconst Checkbox = React.forwardRef<\r\n\tReact.ElementRef<typeof CheckboxPrimitive.Root>,\r\n\tCheckboxProps\r\n>(({ className, checked, indeterminate, ...props }, ref) => {\r\n\tconst Icon = indeterminate ? MinusIcon : CheckIcon;\r\n\treturn (\r\n\t\t<CheckboxPrimitive.Root\r\n\t\t\tref={ref}\r\n\t\t\tclassName={cn(\r\n\t\t\t\t\"peer h-4 w-4 shrink-0 rounded-sm border border-primary shadow-sm focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground\",\r\n\t\t\t\tclassName\r\n\t\t\t)}\r\n\t\t\t{...props}\r\n\t\t\tchecked={checked ?? indeterminate}\r\n\t\t>\r\n\t\t\t<CheckboxPrimitive.Indicator\r\n\t\t\t\tclassName={cn(\"flex items-center justify-center text-current\")}\r\n\t\t\t>\r\n\t\t\t\t<Icon className=\"h-4 w-4\"/>\r\n\t\t\t</CheckboxPrimitive.Indicator>\r\n\t\t</CheckboxPrimitive.Root>\r\n\t);\r\n});\r\nCheckbox.displayName = CheckboxPrimitive.Root.displayName;\r\n\r\nconst CheckboxLabel = React.forwardRef<\r\n\tHTMLLabelElement,\r\n\tCheckboxLabelProps\r\n>(({ label = '', children, labelProps, ...rest }, ref) => {\r\n\treturn (\r\n\t\t<Label\r\n\t\t\tref={ref}\r\n\t\t\t{...labelProps}\r\n\t\t\tclassName={cn(\r\n\t\t\t\t'flex w-full items-start gap-3 font-normal py-3 cursor-pointer',\r\n\t\t\t\tlabelProps?.className,\r\n\t\t\t)}\r\n\t\t\tstyle={labelProps?.style}\r\n\t\t>\r\n\t\t\t<Checkbox {...rest}/>\r\n\t\t\t<div className='flex flex-col w-full gap-3'>\r\n\t\t\t\t<span className='flex flex-col justify-start leading-[16px]'>{label}</span>\r\n\t\t\t\t{children}\r\n\t\t\t</div>\r\n\t\t</Label>\r\n\t);\r\n});\r\nCheckboxLabel.displayName = 'CheckboxLabel';\r\n\r\nexport { Checkbox, CheckboxLabel };\r\n"],"names":["Checkbox","React","className","checked","indeterminate","props","ref","Icon","MinusIcon","CheckIcon","jsx","CheckboxPrimitive","cn","CheckboxLabel","label","children","labelProps","rest","jsxs","Label"],"mappings":";;;;;;AAYA,MAAMA,IAAWC,EAAM,WAGrB,CAAC,EAAE,WAAAC,GAAW,SAAAC,GAAS,eAAAC,GAAe,GAAGC,EAAA,GAASC,MAAQ;AAC3D,QAAMC,IAAOH,IAAgBI,IAAYC;AACzC,SACC,gBAAAC;AAAA,IAACC,EAAkB;AAAA,IAAlB;AAAA,MACA,KAAAL;AAAA,MACA,WAAWM;AAAA,QACV;AAAA,QACAV;AAAA,MAAA;AAAA,MAEA,GAAGG;AAAA,MACJ,SAASF,KAAWC;AAAA,MAEpB,UAAA,gBAAAM;AAAA,QAACC,EAAkB;AAAA,QAAlB;AAAA,UACA,WAAWC,EAAG,+CAA+C;AAAA,UAE7D,UAAA,gBAAAF,EAACH,GAAA,EAAK,WAAU,UAAA,CAAS;AAAA,QAAA;AAAA,MAAA;AAAA,IAC1B;AAAA,EAAA;AAGH,CAAC;AACDP,EAAS,cAAcW,EAAkB,KAAK;AAE9C,MAAME,IAAgBZ,EAAM,WAG1B,CAAC,EAAE,OAAAa,IAAQ,IAAI,UAAAC,GAAU,YAAAC,GAAY,GAAGC,EAAA,GAAQX,MAEhD,gBAAAY;AAAA,EAACC;AAAA,EAAA;AAAA,IACA,KAAAb;AAAA,IACC,GAAGU;AAAA,IACJ,WAAWJ;AAAA,MACV;AAAA,MACAI,GAAY;AAAA,IAAA;AAAA,IAEb,OAAOA,GAAY;AAAA,IAEnB,UAAA;AAAA,MAAA,gBAAAN,EAACV,GAAA,EAAU,GAAGiB,GAAK;AAAA,MACnB,gBAAAC,EAAC,OAAA,EAAI,WAAU,8BACd,UAAA;AAAA,QAAA,gBAAAR,EAAC,QAAA,EAAK,WAAU,8CAA8C,UAAAI,GAAM;AAAA,QACnEC;AAAA,MAAA,EAAA,CACF;AAAA,IAAA;AAAA,EAAA;AAAA,CAGF;AACDF,EAAc,cAAc;"}
+{"version":3,"file":"Checkbox.js","sources":["../../src/Checkbox/Checkbox.tsx"],"sourcesContent":["'use client';\r\n\r\nimport * as CheckboxPrimitive from '@radix-ui/react-checkbox';\r\nimport { CheckIcon, MinusIcon } from 'lucide-react';\r\nimport * as React from 'react';\r\n\r\nimport { cn } from '@oneplatformdev/utils';\r\nimport type { CheckboxLabelProps, CheckboxProps } from './Checkbox.types';\r\n\r\nimport { Label } from '../Label';\r\n\r\nconst Checkbox = React.forwardRef<\r\n\tReact.ElementRef<typeof CheckboxPrimitive.Root>,\r\n\tCheckboxProps\r\n>(({ className, checked, indeterminate, ...props }, ref) => {\r\n\tconst Icon = indeterminate ? MinusIcon : CheckIcon;\r\n\treturn (\r\n\t\t<CheckboxPrimitive.Root\r\n\t\t\tref={ref}\r\n\t\t\tclassName={cn(\r\n\t\t\t\t\"peer size-5 shrink-0 rounded-sm\",\r\n        'shadow-none border',\r\n        'border-[#666A78] data-[state=checked]:border-[#9368FF]',\r\n        'bg-transparent data-[state=checked]:bg-[#9368FF]',\r\n        'bg-transparent data-[state=checked]:bg-[#9368FF] data-[state=checked]:text-[#fff]!',\r\n        'focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-ring',\r\n        'disabled:cursor-not-allowed disabled:opacity-50',\r\n\t\t\t\tclassName\r\n\t\t\t)}\r\n\t\t\t{...props}\r\n\t\t\tchecked={checked ?? indeterminate}\r\n\t\t>\r\n\t\t\t<CheckboxPrimitive.Indicator className={cn(\"flex items-center justify-center\")}>\r\n        <Icon className=\"size-4 fill-[#9368FF] text-[#fff]!\" strokeWidth={2} />\r\n\t\t\t</CheckboxPrimitive.Indicator>\r\n\t\t</CheckboxPrimitive.Root>\r\n\t);\r\n});\r\nCheckbox.displayName = CheckboxPrimitive.Root.displayName;\r\n\r\nconst CheckboxLabel = React.forwardRef<\r\n\tHTMLLabelElement,\r\n\tCheckboxLabelProps\r\n>(({ label, children, labelProps, ...rest }, ref) => {\r\n\treturn (\r\n\t\t<Label\r\n\t\t\tref={ref}\r\n\t\t\t{...labelProps}\r\n      className={cn(\r\n        'flex w-fit items-start gap-2 py-2 pl-1',\r\n        'text-[#06080D] text-md font-medium',\r\n        'cursor-pointer',\r\n        labelProps?.className,\r\n      )}\r\n\t\t\tstyle={labelProps?.style}\r\n\t\t>\r\n      <div className='size-6 aspect-square flex items-center justify-center shrink-0'>\r\n        <Checkbox {...rest} />\r\n      </div>\r\n      <div className='flex flex-col w-fit gap-3'>\r\n        <span className='inline-flex w-fit flex-col justify-start leading-[24px]'>{label}</span>\r\n        {children}\r\n      </div>\r\n\t\t</Label>\r\n\t);\r\n});\r\nCheckboxLabel.displayName = 'CheckboxLabel';\r\n\r\nexport { Checkbox, CheckboxLabel };\r\n"],"names":["Checkbox","React","className","checked","indeterminate","props","ref","Icon","MinusIcon","CheckIcon","jsx","CheckboxPrimitive","cn","CheckboxLabel","label","children","labelProps","rest","jsxs","Label"],"mappings":";;;;;;AAWA,MAAMA,IAAWC,EAAM,WAGrB,CAAC,EAAE,WAAAC,GAAW,SAAAC,GAAS,eAAAC,GAAe,GAAGC,EAAA,GAASC,MAAQ;AAC3D,QAAMC,IAAOH,IAAgBI,IAAYC;AACzC,SACC,gBAAAC;AAAA,IAACC,EAAkB;AAAA,IAAlB;AAAA,MACA,KAAAL;AAAA,MACA,WAAWM;AAAA,QACV;AAAA,QACI;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACJV;AAAA,MAAA;AAAA,MAEA,GAAGG;AAAA,MACJ,SAASF,KAAWC;AAAA,MAEpB,UAAA,gBAAAM,EAACC,EAAkB,WAAlB,EAA4B,WAAWC,EAAG,kCAAkC,GACxE,UAAA,gBAAAF,EAACH,GAAA,EAAK,WAAU,sCAAqC,aAAa,GAAG,EAAA,CAC1E;AAAA,IAAA;AAAA,EAAA;AAGH,CAAC;AACDP,EAAS,cAAcW,EAAkB,KAAK;AAE9C,MAAME,IAAgBZ,EAAM,WAG1B,CAAC,EAAE,OAAAa,GAAO,UAAAC,GAAU,YAAAC,GAAY,GAAGC,EAAA,GAAQX,MAE3C,gBAAAY;AAAA,EAACC;AAAA,EAAA;AAAA,IACA,KAAAb;AAAA,IACC,GAAGU;AAAA,IACD,WAAWJ;AAAA,MACT;AAAA,MACA;AAAA,MACA;AAAA,MACAI,GAAY;AAAA,IAAA;AAAA,IAEjB,OAAOA,GAAY;AAAA,IAEhB,UAAA;AAAA,MAAA,gBAAAN,EAAC,SAAI,WAAU,kEACb,4BAACV,GAAA,EAAU,GAAGiB,GAAM,EAAA,CACtB;AAAA,MACA,gBAAAC,EAAC,OAAA,EAAI,WAAU,6BACb,UAAA;AAAA,QAAA,gBAAAR,EAAC,QAAA,EAAK,WAAU,2DAA2D,UAAAI,GAAM;AAAA,QAChFC;AAAA,MAAA,EAAA,CACH;AAAA,IAAA;AAAA,EAAA;AAAA,CAGL;AACDF,EAAc,cAAc;"}

package/Checkbox/Checkbox.stories.js

@@ -0,0 +1,108 @@
+import { jsx as t } from "react/jsx-runtime";
+import n from "react";
+import { CheckboxLabel as m, Checkbox as b } from "./Checkbox.js";
+function f(e) {
+  const {
+    checked: a,
+    indeterminate: o,
+    onCheckedChange: l,
+    ...s
+  } = e, [i, d] = n.useState(a ?? !1), [h, r] = n.useState(!!o);
+  return n.useEffect(() => {
+    d(a ?? !1);
+  }, [a]), n.useEffect(() => {
+    r(!!o);
+  }, [o]), /* @__PURE__ */ t(
+    b,
+    {
+      ...s,
+      checked: i,
+      indeterminate: h,
+      onCheckedChange: (c) => {
+        d(c), c === "indeterminate" && r(!0), l?.(c);
+      }
+    }
+  );
+}
+function k(e) {
+  const {
+    checked: a,
+    indeterminate: o,
+    onCheckedChange: l,
+    ...s
+  } = e, [i, d] = n.useState(a ?? !1), [h, r] = n.useState(!!o);
+  return n.useEffect(() => {
+    d(a ?? !1);
+  }, [a]), n.useEffect(() => {
+    r(!!o);
+  }, [o]), /* @__PURE__ */ t(
+    m,
+    {
+      ...s,
+      checked: i,
+      indeterminate: h,
+      onCheckedChange: (c) => {
+        d(c), c === "indeterminate" && r(!0), l?.(c);
+      }
+    }
+  );
+}
+const x = {
+  title: "Input/Checkbox",
+  component: b,
+  subcomponents: { CheckboxLabel: m },
+  parameters: { layout: "centered" },
+  tags: ["autodocs"],
+  args: {
+    checked: !1,
+    indeterminate: !1,
+    disabled: !1
+  },
+  argTypes: {
+    checked: { control: "boolean" },
+    indeterminate: { control: "boolean" },
+    disabled: { control: "boolean" },
+    className: { control: "text" }
+  }
+}, y = {
+  render: (e) => /* @__PURE__ */ t(f, { ...e })
+}, L = {
+  args: { checked: !1, indeterminate: !0 },
+  render: (e) => /* @__PURE__ */ t(f, { ...e })
+}, S = {
+  args: { disabled: !0 },
+  render: (e) => /* @__PURE__ */ t(f, { ...e })
+}, B = {
+  name: "CheckboxLabel / Default",
+  args: {
+    label: "Погоджуюсь з умовами",
+    checked: !1,
+    indeterminate: !1,
+    disabled: !1
+  },
+  argTypes: {
+    label: { control: "text" },
+    checked: { control: "boolean" },
+    indeterminate: { control: "boolean" },
+    disabled: { control: "boolean" }
+  },
+  render: (e) => /* @__PURE__ */ t("div", { style: { width: 520 }, children: /* @__PURE__ */ t(k, { ...e }) })
+}, D = {
+  name: "CheckboxLabel / With description",
+  args: {
+    label: "Отримувати новини на email",
+    checked: !0,
+    indeterminate: !1,
+    disabled: !1
+  },
+  render: (e) => /* @__PURE__ */ t("div", { style: { width: 520 }, children: /* @__PURE__ */ t(k, { ...e, children: /* @__PURE__ */ t("span", { style: { fontSize: 14, opacity: 0.75 }, children: "Можна відписатися будь-коли в налаштуваннях профілю." }) }) })
+};
+export {
+  y as Default,
+  S as Disabled,
+  L as Indeterminate,
+  B as Label,
+  D as LabelWithDescription,
+  x as default
+};
+//# sourceMappingURL=Checkbox.stories.js.map

package/Checkbox/Checkbox.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.stories.js","sources":["../../src/Checkbox/Checkbox.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from '@storybook/react';\r\nimport React from 'react';\r\nimport type { CheckedState } from '@radix-ui/react-checkbox';\r\n\r\nimport { Checkbox, CheckboxLabel } from './Checkbox';\r\n\r\nfunction ControlledCheckbox(props: React.ComponentProps<typeof Checkbox>) {\r\n  const {\r\n    checked: checkedProp,\r\n    indeterminate: indeterminateProp,\r\n    onCheckedChange,\r\n    ...rest\r\n  } = props;\r\n\r\n  const [checked, setChecked] = React.useState<CheckedState>(checkedProp ?? false);\r\n  const [indeterminate, setIndeterminate] = React.useState<boolean>(Boolean(indeterminateProp));\r\n\r\n  // sync from Storybook controls\r\n  React.useEffect(() => {\r\n    setChecked(checkedProp ?? false);\r\n  }, [checkedProp]);\r\n\r\n  React.useEffect(() => {\r\n    setIndeterminate(Boolean(indeterminateProp));\r\n  }, [indeterminateProp]);\r\n\r\n  const handleCheckedChange = (v: CheckedState) => {\r\n    setChecked(v);\r\n\r\n    // якщо прийшло indeterminate зі сторони Radix — підсвічуємо іконку мінуса\r\n    if (v === 'indeterminate') setIndeterminate(true);\r\n\r\n    onCheckedChange?.(v);\r\n  };\r\n\r\n  return (\r\n    <Checkbox\r\n      {...rest}\r\n      checked={checked}\r\n      indeterminate={indeterminate}\r\n      onCheckedChange={handleCheckedChange}\r\n    />\r\n  );\r\n}\r\n\r\nfunction ControlledCheckboxLabel(props: React.ComponentProps<typeof CheckboxLabel>) {\r\n  const {\r\n    checked: checkedProp,\r\n    indeterminate: indeterminateProp,\r\n    onCheckedChange,\r\n    ...rest\r\n  } = props;\r\n\r\n  const [checked, setChecked] = React.useState<CheckedState>(checkedProp ?? false);\r\n  const [indeterminate, setIndeterminate] = React.useState<boolean>(Boolean(indeterminateProp));\r\n\r\n  React.useEffect(() => {\r\n    setChecked(checkedProp ?? false);\r\n  }, [checkedProp]);\r\n\r\n  React.useEffect(() => {\r\n    setIndeterminate(Boolean(indeterminateProp));\r\n  }, [indeterminateProp]);\r\n\r\n  const handleCheckedChange = (v: CheckedState) => {\r\n    setChecked(v);\r\n    if (v === 'indeterminate') setIndeterminate(true);\r\n    onCheckedChange?.(v);\r\n  };\r\n\r\n  return (\r\n    <CheckboxLabel\r\n      {...rest}\r\n      checked={checked}\r\n      indeterminate={indeterminate}\r\n      onCheckedChange={handleCheckedChange}\r\n    />\r\n  );\r\n}\r\n\r\nconst meta: Meta<typeof Checkbox> = {\r\n  title: 'Input/Checkbox',\r\n  component: Checkbox,\r\n  subcomponents: { CheckboxLabel },\r\n  parameters: { layout: 'centered' },\r\n  tags: ['autodocs'],\r\n  args: {\r\n    checked: false,\r\n    indeterminate: false,\r\n    disabled: false,\r\n  },\r\n  argTypes: {\r\n    checked: { control: 'boolean' },\r\n    indeterminate: { control: 'boolean' },\r\n    disabled: { control: 'boolean' },\r\n    className: { control: 'text' },\r\n  },\r\n};\r\n\r\nexport default meta;\r\n\r\ntype Story = StoryObj<typeof Checkbox>;\r\n\r\nexport const Default: Story = {\r\n  render: (args) => <ControlledCheckbox {...args} />,\r\n};\r\n\r\nexport const Indeterminate: Story = {\r\n  args: { checked: false, indeterminate: true },\r\n  render: (args) => <ControlledCheckbox {...args} />,\r\n};\r\n\r\nexport const Disabled: Story = {\r\n  args: { disabled: true },\r\n  render: (args) => <ControlledCheckbox {...args} />,\r\n};\r\n\r\nexport const Label: StoryObj<typeof CheckboxLabel> = {\r\n  name: 'CheckboxLabel / Default',\r\n  args: {\r\n    label: 'Погоджуюсь з умовами',\r\n    checked: false,\r\n    indeterminate: false,\r\n    disabled: false,\r\n  },\r\n  argTypes: {\r\n    label: { control: 'text' },\r\n    checked: { control: 'boolean' },\r\n    indeterminate: { control: 'boolean' },\r\n    disabled: { control: 'boolean' },\r\n  },\r\n  render: (args) => (\r\n    <div style={{ width: 520 }}>\r\n      <ControlledCheckboxLabel {...args} />\r\n    </div>\r\n  ),\r\n};\r\n\r\nexport const LabelWithDescription: StoryObj<typeof CheckboxLabel> = {\r\n  name: 'CheckboxLabel / With description',\r\n  args: {\r\n    label: 'Отримувати новини на email',\r\n    checked: true,\r\n    indeterminate: false,\r\n    disabled: false,\r\n  },\r\n  render: (args) => (\r\n    <div style={{ width: 520 }}>\r\n      <ControlledCheckboxLabel {...args}>\r\n        <span style={{ fontSize: 14, opacity: 0.75 }}>\r\n          Можна відписатися будь-коли в налаштуваннях профілю.\r\n        </span>\r\n      </ControlledCheckboxLabel>\r\n    </div>\r\n  ),\r\n};\r\n"],"names":["ControlledCheckbox","props","checkedProp","indeterminateProp","onCheckedChange","rest","checked","setChecked","React","indeterminate","setIndeterminate","jsx","Checkbox","v","ControlledCheckboxLabel","CheckboxLabel","meta","Default","args","Indeterminate","Disabled","Label","LabelWithDescription"],"mappings":"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"}

package/Checkbox/Checkbox.types.d.ts

@@ -1,11 +1,12 @@
 import { Label } from '../Label';
+import { ReactNode } from 'react';
 import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
 import * as React from 'react';
 export interface CheckboxProps extends React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root> {
     indeterminate?: boolean;
 }
 export interface CheckboxLabelProps extends CheckboxProps {
-    label?: string;
+    label?: ReactNode;
     labelProps?: React.ComponentPropsWithoutRef<typeof Label>;
 }
 //# sourceMappingURL=Checkbox.types.d.ts.map

package/Checkbox/Checkbox.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.types.d.ts","sourceRoot":"","sources":["../../src/Checkbox/Checkbox.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,iBAAiB,MAAM,0BAA0B,CAAC;AAC9D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAEjC,MAAM,WAAW,aACf,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,iBAAiB,CAAC,IAAI,CAAC;IACrE,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,MAAM,WAAW,kBAChB,SAAQ,aAAa;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,KAAK,CAAC,wBAAwB,CAAC,OAAO,KAAK,CAAC,CAAC;CAC1D"}
+{"version":3,"file":"Checkbox.types.d.ts","sourceRoot":"","sources":["../../src/Checkbox/Checkbox.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,iBAAiB,MAAM,0BAA0B,CAAC;AAC9D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,WAAW,aACf,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,iBAAiB,CAAC,IAAI,CAAC;IACrE,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,MAAM,WAAW,kBAChB,SAAQ,aAAa;IACrB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,UAAU,CAAC,EAAE,KAAK,CAAC,wBAAwB,CAAC,OAAO,KAAK,CAAC,CAAC;CAC1D"}

package/Combobox/Combobox.d.ts

@@ -1,3 +1,5 @@
-import { ComboboxProps } from './Combobox.types';
-export declare const Combobox: import('react').ForwardRefExoticComponent<ComboboxProps & import('react').RefAttributes<HTMLDivElement>>;
+import { JSX } from 'react';
+import { MultiComboboxProps, SingleComboboxProps } from './Combobox.types';
+export declare function Combobox<Data extends object>(props: SingleComboboxProps<Data>): JSX.Element;
+export declare function Combobox<Data extends object>(props: MultiComboboxProps<Data>): JSX.Element;
 //# sourceMappingURL=Combobox.d.ts.map

package/Combobox/Combobox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../src/Combobox/Combobox.tsx"],"names":[],"mappings":"AAuBA,OAAO,EAGL,aAAa,EACd,MAAM,kBAAkB,CAAC;AAqB1B,eAAO,MAAM,QAAQ,0GA8PpB,CAAC"}
+{"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../src/Combobox/Combobox.tsx"],"names":[],"mappings":"AAAA,OAAO,EACK,GAAG,EAOd,MAAM,OAAO,CAAC;AAGf,OAAO,EAIkB,kBAAkB,EAAE,mBAAmB,EAC/D,MAAM,kBAAkB,CAAC;AAI1B,wBAAgB,QAAQ,CAAC,IAAI,SAAS,MAAM,EAAE,KAAK,EAAE,mBAAmB,CAAC,IAAI,CAAC,GAAG,GAAG,CAAC,OAAO,CAAC;AAC7F,wBAAgB,QAAQ,CAAC,IAAI,SAAS,MAAM,EAAE,KAAK,EAAE,kBAAkB,CAAC,IAAI,CAAC,GAAG,GAAG,CAAC,OAAO,CAAC"}