@mdigital_ui/ui 0.3.8 → 0.4.0

package/dist/checkbox/types.d.ts

@@ -1,21 +0,0 @@
-import type { ButtonColor } from '../types';
-export type CheckboxColor = ButtonColor;
-export type CheckboxSize = 'xs' | 'sm' | 'md' | 'lg';
-export interface CheckboxClassNames {
-    root?: string;
-    checkbox?: string;
-    indicator?: string;
-    label?: string;
-    description?: string;
-}
-export interface CheckboxProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'type'> {
-    color?: CheckboxColor;
-    size?: CheckboxSize;
-    label?: React.ReactNode;
-    helperText?: string;
-    error?: string | boolean;
-    indeterminate?: boolean;
-    ref?: React.Ref<HTMLInputElement>;
-    classNames?: CheckboxClassNames;
-}
-//# sourceMappingURL=types.d.ts.map

package/dist/checkbox/types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/checkbox/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAE3C,MAAM,MAAM,aAAa,GAAG,WAAW,CAAA;AAEvC,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAEpD,MAAM,WAAW,kBAAkB;IACjC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAED,MAAM,WAAW,aACf,SAAQ,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1E,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACvB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IACxB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAA;IACjC,UAAU,CAAC,EAAE,kBAAkB,CAAA;CAChC"}

package/dist/checkbox-group/index.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-import type { CheckboxGroupProps } from './types';
-declare const CheckboxGroup: React.NamedExoticComponent<CheckboxGroupProps>;
-export type * from './types';
-export default CheckboxGroup;
-//# sourceMappingURL=index.d.ts.map

package/dist/checkbox-group/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/checkbox-group/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgB,MAAM,OAAO,CAAA;AAGpC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA;AAEjD,QAAA,MAAM,aAAa,gDAkElB,CAAA;AAID,mBAAmB,SAAS,CAAA;AAC5B,eAAe,aAAa,CAAA"}

package/dist/checkbox-group/index.js

@@ -1,4 +0,0 @@
-export { checkbox_group_default as default } from '../chunk-2PNLIQYM.js';
-import '../chunk-NGYLRX6F.js';
-//# sourceMappingURL=index.js.map
-//# sourceMappingURL=index.js.map

package/dist/checkbox-group/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}

package/dist/checkbox-group/types.d.ts

@@ -1,43 +0,0 @@
-export interface CheckboxGroupClassNames {
-    root?: string;
-    label?: string;
-    group?: string;
-    item?: string;
-    helper?: string;
-    error?: string;
-}
-export interface CheckboxGroupProps extends React.HTMLAttributes<HTMLDivElement> {
-    /**
-     * Children elements (typically Checkbox components)
-     */
-    children: React.ReactNode;
-    /**
-     * Label text for the checkbox group
-     */
-    label?: string;
-    /**
-     * Helper text or instructions
-     */
-    helperText?: string;
-    /**
-     * Error message
-     */
-    error?: string;
-    /**
-     * Layout orientation
-     */
-    orientation?: 'vertical' | 'horizontal';
-    /**
-     * Additional CSS class
-     */
-    className?: string;
-    /**
-     * Custom class names for different parts of the component
-     */
-    classNames?: CheckboxGroupClassNames;
-    /**
-     * Reference to the div element
-     */
-    ref?: React.Ref<HTMLDivElement>;
-}
-//# sourceMappingURL=types.d.ts.map

package/dist/checkbox-group/types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/checkbox-group/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,uBAAuB;IACtC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC9E;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IAEzB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;IAEnB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;OAEG;IACH,WAAW,CAAC,EAAE,UAAU,GAAG,YAAY,CAAA;IAEvC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;OAEG;IACH,UAAU,CAAC,EAAE,uBAAuB,CAAA;IAEpC;;OAEG;IACH,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAA;CAChC"}

package/dist/chunk-2K7MDR7K.js

