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

package/dist/components/Button/Button.styles.mjs

@@ -1,57 +1,358 @@
 "use client";
-import theme from '../../theme/index.mjs';
-
-const variantStyles = {
+/**
+ * Two-dimensional Button styles using the Golden Ratio color system.
+ *
+ * Combines `colorPalette` (semantic color) with `variant` (visual appearance)
+ * to create a flexible, consistent button styling system.
+ *
+ * ## Color Palettes:
+ * - `primary`: Blue - main brand actions
+ * - `secondary`: Violet - accent actions
+ * - `danger`: Rose - destructive actions
+ * - `success`: Green - positive actions
+ * - `warning`: Gold - caution actions
+ * - `neutral`: Gray - low-emphasis actions
+ *
+ * ## Variants:
+ * - `solid`: Filled background (most prominent)
+ * - `soft`: Light tinted background (subtle)
+ * - `outline`: Border only (medium emphasis)
+ * - `ghost`: No background or border (lowest emphasis)
+ */
+const buttonColorPaletteStyles = {
+    /**
+     * Primary (Blue) color scheme
+     */
     primary: {
-        borderColor: 'primary.main',
-        bgColor: 'primary.main',
-        color: 'white',
-        _hover: {
-            borderColor: 'blue.800',
-            bgColor: 'blue.800',
+        solid: {
+            borderColor: 'primary.main',
+            bgColor: 'primary.main', // #1751D0
+            color: 'white',
+            _hover: {
+                borderColor: 'blue.600',
+                bgColor: 'blue.600', // #1241A6
+            },
+            _active: {
+                bgColor: 'primary.dark', // #0D317D
+            },
+        },
+        soft: {
+            borderColor: 'primary.lighter', // #B9CBF3
+            bgColor: 'primary.lightest', // #E8EEFB
+            color: 'primary.dark', // #0D317D
+            _hover: {
+                borderColor: 'primary.light',
+                bgColor: 'primary.lighter', // #B9CBF3
+            },
+            _active: {
+                bgColor: 'primary.light', // #7DA0E8
+            },
         },
-        // TODO: pressed styles currently not applying accurately in Storybook
-        _pressed: {
-            bgColor: 'blue.1000',
+        outline: {
+            borderColor: 'primary.main',
+            bgColor: 'transparent',
+            color: 'primary.main',
+            _hover: {
+                bgColor: 'primary.lightest', // #E8EEFB
+            },
+            _active: {
+                bgColor: 'primary.lighter', // #B9CBF3
+            },
+        },
+        ghost: {
+            borderColor: 'transparent',
+            bgColor: 'transparent',
+            color: 'primary.main',
+            _hover: {
+                bgColor: 'primary.lightest', // #E8EEFB
+            },
+            _active: {
+                bgColor: 'primary.lighter', // #B9CBF3
+            },
         },
     },
+    /**
+     * Secondary (Violet) color scheme
+     */
     secondary: {
-        borderColor: '#dbe7ff',
-        bgColor: 'primary.light',
-        color: 'primary.main',
-        _hover: {
-            borderColor: '#c8d9ff',
-            bgColor: 'blue.200',
+        solid: {
+            borderColor: 'secondary.main',
+            bgColor: 'secondary.main', // #9117D0
+            color: 'white',
+            _hover: {
+                borderColor: 'violet.600',
+                bgColor: 'violet.600', // #7412A6
+            },
+            _active: {
+                bgColor: 'secondary.dark', // #570D7D
+            },
         },
-        _pressed: {
-            bgColor: 'blue.400',
+        soft: {
+            borderColor: 'secondary.lighter', // #DEB9F3
+            bgColor: 'secondary.lightest', // #F4E8FB
+            color: 'secondary.dark', // #570D7D
+            _hover: {
+                borderColor: 'secondary.light',
+                bgColor: 'secondary.lighter', // #DEB9F3
+            },
+            _active: {
+                bgColor: 'secondary.light', // #C17DE8
+            },
         },
-    },
-    tertiary: {
-        borderColor: 'gray.400',
-        bgColor: 'white',
-        color: 'gray.1200',
-        _hover: {
-            bgColor: 'gray.50',
+        outline: {
+            borderColor: 'secondary.main',
+            bgColor: 'transparent',
+            color: 'secondary.main',
+            _hover: {
+                bgColor: 'secondary.lightest', // #F4E8FB
+            },
+            _active: {
+                bgColor: 'secondary.lighter', // #DEB9F3
+            },
+        },
+        ghost: {
+            borderColor: 'transparent',
+            bgColor: 'transparent',
+            color: 'secondary.main',
+            _hover: {
+                bgColor: 'secondary.lightest', // #F4E8FB
+            },
+            _active: {
+                bgColor: 'secondary.lighter', // #DEB9F3
+            },
         },
     },
+    /**
+     * Danger (Rose) color scheme
+     */
     danger: {
-        borderColor: 'danger.main',
-        bgColor: 'danger.main',
-        color: 'white',
-        _hover: {
-            bgColor: theme.colors.red[600],
+        solid: {
+            borderColor: 'danger.main',
+            bgColor: 'danger.main', // #D01721
+            color: 'white',
+            _hover: {
+                borderColor: 'rose.600',
+                bgColor: 'rose.600', // #A6121A
+            },
+            _active: {
+                bgColor: 'danger.dark', // #7D0D14
+            },
+        },
+        soft: {
+            borderColor: 'danger.lighter', // #F3B9BD
+            bgColor: 'danger.lightest', // #FBE8E9
+            color: 'danger.dark', // #7D0D14
+            _hover: {
+                borderColor: 'danger.light',
+                bgColor: 'danger.lighter', // #F3B9BD
+            },
+            _active: {
+                bgColor: 'danger.light', // #E87D84
+            },
+        },
+        outline: {
+            borderColor: 'danger.main',
+            bgColor: 'transparent',
+            color: 'danger.main',
+            _hover: {
+                bgColor: 'danger.lightest', // #FBE8E9
+            },
+            _active: {
+                bgColor: 'danger.lighter', // #F3B9BD
+            },
+        },
+        ghost: {
+            borderColor: 'transparent',
+            bgColor: 'transparent',
+            color: 'danger.main',
+            _hover: {
+                bgColor: 'danger.lightest', // #FBE8E9
+            },
+            _active: {
+                bgColor: 'danger.lighter', // #F3B9BD
+            },
         },
     },
-    link: {
-        borderColor: 'transparent',
-        bgColor: 'transparent',
-        borderRadius: 'none',
-        _hover: {
+    /**
+     * Success (Green) color scheme
+     */
+    success: {
+        solid: {
+            borderColor: 'success.main',
+            bgColor: 'success.main', // #1AA612
+            color: 'white',
+            _hover: {
+                borderColor: 'success.dark',
+                bgColor: 'success.dark', // #147D0D
+            },
+            _active: {
+                bgColor: 'green.800', // #0D5309
+            },
+        },
+        soft: {
+            borderColor: 'success.lighter', // #BDF3B9
+            bgColor: 'success.lightest', // #E9FBE8
+            color: 'success.dark', // #147D0D
+            _hover: {
+                borderColor: 'success.light',
+                bgColor: 'success.lighter', // #BDF3B9
+            },
+            _active: {
+                bgColor: 'success.light', // #84E87D
+            },
+        },
+        outline: {
+            borderColor: 'success.main',
             bgColor: 'transparent',
+            color: 'success.main',
+            _hover: {
+                bgColor: 'success.lightest', // #E9FBE8
+            },
+            _active: {
+                bgColor: 'success.lighter', // #BDF3B9
+            },
+        },
+        ghost: {
+            borderColor: 'transparent',
+            bgColor: 'transparent',
+            color: 'success.main',
+            _hover: {
+                bgColor: 'success.lightest', // #E9FBE8
+            },
+            _active: {
+                bgColor: 'success.lighter', // #BDF3B9
+            },
+        },
+    },
+    /**
+     * Warning (Gold) color scheme
+     */
+    warning: {
+        solid: {
+            borderColor: 'warning.main',
+            bgColor: 'warning.main', // #D0A117
+            color: 'white',
+            _hover: {
+                borderColor: 'gold.600',
+                bgColor: 'gold.600', // #A68112
+            },
+            _active: {
+                bgColor: 'warning.dark', // #7D610D
+            },
+        },
+        soft: {
+            borderColor: 'warning.lighter', // #F3E4B9
+            bgColor: 'warning.lightest', // #FBF6E8
+            color: 'warning.dark', // #7D610D
+            _hover: {
+                borderColor: 'warning.light',
+                bgColor: 'warning.lighter', // #F3E4B9
+            },
+            _active: {
+                bgColor: 'warning.light', // #E8CD7D
+            },
+        },
+        outline: {
+            borderColor: 'warning.main',
+            bgColor: 'transparent',
+            color: 'warning.dark', // Use dark for better contrast
+            _hover: {
+                bgColor: 'warning.lightest', // #FBF6E8
+            },
+            _active: {
+                bgColor: 'warning.lighter', // #F3E4B9
+            },
+        },
+        ghost: {
+            borderColor: 'transparent',
+            bgColor: 'transparent',
+            color: 'warning.dark', // Use dark for better contrast
+            _hover: {
+                bgColor: 'warning.lightest', // #FBF6E8
+            },
+            _active: {
+                bgColor: 'warning.lighter', // #F3E4B9
+            },
         },
     },
+    /**
+     * Neutral (Gray) color scheme
+     */
+    neutral: {
+        solid: {
+            borderColor: 'gray.700',
+            bgColor: 'gray.700', // #737D96
+            color: 'white',
+            _hover: {
+                borderColor: 'gray.800',
+                bgColor: 'gray.800', // #616B85
+            },
+            _active: {
+                bgColor: 'gray.900', // #505A74
+            },
+        },
+        soft: {
+            borderColor: 'gray.200', // #E2E6F0
+            bgColor: 'gray.100', // #F0F3F9
+            color: 'gray.1200', // #2A3142
+            _hover: {
+                borderColor: 'gray.300',
+                bgColor: 'gray.200', // #E2E6F0
+            },
+            _active: {
+                bgColor: 'gray.300', // #CDD3E0
+            },
+        },
+        outline: {
+            borderColor: 'gray.300', // #CDD3E0
+            bgColor: 'transparent',
+            color: 'gray.1200', // #2A3142
+            _hover: {
+                bgColor: 'gray.50', // #F7F9FC
+            },
+            _active: {
+                bgColor: 'gray.100', // #F0F3F9
+            },
+        },
+        ghost: {
+            borderColor: 'transparent',
+            bgColor: 'transparent',
+            color: 'gray.1200', // #2A3142
+            _hover: {
+                bgColor: 'gray.50', // #F7F9FC
+            },
+            _active: {
+                bgColor: 'gray.100', // #F0F3F9
+            },
+        },
+    },
+};
+/**
+ * Get button styles for a given colorPalette and variant combination.
+ */
+const getButtonStyles = (colorPalette = 'primary', variant = 'solid') => {
+    return buttonColorPaletteStyles[colorPalette][variant];
 };
+/**
+ * List of all available color palettes.
+ */
+const buttonColorPalettes = [
+    'primary',
+    'secondary',
+    'danger',
+    'success',
+    'warning',
+    'neutral',
+];
+/**
+ * List of all available variants.
+ */
+const buttonVariants = [
+    'solid',
+    'soft',
+    'outline',
+    'ghost',
+];
 
-export { variantStyles };
+export { buttonColorPaletteStyles, buttonColorPalettes, buttonVariants, getButtonStyles };
 //# sourceMappingURL=Button.styles.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Button.styles.mjs","sources":["../../../src/components/Button/Button.styles.ts"],"sourcesContent":[null],"names":[],"mappings":";;;AAKO,MAAM,aAAa,GAGtB;AACF,IAAA,OAAO,EAAE;AACP,QAAA,WAAW,EAAE,cAAc;AAC3B,QAAA,OAAO,EAAE,cAAc;AACvB,QAAA,KAAK,EAAE,OAAO;AACd,QAAA,MAAM,EAAE;AACN,YAAA,WAAW,EAAE,UAAU;AACvB,YAAA,OAAO,EAAE,UAAU;AACpB,SAAA;;AAED,QAAA,QAAQ,EAAE;AACR,YAAA,OAAO,EAAE,WAAW;AACrB,SAAA;AACF,KAAA;AACD,IAAA,SAAS,EAAE;AACT,QAAA,WAAW,EAAE,SAAS;AACtB,QAAA,OAAO,EAAE,eAAe;AACxB,QAAA,KAAK,EAAE,cAAc;AACrB,QAAA,MAAM,EAAE;AACN,YAAA,WAAW,EAAE,SAAS;AACtB,YAAA,OAAO,EAAE,UAAU;AACpB,SAAA;AACD,QAAA,QAAQ,EAAE;AACR,YAAA,OAAO,EAAE,UAAU;AACpB,SAAA;AACF,KAAA;AACD,IAAA,QAAQ,EAAE;AACR,QAAA,WAAW,EAAE,UAAU;AACvB,QAAA,OAAO,EAAE,OAAO;AAChB,QAAA,KAAK,EAAE,WAAW;AAClB,QAAA,MAAM,EAAE;AACN,YAAA,OAAO,EAAE,SAAS;AACnB,SAAA;AACF,KAAA;AACD,IAAA,MAAM,EAAE;AACN,QAAA,WAAW,EAAE,aAAa;AAC1B,QAAA,OAAO,EAAE,aAAa;AACtB,QAAA,KAAK,EAAE,OAAO;AACd,QAAA,MAAM,EAAE;YACN,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,GAAG,CAAC;AAC/B,SAAA;AACF,KAAA;AACD,IAAA,IAAI,EAAE;AACJ,QAAA,WAAW,EAAE,aAAa;AAC1B,QAAA,OAAO,EAAE,aAAa;AACtB,QAAA,YAAY,EAAE,MAAM;AACpB,QAAA,MAAM,EAAE;AACN,YAAA,OAAO,EAAE,aAAa;AACvB,SAAA;AACF,KAAA;;;;;"}
+{"version":3,"file":"Button.styles.mjs","sources":["../../../src/components/Button/Button.styles.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}

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

@@ -1,6 +1,59 @@
 import { ButtonProps as ChakraButtonProps } from '@chakra-ui/react';
-export type ButtonVariant = 'primary' | 'secondary' | 'tertiary' | 'danger' | 'link' | undefined;
-export type ButtonProps = Omit<ChakraButtonProps, 'variant'> & {
+/**
+ * Button color palette - defines the semantic color family.
+ *
+ * This overrides Chakra UI's colorPalette prop with our Golden Ratio
+ * color system values. Chakra's default colorPalettes are not supported.
+ *
+ * - `primary`: Blue - main brand actions, CTAs
+ * - `secondary`: Violet - accent actions, highlights
+ * - `danger`: Rose - destructive actions, errors
+ * - `success`: Green - positive actions, confirmations
+ * - `warning`: Gold - caution actions, alerts
+ * - `neutral`: Gray - low-emphasis, tertiary actions
+ */
+export type ButtonColorPalette = 'primary' | 'secondary' | 'danger' | 'success' | 'warning' | 'neutral';
+/**
+ * Button variant - defines the visual appearance/fill style.
+ *
+ * This overrides Chakra UI's variant prop with our custom variants.
+ * Chakra's default variants (solid, outline, ghost, link) are replaced
+ * with our Golden Ratio-based styling system.
+ *
+ * - `solid`: Filled background with contrasting text (most prominent)
+ * - `soft`: Light tinted background with darker text (subtle)
+ * - `outline`: Transparent with colored border (medium emphasis)
+ * - `ghost`: Transparent with no border (lowest emphasis)
+ */
+export type ButtonVariant = 'solid' | 'soft' | 'outline' | 'ghost';
+/**
+ * Button props with two-dimensional variant system.
+ *
+ * Combines `colorPalette` (what color) with `variant` (how it looks)
+ * for flexible, consistent button styling.
+ *
+ * @note Overrides Chakra UI's `variant` and `colorPalette` props.
+ *       Chakra's default values are not supported.
+ *
+ * @example
+ * ```tsx
+ * <Button colorPalette="primary" variant="solid">Submit</Button>
+ * <Button colorPalette="danger" variant="soft">Delete</Button>
+ * <Button colorPalette="secondary" variant="outline">Cancel</Button>
+ * ```
+ */
+export type ButtonProps = Omit<ChakraButtonProps, 'variant' | 'colorScheme' | 'colorPalette' | 'leftIcon' | 'rightIcon'> & {
+    /**
+     * The color palette of the button (semantic color family).
+     * Overrides Chakra UI's colorPalette prop (Chakra v3).
+     * @default 'primary'
+     */
+    colorPalette?: ButtonColorPalette;
+    /**
+     * The visual variant of the button (fill style).
+     * Overrides Chakra UI's variant prop.
+     * @default 'solid'
+     */
     variant?: ButtonVariant;
 };
 //# sourceMappingURL=Button.types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Button.types.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,IAAI,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAEpE,MAAM,MAAM,aAAa,GACrB,SAAS,GACT,WAAW,GACX,UAAU,GACV,QAAQ,GACR,MAAM,GACN,SAAS,CAAC;AAEd,MAAM,MAAM,WAAW,GAAG,IAAI,CAAC,iBAAiB,EAAE,SAAS,CAAC,GAAG;IAC7D,OAAO,CAAC,EAAE,aAAa,CAAC;CACzB,CAAC"}
+{"version":3,"file":"Button.types.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,IAAI,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAEpE;;;;;;;;;;;;GAYG;AACH,MAAM,MAAM,kBAAkB,GAC1B,SAAS,GACT,WAAW,GACX,QAAQ,GACR,SAAS,GACT,SAAS,GACT,SAAS,CAAC;AAEd;;;;;;;;;;;GAWG;AACH,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,GAAG,OAAO,CAAC;AAEnE;;;;;;;;;;;;;;;GAeG;AACH,MAAM,MAAM,WAAW,GAAG,IAAI,CAC5B,iBAAiB,EACjB,SAAS,GAAG,aAAa,GAAG,cAAc,GAAG,UAAU,GAAG,WAAW,CACtE,GAAG;IACF;;;;OAIG;IACH,YAAY,CAAC,EAAE,kBAAkB,CAAC;IAClC;;;;OAIG;IACH,OAAO,CAAC,EAAE,aAAa,CAAC;CACzB,CAAC"}

package/dist/components/Button/index.d.ts

@@ -1,4 +1,4 @@
 export { Button } from './Button';
-export { variantStyles } from './Button.styles';
-export type { ButtonProps } from './Button.types';
+export { buttonColorPalettes, buttonColorPaletteStyles, buttonVariants, getButtonStyles, } from './Button.styles';
+export type { ButtonColorPalette, ButtonProps, ButtonVariant, } from './Button.types';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Button/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Button/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,YAAY,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Button/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EACL,mBAAmB,EACnB,wBAAwB,EACxB,cAAc,EACd,eAAe,GAChB,MAAM,iBAAiB,CAAC;AACzB,YAAY,EACV,kBAAkB,EAClB,WAAW,EACX,aAAa,GACd,MAAM,gBAAgB,CAAC"}

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

@@ -1,4 +1,5 @@
-export declare const Card: import("react").ForwardRefExoticComponent<import("@chakra-ui/react").CardProps & {
+import { Card as ChakraCard } from '@chakra-ui/react';
+export declare const Card: import("react").ForwardRefExoticComponent<ChakraCard.RootProps & {
     clickable?: boolean;
     variant?: import("./Card.types").CardVariant;
 } & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -1 +1 @@
-{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../src/components/Card/Card.tsx"],"names":[],"mappings":"AAMA,eAAO,MAAM,IAAI;;;kDAoBhB,CAAC"}
+{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../src/components/Card/Card.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,IAAI,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAKtD,eAAO,MAAM,IAAI;;;kDAoBhB,CAAC"}

package/dist/components/Card/Card.js

@@ -7,7 +7,7 @@ var react = require('@chakra-ui/react');
 var Card_styles = require('./Card.styles.js');
 
 const Card = React.forwardRef(({ clickable, variant = 'default', ...rest }, ref) => {
-    return (jsxRuntime.jsx(react.Card, { ref: ref, position: "relative", bgColor: "inherit", color: "inherit", boxShadow: "none", border: "1px solid", borderColor: "gray.300", borderRadius: "lg", transition: "0.3s all", p: 8, ...(clickable ? Card_styles.clickableStyles : {}), ...Card_styles.variantStyles[variant], ...rest }));
+    return (jsxRuntime.jsx(react.Card.Root, { ref: ref, position: "relative", bg: "white", color: "inherit", boxShadow: "none", border: "1px solid", borderColor: "gray.300", borderRadius: "lg", transition: "0.3s all", p: 8, ...(clickable ? Card_styles.clickableStyles : {}), ...Card_styles.variantStyles[variant], ...rest }));
 });
 Card.displayName = 'Card';
 

package/dist/components/Card/Card.js.map

@@ -1 +1 @@
-{"version":3,"file":"Card.js","sources":["../../../src/components/Card/Card.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsx","ChakraCard","clickableStyles","variantStyles"],"mappings":";;;;;;;;MAMa,IAAI,GAAGA,gBAAU,CAC5B,CAAC,EAAE,SAAS,EAAE,OAAO,GAAG,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,KAAI;AACnD,IAAA,QACEC,cAAA,CAACC,UAAU,EAAA,EACT,GAAG,EAAE,GAAG,EACR,QAAQ,EAAC,UAAU,EACnB,OAAO,EAAC,SAAS,EACjB,KAAK,EAAC,SAAS,EACf,SAAS,EAAC,MAAM,EAChB,MAAM,EAAC,WAAW,EAClB,WAAW,EAAC,UAAU,EACtB,YAAY,EAAC,IAAI,EACjB,UAAU,EAAC,UAAU,EACrB,CAAC,EAAE,CAAC,EAAA,IACC,SAAS,GAAGC,2BAAe,GAAG,EAAE,CAAC,EAAA,GAClCC,yBAAa,CAAC,OAAO,CAAC,EAAA,GACtB,IAAI,EAAA,CACR;AAEN,CAAC;AAGH,IAAI,CAAC,WAAW,GAAG,MAAM;;;;"}
+{"version":3,"file":"Card.js","sources":["../../../src/components/Card/Card.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsx","ChakraCard","clickableStyles","variantStyles"],"mappings":";;;;;;;;MAMa,IAAI,GAAGA,gBAAU,CAC5B,CAAC,EAAE,SAAS,EAAE,OAAO,GAAG,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,KAAI;AACnD,IAAA,QACEC,cAAA,CAACC,UAAU,CAAC,IAAI,EAAA,EACd,GAAG,EAAE,GAAG,EACR,QAAQ,EAAC,UAAU,EACnB,EAAE,EAAC,OAAO,EACV,KAAK,EAAC,SAAS,EACf,SAAS,EAAC,MAAM,EAChB,MAAM,EAAC,WAAW,EAClB,WAAW,EAAC,UAAU,EACtB,YAAY,EAAC,IAAI,EACjB,UAAU,EAAC,UAAU,EACrB,CAAC,EAAE,CAAC,EAAA,IACC,SAAS,GAAGC,2BAAe,GAAG,EAAE,CAAC,EAAA,GAClCC,yBAAa,CAAC,OAAO,CAAC,EAAA,GACtB,IAAI,EAAA,CACR;AAEN,CAAC;AAGH,IAAI,CAAC,WAAW,GAAG,MAAM;;;;"}

package/dist/components/Card/Card.mjs

@@ -5,7 +5,7 @@ import { Card as Card$1 } from '@chakra-ui/react';
 import { variantStyles, clickableStyles } from './Card.styles.mjs';
 
 const Card = forwardRef(({ clickable, variant = 'default', ...rest }, ref) => {
-    return (jsx(Card$1, { ref: ref, position: "relative", bgColor: "inherit", color: "inherit", boxShadow: "none", border: "1px solid", borderColor: "gray.300", borderRadius: "lg", transition: "0.3s all", p: 8, ...(clickable ? clickableStyles : {}), ...variantStyles[variant], ...rest }));
+    return (jsx(Card$1.Root, { ref: ref, position: "relative", bg: "white", color: "inherit", boxShadow: "none", border: "1px solid", borderColor: "gray.300", borderRadius: "lg", transition: "0.3s all", p: 8, ...(clickable ? clickableStyles : {}), ...variantStyles[variant], ...rest }));
 });
 Card.displayName = 'Card';
 

package/dist/components/Card/Card.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Card.mjs","sources":["../../../src/components/Card/Card.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraCard"],"mappings":";;;;;;MAMa,IAAI,GAAG,UAAU,CAC5B,CAAC,EAAE,SAAS,EAAE,OAAO,GAAG,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,KAAI;AACnD,IAAA,QACEA,GAAA,CAACC,MAAU,EAAA,EACT,GAAG,EAAE,GAAG,EACR,QAAQ,EAAC,UAAU,EACnB,OAAO,EAAC,SAAS,EACjB,KAAK,EAAC,SAAS,EACf,SAAS,EAAC,MAAM,EAChB,MAAM,EAAC,WAAW,EAClB,WAAW,EAAC,UAAU,EACtB,YAAY,EAAC,IAAI,EACjB,UAAU,EAAC,UAAU,EACrB,CAAC,EAAE,CAAC,EAAA,IACC,SAAS,GAAG,eAAe,GAAG,EAAE,CAAC,EAAA,GAClC,aAAa,CAAC,OAAO,CAAC,EAAA,GACtB,IAAI,EAAA,CACR;AAEN,CAAC;AAGH,IAAI,CAAC,WAAW,GAAG,MAAM;;;;"}
+{"version":3,"file":"Card.mjs","sources":["../../../src/components/Card/Card.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraCard"],"mappings":";;;;;;MAMa,IAAI,GAAG,UAAU,CAC5B,CAAC,EAAE,SAAS,EAAE,OAAO,GAAG,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,KAAI;AACnD,IAAA,QACEA,GAAA,CAACC,MAAU,CAAC,IAAI,EAAA,EACd,GAAG,EAAE,GAAG,EACR,QAAQ,EAAC,UAAU,EACnB,EAAE,EAAC,OAAO,EACV,KAAK,EAAC,SAAS,EACf,SAAS,EAAC,MAAM,EAChB,MAAM,EAAC,WAAW,EAClB,WAAW,EAAC,UAAU,EACtB,YAAY,EAAC,IAAI,EACjB,UAAU,EAAC,UAAU,EACrB,CAAC,EAAE,CAAC,EAAA,IACC,SAAS,GAAG,eAAe,GAAG,EAAE,CAAC,EAAA,GAClC,aAAa,CAAC,OAAO,CAAC,EAAA,GACtB,IAAI,EAAA,CACR;AAEN,CAAC;AAGH,IAAI,CAAC,WAAW,GAAG,MAAM;;;;"}

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

@@ -1,7 +1,10 @@
+/**
+ * Card styles using the Golden Ratio color system.
+ */
 export declare const cardStyles: {
-    bgColor: any;
-    color: any;
-    borderColor: any;
+    bgColor: string;
+    color: string;
+    borderColor: string;
 };
 export declare const clickableStyles: {
     cursor: string;

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

@@ -1 +1 @@
-{"version":3,"file":"Card.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Card/Card.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,UAAU;;;;CAItB,CAAC;AAEF,eAAO,MAAM,eAAe;;;;;;;;;;CAW3B,CAAC;AAEF,eAAO,MAAM,aAAa;;;;;;;CAOzB,CAAC"}
+{"version":3,"file":"Card.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Card/Card.styles.ts"],"names":[],"mappings":"AAAA;;GAEG;AAGH,eAAO,MAAM,UAAU;;;;CAItB,CAAC;AAEF,eAAO,MAAM,eAAe;;;;;;;;;;CAU3B,CAAC;AAEF,eAAO,MAAM,aAAa;;;;;;;CAOzB,CAAC"}

package/dist/components/Card/Card.styles.js

@@ -1,20 +1,15 @@
 "use client";
 'use strict';
 
-var index = require('../../theme/index.js');
-
-// Light mode styles only
-({
-    bgColor: index.default.colors.white,
-    color: index.default.colors.black,
-    borderColor: index.default.colors.gray[100],
-});
+/**
+ * Card styles using the Golden Ratio color system.
+ */
+// Light mode styles only - using semantic tokens
 const clickableStyles = {
     cursor: 'pointer',
     _hover: {
         boxShadow: 'lg',
         ['.card-image']: {
-            // TODO: define in theme
             transition: '0.3s all',
             transform: 'scale(1.05)',
             backgroundSize: '105%',
@@ -24,9 +19,9 @@ const clickableStyles = {
 const variantStyles = {
     default: {},
     gradient: {
-        bg: `linear-gradient(180deg, #F5F8FD 0%, #FFFFFF 100%)`,
-        border: `1px solid`,
-        borderColor: 'blue.600',
+        bg: 'linear-gradient(180deg, #F5F8FD 0%, #FFFFFF 100%)',
+        border: '1px solid',
+        borderColor: 'blue.300', // #1241A6
     },
 };
 

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

@@ -1 +1 @@
-{"version":3,"file":"Card.styles.js","sources":["../../../src/components/Card/Card.styles.ts"],"sourcesContent":[null],"names":["theme"],"mappings":";;;;;AAEA;CAC0B;AACxB,IAAA,OAAO,EAAEA,aAAK,CAAC,MAAM,CAAC,KAAK;AAC3B,IAAA,KAAK,EAAEA,aAAK,CAAC,MAAM,CAAC,KAAK;IACzB,WAAW,EAAEA,aAAK,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC;;AAG9B,MAAM,eAAe,GAAG;AAC7B,IAAA,MAAM,EAAE,SAAS;AACjB,IAAA,MAAM,EAAE;AACN,QAAA,SAAS,EAAE,IAAI;QACf,CAAC,aAAa,GAAG;;AAEf,YAAA,UAAU,EAAE,UAAU;AACtB,YAAA,SAAS,EAAE,aAAa;AACxB,YAAA,cAAc,EAAE,MAAM;AACvB,SAAA;AACF,KAAA;;AAGI,MAAM,aAAa,GAAG;AAC3B,IAAA,OAAO,EAAE,EAAE;AACX,IAAA,QAAQ,EAAE;AACR,QAAA,EAAE,EAAE,CAAA,iDAAA,CAAmD;AACvD,QAAA,MAAM,EAAE,CAAA,SAAA,CAAW;AACnB,QAAA,WAAW,EAAE,UAAU;AACxB,KAAA;;;;;;"}
+{"version":3,"file":"Card.styles.js","sources":["../../../src/components/Card/Card.styles.ts"],"sourcesContent":[null],"names":[],"mappings":";;;AAAA;;AAEG;AAEH;AAOO,MAAM,eAAe,GAAG;AAC7B,IAAA,MAAM,EAAE,SAAS;AACjB,IAAA,MAAM,EAAE;AACN,QAAA,SAAS,EAAE,IAAI;QACf,CAAC,aAAa,GAAG;AACf,YAAA,UAAU,EAAE,UAAU;AACtB,YAAA,SAAS,EAAE,aAAa;AACxB,YAAA,cAAc,EAAE,MAAM;AACvB,SAAA;AACF,KAAA;;AAGI,MAAM,aAAa,GAAG;AAC3B,IAAA,OAAO,EAAE,EAAE;AACX,IAAA,QAAQ,EAAE;AACR,QAAA,EAAE,EAAE,mDAAmD;AACvD,QAAA,MAAM,EAAE,WAAW;QACnB,WAAW,EAAE,UAAU;AACxB,KAAA;;;;;;"}

package/dist/components/Card/Card.styles.mjs

@@ -1,18 +1,13 @@
 "use client";
-import theme from '../../theme/index.mjs';
-
-// Light mode styles only
-({
-    bgColor: theme.colors.white,
-    color: theme.colors.black,
-    borderColor: theme.colors.gray[100],
-});
+/**
+ * Card styles using the Golden Ratio color system.
+ */
+// Light mode styles only - using semantic tokens
 const clickableStyles = {
     cursor: 'pointer',
     _hover: {
         boxShadow: 'lg',
         ['.card-image']: {
-            // TODO: define in theme
             transition: '0.3s all',
             transform: 'scale(1.05)',
             backgroundSize: '105%',
@@ -22,9 +17,9 @@ const clickableStyles = {
 const variantStyles = {
     default: {},
     gradient: {
-        bg: `linear-gradient(180deg, #F5F8FD 0%, #FFFFFF 100%)`,
-        border: `1px solid`,
-        borderColor: 'blue.600',
+        bg: 'linear-gradient(180deg, #F5F8FD 0%, #FFFFFF 100%)',
+        border: '1px solid',
+        borderColor: 'blue.300', // #1241A6
     },
 };
 

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

@@ -1 +1 @@
-{"version":3,"file":"Card.styles.mjs","sources":["../../../src/components/Card/Card.styles.ts"],"sourcesContent":[null],"names":[],"mappings":";;;AAEA;CAC0B;AACxB,IAAA,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK;AAC3B,IAAA,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK;IACzB,WAAW,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC;;AAG9B,MAAM,eAAe,GAAG;AAC7B,IAAA,MAAM,EAAE,SAAS;AACjB,IAAA,MAAM,EAAE;AACN,QAAA,SAAS,EAAE,IAAI;QACf,CAAC,aAAa,GAAG;;AAEf,YAAA,UAAU,EAAE,UAAU;AACtB,YAAA,SAAS,EAAE,aAAa;AACxB,YAAA,cAAc,EAAE,MAAM;AACvB,SAAA;AACF,KAAA;;AAGI,MAAM,aAAa,GAAG;AAC3B,IAAA,OAAO,EAAE,EAAE;AACX,IAAA,QAAQ,EAAE;AACR,QAAA,EAAE,EAAE,CAAA,iDAAA,CAAmD;AACvD,QAAA,MAAM,EAAE,CAAA,SAAA,CAAW;AACnB,QAAA,WAAW,EAAE,UAAU;AACxB,KAAA;;;;;"}
+{"version":3,"file":"Card.styles.mjs","sources":["../../../src/components/Card/Card.styles.ts"],"sourcesContent":[null],"names":[],"mappings":";AAAA;;AAEG;AAEH;AAOO,MAAM,eAAe,GAAG;AAC7B,IAAA,MAAM,EAAE,SAAS;AACjB,IAAA,MAAM,EAAE;AACN,QAAA,SAAS,EAAE,IAAI;QACf,CAAC,aAAa,GAAG;AACf,YAAA,UAAU,EAAE,UAAU;AACtB,YAAA,SAAS,EAAE,aAAa;AACxB,YAAA,cAAc,EAAE,MAAM;AACvB,SAAA;AACF,KAAA;;AAGI,MAAM,aAAa,GAAG;AAC3B,IAAA,OAAO,EAAE,EAAE;AACX,IAAA,QAAQ,EAAE;AACR,QAAA,EAAE,EAAE,mDAAmD;AACvD,QAAA,MAAM,EAAE,WAAW;QACnB,WAAW,EAAE,UAAU;AACxB,KAAA;;;;;"}