@oneplatformdev/ui 0.1.11-0 → 0.1.11-4

package/ButtonIcon/buttonIconVariants.js

@@ -1,30 +1,28 @@
 import { cva as r } from "class-variance-authority";
-const e = r(
-  "aspect-square inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+import { cn as e } from "@oneplatformdev/utils";
+const o = r(
+  [
+    "inline-flex items-center justify-center",
+    "whitespace-nowrap font-medium",
+    "cursor-pointer box-border",
+    "transition-colors focus-visible:outline-hidden focus-visible:ring-none focus-visible:ring-transparent",
+    "disabled:pointer-events-none disabled:cursor-default",
+    "[&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0"
+  ],
   {
     variants: {
       variant: {
-        contained: "border shadow-sm",
-        outlined: "border bg-transparent hover:shadow-xs",
-        ghost: "bg-transparent hover:bg-accent hover:text-accent-foreground",
-        link: "underline-offset-4 hover:underline bg-transparent hover:bg-transparent"
+        contained: "",
+        outlined: "",
+        ghost: ""
       },
       color: {
         primary: "",
         secondary: "",
-        error: "",
-        success: "",
-        disabled: "contrast-50"
+        error: ""
       },
       size: {
-        sm: "w-8 h-8 rounded-sm text-xs [&_svg]:size-4",
-        md: "w-9 h-9 px-4 rounded-md [&_svg]:size-5",
-        lg: "w-10 h-10 rounded-md [&_svg]:size-6",
-        icon: "h-9 w-9 [&_svg]:size-5 rounded-sm"
-      },
-      disabled: {
-        true: "cursor-not-allowed contrast-50",
-        false: "cursor-pointer"
+        lg: "w-10 h-10 size-10 rounded-lg p-2 [&_svg]:size-6"
       },
       rounded: {
         true: "rounded-full",
@@ -32,109 +30,124 @@ const e = r(
       }
     },
     compoundVariants: [
-      // contained
+      // PRIMARY BUTTON VARIANTS
       {
-        variant: "contained",
         color: "primary",
-        disabled: !1,
-        className: "bg-typography-primary border-typography-primary text-white dark:bg-gray-3 dark:border-gray-3 dark:text-typography-secondary"
-      },
-      {
-        variant: "contained",
-        color: "secondary",
-        disabled: !1,
-        className: "bg-gray-2 border-gray-2 text-typography-primary dark:bg-gray-3 dark:border-gray-3 dark:text-typography-secondary"
-      },
-      {
         variant: "contained",
-        color: "error",
-        disabled: !1,
-        className: "bg-typography-error/90 border-typography-error/90 text-white dark:bg-typography-error/80 dark:border-typography-error/80 dark:text-typography-primary"
+        className: e(
+          "bg-[#9368FF] border border-[#9368FF] text-[#FCFCFC] [&_svg]:text-[#FCFCFC]",
+          "hover:bg-[#7F4EEB]",
+          "focus:bg-[#7F4EEB] focus:border-[#6B3DD9]",
+          "active:bg-[#6B3DD9]",
+          "disabled:bg-[#E8E9EB] disabled:border-[#E8E9EB] disabled:text-[#666A78] disabled:[&_svg]:text-[#666A78]"
+        )
       },
       {
-        variant: "contained",
-        color: "success",
-        disabled: !1,
-        className: "bg-typography-success/90 border-typography-success/90 text-white dark:bg-typography-success/80 dark:border-typography-success/80 dark:text-typography-primary"
+        color: "primary",
+        variant: "outlined",
+        className: e(
+          "bg-transparent border border-[#9368FF] text-[#9368FF] [&_svg]:text-[#9368FF]",
+          "hover:bg-[#9368FF0F]",
+          "active:bg-[#9368FF0F] active:border-[#6B3DD9]",
+          "disabled:border-[#EBEBEB] disabled:text-[#666A78] disabled:[&_svg]:text-[#666A78]"
+        )
       },
-      // outlined
       {
-        variant: "outlined",
         color: "primary",
-        disabled: !1,
-        className: "border-typography-primary text-typography-primary hover:bg-typography-primary/15"
+        variant: "ghost",
+        className: e(
+          "bg-transparent border border-transparent text-[#9368FF] [&_svg]:text-[#9368FF]",
+          "hover:text-[#6B3DD9] hover:[&_svg]:text-[#6B3DD9]",
+          "focus:text-[#6B3DD9] focus:[&_svg]:text-[#6B3DD9]",
+          "active:bg-[#9368FF0F]",
+          "disabled:text-[#666A78] disabled:[&_svg]:text-[#666A78]"
+        )
       },
+      // SECONDARY BUTTON VARIANTS
       {
-        variant: "outlined",
         color: "secondary",
-        disabled: !1,
-        className: "border-border text-typography-secondary hover:bg-border-border/15"
-      },
-      {
-        variant: "outlined",
-        color: "error",
-        disabled: !1,
-        className: "border-typography-error text-typography-error hover:bg-typography-error/15"
+        variant: "contained",
+        className: e(
+          "bg-[#FCFCFC] border border-[#E1E1E5] text-[#06080D] [&_svg]:text-[#06080D]",
+          "hover:bg-[#F9FAFB] hover:border-[#E1E1E5]",
+          "focus:bg-[#FCFCFC] focus:border-[#C5C7CD]",
+          "active:bg-[#F9FAFB] active:border-[#C5C7CD]",
+          "disabled:bg-[#FCFCFC] disabled:border-[#EBEBEB] disabled:text-[#666A78] disabled:[&_svg]:text-[#666A78]"
+        )
       },
       {
+        color: "secondary",
         variant: "outlined",
-        color: "success",
-        disabled: !1,
-        className: "border-typography-success text-typography-success hover:bg-typography-success/15"
+        className: e(
+          "bg-transparent border border-[#E1E1E5] text-[#06080D] [&_svg]:text-[#06080D]",
+          "hover:bg-[#F9FAFB] hover:border-[#E1E1E5]",
+          "focus:bg-[#FCFCFC] focus:border-[#C5C7CD]",
+          "active:bg-[#F9FAFB] active:border-[#C5C7CD]",
+          "disabled:bg-[#FCFCFC] disabled:border-[#EBEBEB] disabled:text-[#666A78] disabled:[&_svg]:text-[#666A78]"
+        )
       },
-      // link - ghost
       {
-        variant: ["link", "ghost"],
-        color: "primary",
-        className: "text-typography-primary"
-      },
-      {
-        variant: ["link", "ghost"],
         color: "secondary",
-        className: "text-typography-secondary"
-      },
-      {
-        variant: ["link", "ghost"],
-        color: "success",
-        className: "text-typography-success"
+        variant: "ghost",
+        className: e(
+          "text-[#06080D] [&_svg]:text-[#06080D] bg-transparent border border-transparent",
+          "hover:bg-[#F9FAFB]",
+          "focus:bg-[#FCFCFC]",
+          "active:bg-[#F9FAFB]",
+          "disabled:bg-[#FCFCFC] disabled:text-[#666A78] disabled:[&_svg]:text-[#666A78]"
+        )
       },
+      // ERROR BUTTON VARIANTS
       {
-        variant: ["link", "ghost"],
         color: "error",
-        className: "text-typography-error"
-      },
-      // ghost
-      {
-        variant: "ghost",
-        color: "primary",
-        className: "hover:bg-typography-primary/15"
+        variant: "contained",
+        className: e(
+          "bg-[#EF4444] border border-[#EF4444] text-[#FCFCFC] [&_svg]:text-[#FCFCFC]",
+          "hover:bg-[#DC2626]",
+          "focus:bg-[#DC2626]",
+          "active:bg-[#DC2626]",
+          "disabled:bg-[#E8E9EB] disabled:border-[#E8E9EB] disabled:text-[#666A78] disabled:[&_svg]:text-[#666A78]"
+        )
       },
       {
-        variant: "ghost",
-        color: "secondary",
-        className: "hover:bg-typography-secondary/15"
+        color: "error",
+        variant: "outlined",
+        className: e(
+          "bg-transparent border border-[#EF4444] text-[#EF4444] [&_svg]:text-[#EF4444]",
+          "hover:bg-[#EF44440F]",
+          "active:bg-[#DC26260F] active:border-[#DC2626]",
+          "disabled:border-[#EBEBEB] disabled:text-[#666A78] disabled:[&_svg]:text-[#666A78]"
+        )
       },
       {
+        color: "error",
         variant: "ghost",
-        color: "success",
-        className: "hover:bg-typography-success/15"
+        className: e(
+          "bg-transparent border border-transparent text-[#EF4444] [&_svg]:text-[#EF4444]",
+          "hover:bg-[#EF44440F] hover:text-[#DC2626] hover:[&_svg]:text-[#DC2626]",
+          "active:bg-[#DC26260F] active:border-[#DC2626]",
+          "disabled:text-[#666A78] disabled:[&_svg]:text-[#666A78]"
+        )
       },
+      // ROUNDED BUTTON VARIANTS
       {
         variant: "ghost",
-        color: "error",
-        className: "hover:bg-typography-error/15"
+        rounded: !0,
+        className: e(
+          "shadow-[-1px_-1px_10px_rgba(6,8,13,0.06),_1px_1px_10px_rgba(6,8,13,0.06)]",
+          "disabled:text-[#666A78] disabled:[&_svg]:text-[#666A78]"
+        )
       }
     ],
     defaultVariants: {
-      variant: "contained",
-      size: "md",
       color: "primary",
-      disabled: !1,
+      variant: "contained",
+      size: "lg",
       rounded: !1
     }
   }
 );
 export {
-  e as buttonIconVariants
+  o as buttonIconVariants
 };
 //# sourceMappingURL=buttonIconVariants.js.map

package/ButtonIcon/buttonIconVariants.js.map

@@ -1 +1 @@
-{"version":3,"file":"buttonIconVariants.js","sources":["../../src/ButtonIcon/buttonIconVariants.ts"],"sourcesContent":["import { cva } from 'class-variance-authority';\n\nexport const buttonIconVariants = cva(\n  \"aspect-square inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0\",\n  {\n    variants: {\n      variant: {\n        contained: 'border shadow-sm',\n        outlined: 'border bg-transparent hover:shadow-xs',\n        ghost: \"bg-transparent hover:bg-accent hover:text-accent-foreground\",\n        link: \"underline-offset-4 hover:underline bg-transparent hover:bg-transparent\",\n      },\n      color: {\n        primary: \"\",\n        secondary: \"\",\n        error: \"\",\n        success: \"\",\n        disabled: \"contrast-50\",\n      },\n      size: {\n        sm: \"w-8 h-8 rounded-sm text-xs [&_svg]:size-4\",\n        md: \"w-9 h-9 px-4 rounded-md [&_svg]:size-5\",\n        lg: \"w-10 h-10 rounded-md [&_svg]:size-6\",\n        icon: \"h-9 w-9 [&_svg]:size-5 rounded-sm\",\n      },\n      disabled: {\n        true: \"cursor-not-allowed contrast-50\",\n        false: \"cursor-pointer\",\n      },\n      rounded: {\n        true: \"rounded-full\",\n        false: \"\",\n      },\n    },\n    compoundVariants: [\n      // contained\n      {\n        variant: 'contained',\n        color: 'primary',\n        disabled: false,\n        className: 'bg-typography-primary border-typography-primary text-white dark:bg-gray-3 dark:border-gray-3 dark:text-typography-secondary'\n      },\n      {\n        variant: 'contained',\n        color: 'secondary',\n        disabled: false,\n        className: 'bg-gray-2 border-gray-2 text-typography-primary dark:bg-gray-3 dark:border-gray-3 dark:text-typography-secondary'\n      },\n      {\n        variant: 'contained',\n        color: 'error',\n        disabled: false,\n        className: 'bg-typography-error/90 border-typography-error/90 text-white dark:bg-typography-error/80 dark:border-typography-error/80 dark:text-typography-primary'\n      },\n      {\n        variant: 'contained',\n        color: 'success',\n        disabled: false,\n        className: 'bg-typography-success/90 border-typography-success/90 text-white dark:bg-typography-success/80 dark:border-typography-success/80 dark:text-typography-primary'\n      },\n      // outlined\n      {\n        variant: 'outlined',\n        color: 'primary',\n        disabled: false,\n        className: 'border-typography-primary text-typography-primary hover:bg-typography-primary/15'\n      },\n      {\n        variant: 'outlined',\n        color: 'secondary',\n        disabled: false,\n        className: 'border-border text-typography-secondary hover:bg-border-border/15'\n      },\n      {\n        variant: 'outlined',\n        color: 'error',\n        disabled: false,\n        className: 'border-typography-error text-typography-error hover:bg-typography-error/15'\n      },\n      {\n        variant: 'outlined',\n        color: 'success',\n        disabled: false,\n        className: 'border-typography-success text-typography-success hover:bg-typography-success/15'\n      },\n      // link - ghost\n      {\n        variant: [ 'link', 'ghost' ],\n        color: 'primary',\n        className: \"text-typography-primary\",\n      },\n      {\n        variant: [ 'link', 'ghost' ],\n        color: 'secondary',\n        className: \"text-typography-secondary\",\n      },\n      {\n        variant: [ 'link', 'ghost' ],\n        color: \"success\",\n        className: \"text-typography-success\",\n      },\n      {\n        variant: [ 'link', 'ghost' ],\n        color: \"error\",\n        className: \"text-typography-error\",\n      },\n      // ghost\n      {\n        variant: 'ghost',\n        color: 'primary',\n        className: \"hover:bg-typography-primary/15\",\n      },\n      {\n        variant: 'ghost',\n        color: 'secondary',\n        className: \"hover:bg-typography-secondary/15\",\n      },\n      {\n        variant: 'ghost',\n        color: \"success\",\n        className: \"hover:bg-typography-success/15\",\n      },\n      {\n        variant: 'ghost',\n        color: \"error\",\n        className: \"hover:bg-typography-error/15\",\n      },\n    ],\n    defaultVariants: {\n      variant: \"contained\",\n      size: \"md\",\n      color: \"primary\",\n      disabled: false,\n      rounded: false,\n    },\n  }\n)\n"],"names":["buttonIconVariants","cva"],"mappings":";AAEO,MAAMA,IAAqBC;AAAA,EAChC;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,WAAW;AAAA,QACX,UAAU;AAAA,QACV,OAAO;AAAA,QACP,MAAM;AAAA,MAAA;AAAA,MAER,OAAO;AAAA,QACL,SAAS;AAAA,QACT,WAAW;AAAA,QACX,OAAO;AAAA,QACP,SAAS;AAAA,QACT,UAAU;AAAA,MAAA;AAAA,MAEZ,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,MAAM;AAAA,MAAA;AAAA,MAER,UAAU;AAAA,QACR,MAAM;AAAA,QACN,OAAO;AAAA,MAAA;AAAA,MAET,SAAS;AAAA,QACP,MAAM;AAAA,QACN,OAAO;AAAA,MAAA;AAAA,IACT;AAAA,IAEF,kBAAkB;AAAA;AAAA,MAEhB;AAAA,QACE,SAAS;AAAA,QACT,OAAO;AAAA,QACP,UAAU;AAAA,QACV,WAAW;AAAA,MAAA;AAAA,MAEb;AAAA,QACE,SAAS;AAAA,QACT,OAAO;AAAA,QACP,UAAU;AAAA,QACV,WAAW;AAAA,MAAA;AAAA,MAEb;AAAA,QACE,SAAS;AAAA,QACT,OAAO;AAAA,QACP,UAAU;AAAA,QACV,WAAW;AAAA,MAAA;AAAA,MAEb;AAAA,QACE,SAAS;AAAA,QACT,OAAO;AAAA,QACP,UAAU;AAAA,QACV,WAAW;AAAA,MAAA;AAAA;AAAA,MAGb;AAAA,QACE,SAAS;AAAA,QACT,OAAO;AAAA,QACP,UAAU;AAAA,QACV,WAAW;AAAA,MAAA;AAAA,MAEb;AAAA,QACE,SAAS;AAAA,QACT,OAAO;AAAA,QACP,UAAU;AAAA,QACV,WAAW;AAAA,MAAA;AAAA,MAEb;AAAA,QACE,SAAS;AAAA,QACT,OAAO;AAAA,QACP,UAAU;AAAA,QACV,WAAW;AAAA,MAAA;AAAA,MAEb;AAAA,QACE,SAAS;AAAA,QACT,OAAO;AAAA,QACP,UAAU;AAAA,QACV,WAAW;AAAA,MAAA;AAAA;AAAA,MAGb;AAAA,QACE,SAAS,CAAE,QAAQ,OAAQ;AAAA,QAC3B,OAAO;AAAA,QACP,WAAW;AAAA,MAAA;AAAA,MAEb;AAAA,QACE,SAAS,CAAE,QAAQ,OAAQ;AAAA,QAC3B,OAAO;AAAA,QACP,WAAW;AAAA,MAAA;AAAA,MAEb;AAAA,QACE,SAAS,CAAE,QAAQ,OAAQ;AAAA,QAC3B,OAAO;AAAA,QACP,WAAW;AAAA,MAAA;AAAA,MAEb;AAAA,QACE,SAAS,CAAE,QAAQ,OAAQ;AAAA,QAC3B,OAAO;AAAA,QACP,WAAW;AAAA,MAAA;AAAA;AAAA,MAGb;AAAA,QACE,SAAS;AAAA,QACT,OAAO;AAAA,QACP,WAAW;AAAA,MAAA;AAAA,MAEb;AAAA,QACE,SAAS;AAAA,QACT,OAAO;AAAA,QACP,WAAW;AAAA,MAAA;AAAA,MAEb;AAAA,QACE,SAAS;AAAA,QACT,OAAO;AAAA,QACP,WAAW;AAAA,MAAA;AAAA,MAEb;AAAA,QACE,SAAS;AAAA,QACT,OAAO;AAAA,QACP,WAAW;AAAA,MAAA;AAAA,IACb;AAAA,IAEF,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,MACN,OAAO;AAAA,MACP,UAAU;AAAA,MACV,SAAS;AAAA,IAAA;AAAA,EACX;AAEJ;"}
+{"version":3,"file":"buttonIconVariants.js","sources":["../../src/ButtonIcon/buttonIconVariants.ts"],"sourcesContent":["import { cva } from 'class-variance-authority';\nimport { cn } from \"@oneplatformdev/utils\";\n\nexport const buttonIconVariants = cva(\n  [\n    \"inline-flex items-center justify-center\",\n    'whitespace-nowrap font-medium',\n    'cursor-pointer box-border',\n    \"transition-colors focus-visible:outline-hidden focus-visible:ring-none focus-visible:ring-transparent\",\n    \"disabled:pointer-events-none disabled:cursor-default\",\n    \"[&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0\",\n  ],\n  {\n    variants: {\n      variant: {\n        contained: '',\n        outlined: '',\n        ghost: \"\",\n      },\n      color: {\n        primary: \"\",\n        secondary: \"\",\n        error: \"\"\n      },\n      size: {\n        lg: 'w-10 h-10 size-10 rounded-lg p-2 [&_svg]:size-6',\n      },\n      rounded: {\n        true: \"rounded-full\",\n        false: \"\",\n      },\n    },\n    compoundVariants: [\n      // PRIMARY BUTTON VARIANTS\n      {\n        color: 'primary',\n        variant: 'contained',\n        className: cn(\n          'bg-[#9368FF] border border-[#9368FF] text-[#FCFCFC] [&_svg]:text-[#FCFCFC]',\n          'hover:bg-[#7F4EEB]',\n          'focus:bg-[#7F4EEB] focus:border-[#6B3DD9]',\n          'active:bg-[#6B3DD9]',\n          'disabled:bg-[#E8E9EB] disabled:border-[#E8E9EB] disabled:text-[#666A78] disabled:[&_svg]:text-[#666A78]',\n        ),\n      },\n      {\n        color: 'primary',\n        variant: 'outlined',\n        className: cn(\n          'bg-transparent border border-[#9368FF] text-[#9368FF] [&_svg]:text-[#9368FF]',\n          'hover:bg-[#9368FF0F]',\n          'active:bg-[#9368FF0F] active:border-[#6B3DD9]',\n          'disabled:border-[#EBEBEB] disabled:text-[#666A78] disabled:[&_svg]:text-[#666A78]',\n        ),\n      },\n      {\n        color: 'primary',\n        variant: 'ghost',\n        className: cn(\n          'bg-transparent border border-transparent text-[#9368FF] [&_svg]:text-[#9368FF]',\n          'hover:text-[#6B3DD9] hover:[&_svg]:text-[#6B3DD9]',\n          'focus:text-[#6B3DD9] focus:[&_svg]:text-[#6B3DD9]',\n          'active:bg-[#9368FF0F]',\n          'disabled:text-[#666A78] disabled:[&_svg]:text-[#666A78]',\n        ),\n      },\n      // SECONDARY BUTTON VARIANTS\n      {\n        color: 'secondary',\n        variant: 'contained',\n        className: cn(\n          'bg-[#FCFCFC] border border-[#E1E1E5] text-[#06080D] [&_svg]:text-[#06080D]',\n          'hover:bg-[#F9FAFB] hover:border-[#E1E1E5]',\n          'focus:bg-[#FCFCFC] focus:border-[#C5C7CD]',\n          'active:bg-[#F9FAFB] active:border-[#C5C7CD]',\n          'disabled:bg-[#FCFCFC] disabled:border-[#EBEBEB] disabled:text-[#666A78] disabled:[&_svg]:text-[#666A78]',\n        ),\n      },\n      {\n        color: 'secondary',\n        variant: 'outlined',\n        className: cn(\n          'bg-transparent border border-[#E1E1E5] text-[#06080D] [&_svg]:text-[#06080D]',\n          'hover:bg-[#F9FAFB] hover:border-[#E1E1E5]',\n          'focus:bg-[#FCFCFC] focus:border-[#C5C7CD]',\n          'active:bg-[#F9FAFB] active:border-[#C5C7CD]',\n          'disabled:bg-[#FCFCFC] disabled:border-[#EBEBEB] disabled:text-[#666A78] disabled:[&_svg]:text-[#666A78]',\n        ),\n      },\n      {\n        color: 'secondary',\n        variant: 'ghost',\n        className: cn(\n          'text-[#06080D] [&_svg]:text-[#06080D] bg-transparent border border-transparent',\n          'hover:bg-[#F9FAFB]',\n          'focus:bg-[#FCFCFC]',\n          'active:bg-[#F9FAFB]',\n          'disabled:bg-[#FCFCFC] disabled:text-[#666A78] disabled:[&_svg]:text-[#666A78]',\n        ),\n      },\n      // ERROR BUTTON VARIANTS\n      {\n        color: 'error',\n        variant: 'contained',\n        className: cn(\n          'bg-[#EF4444] border border-[#EF4444] text-[#FCFCFC] [&_svg]:text-[#FCFCFC]',\n          'hover:bg-[#DC2626]',\n          'focus:bg-[#DC2626]',\n          'active:bg-[#DC2626]',\n          'disabled:bg-[#E8E9EB] disabled:border-[#E8E9EB] disabled:text-[#666A78] disabled:[&_svg]:text-[#666A78]',\n        ),\n      },\n      {\n        color: 'error',\n        variant: 'outlined',\n        className: cn(\n          'bg-transparent border border-[#EF4444] text-[#EF4444] [&_svg]:text-[#EF4444]',\n          'hover:bg-[#EF44440F]',\n          'active:bg-[#DC26260F] active:border-[#DC2626]',\n          'disabled:border-[#EBEBEB] disabled:text-[#666A78] disabled:[&_svg]:text-[#666A78]',\n        ),\n      },\n      {\n        color: 'error',\n        variant: 'ghost',\n        className: cn(\n          'bg-transparent border border-transparent text-[#EF4444] [&_svg]:text-[#EF4444]',\n          'hover:bg-[#EF44440F] hover:text-[#DC2626] hover:[&_svg]:text-[#DC2626]',\n          'active:bg-[#DC26260F] active:border-[#DC2626]',\n          'disabled:text-[#666A78] disabled:[&_svg]:text-[#666A78]',\n        ),\n      },\n      // ROUNDED BUTTON VARIANTS\n      {\n        variant: 'ghost',\n        rounded: true,\n        className: cn(\n        'shadow-[-1px_-1px_10px_rgba(6,8,13,0.06),_1px_1px_10px_rgba(6,8,13,0.06)]',\n          'disabled:text-[#666A78] disabled:[&_svg]:text-[#666A78]',\n        ),\n      },\n    ],\n    defaultVariants: {\n      color: \"primary\",\n      variant: \"contained\",\n      size: \"lg\",\n      rounded: false,\n    },\n  }\n)\n"],"names":["buttonIconVariants","cva","cn"],"mappings":";;AAGO,MAAMA,IAAqBC;AAAA,EAChC;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAAA,EAEF;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,WAAW;AAAA,QACX,UAAU;AAAA,QACV,OAAO;AAAA,MAAA;AAAA,MAET,OAAO;AAAA,QACL,SAAS;AAAA,QACT,WAAW;AAAA,QACX,OAAO;AAAA,MAAA;AAAA,MAET,MAAM;AAAA,QACJ,IAAI;AAAA,MAAA;AAAA,MAEN,SAAS;AAAA,QACP,MAAM;AAAA,QACN,OAAO;AAAA,MAAA;AAAA,IACT;AAAA,IAEF,kBAAkB;AAAA;AAAA,MAEhB;AAAA,QACE,OAAO;AAAA,QACP,SAAS;AAAA,QACT,WAAWC;AAAA,UACT;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QAAA;AAAA,MACF;AAAA,MAEF;AAAA,QACE,OAAO;AAAA,QACP,SAAS;AAAA,QACT,WAAWA;AAAA,UACT;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QAAA;AAAA,MACF;AAAA,MAEF;AAAA,QACE,OAAO;AAAA,QACP,SAAS;AAAA,QACT,WAAWA;AAAA,UACT;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QAAA;AAAA,MACF;AAAA;AAAA,MAGF;AAAA,QACE,OAAO;AAAA,QACP,SAAS;AAAA,QACT,WAAWA;AAAA,UACT;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QAAA;AAAA,MACF;AAAA,MAEF;AAAA,QACE,OAAO;AAAA,QACP,SAAS;AAAA,QACT,WAAWA;AAAA,UACT;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QAAA;AAAA,MACF;AAAA,MAEF;AAAA,QACE,OAAO;AAAA,QACP,SAAS;AAAA,QACT,WAAWA;AAAA,UACT;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QAAA;AAAA,MACF;AAAA;AAAA,MAGF;AAAA,QACE,OAAO;AAAA,QACP,SAAS;AAAA,QACT,WAAWA;AAAA,UACT;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QAAA;AAAA,MACF;AAAA,MAEF;AAAA,QACE,OAAO;AAAA,QACP,SAAS;AAAA,QACT,WAAWA;AAAA,UACT;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QAAA;AAAA,MACF;AAAA,MAEF;AAAA,QACE,OAAO;AAAA,QACP,SAAS;AAAA,QACT,WAAWA;AAAA,UACT;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QAAA;AAAA,MACF;AAAA;AAAA,MAGF;AAAA,QACE,SAAS;AAAA,QACT,SAAS;AAAA,QACT,WAAWA;AAAA,UACX;AAAA,UACE;AAAA,QAAA;AAAA,MACF;AAAA,IACF;AAAA,IAEF,iBAAiB;AAAA,MACf,OAAO;AAAA,MACP,SAAS;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA,EACX;AAEJ;"}

package/CHANGELOG.md

@@ -1,3 +1,11 @@
+## 0.1.11-1 (2025-12-26)
+
+### 🧱 Updated Dependencies
+
+- Updated @oneplatformdev/utils to 0.1.1-171
+- Updated @oneplatformdev/hooks to 0.1.0-157
+- Updated @oneplatformdev/tokens to 0.0.1-144
+
 ## 0.1.11-0 (2025-12-26)
 
 ### 🚀 Features

package/Form/Form_old.d.ts

@@ -17,7 +17,7 @@ declare const useFormField: () => {
 };
 declare const FormItem: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
 declare const FormLabel: React.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React.RefAttributes<HTMLLabelElement>, "ref"> & React.RefAttributes<HTMLLabelElement>>;
-declare const FormControl: React.ForwardRefExoticComponent<any>;
+declare const FormControl: React.ForwardRefExoticComponent<Omit<import('@radix-ui/react-slot').SlotProps & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>>;
 declare const FormDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
 declare const FormMessage: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
 export { useFormField, Form, FormItem, FormLabel, FormControl, FormDescription, FormMessage, FormField, };

package/Form/Form_old.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Form_old.d.ts","sourceRoot":"","sources":["../../src/Form/Form_old.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,cAAc,MAAM,uBAAuB,CAAC;AAExD,OAAO,EAEL,eAAe,EACf,SAAS,EACT,WAAW,EAGZ,MAAM,iBAAiB,CAAC;AAKzB,QAAA,MAAM,IAAI,4MAAe,CAAC;AAa1B,QAAA,MAAM,SAAS,GACb,YAAY,SAAS,WAAW,GAAG,WAAW,EAC9C,KAAK,SAAS,SAAS,CAAC,YAAY,CAAC,GAAG,SAAS,CAAC,YAAY,CAAC,EAC/D,cAEC,eAAe,CAAC,YAAY,EAAE,KAAK,CAAC,4CAMtC,CAAA;AAED,QAAA,MAAM,YAAY;;;;;;;;;;;CAqBjB,CAAA;AAUD,QAAA,MAAM,QAAQ,6GAWZ,CAAA;AAGF,QAAA,MAAM,SAAS,yJAeb,CAAA;AAGF,QAAA,MAAM,WAAW,sCAqBf,CAAA;AAGF,QAAA,MAAM,eAAe,yHAcnB,CAAA;AAGF,QAAA,MAAM,WAAW,yHAqBf,CAAA;AAGF,OAAO,EACL,YAAY,EACZ,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,WAAW,EACX,eAAe,EACf,WAAW,EACX,SAAS,GACV,CAAA"}
+{"version":3,"file":"Form_old.d.ts","sourceRoot":"","sources":["../../src/Form/Form_old.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,cAAc,MAAM,uBAAuB,CAAC;AAExD,OAAO,EAEL,eAAe,EACf,SAAS,EACT,WAAW,EAGZ,MAAM,iBAAiB,CAAC;AAKzB,QAAA,MAAM,IAAI,4MAAe,CAAC;AAa1B,QAAA,MAAM,SAAS,GACb,YAAY,SAAS,WAAW,GAAG,WAAW,EAC9C,KAAK,SAAS,SAAS,CAAC,YAAY,CAAC,GAAG,SAAS,CAAC,YAAY,CAAC,EAC/D,cAEC,eAAe,CAAC,YAAY,EAAE,KAAK,CAAC,4CAMtC,CAAA;AAED,QAAA,MAAM,YAAY;;;;;;;;;;;CAqBjB,CAAA;AAUD,QAAA,MAAM,QAAQ,6GAWZ,CAAA;AAGF,QAAA,MAAM,SAAS,yJAeb,CAAA;AAGF,QAAA,MAAM,WAAW,8JAqBf,CAAA;AAGF,QAAA,MAAM,eAAe,yHAcnB,CAAA;AAGF,QAAA,MAAM,WAAW,yHAqBf,CAAA;AAGF,OAAO,EACL,YAAY,EACZ,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,WAAW,EACX,eAAe,EACf,WAAW,EACX,SAAS,GACV,CAAA"}

package/FormRadio/FormRadio.types.d.ts

@@ -1,5 +1,5 @@
 import { FieldValues } from 'react-hook-form';
-import { FormRenderControlExtendProps } from '@oneplatformdev/ui/Form';
+import { FormRenderControlExtendProps } from '../../projects/ui/src/Form';
 import { RadioProps } from '../Radio';
 export interface FormRadioGroupProps<Data extends FieldValues> extends FormRenderControlExtendProps<Data>, Partial<Omit<RadioProps, 'name'>> {
 }

package/Textarea/useAutosizeTextArea.d.ts

@@ -1,3 +1,3 @@
-import { IUseAutosizeTextAreaProps } from '@oneplatformdev/ui';
+import { IUseAutosizeTextAreaProps } from '../../projects/ui/src/index.ts';
 export declare const useAutosizeTextArea: ({ textAreaRef, triggerAutoSize, maxHeight, minHeight, }: IUseAutosizeTextAreaProps) => void;
 //# sourceMappingURL=useAutosizeTextArea.d.ts.map

package/Toast/Toast.d.ts

@@ -4,7 +4,7 @@ import * as ToastPrimitives from "@radix-ui/react-toast";
 declare const ToastProvider: React.FC<ToastPrimitives.ToastProviderProps>;
 declare const ToastViewport: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastViewportProps & React.RefAttributes<HTMLOListElement>, "ref"> & React.RefAttributes<HTMLOListElement>>;
 declare const Toast: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastProps & React.RefAttributes<HTMLLIElement>, "ref"> & VariantProps<(props?: ({
-    variant?: "default" | "destructive" | "info" | "success" | "update" | null | undefined;
+    variant?: "default" | "destructive" | "success" | "info" | "update" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string> & React.RefAttributes<HTMLLIElement>>;
 declare const ToastAction: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastActionProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 declare const ToastClose: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastCloseProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;

package/Toast/toastVariants.d.ts

@@ -1,4 +1,4 @@
 export declare const toastVariants: (props?: ({
-    variant?: "default" | "destructive" | "info" | "success" | "update" | null | undefined;
+    variant?: "default" | "destructive" | "success" | "info" | "update" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 //# sourceMappingURL=toastVariants.d.ts.map