@@ -1,212 +0,0 @@
-import { createAllColorVariants, componentColors } 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 processingRingClasses = {
-  default: "bg-surface/50",
-  primary: "bg-primary/50",
-  secondary: "bg-secondary/50",
-  accent: "bg-accent/50",
-  success: "bg-success/50",
-  error: "bg-error/50",
-  warning: "bg-warning/50",
-  info: "bg-info/50"
-};
-var badgeVariants = cva(
-  "inline-flex items-center justify-center whitespace-nowrap font-medium transition-colors",
-  {
-    variants: {
-      variant: {
-        default: "border",
-        solid: "",
-        outline: "border",
-        soft: ""
-      },
-      color: {
-        default: "",
-        primary: "",
-        secondary: "",
-        accent: "",
-        success: "",
-        error: "",
-        warning: "",
-        info: ""
-      },
-      size: {
-        xs: "text-(length:--badge-font-size-xs) px-(--badge-padding-x-xs) py-(--badge-padding-y-xs)",
-        sm: "text-(length:--badge-font-size-sm) px-(--badge-padding-x-sm) py-(--badge-padding-y-sm)",
-        md: "text-(length:--badge-font-size-md) px-(--badge-padding-x-md) py-(--badge-padding-y-md)",
-        lg: "text-(length:--badge-font-size-lg) px-(--badge-padding-x-lg) py-(--badge-padding-y-lg)"
-      },
-      shape: {
-        rounded: "rounded",
-        pill: "rounded-full",
-        circle: "rounded-full aspect-square"
-      }
-    },
-    compoundVariants: createAllColorVariants(componentColors, [
-      "default",
-      "solid",
-      "outline",
-      "soft"
-    ]),
-    defaultVariants: {
-      variant: "solid",
-      color: "primary",
-      size: "sm",
-      shape: "rounded"
-    }
-  }
-);
-var dotSizeClasses = {
-  xs: "size-1.5",
-  sm: "size-2",
-  md: "size-2.5",
-  lg: "size-3"
-};
-var iconSizeClasses = {
-  xs: "size-2.5",
-  sm: "size-3",
-  md: "size-3.5",
-  lg: "size-4"
-};
-var placementClasses = {
-  "top-right": "top-0 right-0 -translate-y-1/2 translate-x-1/2",
-  "top-left": "top-0 left-0 -translate-y-1/2 -translate-x-1/2",
-  "bottom-right": "bottom-0 right-0 translate-y-1/2 translate-x-1/2",
-  "bottom-left": "bottom-0 left-0 translate-y-1/2 -translate-x-1/2"
-};
-var Badge = React.memo(
-  ({
-    children,
-    color = "primary",
-    variant = "solid",
-    size = "sm",
-    shape = "rounded",
-    dot = false,
-    count,
-    maxCount = 99,
-    showZero = false,
-    icon,
-    placement = "top-right",
-    offset,
-    processing = false,
-    invisible = false,
-    standalone = false,
-    content,
-    className,
-    wrapperClassName,
-    ref
-  }) => {
-    const getDisplayCount = () => {
-      if (count === void 0) return null;
-      if (count === 0 && !showZero) return null;
-      if (count > maxCount) return `${maxCount}+`;
-      return count;
-    };
-    const displayCount = getDisplayCount();
-    const isFloatingMode = children && (count !== void 0 || dot || content) && !standalone;
-    if (count !== void 0 && count === 0 && !showZero && !children && !content) {
-      return null;
-    }
-    const offsetStyles = offset ? {
-      "--badge-offset-x": `${offset[0]}px`,
-      "--badge-offset-y": `${offset[1]}px`
-    } : void 0;
-    const renderBadge = (badgeContent) => {
-      const isIconOnly = !!icon && badgeContent == null && !dot;
-      return /* @__PURE__ */ jsx(
-        "span",
-        {
-          ref,
-          "data-slot": "root",
-          className: cn(
-            "badge_root",
-            badgeVariants({ variant, color, size, shape }),
-            dot && [dotSizeClasses[size], "min-w-0", "rounded-full"],
-            isIconOnly && "aspect-square",
-            processing && "animate-pulse",
-            invisible && "opacity-0 scale-0",
-            "z-10",
-            className
-          ),
-          style: {
-            ...dot ? { padding: 0 } : void 0,
-            ...offsetStyles
-          },
-          children: !dot && /* @__PURE__ */ jsxs(Fragment, { children: [
-            icon && /* @__PURE__ */ jsx(
-              "span",
-              {
-                className: cn(
-                  "inline-flex items-center justify-center shrink-0",
-                  iconSizeClasses[size],
-                  badgeContent && "mr-1"
-                ),
-                children: React.isValidElement(icon) ? React.cloneElement(
-                  icon,
-                  {
-                    className: cn(
-                      "w-full h-full",
-                      icon.props.className
-                    )
-                  }
-                ) : icon
-              }
-            ),
-            badgeContent
-          ] })
-        }
-      );
-    };
-    const renderProcessingRing = () => processing && dot && !invisible && /* @__PURE__ */ jsx(
-      "span",
-      {
-        className: cn(
-          "absolute inset-0 rounded-full animate-ping",
-          processingRingClasses[color]
-        )
-      }
-    );
-    if (isFloatingMode) {
-      const floatingContent = content ?? displayCount;
-      if (count !== void 0 && count === 0 && !showZero && !dot && !content) {
-        return /* @__PURE__ */ jsx("span", { className: cn("relative inline-flex", wrapperClassName), children });
-      }
-      return /* @__PURE__ */ jsxs("span", { className: cn("relative inline-flex", wrapperClassName), children: [
-        children,
-        /* @__PURE__ */ jsx(
-          "span",
-          {
-            className: cn(
-              "absolute",
-              placementClasses[placement],
-              offset && "translate-x-[calc(var(--tw-translate-x)+var(--badge-offset-x,0px))] translate-y-[calc(var(--tw-translate-y)+var(--badge-offset-y,0px))]"
-            ),
-            style: offsetStyles,
-            children: /* @__PURE__ */ jsxs("span", { className: "relative inline-flex", children: [
-              renderBadge(floatingContent),
-              renderProcessingRing()
-            ] })
-          }
-        )
-      ] });
-    }
-    const standaloneContent = content ?? (count !== void 0 ? displayCount : children);
-    if (dot && processing) {
-      return /* @__PURE__ */ jsxs("span", { className: cn("relative inline-flex", wrapperClassName), children: [
-        renderBadge(null),
-        renderProcessingRing()
-      ] });
-    }
-    return renderBadge(standaloneContent);
-  }
-);
-Badge.displayName = "Badge";
-var badge_default = Badge;
-
-export { badge_default };
-//# sourceMappingURL=chunk-2K7MDR7K.js.map
-//# sourceMappingURL=chunk-2K7MDR7K.js.map

