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

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

@@ -1,6 +1,6 @@
-import { CardProps as ChakraCardProps } from '@chakra-ui/react';
+import { CardRootProps as ChakraCardRootProps } from '@chakra-ui/react';
 export type CardVariant = 'default' | 'gradient';
-export type CardProps = ChakraCardProps & {
+export type CardProps = ChakraCardRootProps & {
     clickable?: boolean;
     variant?: CardVariant;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"Card.types.d.ts","sourceRoot":"","sources":["../../../src/components/Card/Card.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,IAAI,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAEhE,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,UAAU,CAAC;AAEjD,MAAM,MAAM,SAAS,GAAG,eAAe,GAAG;IACxC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,WAAW,CAAC;CACvB,CAAC"}
+{"version":3,"file":"Card.types.d.ts","sourceRoot":"","sources":["../../../src/components/Card/Card.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,IAAI,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAExE,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,UAAU,CAAC;AAEjD,MAAM,MAAM,SAAS,GAAG,mBAAmB,GAAG;IAC5C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,WAAW,CAAC;CACvB,CAAC"}

package/dist/components/Checkbox/Checkbox.d.ts

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

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

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEjD,eAAO,MAAM,QAAQ,mGAqBnB,CAAC"}
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEjD,eAAO,MAAM,QAAQ,4GA2BpB,CAAC"}

package/dist/components/Checkbox/Checkbox.js

@@ -5,21 +5,11 @@ var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var react = require('@chakra-ui/react');
 
-const Checkbox = React.forwardRef(({ sx, ...rest }, ref) => {
-    return (jsxRuntime.jsx(react.Checkbox, { ref: ref, ...rest, sx: {
-            '.chakra-checkbox__control': {
-                borderRadius: '4px',
-                borderColor: 'gray.400',
-                _checked: {
-                    bg: 'primary.main',
+const Checkbox = React.forwardRef(({ size = 'sm', checked, disabled, invalid, ...rest }, ref) => {
+    return (jsxRuntime.jsxs(react.Checkbox.Root, { ref: ref, size: size, checked: checked, disabled: disabled, invalid: invalid, ...rest, children: [jsxRuntime.jsx(react.Checkbox.HiddenInput, {}), jsxRuntime.jsx(react.Checkbox.Control, { borderRadius: "xs", borderColor: "gray.400", borderWidth: "1px", _checked: {
+                    bgColor: 'primary.main',
                     borderColor: 'primary.main',
-                },
-                _indeterminate: {
-                    bg: 'primary.main',
-                    borderColor: 'primary.main',
-                },
-            },
-        } }));
+                }, cursor: "pointer", children: jsxRuntime.jsx(react.Checkbox.Indicator, {}) })] }));
 });
 Checkbox.displayName = 'Checkbox';
 

package/dist/components/Checkbox/Checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.js","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsx","ChakraCheckbox"],"mappings":";;;;;;;AAKO,MAAM,QAAQ,GAAGA,gBAAU,CAAC,CAAC,EAAE,EAAE,EAAE,GAAG,IAAI,EAAiB,EAAE,GAAG,KAAI;IACzE,QACEC,cAAA,CAACC,cAAc,EAAA,EACb,GAAG,EAAE,GAAG,EAAA,GACJ,IAAI,EACR,EAAE,EAAE;AACF,YAAA,2BAA2B,EAAE;AAC3B,gBAAA,YAAY,EAAE,KAAK;AACnB,gBAAA,WAAW,EAAE,UAAU;AACvB,gBAAA,QAAQ,EAAE;AACR,oBAAA,EAAE,EAAE,cAAc;AAClB,oBAAA,WAAW,EAAE,cAAc;AAC5B,iBAAA;AACD,gBAAA,cAAc,EAAE;AACd,oBAAA,EAAE,EAAE,cAAc;AAClB,oBAAA,WAAW,EAAE,cAAc;AAC5B,iBAAA;AACF,aAAA;AACF,SAAA,EAAA,CACD;AAEN,CAAC;AAED,QAAQ,CAAC,WAAW,GAAG,UAAU;;;;"}
+{"version":3,"file":"Checkbox.js","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsxs","ChakraCheckbox","_jsx"],"mappings":";;;;;;;AAKO,MAAM,QAAQ,GAAGA,gBAAU,CAChC,CAAC,EAAE,IAAI,GAAG,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,KAAI;IAC5D,QACEC,eAAA,CAACC,cAAc,CAAC,IAAI,IAClB,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAAA,GACZ,IAAI,EAAA,QAAA,EAAA,CAERC,cAAA,CAACD,cAAc,CAAC,WAAW,EAAA,EAAA,CAAG,EAC9BC,cAAA,CAACD,cAAc,CAAC,OAAO,EAAA,EACrB,YAAY,EAAC,IAAI,EACjB,WAAW,EAAC,UAAU,EACtB,WAAW,EAAC,KAAK,EACjB,QAAQ,EAAE;AACR,oBAAA,OAAO,EAAE,cAAc;AACvB,oBAAA,WAAW,EAAE,cAAc;AAC5B,iBAAA,EACD,MAAM,EAAC,SAAS,EAAA,QAAA,EAEhBC,cAAA,CAACD,cAAc,CAAC,SAAS,EAAA,EAAA,CAAG,EAAA,CACL,CAAA,EAAA,CACL;AAE1B,CAAC;AAGH,QAAQ,CAAC,WAAW,GAAG,UAAU;;;;"}

package/dist/components/Checkbox/Checkbox.mjs

@@ -1,23 +1,13 @@
 "use client";
-import { jsx } from 'react/jsx-runtime';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { Checkbox as Checkbox$1 } from '@chakra-ui/react';
 
-const Checkbox = forwardRef(({ sx, ...rest }, ref) => {
-    return (jsx(Checkbox$1, { ref: ref, ...rest, sx: {
-            '.chakra-checkbox__control': {
-                borderRadius: '4px',
-                borderColor: 'gray.400',
-                _checked: {
-                    bg: 'primary.main',
+const Checkbox = forwardRef(({ size = 'sm', checked, disabled, invalid, ...rest }, ref) => {
+    return (jsxs(Checkbox$1.Root, { ref: ref, size: size, checked: checked, disabled: disabled, invalid: invalid, ...rest, children: [jsx(Checkbox$1.HiddenInput, {}), jsx(Checkbox$1.Control, { borderRadius: "xs", borderColor: "gray.400", borderWidth: "1px", _checked: {
+                    bgColor: 'primary.main',
                     borderColor: 'primary.main',
-                },
-                _indeterminate: {
-                    bg: 'primary.main',
-                    borderColor: 'primary.main',
-                },
-            },
-        } }));
+                }, cursor: "pointer", children: jsx(Checkbox$1.Indicator, {}) })] }));
 });
 Checkbox.displayName = 'Checkbox';
 

package/dist/components/Checkbox/Checkbox.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.mjs","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraCheckbox"],"mappings":";;;;;AAKO,MAAM,QAAQ,GAAG,UAAU,CAAC,CAAC,EAAE,EAAE,EAAE,GAAG,IAAI,EAAiB,EAAE,GAAG,KAAI;IACzE,QACEA,GAAA,CAACC,UAAc,EAAA,EACb,GAAG,EAAE,GAAG,EAAA,GACJ,IAAI,EACR,EAAE,EAAE;AACF,YAAA,2BAA2B,EAAE;AAC3B,gBAAA,YAAY,EAAE,KAAK;AACnB,gBAAA,WAAW,EAAE,UAAU;AACvB,gBAAA,QAAQ,EAAE;AACR,oBAAA,EAAE,EAAE,cAAc;AAClB,oBAAA,WAAW,EAAE,cAAc;AAC5B,iBAAA;AACD,gBAAA,cAAc,EAAE;AACd,oBAAA,EAAE,EAAE,cAAc;AAClB,oBAAA,WAAW,EAAE,cAAc;AAC5B,iBAAA;AACF,aAAA;AACF,SAAA,EAAA,CACD;AAEN,CAAC;AAED,QAAQ,CAAC,WAAW,GAAG,UAAU;;;;"}
+{"version":3,"file":"Checkbox.mjs","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":[null],"names":["_jsxs","ChakraCheckbox","_jsx"],"mappings":";;;;;AAKO,MAAM,QAAQ,GAAG,UAAU,CAChC,CAAC,EAAE,IAAI,GAAG,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,KAAI;IAC5D,QACEA,IAAA,CAACC,UAAc,CAAC,IAAI,IAClB,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAAA,GACZ,IAAI,EAAA,QAAA,EAAA,CAERC,GAAA,CAACD,UAAc,CAAC,WAAW,EAAA,EAAA,CAAG,EAC9BC,GAAA,CAACD,UAAc,CAAC,OAAO,EAAA,EACrB,YAAY,EAAC,IAAI,EACjB,WAAW,EAAC,UAAU,EACtB,WAAW,EAAC,KAAK,EACjB,QAAQ,EAAE;AACR,oBAAA,OAAO,EAAE,cAAc;AACvB,oBAAA,WAAW,EAAE,cAAc;AAC5B,iBAAA,EACD,MAAM,EAAC,SAAS,EAAA,QAAA,EAEhBC,GAAA,CAACD,UAAc,CAAC,SAAS,EAAA,EAAA,CAAG,EAAA,CACL,CAAA,EAAA,CACL;AAE1B,CAAC;AAGH,QAAQ,CAAC,WAAW,GAAG,UAAU;;;;"}

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

@@ -1,4 +1,4 @@
-import { CheckboxProps as ChakraCheckboxProps } from '@chakra-ui/react';
-export interface CheckboxProps extends ChakraCheckboxProps {
+import { CheckboxRootProps as ChakraCheckboxRootProps } from '@chakra-ui/react';
+export interface CheckboxProps extends ChakraCheckboxRootProps {
 }
 //# sourceMappingURL=Checkbox.types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.types.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,IAAI,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAExE,MAAM,WAAW,aAAc,SAAQ,mBAAmB;CAAG"}
+{"version":3,"file":"Checkbox.types.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,IAAI,uBAAuB,EAAE,MAAM,kBAAkB,CAAC;AAEhF,MAAM,WAAW,aAAc,SAAQ,uBAAuB;CAAG"}

package/dist/components/Chip/Chip.d.ts

@@ -1,9 +1,17 @@
 import { ChipProps } from './Chip.types';
 /**
- * A component that wraps the Chakra Badge component, but styled to look like a Chip component
+ * A chip component for displaying tags, labels, or status indicators.
+ *
+ * Uses a two-dimensional variant system:
+ * - `colorScheme`: What semantic color (primary, secondary, danger, etc.)
+ * - `variant`: How it looks visually (solid, soft, outline)
+ *
+ * @example
+ * ```tsx
+ * <Chip colorScheme="primary" variant="solid">Active</Chip>
+ * <Chip colorScheme="danger" variant="soft">Error</Chip>
+ * <Chip colorScheme="success" variant="outline">Completed</Chip>
+ * ```
  */
-export declare const Chip: {
-    ({ useCase, variant, ...rest }: ChipProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const Chip: import("react").ForwardRefExoticComponent<ChipProps & import("react").RefAttributes<HTMLButtonElement>>;
 //# sourceMappingURL=Chip.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../../../src/components/Chip/Chip.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC;;GAEG;AACH,eAAO,MAAM,IAAI;oCAId,SAAS;;CAQX,CAAC"}
+{"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../../../src/components/Chip/Chip.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,IAAI,yGAShB,CAAC"}

package/dist/components/Chip/Chip.js

@@ -2,16 +2,28 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
 var react = require('@chakra-ui/react');
 var Chip_styles = require('./Chip.styles.js');
 
 /**
- * A component that wraps the Chakra Badge component, but styled to look like a Chip component
+ * A chip component for displaying tags, labels, or status indicators.
+ *
+ * Uses a two-dimensional variant system:
+ * - `colorScheme`: What semantic color (primary, secondary, danger, etc.)
+ * - `variant`: How it looks visually (solid, soft, outline)
+ *
+ * @example
+ * ```tsx
+ * <Chip colorScheme="primary" variant="solid">Active</Chip>
+ * <Chip colorScheme="danger" variant="soft">Error</Chip>
+ * <Chip colorScheme="success" variant="outline">Completed</Chip>
+ * ```
  */
-const Chip = ({ useCase = 'primary', // default to secondary as they are less likely to cause bigger design issues
-variant = 'subtle', ...rest }) => {
-    return (jsxRuntime.jsx(react.Badge, { ...Chip_styles.baseStyles, ...Chip_styles.useCaseStyles[useCase][variant], ...rest }));
-};
+const Chip = React.forwardRef(({ colorScheme = 'primary', variant = 'soft', ...rest }, ref) => {
+    const styles = Chip_styles.getChipStyles(colorScheme, variant);
+    return jsxRuntime.jsx(react.Badge, { ...Chip_styles.baseStyles, ...styles, ...rest, ref: ref });
+});
 Chip.displayName = 'Chip';
 
 exports.Chip = Chip;

package/dist/components/Chip/Chip.js.map

@@ -1 +1 @@
-{"version":3,"file":"Chip.js","sources":["../../../src/components/Chip/Chip.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraBadge","baseStyles","useCaseStyles"],"mappings":";;;;;;;AAKA;;AAEG;AACI,MAAM,IAAI,GAAG,CAAC,EACnB,OAAO,GAAG,SAAS;AACnB,OAAO,GAAG,QAAQ,EAClB,GAAG,IAAI,EACG,KAAI;AACd,IAAA,QACEA,cAAA,CAACC,WAAW,EAAA,EAAA,GACNC,sBAAU,KACVC,yBAAa,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,KAC/B,IAAI,EAAA,CACR;AAEN;AAEA,IAAI,CAAC,WAAW,GAAG,MAAM;;;;"}
+{"version":3,"file":"Chip.js","sources":["../../../src/components/Chip/Chip.tsx"],"sourcesContent":[null],"names":["forwardRef","getChipStyles","_jsx","ChakraBadge","baseStyles"],"mappings":";;;;;;;;AAMA;;;;;;;;;;;;;AAaG;MACU,IAAI,GAAGA,gBAAU,CAC5B,CACE,EAAE,WAAW,GAAG,SAAS,EAAE,OAAO,GAAG,MAAM,EAAE,GAAG,IAAI,EAAa,EACjE,GAAqC,KACnC;IACF,MAAM,MAAM,GAAGC,yBAAa,CAAC,WAAW,EAAE,OAAO,CAAC;AAElD,IAAA,OAAOC,cAAA,CAACC,WAAW,EAAA,EAAA,GAAKC,sBAAU,EAAA,GAAM,MAAM,EAAA,GAAM,IAAI,EAAE,GAAG,EAAE,GAAG,GAAI;AACxE,CAAC;AAGH,IAAI,CAAC,WAAW,GAAG,MAAM;;;;"}

package/dist/components/Chip/Chip.mjs

@@ -1,15 +1,27 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
 import { Badge } from '@chakra-ui/react';
-import { useCaseStyles, baseStyles } from './Chip.styles.mjs';
+import { getChipStyles, baseStyles } from './Chip.styles.mjs';
 
 /**
- * A component that wraps the Chakra Badge component, but styled to look like a Chip component
+ * A chip component for displaying tags, labels, or status indicators.
+ *
+ * Uses a two-dimensional variant system:
+ * - `colorScheme`: What semantic color (primary, secondary, danger, etc.)
+ * - `variant`: How it looks visually (solid, soft, outline)
+ *
+ * @example
+ * ```tsx
+ * <Chip colorScheme="primary" variant="solid">Active</Chip>
+ * <Chip colorScheme="danger" variant="soft">Error</Chip>
+ * <Chip colorScheme="success" variant="outline">Completed</Chip>
+ * ```
  */
-const Chip = ({ useCase = 'primary', // default to secondary as they are less likely to cause bigger design issues
-variant = 'subtle', ...rest }) => {
-    return (jsx(Badge, { ...baseStyles, ...useCaseStyles[useCase][variant], ...rest }));
-};
+const Chip = forwardRef(({ colorScheme = 'primary', variant = 'soft', ...rest }, ref) => {
+    const styles = getChipStyles(colorScheme, variant);
+    return jsx(Badge, { ...baseStyles, ...styles, ...rest, ref: ref });
+});
 Chip.displayName = 'Chip';
 
 export { Chip };

package/dist/components/Chip/Chip.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Chip.mjs","sources":["../../../src/components/Chip/Chip.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraBadge"],"mappings":";;;;;AAKA;;AAEG;AACI,MAAM,IAAI,GAAG,CAAC,EACnB,OAAO,GAAG,SAAS;AACnB,OAAO,GAAG,QAAQ,EAClB,GAAG,IAAI,EACG,KAAI;AACd,IAAA,QACEA,GAAA,CAACC,KAAW,EAAA,EAAA,GACN,UAAU,KACV,aAAa,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,KAC/B,IAAI,EAAA,CACR;AAEN;AAEA,IAAI,CAAC,WAAW,GAAG,MAAM;;;;"}
+{"version":3,"file":"Chip.mjs","sources":["../../../src/components/Chip/Chip.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraBadge"],"mappings":";;;;;;AAMA;;;;;;;;;;;;;AAaG;MACU,IAAI,GAAG,UAAU,CAC5B,CACE,EAAE,WAAW,GAAG,SAAS,EAAE,OAAO,GAAG,MAAM,EAAE,GAAG,IAAI,EAAa,EACjE,GAAqC,KACnC;IACF,MAAM,MAAM,GAAG,aAAa,CAAC,WAAW,EAAE,OAAO,CAAC;AAElD,IAAA,OAAOA,GAAA,CAACC,KAAW,EAAA,EAAA,GAAK,UAAU,EAAA,GAAM,MAAM,EAAA,GAAM,IAAI,EAAE,GAAG,EAAE,GAAG,GAAI;AACxE,CAAC;AAGH,IAAI,CAAC,WAAW,GAAG,MAAM;;;;"}

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

@@ -1,10 +1,20 @@
-import * as CSS from 'csstype';
-import { ChipProps, ChipUseCase } from './Chip.types';
-export declare const baseStyles: {
-    borderRadius: string;
-    px: number;
-    py: number;
-    textTransform: CSS.Property.TextTransform;
-};
-export declare const useCaseStyles: Record<ChipUseCase, Record<string, Partial<ChipProps>>>;
+import { BadgeProps } from '@chakra-ui/react';
+import { ChipColorScheme, ChipVariant } from './Chip.types';
+export declare const baseStyles: BadgeProps;
+/**
+ * Chip styles using a two-dimensional variant system.
+ *
+ * Structure: colorSchemeStyles[colorScheme][variant]
+ *
+ * Uses semantic color tokens from the Golden Ratio color system.
+ */
+export declare const colorSchemeStyles: Record<ChipColorScheme, Record<ChipVariant, BadgeProps>>;
+/**
+ * Helper function to get chip styles for a given colorScheme and variant.
+ */
+export declare const getChipStyles: (colorScheme?: ChipColorScheme, variant?: ChipVariant) => BadgeProps;
+/** All available color schemes */
+export declare const colorSchemes: ChipColorScheme[];
+/** All available variants */
+export declare const variants: ChipVariant[];
 //# sourceMappingURL=Chip.styles.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Chip.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Chip/Chip.styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,GAAG,MAAM,SAAS,CAAC;AAI/B,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAEtD,eAAO,MAAM,UAAU;;;;mBAII,GAAG,CAAC,QAAQ,CAAC,aAAa;CACpD,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,MAAM,CAChC,WAAW,EACX,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC,CAkGnC,CAAC"}
+{"version":3,"file":"Chip.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Chip/Chip.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9C,OAAO,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAE5D,eAAO,MAAM,UAAU,EAAE,UAKxB,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,iBAAiB,EAAE,MAAM,CACpC,eAAe,EACf,MAAM,CAAC,WAAW,EAAE,UAAU,CAAC,CAkGhC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,aAAa,GACxB,cAAa,eAA2B,EACxC,UAAS,WAAoB,KAC5B,UAEF,CAAC;AAEF,kCAAkC;AAClC,eAAO,MAAM,YAAY,EAAE,eAAe,EAOzC,CAAC;AAEF,6BAA6B;AAC7B,eAAO,MAAM,QAAQ,EAAE,WAAW,EAAiC,CAAC"}

package/dist/components/Chip/Chip.styles.js

@@ -1,113 +1,138 @@
 "use client";
 'use strict';
 
-var index = require('../../theme/index.js');
-
 const baseStyles = {
-    borderRadius: '32px', // large border radius to round it
+    borderRadius: '32px',
     px: 3,
-    py: 2, // Use direct spacing value instead of theme.spacing[2]
+    py: 2,
     textTransform: 'none',
 };
-const useCaseStyles = {
+/**
+ * Chip styles using a two-dimensional variant system.
+ *
+ * Structure: colorSchemeStyles[colorScheme][variant]
+ *
+ * Uses semantic color tokens from the Golden Ratio color system.
+ */
+const colorSchemeStyles = {
     primary: {
         solid: {
-            bgColor: index.default.semanticTokens.colors.primary.main,
+            bgColor: 'primary.main',
             color: 'white',
         },
+        soft: {
+            bgColor: 'primary.lightest',
+            color: 'primary.dark',
+        },
         outline: {
             border: '1px solid',
-            borderColor: index.default.semanticTokens.colors.primary.main,
-            color: index.default.semanticTokens.colors.primary.main,
-            bgColor: 'white',
-        },
-        subtle: {
-            bgColor: '#EBF0FB',
-            color: index.default.semanticTokens.colors.primary.main,
+            borderColor: 'primary.main',
+            color: 'primary.main',
+            bgColor: 'transparent',
         },
     },
     secondary: {
         solid: {
-            bgColor: index.default.colors.blue[700],
-            color: index.default.colors.white,
+            bgColor: 'secondary.main',
+            color: 'white',
+        },
+        soft: {
+            bgColor: 'secondary.lightest',
+            color: 'secondary.dark',
         },
         outline: {
             border: '1px solid',
-            borderColor: index.default.colors.blue[700],
-            color: index.default.colors.blue[700],
-            bgColor: 'white',
-        },
-        subtle: {
-            bgColor: index.default.colors.blue[50],
-            color: index.default.colors.blue[700],
+            borderColor: 'secondary.main',
+            color: 'secondary.main',
+            bgColor: 'transparent',
         },
     },
-    success: {
+    danger: {
         solid: {
-            bgColor: index.default.semanticTokens.colors.success.main,
+            bgColor: 'danger.main',
             color: 'white',
         },
+        soft: {
+            bgColor: 'danger.lightest',
+            color: 'danger.dark',
+        },
         outline: {
             border: '1px solid',
-            borderColor: index.default.semanticTokens.colors.success.main,
-            color: index.default.semanticTokens.colors.success.main,
-            bgColor: 'white',
-        },
-        subtle: {
-            bgColor: index.default.colors.green[50],
-            color: index.default.semanticTokens.colors.success.main,
+            borderColor: 'danger.main',
+            color: 'danger.main',
+            bgColor: 'transparent',
         },
     },
-    danger: {
+    success: {
         solid: {
-            bgColor: index.default.semanticTokens.colors.danger.main,
+            bgColor: 'success.main',
             color: 'white',
         },
+        soft: {
+            bgColor: 'success.lightest',
+            color: 'success.dark',
+        },
         outline: {
             border: '1px solid',
-            borderColor: index.default.semanticTokens.colors.danger.main,
-            color: index.default.semanticTokens.colors.danger.main,
-            bgColor: 'white',
-        },
-        subtle: {
-            bgColor: index.default.semanticTokens.colors.danger.lighter,
-            color: index.default.semanticTokens.colors.danger.main,
+            borderColor: 'success.main',
+            color: 'success.main',
+            bgColor: 'transparent',
         },
     },
-    dark: {
+    warning: {
         solid: {
-            bgColor: index.default.colors.gray[800],
+            bgColor: 'warning.main',
             color: 'white',
         },
+        soft: {
+            bgColor: 'warning.lightest',
+            color: 'warning.dark',
+        },
         outline: {
             border: '1px solid',
-            backgroundColor: 'transparent',
-            borderColor: index.default.colors.gray[700],
-            color: index.default.colors.gray[700],
-        },
-        subtle: {
-            bgColor: index.default.colors.gray[100],
-            color: index.default.colors.gray[800],
+            borderColor: 'warning.main',
+            color: 'warning.main',
+            bgColor: 'transparent',
         },
     },
-    highlight: {
+    neutral: {
         solid: {
-            bgColor: index.default.colors.purple[600],
+            bgColor: 'gray.800',
             color: 'white',
         },
+        soft: {
+            bgColor: 'gray.100',
+            color: 'gray.800',
+        },
         outline: {
             border: '1px solid',
-            backgroundColor: 'transparent',
-            borderColor: index.default.colors.purple[600],
-            color: index.default.colors.purple[600],
-        },
-        subtle: {
-            bgColor: index.default.colors.purple[50],
-            color: index.default.colors.purple[600],
+            borderColor: 'gray.700',
+            color: 'gray.700',
+            bgColor: 'transparent',
         },
     },
 };
+/**
+ * Helper function to get chip styles for a given colorScheme and variant.
+ */
+const getChipStyles = (colorScheme = 'primary', variant = 'soft') => {
+    return colorSchemeStyles[colorScheme][variant];
+};
+/** All available color schemes */
+const colorSchemes = [
+    'primary',
+    'secondary',
+    'danger',
+    'success',
+    'warning',
+    'neutral',
+];
+/** All available variants */
+const variants = ['solid', 'soft', 'outline'];
 
 exports.baseStyles = baseStyles;
-exports.useCaseStyles = useCaseStyles;
+exports.colorSchemeStyles = colorSchemeStyles;
+exports.colorSchemes = colorSchemes;
+exports.getChipStyles = getChipStyles;
+exports.variants = variants;
 //# sourceMappingURL=Chip.styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Chip.styles.js","sources":["../../../src/components/Chip/Chip.styles.ts"],"sourcesContent":[null],"names":["theme"],"mappings":"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"}
+{"version":3,"file":"Chip.styles.js","sources":["../../../src/components/Chip/Chip.styles.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}