@mindlogic-ai/logician-ui 2.0.0 → 3.0.0-alpha.1

package/dist/components/Tag/Tag.d.ts

@@ -1,3 +1,22 @@
 import { TagProps } from './Tag.types';
+/**
+ * Tag component for categorization, filtering, and labeling.
+ *
+ * Uses a two-dimensional variant system:
+ * - `colorPalette`: What semantic color (primary, secondary, danger, etc.)
+ * - `variant`: How it looks visually (soft, solid, outline)
+ *
+ * Supports close button via TagCloseButton sub-component.
+ *
+ * @example
+ * ```tsx
+ * <Tag colorPalette="primary">Category</Tag>
+ * <Tag colorPalette="danger" variant="solid">Error</Tag>
+ * <Tag colorPalette="success" variant="outline">
+ *   Completed
+ *   <TagCloseButton />
+ * </Tag>
+ * ```
+ */
 export declare const Tag: import("react").ForwardRefExoticComponent<TagProps & import("react").RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=Tag.d.ts.map

package/dist/components/Tag/Tag.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tag.d.ts","sourceRoot":"","sources":["../../../src/components/Tag/Tag.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAEvC,eAAO,MAAM,GAAG,qGAcf,CAAC"}
+{"version":3,"file":"Tag.d.ts","sourceRoot":"","sources":["../../../src/components/Tag/Tag.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAEvC;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,GAAG,qGAqBf,CAAC"}

package/dist/components/Tag/Tag.js

@@ -6,8 +6,28 @@ var React = require('react');
 var react = require('@chakra-ui/react');
 var Tag_styles = require('./Tag.styles.js');
 
-const Tag = React.forwardRef(({ variant = 'default', ...rest }, ref) => {
-    return (jsxRuntime.jsx(react.Tag, { border: "1px solid", ...Tag_styles.variantStyles[variant], ...rest, ref: ref }));
+/**
+ * Tag component for categorization, filtering, and labeling.
+ *
+ * Uses a two-dimensional variant system:
+ * - `colorPalette`: What semantic color (primary, secondary, danger, etc.)
+ * - `variant`: How it looks visually (soft, solid, outline)
+ *
+ * Supports close button via TagCloseButton sub-component.
+ *
+ * @example
+ * ```tsx
+ * <Tag colorPalette="primary">Category</Tag>
+ * <Tag colorPalette="danger" variant="solid">Error</Tag>
+ * <Tag colorPalette="success" variant="outline">
+ *   Completed
+ *   <TagCloseButton />
+ * </Tag>
+ * ```
+ */
+const Tag = React.forwardRef(({ colorPalette = 'neutral', variant = 'soft', children, ...rest }, ref) => {
+    const styles = Tag_styles.getTagStyles(colorPalette, variant);
+    return (jsxRuntime.jsx(react.Tag.Root, { border: "1px solid", borderRadius: "md", boxShadow: "none", fontSize: "sm", ...styles, ...rest, ref: ref, children: children }));
 });
 Tag.displayName = 'Tag';
 

package/dist/components/Tag/Tag.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tag.js","sources":["../../../src/components/Tag/Tag.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsx","ChakraTag","variantStyles"],"mappings":";;;;;;;;AAMO,MAAM,GAAG,GAAGA,gBAAU,CAC3B,CACE,EAAE,OAAO,GAAG,SAAS,EAAE,GAAG,IAAI,EAAY,EAC1C,GAAkC,KAChC;IACF,QACEC,eAACC,SAAS,EAAA,EACR,MAAM,EAAC,WAAW,KACdC,wBAAa,CAAC,OAAO,CAAC,EAAA,GACtB,IAAI,EACR,GAAG,EAAE,GAAG,EAAA,CACR;AAEN,CAAC;AAGH,GAAG,CAAC,WAAW,GAAG,KAAK;;;;"}
+{"version":3,"file":"Tag.js","sources":["../../../src/components/Tag/Tag.tsx"],"sourcesContent":[null],"names":["forwardRef","getTagStyles","_jsx","ChakraTag"],"mappings":";;;;;;;;AAMA;;;;;;;;;;;;;;;;;;AAkBG;AACI,MAAM,GAAG,GAAGA,gBAAU,CAC3B,CACE,EAAE,YAAY,GAAG,SAAS,EAAE,OAAO,GAAG,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAY,EAC3E,GAAkC,KAChC;IACF,MAAM,MAAM,GAAGC,uBAAY,CAAC,YAAY,EAAE,OAAO,CAAC;AAElD,IAAA,QACEC,cAAA,CAACC,SAAS,CAAC,IAAI,EAAA,EACb,MAAM,EAAC,WAAW,EAClB,YAAY,EAAC,IAAI,EACjB,SAAS,EAAC,MAAM,EAChB,QAAQ,EAAC,IAAI,EAAA,GACT,MAAM,EAAA,GACN,IAAI,EACR,GAAG,EAAE,GAAG,EAAA,QAAA,EAEP,QAAQ,EAAA,CACM;AAErB,CAAC;AAGH,GAAG,CAAC,WAAW,GAAG,KAAK;;;;"}

package/dist/components/Tag/Tag.mjs

@@ -2,10 +2,30 @@
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { Tag as Tag$1 } from '@chakra-ui/react';
-import { variantStyles } from './Tag.styles.mjs';
+import { getTagStyles } from './Tag.styles.mjs';
 
-const Tag = forwardRef(({ variant = 'default', ...rest }, ref) => {
-    return (jsx(Tag$1, { border: "1px solid", ...variantStyles[variant], ...rest, ref: ref }));
+/**
+ * Tag component for categorization, filtering, and labeling.
+ *
+ * Uses a two-dimensional variant system:
+ * - `colorPalette`: What semantic color (primary, secondary, danger, etc.)
+ * - `variant`: How it looks visually (soft, solid, outline)
+ *
+ * Supports close button via TagCloseButton sub-component.
+ *
+ * @example
+ * ```tsx
+ * <Tag colorPalette="primary">Category</Tag>
+ * <Tag colorPalette="danger" variant="solid">Error</Tag>
+ * <Tag colorPalette="success" variant="outline">
+ *   Completed
+ *   <TagCloseButton />
+ * </Tag>
+ * ```
+ */
+const Tag = forwardRef(({ colorPalette = 'neutral', variant = 'soft', children, ...rest }, ref) => {
+    const styles = getTagStyles(colorPalette, variant);
+    return (jsx(Tag$1.Root, { border: "1px solid", borderRadius: "md", boxShadow: "none", fontSize: "sm", ...styles, ...rest, ref: ref, children: children }));
 });
 Tag.displayName = 'Tag';
 

package/dist/components/Tag/Tag.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Tag.mjs","sources":["../../../src/components/Tag/Tag.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraTag"],"mappings":";;;;;;AAMO,MAAM,GAAG,GAAG,UAAU,CAC3B,CACE,EAAE,OAAO,GAAG,SAAS,EAAE,GAAG,IAAI,EAAY,EAC1C,GAAkC,KAChC;IACF,QACEA,IAACC,KAAS,EAAA,EACR,MAAM,EAAC,WAAW,KACd,aAAa,CAAC,OAAO,CAAC,EAAA,GACtB,IAAI,EACR,GAAG,EAAE,GAAG,EAAA,CACR;AAEN,CAAC;AAGH,GAAG,CAAC,WAAW,GAAG,KAAK;;;;"}
+{"version":3,"file":"Tag.mjs","sources":["../../../src/components/Tag/Tag.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraTag"],"mappings":";;;;;;AAMA;;;;;;;;;;;;;;;;;;AAkBG;AACI,MAAM,GAAG,GAAG,UAAU,CAC3B,CACE,EAAE,YAAY,GAAG,SAAS,EAAE,OAAO,GAAG,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAY,EAC3E,GAAkC,KAChC;IACF,MAAM,MAAM,GAAG,YAAY,CAAC,YAAY,EAAE,OAAO,CAAC;AAElD,IAAA,QACEA,GAAA,CAACC,KAAS,CAAC,IAAI,EAAA,EACb,MAAM,EAAC,WAAW,EAClB,YAAY,EAAC,IAAI,EACjB,SAAS,EAAC,MAAM,EAChB,QAAQ,EAAC,IAAI,EAAA,GACT,MAAM,EAAA,GACN,IAAI,EACR,GAAG,EAAE,GAAG,EAAA,QAAA,EAEP,QAAQ,EAAA,CACM;AAErB,CAAC;AAGH,GAAG,CAAC,WAAW,GAAG,KAAK;;;;"}

package/dist/components/Tag/Tag.styles.d.ts

@@ -1,13 +1,27 @@
-export declare const variantStyles: {
-    default: {
-        bgColor: string;
-        borderColor: string;
-        color: string;
-    };
-    active: {
-        bgColor: string;
-        borderColor: string;
-        color: string;
-    };
-};
+import { BoxProps } from '@chakra-ui/react';
+import { TagColorPalette, TagVariant } from './Tag.types';
+/**
+ * Tag styles using a two-dimensional variant system.
+ *
+ * Structure: tagColorPaletteStyles[colorPalette][variant]
+ *
+ * Uses semantic color tokens from the Golden Ratio color system.
+ */
+export declare const tagColorPaletteStyles: Record<TagColorPalette, Record<TagVariant, BoxProps>>;
+/**
+ * Helper function to get tag styles for a given colorPalette and variant.
+ */
+export declare const getTagStyles: (colorPalette?: TagColorPalette, variant?: TagVariant) => BoxProps;
+/** All available color palettes */
+export declare const tagColorPalettes: TagColorPalette[];
+/**
+ * @deprecated Use tagColorPalettes instead. Will be removed in next major version.
+ */
+export declare const tagColorSchemes: TagColorPalette[];
+/**
+ * @deprecated Use tagColorPaletteStyles instead. Will be removed in next major version.
+ */
+export declare const tagColorSchemeStyles: Record<TagColorPalette, Record<TagVariant, BoxProps>>;
+/** All available variants */
+export declare const tagVariants: TagVariant[];
 //# sourceMappingURL=Tag.styles.d.ts.map

package/dist/components/Tag/Tag.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tag.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Tag/Tag.styles.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,aAAa;;;;;;;;;;;CAWzB,CAAC"}
+{"version":3,"file":"Tag.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Tag/Tag.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAE5C,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAE1D;;;;;;GAMG;AACH,eAAO,MAAM,qBAAqB,EAAE,MAAM,CACxC,eAAe,EACf,MAAM,CAAC,UAAU,EAAE,QAAQ,CAAC,CAwG7B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,YAAY,GACvB,eAAc,eAA2B,EACzC,UAAS,UAAmB,KAC3B,QAEF,CAAC;AAEF,mCAAmC;AACnC,eAAO,MAAM,gBAAgB,EAAE,eAAe,EAO7C,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,eAAe,mBAAmB,CAAC;AAEhD;;GAEG;AACH,eAAO,MAAM,oBAAoB,uDAAwB,CAAC;AAE1D,6BAA6B;AAC7B,eAAO,MAAM,WAAW,EAAE,UAAU,EAAiC,CAAC"}

package/dist/components/Tag/Tag.styles.js

@@ -1,18 +1,137 @@
 "use client";
 'use strict';
 
-const variantStyles = {
-    default: {
-        bgColor: 'gray.50',
-        borderColor: 'gray.400',
-        color: 'gray.1200',
+/**
+ * Tag styles using a two-dimensional variant system.
+ *
+ * Structure: tagColorPaletteStyles[colorPalette][variant]
+ *
+ * Uses semantic color tokens from the Golden Ratio color system.
+ */
+const tagColorPaletteStyles = {
+    primary: {
+        soft: {
+            bgColor: 'primary.lightest',
+            borderColor: 'primary.light',
+            color: 'primary.dark',
+        },
+        solid: {
+            bgColor: 'primary.main',
+            borderColor: 'primary.main',
+            color: 'white',
+        },
+        outline: {
+            bgColor: 'transparent',
+            borderColor: 'primary.main',
+            color: 'primary.main',
+        },
     },
-    active: {
-        bgColor: 'primary.light',
-        borderColor: 'primary.main',
-        color: 'primary.dark',
+    secondary: {
+        soft: {
+            bgColor: 'secondary.lightest',
+            borderColor: 'secondary.light',
+            color: 'secondary.dark',
+        },
+        solid: {
+            bgColor: 'secondary.main',
+            borderColor: 'secondary.main',
+            color: 'white',
+        },
+        outline: {
+            bgColor: 'transparent',
+            borderColor: 'secondary.main',
+            color: 'secondary.main',
+        },
     },
+    danger: {
+        soft: {
+            bgColor: 'danger.lightest',
+            borderColor: 'danger.light',
+            color: 'danger.dark',
+        },
+        solid: {
+            bgColor: 'danger.main',
+            borderColor: 'danger.main',
+            color: 'white',
+        },
+        outline: {
+            bgColor: 'transparent',
+            borderColor: 'danger.main',
+            color: 'danger.main',
+        },
+    },
+    success: {
+        soft: {
+            bgColor: 'success.lightest',
+            borderColor: 'success.light',
+            color: 'success.dark',
+        },
+        solid: {
+            bgColor: 'success.main',
+            borderColor: 'success.main',
+            color: 'white',
+        },
+        outline: {
+            bgColor: 'transparent',
+            borderColor: 'success.main',
+            color: 'success.main',
+        },
+    },
+    warning: {
+        soft: {
+            bgColor: 'warning.lightest',
+            borderColor: 'warning.light',
+            color: 'warning.dark',
+        },
+        solid: {
+            bgColor: 'warning.main',
+            borderColor: 'warning.main',
+            color: 'white',
+        },
+        outline: {
+            bgColor: 'transparent',
+            borderColor: 'warning.main',
+            color: 'warning.main',
+        },
+    },
+    neutral: {
+        soft: {
+            bgColor: 'gray.100',
+            borderColor: 'gray.300',
+            color: 'gray.800',
+        },
+        solid: {
+            bgColor: 'gray.800',
+            borderColor: 'gray.800',
+            color: 'white',
+        },
+        outline: {
+            bgColor: 'transparent',
+            borderColor: 'gray.500',
+            color: 'gray.700',
+        },
+    },
+};
+/**
+ * Helper function to get tag styles for a given colorPalette and variant.
+ */
+const getTagStyles = (colorPalette = 'neutral', variant = 'soft') => {
+    return tagColorPaletteStyles[colorPalette][variant];
 };
+/** All available color palettes */
+const tagColorPalettes = [
+    'primary',
+    'secondary',
+    'danger',
+    'success',
+    'warning',
+    'neutral',
+];
+/** All available variants */
+const tagVariants = ['soft', 'solid', 'outline'];
 
-exports.variantStyles = variantStyles;
+exports.getTagStyles = getTagStyles;
+exports.tagColorPaletteStyles = tagColorPaletteStyles;
+exports.tagColorPalettes = tagColorPalettes;
+exports.tagVariants = tagVariants;
 //# sourceMappingURL=Tag.styles.js.map

package/dist/components/Tag/Tag.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tag.styles.js","sources":["../../../src/components/Tag/Tag.styles.ts"],"sourcesContent":[null],"names":[],"mappings":";;;AAAO,MAAM,aAAa,GAAG;AAC3B,IAAA,OAAO,EAAE;AACP,QAAA,OAAO,EAAE,SAAS;AAClB,QAAA,WAAW,EAAE,UAAU;AACvB,QAAA,KAAK,EAAE,WAAW;AACnB,KAAA;AACD,IAAA,MAAM,EAAE;AACN,QAAA,OAAO,EAAE,eAAe;AACxB,QAAA,WAAW,EAAE,cAAc;AAC3B,QAAA,KAAK,EAAE,cAAc;AACtB,KAAA;;;;;"}
+{"version":3,"file":"Tag.styles.js","sources":["../../../src/components/Tag/Tag.styles.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}

package/dist/components/Tag/Tag.styles.mjs

@@ -1,16 +1,132 @@
 "use client";
-const variantStyles = {
-    default: {
-        bgColor: 'gray.50',
-        borderColor: 'gray.400',
-        color: 'gray.1200',
+/**
+ * Tag styles using a two-dimensional variant system.
+ *
+ * Structure: tagColorPaletteStyles[colorPalette][variant]
+ *
+ * Uses semantic color tokens from the Golden Ratio color system.
+ */
+const tagColorPaletteStyles = {
+    primary: {
+        soft: {
+            bgColor: 'primary.lightest',
+            borderColor: 'primary.light',
+            color: 'primary.dark',
+        },
+        solid: {
+            bgColor: 'primary.main',
+            borderColor: 'primary.main',
+            color: 'white',
+        },
+        outline: {
+            bgColor: 'transparent',
+            borderColor: 'primary.main',
+            color: 'primary.main',
+        },
     },
-    active: {
-        bgColor: 'primary.light',
-        borderColor: 'primary.main',
-        color: 'primary.dark',
+    secondary: {
+        soft: {
+            bgColor: 'secondary.lightest',
+            borderColor: 'secondary.light',
+            color: 'secondary.dark',
+        },
+        solid: {
+            bgColor: 'secondary.main',
+            borderColor: 'secondary.main',
+            color: 'white',
+        },
+        outline: {
+            bgColor: 'transparent',
+            borderColor: 'secondary.main',
+            color: 'secondary.main',
+        },
     },
+    danger: {
+        soft: {
+            bgColor: 'danger.lightest',
+            borderColor: 'danger.light',
+            color: 'danger.dark',
+        },
+        solid: {
+            bgColor: 'danger.main',
+            borderColor: 'danger.main',
+            color: 'white',
+        },
+        outline: {
+            bgColor: 'transparent',
+            borderColor: 'danger.main',
+            color: 'danger.main',
+        },
+    },
+    success: {
+        soft: {
+            bgColor: 'success.lightest',
+            borderColor: 'success.light',
+            color: 'success.dark',
+        },
+        solid: {
+            bgColor: 'success.main',
+            borderColor: 'success.main',
+            color: 'white',
+        },
+        outline: {
+            bgColor: 'transparent',
+            borderColor: 'success.main',
+            color: 'success.main',
+        },
+    },
+    warning: {
+        soft: {
+            bgColor: 'warning.lightest',
+            borderColor: 'warning.light',
+            color: 'warning.dark',
+        },
+        solid: {
+            bgColor: 'warning.main',
+            borderColor: 'warning.main',
+            color: 'white',
+        },
+        outline: {
+            bgColor: 'transparent',
+            borderColor: 'warning.main',
+            color: 'warning.main',
+        },
+    },
+    neutral: {
+        soft: {
+            bgColor: 'gray.100',
+            borderColor: 'gray.300',
+            color: 'gray.800',
+        },
+        solid: {
+            bgColor: 'gray.800',
+            borderColor: 'gray.800',
+            color: 'white',
+        },
+        outline: {
+            bgColor: 'transparent',
+            borderColor: 'gray.500',
+            color: 'gray.700',
+        },
+    },
+};
+/**
+ * Helper function to get tag styles for a given colorPalette and variant.
+ */
+const getTagStyles = (colorPalette = 'neutral', variant = 'soft') => {
+    return tagColorPaletteStyles[colorPalette][variant];
 };
+/** All available color palettes */
+const tagColorPalettes = [
+    'primary',
+    'secondary',
+    'danger',
+    'success',
+    'warning',
+    'neutral',
+];
+/** All available variants */
+const tagVariants = ['soft', 'solid', 'outline'];
 
-export { variantStyles };
+export { getTagStyles, tagColorPaletteStyles, tagColorPalettes, tagVariants };
 //# sourceMappingURL=Tag.styles.mjs.map

package/dist/components/Tag/Tag.styles.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Tag.styles.mjs","sources":["../../../src/components/Tag/Tag.styles.ts"],"sourcesContent":[null],"names":[],"mappings":";AAAO,MAAM,aAAa,GAAG;AAC3B,IAAA,OAAO,EAAE;AACP,QAAA,OAAO,EAAE,SAAS;AAClB,QAAA,WAAW,EAAE,UAAU;AACvB,QAAA,KAAK,EAAE,WAAW;AACnB,KAAA;AACD,IAAA,MAAM,EAAE;AACN,QAAA,OAAO,EAAE,eAAe;AACxB,QAAA,WAAW,EAAE,cAAc;AAC3B,QAAA,KAAK,EAAE,cAAc;AACtB,KAAA;;;;;"}
+{"version":3,"file":"Tag.styles.mjs","sources":["../../../src/components/Tag/Tag.styles.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}

package/dist/components/Tag/Tag.types.d.ts

@@ -1,5 +1,38 @@
-import { TagProps as ChakraTagProps } from '@chakra-ui/react';
-export interface TagProps extends ChakraTagProps {
-    variant?: 'default' | 'active';
+import { BoxProps } from '@chakra-ui/react';
+/**
+ * Tag color schemes - determines the semantic color of the tag.
+ *
+ * This prop overrides Chakra UI's native `colorPalette` prop to provide
+ * a controlled set of color options that align with our design system.
+ */
+export type TagColorPalette = 'primary' | 'secondary' | 'danger' | 'success' | 'warning' | 'neutral';
+/**
+ * Tag variants - determines the visual style of the tag.
+ *
+ * - soft: Light background tint with darker text (default)
+ * - solid: Filled background with contrasting text
+ * - outline: Transparent background with colored border
+ */
+export type TagVariant = 'soft' | 'solid' | 'outline';
+/**
+ * TagProps uses a two-dimensional variant system:
+ * - `colorPalette`: What semantic color (primary, secondary, danger, etc.)
+ * - `variant`: How it looks visually (soft, solid, outline)
+ *
+ * This matches the Button and Chip component architecture for consistency.
+ *
+ * @example
+ * ```tsx
+ * <Tag colorPalette="primary" variant="soft">Category</Tag>
+ * <Tag colorPalette="danger" variant="solid">Error</Tag>
+ * <Tag colorPalette="success" variant="outline">
+ *   Completed
+ *   <TagCloseButton />
+ * </Tag>
+ * ```
+ */
+export interface TagProps extends Omit<BoxProps, 'colorPalette' | 'variant'> {
+    colorPalette?: TagColorPalette;
+    variant?: TagVariant;
 }
 //# sourceMappingURL=Tag.types.d.ts.map

package/dist/components/Tag/Tag.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tag.types.d.ts","sourceRoot":"","sources":["../../../src/components/Tag/Tag.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAE9D,MAAM,WAAW,QAAS,SAAQ,cAAc;IAC9C,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;CAChC"}
+{"version":3,"file":"Tag.types.d.ts","sourceRoot":"","sources":["../../../src/components/Tag/Tag.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAE5C;;;;;GAKG;AACH,MAAM,MAAM,eAAe,GACvB,SAAS,GACT,WAAW,GACX,QAAQ,GACR,SAAS,GACT,SAAS,GACT,SAAS,CAAC;AAEd;;;;;;GAMG;AACH,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,CAAC;AAEtD;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,WAAW,QAAS,SAAQ,IAAI,CAAC,QAAQ,EAAE,cAAc,GAAG,SAAS,CAAC;IAC1E,YAAY,CAAC,EAAE,eAAe,CAAC;IAC/B,OAAO,CAAC,EAAE,UAAU,CAAC;CACtB"}

package/dist/components/Tag/TagCloseButton/TagCloseButton.d.ts

@@ -1,3 +1,3 @@
 import { TagCloseButtonProps } from './TagCloseButton.types';
-export declare const TagCloseButton: import("react").ForwardRefExoticComponent<TagCloseButtonProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const TagCloseButton: import("react").ForwardRefExoticComponent<TagCloseButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
 //# sourceMappingURL=TagCloseButton.d.ts.map

package/dist/components/Tag/TagCloseButton/TagCloseButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TagCloseButton.d.ts","sourceRoot":"","sources":["../../../../src/components/Tag/TagCloseButton/TagCloseButton.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAE7D,eAAO,MAAM,cAAc,gHAI1B,CAAC"}
+{"version":3,"file":"TagCloseButton.d.ts","sourceRoot":"","sources":["../../../../src/components/Tag/TagCloseButton/TagCloseButton.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAE7D,eAAO,MAAM,cAAc,mHAQ1B,CAAC"}

package/dist/components/Tag/TagCloseButton/TagCloseButton.js

@@ -6,7 +6,7 @@ var React = require('react');
 var react = require('@chakra-ui/react');
 
 const TagCloseButton = React.forwardRef(({ ...rest }, ref) => {
-    return jsxRuntime.jsx(react.TagCloseButton, { ...rest, ref: ref });
+    return (jsxRuntime.jsx(react.Tag.EndElement, { children: jsxRuntime.jsx(react.Tag.CloseTrigger, { ...rest, ref: ref }) }));
 });
 TagCloseButton.displayName = 'TagCloseButton';
 

package/dist/components/Tag/TagCloseButton/TagCloseButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"TagCloseButton.js","sources":["../../../../src/components/Tag/TagCloseButton/TagCloseButton.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsx","ChakraTagCloseButton"],"mappings":";;;;;;;AAKO,MAAM,cAAc,GAAGA,gBAAU,CACtC,CAAC,EAAE,GAAG,IAAI,EAAuB,EAAE,GAAkC,KAAI;IACvE,OAAOC,cAAA,CAACC,oBAAoB,EAAA,EAAA,GAAK,IAAI,EAAE,GAAG,EAAE,GAAG,EAAA,CAAI;AACrD,CAAC;AAGH,cAAc,CAAC,WAAW,GAAG,gBAAgB;;;;"}
+{"version":3,"file":"TagCloseButton.js","sources":["../../../../src/components/Tag/TagCloseButton/TagCloseButton.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsx","Tag"],"mappings":";;;;;;;AAKO,MAAM,cAAc,GAAGA,gBAAU,CACtC,CAAC,EAAE,GAAG,IAAI,EAAuB,EAAE,GAAqC,KAAI;AAC1E,IAAA,QACEC,cAAA,CAACC,SAAG,CAAC,UAAU,EAAA,EAAA,QAAA,EACbD,eAACC,SAAG,CAAC,YAAY,EAAA,EAAA,GAAK,IAAI,EAAE,GAAG,EAAE,GAAG,EAAA,CAAI,EAAA,CACzB;AAErB,CAAC;AAGH,cAAc,CAAC,WAAW,GAAG,gBAAgB;;;;"}

package/dist/components/Tag/TagCloseButton/TagCloseButton.mjs

@@ -1,10 +1,10 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
-import { TagCloseButton as TagCloseButton$1 } from '@chakra-ui/react';
+import { Tag } from '@chakra-ui/react';
 
 const TagCloseButton = forwardRef(({ ...rest }, ref) => {
-    return jsx(TagCloseButton$1, { ...rest, ref: ref });
+    return (jsx(Tag.EndElement, { children: jsx(Tag.CloseTrigger, { ...rest, ref: ref }) }));
 });
 TagCloseButton.displayName = 'TagCloseButton';
 

package/dist/components/Tag/TagCloseButton/TagCloseButton.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"TagCloseButton.mjs","sources":["../../../../src/components/Tag/TagCloseButton/TagCloseButton.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraTagCloseButton"],"mappings":";;;;;AAKO,MAAM,cAAc,GAAG,UAAU,CACtC,CAAC,EAAE,GAAG,IAAI,EAAuB,EAAE,GAAkC,KAAI;IACvE,OAAOA,GAAA,CAACC,gBAAoB,EAAA,EAAA,GAAK,IAAI,EAAE,GAAG,EAAE,GAAG,EAAA,CAAI;AACrD,CAAC;AAGH,cAAc,CAAC,WAAW,GAAG,gBAAgB;;;;"}
+{"version":3,"file":"TagCloseButton.mjs","sources":["../../../../src/components/Tag/TagCloseButton/TagCloseButton.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;AAKO,MAAM,cAAc,GAAG,UAAU,CACtC,CAAC,EAAE,GAAG,IAAI,EAAuB,EAAE,GAAqC,KAAI;AAC1E,IAAA,QACEA,GAAA,CAAC,GAAG,CAAC,UAAU,EAAA,EAAA,QAAA,EACbA,IAAC,GAAG,CAAC,YAAY,EAAA,EAAA,GAAK,IAAI,EAAE,GAAG,EAAE,GAAG,EAAA,CAAI,EAAA,CACzB;AAErB,CAAC;AAGH,cAAc,CAAC,WAAW,GAAG,gBAAgB;;;;"}

package/dist/components/Tag/TagCloseButton/TagCloseButton.types.d.ts

@@ -1,4 +1,4 @@
-import { TagCloseButtonProps as ChakraTagCloseButtonProps } from '@chakra-ui/react';
-export interface TagCloseButtonProps extends ChakraTagCloseButtonProps {
+import { CloseButtonProps } from '@chakra-ui/react';
+export interface TagCloseButtonProps extends CloseButtonProps {
 }
 //# sourceMappingURL=TagCloseButton.types.d.ts.map

package/dist/components/Tag/TagCloseButton/TagCloseButton.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TagCloseButton.types.d.ts","sourceRoot":"","sources":["../../../../src/components/Tag/TagCloseButton/TagCloseButton.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,IAAI,yBAAyB,EAAE,MAAM,kBAAkB,CAAC;AAEpF,MAAM,WAAW,mBAAoB,SAAQ,yBAAyB;CAAG"}
+{"version":3,"file":"TagCloseButton.types.d.ts","sourceRoot":"","sources":["../../../../src/components/Tag/TagCloseButton/TagCloseButton.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAEpD,MAAM,WAAW,mBAAoB,SAAQ,gBAAgB;CAAG"}

package/dist/components/Tag/TagLabel/TagLabel.js

@@ -6,7 +6,7 @@ var React = require('react');
 var react = require('@chakra-ui/react');
 
 const TagLabel = React.forwardRef(({ ...rest }, ref) => {
-    return jsxRuntime.jsx(react.TagLabel, { ...rest, ref: ref });
+    return jsxRuntime.jsx(react.Tag.Label, { ...rest, ref: ref });
 });
 TagLabel.displayName = 'TagLabel';
 

package/dist/components/Tag/TagLabel/TagLabel.js.map

@@ -1 +1 @@
-{"version":3,"file":"TagLabel.js","sources":["../../../../src/components/Tag/TagLabel/TagLabel.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsx","ChakraTagLabel"],"mappings":";;;;;;;AAKO,MAAM,QAAQ,GAAGA,gBAAU,CAChC,CAAC,EAAE,GAAG,IAAI,EAAiB,EAAE,GAAkC,KAAI;IACjE,OAAOC,cAAA,CAACC,cAAc,EAAA,EAAA,GAAK,IAAI,EAAE,GAAG,EAAE,GAAG,EAAA,CAAI;AAC/C,CAAC;AAGH,QAAQ,CAAC,WAAW,GAAG,UAAU;;;;"}
+{"version":3,"file":"TagLabel.js","sources":["../../../../src/components/Tag/TagLabel/TagLabel.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsx","Tag"],"mappings":";;;;;;;AAKO,MAAM,QAAQ,GAAGA,gBAAU,CAChC,CAAC,EAAE,GAAG,IAAI,EAAiB,EAAE,GAAkC,KAAI;IACjE,OAAOC,cAAA,CAACC,SAAG,CAAC,KAAK,EAAA,EAAA,GAAK,IAAI,EAAE,GAAG,EAAE,GAAG,EAAA,CAAI;AAC1C,CAAC;AAGH,QAAQ,CAAC,WAAW,GAAG,UAAU;;;;"}

package/dist/components/Tag/TagLabel/TagLabel.mjs

@@ -1,10 +1,10 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
-import { TagLabel as TagLabel$1 } from '@chakra-ui/react';
+import { Tag } from '@chakra-ui/react';
 
 const TagLabel = forwardRef(({ ...rest }, ref) => {
-    return jsx(TagLabel$1, { ...rest, ref: ref });
+    return jsx(Tag.Label, { ...rest, ref: ref });
 });
 TagLabel.displayName = 'TagLabel';
 

package/dist/components/Tag/TagLabel/TagLabel.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"TagLabel.mjs","sources":["../../../../src/components/Tag/TagLabel/TagLabel.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraTagLabel"],"mappings":";;;;;AAKO,MAAM,QAAQ,GAAG,UAAU,CAChC,CAAC,EAAE,GAAG,IAAI,EAAiB,EAAE,GAAkC,KAAI;IACjE,OAAOA,GAAA,CAACC,UAAc,EAAA,EAAA,GAAK,IAAI,EAAE,GAAG,EAAE,GAAG,EAAA,CAAI;AAC/C,CAAC;AAGH,QAAQ,CAAC,WAAW,GAAG,UAAU;;;;"}
+{"version":3,"file":"TagLabel.mjs","sources":["../../../../src/components/Tag/TagLabel/TagLabel.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;AAKO,MAAM,QAAQ,GAAG,UAAU,CAChC,CAAC,EAAE,GAAG,IAAI,EAAiB,EAAE,GAAkC,KAAI;IACjE,OAAOA,GAAA,CAAC,GAAG,CAAC,KAAK,EAAA,EAAA,GAAK,IAAI,EAAE,GAAG,EAAE,GAAG,EAAA,CAAI;AAC1C,CAAC;AAGH,QAAQ,CAAC,WAAW,GAAG,UAAU;;;;"}

package/dist/components/Tag/TagLeftIcon/TagLeftIcon.d.ts

@@ -1,3 +1,6 @@
 import { TagLeftIconProps } from './TagLeftIcon.types';
+/**
+ * @deprecated In Chakra UI v3, use Icon component directly inside Tag
+ */
 export declare const TagLeftIcon: import("react").ForwardRefExoticComponent<TagLeftIconProps & import("react").RefAttributes<SVGSVGElement>>;
 //# sourceMappingURL=TagLeftIcon.d.ts.map

package/dist/components/Tag/TagLeftIcon/TagLeftIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TagLeftIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/Tag/TagLeftIcon/TagLeftIcon.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAEvD,eAAO,MAAM,WAAW,4GAIvB,CAAC"}
+{"version":3,"file":"TagLeftIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/Tag/TagLeftIcon/TagLeftIcon.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAEvD;;GAEG;AACH,eAAO,MAAM,WAAW,4GAIvB,CAAC"}

package/dist/components/Tag/TagLeftIcon/TagLeftIcon.js

@@ -5,8 +5,11 @@ var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var react = require('@chakra-ui/react');
 
+/**
+ * @deprecated In Chakra UI v3, use Icon component directly inside Tag
+ */
 const TagLeftIcon = React.forwardRef(({ ...rest }, ref) => {
-    return jsxRuntime.jsx(react.TagLeftIcon, { ...rest, ref: ref });
+    return jsxRuntime.jsx(react.Icon, { ...rest, ref: ref });
 });
 TagLeftIcon.displayName = 'TagLeftIcon';