@mdigital_ui/ui 0.2.7 → 0.2.8

package/dist/multi-select/index.js

@@ -1,6 +1,6 @@
-export { multi_select_default as default } from '../chunk-ZC3E3PWH.js';
-import '../chunk-DH7R6NBG.js';
-import '../chunk-NTPWR57C.js';
+export { multi_select_default as default } from '../chunk-HEV27FUK.js';
+import '../chunk-WTGCXWNX.js';
+import '../chunk-LK4EPTNG.js';
 import '../chunk-NGYLRX6F.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/notification/index.js

@@ -1,5 +1,5 @@
-export { notification_default as default } from '../chunk-WZ2KDHFP.js';
-import '../chunk-NTPWR57C.js';
+export { notification_default as default } from '../chunk-N3ZVPIFC.js';
+import '../chunk-LK4EPTNG.js';
 import '../chunk-NGYLRX6F.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/popover/index.js

@@ -1,5 +1,5 @@
-export { Popover, PopoverAnchor, PopoverContent, PopoverTrigger } from '../chunk-DH7R6NBG.js';
-import '../chunk-NTPWR57C.js';
+export { Popover, PopoverAnchor, PopoverContent, PopoverTrigger } from '../chunk-WTGCXWNX.js';
+import '../chunk-LK4EPTNG.js';
 import '../chunk-NGYLRX6F.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/radio/index.js

@@ -1,5 +1,5 @@
-export { radio_default as default } from '../chunk-27QEPVKU.js';
-import '../chunk-NTPWR57C.js';
+export { radio_default as default } from '../chunk-ITZBSE5F.js';
+import '../chunk-LK4EPTNG.js';
 import '../chunk-NGYLRX6F.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/select/index.js

@@ -1,7 +1,7 @@
-export { select_default as default } from '../chunk-GBVIACYQ.js';
-import '../chunk-DH7R6NBG.js';
-import '../chunk-QDHGE7IF.js';
-import '../chunk-NTPWR57C.js';
+export { select_default as default } from '../chunk-43RDFTC5.js';
+import '../chunk-WTGCXWNX.js';
+import '../chunk-PHQOHVG3.js';
+import '../chunk-LK4EPTNG.js';
 import '../chunk-NGYLRX6F.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/skeleton/index.js

@@ -1,5 +1,5 @@
-export { skeleton_default as default } from '../chunk-P6A75RAH.js';
-import '../chunk-NTPWR57C.js';
+export { skeleton_default as default } from '../chunk-JZ5F6XDO.js';
+import '../chunk-LK4EPTNG.js';
 import '../chunk-NGYLRX6F.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/spinner/index.js

@@ -1,5 +1,5 @@
-export { Spinner, spinner_default as default } from '../chunk-QDHGE7IF.js';
-import '../chunk-NTPWR57C.js';
+export { Spinner, spinner_default as default } from '../chunk-PHQOHVG3.js';
+import '../chunk-LK4EPTNG.js';
 import '../chunk-NGYLRX6F.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/styles/base.css

@@ -3772,6 +3772,41 @@
       box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
     }
   }
+  .indeterminate\:border-accent {
+    &:indeterminate {
+      border-color: oklch(80% 0.1737 67);
+    }
+  }
+  .indeterminate\:border-error {
+    &:indeterminate {
+      border-color: oklch(65% 0.2 25);
+    }
+  }
+  .indeterminate\:border-info {
+    &:indeterminate {
+      border-color: oklch(60% 0.19 255);
+    }
+  }
+  .indeterminate\:border-primary {
+    &:indeterminate {
+      border-color: oklch(60.29% 0.15 239.2065);
+    }
+  }
+  .indeterminate\:border-secondary {
+    &:indeterminate {
+      border-color: oklch(50% 0.05 240);
+    }
+  }
+  .indeterminate\:border-success {
+    &:indeterminate {
+      border-color: oklch(70% 0.2 145);
+    }
+  }
+  .indeterminate\:border-warning {
+    &:indeterminate {
+      border-color: oklch(75% 0.15 85);
+    }
+  }
   .read-only\:cursor-default {
     &:read-only {
       cursor: default;

package/dist/styles/global.css

@@ -4151,6 +4151,41 @@
       box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
     }
   }
