@mdigital_ui/ui 0.3.8 → 0.4.0

package/dist/chunk-MGKFJWQU.js

@@ -1,194 +0,0 @@
-import { Spinner } from './chunk-PHQOHVG3.js';
-import { createAllColorVariants, buttonColors } from './chunk-LK4EPTNG.js';
-import { cn } from './chunk-NGYLRX6F.js';
-import { cva } from 'class-variance-authority';
-import React from 'react';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-
-var buttonVariants = cva(
-  [
-    "inline-flex cursor-pointer text-center font-medium items-center justify-center",
-    "transition-[colors,transform] duration-200",
-    "active:scale-[0.97]",
-    "disabled:opacity-50 disabled:pointer-events-none",
-    // Focus ring for accessibility
-    "focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-offset-background"
-  ],
-  {
-    variants: {
-      variant: {
-        solid: "border",
-        outline: "border bg-transparent",
-        soft: "border-none",
-        dashed: "border border-dashed bg-transparent",
-        link: "border-none bg-transparent hover:underline active:scale-100",
-        ghost: "border-none bg-transparent"
-      },
-      color: {
-        primary: "border-primary focus-visible:ring-primary",
-        secondary: "border-secondary focus-visible:ring-secondary",
-        accent: "border-accent focus-visible:ring-accent",
-        success: "border-success focus-visible:ring-success",
-        error: "border-error focus-visible:ring-error",
-        warning: "border-warning focus-visible:ring-warning",
-        info: "border-info focus-visible:ring-info"
-      },
-      size: {
-        xs: "h-(--button-height-xs) px-(--button-padding-x-xs) text-xs gap-1.5",
-        sm: "h-(--button-height-sm) px-(--button-padding-x-sm) text-sm gap-2",
-        md: "h-(--button-height-md) px-(--button-padding-x-md) text-base gap-2",
-        lg: "h-(--button-height-lg) px-(--button-padding-x-lg) text-lg gap-2.5"
-      },
-      shape: {
-        rounded: "rounded-md",
-        pill: "rounded-full",
-        square: "rounded-none"
-      },
-      fullWidth: {
-        true: "w-full",
-        false: ""
-      },
-      iconOnly: {
-        true: "",
-        false: ""
-      }
-    },
-    compoundVariants: [
-      // Icon-only buttons: square aspect ratio
-      { iconOnly: true, size: "xs", class: "w-(--button-height-xs) px-0" },
-      { iconOnly: true, size: "sm", class: "w-(--button-height-sm) px-0" },
-      { iconOnly: true, size: "md", class: "w-(--button-height-md) px-0" },
-      { iconOnly: true, size: "lg", class: "w-(--button-height-lg) px-0" },
-      // Color variants
-      ...createAllColorVariants(buttonColors, [
-        "solid",
-        "outline",
-        "soft",
-        "dashed",
-        "link",
-        "ghost"
-      ])
-    ],
-    defaultVariants: {
-      variant: "solid",
-      color: "primary",
-      size: "md",
-      shape: "rounded",
-      fullWidth: false,
-      iconOnly: false
-    }
-  }
-);
-var spinnerSizeMap = {
-  xs: "xs",
-  sm: "xs",
-  md: "sm",
-  lg: "md"
-};
-function getSpinnerColor(variant, color) {
-  if (variant === "solid") {
-    return "default";
-  }
-  return color;
-}
-var Button = React.memo(
-  ({
-    variant = "solid",
-    color = "primary",
-    size = "md",
-    shape = "rounded",
-    loading = false,
-    loadingText,
-    loadingPosition = "left",
-    icon,
-    iconPlacement = "left",
-    leftIcon: leftIconProp,
-    rightIcon: rightIconProp,
-    fullWidth = false,
-    iconOnly = false,
-    className,
-    classNames,
-    children,
-    disabled,
-    ref,
-    ...props
-  }) => {
-    const isDisabled = disabled || loading;
-    const spinnerSize = spinnerSizeMap[size];
-    const spinnerColor = getSpinnerColor(variant, color);
-    const leftIcon = leftIconProp ?? (iconPlacement === "left" ? icon : void 0);
-    const rightIcon = rightIconProp ?? (iconPlacement === "right" ? icon : void 0);
-    const showLeftIcon = !loading && leftIcon;
-    const showRightIcon = !loading && rightIcon;
-    const showSpinnerLeft = loading && loadingPosition === "left";
-    const showSpinnerRight = loading && loadingPosition === "right";
-    const content = loading && loadingText ? loadingText : children;
-    const iconOnlyLoading = iconOnly && loading;
-    return /* @__PURE__ */ jsx(
-      "button",
-      {
-        ref,
-        type: props.type ?? "button",
-        className: cn(
-          "button_root",
-          buttonVariants({ color, size, variant, shape, fullWidth, iconOnly }),
-          classNames?.root,
-          className
-        ),
-        disabled: isDisabled,
-        "aria-busy": loading,
-        "aria-disabled": isDisabled,
-        "data-slot": "root",
-        ...props,
-        children: iconOnlyLoading ? /* @__PURE__ */ jsx(
-          "span",
-          {
-            className: cn("button_spinner", classNames?.spinner),
-            "data-slot": "spinner",
-            children: /* @__PURE__ */ jsx(Spinner, { size: spinnerSize, color: spinnerColor })
-          }
-        ) : /* @__PURE__ */ jsxs(Fragment, { children: [
-          showSpinnerLeft && /* @__PURE__ */ jsx(
-            "span",
-            {
-              className: cn("button_spinner", classNames?.spinner),
-              "data-slot": "spinner",
-              children: /* @__PURE__ */ jsx(Spinner, { size: spinnerSize, color: spinnerColor })
-            }
-          ),
-          showLeftIcon && /* @__PURE__ */ jsx(
-            "span",
-            {
-              className: cn("button_icon shrink-0", classNames?.icon, classNames?.leftIcon),
-              "data-slot": "icon",
-              children: leftIcon
-            }
-          ),
-          content,
-          showRightIcon && /* @__PURE__ */ jsx(
-            "span",
-            {
-              className: cn("button_icon shrink-0", classNames?.icon, classNames?.rightIcon),
-              "data-slot": "icon",
-              children: rightIcon
-            }
-          ),
-          showSpinnerRight && /* @__PURE__ */ jsx(
-            "span",
-            {
-              className: cn("button_spinner", classNames?.spinner),
-              "data-slot": "spinner",
-              children: /* @__PURE__ */ jsx(Spinner, { size: spinnerSize, color: spinnerColor })
-            }
-          )
-        ] })
-      }
-    );
-  }
-);
-Button.displayName = "Button";
-var button_default = Button;
-
-export { button_default };
-//# sourceMappingURL=chunk-MGKFJWQU.js.map
-//# sourceMappingURL=chunk-MGKFJWQU.js.map

