@techsio/ui-kit 0.2.0 → 0.2.2

package/dist/atoms/input.js

@@ -5,7 +5,7 @@ const inputVariants = tv({
         'block w-full',
         'bg-input',
         'text-input-fg',
-        'placeholder:text-input-placeholder',
+        'placeholder:text-input-fg-placeholder',
         'border border-input-border',
         'rounded-input',
         'transition-all duration-200',
@@ -26,20 +26,17 @@ const inputVariants = tv({
             error: [
                 'border-input-border-danger',
                 'hover:border-input-border-danger-hover',
-                'focus:border-input-border-danger-focus',
-                'placeholder:text-input-placeholder-danger'
+                'focus:border-input-border-danger-focus'
             ],
             success: [
                 'border-input-border-success',
                 'hover:border-input-border-success-hover',
-                'focus:border-input-border-success-focus',
-                'placeholder:text-input-placeholder-success'
+                'focus:border-input-border-success-focus'
             ],
             warning: [
                 'border-input-border-warning',
                 'hover:border-input-border-warning-hover',
-                'focus:border-input-border-warning-focus',
-                'placeholder:text-input-placeholder-warning'
+                'focus:border-input-border-warning-focus'
             ]
         },
         withButtonInside: {
@@ -52,10 +49,9 @@ const inputVariants = tv({
         },
         disabled: {
             true: [
-                'bg-input-disabled',
+                'bg-input-bg-disabled',
                 'border-input-border-disabled',
-                'text-input-fg-disabled',
-                'placeholder:text-input-placeholder-disabled'
+                'text-input-fg-disabled'
             ]
         }
     },

package/dist/atoms/skeleton.js

@@ -6,9 +6,7 @@ const skeletonVariants = tv({
         root: [
             'relative overflow-hidden'
         ],
-        rectangle: [
-            ''
-        ],
+        rectangle: 'w-full',
         circle: [
             'rounded-full',
             'shrink-0'
@@ -176,7 +174,7 @@ Skeleton.Text = function({ noOfLines = 3, size = 'md', speed, lastLineWidth = '8
         })
     });
 };
-Skeleton.Rectangle = function({ aspectRatio, height, width = '100%', speed, isLoaded, variant, children, className, style, ref, ...props }) {
+Skeleton.Rectangle = function({ speed, isLoaded, variant, children, className, ref, ...props }) {
     const resolved = useResolvedSkeletonProps({
         isLoaded,
         variant,
@@ -196,12 +194,6 @@ Skeleton.Rectangle = function({ aspectRatio, height, width = '100%', speed, isLo
                 className
             })
         }),
-        style: {
-            ...style,
-            width,
-            height,
-            aspectRatio
-        },
         "aria-busy": "true",
         "aria-label": "Loading content",
         ...props,

package/dist/atoms/textarea.js

@@ -54,7 +54,7 @@ const textareaVariants = tv({
             auto: 'resize-none field-sizing-content'
         },
         readonly: {
-            true: 'bg-textarea-bg-disabled cursor-default opacity-90 text-textarea-fg-disabled border-textarea-border-disabled'
+            true: 'bg-textarea-bg-disabled cursor-default text-textarea-fg-disabled border-textarea-border-disabled'
         }
     },
     defaultVariants: {

package/dist/molecules/checkbox.js

@@ -19,7 +19,13 @@ const checkboxVariants = tv({
             'bg-checkbox data-[state=checked]:bg-checkbox-checked',
             'after:absolute after:left-1/2 after:top-1/2 after:-translate-x-1/2 after:-translate-y-1/2',
             'data-[state=checked]:after:token-icon-checkbox text-icon-fg data-[state=checked]:text-checkbox-icon-md',
-            'data-[disabled]:opacity-checkbox-disabled data-[disabled]:cursor-not-allowed data-[disabled]:grayscale',
+            'data-[disabled]:cursor-not-allowed',
+            'data-[disabled]:bg-checkbox-bg-disabled',
+            'data-[disabled]:text-checkbox-fg-disabled',
+            'data-[disabled]:border-checkbox-border-disabled',
+            'data-[disabled]:data-[state=checked]:bg-checkbox-bg-disabled',
+            'data-[disabled]:data-[state=checked]:text-checkbox-fg-disabled',
+            'data-[disabled]:data-[state=checked]:border-checkbox-border-disabled',
             'transition-all duration-200',
             'data-[focus]:outline-none',
             'data-[focus]:ring',

package/dist/molecules/menu.js

@@ -29,9 +29,8 @@ const menuVariants = tv({
             'rounded-menu-item',
             'hover:bg-menu-item-hover',
             'focus:bg-menu-item-hover focus:outline-none',
-            'data-[disabled]:opacity-menu-disabled data-[disabled]:cursor-not-allowed',
-            'data-[highlighted]:bg-menu-item-hover',
-            'data-[disabled]:opacity-50'
+            'data-[disabled]:text-menu-fg-disabled data-[disabled]:cursor-not-allowed',
+            'data-[highlighted]:bg-menu-item-hover'
         ],
         optionItem: [
             'data-[state=checked]:font-semibold'

package/dist/molecules/popover.js

@@ -7,9 +7,7 @@ import { tv } from "../utils.js";
 const popoverVariants = tv({
     slots: {
         trigger: [
-            'p-popover-trigger',
-            'disabled:pointer-events-none',
-            'disabled:opacity-disabled'
+            'p-popover-trigger'
         ],
         positioner: [
             'absolute'
@@ -67,7 +65,7 @@ const popoverVariants = tv({
 function Popover({ trigger, children, open, defaultOpen, onOpenChange, placement = 'bottom', offset = {
     mainAxis: 8,
     crossAxis: 0
-}, gutter = 8, sameWidth = false, slide = true, flip = true, overflowPadding = 8, modal = false, closeOnInteractOutside = true, closeOnEscape = true, showArrow = true, autoFocus = true, portalled = true, title, description, id, triggerRef, contentRef, triggerClassName, contentClassName, size = 'md', shadow = true, border = true, onPointerDownOutside }) {
+}, gutter = 8, sameWidth = false, slide = true, flip = true, overflowPadding = 8, modal = false, closeOnInteractOutside = true, closeOnEscape = true, showArrow = true, autoFocus = true, portalled = true, title, description, id, triggerRef, contentRef, triggerClassName, contentClassName, size = 'md', shadow = true, border = true, disabled = false, onPointerDownOutside }) {
     const generatedId = useId();
     const uniqueId = id || generatedId;
     const service = useMachine(machine, {
@@ -135,6 +133,7 @@ function Popover({ trigger, children, open, defaultOpen, onOpenChange, placement
         children: [
             /*#__PURE__*/ jsx(Button, {
                 theme: "borderless",
+                disabled: disabled,
                 ...api.getTriggerProps(),
                 ref: triggerRef,
                 className: triggerStyles({

package/dist/molecules/select.js

@@ -31,6 +31,9 @@ const selectVariants = tv({
             'hover:bg-select-trigger-bg-hover',
             'focus:outline-none focus:border-select-trigger-border-focus',
             'data-[disabled]:cursor-not-allowed',
+            'data-[disabled]:bg-select-bg-disabled',
+            'data-[disabled]:text-select-fg-disabled',
+            'data-[disabled]:border-select-border-disabled',
             'data-[invalid]:border-select-danger data-[invalid]:ring-select-danger'
         ],
         clearTrigger: [
@@ -55,7 +58,7 @@ const selectVariants = tv({
             'hover:bg-select-item-bg-hover',
             'data-[state=checked]:bg-select-item-bg-selected',
             'data-[state=checked]:text-select-item-selected-fg',
-            'data-[disabled]:opacity-select-disabled data-[disabled]:cursor-not-allowed'
+            'data-[disabled]:text-select-fg-disabled data-[disabled]:cursor-not-allowed'
         ],
         itemIndicator: [
             'text-select-indicator'

package/dist/molecules/slider.js

@@ -11,7 +11,7 @@ const sliderVariants = tv({
         root: [
             'flex flex-col w-full gap-slider-root',
             'data-[orientation=vertical]:h-full',
-            'data-[disabled]:opacity-slider-disabled data-[disabled]:cursor-not-allowed'
+            'data-[disabled]:cursor-not-allowed'
         ],
         header: [
             'flex items-center justify-between'
@@ -40,7 +40,7 @@ const sliderVariants = tv({
         range: [
             'bg-slider-range-bg rounded-slider-track h-full',
             'data-[orientation=vertical]:h-auto data-[orientation=vertical]:w-full',
-            'data-[disabled]:bg-slider-bg-disabled',
+            'data-[disabled]:bg-slider-range-bg-disabled',
             'hover:bg-slider-range-bg-hover',
             'data-[invalid=true]:bg-slider-range-bg-error'
         ],

package/dist/molecules/switch.js

@@ -10,7 +10,8 @@ const switchVariants = tv({
     slots: {
         root: [
             'cursor-pointer',
-            'data-[disabled]:cursor-not-allowed'
+            'data-[disabled]:cursor-not-allowed',
+            'flex items-center'
         ],
         control: [
             'me-switch-root p-switch-control',
@@ -25,6 +26,7 @@ const switchVariants = tv({
             'data-[state=checked]:hover:bg-switch-bg-checked-hover',
             'data-[disabled]:bg-switch-bg-disabled',
             'data-[disabled]:border-switch-border-disabled',
+            'data-[disabled]:data-[state=checked]:bg-switch-bg-disabled',
             'data-[focus]:outline-none',
             'data-[focus]:ring',
             'data-[focus]:ring-switch-ring',

package/dist/molecules/tabs.js

@@ -29,7 +29,7 @@ const tabsVariants = tv({
             'focus-visible:ring',
             'focus-visible:ring-tabs-ring',
             'data-[selected]:text-tabs-trigger-fg-selected',
-            'data-[disabled]:opacity-tabs-disabled data-[disabled]:cursor-not-allowed'
+            'data-[disabled]:text-tabs-fg-disabled data-[disabled]:cursor-not-allowed'
         ],
         indicator: [
             'absolute bg-tabs-indicator-bg rounded-tabs-indicator',
@@ -169,6 +169,7 @@ Tabs.Trigger = function({ value, disabled, children, ref, className, ...props })
     const { api, styles } = useTabsContext();
     return /*#__PURE__*/ jsx(Button, {
         ref: ref,
+        type: "button",
         theme: "borderless",
         className: styles.trigger({
             className

package/dist/molecules/tree-view.js

@@ -16,7 +16,7 @@ const treeViewVariants = tv({
             'focus-visible:ring-tree-ring'
         ],
         branch: [
-            'data-[disabled]:opacity-tree-disabled data-[disabled]:pointer-events-none'
+            'data-[disabled]:text-tree-fg-disabled data-[disabled]:pointer-events-none'
         ],
         branchTrigger: [
             'group flex items-center justify-between',

package/dist/src/atoms/input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../src/atoms/input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AACrD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAGrD,QAAA,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qDAiEjB,CAAA;AAEF,MAAM,WAAW,UACf,SAAQ,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC,EACzD,YAAY,CAAC,OAAO,aAAa,CAAC;IACpC,GAAG,CAAC,EAAE,GAAG,CAAC,gBAAgB,CAAC,CAAA;CAC5B;AAED,wBAAgB,KAAK,CAAC,EACpB,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,GAAG,EACH,gBAAgB,EAChB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,UAAU,2CAeZ"}
+{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../src/atoms/input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AACrD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAGrD,QAAA,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qDA6DjB,CAAA;AAEF,MAAM,WAAW,UACf,SAAQ,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC,EACzD,YAAY,CAAC,OAAO,aAAa,CAAC;IACpC,GAAG,CAAC,EAAE,GAAG,CAAC,gBAAgB,CAAC,CAAA;CAC5B;AAED,wBAAgB,KAAK,CAAC,EACpB,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,GAAG,EACH,gBAAgB,EAChB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,UAAU,2CAeZ"}

package/dist/src/atoms/skeleton.d.ts

@@ -10,7 +10,7 @@ export declare function Skeleton({ isLoaded, variant, children, speed, className
 export declare namespace Skeleton {
     var Circle: ({ size, speed, isLoaded, variant, children, className, ref, ...props }: SkeletonCircleProps) => import("react/jsx-runtime").JSX.Element;
     var Text: ({ noOfLines, size, speed, lastLineWidth, isLoaded, variant, children, containerClassName, className, ref, ...props }: SkeletonTextProps) => import("react/jsx-runtime").JSX.Element;
-    var Rectangle: ({ aspectRatio, height, width, speed, isLoaded, variant, children, className, style, ref, ...props }: SkeletonRectangleProps) => import("react/jsx-runtime").JSX.Element;
+    var Rectangle: ({ speed, isLoaded, variant, children, className, ref, ...props }: SkeletonRectangleProps) => import("react/jsx-runtime").JSX.Element;
 }
 interface SkeletonCircleProps extends Omit<ComponentPropsWithoutRef<'div'>, 'children'> {
     size?: 'sm' | 'md' | 'lg' | 'xl';
@@ -32,9 +32,6 @@ interface SkeletonTextProps extends Omit<ComponentPropsWithoutRef<'div'>, 'child
     ref?: Ref<HTMLDivElement>;
 }
 interface SkeletonRectangleProps extends Omit<ComponentPropsWithoutRef<'div'>, 'children'> {
-    aspectRatio?: string;
-    height?: string;
-    width?: string;
     speed?: 'slow' | 'normal' | 'fast';
     isLoaded?: boolean;
     variant?: 'primary' | 'secondary';

package/dist/src/atoms/skeleton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"skeleton.d.ts","sourceRoot":"","sources":["../../../src/atoms/skeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,wBAAwB,EAC7B,KAAK,SAAS,EACd,KAAK,GAAG,EAGT,MAAM,OAAO,CAAA;AA0Fd,UAAU,iBACR,SAAQ,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC;IACzD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,CAAA;IACjC,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,MAAM,CAAA;IAClC,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAA;CAC1B;AAED,wBAAgB,QAAQ,CAAC,EACvB,QAAgB,EAChB,OAAO,EACP,QAAQ,EACR,KAAK,EACL,SAAS,EACT,GAAG,EACH,GAAG,KAAK,EACT,EAAE,iBAAiB,2CAoBnB;yBA5Be,QAAQ;yFAiDrB,mBAAmB;qIAmDnB,iBAAiB;yHAkEjB,sBAAsB;;AAxIzB,UAAU,mBACR,SAAQ,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC;IACzD,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IAChC,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,MAAM,CAAA;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,CAAA;IACjC,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAA;CAC1B;AAqCD,UAAU,iBACR,SAAQ,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC;IACzD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IAChC,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,MAAM,CAAA;IAClC,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,CAAA;IACjC,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAA;CAC1B;AAwDD,UAAU,sBACR,SAAQ,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC;IACzD,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,MAAM,CAAA;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,CAAA;IACjC,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAA;CAC1B"}
+{"version":3,"file":"skeleton.d.ts","sourceRoot":"","sources":["../../../src/atoms/skeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,wBAAwB,EAC7B,KAAK,SAAS,EACd,KAAK,GAAG,EAGT,MAAM,OAAO,CAAA;AA0Fd,UAAU,iBACR,SAAQ,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC;IACzD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,CAAA;IACjC,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,MAAM,CAAA;IAClC,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAA;CAC1B;AAED,wBAAgB,QAAQ,CAAC,EACvB,QAAgB,EAChB,OAAO,EACP,QAAQ,EACR,KAAK,EACL,SAAS,EACT,GAAG,EACH,GAAG,KAAK,EACT,EAAE,iBAAiB,2CAoBnB;yBA5Be,QAAQ;yFAiDrB,mBAAmB;qIAmDnB,iBAAiB;sFA2DjB,sBAAsB;;AAjIzB,UAAU,mBACR,SAAQ,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC;IACzD,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IAChC,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,MAAM,CAAA;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,CAAA;IACjC,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAA;CAC1B;AAqCD,UAAU,iBACR,SAAQ,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC;IACzD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IAChC,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,MAAM,CAAA;IAClC,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,CAAA;IACjC,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAA;CAC1B;AAwDD,UAAU,sBACR,SAAQ,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC;IACzD,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,MAAM,CAAA;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,CAAA;IACjC,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAA;CAC1B"}

package/dist/src/molecules/checkbox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../src/molecules/checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,QAAQ,MAAM,kBAAkB,CAAA;AAE5C,OAAO,EAAE,KAAK,mBAAmB,EAAE,KAAK,GAAG,EAAS,MAAM,OAAO,CAAA;AAgCjE,MAAM,WAAW,aACf,SAAQ,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,UAAU,CAAC;IAC/D,GAAG,CAAC,EAAE,GAAG,CAAC,gBAAgB,CAAC,CAAA;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB,eAAe,CAAC,EAAE,QAAQ,CAAC,KAAK,CAAC,iBAAiB,CAAC,CAAA;CACpD;AAED,wBAAgB,QAAQ,CAAC,EACvB,EAAE,EACF,IAAI,EACJ,OAAO,EACP,cAAc,EACd,aAAa,EACb,QAAQ,EACR,eAAe,EACf,SAAS,EACT,OAAO,EACP,QAAQ,EACR,SAAS,EACT,SAAS,EACT,UAAU,GACX,EAAE,aAAa,2CAgDf;yBA9De,QAAQ"}
+{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../src/molecules/checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,QAAQ,MAAM,kBAAkB,CAAA;AAE5C,OAAO,EAAE,KAAK,mBAAmB,EAAE,KAAK,GAAG,EAAS,MAAM,OAAO,CAAA;AAsCjE,MAAM,WAAW,aACf,SAAQ,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,UAAU,CAAC;IAC/D,GAAG,CAAC,EAAE,GAAG,CAAC,gBAAgB,CAAC,CAAA;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB,eAAe,CAAC,EAAE,QAAQ,CAAC,KAAK,CAAC,iBAAiB,CAAC,CAAA;CACpD;AAED,wBAAgB,QAAQ,CAAC,EACvB,EAAE,EACF,IAAI,EACJ,OAAO,EACP,cAAc,EACd,aAAa,EACb,QAAQ,EACR,eAAe,EACf,SAAS,EACT,OAAO,EACP,QAAQ,EACR,SAAS,EACT,SAAS,EACT,UAAU,GACX,EAAE,aAAa,2CAgDf;yBA9De,QAAQ"}

package/dist/src/molecules/menu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../../src/molecules/menu.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../../src/molecules/menu.tsx"],"names":[],"mappings":"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"}

package/dist/src/molecules/popover.d.ts

@@ -118,7 +118,8 @@ export interface PopoverProps extends VariantProps<typeof popoverVariants>, popo
     contentRef?: Ref<HTMLDivElement>;
     triggerClassName?: string;
     contentClassName?: string;
+    disabled?: boolean;
 }
-export declare function Popover({ trigger, children, open, defaultOpen, onOpenChange, placement, offset, gutter, sameWidth, slide, flip, overflowPadding, modal, closeOnInteractOutside, closeOnEscape, showArrow, autoFocus, portalled, title, description, id, triggerRef, contentRef, triggerClassName, contentClassName, size, shadow, border, onPointerDownOutside, }: PopoverProps): import("react/jsx-runtime").JSX.Element;
+export declare function Popover({ trigger, children, open, defaultOpen, onOpenChange, placement, offset, gutter, sameWidth, slide, flip, overflowPadding, modal, closeOnInteractOutside, closeOnEscape, showArrow, autoFocus, portalled, title, description, id, triggerRef, contentRef, triggerClassName, contentClassName, size, shadow, border, disabled, onPointerDownOutside, }: PopoverProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=popover.d.ts.map

package/dist/src/molecules/popover.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../src/molecules/popover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,OAAO,MAAM,iBAAiB,CAAA;AAE1C,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,GAAG,EAAS,MAAM,OAAO,CAAA;AACvD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAIrD,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CAqDnB,CAAA;AAEF,MAAM,WAAW,YACf,SAAQ,YAAY,CAAC,OAAO,eAAe,CAAC,EAC1C,OAAO,CAAC,KAAK;IACf,OAAO,EAAE,SAAS,CAAA;IAClB,QAAQ,EAAE,SAAS,CAAA;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC,SAAS,CAAA;IAC7B,MAAM,CAAC,EAAE,OAAO,CAAC,kBAAkB,CAAC,QAAQ,CAAC,CAAA;IAC7C,MAAM,CAAC,EAAE,OAAO,CAAC,kBAAkB,CAAC,QAAQ,CAAC,CAAA;IAC7C,IAAI,CAAC,EAAE,OAAO,CAAC,kBAAkB,CAAC,MAAM,CAAC,CAAA;IACzC,KAAK,CAAC,EAAE,OAAO,CAAC,kBAAkB,CAAC,OAAO,CAAC,CAAA;IAC3C,SAAS,CAAC,EAAE,OAAO,CAAC,kBAAkB,CAAC,WAAW,CAAC,CAAA;IACnD,eAAe,CAAC,EAAE,OAAO,CAAC,kBAAkB,CAAC,iBAAiB,CAAC,CAAA;IAC/D,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,WAAW,CAAC,EAAE,SAAS,CAAA;IACvB,UAAU,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,CAAA;IACnC,UAAU,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAA;IAChC,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B;AAED,wBAAgB,OAAO,CAAC,EACtB,OAAO,EACP,QAAQ,EACR,IAAI,EACJ,WAAW,EACX,YAAY,EACZ,SAAoB,EACpB,MAAsC,EACtC,MAAU,EACV,SAAiB,EACjB,KAAY,EACZ,IAAW,EACX,eAAmB,EACnB,KAAa,EACb,sBAA6B,EAC7B,aAAoB,EACpB,SAAgB,EAChB,SAAgB,EAChB,SAAgB,EAChB,KAAK,EACL,WAAW,EACX,EAAE,EACF,UAAU,EACV,UAAU,EACV,gBAAgB,EAChB,gBAAgB,EAChB,IAAW,EACX,MAAa,EACb,MAAa,EACb,oBAAoB,GACrB,EAAE,YAAY,2CAyFd"}
+{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../src/molecules/popover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,OAAO,MAAM,iBAAiB,CAAA;AAE1C,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,GAAG,EAAS,MAAM,OAAO,CAAA;AACvD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAIrD,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CAiDnB,CAAA;AAEF,MAAM,WAAW,YACf,SAAQ,YAAY,CAAC,OAAO,eAAe,CAAC,EAC1C,OAAO,CAAC,KAAK;IACf,OAAO,EAAE,SAAS,CAAA;IAClB,QAAQ,EAAE,SAAS,CAAA;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC,SAAS,CAAA;IAC7B,MAAM,CAAC,EAAE,OAAO,CAAC,kBAAkB,CAAC,QAAQ,CAAC,CAAA;IAC7C,MAAM,CAAC,EAAE,OAAO,CAAC,kBAAkB,CAAC,QAAQ,CAAC,CAAA;IAC7C,IAAI,CAAC,EAAE,OAAO,CAAC,kBAAkB,CAAC,MAAM,CAAC,CAAA;IACzC,KAAK,CAAC,EAAE,OAAO,CAAC,kBAAkB,CAAC,OAAO,CAAC,CAAA;IAC3C,SAAS,CAAC,EAAE,OAAO,CAAC,kBAAkB,CAAC,WAAW,CAAC,CAAA;IACnD,eAAe,CAAC,EAAE,OAAO,CAAC,kBAAkB,CAAC,iBAAiB,CAAC,CAAA;IAC/D,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,WAAW,CAAC,EAAE,SAAS,CAAA;IACvB,UAAU,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,CAAA;IACnC,UAAU,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAA;IAChC,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,wBAAgB,OAAO,CAAC,EACtB,OAAO,EACP,QAAQ,EACR,IAAI,EACJ,WAAW,EACX,YAAY,EACZ,SAAoB,EACpB,MAAsC,EACtC,MAAU,EACV,SAAiB,EACjB,KAAY,EACZ,IAAW,EACX,eAAmB,EACnB,KAAa,EACb,sBAA6B,EAC7B,aAAoB,EACpB,SAAgB,EAChB,SAAgB,EAChB,SAAgB,EAChB,KAAK,EACL,WAAW,EACX,EAAE,EACF,UAAU,EACV,UAAU,EACV,gBAAgB,EAChB,gBAAgB,EAChB,IAAW,EACX,MAAa,EACb,MAAa,EACb,QAAgB,EAChB,oBAAoB,GACrB,EAAE,YAAY,2CA0Fd"}

package/dist/src/molecules/select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../src/molecules/select.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,MAAM,gBAAgB,CAAA;AACxC,OAAO,EAAE,KAAK,SAAS,EAAS,MAAM,OAAO,CAAA;AAC7C,OAAO,EAAE,KAAK,YAAY,EAAM,MAAM,mBAAmB,CAAA;AAQzD,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,SAAS,CAAA;IAChB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;CACvB;AAGD,QAAA,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CAqElB,CAAA;AAGF,MAAM,WAAW,WACf,SAAQ,YAAY,CAAC,OAAO,cAAc,CAAC,EACzC,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,YAAY,GAAG,IAAI,CAAC;IACzC,OAAO,EAAE,YAAY,EAAE,CAAA;IACvB,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB;AAED,wBAAgB,MAAM,CAAC,EACrB,OAAO,EACP,KAAK,EACL,WAAgC,EAChC,IAAW,EACX,KAAK,EACL,YAAY,EACZ,QAAgB,EAChB,SAAgB,EAChB,QAAgB,EAChB,OAAe,EACf,QAAgB,EAChB,QAAgB,EAChB,SAAS,EACT,UAAU,EACV,aAAoB,EACpB,SAAgB,EAChB,IAAI,EACJ,IAAI,EACJ,aAAa,EACb,YAAY,EACZ,iBAAiB,EACjB,QAAQ,EACR,SAAS,EACT,EAAE,EAAE,UAAU,GACf,EAAE,WAAW,2CA4Hb;yBArJe,MAAM"}
+{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../src/molecules/select.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,MAAM,gBAAgB,CAAA;AACxC,OAAO,EAAE,KAAK,SAAS,EAAS,MAAM,OAAO,CAAA;AAC7C,OAAO,EAAE,KAAK,YAAY,EAAM,MAAM,mBAAmB,CAAA;AAQzD,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,SAAS,CAAA;IAChB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;CACvB;AAGD,QAAA,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CAwElB,CAAA;AAGF,MAAM,WAAW,WACf,SAAQ,YAAY,CAAC,OAAO,cAAc,CAAC,EACzC,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,YAAY,GAAG,IAAI,CAAC;IACzC,OAAO,EAAE,YAAY,EAAE,CAAA;IACvB,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB;AAED,wBAAgB,MAAM,CAAC,EACrB,OAAO,EACP,KAAK,EACL,WAAgC,EAChC,IAAW,EACX,KAAK,EACL,YAAY,EACZ,QAAgB,EAChB,SAAgB,EAChB,QAAgB,EAChB,OAAe,EACf,QAAgB,EAChB,QAAgB,EAChB,SAAS,EACT,UAAU,EACV,aAAoB,EACpB,SAAgB,EAChB,IAAI,EACJ,IAAI,EACJ,aAAa,EACb,YAAY,EACZ,iBAAiB,EACjB,QAAQ,EACR,SAAS,EACT,EAAE,EAAE,UAAU,GACf,EAAE,WAAW,2CA4Hb;yBArJe,MAAM"}

package/dist/src/molecules/switch.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../../../src/molecules/switch.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAAS,MAAM,OAAO,CAAA;AAC7C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAMrD,QAAA,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CAkClB,CAAA;AAEF,MAAM,WAAW,WAAY,SAAQ,YAAY,CAAC,OAAO,cAAc,CAAC;IACtE,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,GAAG,CAAC,EAAE,KAAK,GAAG,KAAK,CAAA;IACnB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,wBAAgB,MAAM,CAAC,EACrB,EAAE,EACF,IAAI,EACJ,KAAK,EACL,OAAO,EACP,cAAc,EACd,QAAgB,EAChB,OAAe,EACf,QAAgB,EAChB,QAAgB,EAChB,GAAW,EACX,QAAQ,EACR,SAAS,EACT,eAAe,EACf,UAAU,EACV,SAAS,GACV,EAAE,WAAW,2CA+Cb"}
+{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../../../src/molecules/switch.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAAS,MAAM,OAAO,CAAA;AAC7C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAMrD,QAAA,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CAuClB,CAAA;AAEF,MAAM,WAAW,WAAY,SAAQ,YAAY,CAAC,OAAO,cAAc,CAAC;IACtE,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,GAAG,CAAC,EAAE,KAAK,GAAG,KAAK,CAAA;IACnB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,wBAAgB,MAAM,CAAC,EACrB,EAAE,EACF,IAAI,EACJ,KAAK,EACL,OAAO,EACP,cAAc,EACd,QAAgB,EAChB,OAAe,EACf,QAAgB,EAChB,QAAgB,EAChB,GAAW,EACX,QAAQ,EACR,SAAS,EACT,eAAe,EACf,UAAU,EACV,SAAS,GACV,EAAE,WAAW,2CA+Cb"}

package/dist/src/molecules/tabs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../../src/molecules/tabs.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,wBAAwB,EAC7B,KAAK,GAAG,EAIT,MAAM,OAAO,CAAA;AACd,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAIrD,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CAsGhB,CAAA;AAuBF,MAAM,WAAW,SACf,SAAQ,YAAY,CAAC,OAAO,YAAY,CAAC,EACvC,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC;IACnD,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;IACvC,GAAG,CAAC,EAAE,KAAK,GAAG,KAAK,CAAA;IACnB,cAAc,CAAC,EAAE,WAAW,GAAG,QAAQ,CAAA;IACvC,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAA;CAC1B;AAED,wBAAgB,IAAI,CAAC,EACnB,EAAE,EACF,YAAY,EACZ,KAAK,EACL,WAA0B,EAC1B,GAAW,EACX,cAA4B,EAC5B,SAAgB,EAChB,aAAa,EACb,OAAO,EACP,IAAI,EACJ,MAAM,EACN,OAAO,EACP,QAAQ,EACR,GAAG,EACH,SAAS,EACT,GAAG,KAAK,EACT,EAAE,SAAS,2CAkCX;yBAnDe,IAAI;uDA+DjB,aAAa;2EA6Bb,gBAAgB;iEA6BhB,gBAAgB;kDAwBhB,kBAAkB;;;AA3FrB,UAAU,aAAc,SAAQ,wBAAwB,CAAC,KAAK,CAAC;IAC7D,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAA;CAC1B;AAuBD,UAAU,gBAAiB,SAAQ,wBAAwB,CAAC,QAAQ,CAAC;IACnE,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,GAAG,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,CAAA;CAC7B;AA2BD,UAAU,gBAAiB,SAAQ,wBAAwB,CAAC,KAAK,CAAC;IAChE,KAAK,EAAE,MAAM,CAAA;IACb,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAA;CAC1B;AAwBD,UAAU,kBAAmB,SAAQ,wBAAwB,CAAC,KAAK,CAAC;IAClE,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAA;CAC1B"}
+{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../../src/molecules/tabs.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,wBAAwB,EAC7B,KAAK,GAAG,EAIT,MAAM,OAAO,CAAA;AACd,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAIrD,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CAsGhB,CAAA;AAuBF,MAAM,WAAW,SACf,SAAQ,YAAY,CAAC,OAAO,YAAY,CAAC,EACvC,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC;IACnD,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;IACvC,GAAG,CAAC,EAAE,KAAK,GAAG,KAAK,CAAA;IACnB,cAAc,CAAC,EAAE,WAAW,GAAG,QAAQ,CAAA;IACvC,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAA;CAC1B;AAED,wBAAgB,IAAI,CAAC,EACnB,EAAE,EACF,YAAY,EACZ,KAAK,EACL,WAA0B,EAC1B,GAAW,EACX,cAA4B,EAC5B,SAAgB,EAChB,aAAa,EACb,OAAO,EACP,IAAI,EACJ,MAAM,EACN,OAAO,EACP,QAAQ,EACR,GAAG,EACH,SAAS,EACT,GAAG,KAAK,EACT,EAAE,SAAS,2CAkCX;yBAnDe,IAAI;uDA+DjB,aAAa;2EA6Bb,gBAAgB;iEA8BhB,gBAAgB;kDAwBhB,kBAAkB;;;AA5FrB,UAAU,aAAc,SAAQ,wBAAwB,CAAC,KAAK,CAAC;IAC7D,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAA;CAC1B;AAuBD,UAAU,gBAAiB,SAAQ,wBAAwB,CAAC,QAAQ,CAAC;IACnE,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,GAAG,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,CAAA;CAC7B;AA4BD,UAAU,gBAAiB,SAAQ,wBAAwB,CAAC,KAAK,CAAC;IAChE,KAAK,EAAE,MAAM,CAAA;IACb,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAA;CAC1B;AAwBD,UAAU,kBAAmB,SAAQ,wBAAwB,CAAC,KAAK,CAAC;IAClE,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAA;CAC1B"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@techsio/ui-kit",
-  "version": "0.2.0",
+  "version": "0.2.2",
   "type": "module",
   "repository": {
     "type": "git",

package/src/tokens/_semantic.css

@@ -13,6 +13,7 @@
   --state-light-chroma: 0.6; /* Reduce saturation for softer, pastel colors */
   --state-secondary-text: 0.15;
   --state-border: 15%;
+  --state-placeholder: 0.25;
   --max-lightness: 0.97;
   --opacity-ring: 80%;
   --opacity-disabled: 60%;
@@ -28,6 +29,7 @@
   --state-hover: 0.08;
   --state-active: 0.12;
   --state-secondary-text: -0.15;
+  --state-placeholder: -0.25;
   --surface-increment: -0.05;
 }
 
@@ -37,6 +39,7 @@
     --state-hover: 0.08;
     --state-active: 0.12;
     --state-secondary-text: -0.15;
+    --state-placeholder: -0.25;
     --surface-increment: -0.05;
   }
 }
@@ -46,6 +49,7 @@
   --state-hover: 0.08;
   --state-active: 0.12;
   --state-secondary-text: -0.15;
+  --state-placeholder: -0.25;
   --surface-increment: -0.05;
 }
 
@@ -53,6 +57,7 @@
   --state-hover: -0.08;
   --state-active: -0.12;
   --state-secondary-text: 0.15;
+  --state-placeholder: 0.25;
   --surface-increment: 0.05;
 }
 
@@ -62,6 +67,7 @@
     --state-hover: 0.08;
     --state-active: 0.12;
     --state-secondary-text: -0.15;
+    --state-placeholder: -0.25;
     --surface-increment: -0.05;
   }
 }
@@ -71,6 +77,7 @@
     --state-hover: -0.08;
     --state-active: -0.12;
     --state-secondary-text: 0.15;
+    --state-placeholder: 0.25;
     --surface-increment: 0.05;
   }
 }
@@ -273,6 +280,9 @@
     from var(--color-fg-primary) calc(l + var(--state-secondary-text)) c h
   );
   --color-fg-reverse: light-dark(var(--color-fg-dark), var(--color-fg-light));
+  --color-fg-placeholder: oklch(
+    from var(--color-fg-secondary) calc(l + var(--state-placeholder)) c h
+  );
 
   /* Background colors */
   /* All levels of background color in the application, including container, menu, navigation bar, etc. In dark mode, we usually use the background color to distinguish the front and back levels */
@@ -334,22 +344,17 @@
     calc(var(--fill-increment) * 3)
   );
 
-  /*Disabled state - Disabled
-  It is used to fill all kinds of forbidden elements in the interface, such as background, text, stroke, fill, etc*/
-  --color-disabled-bg: --alpha(var(--color-base-reverse) / 10%);
-  --color-disabled-fg: --alpha(
-    var(--color-fg-primary) /
-    var(--opacity-disabled)
-  );
-  --color-disabled-border: --alpha(
-    var(--color-border-primary) /
-    var(--opacity-disabled)
-  );
-  --color-disabled-fill: --alpha(
-    var(--color-fill-base) /
-    var(--opacity-disabled)
+  /* Semantic color-based disabled tokens (preferred approach) */
+  --color-bg-disabled: light-dark(var(--color-gray-100), var(--color-gray-800));
+  --color-fg-disabled: light-dark(var(--color-gray-500), var(--color-gray-500));
+  --color-border-disabled: light-dark(
+    var(--color-gray-300),
+    var(--color-gray-700)
   );
 
+  /* Disabled fill for form controls and interactive elements */
+  --color-fill-disabled: light-dark(var(--color-gray-50), var(--color-gray-850));
+
   /* Spacing */
   --spacing: 0.25rem;
 

package/src/tokens/components/atoms/_button.css

@@ -183,9 +183,9 @@
   );
 
   /* === DISABLED STATES === */
-  --color-button-bg-disabled: var(--color-disabled-bg);
-  --color-button-fg-disabled: var(--color-disabled-fg);
-  --color-button-border-disabled: var(--color-disabled-border);
+  --color-button-bg-disabled: var(--color-bg-disabled);
+  --color-button-fg-disabled: var(--color-fg-disabled);
+  --color-button-border-disabled: var(--color-border-disabled);
 
   /* === SPACING === */
   --spacing-button-sm: var(--spacing-150);

package/src/tokens/components/atoms/_input.css

@@ -4,7 +4,7 @@
   --color-input: var(--color-fill-base);
   --color-input-border: var(--color-border-primary);
   --color-input-fg: var(--color-fg-primary);
-  --color-input-disabled: var(--color-disabled-bg);
+  --color-input-bg-disabled: var(--color-bg-disabled);
 
   /* Validation states - primary colors */
   --color-input-danger: var(--color-danger);
@@ -24,10 +24,7 @@
     from var(--color-input-border) calc(l + var(--state-hover)) c h
   );
   --color-input-border-focus: var(--color-primary);
-  --color-input-border-disabled: --alpha(
-    var(--color-input-border) /
-    var(--opacity-disabled)
-  );
+  --color-input-border-disabled: var(--color-border-disabled);
 
   /* Error state - hover/focus */
   --color-input-border-danger: var(--color-input-danger);
@@ -35,10 +32,6 @@
     from var(--color-input-danger) calc(l + var(--state-hover)) c h
   );
   --color-input-border-danger-focus: var(--color-input-danger);
-  --color-input-placeholder-danger: --alpha(
-    var(--color-input-danger) /
-    var(--opacity-disabled)
-  );
 
   /* Success state - hover/focus */
   --color-input-border-success: var(--color-input-success);
@@ -46,10 +39,6 @@
     from var(--color-input-success) calc(l + var(--state-hover)) c h
   );
   --color-input-border-success-focus: var(--color-input-success);
-  --color-input-placeholder-success: --alpha(
-    var(--color-input-success) /
-    var(--opacity-disabled)
-  );
 
   /* Warning state - hover/focus */
   --color-input-border-warning: var(--color-input-warning);
@@ -57,31 +46,15 @@
     from var(--color-input-warning) calc(l + var(--state-hover)) c h
   );
   --color-input-border-warning-focus: var(--color-input-warning);
-  --color-input-placeholder-warning: --alpha(
-    var(--color-input-warning) /
-    var(--opacity-disabled)
-  );
 
   /* Text colors */
-  --color-input-fg-disabled: --alpha(
-    var(--color-input-fg) /
-    var(--opacity-disabled)
-  );
-  --color-input-placeholder: --alpha(
-    var(--color-input-fg) /
-    var(--opacity-placeholder)
-  );
-
-  --color-input-placeholder-disabled: --alpha(
-    var(--color-input-fg) /
-    var(--opacity-disabled-placeholder)
-  );
+  --color-input-fg-disabled: var(--color-fg-disabled);
+  --color-input-fg-placeholder: var(--color-fg-placeholder);
 
   /* Label colors */
   --color-label-fg: var(--color-input-fg);
   --color-label-disabled: var(--color-input-fg-disabled);
   --color-label-required: var(--color-input-danger);
-  --margin-label: var(--spacing-100);
 
   /* Error/Helper/Extra colors */
   --color-error-fg: var(--color-danger);

package/src/tokens/components/atoms/_rating.css

@@ -4,10 +4,7 @@
   --color-rating-fg-active: var(--color-warning);
 
   /* === DISABLED STATES === */
-  --color-rating-fg-disabled: --alpha(
-    var(--color-rating-fg-active) /
-    var(--opacity-disabled)
-  );
+  --color-rating-fg-disabled: var(--color-fg-disabled);
 
   /* === SPACING === */
   --spacing-rating-sm: var(--spacing-100);

package/src/tokens/components/atoms/_textarea.css

@@ -21,14 +21,14 @@
     var(--color-fg-primary) /
     var(--opacity-placeholder)
   );
-  --color-textarea-fg-disabled: var(--color-disabled-fg);
+  --color-textarea-fg-disabled: var(--color-fg-disabled);
 
   /* Border colors */
   --color-textarea-border: var(--color-border-primary);
   --color-textarea-border-success: var(--color-textarea-success);
   --color-textarea-border-warning: var(--color-textarea-warning);
   --color-textarea-border-danger: var(--color-textarea-danger);
-  --color-textarea-border-disabled: var(--color-disabled-border);
+  --color-textarea-border-disabled: var(--color-border-disabled);
 
   /* === STATE VARIATIONS === */
   /* Default hover/focus states */
@@ -72,7 +72,7 @@
   --color-textarea-bg-borderless-focus: var(--color-textarea-base);
 
   /* === DISABLED STATES === */
-  --color-textarea-bg-disabled: var(--color-disabled-bg);
+  --color-textarea-bg-disabled: var(--color-bg-disabled);
 
   /* === SPACING === */
   --padding-textarea-sm: var(--spacing-100) var(--spacing-150);

package/src/tokens/components/molecules/_accordion.css

@@ -32,10 +32,7 @@
   /* Validation states will be added here when needed */
 
   /* === DISABLED STATES === */
-  --color-accordion-fg-disabled: --alpha(
-    var(--color-disabled-fg) /
-    var(--opacity-disabled)
-  );
+  --color-accordion-fg-disabled: var(--color-fg-disabled);
 
   /* === SPACING === */
   --padding-accordion-title-sm: var(--spacing-100) var(--spacing-150);

package/src/tokens/components/molecules/_checkbox.css

@@ -4,7 +4,12 @@
   --color-checkbox-error: var(--color-danger);
   --color-checkbox-checked: var(--color-success);
   --color-checkbox-border: var(--color-border-primary);
-  --opacity-checkbox-disabled: var(--opacity-disabled);
+
+  /* === DISABLED STATE === */
+  /* Using unified disabled tokens for consistency across all components */
+  --color-checkbox-bg-disabled: var(--color-bg-disabled);
+  --color-checkbox-fg-disabled: var(--color-fg-disabled);
+  --color-checkbox-border-disabled: var(--color-border-disabled);
 
   --color-checkbox-indeterminate: var(--color-primary);
 

package/src/tokens/components/molecules/_combobox.css

@@ -61,9 +61,9 @@
 
   /* === DISABLED STATES === */
   /* Disabled appearance */
-  --color-combobox-bg-disabled: var(--color-disabled-bg);
-  --color-combobox-fg-disabled: var(--color-disabled-fg);
-  --color-combobox-border-disabled: var(--color-disabled-border);
+  --color-combobox-bg-disabled: var(--color-bg-disabled);
+  --color-combobox-fg-disabled: var(--color-fg-disabled);
+  --color-combobox-border-disabled: var(--color-border-disabled);
 
   /* === SPACING === */
   /* Padding, margin, gap values */

package/src/tokens/components/molecules/_menu.css

@@ -31,7 +31,7 @@
   --spacing-menu-submenu-offset: var(--spacing-200);
 
   /* ===== MENU DISABLED STATE ===== */
-  --opacity-menu-disabled: 50%;
+  --color-menu-fg-disabled: var(--color-fg-disabled);
 }
 
 /* Semantic tokens for menu icons */

package/src/tokens/components/molecules/_pagination.css

@@ -32,15 +32,9 @@
   );
 
   /* === DISABLED STATES === */
-  --color-pagination-bg-disabled: var(--color-disabled-bg);
-  --color-pagination-fg-disabled: --alpha(
-    var(--color-pagination-fg) /
-    var(--opacity-disabled)
-  );
-  --color-pagination-border-disabled: --alpha(
-    var(--color-pagination-border) /
-    var(--opacity-disabled)
-  );
+  --color-pagination-bg-disabled: var(--color-bg-disabled);
+  --color-pagination-fg-disabled: var(--color-fg-disabled);
+  --color-pagination-border-disabled: var(--color-border-disabled);
 
   /* === SPACING === */
   --spacing-pagination: var(--spacing-200);

package/src/tokens/components/molecules/_select.css

@@ -51,7 +51,9 @@
   );
 
   /* === DISABLED STATES === */
-  --opacity-select-disabled: var(--opacity-disabled);
+  --color-select-bg-disabled: var(--color-bg-disabled);
+  --color-select-fg-disabled: var(--color-fg-disabled);
+  --color-select-border-disabled: var(--color-border-disabled);
 
   /* === SPACING === */
   --spacing-content: var(--spacing-450);

package/src/tokens/components/molecules/_slider.css

@@ -15,7 +15,6 @@
   --color-slider-track-bg: var(--color-slider-base);
   --color-slider-marker-bg: var(--color-slider-accent);
   --color-slider-thumb-bg: var(--color-base-light);
-  --color-slider-bg-disabled: var(--color-disabled-bg);
 
   /* Border colors */
   --color-slider-border: var(--color-border-primary);
@@ -37,9 +36,10 @@
   --color-slider-border-error: var(--color-slider-error);
 
   /* === DISABLED STATES === */
-  /* we must avoid transparent paint, otherwise the range would be visible */
-  --color-slider-thumb-bg-disabled: var(--color-slider-accent);
-  --color-slider-border-disabled: var(--color-disabled-border);
+  --color-slider-bg-disabled: var(--color-bg-disabled);
+  --color-slider-thumb-bg-disabled: var(--color-fg-disabled);
+  --color-slider-range-bg-disabled: var(--color-fg-disabled);
+  --color-slider-border-disabled: var(--color-border-disabled);
 
   /* === SPACING === */
   --spacing-slider-root: var(--spacing-200);
@@ -69,7 +69,4 @@
 
   /* === FOCUS RINGS === */
   --color-slider-ring: var(--color-ring);
-
-  /* === OPACITY === */
-  --opacity-slider-disabled: var(--opacity-disabled);
 }

package/src/tokens/components/molecules/_switch.css

@@ -14,7 +14,7 @@
   --color-switch-border: var(--color-border-primary);
   --color-switch-thumb-bg: var(--color-base-light);
   --color-switch-label-fg: var(--color-fg-primary);
-  --color-switch-label-fg-disabled: var(--color-disabled-fg);
+  --color-switch-label-fg-disabled: var(--color-fg-disabled);
 
   /* Backgrounds colors */
   --color-switch-bg-checked: var(--color-switch-success);
@@ -28,12 +28,10 @@
   );
 
   /* === DISABLED STATES === */
-  --color-switch-bg-disabled: var(--color-disabled-bg);
-  --color-switch-thumb-bg-disabled: --alpha(
-    var(--color-switch-thumb-bg) /
-    var(--opacity-disabled)
-  );
-  --color-switch-border-disabled: var(--color-disabled-border);
+  /* Using unified disabled tokens for consistency across all components */
+  --color-switch-bg-disabled: var(--color-bg-disabled);
+  --color-switch-thumb-bg-disabled: var(--color-fg-disabled);
+  --color-switch-border-disabled: var(--color-border-disabled);
 
   /* === INVALID STATES === */
   --color-switch-bg-invalid: var(--color-switch-invalid);

package/src/tokens/components/molecules/_tabs.css

@@ -65,5 +65,5 @@
   --radius-tabs-indicator: 0;
 
   /* === DISABLED STATE === */
-  --opacity-tabs-disabled: var(--opacity-disabled);
+  --color-tabs-fg-disabled: var(--color-fg-disabled);
 }

package/src/tokens/components/molecules/_tree-view.css

@@ -26,7 +26,7 @@
   --width-tree-indent: 1px;
 
   /* === DISABLED STATES === */
-  --opacity-tree-disabled: 60%;
+  --color-tree-fg-disabled: var(--color-fg-disabled);
 
   /* === SPACING === */
   --tree-indent-per-level: var(--spacing-100);