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

package/Select/SelectRoot.js

@@ -1,105 +1,118 @@
-import { jsx as t, jsxs as i } from "react/jsx-runtime";
+import { jsx as e, jsxs as i } from "react/jsx-runtime";
 import * as a from "@radix-ui/react-select";
-import { CheckIcon as u, ChevronDownIcon as d, ChevronUpIcon as p } from "lucide-react";
+import { CheckIcon as u, ChevronDownIcon as c, ChevronUpIcon as p } from "lucide-react";
 import { cn as s } from "@oneplatformdev/utils";
 function v({
-  ...e
+  ...t
 }) {
-  return /* @__PURE__ */ t(a.Root, { "data-slot": "select", ...e });
+  return /* @__PURE__ */ e(a.Root, { "data-slot": "select", ...t });
 }
 function b({
-  ...e
+  ...t
 }) {
-  return /* @__PURE__ */ t(a.Group, { "data-slot": "select-group", ...e });
+  return /* @__PURE__ */ e(a.Group, { "data-slot": "select-group", ...t });
 }
-function w({
-  ...e
+function y({
+  ...t
 }) {
-  return /* @__PURE__ */ t(a.Value, { "data-slot": "select-value", ...e });
+  return /* @__PURE__ */ e(a.Value, { "data-slot": "select-value", ...t });
 }
-function y(e) {
+function w(t) {
   const {
-    className: r,
-    size: o = "default",
+    className: o,
+    size: r = "default",
     children: n,
     showIcon: l = !0,
-    ...c
-  } = e;
+    ...d
+  } = t;
   return /* @__PURE__ */ i(
     a.Trigger,
     {
       "data-slot": "select-trigger",
-      "data-size": o,
+      "data-size": r,
       className: s(
-        "flex w-inherit items-center justify-between gap-2 rounded-md bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs",
-        "border border-input outline-none",
-        "data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground 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:bg-input/30 dark:hover:bg-input/50 transition-[color,box-shadow] focus-visible:ring-[3px] *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        "relative flex w-inherit items-center justify-between gap-2 rounded-lg bg-[#FCFCFC] px-3 py-2 text-sm font-normal whitespace-nowrap",
+        "border border-[#E1E1E5] outline-none text-[#06080D]",
+        "data-[placeholder]:text-gray-400 [&_svg:not([class*='text-'])]:text-muted-foreground transition-[color,box-shadow,background-color,border-color]",
+        "hover:bg-[#F9FAFB] hover:border-[#E1E1E5]",
+        "focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-ring focus-visible:border-[#C5C7CD]",
+        "data-[state=open]:outline-hidden data-[state=open]:ring-1 data-[state=open]:ring-ring data-[state=open]:border-[#C5C7CD]",
+        "data-[state=open]:[&_[data-slot=select-trigger-icon]]:opacity-0 data-[state=open]:[&_[data-slot=select-trigger-icon]]:pointer-events-none",
+        "*:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2",
+        "[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
         "cursor-pointer",
         "disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-10 data-[size=sm]:h-8",
-        r
+        o
       ),
-      ...c,
+      ...d,
       children: [
         n,
-        l && /* @__PURE__ */ t(a.Icon, { asChild: !0, children: /* @__PURE__ */ t(d, { className: "size-4 opacity-50" }) })
+        l && /* @__PURE__ */ e(a.Icon, { asChild: !0, children: /* @__PURE__ */ e(
+          "span",
+          {
+            "data-slot": "select-trigger-icon",
+            className: "flex items-center justify-center opacity-50 transition-opacity hover:opacity-100",
+            children: /* @__PURE__ */ e(c, { className: "size-5 text-[#06080D]" })
+          }
+        ) })
       ]
     }
   );
 }
 function S({
-  className: e,
-  children: r,
-  position: o = "popper",
+  className: t,
+  children: o,
+  position: r = "popper",
   align: n = "center",
   ...l
 }) {
-  return /* @__PURE__ */ t(a.Portal, { children: /* @__PURE__ */ i(
+  return /* @__PURE__ */ e(a.Portal, { children: /* @__PURE__ */ i(
     a.Content,
     {
       "data-slot": "select-content",
       className: s(
         "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-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 relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border shadow-md",
-        o === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
+        r === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
         "p-1 rounded-xl shadow-md",
-        e
+        t
       ),
-      position: o,
+      position: r,
       align: n,
       ...l,
       children: [
-        /* @__PURE__ */ t(m, {}),
-        /* @__PURE__ */ t(
+        /* @__PURE__ */ e(m, {}),
+        /* @__PURE__ */ e(
           a.Viewport,
           {
             className: s(
               "p-1",
-              o === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1"
+              r === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1"
             ),
-            children: r
+            children: o
           }
         ),
-        /* @__PURE__ */ t(f, {})
+        /* @__PURE__ */ e(f, {})
       ]
     }
   ) });
 }
 function z({
-  className: e,
-  ...r
+  className: t,
+  ...o
 }) {
-  return /* @__PURE__ */ t(
+  return /* @__PURE__ */ e(
     a.Label,
     {
       "data-slot": "select-label",
-      className: s("text-muted-foreground px-2 py-1.5 text-xs", e),
-      ...r
+      className: s("text-muted-foreground px-2 py-1.5 text-xs", t),
+      ...o
     }
   );
 }
-function N({
-  className: e,
-  children: r,
-  ...o
+function C({
+  className: t,
+  children: o,
+  ...r
 }) {
   return /* @__PURE__ */ i(
     a.Item,
@@ -107,74 +120,74 @@ function N({
       "data-slot": "select-item",
       className: s(
         "focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-lg py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2",
-        e
+        t
       ),
-      ...o,
+      ...r,
       children: [
-        /* @__PURE__ */ t("span", { className: "absolute right-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ t(a.ItemIndicator, { children: /* @__PURE__ */ t(u, { className: "size-4" }) }) }),
-        /* @__PURE__ */ t(a.ItemText, { children: r })
+        /* @__PURE__ */ e("span", { className: "absolute right-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ e(a.ItemIndicator, { children: /* @__PURE__ */ e(u, { className: "size-4" }) }) }),
+        /* @__PURE__ */ e(a.ItemText, { children: o })
       ]
     }
   );
 }
-function I({
-  className: e,
-  ...r
+function N({
+  className: t,
+  ...o
 }) {
-  return /* @__PURE__ */ t(
+  return /* @__PURE__ */ e(
     a.Separator,
     {
       "data-slot": "select-separator",
-      className: s("bg-border pointer-events-none -mx-1 my-1 h-px", e),
-      ...r
+      className: s("bg-border pointer-events-none -mx-1 my-1 h-px", t),
+      ...o
     }
   );
 }
 function m({
-  className: e,
-  ...r
+  className: t,
+  ...o
 }) {
-  return /* @__PURE__ */ t(
+  return /* @__PURE__ */ e(
     a.ScrollUpButton,
     {
       "data-slot": "select-scroll-up-button",
       className: s(
         "flex cursor-default items-center justify-center py-1",
-        e
+        t
       ),
-      ...r,
-      children: /* @__PURE__ */ t(p, { className: "size-4" })
+      ...o,
+      children: /* @__PURE__ */ e(p, { className: "size-4" })
     }
   );
 }
 function f({
-  className: e,
-  ...r
+  className: t,
+  ...o
 }) {
-  return /* @__PURE__ */ t(
+  return /* @__PURE__ */ e(
     a.ScrollDownButton,
     {
       "data-slot": "select-scroll-down-button",
       className: s(
         "flex cursor-default items-center justify-center py-1",
-        e
+        t
       ),
-      ...r,
-      children: /* @__PURE__ */ t(d, { className: "size-4" })
+      ...o,
+      children: /* @__PURE__ */ e(c, { className: "size-4" })
     }
   );
 }
 export {
   S as SelectContent,
   b as SelectGroup,
-  N as SelectItem,
+  C as SelectItem,
   z as SelectLabel,
   a as SelectPrimitive,
   v as SelectRoot,
   f as SelectScrollDownButton,
   m as SelectScrollUpButton,
-  I as SelectSeparator,
-  y as SelectTrigger,
-  w as SelectValue
+  N as SelectSeparator,
+  w as SelectTrigger,
+  y as SelectValue
 };
 //# sourceMappingURL=SelectRoot.js.map

package/Select/SelectRoot.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectRoot.js","sources":["../../src/Select/SelectRoot.tsx"],"sourcesContent":["\"use client\"\r\n\r\nimport * as React from \"react\"\r\nimport * as SelectPrimitive from \"@radix-ui/react-select\"\r\nimport { CheckIcon, ChevronDownIcon, ChevronUpIcon } from \"lucide-react\"\r\n\r\nimport { cn } from \"@oneplatformdev/utils\"\r\n\r\nfunction SelectRoot({\r\n                  ...props\r\n                }: React.ComponentProps<typeof SelectPrimitive.Root>) {\r\n  return <SelectPrimitive.Root data-slot=\"select\" {...props} />\r\n}\r\n\r\nfunction SelectGroup({\r\n                       ...props\r\n                     }: React.ComponentProps<typeof SelectPrimitive.Group>) {\r\n  return <SelectPrimitive.Group data-slot=\"select-group\" {...props} />\r\n}\r\n\r\nfunction SelectValue({\r\n                       ...props\r\n                     }: React.ComponentProps<typeof SelectPrimitive.Value>) {\r\n  return <SelectPrimitive.Value data-slot=\"select-value\" {...props} />\r\n}\r\n\r\nfunction SelectTrigger(props: React.ComponentProps<typeof SelectPrimitive.Trigger> & {\r\n  size?: \"sm\" | \"default\";\r\n  showIcon?: boolean;\r\n}) {\r\n  const {\r\n    className,\r\n    size = \"default\",\r\n    children,\r\n    showIcon = true,\r\n    ...rest\r\n  } = props\r\n  return (\r\n    <SelectPrimitive.Trigger\r\n      data-slot=\"select-trigger\"\r\n      data-size={size}\r\n      className={cn(\r\n        'flex w-inherit items-center justify-between gap-2 rounded-md bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs',\r\n        'border border-input outline-none',\r\n        \"data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground 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:bg-input/30 dark:hover:bg-input/50 transition-[color,box-shadow] focus-visible:ring-[3px] *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\r\n        'cursor-pointer',\r\n        'disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-10 data-[size=sm]:h-8',\r\n        className\r\n      )}\r\n      {...rest}\r\n    >\r\n      {children}\r\n      {showIcon && (\r\n        <SelectPrimitive.Icon asChild>\r\n          <ChevronDownIcon className=\"size-4 opacity-50\" />\r\n        </SelectPrimitive.Icon>\r\n      )}\r\n    </SelectPrimitive.Trigger>\r\n  )\r\n}\r\n\r\nfunction SelectContent({\r\n                         className,\r\n                         children,\r\n                         position = \"popper\",\r\n                         align = \"center\",\r\n                         ...props\r\n                       }: React.ComponentProps<typeof SelectPrimitive.Content>) {\r\n  return (\r\n    <SelectPrimitive.Portal>\r\n      <SelectPrimitive.Content\r\n        data-slot=\"select-content\"\r\n        className={cn(\r\n          \"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-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 relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border shadow-md\",\r\n          position === \"popper\" &&\r\n          \"data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1\",\r\n          'p-1 rounded-xl shadow-md',\r\n          className\r\n        )}\r\n        position={position}\r\n        align={align}\r\n        {...props}\r\n      >\r\n        <SelectScrollUpButton />\r\n        <SelectPrimitive.Viewport\r\n          className={cn(\r\n            \"p-1\",\r\n            position === \"popper\" &&\r\n            \"h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1\"\r\n          )}\r\n        >\r\n          {children}\r\n        </SelectPrimitive.Viewport>\r\n        <SelectScrollDownButton />\r\n      </SelectPrimitive.Content>\r\n    </SelectPrimitive.Portal>\r\n  )\r\n}\r\n\r\nfunction SelectLabel({\r\n                       className,\r\n                       ...props\r\n                     }: React.ComponentProps<typeof SelectPrimitive.Label>) {\r\n  return (\r\n    <SelectPrimitive.Label\r\n      data-slot=\"select-label\"\r\n      className={cn(\"text-muted-foreground px-2 py-1.5 text-xs\", className)}\r\n      {...props}\r\n    />\r\n  )\r\n}\r\n\r\nfunction SelectItem({\r\n                      className,\r\n                      children,\r\n                      ...props\r\n                    }: React.ComponentProps<typeof SelectPrimitive.Item>) {\r\n  return (\r\n    <SelectPrimitive.Item\r\n      data-slot=\"select-item\"\r\n      className={cn(\r\n        \"focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-lg py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2\",\r\n        className\r\n      )}\r\n      {...props}\r\n    >\r\n      <span className=\"absolute right-2 flex size-3.5 items-center justify-center\">\r\n        <SelectPrimitive.ItemIndicator>\r\n          <CheckIcon className=\"size-4\" />\r\n        </SelectPrimitive.ItemIndicator>\r\n      </span>\r\n      <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\r\n    </SelectPrimitive.Item>\r\n  )\r\n}\r\n\r\nfunction SelectSeparator({\r\n                           className,\r\n                           ...props\r\n                         }: React.ComponentProps<typeof SelectPrimitive.Separator>) {\r\n  return (\r\n    <SelectPrimitive.Separator\r\n      data-slot=\"select-separator\"\r\n      className={cn(\"bg-border pointer-events-none -mx-1 my-1 h-px\", className)}\r\n      {...props}\r\n    />\r\n  )\r\n}\r\n\r\nfunction SelectScrollUpButton({\r\n                                className,\r\n                                ...props\r\n                              }: React.ComponentProps<typeof SelectPrimitive.ScrollUpButton>) {\r\n  return (\r\n    <SelectPrimitive.ScrollUpButton\r\n      data-slot=\"select-scroll-up-button\"\r\n      className={cn(\r\n        \"flex cursor-default items-center justify-center py-1\",\r\n        className\r\n      )}\r\n      {...props}\r\n    >\r\n      <ChevronUpIcon className=\"size-4\" />\r\n    </SelectPrimitive.ScrollUpButton>\r\n  )\r\n}\r\n\r\nfunction SelectScrollDownButton({\r\n                                  className,\r\n                                  ...props\r\n                                }: React.ComponentProps<typeof SelectPrimitive.ScrollDownButton>) {\r\n  return (\r\n    <SelectPrimitive.ScrollDownButton\r\n      data-slot=\"select-scroll-down-button\"\r\n      className={cn(\r\n        \"flex cursor-default items-center justify-center py-1\",\r\n        className\r\n      )}\r\n      {...props}\r\n    >\r\n      <ChevronDownIcon className=\"size-4\" />\r\n    </SelectPrimitive.ScrollDownButton>\r\n  )\r\n}\r\n\r\nexport {\r\n  SelectRoot,\r\n  SelectContent,\r\n  SelectGroup,\r\n  SelectItem,\r\n  SelectLabel,\r\n  SelectScrollDownButton,\r\n  SelectScrollUpButton,\r\n  SelectSeparator,\r\n  SelectTrigger,\r\n  SelectValue,\r\n  SelectPrimitive,\r\n}\r\n"],"names":["SelectRoot","props","SelectPrimitive","SelectGroup","SelectValue","SelectTrigger","className","size","children","showIcon","rest","jsxs","cn","jsx","ChevronDownIcon","SelectContent","position","align","SelectScrollUpButton","SelectScrollDownButton","SelectLabel","SelectItem","CheckIcon","SelectSeparator","ChevronUpIcon"],"mappings":"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"}
+{"version":3,"file":"SelectRoot.js","sources":["../../src/Select/SelectRoot.tsx"],"sourcesContent":["\"use client\"\r\n\r\nimport * as React from \"react\"\r\nimport * as SelectPrimitive from \"@radix-ui/react-select\"\r\nimport { CheckIcon, ChevronDownIcon, ChevronUpIcon } from \"lucide-react\"\r\n\r\nimport { cn } from \"@oneplatformdev/utils\"\r\n\r\nfunction SelectRoot({\r\n                  ...props\r\n                }: React.ComponentProps<typeof SelectPrimitive.Root>) {\r\n  return <SelectPrimitive.Root data-slot=\"select\" {...props} />\r\n}\r\n\r\nfunction SelectGroup({\r\n                       ...props\r\n                     }: React.ComponentProps<typeof SelectPrimitive.Group>) {\r\n  return <SelectPrimitive.Group data-slot=\"select-group\" {...props} />\r\n}\r\n\r\nfunction SelectValue({\r\n                       ...props\r\n                     }: React.ComponentProps<typeof SelectPrimitive.Value>) {\r\n  return <SelectPrimitive.Value data-slot=\"select-value\" {...props} />\r\n}\r\n\r\nfunction SelectTrigger(props: React.ComponentProps<typeof SelectPrimitive.Trigger> & {\r\n  size?: \"sm\" | \"default\";\r\n  showIcon?: boolean;\r\n}) {\r\n  const {\r\n    className,\r\n    size = \"default\",\r\n    children,\r\n    showIcon = true,\r\n    ...rest\r\n  } = props\r\n  return (\r\n    <SelectPrimitive.Trigger\r\n      data-slot=\"select-trigger\"\r\n      data-size={size}\r\n      className={cn(\r\n        \"relative flex w-inherit items-center justify-between gap-2 rounded-lg bg-[#FCFCFC] px-3 py-2 text-sm font-normal whitespace-nowrap\",\r\n        \"border border-[#E1E1E5] outline-none text-[#06080D]\",\r\n        \"data-[placeholder]:text-gray-400 [&_svg:not([class*='text-'])]:text-muted-foreground transition-[color,box-shadow,background-color,border-color]\",\r\n        \"hover:bg-[#F9FAFB] hover:border-[#E1E1E5]\",\r\n        \"focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-ring focus-visible:border-[#C5C7CD]\",\r\n        \"data-[state=open]:outline-hidden data-[state=open]:ring-1 data-[state=open]:ring-ring data-[state=open]:border-[#C5C7CD]\",\r\n        \"data-[state=open]:[&_[data-slot=select-trigger-icon]]:opacity-0 data-[state=open]:[&_[data-slot=select-trigger-icon]]:pointer-events-none\",\r\n        \"*:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2\",\r\n        \"[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\r\n        'cursor-pointer',\r\n        'disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-10 data-[size=sm]:h-8',\r\n        className\r\n      )}\r\n      {...rest}\r\n    >\r\n      {children}\r\n      {showIcon && (\r\n        <SelectPrimitive.Icon asChild>\r\n          <span\r\n            data-slot=\"select-trigger-icon\"\r\n            className=\"flex items-center justify-center opacity-50 transition-opacity hover:opacity-100\"\r\n          >\r\n            <ChevronDownIcon className=\"size-5 text-[#06080D]\" />\r\n          </span>\r\n        </SelectPrimitive.Icon>\r\n      )}\r\n    </SelectPrimitive.Trigger>\r\n  )\r\n}\r\n\r\nfunction SelectContent({\r\n                         className,\r\n                         children,\r\n                         position = \"popper\",\r\n                         align = \"center\",\r\n                         ...props\r\n                       }: React.ComponentProps<typeof SelectPrimitive.Content>) {\r\n  return (\r\n    <SelectPrimitive.Portal>\r\n      <SelectPrimitive.Content\r\n        data-slot=\"select-content\"\r\n        className={cn(\r\n          \"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-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 relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border shadow-md\",\r\n          position === \"popper\" &&\r\n          \"data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1\",\r\n          'p-1 rounded-xl shadow-md',\r\n          className\r\n        )}\r\n        position={position}\r\n        align={align}\r\n        {...props}\r\n      >\r\n        <SelectScrollUpButton />\r\n        <SelectPrimitive.Viewport\r\n          className={cn(\r\n            \"p-1\",\r\n            position === \"popper\" &&\r\n            \"h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1\"\r\n          )}\r\n        >\r\n          {children}\r\n        </SelectPrimitive.Viewport>\r\n        <SelectScrollDownButton />\r\n      </SelectPrimitive.Content>\r\n    </SelectPrimitive.Portal>\r\n  )\r\n}\r\n\r\nfunction SelectLabel({\r\n                       className,\r\n                       ...props\r\n                     }: React.ComponentProps<typeof SelectPrimitive.Label>) {\r\n  return (\r\n    <SelectPrimitive.Label\r\n      data-slot=\"select-label\"\r\n      className={cn(\"text-muted-foreground px-2 py-1.5 text-xs\", className)}\r\n      {...props}\r\n    />\r\n  )\r\n}\r\n\r\nfunction SelectItem({\r\n                      className,\r\n                      children,\r\n                      ...props\r\n                    }: React.ComponentProps<typeof SelectPrimitive.Item>) {\r\n  return (\r\n    <SelectPrimitive.Item\r\n      data-slot=\"select-item\"\r\n      className={cn(\r\n        \"focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-lg py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2\",\r\n        className\r\n      )}\r\n      {...props}\r\n    >\r\n      <span className=\"absolute right-2 flex size-3.5 items-center justify-center\">\r\n        <SelectPrimitive.ItemIndicator>\r\n          <CheckIcon className=\"size-4\" />\r\n        </SelectPrimitive.ItemIndicator>\r\n      </span>\r\n      <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\r\n    </SelectPrimitive.Item>\r\n  )\r\n}\r\n\r\nfunction SelectSeparator({\r\n                           className,\r\n                           ...props\r\n                         }: React.ComponentProps<typeof SelectPrimitive.Separator>) {\r\n  return (\r\n    <SelectPrimitive.Separator\r\n      data-slot=\"select-separator\"\r\n      className={cn(\"bg-border pointer-events-none -mx-1 my-1 h-px\", className)}\r\n      {...props}\r\n    />\r\n  )\r\n}\r\n\r\nfunction SelectScrollUpButton({\r\n                                className,\r\n                                ...props\r\n                              }: React.ComponentProps<typeof SelectPrimitive.ScrollUpButton>) {\r\n  return (\r\n    <SelectPrimitive.ScrollUpButton\r\n      data-slot=\"select-scroll-up-button\"\r\n      className={cn(\r\n        \"flex cursor-default items-center justify-center py-1\",\r\n        className\r\n      )}\r\n      {...props}\r\n    >\r\n      <ChevronUpIcon className=\"size-4\" />\r\n    </SelectPrimitive.ScrollUpButton>\r\n  )\r\n}\r\n\r\nfunction SelectScrollDownButton({\r\n                                  className,\r\n                                  ...props\r\n                                }: React.ComponentProps<typeof SelectPrimitive.ScrollDownButton>) {\r\n  return (\r\n    <SelectPrimitive.ScrollDownButton\r\n      data-slot=\"select-scroll-down-button\"\r\n      className={cn(\r\n        \"flex cursor-default items-center justify-center py-1\",\r\n        className\r\n      )}\r\n      {...props}\r\n    >\r\n      <ChevronDownIcon className=\"size-4\" />\r\n    </SelectPrimitive.ScrollDownButton>\r\n  )\r\n}\r\n\r\nexport {\r\n  SelectRoot,\r\n  SelectContent,\r\n  SelectGroup,\r\n  SelectItem,\r\n  SelectLabel,\r\n  SelectScrollDownButton,\r\n  SelectScrollUpButton,\r\n  SelectSeparator,\r\n  SelectTrigger,\r\n  SelectValue,\r\n  SelectPrimitive,\r\n}\r\n"],"names":["SelectRoot","props","SelectPrimitive","SelectGroup","SelectValue","SelectTrigger","className","size","children","showIcon","rest","jsxs","cn","jsx","ChevronDownIcon","SelectContent","position","align","SelectScrollUpButton","SelectScrollDownButton","SelectLabel","SelectItem","CheckIcon","SelectSeparator","ChevronUpIcon"],"mappings":"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"}

package/Switch/Switch.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
 import * as SwitchPrimitive from "@radix-ui/react-switch";
-declare function Switch({ className, ...props }: React.ComponentProps<typeof SwitchPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function Switch(props: React.ComponentProps<typeof SwitchPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
 export { Switch };
 //# sourceMappingURL=Switch.d.ts.map

package/Switch/Switch.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../src/Switch/Switch.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAA;AAIzD,iBAAS,MAAM,CAAC,EACE,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,2CAkBnE;AAED,OAAO,EAAE,MAAM,EAAE,CAAA"}
+{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../src/Switch/Switch.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAA;AAIzD,iBAAS,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,2CA+BvE;AAED,OAAO,EAAE,MAAM,EAAE,CAAA"}

package/Switch/Switch.js

@@ -1,25 +1,35 @@
 import { jsx as e } from "react/jsx-runtime";
 import * as t from "@radix-ui/react-switch";
 import { cn as a } from "@oneplatformdev/utils";
-function s({
-  className: r,
-  ...n
-}) {
+function o(r) {
+  const { className: s, ...c } = r;
   return /* @__PURE__ */ e(
     t.Root,
     {
       "data-slot": "switch",
       className: a(
-        "peer data-[state=checked]:bg-primary data-[state=unchecked]:bg-input focus-visible:border-ring focus-visible:ring-ring/50 dark:data-[state=unchecked]:bg-input/80 inline-flex h-[1.15rem] w-8 shrink-0 items-center rounded-full border border-transparent shadow-xs transition-all outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",
-        r
+        "peer inline-flex h-5 w-9.5 shrink-0 items-center box-border rounded-full",
+        "data-[state=checked]:bg-[#9368FF] data-[state=unchecked]:bg-transparent",
+        "border data-[state=checked]:border-[#9368FF] data-[state=unchecked]:border-[#8C8F9A]",
+        "dark:data-[state=unchecked]:bg-input/80",
+        "cursor-pointer",
+        "disabled:cursor-not-allowed disabled:opacity-50",
+        "shadow-none outline-none focus-visible:ring-[3px]",
+        "focus-visible:border-ring focus-visible:ring-ring/50",
+        "transition-all",
+        s
       ),
-      ...n,
+      ...c,
       children: /* @__PURE__ */ e(
         t.Thumb,
         {
           "data-slot": "switch-thumb",
           className: a(
-            "bg-background dark:data-[state=unchecked]:bg-foreground dark:data-[state=checked]:bg-primary-foreground pointer-events-none block size-4 rounded-full ring-0 transition-transform data-[state=checked]:translate-x-[calc(100%-2px)] data-[state=unchecked]:translate-x-0"
+            "block rounded-full h-[calc(100%-2px)] aspect-square box-border",
+            "data-[state=checked]:bg-[#FCFCFC] data-[state=unchecked]:bg-[#8C8F9A]",
+            "dark:data-[state=checked]:bg-primary-foreground dark:data-[state=unchecked]:bg-foreground",
+            "data-[state=unchecked]:translate-x-px data-[state=checked]:translate-x-[calc(100%+2px)]",
+            "pointer-events-none ring-0 transition-transform"
           )
         }
       )
@@ -27,6 +37,6 @@ function s({
   );
 }
 export {
-  s as Switch
+  o as Switch
 };
 //# sourceMappingURL=Switch.js.map

package/Switch/Switch.js.map

@@ -1 +1 @@
-{"version":3,"file":"Switch.js","sources":["../../src/Switch/Switch.tsx"],"sourcesContent":["\"use client\"\r\n\r\nimport * as React from \"react\"\r\nimport * as SwitchPrimitive from \"@radix-ui/react-switch\"\r\n\r\nimport { cn } from \"@oneplatformdev/utils\"\r\n\r\nfunction Switch({\r\n                  className,\r\n                  ...props\r\n                }: React.ComponentProps<typeof SwitchPrimitive.Root>) {\r\n  return (\r\n    <SwitchPrimitive.Root\r\n      data-slot=\"switch\"\r\n      className={cn(\r\n        \"peer data-[state=checked]:bg-primary data-[state=unchecked]:bg-input focus-visible:border-ring focus-visible:ring-ring/50 dark:data-[state=unchecked]:bg-input/80 inline-flex h-[1.15rem] w-8 shrink-0 items-center rounded-full border border-transparent shadow-xs transition-all outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50\",\r\n        className\r\n      )}\r\n      {...props}\r\n    >\r\n      <SwitchPrimitive.Thumb\r\n        data-slot=\"switch-thumb\"\r\n        className={cn(\r\n          \"bg-background dark:data-[state=unchecked]:bg-foreground dark:data-[state=checked]:bg-primary-foreground pointer-events-none block size-4 rounded-full ring-0 transition-transform data-[state=checked]:translate-x-[calc(100%-2px)] data-[state=unchecked]:translate-x-0\"\r\n        )}\r\n      />\r\n    </SwitchPrimitive.Root>\r\n  )\r\n}\r\n\r\nexport { Switch }\r\n"],"names":["Switch","className","props","jsx","SwitchPrimitive","cn"],"mappings":";;;AAOA,SAASA,EAAO;AAAA,EACE,WAAAC;AAAA,EACA,GAAGC;AACL,GAAsD;AACpE,SACE,gBAAAC;AAAA,IAACC,EAAgB;AAAA,IAAhB;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACAJ;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,MAEJ,UAAA,gBAAAC;AAAA,QAACC,EAAgB;AAAA,QAAhB;AAAA,UACC,aAAU;AAAA,UACV,WAAWC;AAAA,YACT;AAAA,UAAA;AAAA,QACF;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"Switch.js","sources":["../../src/Switch/Switch.tsx"],"sourcesContent":["\"use client\"\r\n\r\nimport * as React from \"react\"\r\nimport * as SwitchPrimitive from \"@radix-ui/react-switch\"\r\n\r\nimport { cn } from \"@oneplatformdev/utils\"\r\n\r\nfunction Switch(props: React.ComponentProps<typeof SwitchPrimitive.Root>) {\r\n  const { className, ...rest } = props;\r\n  return (\r\n    <SwitchPrimitive.Root\r\n      data-slot=\"switch\"\r\n      className={cn(\r\n        'peer inline-flex h-5 w-9.5 shrink-0 items-center box-border rounded-full',\r\n        'data-[state=checked]:bg-[#9368FF] data-[state=unchecked]:bg-transparent',\r\n        'border data-[state=checked]:border-[#9368FF] data-[state=unchecked]:border-[#8C8F9A]',\r\n        'dark:data-[state=unchecked]:bg-input/80',\r\n        'cursor-pointer',\r\n        'disabled:cursor-not-allowed disabled:opacity-50',\r\n        'shadow-none outline-none focus-visible:ring-[3px]',\r\n        'focus-visible:border-ring focus-visible:ring-ring/50',\r\n        \"transition-all\",\r\n        className\r\n      )}\r\n      {...rest}\r\n    >\r\n      <SwitchPrimitive.Thumb\r\n        data-slot=\"switch-thumb\"\r\n        className={cn(\r\n          'block rounded-full h-[calc(100%-2px)] aspect-square box-border',\r\n          'data-[state=checked]:bg-[#FCFCFC] data-[state=unchecked]:bg-[#8C8F9A]',\r\n          'dark:data-[state=checked]:bg-primary-foreground dark:data-[state=unchecked]:bg-foreground',\r\n          'data-[state=unchecked]:translate-x-px data-[state=checked]:translate-x-[calc(100%+2px)]',\r\n          \"pointer-events-none ring-0 transition-transform\"\r\n        )}\r\n      />\r\n    </SwitchPrimitive.Root>\r\n  )\r\n}\r\n\r\nexport { Switch }\r\n"],"names":["Switch","props","className","rest","jsx","SwitchPrimitive","cn"],"mappings":";;;AAOA,SAASA,EAAOC,GAA0D;AACxE,QAAM,EAAE,WAAAC,GAAW,GAAGC,EAAA,IAASF;AAC/B,SACE,gBAAAG;AAAA,IAACC,EAAgB;AAAA,IAAhB;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACAJ;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,MAEJ,UAAA,gBAAAC;AAAA,QAACC,EAAgB;AAAA,QAAhB;AAAA,UACC,aAAU;AAAA,UACV,WAAWC;AAAA,YACT;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,UAAA;AAAA,QACF;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AAGN;"}

package/Switch/Switch.stories.js

@@ -0,0 +1,62 @@
+import { jsxs as n, jsx as s } from "react/jsx-runtime";
+import * as a from "react";
+import { Switch as o } from "./Switch.js";
+const r = {
+  title: "Input/Switch",
+  component: o,
+  tags: ["autodocs"],
+  args: {
+    checked: !1,
+    disabled: !1
+  },
+  argTypes: {
+    checked: {
+      control: "boolean"
+    },
+    disabled: {
+      control: "boolean"
+    },
+    onCheckedChange: {
+      action: "checked changed"
+    }
+  },
+  render: (e) => {
+    const [c, t] = a.useState(e.checked);
+    return a.useEffect(() => {
+      t(e.checked);
+    }, [e.checked]), /* @__PURE__ */ n("div", { className: "flex items-center gap-3", children: [
+      /* @__PURE__ */ s(
+        o,
+        {
+          ...e,
+          checked: c,
+          onCheckedChange: (d) => {
+            t(d), e.onCheckedChange?.(d);
+          }
+        }
+      ),
+      /* @__PURE__ */ s("span", { className: "text-sm", children: c ? "Enabled" : "Disabled" })
+    ] });
+  }
+}, i = {}, k = {
+  args: {
+    checked: !0
+  }
+}, m = {
+  args: {
+    disabled: !0
+  }
+}, b = {
+  args: {
+    checked: !0,
+    disabled: !0
+  }
+};
+export {
+  k as Checked,
+  i as Default,
+  m as Disabled,
+  b as DisabledChecked,
+  r as default
+};
+//# sourceMappingURL=Switch.stories.js.map

package/Switch/Switch.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.stories.js","sources":["../../src/Switch/Switch.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from '@storybook/react';\r\nimport * as React from 'react';\r\n\r\nimport { Switch } from './switch';\r\n\r\nconst meta = {\r\n  title: 'Input/Switch',\r\n  component: Switch,\r\n  tags: ['autodocs'],\r\n  args: {\r\n    checked: false,\r\n    disabled: false,\r\n  },\r\n  argTypes: {\r\n    checked: {\r\n      control: 'boolean',\r\n    },\r\n    disabled: {\r\n      control: 'boolean',\r\n    },\r\n    onCheckedChange: {\r\n      action: 'checked changed',\r\n    },\r\n  },\r\n  render: (args) => {\r\n    const [checked, setChecked] = React.useState(args.checked);\r\n\r\n    React.useEffect(() => {\r\n      setChecked(args.checked);\r\n    }, [args.checked]);\r\n\r\n    return (\r\n      <div className=\"flex items-center gap-3\">\r\n        <Switch\r\n          {...args}\r\n          checked={checked}\r\n          onCheckedChange={(value) => {\r\n            setChecked(value);\r\n            args.onCheckedChange?.(value);\r\n          }}\r\n        />\r\n        <span className=\"text-sm\">{checked ? 'Enabled' : 'Disabled'}</span>\r\n      </div>\r\n    );\r\n  },\r\n} satisfies Meta<typeof Switch>;\r\n\r\nexport default meta;\r\n\r\ntype Story = StoryObj<typeof meta>;\r\n\r\nexport const Default: Story = {};\r\n\r\nexport const Checked: Story = {\r\n  args: {\r\n    checked: true,\r\n  },\r\n};\r\n\r\nexport const Disabled: Story = {\r\n  args: {\r\n    disabled: true,\r\n  },\r\n};\r\n\r\nexport const DisabledChecked: Story = {\r\n  args: {\r\n    checked: true,\r\n    disabled: true,\r\n  },\r\n};\r\n"],"names":["meta","Switch","args","checked","setChecked","React","jsxs","jsx","value","Default","Checked","Disabled","DisabledChecked"],"mappings":";;;AAKA,MAAMA,IAAO;AAAA,EACX,OAAO;AAAA,EACP,WAAWC;AAAA,EACX,MAAM,CAAC,UAAU;AAAA,EACjB,MAAM;AAAA,IACJ,SAAS;AAAA,IACT,UAAU;AAAA,EAAA;AAAA,EAEZ,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS;AAAA,IAAA;AAAA,IAEX,UAAU;AAAA,MACR,SAAS;AAAA,IAAA;AAAA,IAEX,iBAAiB;AAAA,MACf,QAAQ;AAAA,IAAA;AAAA,EACV;AAAA,EAEF,QAAQ,CAACC,MAAS;AAChB,UAAM,CAACC,GAASC,CAAU,IAAIC,EAAM,SAASH,EAAK,OAAO;AAEzD,WAAAG,EAAM,UAAU,MAAM;AACpB,MAAAD,EAAWF,EAAK,OAAO;AAAA,IACzB,GAAG,CAACA,EAAK,OAAO,CAAC,GAGf,gBAAAI,EAAC,OAAA,EAAI,WAAU,2BACb,UAAA;AAAA,MAAA,gBAAAC;AAAA,QAACN;AAAA,QAAA;AAAA,UACE,GAAGC;AAAA,UACJ,SAAAC;AAAA,UACA,iBAAiB,CAACK,MAAU;AAC1B,YAAAJ,EAAWI,CAAK,GAChBN,EAAK,kBAAkBM,CAAK;AAAA,UAC9B;AAAA,QAAA;AAAA,MAAA;AAAA,wBAED,QAAA,EAAK,WAAU,WAAW,UAAAL,IAAU,YAAY,WAAA,CAAW;AAAA,IAAA,GAC9D;AAAA,EAEJ;AACF,GAMaM,IAAiB,CAAA,GAEjBC,IAAiB;AAAA,EAC5B,MAAM;AAAA,IACJ,SAAS;AAAA,EAAA;AAEb,GAEaC,IAAkB;AAAA,EAC7B,MAAM;AAAA,IACJ,UAAU;AAAA,EAAA;AAEd,GAEaC,IAAyB;AAAA,EACpC,MAAM;AAAA,IACJ,SAAS;AAAA,IACT,UAAU;AAAA,EAAA;AAEd;"}

package/Textarea/Textarea.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../src/Textarea/Textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAGjD,QAAA,MAAM,QAAQ,wGAmEb,CAAC;AAGF,OAAO,EAAE,QAAQ,EAAE,CAAC"}
+{"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../src/Textarea/Textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAGjD,QAAA,MAAM,QAAQ,wGA2Eb,CAAC;AAGF,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/Textarea/Textarea.js

@@ -1,73 +1,78 @@
-import { jsxs as l, Fragment as p, jsx as b } from "react/jsx-runtime";
-import * as h from "react";
-import { useId as A, useRef as v, useState as w, useImperativeHandle as z, useEffect as F } from "react";
-import { cn as d } from "@oneplatformdev/utils";
-import { useAutosizeTextArea as N } from "./useAutosizeTextArea.js";
-const y = h.forwardRef(
-  (u, m) => {
+import { jsxs as d, Fragment as v, jsx as A } from "react/jsx-runtime";
+import * as w from "react";
+import { useId as y, useRef as z, useState as F, useImperativeHandle as N, useEffect as T } from "react";
+import { cn as m } from "@oneplatformdev/utils";
+import { useAutosizeTextArea as C } from "./useAutosizeTextArea.js";
+const R = w.forwardRef(
+  (f, c) => {
     const {
-      className: c,
-      value: t = "",
-      maxHeight: o = Number.MAX_SAFE_INTEGER,
+      className: g,
+      value: r = "",
+      maxHeight: a = Number.MAX_SAFE_INTEGER,
       minHeight: i = 40,
-      resizeble: f = !0,
-      counter: s = !1,
-      id: n = "",
-      ...r
-    } = u, a = A(), e = v(null), [x, g] = w("");
-    return N({
-      textAreaRef: e,
-      triggerAutoSize: x,
-      maxHeight: o,
+      resizeble: x = !1,
+      counter: n = !0,
+      id: s = "",
+      onChange: p,
+      onTransform: l,
+      ...o
+    } = f, u = y(), t = z(null), [b, h] = F("");
+    return C({
+      textAreaRef: t,
+      triggerAutoSize: b,
+      maxHeight: a,
       minHeight: i
-    }), z(m, () => ({
-      ...e.current ?? {},
-      textArea: e.current,
-      focus: () => e?.current?.focus(),
-      maxHeight: o,
+    }), N(c, () => ({
+      ...t.current ?? {},
+      textArea: t.current,
+      focus: () => t?.current?.focus(),
+      maxHeight: a,
       minHeight: i
-    })), F(() => {
-      g(t);
-    }, [r?.defaultValue, t]), /* @__PURE__ */ l(p, { children: [
-      /* @__PURE__ */ b(
+    })), T(() => {
+      h(r);
+    }, [o?.defaultValue, r]), /* @__PURE__ */ d(v, { children: [
+      /* @__PURE__ */ A(
         "textarea",
         {
-          id: n || a,
-          ...r,
-          ref: e,
-          value: t,
-          className: d(
+          id: s || u,
+          ...o,
+          ref: t,
+          value: r,
+          onChange: (e) => {
+            typeof l?.(e.target.value, e) == "string" && (e.target.value = l(e.target.value, e)), p?.(e);
+          },
+          className: m(
             "flex min-h-10 w-full px-3 py-2 text-base relative md:text-sm",
             "rounded-lg border border-input bg-[#FCFCFC] shadow-none",
             "placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50",
             "focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-ring",
-            f ? "resize" : "resize-none overflow-hidden!",
-            s && "pb-2",
-            c
+            x ? "resize" : "resize-none overflow-hidden!",
+            n && "pb-1",
+            g
           )
         }
       ),
-      s && /* @__PURE__ */ l(
+      n && typeof o?.maxLength == "number" && /* @__PURE__ */ d(
         "label",
         {
-          htmlFor: n || a,
-          className: d(
+          htmlFor: s || u,
+          className: m(
             "w-full text-right inline-flex items-center justify-end",
-            "text-sm font-normal text-muted-foreground",
-            "leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
+            "text-xs font-medium leading-[1.2] text-muted-foreground",
+            "peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
           ),
           children: [
-            String(t || "").length,
+            String(r || "").length,
             " / ",
-            r?.maxLength
+            o?.maxLength
           ]
         }
       )
     ] });
   }
 );
-y.displayName = "Textarea";
+R.displayName = "Textarea";
 export {
-  y as Textarea
+  R as Textarea
 };
 //# sourceMappingURL=Textarea.js.map

package/Textarea/Textarea.js.map

@@ -1 +1 @@
-{"version":3,"file":"Textarea.js","sources":["../../src/Textarea/Textarea.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport { useEffect, useId, useImperativeHandle, useRef, useState } from 'react';\r\nimport { cn } from '@oneplatformdev/utils';\r\n\r\nimport { TextareaProps } from './Textarea.types';\r\nimport { useAutosizeTextArea } from './useAutosizeTextArea';\r\n\r\nconst Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(\r\n  (textareaProps, ref) => {\r\n    const {\r\n      className,\r\n      value = '',\r\n      maxHeight = Number.MAX_SAFE_INTEGER,\r\n      minHeight = 40,\r\n      resizeble = true,\r\n      counter = false,\r\n      id: customId = '',\r\n      ...props\r\n    } = textareaProps;\r\n    const id = useId();\r\n    const textAreaRef = useRef<HTMLTextAreaElement | null>(null);\r\n    const [triggerAutoSize, setTriggerAutoSize] = useState('');\r\n\r\n    useAutosizeTextArea({\r\n      textAreaRef,\r\n      triggerAutoSize: triggerAutoSize,\r\n      maxHeight,\r\n      minHeight,\r\n    });\r\n\r\n    useImperativeHandle(ref, () => ({\r\n      ...((textAreaRef.current ?? {}) as HTMLTextAreaElement),\r\n      textArea: textAreaRef.current as HTMLTextAreaElement,\r\n      focus: () => textAreaRef?.current?.focus(),\r\n      maxHeight,\r\n      minHeight,\r\n    }));\r\n\r\n    useEffect(() => {\r\n      setTriggerAutoSize(value as string);\r\n    }, [props?.defaultValue, value]);\r\n\r\n    return (\r\n      <>\r\n        <textarea\r\n          id={customId || id}\r\n          {...props}\r\n          ref={textAreaRef}\r\n          value={value}\r\n          className={cn(\r\n            'flex min-h-10 w-full px-3 py-2 text-base relative md:text-sm',\r\n            'rounded-lg border border-input bg-[#FCFCFC] shadow-none',\r\n            'placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50',\r\n            'focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-ring',\r\n            resizeble ? 'resize' : 'resize-none overflow-hidden!',\r\n            counter && 'pb-2',\r\n            className\r\n          )}\r\n        />\r\n        {counter && (\r\n          <label\r\n            htmlFor={customId || id}\r\n            className={cn(\r\n              'w-full text-right inline-flex items-center justify-end',\r\n              'text-sm font-normal text-muted-foreground',\r\n              'leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70'\r\n            )}\r\n          >\r\n            {String(value || '').length} / {props?.maxLength}\r\n          </label>\r\n        )}\r\n      </>\r\n    );\r\n  }\r\n);\r\nTextarea.displayName = 'Textarea';\r\n\r\nexport { Textarea };\r\n"],"names":["Textarea","React","textareaProps","ref","className","value","maxHeight","minHeight","resizeble","counter","customId","props","id","useId","textAreaRef","useRef","triggerAutoSize","setTriggerAutoSize","useState","useAutosizeTextArea","useImperativeHandle","useEffect","jsxs","Fragment","jsx","cn"],"mappings":";;;;;AAOA,MAAMA,IAAWC,EAAM;AAAA,EACrB,CAACC,GAAeC,MAAQ;AACtB,UAAM;AAAA,MACJ,WAAAC;AAAA,MACA,OAAAC,IAAQ;AAAA,MACR,WAAAC,IAAY,OAAO;AAAA,MACnB,WAAAC,IAAY;AAAA,MACZ,WAAAC,IAAY;AAAA,MACZ,SAAAC,IAAU;AAAA,MACV,IAAIC,IAAW;AAAA,MACf,GAAGC;AAAA,IAAA,IACDT,GACEU,IAAKC,EAAA,GACLC,IAAcC,EAAmC,IAAI,GACrD,CAACC,GAAiBC,CAAkB,IAAIC,EAAS,EAAE;AAEzD,WAAAC,EAAoB;AAAA,MAClB,aAAAL;AAAA,MACA,iBAAAE;AAAA,MACA,WAAAV;AAAA,MACA,WAAAC;AAAA,IAAA,CACD,GAEDa,EAAoBjB,GAAK,OAAO;AAAA,MAC9B,GAAKW,EAAY,WAAW,CAAA;AAAA,MAC5B,UAAUA,EAAY;AAAA,MACtB,OAAO,MAAMA,GAAa,SAAS,MAAA;AAAA,MACnC,WAAAR;AAAA,MACA,WAAAC;AAAA,IAAA,EACA,GAEFc,EAAU,MAAM;AACd,MAAAJ,EAAmBZ,CAAe;AAAA,IACpC,GAAG,CAACM,GAAO,cAAcN,CAAK,CAAC,GAG7B,gBAAAiB,EAAAC,GAAA,EACE,UAAA;AAAA,MAAA,gBAAAC;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,IAAId,KAAYE;AAAA,UACf,GAAGD;AAAA,UACJ,KAAKG;AAAA,UACL,OAAAT;AAAA,UACA,WAAWoB;AAAA,YACT;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACAjB,IAAY,WAAW;AAAA,YACvBC,KAAW;AAAA,YACXL;AAAA,UAAA;AAAA,QACF;AAAA,MAAA;AAAA,MAEDK,KACC,gBAAAa;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,SAASZ,KAAYE;AAAA,UACrB,WAAWa;AAAA,YACT;AAAA,YACA;AAAA,YACA;AAAA,UAAA;AAAA,UAGD,UAAA;AAAA,YAAA,OAAOpB,KAAS,EAAE,EAAE;AAAA,YAAO;AAAA,YAAIM,GAAO;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACzC,GAEJ;AAAA,EAEJ;AACF;AACAX,EAAS,cAAc;"}
+{"version":3,"file":"Textarea.js","sources":["../../src/Textarea/Textarea.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport { useEffect, useId, useImperativeHandle, useRef, useState } from 'react';\r\nimport { cn } from '@oneplatformdev/utils';\r\n\r\nimport { TextareaProps } from './Textarea.types';\r\nimport { useAutosizeTextArea } from './useAutosizeTextArea';\r\n\r\nconst Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(\r\n  (textareaProps, ref) => {\r\n    const {\r\n      className,\r\n      value = '',\r\n      maxHeight = Number.MAX_SAFE_INTEGER,\r\n      minHeight = 40,\r\n      resizeble = false,\r\n      counter = true,\r\n      id: customId = '',\r\n      onChange,\r\n      onTransform,\r\n      ...props\r\n    } = textareaProps;\r\n    const id = useId();\r\n    const textAreaRef = useRef<HTMLTextAreaElement | null>(null);\r\n    const [triggerAutoSize, setTriggerAutoSize] = useState('');\r\n\r\n    useAutosizeTextArea({\r\n      textAreaRef,\r\n      triggerAutoSize: triggerAutoSize,\r\n      maxHeight,\r\n      minHeight,\r\n    });\r\n\r\n    useImperativeHandle(ref, () => ({\r\n      ...((textAreaRef.current ?? {}) as HTMLTextAreaElement),\r\n      textArea: textAreaRef.current as HTMLTextAreaElement,\r\n      focus: () => textAreaRef?.current?.focus(),\r\n      maxHeight,\r\n      minHeight,\r\n    }));\r\n\r\n    useEffect(() => {\r\n      setTriggerAutoSize(value as string);\r\n    }, [props?.defaultValue, value]);\r\n\r\n    return (\r\n      <>\r\n        <textarea\r\n          id={customId || id}\r\n          {...props}\r\n          ref={textAreaRef}\r\n          value={value}\r\n          onChange={(e) => {\r\n            if (typeof onTransform?.(e.target.value, e) === 'string') {\r\n              e.target.value = onTransform(e.target.value, e);\r\n            }\r\n            onChange?.(e);\r\n          }}\r\n          className={cn(\r\n            'flex min-h-10 w-full px-3 py-2 text-base relative md:text-sm',\r\n            'rounded-lg border border-input bg-[#FCFCFC] shadow-none',\r\n            'placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50',\r\n            'focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-ring',\r\n            resizeble ? 'resize' : 'resize-none overflow-hidden!',\r\n            counter && 'pb-1',\r\n            className\r\n          )}\r\n        />\r\n        {counter && typeof props?.maxLength === 'number' && (\r\n          <label\r\n            htmlFor={customId || id}\r\n            className={cn(\r\n              'w-full text-right inline-flex items-center justify-end',\r\n              'text-xs font-medium leading-[1.2] text-muted-foreground',\r\n              'peer-disabled:cursor-not-allowed peer-disabled:opacity-70'\r\n            )}\r\n          >\r\n            {String(value || '').length} / {props?.maxLength}\r\n          </label>\r\n        )}\r\n      </>\r\n    );\r\n  }\r\n);\r\nTextarea.displayName = 'Textarea';\r\n\r\nexport { Textarea };\r\n"],"names":["Textarea","React","textareaProps","ref","className","value","maxHeight","minHeight","resizeble","counter","customId","onChange","onTransform","props","id","useId","textAreaRef","useRef","triggerAutoSize","setTriggerAutoSize","useState","useAutosizeTextArea","useImperativeHandle","useEffect","jsxs","Fragment","jsx","cn"],"mappings":";;;;;AAOA,MAAMA,IAAWC,EAAM;AAAA,EACrB,CAACC,GAAeC,MAAQ;AACtB,UAAM;AAAA,MACJ,WAAAC;AAAA,MACA,OAAAC,IAAQ;AAAA,MACR,WAAAC,IAAY,OAAO;AAAA,MACnB,WAAAC,IAAY;AAAA,MACZ,WAAAC,IAAY;AAAA,MACZ,SAAAC,IAAU;AAAA,MACV,IAAIC,IAAW;AAAA,MACf,UAAAC;AAAA,MACA,aAAAC;AAAA,MACA,GAAGC;AAAA,IAAA,IACDX,GACEY,IAAKC,EAAA,GACLC,IAAcC,EAAmC,IAAI,GACrD,CAACC,GAAiBC,CAAkB,IAAIC,EAAS,EAAE;AAEzD,WAAAC,EAAoB;AAAA,MAClB,aAAAL;AAAA,MACA,iBAAAE;AAAA,MACA,WAAAZ;AAAA,MACA,WAAAC;AAAA,IAAA,CACD,GAEDe,EAAoBnB,GAAK,OAAO;AAAA,MAC9B,GAAKa,EAAY,WAAW,CAAA;AAAA,MAC5B,UAAUA,EAAY;AAAA,MACtB,OAAO,MAAMA,GAAa,SAAS,MAAA;AAAA,MACnC,WAAAV;AAAA,MACA,WAAAC;AAAA,IAAA,EACA,GAEFgB,EAAU,MAAM;AACd,MAAAJ,EAAmBd,CAAe;AAAA,IACpC,GAAG,CAACQ,GAAO,cAAcR,CAAK,CAAC,GAG7B,gBAAAmB,EAAAC,GAAA,EACE,UAAA;AAAA,MAAA,gBAAAC;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,IAAIhB,KAAYI;AAAA,UACf,GAAGD;AAAA,UACJ,KAAKG;AAAA,UACL,OAAAX;AAAA,UACA,UAAU,CAAC,MAAM;AACf,YAAI,OAAOO,IAAc,EAAE,OAAO,OAAO,CAAC,KAAM,aAC9C,EAAE,OAAO,QAAQA,EAAY,EAAE,OAAO,OAAO,CAAC,IAEhDD,IAAW,CAAC;AAAA,UACd;AAAA,UACA,WAAWgB;AAAA,YACT;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACAnB,IAAY,WAAW;AAAA,YACvBC,KAAW;AAAA,YACXL;AAAA,UAAA;AAAA,QACF;AAAA,MAAA;AAAA,MAEDK,KAAW,OAAOI,GAAO,aAAc,YACtC,gBAAAW;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,SAASd,KAAYI;AAAA,UACrB,WAAWa;AAAA,YACT;AAAA,YACA;AAAA,YACA;AAAA,UAAA;AAAA,UAGD,UAAA;AAAA,YAAA,OAAOtB,KAAS,EAAE,EAAE;AAAA,YAAO;AAAA,YAAIQ,GAAO;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACzC,GAEJ;AAAA,EAEJ;AACF;AACAb,EAAS,cAAc;"}