+  .indeterminate\:border-accent {
+    &:indeterminate {
+      border-color: var(--color-accent);
+    }
+  }
+  .indeterminate\:border-error {
+    &:indeterminate {
+      border-color: var(--color-error);
+    }
+  }
+  .indeterminate\:border-info {
+    &:indeterminate {
+      border-color: var(--color-info);
+    }
+  }
+  .indeterminate\:border-primary {
+    &:indeterminate {
+      border-color: var(--color-primary);
+    }
+  }
+  .indeterminate\:border-secondary {
+    &:indeterminate {
+      border-color: var(--color-secondary);
+    }
+  }
+  .indeterminate\:border-success {
+    &:indeterminate {
+      border-color: var(--color-success);
+    }
+  }
+  .indeterminate\:border-warning {
+    &:indeterminate {
+      border-color: var(--color-warning);
+    }
+  }
   .read-only\:cursor-default {
     &:read-only {
       cursor: default;

package/dist/switch/index.js

@@ -1,5 +1,5 @@
-export { switch_default as default } from '../chunk-AQYOVYPS.js';
-import '../chunk-NTPWR57C.js';
+export { switch_default as default } from '../chunk-2REG4OUB.js';
+import '../chunk-LK4EPTNG.js';
 import '../chunk-NGYLRX6F.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/table/index.js

@@ -1,12 +1,12 @@
-export { EditableCell, TableActions, TableCell, TableHeaderCell, TableRow, TableSkeleton, table_default as default } from '../chunk-CHGJX5F2.js';
+export { EditableCell, TableActions, TableCell, TableHeaderCell, TableRow, TableSkeleton, table_default as default } from '../chunk-REKWBXAQ.js';
 import '../chunk-KTHWXHDN.js';
 import '../chunk-X5SCI7KH.js';
-import '../chunk-Z5VJ6MJP.js';
-import '../chunk-TTEBZZ3T.js';
-import '../chunk-DH7R6NBG.js';
-import '../chunk-YOG5GXIC.js';
-import '../chunk-QDHGE7IF.js';
-import '../chunk-NTPWR57C.js';
+import '../chunk-CLLNXRYZ.js';
+import '../chunk-N32VWE6V.js';
+import '../chunk-WTGCXWNX.js';
+import '../chunk-YFK2DHCY.js';
+import '../chunk-PHQOHVG3.js';
+import '../chunk-LK4EPTNG.js';
 import '../chunk-NGYLRX6F.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/tabs/index.js

@@ -1,5 +1,5 @@
-export { tabs_default as default } from '../chunk-OWXQ45GS.js';
-import '../chunk-NTPWR57C.js';
+export { tabs_default as default } from '../chunk-22MY7IWD.js';
+import '../chunk-LK4EPTNG.js';
 import '../chunk-NGYLRX6F.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/tag/index.js

@@ -1,5 +1,5 @@
-export { tag_default as default } from '../chunk-SDNT2JGC.js';
-import '../chunk-NTPWR57C.js';
+export { tag_default as default } from '../chunk-VY3X4SDU.js';
+import '../chunk-LK4EPTNG.js';
 import '../chunk-NGYLRX6F.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/tooltip/index.js

@@ -1,5 +1,5 @@
-export { TooltipProvider, tooltip_default as default } from '../chunk-XJCWPPMM.js';
-import '../chunk-NTPWR57C.js';
+export { TooltipProvider, tooltip_default as default } from '../chunk-ILQQTKD4.js';
+import '../chunk-LK4EPTNG.js';
 import '../chunk-NGYLRX6F.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/transfer/index.js

@@ -1,6 +1,6 @@
-export { Transfer } from '../chunk-US4ZCMNU.js';
-import '../chunk-TTEBZZ3T.js';
-import '../chunk-NTPWR57C.js';
+export { Transfer } from '../chunk-JIREY2VB.js';
+import '../chunk-N32VWE6V.js';
+import '../chunk-LK4EPTNG.js';
 import '../chunk-NGYLRX6F.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/tree-select/index.js

@@ -1,7 +1,7 @@
-export { tree_select_default as default } from '../chunk-4SQOFZ3N.js';
+export { tree_select_default as default } from '../chunk-YTUB2Q7P.js';
 import '../chunk-Q57THXIU.js';
-import '../chunk-DH7R6NBG.js';
-import '../chunk-NTPWR57C.js';
+import '../chunk-WTGCXWNX.js';
+import '../chunk-LK4EPTNG.js';
 import '../chunk-NGYLRX6F.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mdigital_ui/ui",
-  "version": "0.2.7",
+  "version": "0.2.8",
   "description": "Modern React component library built with Tailwind CSS v4",
   "type": "module",
   "main": "./dist/index.js",
@@ -457,38 +457,23 @@
     "@radix-ui/react-dialog": "^1.1.15",
     "@radix-ui/react-popover": "^1.1.15",
     "@radix-ui/react-tooltip": "^1.2.8",
+    "@tanstack/react-table": "^8.21.3",
+    "@tanstack/react-virtual": "^3.13.12",
     "cmdk": "^1.1.1",
     "lucide-react": "^0.552.0",
+    "react-datepicker": "^8.8.0",
+    "recharts": "^3.3.0",
+    "swiper": "^12.0.3",
     "vaul": "^1.1.2"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",
     "react-dom": "^18.0.0 || ^19.0.0",
-    "tailwindcss": "^4.0.0",
-    "@tanstack/react-table": "^8.21.3",
-    "@tanstack/react-virtual": "^3.13.12",
-    "react-datepicker": "^8.8.0",
-    "recharts": "^3.3.0",
-    "swiper": "^12.0.3"
+    "tailwindcss": "^4.0.0"
   },
   "peerDependenciesMeta": {
     "tailwindcss": {
       "optional": false
-    },
-    "@tanstack/react-table": {
-      "optional": true
-    },
-    "@tanstack/react-virtual": {
-      "optional": true
-    },
-    "react-datepicker": {
-      "optional": true
-    },
-    "recharts": {
-      "optional": true
-    },
-    "swiper": {
-      "optional": true
     }
   },
   "devDependencies": {

package/dist/chunk-TTEBZZ3T.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/checkbox/index.tsx"],"names":[],"mappings":"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","file":"chunk-TTEBZZ3T.js","sourcesContent":["'use client'\n\nimport { cva } from 'class-variance-authority'\nimport { Check } from 'lucide-react'\nimport React, { useState, useCallback, useEffect, useId } from 'react'\n\nimport { cn, iconSizes } from '../utils'\nimport { checkboxBorderColorClasses, checkedColorClasses, textColorClasses } from '../variants'\nimport type { CheckboxProps } from './types'\n\n/**\n * Merges multiple refs into a single callback ref.\n * Handles both callback refs and RefObject refs safely.\n */\nfunction useMergeRefs<T>(\n  ...refs: (React.Ref<T> | undefined)[]\n): React.RefCallback<T> {\n  // Store refs in a ref to avoid dependency array issues\n  const refsRef = React.useRef(refs)\n  refsRef.current = refs\n\n  return useCallback((instance: T | null) => {\n    refsRef.current.forEach((ref) => {\n      if (typeof ref === 'function') {\n        ref(instance)\n      } else if (ref && typeof ref === 'object') {\n        ;(ref as React.MutableRefObject<T | null>).current = instance\n      }\n    })\n  }, [])\n}\n\nconst checkboxVariants = cva(\n  'appearance-none rounded border bg-background cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed outline-none',\n  {\n    variants: {\n      color: checkboxBorderColorClasses,\n      size: {\n        xs: 'w-(--checkbox-size-xs) h-(--checkbox-size-xs)',\n        sm: 'w-(--checkbox-size-sm) h-(--checkbox-size-sm)',\n        md: 'w-(--checkbox-size-md) h-(--checkbox-size-md)',\n        lg: 'w-(--checkbox-size-lg) h-(--checkbox-size-lg)',\n      },\n      error: {\n        true: 'border-error checked:border-error',\n        false: '',\n      },\n    },\n    defaultVariants: {\n      color: 'primary',\n      size: 'md',\n    },\n  },\n)\n\nconst Checkbox = React.memo<CheckboxProps>(\n  ({\n    color = 'primary',\n    size = 'md',\n    label,\n    helperText,\n    error,\n    indeterminate = false,\n    className,\n    checked,\n    defaultChecked,\n    ref,\n    labelClassName,\n    classNames,\n    ...props\n  }) => {\n    const [internalChecked, setInternalChecked] = useState(\n      defaultChecked ?? false,\n    )\n    const internalRef = React.useRef<HTMLInputElement>(null)\n\n    // Generate unique ID for accessibility\n    const uniqueId = useId()\n    const helperId = `checkbox-helper-${uniqueId}`\n    const hasHelperText = !!(helperText || error)\n\n    // Safely merge refs - handles both callback refs and RefObject refs\n    const mergedRef = useMergeRefs(ref, internalRef)\n\n    // Determine if controlled\n    const isControlled = checked !== undefined\n    const currentChecked = isControlled ? checked : internalChecked\n\n    const onChange = useCallback(\n      (event: React.ChangeEvent<HTMLInputElement>) => {\n        if (!isControlled) {\n          setInternalChecked(event.target.checked)\n        }\n        props.onChange?.(event)\n      },\n      [isControlled, props.onChange],\n    )\n\n    useEffect(() => {\n      if (internalRef.current) {\n        internalRef.current.indeterminate = indeterminate\n      }\n    }, [indeterminate])\n\n    const checkboxElement = (\n      <div className=\"relative inline-flex\">\n        <input\n          ref={mergedRef}\n          type=\"checkbox\"\n          className={cn(\n            'checkbox_checkbox',\n            checkboxVariants({ color, size, error: !!error }),\n            className,\n            classNames?.checkbox,\n          )}\n          aria-checked={indeterminate ? 'mixed' : currentChecked}\n          aria-invalid={!!error || undefined}\n          aria-describedby={hasHelperText ? helperId : undefined}\n          {...props}\n          onChange={onChange}\n          checked={currentChecked}\n        />\n        {currentChecked && (\n          <div className={cn(\n            'checkbox_indicator',\n            'absolute inset-0 flex items-center justify-center pointer-events-none',\n            classNames?.indicator,\n          )}>\n            {indeterminate ? (\n              <div\n                className={cn(\n                  'w-[70%] h-[70%] rounded-xs border-2 border-background flex items-center justify-center',\n                  checkedColorClasses[color],\n                )}\n              />\n            ) : (\n              <Check\n                className={cn(\n                  iconSizes[size],\n                  textColorClasses[color],\n                )}\n              />\n            )}\n          </div>\n        )}\n      </div>\n    )\n\n    if (!label && !helperText && !error) return checkboxElement\n\n    return (\n      <div className={cn('checkbox_root', 'w-full', classNames?.root)}>\n        <label\n          className={cn(\n            'flex items-center gap-2',\n            !props.disabled && 'cursor-pointer',\n          )}\n        >\n          {checkboxElement}\n          {label && (\n            <span\n              className={cn(\n                'checkbox_label',\n                'text-sm text-text-primary select-none',\n                error && 'text-error',\n                props.disabled && 'opacity-50',\n                labelClassName,\n                classNames?.label,\n              )}\n            >\n              {label}\n            </span>\n          )}\n        </label>\n        {(helperText || error) && (\n          <p\n            id={helperId}\n            className={cn(\n              'checkbox_description',\n              'mt-1 ml-0 text-xs',\n              error ? 'text-error' : 'text-text-secondary',\n              classNames?.description,\n            )}\n          >\n            {typeof error === 'string' ? error : helperText}\n          </p>\n        )}\n      </div>\n    )\n  },\n)\n\nCheckbox.displayName = 'Checkbox'\n\nexport type * from './types'\nexport default Checkbox\n"]}