@mdigital_ui/ui 0.2.2 → 0.2.4

package/dist/index.js

@@ -1,57 +1,190 @@
 export { tooltip_default as Tooltip } from './chunk-D3JWPGCA.js';
-export { Transfer } from './chunk-EYTOKUBM.js';
-export { tree_select_default as TreeSelect } from './chunk-JZCHZ4B3.js';
+export { Transfer } from './chunk-FCMVKFVV.js';
+export { tree_select_default as TreeSelect } from './chunk-ASW7TEAN.js';
 export { tree_default as Tree } from './chunk-SAVE5ACL.js';
 export { upload_default as Upload } from './chunk-I5ANSIDK.js';
-export { select_default as Select } from './chunk-CLLQDCDR.js';
+export { slider_default as Slider } from './chunk-NNSS366W.js';
 export { stepper_default as Stepper } from './chunk-MLDX3Z67.js';
-export { switch_default as Switch } from './chunk-AOITJRSV.js';
-export { tabs_default as Tabs } from './chunk-OW5A5IIF.js';
-export { table_default as Table } from './chunk-L3SP7GHC.js';
+export { switch_default as Switch } from './chunk-YZ6V6BQ7.js';
+export { table_default as Table } from './chunk-ZNJ7M5QK.js';
 export { toggle_group_default as ToggleGroup } from './chunk-SK5ECBBK.js';
+export { tabs_default as Tabs } from './chunk-OW5A5IIF.js';
 export { textarea_default as Textarea } from './chunk-FPOXTCYV.js';
 export { toggle_default as Toggle } from './chunk-DPOSWW22.js';
-export { radio_default as Radio } from './chunk-KTBPIEP2.js';
-export { progress_default as Progress } from './chunk-RQBXZKTH.js';
+export { progress_default as Progress } from './chunk-JLTDJ3VZ.js';
+export { radio_default as Radio } from './chunk-GEWR5ROK.js';
 export { radio_group_default as RadioGroup } from './chunk-DOKTHDG3.js';
 export { rating_default as Rating } from './chunk-FYHQDFKE.js';
 export { ribbon_default as Ribbon } from './chunk-C7SXY3ZV.js';
+export { select_default as Select } from './chunk-UAMFKX6L.js';
 export { skeleton_default as Skeleton } from './chunk-75XESYGN.js';
-export { slider_default as Slider } from './chunk-NNSS366W.js';
 export { input_group_default as InputGroup } from './chunk-KBCBVH7B.js';
-export { input_password_default as InputPassword } from './chunk-E2CYDDYC.js';
 export { input_otp_default as InputOTP } from './chunk-R225A5II.js';
+export { input_password_default as InputPassword } from './chunk-6V5I5HJ2.js';
 export { kbd_default as Kbd } from './chunk-OQANRZPV.js';
-export { multi_select_default as MultiSelect } from './chunk-W7BQYIXF.js';
+export { multi_select_default as MultiSelect } from './chunk-267WNY3E.js';
 export { notification_default as Notification } from './chunk-YZVSDRJD.js';
 export { pagination_default as Pagination } from './chunk-FGWSUPVW.js';
 export { descriptions_default as Descriptions } from './chunk-S5XJXU52.js';
 export { Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger } from './chunk-AWPKZYHT.js';
-export { empty_default as Empty } from './chunk-ROR4E6IE.js';
-export { fetching_overlay_default as FetchingOverlay } from './chunk-BNILRB4T.js';
 export { grid_default as Grid } from './chunk-7PKVBUGL.js';
-export { input_default as Input } from './chunk-2JGAYDZR.js';
 export { image_default as Image } from './chunk-XMAH5PDW.js';
-export { cascader_default as Cascader } from './chunk-SERJ3TZE.js';
+export { empty_default as Empty } from './chunk-ROR4E6IE.js';
+export { fetching_overlay_default as FetchingOverlay } from './chunk-BNILRB4T.js';
+export { input_default as Input } from './chunk-XMKNYG7I.js';
+export { cascader_default as Cascader } from './chunk-G6TAVRTJ.js';
 export { AreaChart, BarChart, ComposedChart, LineChart, PieChart } from './chunk-BP434VYV.js';
-export { checkbox_default as Checkbox } from './chunk-H2HIBD5Y.js';
+export { checkbox_default as Checkbox } from './chunk-OALOWWO7.js';
 export { checkbox_group_default as CheckboxGroup } from './chunk-RPAQAZTI.js';
 export { clipboard_default as Clipboard } from './chunk-RMGIO27V.js';
 export { collapse_default as Collapse } from './chunk-SOV4PE3P.js';