package/dist/chunk-2K7MDR7K.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/badge/index.tsx"],"names":[],"mappings":"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","file":"chunk-2K7MDR7K.js","sourcesContent":["import { cva } from \"class-variance-authority\";\nimport React from \"react\";\n\nimport { cn } from \"../utils\";\nimport { componentColors, createAllColorVariants } from \"../variants\";\nimport type {\n  BadgeColor,\n  BadgePlacement,\n  BadgeProps,\n  BadgeSize,\n} from \"./types\";\n\n/**\n * Processing ring color classes for ping animation\n */\nconst processingRingClasses: Record<BadgeColor, string> = {\n  default: \"bg-surface/50\",\n  primary: \"bg-primary/50\",\n  secondary: \"bg-secondary/50\",\n  accent: \"bg-accent/50\",\n  success: \"bg-success/50\",\n  error: \"bg-error/50\",\n  warning: \"bg-warning/50\",\n  info: \"bg-info/50\",\n};\n\nconst badgeVariants = cva(\n  \"inline-flex items-center justify-center whitespace-nowrap font-medium transition-colors\",\n  {\n    variants: {\n      variant: {\n        default: \"border\",\n        solid: \"\",\n        outline: \"border\",\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: \"text-(length:--badge-font-size-xs) px-(--badge-padding-x-xs) py-(--badge-padding-y-xs)\",\n        sm: \"text-(length:--badge-font-size-sm) px-(--badge-padding-x-sm) py-(--badge-padding-y-sm)\",\n        md: \"text-(length:--badge-font-size-md) px-(--badge-padding-x-md) py-(--badge-padding-y-md)\",\n        lg: \"text-(length:--badge-font-size-lg) px-(--badge-padding-x-lg) py-(--badge-padding-y-lg)\",\n      },\n      shape: {\n        rounded: \"rounded\",\n        pill: \"rounded-full\",\n        circle: \"rounded-full aspect-square\",\n      },\n    },\n    compoundVariants: createAllColorVariants(componentColors, [\n      \"default\",\n      \"solid\",\n      \"outline\",\n      \"soft\",\n    ]),\n    defaultVariants: {\n      variant: \"solid\",\n      color: \"primary\",\n      size: \"sm\",\n      shape: \"rounded\",\n    },\n  },\n);\n\n/**\n * Dot size classes based on badge size\n */\nconst dotSizeClasses: Record<BadgeSize, string> = {\n  xs: \"size-1.5\",\n  sm: \"size-2\",\n  md: \"size-2.5\",\n  lg: \"size-3\",\n};\n\n/**\n * Icon size classes based on badge size\n */\nconst iconSizeClasses: Record<BadgeSize, string> = {\n  xs: \"size-2.5\",\n  sm: \"size-3\",\n  md: \"size-3.5\",\n  lg: \"size-4\",\n};\n\n/**\n * Placement position classes for floating badges\n */\nconst placementClasses: Record<BadgePlacement, string> = {\n  \"top-right\": \"top-0 right-0 -translate-y-1/2 translate-x-1/2\",\n  \"top-left\": \"top-0 left-0 -translate-y-1/2 -translate-x-1/2\",\n  \"bottom-right\": \"bottom-0 right-0 translate-y-1/2 translate-x-1/2\",\n  \"bottom-left\": \"bottom-0 left-0 translate-y-1/2 -translate-x-1/2\",\n};\n\n/**\n * Badge Component\n *\n * A versatile badge component for displaying counts, status indicators, or labels.\n * Can be used standalone or as a floating indicator over other elements.\n *\n * @example\n * // Standalone badge\n * <Badge>New</Badge>\n *\n * @example\n * // Badge with count floating over an icon\n * <Badge count={5}>\n *   <BellIcon />\n * </Badge>\n *\n * @example\n * // Dot indicator with pulse\n * <Badge dot processing color=\"success\">\n *   <Avatar />\n * </Badge>\n */\nconst Badge = React.memo<BadgeProps>(\n  ({\n    children,\n    color = \"primary\",\n    variant = \"solid\",\n    size = \"sm\",\n    shape = \"rounded\",\n    dot = false,\n    count,\n    maxCount = 99,\n    showZero = false,\n    icon,\n    placement = \"top-right\",\n    offset,\n    processing = false,\n    invisible = false,\n    standalone = false,\n    content,\n    className,\n    wrapperClassName,\n    ref,\n  }) => {\n    // Calculate display count\n    const getDisplayCount = () => {\n      if (count === undefined) return null;\n      if (count === 0 && !showZero) return null;\n      if (count > maxCount) return `${maxCount}+`;\n      return count;\n    };\n\n    const displayCount = getDisplayCount();\n\n    // Determine if we're in \"floating\" mode (badge over children) or \"standalone\" mode\n    // Floating mode: children + (count OR dot OR content)\n    // Standalone mode: just children as badge text, or count/dot without wrapping element\n    const isFloatingMode =\n      children && (count !== undefined || dot || content) && !standalone;\n\n    // Don't render if count is 0 and showZero is false (when no children or content)\n    if (\n      count !== undefined &&\n      count === 0 &&\n      !showZero &&\n      !children &&\n      !content\n    ) {\n      return null;\n    }\n\n    // Calculate offset styles\n    const offsetStyles = offset\n      ? {\n          \"--badge-offset-x\": `${offset[0]}px`,\n          \"--badge-offset-y\": `${offset[1]}px`,\n        }\n      : undefined;\n\n    // Render the badge element itself\n    const renderBadge = (badgeContent: React.ReactNode) => {\n      const isIconOnly = !!icon && badgeContent == null && !dot;\n\n      return (\n      <span\n        ref={ref}\n        data-slot=\"root\"\n        className={cn(\n          \"badge_root\",\n          badgeVariants({ variant, color, size, shape }),\n          dot && [dotSizeClasses[size], \"min-w-0\", \"rounded-full\"],\n          isIconOnly && \"aspect-square\",\n          processing && \"animate-pulse\",\n          invisible && \"opacity-0 scale-0\",\n          \"z-10\",\n          className,\n        )}\n        style={{\n          ...(dot ? { padding: 0 } : undefined),\n          ...(offsetStyles as React.CSSProperties),\n        }}\n      >\n        {!dot && (\n          <>\n            {icon && (\n              <span\n                className={cn(\n                  \"inline-flex items-center justify-center shrink-0\",\n                  iconSizeClasses[size],\n                  badgeContent && \"mr-1\",\n                )}\n              >\n                {React.isValidElement(icon)\n                  ? React.cloneElement(\n                      icon as React.ReactElement<{ className?: string }>,\n                      {\n                        className: cn(\n                          \"w-full h-full\",\n                          (icon as React.ReactElement<{ className?: string }>)\n                            .props.className,\n                        ),\n                      },\n                    )\n                  : icon}\n              </span>\n            )}\n            {badgeContent}\n          </>\n        )}\n      </span>\n      );\n    };\n\n    // Processing animation ring (for dot badges)\n    const renderProcessingRing = () =>\n      processing &&\n      dot &&\n      !invisible && (\n        <span\n          className={cn(\n            \"absolute inset-0 rounded-full animate-ping\",\n            processingRingClasses[color],\n          )}\n        />\n      );\n\n    // FLOATING MODE: Badge positioned over children\n    if (isFloatingMode) {\n      const floatingContent = content ?? displayCount;\n\n      // Hide badge if count is 0 and showZero is false\n      if (count !== undefined && count === 0 && !showZero && !dot && !content) {\n        return (\n          <span className={cn(\"relative inline-flex\", wrapperClassName)}>\n            {children}\n          </span>\n        );\n      }\n\n      return (\n        <span className={cn(\"relative inline-flex\", wrapperClassName)}>\n          {children}\n          <span\n            className={cn(\n              \"absolute\",\n              placementClasses[placement],\n              offset &&\n                \"translate-x-[calc(var(--tw-translate-x)+var(--badge-offset-x,0px))] translate-y-[calc(var(--tw-translate-y)+var(--badge-offset-y,0px))]\",\n            )}\n            style={offsetStyles as React.CSSProperties}\n          >\n            <span className=\"relative inline-flex\">\n              {renderBadge(floatingContent)}\n              {renderProcessingRing()}\n            </span>\n          </span>\n        </span>\n      );\n    }\n\n    // STANDALONE MODE: Badge as inline element\n    // Content priority: content prop > count > children\n    const standaloneContent =\n      content ?? (count !== undefined ? displayCount : children);\n\n    if (dot && processing) {\n      return (\n        <span className={cn(\"relative inline-flex\", wrapperClassName)}>\n          {renderBadge(null)}\n          {renderProcessingRing()}\n        </span>\n      );\n    }\n\n    return renderBadge(standaloneContent);\n  },\n);\n\nBadge.displayName = \"Badge\";\n\nexport type * from \"./types\";\nexport default Badge;\n"]}