package/dist/chunk-MGKFJWQU.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/button/index.tsx"],"names":[],"mappings":"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","file":"chunk-MGKFJWQU.js","sourcesContent":["'use client'\n\nimport { cva } from \"class-variance-authority\";\nimport React from \"react\";\n\nimport { Spinner } from \"../spinner\";\nimport { cn } from \"../utils\";\nimport { buttonColors, createAllColorVariants } from \"../variants\";\nimport type { ButtonProps, ButtonColor } from \"./types\";\n\nconst buttonVariants = cva(\n  [\n    \"inline-flex cursor-pointer text-center font-medium items-center justify-center\",\n    \"transition-[colors,transform] duration-200\",\n    \"active:scale-[0.97]\",\n    \"disabled:opacity-50 disabled:pointer-events-none\",\n    // Focus ring for accessibility\n    \"focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-offset-background\",\n  ],\n  {\n    variants: {\n      variant: {\n        solid: \"border\",\n        outline: \"border bg-transparent\",\n        soft: \"border-none\",\n        dashed: \"border border-dashed bg-transparent\",\n        link: \"border-none bg-transparent hover:underline active:scale-100\",\n        ghost: \"border-none bg-transparent\",\n      },\n      color: {\n        primary: \"border-primary focus-visible:ring-primary\",\n        secondary: \"border-secondary focus-visible:ring-secondary\",\n        accent: \"border-accent focus-visible:ring-accent\",\n        success: \"border-success focus-visible:ring-success\",\n        error: \"border-error focus-visible:ring-error\",\n        warning: \"border-warning focus-visible:ring-warning\",\n        info: \"border-info focus-visible:ring-info\",\n      },\n      size: {\n        xs: \"h-(--button-height-xs) px-(--button-padding-x-xs) text-xs gap-1.5\",\n        sm: \"h-(--button-height-sm) px-(--button-padding-x-sm) text-sm gap-2\",\n        md: \"h-(--button-height-md) px-(--button-padding-x-md) text-base gap-2\",\n        lg: \"h-(--button-height-lg) px-(--button-padding-x-lg) text-lg gap-2.5\",\n      },\n      shape: {\n        rounded: \"rounded-md\",\n        pill: \"rounded-full\",\n        square: \"rounded-none\",\n      },\n      fullWidth: {\n        true: \"w-full\",\n        false: \"\",\n      },\n      iconOnly: {\n        true: \"\",\n        false: \"\",\n      },\n    },\n    compoundVariants: [\n      // Icon-only buttons: square aspect ratio\n      { iconOnly: true, size: \"xs\", class: \"w-(--button-height-xs) px-0\" },\n      { iconOnly: true, size: \"sm\", class: \"w-(--button-height-sm) px-0\" },\n      { iconOnly: true, size: \"md\", class: \"w-(--button-height-md) px-0\" },\n      { iconOnly: true, size: \"lg\", class: \"w-(--button-height-lg) px-0\" },\n      // Color variants\n      ...createAllColorVariants(buttonColors, [\n        \"solid\",\n        \"outline\",\n        \"soft\",\n        \"dashed\",\n        \"link\",\n        \"ghost\",\n      ]),\n    ],\n    defaultVariants: {\n      variant: \"solid\",\n      color: \"primary\",\n      size: \"md\",\n      shape: \"rounded\",\n      fullWidth: false,\n      iconOnly: false,\n    },\n  },\n);\n\n// Map button size to spinner size\nconst spinnerSizeMap: Record<\n  NonNullable<ButtonProps[\"size\"]>,\n  \"xs\" | \"sm\" | \"md\" | \"lg\"\n> = {\n  xs: \"xs\",\n  sm: \"xs\",\n  md: \"sm\",\n  lg: \"md\",\n};\n\n// Get spinner color based on button variant\nfunction getSpinnerColor(\n  variant: ButtonProps[\"variant\"],\n  color: ButtonColor,\n): ButtonColor | \"default\" {\n  // Solid buttons have white text, so spinner should be white/default\n  if (variant === \"solid\") {\n    return \"default\";\n  }\n  // Other variants use the button's color\n  return color;\n}\n\nconst Button = React.memo<ButtonProps>(\n  ({\n    variant = \"solid\",\n    color = \"primary\",\n    size = \"md\",\n    shape = \"rounded\",\n    loading = false,\n    loadingText,\n    loadingPosition = \"left\",\n    icon,\n    iconPlacement = \"left\",\n    leftIcon: leftIconProp,\n    rightIcon: rightIconProp,\n    fullWidth = false,\n    iconOnly = false,\n    className,\n    classNames,\n    children,\n    disabled,\n    ref,\n    ...props\n  }) => {\n    const isDisabled = disabled || loading;\n    const spinnerSize = spinnerSizeMap[size];\n    const spinnerColor = getSpinnerColor(variant, color);\n\n    // Resolve icons: leftIcon/rightIcon take precedence over icon+iconPlacement\n    const leftIcon = leftIconProp ?? (iconPlacement === \"left\" ? icon : undefined);\n    const rightIcon = rightIconProp ?? (iconPlacement === \"right\" ? icon : undefined);\n\n    // Determine what to render\n    const showLeftIcon = !loading && leftIcon;\n    const showRightIcon = !loading && rightIcon;\n    const showSpinnerLeft = loading && loadingPosition === \"left\";\n    const showSpinnerRight = loading && loadingPosition === \"right\";\n\n    // Content: loadingText when loading, otherwise children\n    const content = loading && loadingText ? loadingText : children;\n\n    // For icon-only buttons with loading, just show spinner\n    const iconOnlyLoading = iconOnly && loading;\n\n    return (\n      <button\n        ref={ref}\n        type={props.type ?? \"button\"}\n        className={cn(\n          \"button_root\",\n          buttonVariants({ color, size, variant, shape, fullWidth, iconOnly }),\n          classNames?.root,\n          className,\n        )}\n        disabled={isDisabled}\n        aria-busy={loading}\n        aria-disabled={isDisabled}\n        data-slot=\"root\"\n        {...props}\n      >\n        {iconOnlyLoading ? (\n          <span\n            className={cn(\"button_spinner\", classNames?.spinner)}\n            data-slot=\"spinner\"\n          >\n            <Spinner size={spinnerSize} color={spinnerColor} />\n          </span>\n        ) : (\n          <>\n            {showSpinnerLeft && (\n              <span\n                className={cn(\"button_spinner\", classNames?.spinner)}\n                data-slot=\"spinner\"\n              >\n                <Spinner size={spinnerSize} color={spinnerColor} />\n              </span>\n            )}\n            {showLeftIcon && (\n              <span\n                className={cn(\"button_icon shrink-0\", classNames?.icon, classNames?.leftIcon)}\n                data-slot=\"icon\"\n              >\n                {leftIcon}\n              </span>\n            )}\n            {content}\n            {showRightIcon && (\n              <span\n                className={cn(\"button_icon shrink-0\", classNames?.icon, classNames?.rightIcon)}\n                data-slot=\"icon\"\n              >\n                {rightIcon}\n              </span>\n            )}\n            {showSpinnerRight && (\n              <span\n                className={cn(\"button_spinner\", classNames?.spinner)}\n                data-slot=\"spinner\"\n              >\n                <Spinner size={spinnerSize} color={spinnerColor} />\n              </span>\n            )}\n          </>\n        )}\n      </button>\n    );\n  },\n);\n\nButton.displayName = \"Button\";\n\nexport type * from \"./types\";\nexport default Button;\n"]}