-export { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandModal, CommandSeparator, CommandShortcut } from './chunk-4P5EMRFI.js';
-export { modal_default as Modal } from './chunk-5VCGW53O.js';
-export { DatePicker, RangePickerComponent as RangePicker, TimePickerComponent as TimePicker } from './chunk-52M2PO3O.js';
-export { badge_default as Badge } from './chunk-FTJOSVTY.js';
-export { accordion_default as Accordion } from './chunk-CWHFK7ZC.js';
+export { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandModal, CommandSeparator, CommandShortcut } from './chunk-LEKLQR4I.js';
+export { modal_default as Modal } from './chunk-Y5A26EGR.js';
+export { DatePicker, RangePickerComponent as RangePicker, TimePickerComponent as TimePicker } from './chunk-QPJL66S7.js';
+export { accordion_default as Accordion } from './chunk-2EKAF6EJ.js';
+export { badge_default as Badge } from './chunk-BFO3ARVJ.js';
 export { breadcrumbs_default as Breadcrumbs } from './chunk-HUVXKOJC.js';
 export { dropdown_default as Dropdown } from './chunk-KNQ7UQ2W.js';
 export { Popover, PopoverAnchor, PopoverContent, PopoverTrigger } from './chunk-3PFA3YG6.js';
-export { button_group_default as ButtonGroup } from './chunk-56IXGP5C.js';
-export { card_default as Card } from './chunk-XOBGEMQY.js';
-export { button_default as Button } from './chunk-LBJG2UWT.js';
+export { button_default as Button } from './chunk-KTAIRCOL.js';
 export { spinner_default as Spinner } from './chunk-J3G5WWGR.js';
 export { buttonColors, commonSpacing, componentColors, componentSizeVariants, createAllColorVariants, createDashedColorVariants, createDefaultColorVariants, createGhostColorVariants, createLinkColorVariants, createOutlineColorVariants, createSoftColorVariants, createSolidColorVariants, extendedComponentSizeVariants, getAccordionColorClass, getCheckboxColorClass, getIconColorClass, iconColorClasses, textColorVariants } from './chunk-5UEWVFF6.js';
+export { button_group_default as ButtonGroup } from './chunk-56IXGP5C.js';
+export { card_default as Card } from './chunk-OOS3B7YZ.js';
+import { cn } from './chunk-YNNAOXU5.js';
 export { cn, getValidationStatus, iconSizes } from './chunk-YNNAOXU5.js';
 export { carousel_default as Carousel } from './chunk-C3MX5EXL.js';
