@mdigital_ui/ui 0.1.0

package/dist/chunk-CWHFK7ZC.js

@@ -0,0 +1,128 @@
+import { getAccordionColorClass } from './chunk-5UEWVFF6.js';
+import { cn, iconSizes } from './chunk-YNNAOXU5.js';
+import { cva } from 'class-variance-authority';
+import { ChevronDown } from 'lucide-react';
+import React, { useState } from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var accordionHeaderVariants = cva(
+  "flex items-center justify-between w-full text-left font-medium transition-all cursor-pointer",
+  {
+    variants: {
+      size: {
+        xs: "px-3 py-2 text-xs",
+        sm: "px-4 py-2.5 text-sm",
+        md: "px-5 py-3 text-base",
+        lg: "px-6 py-4 text-lg"
+      }
+    },
+    defaultVariants: {
+      size: "md"
+    }
+  }
+);
+var accordionContentVariants = cva("overflow-hidden transition-all", {
+  variants: {
+    size: {
+      xs: "px-3 pb-2 text-xs",
+      sm: "px-4 pb-2.5 text-sm",
+      md: "px-5 pb-3 text-base",
+      lg: "px-6 pb-4 text-lg"
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+var Accordion = React.memo(
+  ({
+    items,
+    color = "default",
+    size = "md",
+    variant = "default",
+    defaultActiveKey,
+    activeKey: controlledActiveKey,
+    onChange,
+    multiple = false,
+    className
+  }) => {
+    const [internalActiveKey, setInternalActiveKey] = useState(defaultActiveKey || (multiple ? [] : ""));
+    const activeKey = controlledActiveKey !== void 0 ? controlledActiveKey : internalActiveKey;
+    const isActive = (key) => {
+      if (Array.isArray(activeKey)) {
+        return activeKey.includes(key);
+      }
+      return activeKey === key;
+    };
+    const handleToggle = (key) => {
+      let newActiveKey;
+      if (multiple) {
+        const currentKeys = Array.isArray(activeKey) ? activeKey : [];
+        newActiveKey = currentKeys.includes(key) ? currentKeys.filter((k) => k !== key) : [...currentKeys, key];
+      } else {
+        newActiveKey = activeKey === key ? "" : key;
+      }
+      if (controlledActiveKey === void 0) {
+        setInternalActiveKey(newActiveKey);
+      }
+      onChange?.(newActiveKey);
+    };
+    return /* @__PURE__ */ jsx("div", { className: cn("w-full space-y-2", className), children: items.map((item) => {
+      const active = isActive(item.key);
+      return /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: cn(
+            getAccordionColorClass(color, variant),
+            "rounded-lg border transition-all",
+            item.disabled && "opacity-50 cursor-not-allowed"
+          ),
+          children: [
+            /* @__PURE__ */ jsxs(
+              "button",
+              {
+                type: "button",
+                onClick: () => !item.disabled && handleToggle(item.key),
+                disabled: item.disabled,
+                className: cn(
+                  accordionHeaderVariants({ size }),
+                  item.disabled && "cursor-not-allowed"
+                ),
+                children: [
+                  /* @__PURE__ */ jsx("span", { children: item.title }),
+                  /* @__PURE__ */ jsx(
+                    ChevronDown,
+                    {
+                      className: cn(
+                        "transition-transform duration-300 ease-out",
+                        active && "rotate-180",
+                        iconSizes[size]
+                      )
+                    }
+                  )
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: cn(
+                  "grid transition-[grid-template-rows] duration-300 ease-out",
+                  active ? "grid-rows-[1fr]" : "grid-rows-[0fr]"
+                ),
+                children: /* @__PURE__ */ jsx("div", { className: "overflow-hidden", children: /* @__PURE__ */ jsx("div", { className: cn(accordionContentVariants({ size })), children: item.content }) })
+              }
+            )
+          ]
+        },
+        item.key
+      );
+    }) });
+  }
+);
+Accordion.displayName = "Accordion";
+var accordion_default = Accordion;
+
+export { accordion_default };
+//# sourceMappingURL=chunk-CWHFK7ZC.js.map
+//# sourceMappingURL=chunk-CWHFK7ZC.js.map

package/dist/chunk-CWHFK7ZC.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/accordion/index.tsx"],"names":[],"mappings":"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","file":"chunk-CWHFK7ZC.js","sourcesContent":["import { cva } from 'class-variance-authority'\nimport { ChevronDown } from 'lucide-react'\nimport React, { useState } from 'react'\n\nimport { cn, iconSizes } from '../utils'\nimport { getAccordionColorClass } from '../variants'\nimport type { AccordionProps } from './types'\n\nconst accordionHeaderVariants = cva(\n  'flex items-center justify-between w-full text-left font-medium transition-all cursor-pointer',\n  {\n    variants: {\n      size: {\n        xs: 'px-3 py-2 text-xs',\n        sm: 'px-4 py-2.5 text-sm',\n        md: 'px-5 py-3 text-base',\n        lg: 'px-6 py-4 text-lg',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n    },\n  },\n)\n\nconst accordionContentVariants = cva('overflow-hidden transition-all', {\n  variants: {\n    size: {\n      xs: 'px-3 pb-2 text-xs',\n      sm: 'px-4 pb-2.5 text-sm',\n      md: 'px-5 pb-3 text-base',\n      lg: 'px-6 pb-4 text-lg',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n})\n\nconst Accordion = React.memo<AccordionProps>(\n  ({\n    items,\n    color = 'default',\n    size = 'md',\n    variant = 'default',\n    defaultActiveKey,\n    activeKey: controlledActiveKey,\n    onChange,\n    multiple = false,\n    className,\n  }) => {\n    const [internalActiveKey, setInternalActiveKey] = useState<\n      string | string[]\n    >(defaultActiveKey || (multiple ? [] : ''))\n\n    const activeKey =\n      controlledActiveKey !== undefined\n        ? controlledActiveKey\n        : internalActiveKey\n\n    const isActive = (key: string) => {\n      if (Array.isArray(activeKey)) {\n        return activeKey.includes(key)\n      }\n      return activeKey === key\n    }\n\n    const handleToggle = (key: string) => {\n      let newActiveKey: string | string[]\n\n      if (multiple) {\n        const currentKeys = Array.isArray(activeKey) ? activeKey : []\n        newActiveKey = currentKeys.includes(key)\n          ? currentKeys.filter((k) => k !== key)\n          : [...currentKeys, key]\n      } else {\n        newActiveKey = activeKey === key ? '' : key\n      }\n\n      if (controlledActiveKey === undefined) {\n        setInternalActiveKey(newActiveKey)\n      }\n      onChange?.(newActiveKey)\n    }\n\n    return (\n      <div className={cn('w-full space-y-2', className)}>\n        {items.map((item) => {\n          const active = isActive(item.key)\n\n          return (\n            <div\n              key={item.key}\n              className={cn(\n                getAccordionColorClass(color, variant),\n                'rounded-lg border transition-all',\n                item.disabled && 'opacity-50 cursor-not-allowed',\n              )}\n            >\n              <button\n                type=\"button\"\n                onClick={() => !item.disabled && handleToggle(item.key)}\n                disabled={item.disabled}\n                className={cn(\n                  accordionHeaderVariants({ size }),\n                  item.disabled && 'cursor-not-allowed',\n                )}\n              >\n                <span>{item.title}</span>\n                <ChevronDown\n                  className={cn(\n                    'transition-transform duration-300 ease-out',\n                    active && 'rotate-180',\n                    iconSizes[size],\n                  )}\n                />\n              </button>\n              <div\n                className={cn(\n                  'grid transition-[grid-template-rows] duration-300 ease-out',\n                  active ? 'grid-rows-[1fr]' : 'grid-rows-[0fr]',\n                )}\n              >\n                <div className=\"overflow-hidden\">\n                  <div className={cn(accordionContentVariants({ size }))}>\n                    {item.content}\n                  </div>\n                </div>\n              </div>\n            </div>\n          )\n        })}\n      </div>\n    )\n  },\n)\n\nAccordion.displayName = 'Accordion'\n\nexport type * from './types'\nexport default Accordion\n"]}

package/dist/chunk-D3JWPGCA.js

@@ -0,0 +1,123 @@
+import { cn } from './chunk-YNNAOXU5.js';
+import * as TooltipPrimitive from '@radix-ui/react-tooltip';
+import { cva } from 'class-variance-authority';
+import React from 'react';
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
+
+var tooltipContentVariants = cva(
+  "z-50 overflow-hidden rounded px-3 py-1.5 text-sm animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+  {
+    variants: {
+      size: {
+        xs: "text-xs px-2 py-1",
+        sm: "text-sm px-2.5 py-1",
+        md: "text-base px-3 py-1.5",
+        lg: "text-lg px-4 py-2"
+      },
+      color: {
+        default: "bg-text-primary text-background",
+        primary: "bg-primary text-primary-text",
+        secondary: "bg-secondary text-secondary-text",
+        accent: "bg-accent text-accent-text",
+        success: "bg-success text-success-text",
+        error: "bg-error text-error-text",
+        warning: "bg-warning text-warning-text",
+        info: "bg-info text-info-text"
+      },
+      variant: {
+        solid: "",
+        soft: "border"
+      }
+    },
+    compoundVariants: [
+      {
+        variant: "soft",
+        color: "default",
+        className: "bg-surface text-text-primary border-border"
+      },
+      {
+        variant: "soft",
+        color: "primary",
+        className: "bg-primary/20 text-primary border-primary/30"
+      },
+      {
+        variant: "soft",
+        color: "secondary",
+        className: "bg-secondary/20 text-secondary border-secondary/30"
+      },
+      {
+        variant: "soft",
+        color: "accent",
+        className: "bg-accent/20 text-accent border-accent/30"
+      },
+      {
+        variant: "soft",
+        color: "success",
+        className: "bg-success/20 text-success border-success/30"
+      },
+      {
+        variant: "soft",
+        color: "error",
+        className: "bg-error/20 text-error border-error/30"
+      },
+      {
+        variant: "soft",
+        color: "warning",
+        className: "bg-warning/20 text-warning border-warning/30"
+      },
+      {
+        variant: "soft",
+        color: "info",
+        className: "bg-info/20 text-info border-info/30"
+      }
+    ],
+    defaultVariants: {
+      size: "sm",
+      color: "default",
+      variant: "solid"
+    }
+  }
+);
+var TooltipProvider = TooltipPrimitive.Provider;
+var Tooltip = React.memo(
+  ({
+    content,
+    children,
+    color = "default",
+    size = "sm",
+    variant = "solid",
+    side = "top",
+    align = "center",
+    delayDuration = 200,
+    disabled = false,
+    className,
+    ...props
+  }) => {
+    if (disabled) {
+      return /* @__PURE__ */ jsx(Fragment, { children });
+    }
+    return /* @__PURE__ */ jsxs(TooltipPrimitive.Root, { delayDuration, children: [
+      /* @__PURE__ */ jsx(TooltipPrimitive.Trigger, { asChild: true, children }),
+      /* @__PURE__ */ jsx(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsx(
+        TooltipPrimitive.Content,
+        {
+          side,
+          align,
+          className: cn(
+            tooltipContentVariants({ size, color, variant }),
+            className
+          ),
+          sideOffset: 4,
+          ...props,
+          children: content
+        }
+      ) })
+    ] });
+  }
+);
+Tooltip.displayName = "Tooltip";
+var tooltip_default = Tooltip;
+
+export { TooltipProvider, tooltip_default };
+//# sourceMappingURL=chunk-D3JWPGCA.js.map
+//# sourceMappingURL=chunk-D3JWPGCA.js.map

package/dist/chunk-D3JWPGCA.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/tooltip/index.tsx"],"names":[],"mappings":"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","file":"chunk-D3JWPGCA.js","sourcesContent":["import * as TooltipPrimitive from '@radix-ui/react-tooltip'\nimport { cva } from 'class-variance-authority'\nimport React from 'react'\n\nimport { cn } from '../utils'\nimport type { TooltipProps } from './types'\n\nconst tooltipContentVariants = cva(\n  'z-50 overflow-hidden rounded px-3 py-1.5 text-sm animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',\n  {\n    variants: {\n      size: {\n        xs: 'text-xs px-2 py-1',\n        sm: 'text-sm px-2.5 py-1',\n        md: 'text-base px-3 py-1.5',\n        lg: 'text-lg px-4 py-2',\n      },\n      color: {\n        default: 'bg-text-primary text-background',\n        primary: 'bg-primary text-primary-text',\n        secondary: 'bg-secondary text-secondary-text',\n        accent: 'bg-accent text-accent-text',\n        success: 'bg-success text-success-text',\n        error: 'bg-error text-error-text',\n        warning: 'bg-warning text-warning-text',\n        info: 'bg-info text-info-text',\n      },\n      variant: {\n        solid: '',\n        soft: 'border',\n      },\n    },\n    compoundVariants: [\n      {\n        variant: 'soft',\n        color: 'default',\n        className: 'bg-surface text-text-primary border-border',\n      },\n      {\n        variant: 'soft',\n        color: 'primary',\n        className: 'bg-primary/20 text-primary border-primary/30',\n      },\n      {\n        variant: 'soft',\n        color: 'secondary',\n        className: 'bg-secondary/20 text-secondary border-secondary/30',\n      },\n      {\n        variant: 'soft',\n        color: 'accent',\n        className: 'bg-accent/20 text-accent border-accent/30',\n      },\n      {\n        variant: 'soft',\n        color: 'success',\n        className: 'bg-success/20 text-success border-success/30',\n      },\n      {\n        variant: 'soft',\n        color: 'error',\n        className: 'bg-error/20 text-error border-error/30',\n      },\n      {\n        variant: 'soft',\n        color: 'warning',\n        className: 'bg-warning/20 text-warning border-warning/30',\n      },\n      {\n        variant: 'soft',\n        color: 'info',\n        className: 'bg-info/20 text-info border-info/30',\n      },\n    ],\n    defaultVariants: {\n      size: 'sm',\n      color: 'default',\n      variant: 'solid',\n    },\n  },\n)\n\nexport const TooltipProvider = TooltipPrimitive.Provider\n\nexport type {\n  TooltipProps,\n  TooltipProviderProps,\n  TooltipColor,\n  TooltipSize,\n  TooltipVariant,\n} from './types'\n\nconst Tooltip = React.memo<TooltipProps>(\n  ({\n    content,\n    children,\n    color = 'default',\n    size = 'sm',\n    variant = 'solid',\n    side = 'top',\n    align = 'center',\n    delayDuration = 200,\n    disabled = false,\n    className,\n    ...props\n  }) => {\n    if (disabled) {\n      return <>{children}</>\n    }\n\n    return (\n      <TooltipPrimitive.Root delayDuration={delayDuration}>\n        <TooltipPrimitive.Trigger asChild>{children}</TooltipPrimitive.Trigger>\n        <TooltipPrimitive.Portal>\n          <TooltipPrimitive.Content\n            side={side}\n            align={align}\n            className={cn(\n              tooltipContentVariants({ size, color, variant }),\n              className,\n            )}\n            sideOffset={4}\n            {...props}\n          >\n            {content}\n          </TooltipPrimitive.Content>\n        </TooltipPrimitive.Portal>\n      </TooltipPrimitive.Root>\n    )\n  },\n)\n\nTooltip.displayName = 'Tooltip'\n\nexport type * from './types'\nexport default Tooltip\n"]}

package/dist/chunk-DOKTHDG3.js

@@ -0,0 +1,55 @@
+import { cn } from './chunk-YNNAOXU5.js';
+import React from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var RadioGroup = React.memo(
+  ({
+    label,
+    helperText,
+    error,
+    orientation = "vertical",
+    className,
+    children,
+    ref,
+    ...props
+  }) => {
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        className: cn("w-full", className),
+        role: "radiogroup",
+        ...props,
+        children: [
+          label && /* @__PURE__ */ jsx("div", { className: "mb-2", children: /* @__PURE__ */ jsx("span", { className: "text-sm font-medium text-text-secondary", children: label }) }),
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: cn(
+                "flex",
+                orientation === "vertical" ? "flex-col gap-2" : "flex-row flex-wrap gap-4"
+              ),
+              children
+            }
+          ),
+          (helperText || error) && /* @__PURE__ */ jsx(
+            "p",
+            {
+              className: cn(
+                "mt-2 text-xs",
+                error ? "text-error" : "text-text-secondary"
+              ),
+              children: error || helperText
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+RadioGroup.displayName = "RadioGroup";
+var radio_group_default = RadioGroup;
+
+export { RadioGroup, radio_group_default };
+//# sourceMappingURL=chunk-DOKTHDG3.js.map
+//# sourceMappingURL=chunk-DOKTHDG3.js.map

package/dist/chunk-DOKTHDG3.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/radio-group/index.tsx"],"names":[],"mappings":";;;;AAKO,IAAM,aAAa,KAAA,CAAM,IAAA;AAAA,EAC9B,CAAC;AAAA,IACC,KAAA;AAAA,IACA,UAAA;AAAA,IACA,KAAA;AAAA,IACA,WAAA,GAAc,UAAA;AAAA,IACd,SAAA;AAAA,IACA,QAAA;AAAA,IACA,GAAA;AAAA,IACA,GAAG;AAAA,GACL,KAAM;AACJ,IAAA,uBACE,IAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,SAAA,EAAW,EAAA,CAAG,QAAA,EAAU,SAAS,CAAA;AAAA,QACjC,IAAA,EAAK,YAAA;AAAA,QACJ,GAAG,KAAA;AAAA,QAEH,QAAA,EAAA;AAAA,UAAA,KAAA,oBACC,GAAA,CAAC,SAAI,SAAA,EAAU,MAAA,EACb,8BAAC,MAAA,EAAA,EAAK,SAAA,EAAU,yCAAA,EACb,QAAA,EAAA,KAAA,EACH,CAAA,EACF,CAAA;AAAA,0BAEF,GAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cACC,SAAA,EAAW,EAAA;AAAA,gBACT,MAAA;AAAA,gBACA,WAAA,KAAgB,aACZ,gBAAA,GACA;AAAA,eACN;AAAA,cAEC;AAAA;AAAA,WACH;AAAA,UAAA,CACE,cAAc,KAAA,qBACd,GAAA;AAAA,YAAC,GAAA;AAAA,YAAA;AAAA,cACC,SAAA,EAAW,EAAA;AAAA,gBACT,cAAA;AAAA,gBACA,QAAQ,YAAA,GAAe;AAAA,eACzB;AAAA,cAEC,QAAA,EAAA,KAAA,IAAS;AAAA;AAAA;AACZ;AAAA;AAAA,KAEJ;AAAA,EAEJ;AACF;AAEA,UAAA,CAAW,WAAA,GAAc,YAAA;AAGzB,IAAO,mBAAA,GAAQ","file":"chunk-DOKTHDG3.js","sourcesContent":["import React from 'react'\n\nimport { cn } from '../utils'\nimport type { RadioGroupProps } from './types'\n\nexport const RadioGroup = React.memo<RadioGroupProps>(\n  ({\n    label,\n    helperText,\n    error,\n    orientation = 'vertical',\n    className,\n    children,\n    ref,\n    ...props\n  }) => {\n    return (\n      <div\n        ref={ref}\n        className={cn('w-full', className)}\n        role=\"radiogroup\"\n        {...props}\n      >\n        {label && (\n          <div className=\"mb-2\">\n            <span className=\"text-sm font-medium text-text-secondary\">\n              {label}\n            </span>\n          </div>\n        )}\n        <div\n          className={cn(\n            'flex',\n            orientation === 'vertical'\n              ? 'flex-col gap-2'\n              : 'flex-row flex-wrap gap-4',\n          )}\n        >\n          {children}\n        </div>\n        {(helperText || error) && (\n          <p\n            className={cn(\n              'mt-2 text-xs',\n              error ? 'text-error' : 'text-text-secondary',\n            )}\n          >\n            {error || helperText}\n          </p>\n        )}\n      </div>\n    )\n  },\n)\n\nRadioGroup.displayName = 'RadioGroup'\n\nexport type * from './types'\nexport default RadioGroup\n"]}

package/dist/chunk-DPOSWW22.js

@@ -0,0 +1,126 @@
+import { cn } from './chunk-YNNAOXU5.js';
+import { cva } from 'class-variance-authority';
+import React, { useState } from 'react';
+import { jsxs } from 'react/jsx-runtime';
+
+var inactiveHoverClasses = {
+  default: "text-text-secondary hover:text-text-primary hover:bg-surface",
+  primary: "text-text-secondary hover:text-primary hover:bg-primary/10",
+  secondary: "text-text-secondary hover:text-secondary hover:bg-secondary/10",
+  accent: "text-text-secondary hover:text-accent hover:bg-accent/10",
+  success: "text-text-secondary hover:text-success hover:bg-success/10",
+  error: "text-text-secondary hover:text-error hover:bg-error/10",
+  warning: "text-text-secondary hover:text-warning hover:bg-warning/10",
+  info: "text-text-secondary hover:text-info hover:bg-info/10"
+};
+var activeSolidClasses = {
+  default: "bg-border text-text-primary",
+  primary: "bg-primary text-background",
+  secondary: "bg-secondary text-background",
+  accent: "bg-accent text-background",
+  success: "bg-success text-background",
+  error: "bg-error text-background",
+  warning: "bg-warning text-background",
+  info: "bg-info text-background"
+};
+var activeSoftClasses = {
+  default: "bg-border/20 text-text-primary",
+  primary: "bg-primary/20 text-primary",
+  secondary: "bg-secondary/20 text-secondary",
+  accent: "bg-accent/20 text-accent",
+  success: "bg-success/20 text-success",
+  error: "bg-error/20 text-error",
+  warning: "bg-warning/20 text-warning",
+  info: "bg-info/20 text-info"
+};
+var activeDefaultClasses = {
+  default: "bg-surface text-text-primary",
+  primary: "border-primary bg-primary/10 text-primary",
+  secondary: "border-secondary bg-secondary/10 text-secondary",
+  accent: "border-accent bg-accent/10 text-accent",
+  success: "border-success bg-success/10 text-success",
+  error: "border-error bg-error/10 text-error",
+  warning: "border-warning bg-warning/10 text-warning",
+  info: "border-info bg-info/10 text-info"
+};
+var getToggleClasses = (color, variant, isActive) => {
+  const toggleColor = color;
+  if (!isActive) {
+    return inactiveHoverClasses[toggleColor] || inactiveHoverClasses.default;
+  }
+  if (variant === "solid") {
+    return activeSolidClasses[toggleColor] || activeSolidClasses.default;
+  }
+  if (variant === "soft") {
+    return activeSoftClasses[toggleColor] || activeSoftClasses.default;
+  }
+  return activeDefaultClasses[toggleColor] || activeDefaultClasses.default;
+};
+var singleToggleVariants = cva(
+  "inline-flex items-center gap-2 font-medium transition-colors cursor-pointer border rounded-md",
+  {
+    variants: {
+      size: {
+        xs: "text-xs px-2 py-1",
+        sm: "text-sm px-3 py-1.5",
+        md: "text-base px-4 py-2",
+        lg: "text-lg px-5 py-2.5"
+      }
+    },
+    defaultVariants: {
+      size: "md"
+    }
+  }
+);
+var getSingleToggleClasses = (color, variant, isPressed) => {
+  return getToggleClasses(color, variant, isPressed);
+};
+var Toggle = React.memo(
+  ({
+    pressed: controlledPressed,
+    defaultPressed = false,
+    color = "primary",
+    size = "md",
+    variant = "default",
+    onChange,
+    disabled = false,
+    icon,
+    children,
+    className
+  }) => {
+    const [internalPressed, setInternalPressed] = useState(defaultPressed);
+    const pressed = controlledPressed !== void 0 ? controlledPressed : internalPressed;
+    const handleClick = () => {
+      if (disabled) return;
+      const newPressed = !pressed;
+      if (controlledPressed === void 0) {
+        setInternalPressed(newPressed);
+      }
+      onChange?.(newPressed);
+    };
+    return /* @__PURE__ */ jsxs(
+      "button",
+      {
+        className: cn(
+          singleToggleVariants({ size }),
+          getSingleToggleClasses(color, variant, pressed),
+          "border",
+          disabled && "opacity-50 cursor-not-allowed",
+          className
+        ),
+        onClick: handleClick,
+        disabled,
+        children: [
+          icon,
+          children
+        ]
+      }
+    );
+  }
+);
+Toggle.displayName = "Toggle";
+var toggle_default = Toggle;
+
+export { toggle_default };
+//# sourceMappingURL=chunk-DPOSWW22.js.map
+//# sourceMappingURL=chunk-DPOSWW22.js.map

package/dist/chunk-DPOSWW22.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/toggle/index.tsx"],"names":[],"mappings":"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","file":"chunk-DPOSWW22.js","sourcesContent":["import { cva } from 'class-variance-authority'\nimport React, { useState } from 'react'\n\nimport { cn } from '../utils'\nimport type { SingleToggleProps } from './types'\n\n// Inactive hover states for each color\nconst inactiveHoverClasses = {\n  default: 'text-text-secondary hover:text-text-primary hover:bg-surface',\n  primary: 'text-text-secondary hover:text-primary hover:bg-primary/10',\n  secondary: 'text-text-secondary hover:text-secondary hover:bg-secondary/10',\n  accent: 'text-text-secondary hover:text-accent hover:bg-accent/10',\n  success: 'text-text-secondary hover:text-success hover:bg-success/10',\n  error: 'text-text-secondary hover:text-error hover:bg-error/10',\n  warning: 'text-text-secondary hover:text-warning hover:bg-warning/10',\n  info: 'text-text-secondary hover:text-info hover:bg-info/10',\n} as const\n\n// Active solid variant classes\nconst activeSolidClasses = {\n  default: 'bg-border text-text-primary',\n  primary: 'bg-primary text-background',\n  secondary: 'bg-secondary text-background',\n  accent: 'bg-accent text-background',\n  success: 'bg-success text-background',\n  error: 'bg-error text-background',\n  warning: 'bg-warning text-background',\n  info: 'bg-info text-background',\n} as const\n\n// Active soft variant classes\nconst activeSoftClasses = {\n  default: 'bg-border/20 text-text-primary',\n  primary: 'bg-primary/20 text-primary',\n  secondary: 'bg-secondary/20 text-secondary',\n  accent: 'bg-accent/20 text-accent',\n  success: 'bg-success/20 text-success',\n  error: 'bg-error/20 text-error',\n  warning: 'bg-warning/20 text-warning',\n  info: 'bg-info/20 text-info',\n} as const\n\n// Active default variant classes\nconst activeDefaultClasses = {\n  default: 'bg-surface text-text-primary',\n  primary: 'border-primary bg-primary/10 text-primary',\n  secondary: 'border-secondary bg-secondary/10 text-secondary',\n  accent: 'border-accent bg-accent/10 text-accent',\n  success: 'border-success bg-success/10 text-success',\n  error: 'border-error bg-error/10 text-error',\n  warning: 'border-warning bg-warning/10 text-warning',\n  info: 'border-info bg-info/10 text-info',\n} as const\n\ntype ToggleColor = keyof typeof inactiveHoverClasses\n\nconst getToggleClasses = (\n  color: string,\n  variant: string,\n  isActive: boolean,\n) => {\n  const toggleColor = color as ToggleColor\n\n  if (!isActive) {\n    return inactiveHoverClasses[toggleColor] || inactiveHoverClasses.default\n  }\n\n  // Active state\n  if (variant === 'solid') {\n    return activeSolidClasses[toggleColor] || activeSolidClasses.default\n  }\n  if (variant === 'soft') {\n    return activeSoftClasses[toggleColor] || activeSoftClasses.default\n  }\n  return activeDefaultClasses[toggleColor] || activeDefaultClasses.default\n}\n\nconst singleToggleVariants = cva(\n  'inline-flex items-center gap-2 font-medium transition-colors cursor-pointer border rounded-md',\n  {\n    variants: {\n      size: {\n        xs: 'text-xs px-2 py-1',\n        sm: 'text-sm px-3 py-1.5',\n        md: 'text-base px-4 py-2',\n        lg: 'text-lg px-5 py-2.5',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n    },\n  },\n)\n\n// Single toggle uses the same class logic as toggle group\nconst getSingleToggleClasses = (\n  color: string,\n  variant: string,\n  isPressed: boolean,\n) => {\n  return getToggleClasses(color, variant, isPressed)\n}\n\nconst Toggle = React.memo<SingleToggleProps>(\n  ({\n    pressed: controlledPressed,\n    defaultPressed = false,\n    color = 'primary',\n    size = 'md',\n    variant = 'default',\n    onChange,\n    disabled = false,\n    icon,\n    children,\n    className,\n  }) => {\n    const [internalPressed, setInternalPressed] = useState(defaultPressed)\n\n    const pressed =\n      controlledPressed !== undefined ? controlledPressed : internalPressed\n\n    const handleClick = () => {\n      if (disabled) return\n\n      const newPressed = !pressed\n      if (controlledPressed === undefined) {\n        setInternalPressed(newPressed)\n      }\n      onChange?.(newPressed)\n    }\n\n    return (\n      <button\n        className={cn(\n          singleToggleVariants({ size }),\n          getSingleToggleClasses(color, variant, pressed),\n          'border',\n          disabled && 'opacity-50 cursor-not-allowed',\n          className,\n        )}\n        onClick={handleClick}\n        disabled={disabled}\n      >\n        {icon}\n        {children}\n      </button>\n    )\n  },\n)\n\nToggle.displayName = 'Toggle'\n\nexport type * from './types'\nexport default Toggle\n"]}

package/dist/chunk-E2CYDDYC.js

@@ -0,0 +1,39 @@
+import { input_default } from './chunk-2JGAYDZR.js';
+import { iconSizes } from './chunk-YNNAOXU5.js';
+import { Eye, EyeOff } from 'lucide-react';
+import React from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+var PasswordInput = React.memo(
+  ({ visibilityToggle = true, size = "md", ref, ...props }) => {
+    const [showPassword, setShowPassword] = React.useState(false);
+    const toggleVisibility = React.useCallback(() => {
+      setShowPassword((prev) => !prev);
+    }, []);
+    return /* @__PURE__ */ jsx(
+      input_default,
+      {
+        ...props,
+        size,
+        ref,
+        type: showPassword ? "text" : "password",
+        rightIcon: visibilityToggle ? /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: toggleVisibility,
+            className: "cursor-pointer hover:text-text-primary",
+            "aria-label": showPassword ? "Hide password" : "Show password",
+            children: showPassword ? /* @__PURE__ */ jsx(Eye, { className: iconSizes[size] }) : /* @__PURE__ */ jsx(EyeOff, { className: iconSizes[size] })
+          }
+        ) : void 0
+      }
+    );
+  }
+);
+PasswordInput.displayName = "PasswordInput";
+var input_password_default = input_default;
+
+export { PasswordInput, input_password_default };
+//# sourceMappingURL=chunk-E2CYDDYC.js.map
+//# sourceMappingURL=chunk-E2CYDDYC.js.map

package/dist/chunk-E2CYDDYC.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/input-password/index.tsx"],"names":[],"mappings":";;;;;;AAOO,IAAM,gBAAgB,KAAA,CAAM,IAAA;AAAA,EACjC,CAAC,EAAE,gBAAA,GAAmB,IAAA,EAAM,OAAO,IAAA,EAAM,GAAA,EAAK,GAAG,KAAA,EAAM,KAAM;AAC3D,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,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,WACE,gBAAA,mBACE,GAAA;AAAA,UAAC,QAAA;AAAA,UAAA;AAAA,YACC,IAAA,EAAK,QAAA;AAAA,YACL,OAAA,EAAS,gBAAA;AAAA,YACT,SAAA,EAAU,wCAAA;AAAA,YACV,YAAA,EAAY,eAAe,eAAA,GAAkB,eAAA;AAAA,YAG5C,QAAA,EAAA,YAAA,mBACC,GAAA,CAAC,GAAA,EAAA,EAAI,SAAA,EAAW,SAAA,CAAU,IAAI,CAAA,EAAG,CAAA,mBAEjC,GAAA,CAAC,MAAA,EAAA,EAAO,SAAA,EAAW,SAAA,CAAU,IAAI,CAAA,EAAG;AAAA;AAAA,SAExC,GACE;AAAA;AAAA,KAER;AAAA,EAEJ;AACF;AAEA,aAAA,CAAc,WAAA,GAAc,eAAA;AAG5B,IAAO,sBAAA,GAAQ","file":"chunk-E2CYDDYC.js","sourcesContent":["import { Eye, EyeOff } from 'lucide-react'\nimport React from 'react'\n\nimport Input from '../input'\nimport { iconSizes } from '../utils'\nimport type { PasswordInputProps } from './types'\n\nexport const PasswordInput = React.memo<PasswordInputProps>(\n  ({ visibilityToggle = true, size = 'md', ref, ...props }) => {\n    const [showPassword, setShowPassword] = React.useState(false)\n\n    const toggleVisibility = React.useCallback(() => {\n      setShowPassword((prev) => !prev)\n    }, [])\n\n    return (\n      <Input\n        {...props}\n        size={size}\n        ref={ref}\n        type={showPassword ? 'text' : 'password'}\n        rightIcon={\n          visibilityToggle ? (\n            <button\n              type=\"button\"\n              onClick={toggleVisibility}\n              className=\"cursor-pointer hover:text-text-primary\"\n              aria-label={showPassword ? 'Hide password' : 'Show password'}\n              // tabIndex={-1}\n            >\n              {showPassword ? (\n                <Eye className={iconSizes[size]} />\n              ) : (\n                <EyeOff className={iconSizes[size]} />\n              )}\n            </button>\n          ) : undefined\n        }\n      />\n    )\n  },\n)\n\nPasswordInput.displayName = 'PasswordInput'\n\nexport type * from './types'\nexport default Input\n"]}