package/dist/chunk-2PNLIQYM.js

@@ -1,76 +0,0 @@
-import { cn } from './chunk-NGYLRX6F.js';
-import React, { useId } from 'react';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-var CheckboxGroup = React.memo(
-  ({
-    label,
-    helperText,
-    error,
-    orientation = "vertical",
-    className,
-    classNames,
-    children,
-    ref,
-    ...props
-  }) => {
-    const uniqueId = useId();
-    const labelId = label ? `checkboxgroup-label-${uniqueId}` : void 0;
-    const messageId = helperText || error ? `checkboxgroup-message-${uniqueId}` : void 0;
-    return /* @__PURE__ */ jsxs(
-      "div",
-      {
-        ref,
-        role: "group",
-        "aria-labelledby": labelId,
-        "aria-describedby": messageId,
-        className: cn("checkboxGroup_root", "w-full", className, classNames?.root),
-        "data-slot": "root",
-        ...props,
-        children: [
-          label && /* @__PURE__ */ jsx("div", { className: "mb-2", "data-slot": "label", children: /* @__PURE__ */ jsx(
-            "span",
-            {
-              id: labelId,
-              className: cn("checkboxGroup_label", "text-sm font-medium text-text-secondary", classNames?.label),
-              children: label
-            }
-          ) }),
-          /* @__PURE__ */ jsx(
-            "div",
-            {
-              className: cn(
-                "checkboxGroup_group",
-                "flex",
-                orientation === "vertical" ? "flex-col gap-2" : "flex-row flex-wrap gap-4",
-                classNames?.group
-              ),
-              "data-slot": "group",
-              children
-            }
-          ),
-          (helperText || error) && /* @__PURE__ */ jsx(
-            "p",
-            {
-              id: messageId,
-              className: cn(
-                error ? "checkboxGroup_error" : "checkboxGroup_helper",
-                "mt-2 text-xs",
-                error ? "text-error" : "text-text-secondary",
-                error ? classNames?.error : classNames?.helper
-              ),
-              "data-slot": error ? "error" : "helper",
-              children: error || helperText
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-CheckboxGroup.displayName = "CheckboxGroup";
-var checkbox_group_default = CheckboxGroup;
-
-export { checkbox_group_default };
-//# sourceMappingURL=chunk-2PNLIQYM.js.map
-//# sourceMappingURL=chunk-2PNLIQYM.js.map

package/dist/chunk-2PNLIQYM.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/checkbox-group/index.tsx"],"names":[],"mappings":";;;;AAKA,IAAM,gBAAgB,KAAA,CAAM,IAAA;AAAA,EAC1B,CAAC;AAAA,IACC,KAAA;AAAA,IACA,UAAA;AAAA,IACA,KAAA;AAAA,IACA,WAAA,GAAc,UAAA;AAAA,IACd,SAAA;AAAA,IACA,UAAA;AAAA,IACA,QAAA;AAAA,IACA,GAAA;AAAA,IACA,GAAG;AAAA,GACL,KAAM;AACJ,IAAA,MAAM,WAAW,KAAA,EAAM;AACvB,IAAA,MAAM,OAAA,GAAU,KAAA,GAAQ,CAAA,oBAAA,EAAuB,QAAQ,CAAA,CAAA,GAAK,MAAA;AAC5D,IAAA,MAAM,SAAA,GAAa,UAAA,IAAc,KAAA,GAAS,CAAA,sBAAA,EAAyB,QAAQ,CAAA,CAAA,GAAK,MAAA;AAEhF,IAAA,uBACE,IAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,IAAA,EAAK,OAAA;AAAA,QACL,iBAAA,EAAiB,OAAA;AAAA,QACjB,kBAAA,EAAkB,SAAA;AAAA,QAClB,WAAW,EAAA,CAAG,oBAAA,EAAsB,QAAA,EAAU,SAAA,EAAW,YAAY,IAAI,CAAA;AAAA,QACzE,WAAA,EAAU,MAAA;AAAA,QACT,GAAG,KAAA;AAAA,QAEH,QAAA,EAAA;AAAA,UAAA,KAAA,oBACC,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,MAAA,EAAO,aAAU,OAAA,EAC9B,QAAA,kBAAA,GAAA;AAAA,YAAC,MAAA;AAAA,YAAA;AAAA,cACC,EAAA,EAAI,OAAA;AAAA,cACJ,SAAA,EAAW,EAAA,CAAG,qBAAA,EAAuB,yCAAA,EAA2C,YAAY,KAAK,CAAA;AAAA,cAEhG,QAAA,EAAA;AAAA;AAAA,WACH,EACF,CAAA;AAAA,0BAEF,GAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cACC,SAAA,EAAW,EAAA;AAAA,gBACT,qBAAA;AAAA,gBACA,MAAA;AAAA,gBACA,WAAA,KAAgB,aACZ,gBAAA,GACA,0BAAA;AAAA,gBACJ,UAAA,EAAY;AAAA,eACd;AAAA,cACA,WAAA,EAAU,OAAA;AAAA,cAET;AAAA;AAAA,WACH;AAAA,UAAA,CACE,cAAc,KAAA,qBACd,GAAA;AAAA,YAAC,GAAA;AAAA,YAAA;AAAA,cACC,EAAA,EAAI,SAAA;AAAA,cACJ,SAAA,EAAW,EAAA;AAAA,gBACT,QAAQ,qBAAA,GAAwB,sBAAA;AAAA,gBAChC,cAAA;AAAA,gBACA,QAAQ,YAAA,GAAe,qBAAA;AAAA,gBACvB,KAAA,GAAQ,UAAA,EAAY,KAAA,GAAQ,UAAA,EAAY;AAAA,eAC1C;AAAA,cACA,WAAA,EAAW,QAAQ,OAAA,GAAU,QAAA;AAAA,cAE5B,QAAA,EAAA,KAAA,IAAS;AAAA;AAAA;AACZ;AAAA;AAAA,KAEJ;AAAA,EAEJ;AACF,CAAA;AAEA,aAAA,CAAc,WAAA,GAAc,eAAA;AAG5B,IAAO,sBAAA,GAAQ","file":"chunk-2PNLIQYM.js","sourcesContent":["import React, { useId } from 'react'\n\nimport { cn } from '../utils'\nimport type { CheckboxGroupProps } from './types'\n\nconst CheckboxGroup = React.memo<CheckboxGroupProps>(\n  ({\n    label,\n    helperText,\n    error,\n    orientation = 'vertical',\n    className,\n    classNames,\n    children,\n    ref,\n    ...props\n  }) => {\n    const uniqueId = useId()\n    const labelId = label ? `checkboxgroup-label-${uniqueId}` : undefined\n    const messageId = (helperText || error) ? `checkboxgroup-message-${uniqueId}` : undefined\n\n    return (\n      <div\n        ref={ref}\n        role=\"group\"\n        aria-labelledby={labelId}\n        aria-describedby={messageId}\n        className={cn('checkboxGroup_root', 'w-full', className, classNames?.root)}\n        data-slot=\"root\"\n        {...props}\n      >\n        {label && (\n          <div className=\"mb-2\" data-slot=\"label\">\n            <span\n              id={labelId}\n              className={cn('checkboxGroup_label', 'text-sm font-medium text-text-secondary', classNames?.label)}\n            >\n              {label}\n            </span>\n          </div>\n        )}\n        <div\n          className={cn(\n            'checkboxGroup_group',\n            'flex',\n            orientation === 'vertical'\n              ? 'flex-col gap-2'\n              : 'flex-row flex-wrap gap-4',\n            classNames?.group,\n          )}\n          data-slot=\"group\"\n        >\n          {children}\n        </div>\n        {(helperText || error) && (\n          <p\n            id={messageId}\n            className={cn(\n              error ? 'checkboxGroup_error' : 'checkboxGroup_helper',\n              'mt-2 text-xs',\n              error ? 'text-error' : 'text-text-secondary',\n              error ? classNames?.error : classNames?.helper,\n            )}\n            data-slot={error ? 'error' : 'helper'}\n          >\n            {error || helperText}\n          </p>\n        )}\n      </div>\n    )\n  },\n)\n\nCheckboxGroup.displayName = 'CheckboxGroup'\n\nexport type * from './types'\nexport default CheckboxGroup\n"]}

package/dist/chunk-2SYAIIJE.js

@@ -1,143 +0,0 @@
-import { createAllColorVariants, componentColors } from './chunk-LK4EPTNG.js';
-import { cn } from './chunk-NGYLRX6F.js';
-import { cva } from 'class-variance-authority';
-import { X } from 'lucide-react';
-import React from 'react';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-var tagVariants = cva("inline-flex items-center gap-1.5 whitespace-nowrap rounded font-medium transition-colors", {
-  variants: {
-    variant: {
-      default: "border",
-      solid: "",
-      outline: "border",
-      soft: ""
-    },
-    color: {
-      default: "",
-      primary: "",
-      secondary: "",
-      accent: "",
-      success: "",
-      error: "",
-      warning: "",
-      info: ""
-    },
-    size: {
-      xs: "text-[10px] px-1.5 py-0.5",
-      sm: "text-xs px-2 py-1",
-      md: "text-sm px-2.5 py-1",
-      lg: "text-base px-3 py-1.5"
-    }
-  },
-  compoundVariants: createAllColorVariants(componentColors, ["default", "solid", "outline", "soft"]),
-  defaultVariants: {
-    variant: "solid",
-    color: "primary",
-    size: "sm"
-  }
-});
-var iconSizeClasses = {
-  xs: "size-2.5",
-  sm: "size-3",
-  md: "size-3.5",
-  lg: "size-4"
-};
-var Tag = React.memo(
-  ({
-    children,
-    color = "primary",
-    variant = "solid",
-    size = "sm",
-    closable = false,
-    onClose,
-    icon,
-    className,
-    classNames,
-    onClick,
-    disableKeyboardRemoval = false,
-    ...props
-  }) => {
-    const handleClose = (e) => {
-      e.stopPropagation();
-      onClose?.(e);
-    };
-    const handleCloseKeyDown = (e) => {
-      if (e.key === "Enter" || e.key === " ") {
-        e.preventDefault();
-        e.stopPropagation();
-        onClose?.(e);
-      }
-    };
-    const handleTagKeyDown = (e) => {
-      if (!disableKeyboardRemoval && closable && (e.key === "Delete" || e.key === "Backspace")) {
-        e.preventDefault();
-        e.stopPropagation();
-        onClose?.(e);
-        return;
-      }
-      if (onClick && (e.key === "Enter" || e.key === " ")) {
-        e.preventDefault();
-        e.stopPropagation();
-        onClick(e);
-      }
-    };
-    return /* @__PURE__ */ jsxs(
-      "span",
-      {
-        className: cn(
-          "tag_root",
-          tagVariants({ variant, color, size }),
-          (onClick || closable) && "cursor-pointer",
-          (onClick || !disableKeyboardRemoval && closable) && "focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary",
-          classNames?.root,
-          className
-        ),
-        onClick,
-        onKeyDown: onClick || !disableKeyboardRemoval && closable ? handleTagKeyDown : void 0,
-        role: onClick || !disableKeyboardRemoval && closable ? "button" : void 0,
-        tabIndex: onClick || !disableKeyboardRemoval && closable ? 0 : void 0,
-        "aria-label": (onClick || !disableKeyboardRemoval && closable) && typeof children === "string" ? children : void 0,
-        "data-slot": "root",
-        ...props,
-        children: [
-          icon && /* @__PURE__ */ jsx("span", { className: cn("inline-flex items-center justify-center flex-shrink-0", iconSizeClasses[size]), children: React.isValidElement(icon) ? React.cloneElement(icon, {
-            className: cn("w-full h-full", icon.props.className)
-          }) : icon }),
-          /* @__PURE__ */ jsx(
-            "span",
-            {
-              className: cn("tag_content", classNames?.content),
-              "data-slot": "content",
-              children
-            }
-          ),
-          closable && /* @__PURE__ */ jsx(
-            "button",
-            {
-              type: "button",
-              onClick: handleClose,
-              onKeyDown: handleCloseKeyDown,
-              className: cn(
-                "tag_closeButton",
-                "inline-flex items-center justify-center flex-shrink-0 cursor-pointer rounded-sm opacity-70 hover:opacity-100 transition-[opacity,transform] active:scale-[0.85] focus:outline-none focus:ring-2 focus:ring-current focus:ring-offset-1",
-                iconSizeClasses[size],
-                classNames?.closeButton
-              ),
-              "aria-label": typeof children === "string" ? `Remove ${children}` : "Remove tag",
-              tabIndex: disableKeyboardRemoval ? 0 : -1,
-              "data-slot": "closeButton",
-              children: /* @__PURE__ */ jsx(X, { className: "w-full h-full" })
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-Tag.displayName = "Tag";
-var tag_default = Tag;
-
-export { tag_default };
-//# sourceMappingURL=chunk-2SYAIIJE.js.map
-//# sourceMappingURL=chunk-2SYAIIJE.js.map

package/dist/chunk-2SYAIIJE.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/tag/index.tsx"],"names":[],"mappings":"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","file":"chunk-2SYAIIJE.js","sourcesContent":["'use client'\n\nimport { cva } from 'class-variance-authority';\nimport { X } from 'lucide-react';\nimport React from 'react';\n\nimport { cn } from '../utils';\nimport { componentColors, createAllColorVariants } from '../variants';\nimport type { TagProps } from './types';\n\n/**\n * Class variance authority configuration for the Tag component\n * Defines style variants for color, variant, and size\n */\nconst tagVariants = cva('inline-flex items-center gap-1.5 whitespace-nowrap rounded font-medium transition-colors', {\n  variants: {\n    variant: {\n      default: 'border',\n      solid: '',\n      outline: 'border',\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: 'text-[10px] px-1.5 py-0.5',\n      sm: 'text-xs px-2 py-1',\n      md: 'text-sm px-2.5 py-1',\n      lg: 'text-base px-3 py-1.5',\n    },\n  },\n  compoundVariants: createAllColorVariants(componentColors, ['default', 'solid', 'outline', 'soft']),\n  defaultVariants: {\n    variant: 'solid',\n    color: 'primary',\n    size: 'sm',\n  },\n});\n\n/**\n * Icon and close button size variants for different tag sizes\n */\nconst iconSizeClasses = {\n  xs: 'size-2.5',\n  sm: 'size-3',\n  md: 'size-3.5',\n  lg: 'size-4',\n};\n\n/**\n * Tag Component\n *\n * An interactive badge variant that can be used for labels, categories, or removable items.\n * Supports multiple variants, colors, sizes, icons, and close functionality.\n *\n * @component\n * @example\n * // Basic tag\n * <Tag>Label</Tag>\n *\n * @example\n * // Tag with close button\n * <Tag closable onClose={(e) => console.log('Tag removed')}>\n *   Removable Tag\n * </Tag>\n *\n * @example\n * // Tag with icon\n * <Tag icon={<Star />} color=\"warning\">\n *   Featured\n * </Tag>\n *\n * @example\n * // Different variants\n * <Tag variant=\"outline\" color=\"success\">Outline Tag</Tag>\n * <Tag variant=\"soft\" color=\"info\">Soft Tag</Tag>\n *\n * @example\n * // Disable keyboard removal (Backspace/Delete on tag)\n * <Tag closable disableKeyboardRemoval onClose={(e) => console.log('Tag removed')}>\n *   No keyboard removal\n * </Tag>\n *\n * @example\n * // Tag with keyboard removal enabled (focus on tag and press Delete/Backspace)\n * <Tag closable onClose={(e) => console.log('Tag removed')}>\n *   Press Delete or Backspace to remove\n * </Tag>\n *\n * @param {TagProps} props - Component props\n * @returns {JSX.Element} Rendered tag component\n */\nconst Tag = React.memo<TagProps>(\n  ({\n    children,\n    color = 'primary',\n    variant = 'solid',\n    size = 'sm',\n    closable = false,\n    onClose,\n    icon,\n    className,\n    classNames,\n    onClick,\n    disableKeyboardRemoval = false,\n    ...props\n  }) => {\n    /**\n     * Handles the close button click event\n     * Stops event propagation to prevent triggering parent onClick handlers\n     *\n     * @param {React.MouseEvent<HTMLButtonElement>} e - Mouse event\n     */\n    const handleClose = (e: React.MouseEvent<HTMLButtonElement>) => {\n      e.stopPropagation();\n      onClose?.(e);\n    };\n\n    /**\n     * Handles keyboard events for the close button\n     * Always responds to Enter/Space for activation (accessibility requirement)\n     *\n     * @param {React.KeyboardEvent<HTMLButtonElement>} e - Keyboard event\n     */\n    const handleCloseKeyDown = (e: React.KeyboardEvent<HTMLButtonElement>) => {\n      // Always allow Enter/Space for activation (accessibility requirement)\n      if (e.key === 'Enter' || e.key === ' ') {\n        e.preventDefault();\n        e.stopPropagation();\n        onClose?.(e);\n      }\n    };\n\n    /**\n     * Handles keyboard events for the tag\n     * Removes tag when Delete or Backspace is pressed (takes priority)\n     * Activates onClick when Enter or Space is pressed\n     *\n     * @param {React.KeyboardEvent<HTMLSpanElement>} e - Keyboard event\n     */\n    const handleTagKeyDown = (e: React.KeyboardEvent<HTMLSpanElement>) => {\n      // Handle deletion for closable tags (takes priority over onClick)\n      if (!disableKeyboardRemoval && closable && (e.key === 'Delete' || e.key === 'Backspace')) {\n        e.preventDefault();\n        e.stopPropagation();\n        onClose?.(e);\n        return;\n      }\n\n      // Handle activation for clickable tags\n      if (onClick && (e.key === 'Enter' || e.key === ' ')) {\n        e.preventDefault();\n        e.stopPropagation();\n        onClick(e);\n      }\n    };\n\n    return (\n      <span\n        className={cn(\n          'tag_root',\n          tagVariants({ variant, color, size }),\n          (onClick || closable) && 'cursor-pointer',\n          (onClick || (!disableKeyboardRemoval && closable)) &&\n            'focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary',\n          classNames?.root,\n          className\n        )}\n        onClick={onClick}\n        onKeyDown={onClick || (!disableKeyboardRemoval && closable) ? handleTagKeyDown : undefined}\n        role={onClick || (!disableKeyboardRemoval && closable) ? 'button' : undefined}\n        tabIndex={onClick || (!disableKeyboardRemoval && closable) ? 0 : undefined}\n        aria-label={\n          (onClick || (!disableKeyboardRemoval && closable)) && typeof children === 'string' ? children : undefined\n        }\n        data-slot='root'\n        {...props}\n      >\n        {icon && (\n          <span className={cn('inline-flex items-center justify-center flex-shrink-0', iconSizeClasses[size])}>\n            {React.isValidElement(icon)\n              ? React.cloneElement(icon, {\n                  className: cn('w-full h-full', (icon.props as { className?: string }).className),\n                } as React.HTMLAttributes<HTMLElement>)\n              : icon}\n          </span>\n        )}\n        <span\n          className={cn('tag_content', classNames?.content)}\n          data-slot='content'\n        >\n          {children}\n        </span>\n        {closable && (\n          <button\n            type='button'\n            onClick={handleClose}\n            onKeyDown={handleCloseKeyDown}\n            className={cn(\n              'tag_closeButton',\n              'inline-flex items-center justify-center flex-shrink-0 cursor-pointer rounded-sm opacity-70 hover:opacity-100 transition-[opacity,transform] active:scale-[0.85] focus:outline-none focus:ring-2 focus:ring-current focus:ring-offset-1',\n              iconSizeClasses[size],\n              classNames?.closeButton\n            )}\n            aria-label={typeof children === 'string' ? `Remove ${children}` : 'Remove tag'}\n            tabIndex={disableKeyboardRemoval ? 0 : -1}\n            data-slot='closeButton'\n          >\n            <X className='w-full h-full' />\n          </button>\n        )}\n      </span>\n    );\n  }\n);\n\nTag.displayName = 'Tag';\n\nexport type * from './types';\nexport default Tag;\n"]}