+import { cva } from 'class-variance-authority';
+import React from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var dividerVariants = cva("", {
+  variants: {
+    orientation: {
+      horizontal: "w-full",
+      vertical: "h-full"
+    },
+    variant: {
+      solid: "border-solid",
+      dashed: "border-dashed",
+      dotted: "border-dotted"
+    },
+    color: {
+      default: "border-border",
+      primary: "border-primary",
+      secondary: "border-secondary",
+      accent: "border-accent",
+      success: "border-success",
+      error: "border-error",
+      warning: "border-warning",
+      info: "border-info"
+    }
+  },
+  defaultVariants: {
+    orientation: "horizontal",
+    variant: "solid",
+    color: "default"
+  }
+});
+var textAlignClasses = {
+  left: {
+    before: "w-[var(--divider-left-before-width)]",
+    after: "w-[var(--divider-left-after-width)]"
+  },
+  center: {
+    before: "w-[var(--divider-center-before-width)]",
+    after: "w-[var(--divider-center-after-width)]"
+  },
+  right: {
+    before: "w-[var(--divider-right-before-width)]",
+    after: "w-[var(--divider-right-after-width)]"
+  }
+};
+var Divider = React.memo(
+  ({
+    orientation = "horizontal",
+    variant = "solid",
+    color = "default",
+    children,
+    textAlign = "center",
+    spacing,
+    className,
+    ...props
+  }) => {
+    const hasText = Boolean(children);
+    if (orientation === "horizontal") {
+      if (hasText) {
+        return /* @__PURE__ */ jsxs(
+          "div",
+          {
+            role: "separator",
+            "aria-orientation": "horizontal",
+            className: cn(
+              "flex items-center gap-[var(--divider-gap)] text-sm text-text-secondary",
+              className
+            ),
+            style: spacing ? { margin: spacing } : void 0,
+            ...props,
+            children: [
+              /* @__PURE__ */ jsx(
+                "div",
+                {
+                  className: cn(
+                    "border-t",
+                    dividerVariants({ variant, color }),
+                    textAlignClasses[textAlign].before
+                  )
+                }
+              ),
+              /* @__PURE__ */ jsx("span", { className: "whitespace-nowrap flex-shrink-0", children }),
+              /* @__PURE__ */ jsx(
+                "div",
+                {
+                  className: cn(
+                    "border-t",
+                    dividerVariants({ variant, color }),
+                    textAlignClasses[textAlign].after
+                  )
+                }
+              )
+            ]
+          }
+        );
+      }
+      return /* @__PURE__ */ jsx(
+        "hr",
+        {
+          role: "separator",
+          "aria-orientation": "horizontal",
+          className: cn(
+            "border-t",
+            dividerVariants({ orientation, variant, color }),
+            className
+          ),
+          style: spacing ? { margin: spacing } : void 0,
+          ...props
+        }
+      );
+    }
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        role: "separator",
+        "aria-orientation": "vertical",
+        className: cn(
+          "inline-block w-px border-l self-stretch",
+          dividerVariants({ variant, color }),
+          className
+        ),
+        style: spacing ? { margin: spacing } : void 0,
+        ...props
+      }
+    );
+  }
+);
+Divider.displayName = "Divider";
+var divider_default = Divider;
+
+export { divider_default as Divider };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}
+{"version":3,"sources":["../src/divider/index.tsx"],"names":[],"mappings":"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","file":"index.js","sourcesContent":["import { cva } from 'class-variance-authority'\nimport React from 'react'\n\nimport { cn } from '../utils'\nimport type { DividerProps } from './types'\n\n/**\n * Class variance authority configuration for the Divider component\n * Defines style variants for orientation, line style, color, and text alignment\n */\nconst dividerVariants = cva('', {\n  variants: {\n    orientation: {\n      horizontal: 'w-full',\n      vertical: 'h-full',\n    },\n    variant: {\n      solid: 'border-solid',\n      dashed: 'border-dashed',\n      dotted: 'border-dotted',\n    },\n    color: {\n      default: 'border-border',\n      primary: 'border-primary',\n      secondary: 'border-secondary',\n      accent: 'border-accent',\n      success: 'border-success',\n      error: 'border-error',\n      warning: 'border-warning',\n      info: 'border-info',\n    },\n  },\n  defaultVariants: {\n    orientation: 'horizontal',\n    variant: 'solid',\n    color: 'default',\n  },\n})\n\n/**\n * Text alignment styles for the label within the divider\n * Defines the width distribution of divider lines before and after the label\n * Uses design tokens for customizability\n */\nconst textAlignClasses = {\n  left: {\n    before: 'w-[var(--divider-left-before-width)]',\n    after: 'w-[var(--divider-left-after-width)]',\n  },\n  center: {\n    before: 'w-[var(--divider-center-before-width)]',\n    after: 'w-[var(--divider-center-after-width)]',\n  },\n  right: {\n    before: 'w-[var(--divider-right-before-width)]',\n    after: 'w-[var(--divider-right-after-width)]',\n  },\n}\n\n/**\n * Divider Component\n *\n * A visual separator that can be used to divide content sections.\n * Supports horizontal and vertical orientations, different line styles,\n * color variants, and optional label text.\n *\n * @component\n * @example\n * // Basic horizontal divider\n * <Divider />\n *\n * @example\n * // Divider with text label\n * <Divider>Section Title</Divider>\n *\n * @example\n * // Colored divider\n * <Divider color=\"primary\" />\n *\n * @example\n * // Vertical divider\n * <Divider orientation=\"vertical\" />\n *\n * @example\n * // Dashed divider with left-aligned text\n * <Divider variant=\"dashed\" textAlign=\"left\" color=\"accent\">\n *   Options\n * </Divider>\n *\n * @param {DividerProps} props - Component props\n * @returns {JSX.Element} Rendered divider component\n */\nconst Divider = React.memo<DividerProps>(\n  ({\n    orientation = 'horizontal',\n    variant = 'solid',\n    color = 'default',\n    children,\n    textAlign = 'center',\n    spacing,\n    className,\n    ...props\n  }) => {\n    const hasText = Boolean(children)\n\n    /**\n     * Render horizontal divider\n     * Supports optional text label with configurable alignment\n     */\n    if (orientation === 'horizontal') {\n      if (hasText) {\n        return (\n          <div\n            role=\"separator\"\n            aria-orientation=\"horizontal\"\n            className={cn(\n              'flex items-center gap-[var(--divider-gap)] text-sm text-text-secondary',\n              className,\n            )}\n            style={spacing ? { margin: spacing } : undefined}\n            {...props}\n          >\n            <div\n              className={cn(\n                'border-t',\n                dividerVariants({ variant, color }),\n                textAlignClasses[textAlign].before,\n              )}\n            />\n            <span className=\"whitespace-nowrap flex-shrink-0\">{children}</span>\n            <div\n              className={cn(\n                'border-t',\n                dividerVariants({ variant, color }),\n                textAlignClasses[textAlign].after,\n              )}\n            />\n          </div>\n        )\n      }\n\n      return (\n        <hr\n          role=\"separator\"\n          aria-orientation=\"horizontal\"\n          className={cn(\n            'border-t',\n            dividerVariants({ orientation, variant, color }),\n            className,\n          )}\n          style={spacing ? { margin: spacing } : undefined}\n          {...props}\n        />\n      )\n    }\n\n    /**\n     * Render vertical divider\n     * Text labels are not supported in vertical orientation\n     */\n\n    return (\n      <div\n        role=\"separator\"\n        aria-orientation=\"vertical\"\n        className={cn(\n          'inline-block w-px border-l self-stretch',\n          dividerVariants({ variant, color }),\n          className,\n        )}\n        style={spacing ? { margin: spacing } : undefined}\n        {...props}\n      />\n    )\n  },\n)\n\nDivider.displayName = 'Divider'\n\nexport type * from './types'\nexport default Divider\n"]}