package/dist/chunk-MOQDO4XZ.js

@@ -1,77 +0,0 @@
-import { createTooltipSoftColorVariants, tooltipSolidColorClasses, componentColors } from './chunk-LK4EPTNG.js';
-import { cn } from './chunk-NGYLRX6F.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 will-change-[transform,_opacity] 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 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 data-[state=closed]:data-[side=top]:slide-out-to-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: tooltipSolidColorClasses,
-      variant: {
-        solid: "",
-        soft: "border"
-      }
-    },
-    compoundVariants: createTooltipSoftColorVariants(componentColors),
-    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,
-    classNames,
-    ...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(
-            "tooltip_content",
-            tooltipContentVariants({ size, color, variant }),
-            className,
-            classNames?.content
-          ),
-          sideOffset: 4,
-          ...props,
-          children: content
-        }
-      ) })
-    ] });
-  }
-);
-Tooltip.displayName = "Tooltip";
-var tooltip_default = Tooltip;
-
-export { TooltipProvider, tooltip_default };
-//# sourceMappingURL=chunk-MOQDO4XZ.js.map
-//# sourceMappingURL=chunk-MOQDO4XZ.js.map

package/dist/chunk-MOQDO4XZ.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/tooltip/index.tsx"],"names":[],"mappings":";;;;;;;AAcA,IAAM,sBAAA,GAAyB,GAAA;AAAA,EAC7B,slBAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,mBAAA;AAAA,QACJ,EAAA,EAAI,qBAAA;AAAA,QACJ,EAAA,EAAI,uBAAA;AAAA,QACJ,EAAA,EAAI;AAAA,OACN;AAAA,MACA,KAAA,EAAO,wBAAA;AAAA,MACP,OAAA,EAAS;AAAA,QACP,KAAA,EAAO,EAAA;AAAA,QACP,IAAA,EAAM;AAAA;AACR,KACF;AAAA,IACA,gBAAA,EAAkB,+BAA+B,eAAe,CAAA;AAAA,IAChE,eAAA,EAAiB;AAAA,MACf,IAAA,EAAM,IAAA;AAAA,MACN,KAAA,EAAO,SAAA;AAAA,MACP,OAAA,EAAS;AAAA;AACX;AAEJ,CAAA;AAEO,IAAM,eAAA,GAAmC,gBAAA,CAAA;AAUhD,IAAM,UAAU,KAAA,CAAM,IAAA;AAAA,EACpB,CAAC;AAAA,IACC,OAAA;AAAA,IACA,QAAA;AAAA,IACA,KAAA,GAAQ,SAAA;AAAA,IACR,IAAA,GAAO,IAAA;AAAA,IACP,OAAA,GAAU,OAAA;AAAA,IACV,IAAA,GAAO,KAAA;AAAA,IACP,KAAA,GAAQ,QAAA;AAAA,IACR,aAAA,GAAgB,GAAA;AAAA,IAChB,QAAA,GAAW,KAAA;AAAA,IACX,SAAA;AAAA,IACA,UAAA;AAAA,IACA,GAAG;AAAA,GACL,KAAM;AACJ,IAAA,IAAI,QAAA,EAAU;AACZ,MAAA,uCAAU,QAAA,EAAS,CAAA;AAAA,IACrB;AAEA,IAAA,uBACE,IAAA,CAAkB,gBAAA,CAAA,IAAA,EAAjB,EAAsB,aAAA,EACrB,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAkB,gBAAA,CAAA,OAAA,EAAjB,EAAyB,OAAA,EAAO,IAAA,EAAE,QAAA,EAAS,CAAA;AAAA,sBAC5C,GAAA,CAAkB,yBAAjB,EACC,QAAA,kBAAA,GAAA;AAAA,QAAkB,gBAAA,CAAA,OAAA;AAAA,QAAjB;AAAA,UACC,IAAA;AAAA,UACA,KAAA;AAAA,UACA,SAAA,EAAW,EAAA;AAAA,YACT,iBAAA;AAAA,YACA,sBAAA,CAAuB,EAAE,IAAA,EAAM,KAAA,EAAO,SAAS,CAAA;AAAA,YAC/C,SAAA;AAAA,YACA,UAAA,EAAY;AAAA,WACd;AAAA,UACA,UAAA,EAAY,CAAA;AAAA,UACX,GAAG,KAAA;AAAA,UAEH,QAAA,EAAA;AAAA;AAAA,OACH,EACF;AAAA,KAAA,EACF,CAAA;AAAA,EAEJ;AACF,CAAA;AAEA,OAAA,CAAQ,WAAA,GAAc,SAAA;AAGtB,IAAO,eAAA,GAAQ","file":"chunk-MOQDO4XZ.js","sourcesContent":["'use client'\n\nimport * as TooltipPrimitive from '@radix-ui/react-tooltip'\nimport { cva } from 'class-variance-authority'\nimport React from 'react'\n\nimport { cn } from '../utils'\nimport {\n  componentColors,\n  createTooltipSoftColorVariants,\n  tooltipSolidColorClasses,\n} from '../variants'\nimport type { TooltipProps } from './types'\n\nconst tooltipContentVariants = cva(\n  'z-50 overflow-hidden rounded px-3 py-1.5 text-sm will-change-[transform,_opacity] 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 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 data-[state=closed]:data-[side=top]:slide-out-to-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: tooltipSolidColorClasses,\n      variant: {\n        solid: '',\n        soft: 'border',\n      },\n    },\n    compoundVariants: createTooltipSoftColorVariants(componentColors),\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    classNames,\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              'tooltip_content',\n              tooltipContentVariants({ size, color, variant }),\n              className,\n              classNames?.content,\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-NGYLRX6F.js

@@ -1,42 +0,0 @@
-import { cva } from 'class-variance-authority';
-import { clsx } from 'clsx';
-import { twMerge } from 'tailwind-merge';
-
-// src/utils.ts
-function cn(...inputs) {
-  return twMerge(clsx(inputs));
-}
-var iconSizes = {
-  xs: "h-3 w-3",
-  sm: "h-3.5 w-3.5",
-  md: "h-4 w-4",
-  lg: "h-5 w-5"
-};
-function getValidationStatus(messages) {
-  const { error, warning, info, success, helperText } = messages;
-  const message = error || warning || info || success || helperText;
-  let status = "default";
-  if (error) status = "error";
-  else if (warning) status = "warning";
-  else if (success) status = "success";
-  else if (info) status = "info";
-  return { status, message };
-}
-var statusMessageVariants = cva("text-xs", {
-  variants: {
-    status: {
-      default: "text-text-secondary",
-      error: "text-error",
-      warning: "text-warning",
-      info: "text-info",
-      success: "text-success"
-    }
-  },
-  defaultVariants: {
-    status: "default"
-  }
-});
-
-export { cn, getValidationStatus, iconSizes, statusMessageVariants };
-//# sourceMappingURL=chunk-NGYLRX6F.js.map
-//# sourceMappingURL=chunk-NGYLRX6F.js.map

package/dist/chunk-NGYLRX6F.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/utils.ts"],"names":[],"mappings":";;;;;AAaO,SAAS,MAAM,MAAA,EAA8B;AAClD,EAAA,OAAO,OAAA,CAAQ,IAAA,CAAK,MAAM,CAAC,CAAA;AAC7B;AAOO,IAAM,SAAA,GAAY;AAAA,EACvB,EAAA,EAAI,SAAA;AAAA,EACJ,EAAA,EAAI,aAAA;AAAA,EACJ,EAAA,EAAI,SAAA;AAAA,EACJ,EAAA,EAAI;AACN;AAkCO,SAAS,oBAAoB,QAAA,EAGlC;AACA,EAAA,MAAM,EAAE,KAAA,EAAO,OAAA,EAAS,IAAA,EAAM,OAAA,EAAS,YAAW,GAAI,QAAA;AACtD,EAAA,MAAM,OAAA,GAAU,KAAA,IAAS,OAAA,IAAW,IAAA,IAAQ,OAAA,IAAW,UAAA;AAEvD,EAAA,IAAI,MAAA,GAA2B,SAAA;AAC/B,EAAA,IAAI,OAAO,MAAA,GAAS,OAAA;AAAA,OAAA,IACX,SAAS,MAAA,GAAS,SAAA;AAAA,OAAA,IAClB,SAAS,MAAA,GAAS,SAAA;AAAA,OAAA,IAClB,MAAM,MAAA,GAAS,MAAA;AAExB,EAAA,OAAO,EAAE,QAAQ,OAAA,EAAQ;AAC3B;AAWO,IAAM,qBAAA,GAAwB,IAAI,SAAA,EAAW;AAAA,EAClD,QAAA,EAAU;AAAA,IACR,MAAA,EAAQ;AAAA,MACN,OAAA,EAAS,qBAAA;AAAA,MACT,KAAA,EAAO,YAAA;AAAA,MACP,OAAA,EAAS,cAAA;AAAA,MACT,IAAA,EAAM,WAAA;AAAA,MACN,OAAA,EAAS;AAAA;AACX,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,MAAA,EAAQ;AAAA;AAEZ,CAAC","file":"chunk-NGYLRX6F.js","sourcesContent":["/**\n * Global UI Utilities\n * Shared utilities for all components\n */\n\nimport { cva } from 'class-variance-authority'\nimport { clsx, type ClassValue } from 'clsx'\nimport { twMerge } from 'tailwind-merge'\n\n/**\n * Merge class names with Tailwind CSS conflict resolution\n * Combines clsx for conditional classes with tailwind-merge for deduplication\n */\nexport function cn(...inputs: ClassValue[]): string {\n  return twMerge(clsx(inputs))\n}\n\n/**\n * Shared icon sizes for consistent sizing across components\n * Used in Button, Input, Checkbox, Select, MultiSelect, DatePicker, TimePicker, etc.\n * Standardized to 4-size scale: xs, sm, md, lg\n */\nexport const iconSizes = {\n  xs: 'h-3 w-3',\n  sm: 'h-3.5 w-3.5',\n  md: 'h-4 w-4',\n  lg: 'h-5 w-5',\n} as const\n\n/**\n * Validation status types for form components\n */\nexport type ValidationStatus =\n  | 'default'\n  | 'error'\n  | 'warning'\n  | 'info'\n  | 'success'\n\n/**\n * Status message props interface\n */\nexport interface StatusMessages {\n  error?: string | boolean\n  warning?: string | boolean\n  info?: string | boolean\n  success?: string | boolean\n  helperText?: string\n}\n\n/**\n * Resolves validation status and message from status props\n * Used in Input, Textarea, Select, MultiSelect, DatePicker, TimePicker, etc.\n *\n * @param messages - Object containing possible status messages\n * @returns Object with resolved status and message\n *\n * @example\n * const { status, message } = getValidationStatus({ error: \"Invalid email\", helperText: \"Enter your email\" });\n * // Returns: { status: \"error\", message: \"Invalid email\" }\n */\nexport function getValidationStatus(messages: StatusMessages): {\n  status: ValidationStatus\n  message?: string | boolean\n} {\n  const { error, warning, info, success, helperText } = messages\n  const message = error || warning || info || success || helperText\n\n  let status: ValidationStatus = 'default'\n  if (error) status = 'error'\n  else if (warning) status = 'warning'\n  else if (success) status = 'success'\n  else if (info) status = 'info'\n\n  return { status, message }\n}\n\n/**\n * Status message styling variants using cva\n * Provides consistent styling for helper/error/warning/info/success messages\n *\n * @example\n * <p className={statusMessageVariants({ status: \"error\" })}>\n *   {message}\n * </p>\n */\nexport const statusMessageVariants = cva('text-xs', {\n  variants: {\n    status: {\n      default: 'text-text-secondary',\n      error: 'text-error',\n      warning: 'text-warning',\n      info: 'text-info',\n      success: 'text-success',\n    },\n  },\n  defaultVariants: {\n    status: 'default',\n  },\n})\n"]}