@mdigital_ui/ui 0.4.2 → 0.4.4

package/dist/{chunk-VOODO2ZE.js → chunk-JFTSWOGE.js}

@@ -1,4 +1,5 @@
-import { cn } from './chunk-NGYLRX6F.js';
+import { colorVars } from './chunk-G6QIIWKU.js';
+import { cn } from './chunk-RAS6HUEI.js';
 import { cva } from 'class-variance-authority';
 import React from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
@@ -20,26 +21,6 @@ var dividerVariants = cva("", {
     variant: "solid"
   }
 });
-var dividerBorderColorClasses = {
-  default: "border-border",
-  primary: "border-primary",
-  secondary: "border-secondary",
-  accent: "border-accent",
-  success: "border-success",
-  error: "border-error",
-  warning: "border-warning",
-  info: "border-info"
-};
-var dividerLabelColorClasses = {
-  default: "text-text-secondary",
-  primary: "text-primary",
-  secondary: "text-secondary",
-  accent: "text-accent",
-  success: "text-success",
-  error: "text-error",
-  warning: "text-warning",
-  info: "text-info"
-};
 var textAlignClasses = {
   left: {
     before: "w-(--divider-left-before-width)",
@@ -80,7 +61,8 @@ var Divider = React.memo(
             className: cn(
               "divider_root",
               "flex items-center gap-(--divider-gap) text-sm",
-              dividerLabelColorClasses[color],
+              colorVars[color],
+              "text-slot",
               className,
               classNames?.root
             ),
@@ -93,9 +75,8 @@ var Divider = React.memo(
                   "data-slot": "line",
                   className: cn(
                     "divider_line",
-                    "border-t",
+                    "border-t border-slot",
                     dividerVariants({ variant }),
-                    dividerBorderColorClasses[color],
                     textAlignClasses[textAlign].before,
                     classNames?.line
                   )
@@ -119,9 +100,8 @@ var Divider = React.memo(
                   "data-slot": "line",
                   className: cn(
                     "divider_line",
-                    "border-t",
+                    "border-t border-slot",
                     dividerVariants({ variant }),
-                    dividerBorderColorClasses[color],
                     textAlignClasses[textAlign].after,
                     classNames?.line
                   )
@@ -140,9 +120,9 @@ var Divider = React.memo(
           "data-slot": "root",
           className: cn(
             "divider_root",
-            "border-t",
+            "border-t border-slot",
+            colorVars[color],
             dividerVariants({ orientation, variant }),
-            dividerBorderColorClasses[color],
             className,
             classNames?.root
           ),
@@ -160,9 +140,9 @@ var Divider = React.memo(
         "data-slot": "root",
         className: cn(
           "divider_root",
-          "inline-block w-px border-l self-stretch",
+          "inline-block w-px border-l self-stretch border-slot",
+          colorVars[color],
           dividerVariants({ variant }),
-          dividerBorderColorClasses[color],
           className,
           classNames?.root
         ),
@@ -176,5 +156,5 @@ Divider.displayName = "Divider";
 var divider_default = Divider;
 
 export { divider_default };
-//# sourceMappingURL=chunk-VOODO2ZE.js.map
-//# sourceMappingURL=chunk-VOODO2ZE.js.map
+//# sourceMappingURL=chunk-JFTSWOGE.js.map
+//# sourceMappingURL=chunk-JFTSWOGE.js.map

package/dist/chunk-JFTSWOGE.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/divider/index.tsx"],"names":[],"mappings":"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","file":"chunk-JFTSWOGE.js","sourcesContent":["'use client'\n\nimport { cva } from 'class-variance-authority'\nimport React from 'react'\n\nimport { cn } from '../utils'\nimport { colorVars } from '../variants'\nimport type { DividerProps } from './types'\n\n/**\n * Class variance authority configuration for the Divider component\n * Defines style variants for orientation, line style, 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  },\n  defaultVariants: {\n    orientation: 'horizontal',\n    variant: 'solid',\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-(--divider-left-before-width)',\n    after: 'w-(--divider-left-after-width)',\n  },\n  center: {\n    before: 'w-(--divider-center-before-width)',\n    after: 'w-(--divider-center-after-width)',\n  },\n  right: {\n    before: 'w-(--divider-right-before-width)',\n    after: 'w-(--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    classNames,\n    ref,\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            ref={ref as React.Ref<HTMLDivElement>}\n            role=\"separator\"\n            aria-orientation=\"horizontal\"\n            data-slot=\"root\"\n            className={cn(\n              'divider_root',\n              'flex items-center gap-(--divider-gap) text-sm',\n              colorVars[color],\n              'text-slot',\n              className,\n              classNames?.root,\n            )}\n            style={spacing ? { margin: spacing } : undefined}\n            {...props}\n          >\n            <div\n              data-slot=\"line\"\n              className={cn(\n                'divider_line',\n                'border-t border-slot',\n                dividerVariants({ variant }),\n                textAlignClasses[textAlign].before,\n                classNames?.line,\n              )}\n            />\n            <span\n              data-slot=\"label\"\n              className={cn(\n                'divider_label',\n                'whitespace-nowrap flex-shrink-0',\n                classNames?.label,\n              )}\n            >\n              {children}\n            </span>\n            <div\n              data-slot=\"line\"\n              className={cn(\n                'divider_line',\n                'border-t border-slot',\n                dividerVariants({ variant }),\n                textAlignClasses[textAlign].after,\n                classNames?.line,\n              )}\n            />\n          </div>\n        )\n      }\n\n      return (\n        <hr\n          ref={ref as React.Ref<HTMLHRElement>}\n          role=\"separator\"\n          aria-orientation=\"horizontal\"\n          data-slot=\"root\"\n          className={cn(\n            'divider_root',\n            'border-t border-slot',\n            colorVars[color],\n            dividerVariants({ orientation, variant }),\n            className,\n            classNames?.root,\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        ref={ref as React.Ref<HTMLDivElement>}\n        role=\"separator\"\n        aria-orientation=\"vertical\"\n        data-slot=\"root\"\n        className={cn(\n          'divider_root',\n          'inline-block w-px border-l self-stretch border-slot',\n          colorVars[color],\n          dividerVariants({ variant }),\n          className,\n          classNames?.root,\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/{chunk-LOYLJRCF.js → chunk-JIXINKUJ.js}

@@ -1,10 +1,11 @@
-import { cn, iconSizes } from './chunk-NGYLRX6F.js';
+import { colorVars } from './chunk-G6QIIWKU.js';
+import { cn, iconSizes } from './chunk-RAS6HUEI.js';
 import { cva } from 'class-variance-authority';
 import React from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 var dotVariants = cva(
-  "rounded-full shrink-0 flex items-center justify-center z-10",
+  "rounded-full shrink-0 flex items-center justify-center z-10 bg-slot",
   {
     variants: {
       size: {
@@ -13,16 +14,7 @@ var dotVariants = cva(
         md: "w-4 h-4",
         lg: "w-5 h-5"
       },
-      color: {
-        default: "bg-border",
-        primary: "bg-primary",
-        secondary: "bg-secondary",
-        accent: "bg-accent",
-        success: "bg-success",
-        error: "bg-error",
-        warning: "bg-warning",
-        info: "bg-info"
-      }
+      color: colorVars
     },
     defaultVariants: {
       size: "md",
@@ -99,10 +91,9 @@ var Timeline = React.memo(
           {
             className: cn(
               "timeline_dot",
-              "rounded-full shrink-0 flex items-center justify-center z-10",
+              "rounded-full shrink-0 flex items-center justify-center z-10 bg-slot text-slot-fg",
+              colorVars[itemColor],
               iconDotSizes[size],
-              `bg-${itemColor === "default" ? "border" : itemColor}`,
-              "text-white",
               classNames?.dot
             ),
             "data-slot": "dot",
@@ -481,5 +472,5 @@ Timeline.displayName = "Timeline";
 var timeline_default = Timeline;
 
 export { timeline_default };
-//# sourceMappingURL=chunk-LOYLJRCF.js.map
-//# sourceMappingURL=chunk-LOYLJRCF.js.map
+//# sourceMappingURL=chunk-JIXINKUJ.js.map
+//# sourceMappingURL=chunk-JIXINKUJ.js.map

package/dist/chunk-JIXINKUJ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/timeline/index.tsx"],"names":[],"mappings":"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","file":"chunk-JIXINKUJ.js","sourcesContent":["\"use client\";\n\nimport { cva } from \"class-variance-authority\";\nimport React from \"react\";\n\nimport { cn, iconSizes } from \"../utils\";\nimport { colorVars } from \"../variants\";\nimport type { TimelineProps } from \"./types\";\n\nconst dotVariants = cva(\n  \"rounded-full shrink-0 flex items-center justify-center z-10 bg-slot\",\n  {\n    variants: {\n      size: {\n        xs: \"w-2 h-2\",\n        sm: \"w-3 h-3\",\n        md: \"w-4 h-4\",\n        lg: \"w-5 h-5\",\n      },\n      color: colorVars,\n    },\n    defaultVariants: {\n      size: \"md\",\n      color: \"default\",\n    },\n  },\n);\n\nconst connectorSizes = {\n  xs: { vertical: \"w-px\", horizontal: \"h-px\" },\n  sm: { vertical: \"w-px\", horizontal: \"h-px\" },\n  md: { vertical: \"w-0.5\", horizontal: \"h-0.5\" },\n  lg: { vertical: \"w-0.5\", horizontal: \"h-0.5\" },\n} as const;\n\nconst trackWidths = {\n  xs: \"w-4\",\n  sm: \"w-5\",\n  md: \"w-6\",\n  lg: \"w-7\",\n} as const;\n\nconst contentSizes = {\n  xs: \"text-xs\",\n  sm: \"text-sm\",\n  md: \"text-base\",\n  lg: \"text-lg\",\n} as const;\n\nconst timestampSizes = {\n  xs: \"text-[10px]\",\n  sm: \"text-xs\",\n  md: \"text-sm\",\n  lg: \"text-base\",\n} as const;\n\nconst iconDotSizes = {\n  xs: \"w-5 h-5\",\n  sm: \"w-6 h-6\",\n  md: \"w-8 h-8\",\n  lg: \"w-10 h-10\",\n} as const;\n\n\n\nconst dotRowHeights = {\n  xs: \"min-h-5\",\n  sm: \"min-h-6\",\n  md: \"min-h-8\",\n  lg: \"min-h-10\",\n} as const;\n\nconst Timeline = React.memo<TimelineProps>(\n  ({\n    items,\n    mode = \"left\",\n    orientation = \"vertical\",\n    size = \"md\",\n    color = \"default\",\n    pending = false,\n    pendingText = \"Loading...\",\n    reverse = false,\n    className,\n    classNames,\n    ref,\n  }) => {\n    const isHorizontal = orientation === \"horizontal\";\n    const displayItems = reverse ? [...items].reverse() : items;\n\n    const renderDot = (\n      item: (typeof displayItems)[number],\n      itemColor: typeof color,\n    ) => {\n      if (item.dot) {\n        return (\n          <div\n            className={cn(\"timeline_dot\", \"shrink-0 z-10\", classNames?.dot)}\n            data-slot=\"dot\"\n          >\n            {item.dot}\n          </div>\n        );\n      }\n\n      if (item.icon) {\n        return (\n          <div\n            className={cn(\n              \"timeline_dot\",\n              \"rounded-full shrink-0 flex items-center justify-center z-10 bg-slot text-slot-fg\",\n              colorVars[itemColor],\n              iconDotSizes[size],\n              classNames?.dot,\n            )}\n            data-slot=\"dot\"\n          >\n            <span\n              className={cn(\n                \"timeline_icon\",\n                \"flex items-center justify-center\",\n                iconSizes[size],\n                classNames?.icon,\n              )}\n              data-slot=\"icon\"\n            >\n              {item.icon}\n            </span>\n          </div>\n        );\n      }\n\n      return (\n        <div\n          className={cn(\n            \"timeline_dot\",\n            dotVariants({ size, color: itemColor }),\n            classNames?.dot,\n          )}\n          data-slot=\"dot\"\n        />\n      );\n    };\n\n    const renderContent = (\n      item: (typeof displayItems)[number],\n      align: \"left\" | \"right\",\n    ) => (\n      <div\n        className={cn(\n          \"timeline_content\",\n          contentSizes[size],\n          align === \"right\" ? \"text-right\" : \"text-left\",\n          classNames?.content,\n        )}\n        data-slot=\"content\"\n      >\n        <div\n          className={cn(\n            \"timeline_title\",\n            \"font-semibold text-text-primary -mt-1\",\n            item.description && \"mb-1\",\n            classNames?.title,\n          )}\n          data-slot=\"title\"\n        >\n          {item.title}\n        </div>\n        {item.description && (\n          <div\n            className={cn(\n              \"timeline_description\",\n              \"text-text-secondary\",\n              classNames?.description,\n            )}\n            data-slot=\"description\"\n          >\n            {item.description}\n          </div>\n        )}\n      </div>\n    );\n\n    const renderDate = (\n      item: (typeof displayItems)[number],\n      align: \"left\" | \"right\",\n    ) => {\n      if (!item.timestamp) return null;\n      return (\n        <div\n          className={cn(\n            \"timeline_date\",\n            \"text-text-secondary\",\n            timestampSizes[size],\n            align === \"right\" ? \"text-right\" : \"text-left\",\n            classNames?.date,\n          )}\n          data-slot=\"date\"\n        >\n          {item.timestamp}\n        </div>\n      );\n    };\n\n    // === VERTICAL ===\n\n    const renderVerticalItem = (\n      item: (typeof displayItems)[number],\n      index: number,\n    ) => {\n      const isLast = index === displayItems.length - 1 && !pending;\n      const itemColor = item.color || color;\n      const contentOnRight =\n        mode === \"left\" || (mode === \"center\" && index % 2 === 0);\n\n      return (\n        <div\n          key={item.key ?? index}\n          className={cn(\n            \"timeline_item\",\n            \"grid grid-cols-[1fr_auto_1fr]\",\n            classNames?.item,\n          )}\n          data-slot=\"item\"\n        >\n          {/* Left column */}\n          <div className=\"pb-8 pr-4\">\n            {contentOnRight\n              ? renderDate(item, \"right\")\n              : renderContent(item, \"right\")}\n          </div>\n\n          {/* Track */}\n          <div\n            className={cn(\n              \"timeline_track\",\n              \"relative flex flex-col items-center\",\n              trackWidths[size],\n            )}\n          >\n            {renderDot(item, itemColor)}\n            {!isLast && (\n              <div\n                className={cn(\n                  \"timeline_connector\",\n                  \"flex-1 bg-border\",\n                  connectorSizes[size].vertical,\n                  classNames?.connector,\n                )}\n                data-slot=\"connector\"\n              />\n            )}\n          </div>\n\n          {/* Right column */}\n          <div className=\"pb-8 pl-4\">\n            {contentOnRight\n              ? renderContent(item, \"left\")\n              : renderDate(item, \"left\")}\n          </div>\n        </div>\n      );\n    };\n\n    const renderVerticalPending = () => {\n      const pendingIndex = displayItems.length;\n      const contentOnRight =\n        mode === \"left\" || (mode === \"center\" && pendingIndex % 2 === 0);\n\n      return (\n        <div\n          className={cn(\n            \"timeline_item\",\n            \"grid grid-cols-[1fr_auto_1fr]\",\n            classNames?.item,\n          )}\n          data-slot=\"item\"\n        >\n          <div className=\"pr-4\">\n            {!contentOnRight && (\n              <div\n                className={cn(\n                  \"text-text-secondary text-right\",\n                  contentSizes[size],\n                )}\n              >\n                {pendingText}\n              </div>\n            )}\n          </div>\n\n          <div\n            className={cn(\n              \"timeline_track\",\n              \"relative flex flex-col items-center\",\n              trackWidths[size],\n            )}\n          >\n            <div\n              className={cn(\n                \"timeline_dot\",\n                dotVariants({ size, color: \"default\" }),\n                \"animate-pulse\",\n                classNames?.dot,\n              )}\n              data-slot=\"dot\"\n            />\n          </div>\n\n          <div className=\"pl-4\">\n            {contentOnRight && (\n              <div\n                className={cn(\n                  \"text-text-secondary\",\n                  contentSizes[size],\n                  classNames?.content,\n                )}\n              >\n                {pendingText}\n              </div>\n            )}\n          </div>\n        </div>\n      );\n    };\n\n    // === HORIZONTAL ===\n\n    const renderHorizontalItem = (\n      item: (typeof displayItems)[number],\n      index: number,\n    ) => {\n      const isFirst = index === 0;\n      const isLast = index === displayItems.length - 1 && !pending;\n      const itemColor = item.color || color;\n\n      return (\n        <div\n          key={item.key ?? index}\n          className={cn(\n            \"timeline_item\",\n            \"flex-1 flex flex-col items-center min-w-0\",\n            classNames?.item,\n          )}\n          data-slot=\"item\"\n        >\n          {/* Date above */}\n          <div\n            className={cn(\n              \"timeline_date\",\n              \"text-text-secondary text-center mb-2 min-h-[1em]\",\n              timestampSizes[size],\n              classNames?.date,\n            )}\n            data-slot=\"date\"\n          >\n            {item.timestamp}\n          </div>\n\n          {/* Dot row */}\n          <div className={cn(\"flex items-center w-full\", dotRowHeights[size])}>\n            <div\n              className={cn(\n                \"flex-1\",\n                !isFirst && cn(\"bg-border\", connectorSizes[size].horizontal),\n              )}\n            />\n            {renderDot(item, itemColor)}\n            <div\n              className={cn(\n                \"flex-1\",\n                !isLast && cn(\"bg-border\", connectorSizes[size].horizontal),\n              )}\n            />\n          </div>\n\n          {/* Content below */}\n          <div\n            className={cn(\n              \"timeline_content\",\n              \"text-center mt-1.5\",\n              contentSizes[size],\n              classNames?.content,\n            )}\n            data-slot=\"content\"\n          >\n            <div\n              className={cn(\n                \"timeline_title\",\n                \"font-semibold text-text-primary\",\n                item.description && \"mb-1\",\n                classNames?.title,\n              )}\n              data-slot=\"title\"\n            >\n              {item.title}\n            </div>\n            {item.description && (\n              <div\n                className={cn(\n                  \"timeline_description\",\n                  \"text-text-secondary\",\n                  classNames?.description,\n                )}\n                data-slot=\"description\"\n              >\n                {item.description}\n              </div>\n            )}\n          </div>\n        </div>\n      );\n    };\n\n    const renderHorizontalPending = () => (\n      <div\n        className={cn(\n          \"timeline_item\",\n          \"flex-1 flex flex-col items-center min-w-0\",\n          classNames?.item,\n        )}\n        data-slot=\"item\"\n      >\n        <div\n          className={cn(\n            \"text-text-secondary text-center mb-2 min-h-[1em]\",\n            timestampSizes[size],\n          )}\n        />\n\n        <div className={cn(\"flex items-center w-full\", dotRowHeights[size])}>\n          <div\n            className={cn(\"flex-1 bg-border\", connectorSizes[size].horizontal)}\n          />\n          <div\n            className={cn(\n              \"timeline_dot\",\n              dotVariants({ size, color: \"default\" }),\n              \"animate-pulse\",\n              classNames?.dot,\n            )}\n            data-slot=\"dot\"\n          />\n          <div className=\"flex-1\" />\n        </div>\n\n        <div\n          className={cn(\n            \"timeline_content\",\n            \"text-center mt-1.5 text-text-secondary\",\n            contentSizes[size],\n            classNames?.content,\n          )}\n          data-slot=\"content\"\n        >\n          {pendingText}\n        </div>\n      </div>\n    );\n\n    // === RENDER ===\n\n    if (isHorizontal) {\n      return (\n        <div\n          ref={ref}\n          className={cn(\n            \"timeline_root\",\n            \"relative flex w-full\",\n            classNames?.root,\n            className,\n          )}\n          data-slot=\"root\"\n        >\n          {displayItems.map((item, index) => renderHorizontalItem(item, index))}\n          {pending && renderHorizontalPending()}\n        </div>\n      );\n    }\n\n    return (\n      <div\n        ref={ref}\n        className={cn(\"timeline_root\", \"relative\", classNames?.root, className)}\n        data-slot=\"root\"\n      >\n        {displayItems.map((item, index) => renderVerticalItem(item, index))}\n        {pending && renderVerticalPending()}\n      </div>\n    );\n  },\n);\n\nTimeline.displayName = \"Timeline\";\n\nexport type * from \"./types\";\nexport default Timeline;\n"]}

package/dist/{chunk-6HGUDHHE.js → chunk-L5BU2QTI.js}

@@ -1,4 +1,4 @@
-import { cn } from './chunk-NGYLRX6F.js';
+import { cn } from './chunk-RAS6HUEI.js';
 import { cva } from 'class-variance-authority';
 import React from 'react';
 import { jsx } from 'react/jsx-runtime';
@@ -51,9 +51,7 @@ var ButtonGroup = React.memo(
           variant: child.props.variant ?? variant,
           color: child.props.color ?? color,
           shape: child.props.shape ?? shape,
-          // Disabled is additive - if group is disabled, all children are disabled
           disabled: child.props.disabled || disabled,
-          // Apply button classNames from ButtonGroup
           className: cn(classNames?.button, child.props.className)
         });
       }
@@ -82,5 +80,5 @@ ButtonGroup.displayName = "ButtonGroup";
 var button_group_default = ButtonGroup;
 
 export { button_group_default };
-//# sourceMappingURL=chunk-6HGUDHHE.js.map
-//# sourceMappingURL=chunk-6HGUDHHE.js.map
+//# sourceMappingURL=chunk-L5BU2QTI.js.map
+//# sourceMappingURL=chunk-L5BU2QTI.js.map

package/dist/chunk-L5BU2QTI.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/button-group/index.tsx"],"names":[],"mappings":";;;;;AASA,IAAM,mBAAA,GAAsB,IAAI,aAAA,EAAe;AAAA,EAC7C,QAAA,EAAU;AAAA,IACR,QAAA,EAAU;AAAA,MACR,IAAA,EAAM,UAAA;AAAA,MACN,KAAA,EAAO;AAAA,KACT;AAAA,IACA,SAAA,EAAW;AAAA,MACT,IAAA,EAAM,qBAAA;AAAA,MACN,KAAA,EAAO;AAAA;AACT,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,QAAA,EAAU,KAAA;AAAA,IACV,SAAA,EAAW;AAAA;AAEf,CAAC,CAAA;AAED,IAAM,yBAAA,GACJ,gHAAA;AAEF,IAAM,uBAAA,GACJ,gHAAA;AAEF,IAAM,UAAA,GAAa;AAAA,EACjB,EAAA,EAAI,OAAA;AAAA,EACJ,EAAA,EAAI,OAAA;AAAA,EACJ,EAAA,EAAI;AACN,CAAA;AAEA,IAAM,cAAc,KAAA,CAAM,IAAA;AAAA,EACxB,CAAC;AAAA,IACC,QAAA,GAAW,KAAA;AAAA,IACX,QAAA,GAAW,IAAA;AAAA,IACX,GAAA,GAAM,IAAA;AAAA,IACN,SAAA,GAAY,KAAA;AAAA,IACZ,IAAA;AAAA,IACA,OAAA;AAAA,IACA,KAAA;AAAA,IACA,KAAA;AAAA,IACA,QAAA,GAAW,KAAA;AAAA,IACX,SAAA;AAAA,IACA,UAAA;AAAA,IACA,QAAA;AAAA,IACA,GAAA;AAAA,IACA,GAAG;AAAA,GACL,KAAM;AACJ,IAAA,MAAM,mBAAmB,KAAA,CAAM,QAAA,CAAS,GAAA,CAAI,QAAA,EAAU,CAAC,KAAA,KAAU;AAC/D,MAAA,IAAI,KAAA,CAAM,cAAA,CAA4B,KAAK,CAAA,EAAG;AAC5C,QAAA,OAAO,KAAA,CAAM,aAAa,KAAA,EAAO;AAAA;AAAA,UAE/B,IAAA,EAAM,KAAA,CAAM,KAAA,CAAM,IAAA,IAAQ,IAAA;AAAA,UAC1B,OAAA,EAAS,KAAA,CAAM,KAAA,CAAM,OAAA,IAAW,OAAA;AAAA,UAChC,KAAA,EAAO,KAAA,CAAM,KAAA,CAAM,KAAA,IAAS,KAAA;AAAA,UAC5B,KAAA,EAAO,KAAA,CAAM,KAAA,CAAM,KAAA,IAAS,KAAA;AAAA,UAC5B,QAAA,EAAU,KAAA,CAAM,KAAA,CAAM,QAAA,IAAY,QAAA;AAAA,UAClC,WAAW,EAAA,CAAG,UAAA,EAAY,MAAA,EAAQ,KAAA,CAAM,MAAM,SAAS;AAAA,SACxD,CAAA;AAAA,MACH;AACA,MAAA,OAAO,KAAA;AAAA,IACT,CAAC,CAAA;AAED,IAAA,uBACE,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,IAAA,EAAK,OAAA;AAAA,QACL,SAAA,EAAW,EAAA;AAAA,UACT,kBAAA;AAAA,UACA,mBAAA,CAAoB,EAAE,QAAA,EAAU,SAAA,EAAW,CAAA;AAAA,UAC3C,QAAA,GACI,QAAA,GACE,uBAAA,GACA,yBAAA,GACF,WAAW,GAAG,CAAA;AAAA,UAClB,UAAA,EAAY,IAAA;AAAA,UACZ;AAAA,SACF;AAAA,QACA,WAAA,EAAU,MAAA;AAAA,QACT,GAAG,KAAA;AAAA,QAEH,QAAA,EAAA;AAAA;AAAA,KACH;AAAA,EAEJ;AACF,CAAA;AAEA,WAAA,CAAY,WAAA,GAAc,aAAA;AAG1B,IAAO,oBAAA,GAAQ","file":"chunk-L5BU2QTI.js","sourcesContent":["'use client'\n\nimport { cva } from 'class-variance-authority'\nimport React from 'react'\n\nimport type { ButtonProps } from '../button/types'\nimport { cn } from '../utils'\nimport type { ButtonGroupProps } from './types'\n\nconst buttonGroupVariants = cva('inline-flex', {\n  variants: {\n    vertical: {\n      true: 'flex-col',\n      false: 'flex-row',\n    },\n    fullWidth: {\n      true: 'w-full [&>*]:flex-1',\n      false: '',\n    },\n  },\n  defaultVariants: {\n    vertical: false,\n    fullWidth: false,\n  },\n})\n\nconst attachedHorizontalClasses =\n  '[&>*:not(:first-child)]:rounded-l-none [&>*:not(:last-child)]:border-r-0 [&>*:not(:last-child)]:rounded-r-none'\n\nconst attachedVerticalClasses =\n  '[&>*:not(:first-child)]:rounded-t-none [&>*:not(:last-child)]:border-b-0 [&>*:not(:last-child)]:rounded-b-none'\n\nconst gapClasses = {\n  sm: 'gap-1',\n  md: 'gap-2',\n  lg: 'gap-3',\n}\n\nconst ButtonGroup = React.memo<ButtonGroupProps>(\n  ({\n    vertical = false,\n    attached = true,\n    gap = 'md',\n    fullWidth = false,\n    size,\n    variant,\n    color,\n    shape,\n    disabled = false,\n    className,\n    classNames,\n    children,\n    ref,\n    ...props\n  }) => {\n    const enhancedChildren = React.Children.map(children, (child) => {\n      if (React.isValidElement<ButtonProps>(child)) {\n        return React.cloneElement(child, {\n          // Group props are defaults - child props take precedence\n          size: child.props.size ?? size,\n          variant: child.props.variant ?? variant,\n          color: child.props.color ?? color,\n          shape: child.props.shape ?? shape,\n          disabled: child.props.disabled || disabled,\n          className: cn(classNames?.button, child.props.className),\n        })\n      }\n      return child\n    })\n\n    return (\n      <div\n        ref={ref}\n        role=\"group\"\n        className={cn(\n          'buttonGroup_root',\n          buttonGroupVariants({ vertical, fullWidth }),\n          attached\n            ? vertical\n              ? attachedVerticalClasses\n              : attachedHorizontalClasses\n            : gapClasses[gap],\n          classNames?.root,\n          className,\n        )}\n        data-slot=\"root\"\n        {...props}\n      >\n        {enhancedChildren}\n      </div>\n    )\n  },\n)\n\nButtonGroup.displayName = 'ButtonGroup'\n\nexport type * from './types'\nexport default ButtonGroup\n"]}

package/dist/chunk-LJOQ2C5W.js

@@ -0,0 +1,81 @@
+import { input_default } from './chunk-W5VLFE4U.js';
+import { cn, iconSizes } from './chunk-RAS6HUEI.js';
+import React from 'react';
+import { Eye, EyeOff } from 'lucide-react';
+import { jsx } from 'react/jsx-runtime';
+
+var PasswordInput = React.memo(
+  ({ visibilityToggle = true, size = "md", ref, classNames, ...props }) => {
+    const [showPassword, setShowPassword] = React.useState(false);
+    const toggleVisibility = React.useCallback(() => {
+      setShowPassword((prev) => !prev);
+    }, []);
+    const memoizedClassNames = React.useMemo(
+      () => ({
+        root: cn("inputPassword_root", classNames?.root),
+        wrapper: cn("inputPassword_wrapper", classNames?.wrapper),
+        label: cn("inputPassword_label", classNames?.label),
+        input: cn("inputPassword_input", classNames?.input),
+        helper: cn("inputPassword_helper", classNames?.helper),
+        error: cn("inputPassword_error", classNames?.error)
+      }),
+      [classNames]
+    );
+    const memoizedRightIcon = React.useMemo(
+      () => visibilityToggle ? /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: toggleVisibility,
+          "data-slot": "toggleButton",
+          className: cn(
+            "inputPassword_toggleButton",
+            "cursor-pointer hover:text-text-primary transition-colors",
+            classNames?.toggleButton
+          ),
+          "aria-label": showPassword ? "Hide password" : "Show password",
+          "aria-pressed": showPassword,
+          children: showPassword ? /* @__PURE__ */ jsx(
+            Eye,
+            {
+              "data-slot": "toggleIcon",
+              className: cn(
+                "inputPassword_toggleIcon",
+                iconSizes[size],
+                classNames?.toggleIcon
+              )
+            }
+          ) : /* @__PURE__ */ jsx(
+            EyeOff,
+            {
+              "data-slot": "toggleIcon",
+              className: cn(
+                "inputPassword_toggleIcon",
+                iconSizes[size],
+                classNames?.toggleIcon
+              )
+            }
+          )
+        }
+      ) : void 0,
+      [visibilityToggle, toggleVisibility, showPassword, size, classNames]
+    );
+    return /* @__PURE__ */ jsx(
+      input_default,
+      {
+        ...props,
+        size,
+        ref,
+        type: showPassword ? "text" : "password",
+        classNames: memoizedClassNames,
+        rightIcon: memoizedRightIcon
+      }
+    );
+  }
+);
+PasswordInput.displayName = "PasswordInput";
+var input_password_default = PasswordInput;
+
+export { PasswordInput, input_password_default };
+//# sourceMappingURL=chunk-LJOQ2C5W.js.map
+//# sourceMappingURL=chunk-LJOQ2C5W.js.map

package/dist/chunk-LJOQ2C5W.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/input-password/index.tsx"],"names":[],"mappings":";;;;;;AAUO,IAAM,gBAAgB,KAAA,CAAM,IAAA;AAAA,EACjC,CAAC,EAAE,gBAAA,GAAmB,IAAA,EAAM,IAAA,GAAO,MAAM,GAAA,EAAK,UAAA,EAAY,GAAG,KAAA,EAAM,KAAM;AACvE,IAAA,MAAM,CAAC,YAAA,EAAc,eAAe,CAAA,GAAI,KAAA,CAAM,SAAS,KAAK,CAAA;AAE5D,IAAA,MAAM,gBAAA,GAAmB,KAAA,CAAM,WAAA,CAAY,MAAM;AAC/C,MAAA,eAAA,CAAgB,CAAC,IAAA,KAAS,CAAC,IAAI,CAAA;AAAA,IACjC,CAAA,EAAG,EAAE,CAAA;AAEL,IAAA,MAAM,qBAAqB,KAAA,CAAM,OAAA;AAAA,MAC/B,OAAO;AAAA,QACL,IAAA,EAAM,EAAA,CAAG,oBAAA,EAAsB,UAAA,EAAY,IAAI,CAAA;AAAA,QAC/C,OAAA,EAAS,EAAA,CAAG,uBAAA,EAAyB,UAAA,EAAY,OAAO,CAAA;AAAA,QACxD,KAAA,EAAO,EAAA,CAAG,qBAAA,EAAuB,UAAA,EAAY,KAAK,CAAA;AAAA,QAClD,KAAA,EAAO,EAAA,CAAG,qBAAA,EAAuB,UAAA,EAAY,KAAK,CAAA;AAAA,QAClD,MAAA,EAAQ,EAAA,CAAG,sBAAA,EAAwB,UAAA,EAAY,MAAM,CAAA;AAAA,QACrD,KAAA,EAAO,EAAA,CAAG,qBAAA,EAAuB,UAAA,EAAY,KAAK;AAAA,OACpD,CAAA;AAAA,MACA,CAAC,UAAU;AAAA,KACb;AAEA,IAAA,MAAM,oBAAoB,KAAA,CAAM,OAAA;AAAA,MAC9B,MACE,gBAAA,mBACE,GAAA;AAAA,QAAC,QAAA;AAAA,QAAA;AAAA,UACC,IAAA,EAAK,QAAA;AAAA,UACL,OAAA,EAAS,gBAAA;AAAA,UACT,WAAA,EAAU,cAAA;AAAA,UACV,SAAA,EAAW,EAAA;AAAA,YACT,4BAAA;AAAA,YACA,0DAAA;AAAA,YACA,UAAA,EAAY;AAAA,WACd;AAAA,UACA,YAAA,EAAY,eAAe,eAAA,GAAkB,eAAA;AAAA,UAC7C,cAAA,EAAc,YAAA;AAAA,UAGb,QAAA,EAAA,YAAA,mBACC,GAAA;AAAA,YAAC,GAAA;AAAA,YAAA;AAAA,cACC,WAAA,EAAU,YAAA;AAAA,cACV,SAAA,EAAW,EAAA;AAAA,gBACT,0BAAA;AAAA,gBACA,UAAU,IAAI,CAAA;AAAA,gBACd,UAAA,EAAY;AAAA;AACd;AAAA,WACF,mBAEA,GAAA;AAAA,YAAC,MAAA;AAAA,YAAA;AAAA,cACC,WAAA,EAAU,YAAA;AAAA,cACV,SAAA,EAAW,EAAA;AAAA,gBACT,0BAAA;AAAA,gBACA,UAAU,IAAI,CAAA;AAAA,gBACd,UAAA,EAAY;AAAA;AACd;AAAA;AACF;AAAA,OAEJ,GACE,MAAA;AAAA,MACN,CAAC,gBAAA,EAAkB,gBAAA,EAAkB,YAAA,EAAc,MAAM,UAAU;AAAA,KACrE;AAEA,IAAA,uBACE,GAAA;AAAA,MAAC,aAAA;AAAA,MAAA;AAAA,QACE,GAAG,KAAA;AAAA,QACJ,IAAA;AAAA,QACA,GAAA;AAAA,QACA,IAAA,EAAM,eAAe,MAAA,GAAS,UAAA;AAAA,QAC9B,UAAA,EAAY,kBAAA;AAAA,QACZ,SAAA,EAAW;AAAA;AAAA,KACb;AAAA,EAEJ;AACF;AAEA,aAAA,CAAc,WAAA,GAAc,eAAA;AAG5B,IAAO,sBAAA,GAAQ","file":"chunk-LJOQ2C5W.js","sourcesContent":["'use client'\n\nimport React from 'react'\n\nimport { Eye, EyeOff } from 'lucide-react'\n\nimport Input from '../input'\nimport { cn, iconSizes } from '../utils'\nimport type { PasswordInputProps } from './types'\n\nexport const PasswordInput = React.memo<PasswordInputProps>(\n  ({ visibilityToggle = true, size = 'md', ref, classNames, ...props }) => {\n    const [showPassword, setShowPassword] = React.useState(false)\n\n    const toggleVisibility = React.useCallback(() => {\n      setShowPassword((prev) => !prev)\n    }, [])\n\n    const memoizedClassNames = React.useMemo(\n      () => ({\n        root: cn('inputPassword_root', classNames?.root),\n        wrapper: cn('inputPassword_wrapper', classNames?.wrapper),\n        label: cn('inputPassword_label', classNames?.label),\n        input: cn('inputPassword_input', classNames?.input),\n        helper: cn('inputPassword_helper', classNames?.helper),\n        error: cn('inputPassword_error', classNames?.error),\n      }),\n      [classNames],\n    )\n\n    const memoizedRightIcon = React.useMemo(\n      () =>\n        visibilityToggle ? (\n          <button\n            type=\"button\"\n            onClick={toggleVisibility}\n            data-slot=\"toggleButton\"\n            className={cn(\n              'inputPassword_toggleButton',\n              'cursor-pointer hover:text-text-primary transition-colors',\n              classNames?.toggleButton,\n            )}\n            aria-label={showPassword ? 'Hide password' : 'Show password'}\n            aria-pressed={showPassword}\n            // tabIndex={-1}\n          >\n            {showPassword ? (\n              <Eye\n                data-slot=\"toggleIcon\"\n                className={cn(\n                  'inputPassword_toggleIcon',\n                  iconSizes[size],\n                  classNames?.toggleIcon,\n                )}\n              />\n            ) : (\n              <EyeOff\n                data-slot=\"toggleIcon\"\n                className={cn(\n                  'inputPassword_toggleIcon',\n                  iconSizes[size],\n                  classNames?.toggleIcon,\n                )}\n              />\n            )}\n          </button>\n        ) : undefined,\n      [visibilityToggle, toggleVisibility, showPassword, size, classNames],\n    )\n\n    return (\n      <Input\n        {...props}\n        size={size}\n        ref={ref}\n        type={showPassword ? 'text' : 'password'}\n        classNames={memoizedClassNames}\n        rightIcon={memoizedRightIcon}\n      />\n    )\n  },\n)\n\nPasswordInput.displayName = 'PasswordInput'\n\nexport type * from './types'\nexport default PasswordInput\n"]}