package/dist/input/index.js

@@ -1,4 +1,4 @@
-export { input_default as default } from '../chunk-2JGAYDZR.js';
+export { input_default as default } from '../chunk-XMKNYG7I.js';
 import '../chunk-J3G5WWGR.js';
 import '../chunk-YNNAOXU5.js';
 //# sourceMappingURL=index.js.map

package/dist/input-password/index.js

@@ -1,5 +1,5 @@
-export { PasswordInput, input_password_default as default } from '../chunk-E2CYDDYC.js';
-import '../chunk-2JGAYDZR.js';
+export { PasswordInput, input_password_default as default } from '../chunk-6V5I5HJ2.js';
+import '../chunk-XMKNYG7I.js';
 import '../chunk-J3G5WWGR.js';
 import '../chunk-YNNAOXU5.js';
 //# sourceMappingURL=index.js.map

package/dist/modal/index.js

@@ -1,4 +1,4 @@
-export { Modal, ModalClose, ModalContent, ModalDescription, ModalFooter, ModalHeader, ModalOverlay, ModalPortal, ModalTitle, ModalTrigger, modal_default as default } from '../chunk-5VCGW53O.js';
+export { Modal, ModalClose, ModalContent, ModalDescription, ModalFooter, ModalHeader, ModalOverlay, ModalPortal, ModalTitle, ModalTrigger, modal_default as default } from '../chunk-Y5A26EGR.js';
 import '../chunk-YNNAOXU5.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/multi-select/index.js

@@ -1,4 +1,4 @@
-export { multi_select_default as default } from '../chunk-W7BQYIXF.js';
+export { multi_select_default as default } from '../chunk-267WNY3E.js';
 import '../chunk-3PFA3YG6.js';
 import '../chunk-YNNAOXU5.js';
 //# sourceMappingURL=index.js.map

package/dist/progress/index.js

@@ -1,4 +1,4 @@
-export { progress_default as default } from '../chunk-RQBXZKTH.js';
+export { progress_default as default } from '../chunk-JLTDJ3VZ.js';
 import '../chunk-YNNAOXU5.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/radio/index.js

@@ -1,4 +1,4 @@
-export { radio_default as default } from '../chunk-KTBPIEP2.js';
+export { radio_default as default } from '../chunk-GEWR5ROK.js';
 import '../chunk-YNNAOXU5.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/select/index.js

@@ -1,4 +1,4 @@
-export { select_default as default } from '../chunk-CLLQDCDR.js';
+export { select_default as default } from '../chunk-UAMFKX6L.js';
 import '../chunk-3PFA3YG6.js';
 import '../chunk-J3G5WWGR.js';
 import '../chunk-YNNAOXU5.js';