@mdigital_ui/ui 0.3.8 → 0.4.0

package/dist/chunk-DRL4CJMI.js

@@ -1,147 +0,0 @@
-import { cn, iconSizes } from './chunk-NGYLRX6F.js';
-import { cva } from 'class-variance-authority';
-import { ExternalLink } from 'lucide-react';
-import React from 'react';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-var linkVariants = cva(
-  "inline-flex items-center gap-1 font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2 focus-visible:ring-offset-background",
-  {
-    variants: {
-      color: {
-        default: "text-text-primary hover:text-text-primary/80",
-        primary: "text-primary hover:text-primary/80",
-        secondary: "text-secondary hover:text-secondary/80",
-        accent: "text-accent hover:text-accent/80",
-        success: "text-success hover:text-success/80",
-        error: "text-error hover:text-error/80",
-        warning: "text-warning hover:text-warning/80",
-        info: "text-info hover:text-info/80"
-      },
-      size: {
-        xs: "text-xs",
-        sm: "text-sm",
-        md: "text-base",
-        lg: "text-lg"
-      },
-      underline: {
-        always: "underline",
-        hover: "no-underline hover:underline",
-        none: "no-underline"
-      },
-      disabled: {
-        true: "opacity-50 pointer-events-none cursor-not-allowed",
-        false: "cursor-pointer"
-      }
-    },
-    defaultVariants: {
-      color: "default",
-      size: "md",
-      underline: "hover",
-      disabled: false
-    }
-  }
-);
-var Link = React.memo(
-  ({
-    children,
-    color = "default",
-    size = "md",
-    underline = "hover",
-    external = false,
-    showExternalIcon = true,
-    disabled = false,
-    leftIcon,
-    rightIcon,
-    className,
-    classNames,
-    href,
-    ref,
-    onClick,
-    ...props
-  }) => {
-    const handleClick = (e) => {
-      if (disabled) {
-        e.preventDefault();
-        return;
-      }
-      onClick?.(e);
-    };
-    const externalProps = external ? {
-      target: "_blank",
-      rel: "noopener noreferrer"
-    } : {};
-    const showExternalIconRendered = external && showExternalIcon;
-    return /* @__PURE__ */ jsxs(
-      "a",
-      {
-        ref,
-        href: disabled ? void 0 : href,
-        className: cn(
-          "link_root",
-          (leftIcon || rightIcon) && "align-top",
-          linkVariants({
-            color,
-            size,
-            underline,
-            disabled
-          }),
-          classNames?.root,
-          className
-        ),
-        onClick: handleClick,
-        "aria-disabled": disabled || void 0,
-        "data-slot": "root",
-        ...externalProps,
-        ...props,
-        children: [
-          leftIcon && /* @__PURE__ */ jsx(
-            "span",
-            {
-              className: cn(
-                "link_icon",
-                "inline-flex items-center justify-center shrink-0",
-                iconSizes[size],
-                classNames?.icon
-              ),
-              "data-slot": "icon",
-              children: leftIcon
-            }
-          ),
-          children,
-          rightIcon && /* @__PURE__ */ jsx(
-            "span",
-            {
-              className: cn(
-                "link_icon",
-                "inline-flex items-center justify-center shrink-0",
-                iconSizes[size],
-                classNames?.icon
-              ),
-              "data-slot": "icon",
-              children: rightIcon
-            }
-          ),
-          showExternalIconRendered && /* @__PURE__ */ jsx(
-            ExternalLink,
-            {
-              className: cn(
-                "link_externalIcon",
-                iconSizes[size],
-                classNames?.externalIcon
-              ),
-              "aria-label": "Opens in new tab",
-              "data-slot": "externalIcon"
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-Link.displayName = "Link";
-var link_default = Link;
-
-export { link_default };
-//# sourceMappingURL=chunk-DRL4CJMI.js.map
-//# sourceMappingURL=chunk-DRL4CJMI.js.map

package/dist/chunk-DRL4CJMI.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/link/index.tsx"],"names":[],"mappings":"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","file":"chunk-DRL4CJMI.js","sourcesContent":["\"use client\";\n\nimport { cva } from \"class-variance-authority\";\nimport { ExternalLink } from \"lucide-react\";\nimport React from \"react\";\n\nimport { cn, iconSizes } from \"../utils\";\nimport type { LinkProps, LinkSize } from \"./types\";\n\n/**\n * Link variants\n */\nconst linkVariants = cva(\n  \"inline-flex items-center gap-1 font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2 focus-visible:ring-offset-background\",\n  {\n    variants: {\n      color: {\n        default: \"text-text-primary hover:text-text-primary/80\",\n        primary: \"text-primary hover:text-primary/80\",\n        secondary: \"text-secondary hover:text-secondary/80\",\n        accent: \"text-accent hover:text-accent/80\",\n        success: \"text-success hover:text-success/80\",\n        error: \"text-error hover:text-error/80\",\n        warning: \"text-warning hover:text-warning/80\",\n        info: \"text-info hover:text-info/80\",\n      },\n      size: {\n        xs: \"text-xs\",\n        sm: \"text-sm\",\n        md: \"text-base\",\n        lg: \"text-lg\",\n      },\n      underline: {\n        always: \"underline\",\n        hover: \"no-underline hover:underline\",\n        none: \"no-underline\",\n      },\n      disabled: {\n        true: \"opacity-50 pointer-events-none cursor-not-allowed\",\n        false: \"cursor-pointer\",\n      },\n    },\n    defaultVariants: {\n      color: \"default\",\n      size: \"md\",\n      underline: \"hover\",\n      disabled: false,\n    },\n  },\n);\n\n/**\n * Link Component\n */\nconst Link = React.memo<LinkProps>(\n  ({\n    children,\n    color = \"default\",\n    size = \"md\",\n    underline = \"hover\",\n    external = false,\n    showExternalIcon = true,\n    disabled = false,\n    leftIcon,\n    rightIcon,\n    className,\n    classNames,\n    href,\n    ref,\n    onClick,\n    ...props\n  }) => {\n    const handleClick = (e: React.MouseEvent<HTMLAnchorElement>) => {\n      if (disabled) {\n        e.preventDefault();\n        return;\n      }\n      onClick?.(e);\n    };\n\n    const externalProps = external\n      ? {\n          target: \"_blank\",\n          rel: \"noopener noreferrer\",\n        }\n      : {};\n\n    const showExternalIconRendered = external && showExternalIcon;\n\n    return (\n      <a\n        ref={ref}\n        href={disabled ? undefined : href}\n        className={cn(\n          \"link_root\",\n          (leftIcon || rightIcon) && \"align-top\",\n          linkVariants({\n            color,\n            size,\n            underline,\n            disabled,\n          }),\n          classNames?.root,\n          className,\n        )}\n        onClick={handleClick}\n        aria-disabled={disabled || undefined}\n        data-slot=\"root\"\n        {...externalProps}\n        {...props}\n      >\n        {leftIcon && (\n          <span\n            className={cn(\n              \"link_icon\",\n              \"inline-flex items-center justify-center shrink-0\",\n              iconSizes[size as LinkSize],\n              classNames?.icon,\n            )}\n            data-slot=\"icon\"\n          >\n            {leftIcon}\n          </span>\n        )}\n        {children}\n        {rightIcon && (\n          <span\n            className={cn(\n              \"link_icon\",\n              \"inline-flex items-center justify-center shrink-0\",\n              iconSizes[size as LinkSize],\n              classNames?.icon,\n            )}\n            data-slot=\"icon\"\n          >\n            {rightIcon}\n          </span>\n        )}\n        {showExternalIconRendered && (\n          <ExternalLink\n            className={cn(\n              \"link_externalIcon\",\n              iconSizes[size as LinkSize],\n              classNames?.externalIcon,\n            )}\n            aria-label=\"Opens in new tab\"\n            data-slot=\"externalIcon\"\n          />\n        )}\n      </a>\n    );\n  },\n);\n\nLink.displayName = \"Link\";\n\nexport type * from \"./types\";\nexport default Link;\n"]}

package/dist/chunk-DUNER5Q3.js

@@ -1,133 +0,0 @@
-import { cn } from './chunk-NGYLRX6F.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,transform] cursor-pointer border rounded-md active:scale-[0.95] focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2",
-  {
-    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,
-    "aria-label": ariaLabel,
-    className,
-    classNames
-  }) => {
-    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",
-      {
-        type: "button",
-        className: cn(
-          "toggle_root",
-          singleToggleVariants({ size }),
-          getSingleToggleClasses(color, variant, pressed),
-          "border",
-          disabled && "opacity-50 cursor-not-allowed",
-          classNames?.root,
-          className
-        ),
-        onClick: handleClick,
-        disabled,
-        "aria-pressed": pressed,
-        "aria-label": ariaLabel,
-        children: [
-          icon,
-          children
-        ]
-      }
-    );
-  }
-);
-Toggle.displayName = "Toggle";
-var toggle_default = Toggle;
-
-export { toggle_default };
-//# sourceMappingURL=chunk-DUNER5Q3.js.map
-//# sourceMappingURL=chunk-DUNER5Q3.js.map

package/dist/chunk-DUNER5Q3.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/toggle/index.tsx"],"names":[],"mappings":"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","file":"chunk-DUNER5Q3.js","sourcesContent":["'use client'\n\nimport { 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,transform] cursor-pointer border rounded-md active:scale-[0.95] focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2',\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    'aria-label': ariaLabel,\n    className,\n    classNames,\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        type=\"button\"\n        className={cn(\n          'toggle_root',\n          singleToggleVariants({ size }),\n          getSingleToggleClasses(color, variant, pressed),\n          'border',\n          disabled && 'opacity-50 cursor-not-allowed',\n          classNames?.root,\n          className,\n        )}\n        onClick={handleClick}\n        disabled={disabled}\n        aria-pressed={pressed}\n        aria-label={ariaLabel}\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-E222IQHF.js

@@ -1,184 +0,0 @@
-import { cn } from './chunk-NGYLRX6F.js';
-import { cva } from 'class-variance-authority';
-import React, { useState } from 'react';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
-var toggleGroupVariants = cva(
-  "inline-flex border rounded-md overflow-hidden",
-  {
-    variants: {
-      size: {
-        xs: "gap-0",
-        sm: "gap-0",
-        md: "gap-0",
-        lg: "gap-0"
-      }
-    },
-    defaultVariants: {
-      size: "md"
-    }
-  }
-);
-var toggleItemVariants = cva(
-  "font-medium transition-[colors,transform] cursor-pointer border-r last:border-r-0 active:scale-[0.97] focus:outline-none focus-visible:ring-2 focus-visible:ring-inset",
-  {
-    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 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 ToggleGroup = React.memo(
-  ({
-    options,
-    value: controlledValue,
-    defaultValue,
-    multiple = false,
-    color = "primary",
-    size = "md",
-    variant = "default",
-    onChange,
-    fullWidth = false,
-    disabled = false,
-    className,
-    centered = false,
-    classNames
-  }) => {
-    const [internalValue, setInternalValue] = useState(
-      defaultValue || (multiple ? [] : options[0]?.value || "")
-    );
-    const value = controlledValue !== void 0 ? controlledValue : internalValue;
-    const handleToggleClick = (optionValue, optionDisabled) => {
-      if (disabled || optionDisabled) return;
-      let newValue;
-      if (multiple) {
-        const currentValues = Array.isArray(value) ? value : [];
-        if (currentValues.includes(optionValue)) {
-          newValue = currentValues.filter((v) => v !== optionValue);
-        } else {
-          newValue = [...currentValues, optionValue];
-        }
-      } else {
-        newValue = optionValue;
-      }
-      if (controlledValue === void 0) {
-        setInternalValue(newValue);
-      }
-      onChange?.(newValue);
-    };
-    const isActive = (optionValue) => {
-      if (multiple && Array.isArray(value)) {
-        return value.includes(optionValue);
-      }
-      return optionValue === value;
-    };
-    return /* @__PURE__ */ jsx(
-      "div",
-      {
-        role: "group",
-        className: cn(
-          "toggleGroup_root",
-          toggleGroupVariants({ size }),
-          "border-border bg-background",
-          classNames?.root,
-          className,
-          fullWidth && "grid w-full"
-        ),
-        style: fullWidth ? { gridTemplateColumns: `repeat(${options.length}, 1fr)` } : void 0,
-        children: options.map((option) => {
-          const active = isActive(option.value);
-          const isDisabled = disabled || option.disabled;
-          return /* @__PURE__ */ jsx(
-            "button",
-            {
-              type: "button",
-              className: cn(
-                "toggleGroup_item",
-                toggleItemVariants({ size }),
-                getToggleClasses(color, variant, active),
-                "border-border flex items-center justify-center",
-                isDisabled && "opacity-50 cursor-not-allowed",
-                centered && "text-center",
-                classNames?.item
-              ),
-              onClick: () => handleToggleClick(option.value, option.disabled),
-              disabled: isDisabled,
-              "aria-pressed": active,
-              children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-                option.icon,
-                option.label
-              ] })
-            },
-            option.value
-          );
-        })
-      }
-    );
-  }
-);
-ToggleGroup.displayName = "ToggleGroup";
-var toggle_group_default = ToggleGroup;
-
-export { ToggleGroup, toggle_group_default };
-//# sourceMappingURL=chunk-E222IQHF.js.map
-//# sourceMappingURL=chunk-E222IQHF.js.map

package/dist/chunk-E222IQHF.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/toggle-group/index.tsx"],"names":[],"mappings":"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","file":"chunk-E222IQHF.js","sourcesContent":["'use client'\n\nimport { cva } from 'class-variance-authority'\nimport React, { useState } from 'react'\n\nimport { cn } from '../utils'\nimport type { ToggleGroupProps } from './types'\n\nconst toggleGroupVariants = cva(\n  'inline-flex border rounded-md overflow-hidden',\n  {\n    variants: {\n      size: {\n        xs: 'gap-0',\n        sm: 'gap-0',\n        md: 'gap-0',\n        lg: 'gap-0',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n    },\n  },\n)\n\nconst toggleItemVariants = cva(\n  'font-medium transition-[colors,transform] cursor-pointer border-r last:border-r-0 active:scale-[0.97] focus:outline-none focus-visible:ring-2 focus-visible:ring-inset',\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// 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\nexport const ToggleGroup = React.memo<ToggleGroupProps>(\n  ({\n    options,\n    value: controlledValue,\n    defaultValue,\n    multiple = false,\n    color = 'primary',\n    size = 'md',\n    variant = 'default',\n    onChange,\n    fullWidth = false,\n    disabled = false,\n    className,\n    centered = false,\n    classNames,\n  }) => {\n    const [internalValue, setInternalValue] = useState<string | string[]>(\n      defaultValue || (multiple ? [] : options[0]?.value || ''),\n    )\n\n    const value =\n      controlledValue !== undefined ? controlledValue : internalValue\n\n    const handleToggleClick = (\n      optionValue: string,\n      optionDisabled?: boolean,\n    ) => {\n      if (disabled || optionDisabled) return\n\n      let newValue: string | string[]\n\n      if (multiple) {\n        const currentValues = Array.isArray(value) ? value : []\n        if (currentValues.includes(optionValue)) {\n          newValue = currentValues.filter((v) => v !== optionValue)\n        } else {\n          newValue = [...currentValues, optionValue]\n        }\n      } else {\n        newValue = optionValue\n      }\n\n      if (controlledValue === undefined) {\n        setInternalValue(newValue)\n      }\n      onChange?.(newValue)\n    }\n\n    const isActive = (optionValue: string) => {\n      if (multiple && Array.isArray(value)) {\n        return value.includes(optionValue)\n      }\n      return optionValue === value\n    }\n\n    return (\n      <div\n        role=\"group\"\n        className={cn(\n          'toggleGroup_root',\n          toggleGroupVariants({ size }),\n          'border-border bg-background',\n          classNames?.root,\n          className,\n          fullWidth && 'grid w-full',\n        )}\n        style={fullWidth ? { gridTemplateColumns: `repeat(${options.length}, 1fr)` } : undefined}\n      >\n        {options.map((option) => {\n          const active = isActive(option.value)\n          const isDisabled = disabled || option.disabled\n\n          return (\n            <button\n              type=\"button\"\n              key={option.value}\n              className={cn(\n                'toggleGroup_item',\n                toggleItemVariants({ size }),\n                getToggleClasses(color, variant, active),\n\n                'border-border flex items-center justify-center',\n                isDisabled && 'opacity-50 cursor-not-allowed',\n                centered && 'text-center',\n                classNames?.item,\n              )}\n              onClick={() => handleToggleClick(option.value, option.disabled)}\n              disabled={isDisabled}\n              aria-pressed={active}\n            >\n              <div className=\"flex items-center gap-2\">\n                {option.icon}\n                {option.label}\n              </div>\n            </button>\n          )\n        })}\n      </div>\n    )\n  },\n)\n\nToggleGroup.displayName = 'ToggleGroup'\n\nexport type * from './types'\nexport default ToggleGroup\n"]}

package/dist/chunk-EGNF7BRT.js

@@ -1,75 +0,0 @@
-import { createKbdColorVariants, componentColors } from './chunk-LK4EPTNG.js';
-import { cn } from './chunk-NGYLRX6F.js';
-import { cva } from 'class-variance-authority';
-import React from 'react';
-import { jsx } from 'react/jsx-runtime';
-
-var kbdVariants = cva(
-  "pointer-events-none min-w-4 min-h-3.5 border inline-flex w-fit items-center justify-center gap-1 rounded-sm font-sans font-medium select-none",
-  {
-    variants: {
-      variant: {
-        solid: "",
-        outline: "",
-        soft: ""
-      },
-      color: {
-        default: "",
-        primary: "",
-        secondary: "",
-        accent: "",
-        success: "",
-        error: "",
-        warning: "",
-        info: ""
-      },
-      size: {
-        xs: "h-3.5 p-0.5 text-[9px]",
-        sm: "h-4 p-0.5 text-xs",
-        md: "h-4.5 px-1.5 text-sm",
-        lg: "h-5 px-2 text-sm"
-      }
-    },
-    compoundVariants: createKbdColorVariants(componentColors, [
-      "solid",
-      "outline",
-      "soft"
-    ]),
-    defaultVariants: {
-      variant: "outline",
-      color: "default",
-      size: "sm"
-    }
-  }
-);
-var Kbd = React.memo(
-  ({
-    variant = "outline",
-    color = "default",
-    size = "sm",
-    className,
-    children,
-    ...props
-  }) => {
-    return /* @__PURE__ */ jsx(
-      "kbd",
-      {
-        "data-slot": "root",
-        className: cn(
-          "kbd_root",
-          kbdVariants({ variant, color, size }),
-          "[&_svg:not([class*='size-'])]:size-3",
-          className
-        ),
-        ...props,
-        children
-      }
-    );
-  }
-);
-Kbd.displayName = "Kbd";
-var kbd_default = Kbd;
-
-export { kbd_default };
-//# sourceMappingURL=chunk-EGNF7BRT.js.map
-//# sourceMappingURL=chunk-EGNF7BRT.js.map

package/dist/chunk-EGNF7BRT.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/kbd/index.tsx"],"names":[],"mappings":";;;;;;AAOA,IAAM,WAAA,GAAc,GAAA;AAAA,EAClB,+IAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,OAAA,EAAS;AAAA,QACP,KAAA,EAAO,EAAA;AAAA,QACP,OAAA,EAAS,EAAA;AAAA,QACT,IAAA,EAAM;AAAA,OACR;AAAA,MACA,KAAA,EAAO;AAAA,QACL,OAAA,EAAS,EAAA;AAAA,QACT,OAAA,EAAS,EAAA;AAAA,QACT,SAAA,EAAW,EAAA;AAAA,QACX,MAAA,EAAQ,EAAA;AAAA,QACR,OAAA,EAAS,EAAA;AAAA,QACT,KAAA,EAAO,EAAA;AAAA,QACP,OAAA,EAAS,EAAA;AAAA,QACT,IAAA,EAAM;AAAA,OACR;AAAA,MACA,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,wBAAA;AAAA,QACJ,EAAA,EAAI,mBAAA;AAAA,QACJ,EAAA,EAAI,sBAAA;AAAA,QACJ,EAAA,EAAI;AAAA;AACN,KACF;AAAA,IACA,gBAAA,EAAkB,uBAAuB,eAAA,EAAiB;AAAA,MACxD,OAAA;AAAA,MACA,SAAA;AAAA,MACA;AAAA,KACD,CAAA;AAAA,IACD,eAAA,EAAiB;AAAA,MACf,OAAA,EAAS,SAAA;AAAA,MACT,KAAA,EAAO,SAAA;AAAA,MACP,IAAA,EAAM;AAAA;AACR;AAEJ,CAAA;AAEA,IAAM,MAAM,KAAA,CAAM,IAAA;AAAA,EAChB,CAAC;AAAA,IACC,OAAA,GAAU,SAAA;AAAA,IACV,KAAA,GAAQ,SAAA;AAAA,IACR,IAAA,GAAO,IAAA;AAAA,IACP,SAAA;AAAA,IACA,QAAA;AAAA,IACA,GAAG;AAAA,GACL,KAAM;AACJ,IAAA,uBACE,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,WAAA,EAAU,MAAA;AAAA,QACV,SAAA,EAAW,EAAA;AAAA,UACT,UAAA;AAAA,UACA,WAAA,CAAY,EAAE,OAAA,EAAS,KAAA,EAAO,MAAM,CAAA;AAAA,UACpC,sCAAA;AAAA,UACA;AAAA,SACF;AAAA,QACC,GAAG,KAAA;AAAA,QAEH;AAAA;AAAA,KACH;AAAA,EAEJ;AACF,CAAA;AAEA,GAAA,CAAI,WAAA,GAAc,KAAA;AAGlB,IAAO,WAAA,GAAQ","file":"chunk-EGNF7BRT.js","sourcesContent":["import { cva } from 'class-variance-authority'\nimport React from 'react'\n\nimport { cn } from '../utils'\nimport { componentColors, createKbdColorVariants } from '../variants'\nimport type { KbdProps } from './types'\n\nconst kbdVariants = cva(\n  'pointer-events-none min-w-4 min-h-3.5 border inline-flex w-fit items-center justify-center gap-1 rounded-sm font-sans font-medium select-none',\n  {\n    variants: {\n      variant: {\n        solid: '',\n        outline: '',\n        soft: '',\n      },\n      color: {\n        default: '',\n        primary: '',\n        secondary: '',\n        accent: '',\n        success: '',\n        error: '',\n        warning: '',\n        info: '',\n      },\n      size: {\n        xs: 'h-3.5 p-0.5 text-[9px]',\n        sm: 'h-4 p-0.5 text-xs',\n        md: 'h-4.5 px-1.5 text-sm',\n        lg: 'h-5 px-2 text-sm',\n      },\n    },\n    compoundVariants: createKbdColorVariants(componentColors, [\n      'solid',\n      'outline',\n      'soft',\n    ]),\n    defaultVariants: {\n      variant: 'outline',\n      color: 'default',\n      size: 'sm',\n    },\n  },\n)\n\nconst Kbd = React.memo<KbdProps>(\n  ({\n    variant = 'outline',\n    color = 'default',\n    size = 'sm',\n    className,\n    children,\n    ...props\n  }) => {\n    return (\n      <kbd\n        data-slot=\"root\"\n        className={cn(\n          'kbd_root',\n          kbdVariants({ variant, color, size }),\n          \"[&_svg:not([class*='size-'])]:size-3\",\n          className,\n        )}\n        {...props}\n      >\n        {children}\n      </kbd>\n    )\n  },\n)\n\nKbd.displayName = 'Kbd'\n\nexport type * from './types'\nexport default Kbd\n"]}