@lotte-innovate/ui-component-test 0.1.65 → 0.1.67

package/dist/lib/.storybook/main.d.ts

@@ -0,0 +1,3 @@
+import type { StorybookConfig } from '@storybook/nextjs';
+declare const config: StorybookConfig;
+export default config;

package/dist/lib/.storybook/manager.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/lib/.storybook/preview.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { Preview } from '@storybook/react';
+import '../src/app/globals.css';
+import '../src/app/styles.css';
+import '../src/app/stories.css';
+import 'tailwindcss/tailwind.css';
+declare const preview: Preview;
+export default preview;
+export declare const decorators: ((Story: any, context: any) => React.JSX.Element)[];

package/dist/lib/Typography/Header/index.d.ts

@@ -5,7 +5,7 @@ export interface HeaderProps extends VariantProps<typeof headerVariants> {
     color?: IColor;
 }
 declare let headerVariants: (props?: ({
-    weight?: "bold" | "medium" | "regular" | "semibold" | null | undefined;
+    weight?: "medium" | "regular" | "semibold" | "bold" | null | undefined;
     headers?: "h2" | "h3" | "h1" | "h4" | "h5" | "h6" | null | undefined;
     color?: string | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;

package/dist/lib/Typography/Text/index.d.ts

@@ -8,7 +8,7 @@ export interface TextProps extends VariantProps<typeof textVariants> {
     align?: 'left' | 'center' | 'right';
 }
 declare const textVariants: (props?: ({
-    weight?: "bold" | "medium" | "regular" | "semibold" | "light" | null | undefined;
+    weight?: "medium" | "regular" | "semibold" | "bold" | "light" | null | undefined;
     color?: string | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 export declare const Text: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & TextProps & React.RefAttributes<HTMLSpanElement>>;

package/dist/lib/color/constants.d.ts

@@ -2,20 +2,6 @@ import { IColor, IAlphaColor, IDarkColor } from '../types';
 export declare const colorOptions: IColor[];
 export declare const alphaColorOptions: IAlphaColor[];
 export declare const darkColorOptions: IDarkColor[];
-export declare const alphaOptions: {
-    1: string;
-    2: string;
-    3: string;
-    4: string;
-    5: string;
-    6: string;
-    7: string;
-    8: string;
-    9: string;
-    10: string;
-    11: string;
-    12: string;
-};
 export declare const ColorStyle: Record<string, string>;
 export declare const DarkColorStyle: Record<string, string>;
 export declare const chartColorList: {
@@ -26,4 +12,3 @@ export declare const chartAlphaColorList: {
     sorting: string[];
     mixed: string[];
 };
-export declare const chartColorOptions: IColor[];

package/dist/lib/color/constants.js

@@ -122,20 +122,6 @@ export var darkColorOptions = [
     'orangeDarkA',
     'whiteDark',
 ];
-export var alphaOptions = {
-    1: '1',
-    2: '2',
-    3: '6',
-    4: '9',
-    5: '12',
-    6: '15',
-    7: '20',
-    8: '27',
-    9: '45',
-    10: '50',
-    11: '62',
-    12: '89',
-};
 export var ColorStyle = {
     black: 'slate-12',
     white: '#ffffff',
@@ -276,21 +262,3 @@ export var chartAlphaColorList = {
         limeA[2],
     ],
 };
-export var chartColorOptions = [
-    'blue',
-    'crimson',
-    'teal',
-    'orange',
-    'purple',
-    'amber',
-    'slate',
-    'cyan',
-    'red',
-    'grass',
-    'brown',
-    'indigo',
-    'plum',
-    'yellow',
-    'sky',
-    'lime',
-];

package/dist/lib/color/constants.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"constants.mjs","sources":["../../lib/color/constants.js"],"sourcesContent":["import { blue, crimson, teal, orange, purple, amber, slate, cyan, red, grass, brown, indigo, plum, yellow, sky, lime, } from './light';\nimport { blueA, crimsonA, tealA, orangeA, purpleA, amberA, slateA, cyanA, redA, grassA, brownA, indigoA, plumA, yellowA, skyA, limeA, } from './alpha';\nexport var colorOptions = [\n    // 'black',\n    'slate',\n    'olive',\n    'sand',\n    'tomato',\n    'red',\n    'ruby',\n    'crimson',\n    'pink',\n    'plum',\n    'purple',\n    'violet',\n    'iris',\n    'indigo',\n    'blue',\n    'cyan',\n    'teal',\n    'jade',\n    'green',\n    'grass',\n    'brown',\n    'bronze',\n    'gold',\n    'sky',\n    'mint',\n    'lime',\n    'yellow',\n    'amber',\n    'orange',\n    // 'white',\n];\nexport var alphaColorOptions = [\n    'slateA',\n    'oliveA',\n    'sandA',\n    'tomatoA',\n    'redA',\n    'rubyA',\n    'crimsonA',\n    'pinkA',\n    'plumA',\n    'purpleA',\n    'violetA',\n    'irisA',\n    'indigoA',\n    'blueA',\n    'cyanA',\n    'tealA',\n    'jadeA',\n    'greenA',\n    'grassA',\n    'brownA',\n    'bronzeA',\n    'goldA',\n    'skyA',\n    'mintA',\n    'limeA',\n    'yellowA',\n    'amberA',\n    'orangeA',\n];\nexport var darkColorOptions = [\n    'blackDark',\n    'slateDark',\n    'oliveDark',\n    'sandDark',\n    'tomatoDark',\n    'redDark',\n    'rubyDark',\n    'crimsonDark',\n    'pinkDark',\n    'plumDark',\n    'purpleDark',\n    'violetDark',\n    'irisDark',\n    'indigoDark',\n    'blueDark',\n    'cyanDark',\n    'tealDark',\n    'jadeDark',\n    'greenDark',\n    'grassDark',\n    'brownDark',\n    'bronzeDark',\n    'goldDark',\n    'skyDark',\n    'mintDark',\n    'limeDark',\n    'yellowDark',\n    'amberDark',\n    'orangeDark',\n    'slateDarkA',\n    'oliveDarkA',\n    'sandDarkA',\n    'tomatoDarkA',\n    'redDarkA',\n    'rubyDarkA',\n    'crimsonDarkA',\n    'pinkDarkA',\n    'plumDarkA',\n    'purpleDarkA',\n    'violetDarkA',\n    'irisDarkA',\n    'indigoDarkA',\n    'blueDarkA',\n    'cyanDarkA',\n    'tealDarkA',\n    'jadeDarkA',\n    'greenDarkA',\n    'grassDarkA',\n    'brownDarkA',\n    'bronzeDarkA',\n    'goldDarkA',\n    'skyDarkA',\n    'mintDarkA',\n    'limeDarkA',\n    'yellowDarkA',\n    'amberDarkA',\n    'orangeDarkA',\n    'whiteDark',\n];\nexport var alphaOptions = {\n    1: '1',\n    2: '2',\n    3: '6',\n    4: '9',\n    5: '12',\n    6: '15',\n    7: '20',\n    8: '27',\n    9: '45',\n    10: '50',\n    11: '62',\n    12: '89',\n};\nexport var ColorStyle = {\n    black: 'slate-12',\n    white: '#ffffff',\n    slate: 'slate-9',\n    olive: 'olive-9',\n    sand: 'sand-9',\n    tomato: 'tomato-9',\n    red: 'red-9',\n    ruby: 'ruby-9',\n    crimson: 'crimson-9',\n    pink: 'pink-9',\n    plum: 'plum-9',\n    purple: 'purple-9',\n    violet: 'violet-9',\n    iris: 'iris-9',\n    indigo: 'indigo-9',\n    blue: 'blue-9',\n    cyan: 'cyan-9',\n    teal: 'teal-9',\n    jade: 'jade-9',\n    green: 'green-9',\n    grass: 'grass-9',\n    brown: 'brown-9',\n    bronze: 'bronze-9',\n    gold: 'gold-9',\n    sky: 'sky-9',\n    mint: 'mint-9',\n    lime: 'lime-9',\n    yellow: 'yellow-9',\n    amber: 'amber-9',\n    orange: 'orange-9',\n};\nexport var DarkColorStyle = {\n    blackDark: 'slateDark-12',\n    whiteDark: 'slateDark-1',\n    slateDark: 'slateDark-9',\n    oliveDark: 'oliveDark-9',\n    sandDark: 'sandDark-9',\n    tomatoDark: 'tomatoDark-9',\n    redDark: 'redDark-9',\n    rubyDark: 'rubyDark-9',\n    crimsonDark: 'crimsonDark-9',\n    pinkDark: 'pinkDark-9',\n    plumDark: 'plumDark-9',\n    purpleDark: 'purpleDark-9',\n    violetDark: 'violetDark-9',\n    irisDark: 'irisDark-9',\n    indigoDark: 'indigoDark-9',\n    blueDark: 'blueDark-9',\n    cyanDark: 'cyanDark-9',\n    tealDark: 'tealDark-9',\n    jadeDark: 'jadeDark-9',\n    greenDark: 'greenDark-9',\n    grassDark: 'grassDark-9',\n    brownDark: 'brownDark-9',\n    bronzeDark: 'bronzeDark-9',\n    goldDark: 'goldDark-9',\n    skyDark: 'skyDark-9',\n    mintDark: 'mintDark-9',\n    limeDark: 'limeDark-9',\n    yellowDark: 'yellowDark-9',\n    amberDark: 'amberDark-9',\n    orangeDark: 'orangeDark-9',\n};\nexport var chartColorList = {\n    sorting: [\n        crimson[9],\n        orange[9],\n        amber[9],\n        teal[9],\n        blue[9],\n        purple[9],\n        slate[9],\n        red[9],\n        brown[9],\n        yellow[9],\n        lime[9],\n        grass[9],\n        sky[9],\n        cyan[9],\n        indigo[9],\n        plum[9],\n    ],\n    mixed: [\n        blue[9],\n        crimson[9],\n        teal[9],\n        orange[9],\n        purple[9],\n        amber[9],\n        slate[9],\n        cyan[9],\n        red[9],\n        grass[9],\n        brown[9],\n        indigo[9],\n        plum[9],\n        yellow[9],\n        sky[9],\n        lime[9],\n    ],\n};\nexport var chartAlphaColorList = {\n    sorting: [\n        crimsonA[2],\n        orangeA[2],\n        amberA[2],\n        tealA[2],\n        blueA[2],\n        purpleA[2],\n        slateA[2],\n        redA[2],\n        brownA[2],\n        yellowA[2],\n        limeA[2],\n        grassA[2],\n        skyA[2],\n        cyanA[2],\n        indigoA[2],\n        plumA[2],\n    ],\n    mixed: [\n        blueA[2],\n        crimsonA[2],\n        tealA[2],\n        orangeA[2],\n        purpleA[2],\n        amberA[2],\n        slateA[2],\n        cyanA[2],\n        redA[2],\n        grassA[2],\n        brownA[2],\n        indigoA[2],\n        plumA[2],\n        yellowA[2],\n        skyA[2],\n        limeA[2],\n    ],\n};\nexport var chartColorOptions = [\n    'blue',\n    'crimson',\n    'teal',\n    'orange',\n    'purple',\n    'amber',\n    'slate',\n    'cyan',\n    'red',\n    'grass',\n    'brown',\n    'indigo',\n    'plum',\n    'yellow',\n    'sky',\n    'lime',\n];\n"],"names":["ColorStyle","black","white","slate","olive","sand","tomato","red","ruby","crimson","pink","plum","purple","violet","iris","indigo","blue","cyan","teal","jade","green","grass","brown","bronze","gold","sky","mint","lime","yellow","amber","orange","DarkColorStyle","blackDark","whiteDark","slateDark","oliveDark","sandDark","tomatoDark","redDark","rubyDark","crimsonDark","pinkDark","plumDark","purpleDark","violetDark","irisDark","indigoDark","blueDark","cyanDark","tealDark","jadeDark","greenDark","grassDark","brownDark","bronzeDark","goldDark","skyDark","mintDark","limeDark","yellowDark","amberDark","orangeDark","chartColorList","sorting","mixed","chartAlphaColorList","crimsonA","orangeA","amberA","tealA","blueA","purpleA","slateA","redA","brownA","yellowA","limeA","grassA","skyA","cyanA","indigoA","plumA"],"mappings":"4ZA0IU,IAACA,EAAa,CACpBC,MAAO,WACPC,MAAO,UACPC,MAAO,UACPC,MAAO,UACPC,KAAM,SACNC,OAAQ,WACRC,IAAK,QACLC,KAAM,SACNC,QAAS,YACTC,KAAM,SACNC,KAAM,SACNC,OAAQ,WACRC,OAAQ,WACRC,KAAM,SACNC,OAAQ,WACRC,KAAM,SACNC,KAAM,SACNC,KAAM,SACNC,KAAM,SACNC,MAAO,UACPC,MAAO,UACPC,MAAO,UACPC,OAAQ,WACRC,KAAM,SACNC,IAAK,QACLC,KAAM,SACNC,KAAM,SACNC,OAAQ,WACRC,MAAO,UACPC,OAAQ,YAEDC,EAAiB,CACxBC,UAAW,eACXC,UAAW,cACXC,UAAW,cACXC,UAAW,cACXC,SAAU,aACVC,WAAY,eACZC,QAAS,YACTC,SAAU,aACVC,YAAa,gBACbC,SAAU,aACVC,SAAU,aACVC,WAAY,eACZC,WAAY,eACZC,SAAU,aACVC,WAAY,eACZC,SAAU,aACVC,SAAU,aACVC,SAAU,aACVC,SAAU,aACVC,UAAW,cACXC,UAAW,cACXC,UAAW,cACXC,WAAY,eACZC,SAAU,aACVC,QAAS,YACTC,SAAU,aACVC,SAAU,aACVC,WAAY,eACZC,UAAW,cACXC,WAAY,gBAELC,EAAiB,CACxBC,QAAS,CACLtD,EAAQ,GACRqB,EAAO,GACPD,EAAM,GACNX,EAAK,GACLF,EAAK,GACLJ,EAAO,GACPT,EAAM,GACNI,EAAI,GACJe,EAAM,GACNM,EAAO,GACPD,EAAK,GACLN,EAAM,GACNI,EAAI,GACJR,EAAK,GACLF,EAAO,GACPJ,EAAK,IAETqD,MAAO,CACHhD,EAAK,GACLP,EAAQ,GACRS,EAAK,GACLY,EAAO,GACPlB,EAAO,GACPiB,EAAM,GACN1B,EAAM,GACNc,EAAK,GACLV,EAAI,GACJc,EAAM,GACNC,EAAM,GACNP,EAAO,GACPJ,EAAK,GACLiB,EAAO,GACPH,EAAI,GACJE,EAAK,KAGFsC,EAAsB,CAC7BF,QAAS,CACLG,EAAS,GACTC,EAAQ,GACRC,EAAO,GACPC,EAAM,GACNC,EAAM,GACNC,EAAQ,GACRC,EAAO,GACPC,EAAK,GACLC,EAAO,GACPC,EAAQ,GACRC,EAAM,GACNC,EAAO,GACPC,EAAK,GACLC,EAAM,GACNC,EAAQ,GACRC,EAAM,IAEVjB,MAAO,CACHM,EAAM,GACNJ,EAAS,GACTG,EAAM,GACNF,EAAQ,GACRI,EAAQ,GACRH,EAAO,GACPI,EAAO,GACPO,EAAM,GACNN,EAAK,GACLI,EAAO,GACPH,EAAO,GACPM,EAAQ,GACRC,EAAM,GACNN,EAAQ,GACRG,EAAK,GACLF,EAAM"}
+{"version":3,"file":"constants.mjs","sources":["../../lib/color/constants.js"],"sourcesContent":["import { blue, crimson, teal, orange, purple, amber, slate, cyan, red, grass, brown, indigo, plum, yellow, sky, lime, } from './light';\nimport { blueA, crimsonA, tealA, orangeA, purpleA, amberA, slateA, cyanA, redA, grassA, brownA, indigoA, plumA, yellowA, skyA, limeA, } from './alpha';\nexport var colorOptions = [\n    // 'black',\n    'slate',\n    'olive',\n    'sand',\n    'tomato',\n    'red',\n    'ruby',\n    'crimson',\n    'pink',\n    'plum',\n    'purple',\n    'violet',\n    'iris',\n    'indigo',\n    'blue',\n    'cyan',\n    'teal',\n    'jade',\n    'green',\n    'grass',\n    'brown',\n    'bronze',\n    'gold',\n    'sky',\n    'mint',\n    'lime',\n    'yellow',\n    'amber',\n    'orange',\n    // 'white',\n];\nexport var alphaColorOptions = [\n    'slateA',\n    'oliveA',\n    'sandA',\n    'tomatoA',\n    'redA',\n    'rubyA',\n    'crimsonA',\n    'pinkA',\n    'plumA',\n    'purpleA',\n    'violetA',\n    'irisA',\n    'indigoA',\n    'blueA',\n    'cyanA',\n    'tealA',\n    'jadeA',\n    'greenA',\n    'grassA',\n    'brownA',\n    'bronzeA',\n    'goldA',\n    'skyA',\n    'mintA',\n    'limeA',\n    'yellowA',\n    'amberA',\n    'orangeA',\n];\nexport var darkColorOptions = [\n    'blackDark',\n    'slateDark',\n    'oliveDark',\n    'sandDark',\n    'tomatoDark',\n    'redDark',\n    'rubyDark',\n    'crimsonDark',\n    'pinkDark',\n    'plumDark',\n    'purpleDark',\n    'violetDark',\n    'irisDark',\n    'indigoDark',\n    'blueDark',\n    'cyanDark',\n    'tealDark',\n    'jadeDark',\n    'greenDark',\n    'grassDark',\n    'brownDark',\n    'bronzeDark',\n    'goldDark',\n    'skyDark',\n    'mintDark',\n    'limeDark',\n    'yellowDark',\n    'amberDark',\n    'orangeDark',\n    'slateDarkA',\n    'oliveDarkA',\n    'sandDarkA',\n    'tomatoDarkA',\n    'redDarkA',\n    'rubyDarkA',\n    'crimsonDarkA',\n    'pinkDarkA',\n    'plumDarkA',\n    'purpleDarkA',\n    'violetDarkA',\n    'irisDarkA',\n    'indigoDarkA',\n    'blueDarkA',\n    'cyanDarkA',\n    'tealDarkA',\n    'jadeDarkA',\n    'greenDarkA',\n    'grassDarkA',\n    'brownDarkA',\n    'bronzeDarkA',\n    'goldDarkA',\n    'skyDarkA',\n    'mintDarkA',\n    'limeDarkA',\n    'yellowDarkA',\n    'amberDarkA',\n    'orangeDarkA',\n    'whiteDark',\n];\nexport var ColorStyle = {\n    black: 'slate-12',\n    white: '#ffffff',\n    slate: 'slate-9',\n    olive: 'olive-9',\n    sand: 'sand-9',\n    tomato: 'tomato-9',\n    red: 'red-9',\n    ruby: 'ruby-9',\n    crimson: 'crimson-9',\n    pink: 'pink-9',\n    plum: 'plum-9',\n    purple: 'purple-9',\n    violet: 'violet-9',\n    iris: 'iris-9',\n    indigo: 'indigo-9',\n    blue: 'blue-9',\n    cyan: 'cyan-9',\n    teal: 'teal-9',\n    jade: 'jade-9',\n    green: 'green-9',\n    grass: 'grass-9',\n    brown: 'brown-9',\n    bronze: 'bronze-9',\n    gold: 'gold-9',\n    sky: 'sky-9',\n    mint: 'mint-9',\n    lime: 'lime-9',\n    yellow: 'yellow-9',\n    amber: 'amber-9',\n    orange: 'orange-9',\n};\nexport var DarkColorStyle = {\n    blackDark: 'slateDark-12',\n    whiteDark: 'slateDark-1',\n    slateDark: 'slateDark-9',\n    oliveDark: 'oliveDark-9',\n    sandDark: 'sandDark-9',\n    tomatoDark: 'tomatoDark-9',\n    redDark: 'redDark-9',\n    rubyDark: 'rubyDark-9',\n    crimsonDark: 'crimsonDark-9',\n    pinkDark: 'pinkDark-9',\n    plumDark: 'plumDark-9',\n    purpleDark: 'purpleDark-9',\n    violetDark: 'violetDark-9',\n    irisDark: 'irisDark-9',\n    indigoDark: 'indigoDark-9',\n    blueDark: 'blueDark-9',\n    cyanDark: 'cyanDark-9',\n    tealDark: 'tealDark-9',\n    jadeDark: 'jadeDark-9',\n    greenDark: 'greenDark-9',\n    grassDark: 'grassDark-9',\n    brownDark: 'brownDark-9',\n    bronzeDark: 'bronzeDark-9',\n    goldDark: 'goldDark-9',\n    skyDark: 'skyDark-9',\n    mintDark: 'mintDark-9',\n    limeDark: 'limeDark-9',\n    yellowDark: 'yellowDark-9',\n    amberDark: 'amberDark-9',\n    orangeDark: 'orangeDark-9',\n};\nexport var chartColorList = {\n    sorting: [\n        crimson[9],\n        orange[9],\n        amber[9],\n        teal[9],\n        blue[9],\n        purple[9],\n        slate[9],\n        red[9],\n        brown[9],\n        yellow[9],\n        lime[9],\n        grass[9],\n        sky[9],\n        cyan[9],\n        indigo[9],\n        plum[9],\n    ],\n    mixed: [\n        blue[9],\n        crimson[9],\n        teal[9],\n        orange[9],\n        purple[9],\n        amber[9],\n        slate[9],\n        cyan[9],\n        red[9],\n        grass[9],\n        brown[9],\n        indigo[9],\n        plum[9],\n        yellow[9],\n        sky[9],\n        lime[9],\n    ],\n};\nexport var chartAlphaColorList = {\n    sorting: [\n        crimsonA[2],\n        orangeA[2],\n        amberA[2],\n        tealA[2],\n        blueA[2],\n        purpleA[2],\n        slateA[2],\n        redA[2],\n        brownA[2],\n        yellowA[2],\n        limeA[2],\n        grassA[2],\n        skyA[2],\n        cyanA[2],\n        indigoA[2],\n        plumA[2],\n    ],\n    mixed: [\n        blueA[2],\n        crimsonA[2],\n        tealA[2],\n        orangeA[2],\n        purpleA[2],\n        amberA[2],\n        slateA[2],\n        cyanA[2],\n        redA[2],\n        grassA[2],\n        brownA[2],\n        indigoA[2],\n        plumA[2],\n        yellowA[2],\n        skyA[2],\n        limeA[2],\n    ],\n};\n"],"names":["ColorStyle","black","white","slate","olive","sand","tomato","red","ruby","crimson","pink","plum","purple","violet","iris","indigo","blue","cyan","teal","jade","green","grass","brown","bronze","gold","sky","mint","lime","yellow","amber","orange","DarkColorStyle","blackDark","whiteDark","slateDark","oliveDark","sandDark","tomatoDark","redDark","rubyDark","crimsonDark","pinkDark","plumDark","purpleDark","violetDark","irisDark","indigoDark","blueDark","cyanDark","tealDark","jadeDark","greenDark","grassDark","brownDark","bronzeDark","goldDark","skyDark","mintDark","limeDark","yellowDark","amberDark","orangeDark","chartColorList","sorting","mixed","chartAlphaColorList","crimsonA","orangeA","amberA","tealA","blueA","purpleA","slateA","redA","brownA","yellowA","limeA","grassA","skyA","cyanA","indigoA","plumA"],"mappings":"4ZA4HU,IAACA,EAAa,CACpBC,MAAO,WACPC,MAAO,UACPC,MAAO,UACPC,MAAO,UACPC,KAAM,SACNC,OAAQ,WACRC,IAAK,QACLC,KAAM,SACNC,QAAS,YACTC,KAAM,SACNC,KAAM,SACNC,OAAQ,WACRC,OAAQ,WACRC,KAAM,SACNC,OAAQ,WACRC,KAAM,SACNC,KAAM,SACNC,KAAM,SACNC,KAAM,SACNC,MAAO,UACPC,MAAO,UACPC,MAAO,UACPC,OAAQ,WACRC,KAAM,SACNC,IAAK,QACLC,KAAM,SACNC,KAAM,SACNC,OAAQ,WACRC,MAAO,UACPC,OAAQ,YAEDC,EAAiB,CACxBC,UAAW,eACXC,UAAW,cACXC,UAAW,cACXC,UAAW,cACXC,SAAU,aACVC,WAAY,eACZC,QAAS,YACTC,SAAU,aACVC,YAAa,gBACbC,SAAU,aACVC,SAAU,aACVC,WAAY,eACZC,WAAY,eACZC,SAAU,aACVC,WAAY,eACZC,SAAU,aACVC,SAAU,aACVC,SAAU,aACVC,SAAU,aACVC,UAAW,cACXC,UAAW,cACXC,UAAW,cACXC,WAAY,eACZC,SAAU,aACVC,QAAS,YACTC,SAAU,aACVC,SAAU,aACVC,WAAY,eACZC,UAAW,cACXC,WAAY,gBAELC,EAAiB,CACxBC,QAAS,CACLtD,EAAQ,GACRqB,EAAO,GACPD,EAAM,GACNX,EAAK,GACLF,EAAK,GACLJ,EAAO,GACPT,EAAM,GACNI,EAAI,GACJe,EAAM,GACNM,EAAO,GACPD,EAAK,GACLN,EAAM,GACNI,EAAI,GACJR,EAAK,GACLF,EAAO,GACPJ,EAAK,IAETqD,MAAO,CACHhD,EAAK,GACLP,EAAQ,GACRS,EAAK,GACLY,EAAO,GACPlB,EAAO,GACPiB,EAAM,GACN1B,EAAM,GACNc,EAAK,GACLV,EAAI,GACJc,EAAM,GACNC,EAAM,GACNP,EAAO,GACPJ,EAAK,GACLiB,EAAO,GACPH,EAAI,GACJE,EAAK,KAGFsC,EAAsB,CAC7BF,QAAS,CACLG,EAAS,GACTC,EAAQ,GACRC,EAAO,GACPC,EAAM,GACNC,EAAM,GACNC,EAAQ,GACRC,EAAO,GACPC,EAAK,GACLC,EAAO,GACPC,EAAQ,GACRC,EAAM,GACNC,EAAO,GACPC,EAAK,GACLC,EAAM,GACNC,EAAQ,GACRC,EAAM,IAEVjB,MAAO,CACHM,EAAM,GACNJ,EAAS,GACTG,EAAM,GACNF,EAAQ,GACRI,EAAQ,GACRH,EAAO,GACPI,EAAO,GACPO,EAAM,GACNN,EAAK,GACLI,EAAO,GACPH,EAAO,GACPM,EAAQ,GACRC,EAAM,GACNN,EAAQ,GACRG,EAAK,GACLF,EAAM"}

package/dist/lib/components/Accordion/index.d.ts

@@ -8,6 +8,7 @@ export interface AccordionProps extends React.InputHTMLAttributes<HTMLInputEleme
 declare const accoridanVariants: (props?: ({
     scaling?: "90%" | "95%" | "100%" | "105%" | "110%" | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export declare const useAccordionContext: () => AccordionProps;
 export declare const Root: React.ForwardRefExoticComponent<((Omit<AccordionPrimitive.AccordionSingleProps & React.RefAttributes<HTMLDivElement>, "ref"> | Omit<AccordionPrimitive.AccordionMultipleProps & React.RefAttributes<HTMLDivElement>, "ref">) & AccordionProps) & React.RefAttributes<HTMLDivElement>>;
 export declare const Item: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & AccordionProps & React.RefAttributes<HTMLDivElement>>;
 export declare const Trigger: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & AccordionProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/lib/components/Accordion/index.js

@@ -21,12 +21,13 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from 'react';
+import React, { createContext, useContext } from 'react';
 import * as AccordionPrimitive from '@radix-ui/react-accordion';
 import { ChevronDownIcon } from '@radix-ui/react-icons';
 import { cn } from '../../../lib/utils/utils';
 import { cva } from 'class-variance-authority';
 import { scalingVariants } from '../../../lib/constants';
+import { useTheme } from '../../../lib/theme';
 var accoridanVariants = cva('', {
     variants: {
         scaling: __assign({}, scalingVariants),
@@ -35,9 +36,21 @@ var accoridanVariants = cva('', {
         scaling: '100%',
     },
 });
+var AccordionContext = createContext({
+    scaling: '100%',
+    color: 'red',
+});
+export var useAccordionContext = function () {
+    return useContext(AccordionContext);
+};
 export var Root = React.forwardRef(function (_a, forwardedRef) {
-    var className = _a.className, children = _a.children, scaling = _a.scaling, rootProps = __rest(_a, ["className", "children", "scaling"]);
-    return (_jsx(AccordionPrimitive.Root, __assign({ className: cn('w-[280px] rounded-md border border-slateA-4 dark:border-slateDarkA-4', accoridanVariants({ scaling: scaling }), className) }, rootProps, { ref: forwardedRef, children: children })));
+    var className = _a.className, children = _a.children, scaling = _a.scaling, _b = _a.color, color = _b === void 0 ? 'red' : _b, rootProps = __rest(_a, ["className", "children", "scaling", "color"]);
+    var theme = useTheme().theme;
+    var contextValue = {
+        scaling: theme.themeScaling || scaling,
+        color: theme.themeColor || color,
+    };
+    return (_jsx(AccordionContext.Provider, { value: contextValue, children: _jsx(AccordionPrimitive.Root, __assign({ className: cn('w-[280px] rounded-md border border-slateA-4 dark:border-slateDarkA-4', accoridanVariants({ scaling: contextValue.scaling }), className) }, rootProps, { ref: forwardedRef, children: children })) }));
 });
 Root.displayName = 'Accordion.Root';
 export var Item = React.forwardRef(function (_a, forwardedRef) {
@@ -46,7 +59,8 @@ export var Item = React.forwardRef(function (_a, forwardedRef) {
 });
 Item.displayName = 'Accordion.Item';
 export var Trigger = React.forwardRef(function (_a, forwardedRef) {
-    var className = _a.className, children = _a.children, _b = _a.color, color = _b === void 0 ? 'red' : _b, rootProps = __rest(_a, ["className", "children", "color"]);
+    var className = _a.className, children = _a.children, rootProps = __rest(_a, ["className", "children"]);
+    var color = useAccordionContext().color;
     return (_jsx(AccordionPrimitive.Header, __assign({}, rootProps, { className: cn('flex', className), children: _jsxs(AccordionPrimitive.Trigger, __assign({}, rootProps, { ref: forwardedRef, className: cn("group flex h-[44px] w-[278px] cursor-default items-center justify-between px-[20px] py-[10px] text-base font-normal", "dark:bg-[#111113] text-".concat(color, "A-11 dark:text-").concat(color, "Dark-11 "), "hover:bg-".concat(color, "A-4 dark:hover:bg-").concat(color, "Dark-4 hover:text-").concat(color, "A-11 dark:hover:text-").concat(color, "DarkA-11"), "data-[state=open]:bg-".concat(color, "A-5 dark:data-[state=open]:bg-").concat(color, "DarkA-5"), "disabled:bg-slateA-3 disabled:text-slateA-8 disabled:dark:bg-slateDarkA-3 disabled:dark:text-slateDarkA-8", className), children: [children, _jsx(ChevronDownIcon, { className: "transition-transform duration-300 ease-[cubic-bezier(0.87,_0,_0.13,_1)] group-data-[state=open]:rotate-180", "aria-hidden": true })] })) })));
 });
 Trigger.displayName = 'Accordion.Trigger';

package/dist/lib/components/Accordion/index.mjs

@@ -1,2 +1,2 @@
-import{jsx as r,jsxs as a}from"react/jsx-runtime";import e from"react";import*as t from"@radix-ui/react-accordion";import{ChevronDownIcon as o}from"@radix-ui/react-icons";import{cn as n}from"../../utils/utils.mjs";import{cva as s}from"class-variance-authority";import{scalingVariants as c}from"../../constants.mjs";var i=function(){return i=Object.assign||function(r){for(var a,e=1,t=arguments.length;e<t;e++)for(var o in a=arguments[e])Object.prototype.hasOwnProperty.call(a,o)&&(r[o]=a[o]);return r},i.apply(this,arguments)},l=function(r,a){var e={};for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&a.indexOf(t)<0&&(e[t]=r[t]);if(null!=r&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(t=Object.getOwnPropertySymbols(r);o<t.length;o++)a.indexOf(t[o])<0&&Object.prototype.propertyIsEnumerable.call(r,t[o])&&(e[t[o]]=r[t[o]])}return e},d=s("",{variants:{scaling:i({},c)},defaultVariants:{scaling:"100%"}}),m=e.forwardRef((function(a,e){var o=a.className,s=a.children,c=a.scaling,m=l(a,["className","children","scaling"]);return r(t.Root,i({className:n("w-[280px] rounded-md border border-slateA-4 dark:border-slateDarkA-4",d({scaling:c}),o)},m,{ref:e,children:s}))}));m.displayName="Accordion.Root";var p=e.forwardRef((function(a,e){var o=a.className,s=a.children,c=l(a,["className","children"]);return r(t.Item,i({},c,{ref:e,className:n("mt-px w-[278px] overflow-hidden first:mt-0 first:rounded-t last:rounded-b",o),children:s}))}));p.displayName="Accordion.Item";var f=e.forwardRef((function(e,s){var c=e.className,d=e.children,m=e.color,p=void 0===m?"red":m,f=l(e,["className","children","color"]);return r(t.Header,i({},f,{className:n("flex",c),children:a(t.Trigger,i({},f,{ref:s,className:n("group flex h-[44px] w-[278px] cursor-default items-center justify-between px-[20px] py-[10px] text-base font-normal","dark:bg-[#111113] text-".concat(p,"A-11 dark:text-").concat(p,"Dark-11 "),"hover:bg-".concat(p,"A-4 dark:hover:bg-").concat(p,"Dark-4 hover:text-").concat(p,"A-11 dark:hover:text-").concat(p,"DarkA-11"),"data-[state=open]:bg-".concat(p,"A-5 dark:data-[state=open]:bg-").concat(p,"DarkA-5"),"disabled:bg-slateA-3 disabled:text-slateA-8 disabled:dark:bg-slateDarkA-3 disabled:dark:text-slateDarkA-8",c),children:[d,r(o,{className:"transition-transform duration-300 ease-[cubic-bezier(0.87,_0,_0.13,_1)] group-data-[state=open]:rotate-180","aria-hidden":!0})]}))}))}));f.displayName="Accordion.Trigger";var u=e.forwardRef((function(a,e){var o=a.className,s=a.children,c=l(a,["className","children"]);return r(t.Content,i({},c,{ref:e,className:n("max-h-[800px] w-[278px] overflow-hidden border-t border-t-slateA-4 bg-slateA-2 text-[16px] text-slateA-11 data-[state=closed]:animate-slideUp data-[state=open]:animate-slideDown dark:border-t-slateDarkA-4 dark:bg-slateDarkA-2 dark:text-slateDarkA-11",o),children:r("div",{className:"h-auto max-h-[1000px] overflow-y-auto px-[20px] py-[15px] text-base font-normal",children:s})}))}));u.displayName="Accordion.Content";var x={Root:m,Item:p,Trigger:f,Content:u};export{u as Content,p as Item,m as Root,f as Trigger,x as default};
+import{jsx as r,jsxs as e}from"react/jsx-runtime";import a,{createContext as t,useContext as o}from"react";import*as n from"@radix-ui/react-accordion";import{ChevronDownIcon as c}from"@radix-ui/react-icons";import{cn as s}from"../../utils/utils.mjs";import{cva as i}from"class-variance-authority";import{scalingVariants as l}from"../../constants.mjs";import{useTheme as d}from"../../theme/ThemeProvider.mjs";var m=function(){return m=Object.assign||function(r){for(var e,a=1,t=arguments.length;a<t;a++)for(var o in e=arguments[a])Object.prototype.hasOwnProperty.call(e,o)&&(r[o]=e[o]);return r},m.apply(this,arguments)},p=function(r,e){var a={};for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&e.indexOf(t)<0&&(a[t]=r[t]);if(null!=r&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(t=Object.getOwnPropertySymbols(r);o<t.length;o++)e.indexOf(t[o])<0&&Object.prototype.propertyIsEnumerable.call(r,t[o])&&(a[t[o]]=r[t[o]])}return a},f=i("",{variants:{scaling:m({},l)},defaultVariants:{scaling:"100%"}}),u=t({scaling:"100%",color:"red"}),h=function(){return o(u)},x=a.forwardRef((function(e,a){var t=e.className,o=e.children,c=e.scaling,i=e.color,l=void 0===i?"red":i,h=p(e,["className","children","scaling","color"]),x=d().theme,b={scaling:x.themeScaling||c,color:x.themeColor||l};return r(u.Provider,{value:b,children:r(n.Root,m({className:s("w-[280px] rounded-md border border-slateA-4 dark:border-slateDarkA-4",f({scaling:b.scaling}),t)},h,{ref:a,children:o}))})}));x.displayName="Accordion.Root";var b=a.forwardRef((function(e,a){var t=e.className,o=e.children,c=p(e,["className","children"]);return r(n.Item,m({},c,{ref:a,className:s("mt-px w-[278px] overflow-hidden first:mt-0 first:rounded-t last:rounded-b",t),children:o}))}));b.displayName="Accordion.Item";var g=a.forwardRef((function(a,t){var o=a.className,i=a.children,l=p(a,["className","children"]),d=h().color;return r(n.Header,m({},l,{className:s("flex",o),children:e(n.Trigger,m({},l,{ref:t,className:s("group flex h-[44px] w-[278px] cursor-default items-center justify-between px-[20px] py-[10px] text-base font-normal","dark:bg-[#111113] text-".concat(d,"A-11 dark:text-").concat(d,"Dark-11 "),"hover:bg-".concat(d,"A-4 dark:hover:bg-").concat(d,"Dark-4 hover:text-").concat(d,"A-11 dark:hover:text-").concat(d,"DarkA-11"),"data-[state=open]:bg-".concat(d,"A-5 dark:data-[state=open]:bg-").concat(d,"DarkA-5"),"disabled:bg-slateA-3 disabled:text-slateA-8 disabled:dark:bg-slateDarkA-3 disabled:dark:text-slateDarkA-8",o),children:[i,r(c,{className:"transition-transform duration-300 ease-[cubic-bezier(0.87,_0,_0.13,_1)] group-data-[state=open]:rotate-180","aria-hidden":!0})]}))}))}));g.displayName="Accordion.Trigger";var v=a.forwardRef((function(e,a){var t=e.className,o=e.children,c=p(e,["className","children"]);return r(n.Content,m({},c,{ref:a,className:s("max-h-[800px] w-[278px] overflow-hidden border-t border-t-slateA-4 bg-slateA-2 text-[16px] text-slateA-11 data-[state=closed]:animate-slideUp data-[state=open]:animate-slideDown dark:border-t-slateDarkA-4 dark:bg-slateDarkA-2 dark:text-slateDarkA-11",t),children:r("div",{className:"h-auto max-h-[1000px] overflow-y-auto px-[20px] py-[15px] text-base font-normal",children:o})}))}));v.displayName="Accordion.Content";var A={Root:x,Item:b,Trigger:g,Content:v};export{v as Content,b as Item,x as Root,g as Trigger,A as default,h as useAccordionContext};
 //# sourceMappingURL=index.mjs.map

package/dist/lib/components/Accordion/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../lib/components/Accordion/index.js"],"sourcesContent":["var __assign = (this && this.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nvar __rest = (this && this.__rest) || function (s, e) {\n    var t = {};\n    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n        t[p] = s[p];\n    if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\n                t[p[i]] = s[p[i]];\n        }\n    return t;\n};\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport React from 'react';\nimport * as AccordionPrimitive from '@radix-ui/react-accordion';\nimport { ChevronDownIcon } from '@radix-ui/react-icons';\nimport { cn } from '../../../lib/utils/utils';\nimport { cva } from 'class-variance-authority';\nimport { scalingVariants } from '../../../lib/constants';\nvar accoridanVariants = cva('', {\n    variants: {\n        scaling: __assign({}, scalingVariants),\n    },\n    defaultVariants: {\n        scaling: '100%',\n    },\n});\nexport var Root = React.forwardRef(function (_a, forwardedRef) {\n    var className = _a.className, children = _a.children, scaling = _a.scaling, rootProps = __rest(_a, [\"className\", \"children\", \"scaling\"]);\n    return (_jsx(AccordionPrimitive.Root, __assign({ className: cn('w-[280px] rounded-md border border-slateA-4 dark:border-slateDarkA-4', accoridanVariants({ scaling: scaling }), className) }, rootProps, { ref: forwardedRef, children: children })));\n});\nRoot.displayName = 'Accordion.Root';\nexport var Item = React.forwardRef(function (_a, forwardedRef) {\n    var className = _a.className, children = _a.children, rootProps = __rest(_a, [\"className\", \"children\"]);\n    return (_jsx(AccordionPrimitive.Item, __assign({}, rootProps, { ref: forwardedRef, className: cn('mt-px w-[278px] overflow-hidden first:mt-0 first:rounded-t last:rounded-b', className), children: children })));\n});\nItem.displayName = 'Accordion.Item';\nexport var Trigger = React.forwardRef(function (_a, forwardedRef) {\n    var className = _a.className, children = _a.children, _b = _a.color, color = _b === void 0 ? 'red' : _b, rootProps = __rest(_a, [\"className\", \"children\", \"color\"]);\n    return (_jsx(AccordionPrimitive.Header, __assign({}, rootProps, { className: cn('flex', className), children: _jsxs(AccordionPrimitive.Trigger, __assign({}, rootProps, { ref: forwardedRef, className: cn(\"group flex h-[44px] w-[278px] cursor-default items-center justify-between px-[20px] py-[10px] text-base font-normal\", \"dark:bg-[#111113] text-\".concat(color, \"A-11 dark:text-\").concat(color, \"Dark-11 \"), \"hover:bg-\".concat(color, \"A-4 dark:hover:bg-\").concat(color, \"Dark-4 hover:text-\").concat(color, \"A-11 dark:hover:text-\").concat(color, \"DarkA-11\"), \"data-[state=open]:bg-\".concat(color, \"A-5 dark:data-[state=open]:bg-\").concat(color, \"DarkA-5\"), \"disabled:bg-slateA-3 disabled:text-slateA-8 disabled:dark:bg-slateDarkA-3 disabled:dark:text-slateDarkA-8\", className), children: [children, _jsx(ChevronDownIcon, { className: \"transition-transform duration-300 ease-[cubic-bezier(0.87,_0,_0.13,_1)] group-data-[state=open]:rotate-180\", \"aria-hidden\": true })] })) })));\n});\nTrigger.displayName = 'Accordion.Trigger';\nexport var Content = React.forwardRef(function (_a, forwardedRef) {\n    var className = _a.className, children = _a.children, rootProps = __rest(_a, [\"className\", \"children\"]);\n    return (_jsx(AccordionPrimitive.Content, __assign({}, rootProps, { ref: forwardedRef, className: cn('max-h-[800px] w-[278px] overflow-hidden border-t border-t-slateA-4 bg-slateA-2 text-[16px] text-slateA-11 data-[state=closed]:animate-slideUp data-[state=open]:animate-slideDown dark:border-t-slateDarkA-4 dark:bg-slateDarkA-2 dark:text-slateDarkA-11', className), children: _jsx(\"div\", { className: \"h-auto max-h-[1000px] overflow-y-auto px-[20px] py-[15px] text-base font-normal\", children: children }) })));\n});\nContent.displayName = 'Accordion.Content';\nvar Accordion = {\n    Root: Root,\n    Item: Item,\n    Trigger: Trigger,\n    Content: Content,\n};\nexport default Accordion;\n"],"names":["__assign","Object","assign","t","s","i","n","arguments","length","p","prototype","hasOwnProperty","call","apply","this","__rest","e","indexOf","getOwnPropertySymbols","propertyIsEnumerable","accoridanVariants","cva","variants","scaling","scalingVariants","defaultVariants","Root","React","forwardRef","_a","forwardedRef","className","children","rootProps","_jsx","AccordionPrimitive","cn","ref","displayName","Item","Trigger","_b","color","Header","_jsxs","concat","ChevronDownIcon","Content","Accordion"],"mappings":"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"}
+{"version":3,"file":"index.mjs","sources":["../../../lib/components/Accordion/index.js"],"sourcesContent":["var __assign = (this && this.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nvar __rest = (this && this.__rest) || function (s, e) {\n    var t = {};\n    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n        t[p] = s[p];\n    if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\n                t[p[i]] = s[p[i]];\n        }\n    return t;\n};\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport React, { createContext, useContext } from 'react';\nimport * as AccordionPrimitive from '@radix-ui/react-accordion';\nimport { ChevronDownIcon } from '@radix-ui/react-icons';\nimport { cn } from '../../../lib/utils/utils';\nimport { cva } from 'class-variance-authority';\nimport { scalingVariants } from '../../../lib/constants';\nimport { useTheme } from '../../../lib/theme';\nvar accoridanVariants = cva('', {\n    variants: {\n        scaling: __assign({}, scalingVariants),\n    },\n    defaultVariants: {\n        scaling: '100%',\n    },\n});\nvar AccordionContext = createContext({\n    scaling: '100%',\n    color: 'red',\n});\nexport var useAccordionContext = function () {\n    return useContext(AccordionContext);\n};\nexport var Root = React.forwardRef(function (_a, forwardedRef) {\n    var className = _a.className, children = _a.children, scaling = _a.scaling, _b = _a.color, color = _b === void 0 ? 'red' : _b, rootProps = __rest(_a, [\"className\", \"children\", \"scaling\", \"color\"]);\n    var theme = useTheme().theme;\n    var contextValue = {\n        scaling: theme.themeScaling || scaling,\n        color: theme.themeColor || color,\n    };\n    return (_jsx(AccordionContext.Provider, { value: contextValue, children: _jsx(AccordionPrimitive.Root, __assign({ className: cn('w-[280px] rounded-md border border-slateA-4 dark:border-slateDarkA-4', accoridanVariants({ scaling: contextValue.scaling }), className) }, rootProps, { ref: forwardedRef, children: children })) }));\n});\nRoot.displayName = 'Accordion.Root';\nexport var Item = React.forwardRef(function (_a, forwardedRef) {\n    var className = _a.className, children = _a.children, rootProps = __rest(_a, [\"className\", \"children\"]);\n    return (_jsx(AccordionPrimitive.Item, __assign({}, rootProps, { ref: forwardedRef, className: cn('mt-px w-[278px] overflow-hidden first:mt-0 first:rounded-t last:rounded-b', className), children: children })));\n});\nItem.displayName = 'Accordion.Item';\nexport var Trigger = React.forwardRef(function (_a, forwardedRef) {\n    var className = _a.className, children = _a.children, rootProps = __rest(_a, [\"className\", \"children\"]);\n    var color = useAccordionContext().color;\n    return (_jsx(AccordionPrimitive.Header, __assign({}, rootProps, { className: cn('flex', className), children: _jsxs(AccordionPrimitive.Trigger, __assign({}, rootProps, { ref: forwardedRef, className: cn(\"group flex h-[44px] w-[278px] cursor-default items-center justify-between px-[20px] py-[10px] text-base font-normal\", \"dark:bg-[#111113] text-\".concat(color, \"A-11 dark:text-\").concat(color, \"Dark-11 \"), \"hover:bg-\".concat(color, \"A-4 dark:hover:bg-\").concat(color, \"Dark-4 hover:text-\").concat(color, \"A-11 dark:hover:text-\").concat(color, \"DarkA-11\"), \"data-[state=open]:bg-\".concat(color, \"A-5 dark:data-[state=open]:bg-\").concat(color, \"DarkA-5\"), \"disabled:bg-slateA-3 disabled:text-slateA-8 disabled:dark:bg-slateDarkA-3 disabled:dark:text-slateDarkA-8\", className), children: [children, _jsx(ChevronDownIcon, { className: \"transition-transform duration-300 ease-[cubic-bezier(0.87,_0,_0.13,_1)] group-data-[state=open]:rotate-180\", \"aria-hidden\": true })] })) })));\n});\nTrigger.displayName = 'Accordion.Trigger';\nexport var Content = React.forwardRef(function (_a, forwardedRef) {\n    var className = _a.className, children = _a.children, rootProps = __rest(_a, [\"className\", \"children\"]);\n    return (_jsx(AccordionPrimitive.Content, __assign({}, rootProps, { ref: forwardedRef, className: cn('max-h-[800px] w-[278px] overflow-hidden border-t border-t-slateA-4 bg-slateA-2 text-[16px] text-slateA-11 data-[state=closed]:animate-slideUp data-[state=open]:animate-slideDown dark:border-t-slateDarkA-4 dark:bg-slateDarkA-2 dark:text-slateDarkA-11', className), children: _jsx(\"div\", { className: \"h-auto max-h-[1000px] overflow-y-auto px-[20px] py-[15px] text-base font-normal\", children: children }) })));\n});\nContent.displayName = 'Accordion.Content';\nvar Accordion = {\n    Root: Root,\n    Item: Item,\n    Trigger: Trigger,\n    Content: Content,\n};\nexport default Accordion;\n"],"names":["__assign","Object","assign","t","s","i","n","arguments","length","p","prototype","hasOwnProperty","call","apply","this","__rest","e","indexOf","getOwnPropertySymbols","propertyIsEnumerable","accoridanVariants","cva","variants","scaling","scalingVariants","defaultVariants","AccordionContext","createContext","color","useAccordionContext","useContext","Root","React","forwardRef","_a","forwardedRef","className","children","_b","rootProps","theme","useTheme","contextValue","themeScaling","themeColor","_jsx","Provider","value","AccordionPrimitive","cn","ref","displayName","Item","Trigger","Header","_jsxs","concat","ChevronDownIcon","Content","Accordion"],"mappings":"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"}

package/dist/lib/components/AlertDialog/AlertDialogAction.d.ts

@@ -6,9 +6,9 @@ export interface AlertDialogActionProps extends VariantProps<typeof alertDialogA
     appearance?: IAppearance;
 }
 export declare const alertDialogActionVariants: (props?: ({
-    radius?: "small" | "none" | "medium" | "large" | "full" | null | undefined;
+    radius?: "none" | "small" | "medium" | "large" | "full" | null | undefined;
     size?: "small" | "medium" | "large" | "x-large" | null | undefined;
-    weight?: "bold" | "medium" | "regular" | "semibold" | null | undefined;
+    weight?: "medium" | "regular" | "semibold" | "bold" | null | undefined;
     color?: string | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 export declare const AlertDialogAction: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogActionProps & React.RefAttributes<HTMLButtonElement>, "ref"> & AlertDialogActionProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/lib/components/AlertDialog/AlertDialogCancel.d.ts

@@ -6,8 +6,8 @@ export interface AlertDialogCancelProps extends VariantProps<typeof alertDialogC
     appearance?: IAppearance;
 }
 export declare const alertDialogCancelVariants: (props?: ({
-    radius?: "small" | "none" | "medium" | "large" | "full" | null | undefined;
+    radius?: "none" | "small" | "medium" | "large" | "full" | null | undefined;
     size?: "small" | "medium" | "large" | "x-large" | null | undefined;
-    weight?: "bold" | "medium" | "regular" | "semibold" | null | undefined;
+    weight?: "medium" | "regular" | "semibold" | "bold" | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 export declare const AlertDialogCancel: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogCancelProps & React.RefAttributes<HTMLButtonElement>, "ref"> & AlertDialogCancelProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/lib/components/AlertDialog/AlertDialogContent.d.ts

@@ -6,6 +6,6 @@ export interface AlertDialogContentProps extends VariantProps<typeof alertDialog
 export declare const alertDialogContentVariants: (props?: ({
     size?: "small" | "medium" | "large" | "x-large" | null | undefined;
     scaling?: "90%" | "95%" | "100%" | "105%" | "110%" | null | undefined;
-    radius?: "small" | "none" | "medium" | "large" | "full" | null | undefined;
+    radius?: "none" | "small" | "medium" | "large" | "full" | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 export declare const AlertDialogContent: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & AlertDialogContentProps & React.RefAttributes<HTMLDivElement>>;

package/dist/lib/components/AlertDialog/AlertDialogRoot.js

@@ -1,3 +1,4 @@
+'use client';
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -21,8 +22,9 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef, createContext, useContext, useMemo, } from 'react';
+import { forwardRef, createContext, useContext, } from 'react';
 import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
+import { useTheme } from '../../../lib/theme';
 var AlertDialogContext = createContext({
     size: 'medium',
     scaling: '100%',
@@ -35,12 +37,13 @@ export var useAlertDialogContext = function () {
 };
 export var AlertDialogRoot = forwardRef(function (_a, ref) {
     var children = _a.children, radius = _a.radius, size = _a.size, scaling = _a.scaling, color = _a.color, props = __rest(_a, ["children", "radius", "size", "scaling", "color"]);
-    var contextValue = useMemo(function () { return ({
-        radius: radius,
+    var theme = useTheme().theme;
+    var contextValue = {
+        radius: theme.themeRadius || radius,
+        scaling: theme.themeScaling || scaling,
+        color: theme.themeColor || color,
         size: size,
-        scaling: scaling,
-        color: color,
-    }); }, [radius, size, scaling, color]);
+    };
     return (_jsx(AlertDialogContext.Provider, { value: contextValue, children: _jsx("div", { ref: ref, children: _jsx(AlertDialogPrimitive.Root, __assign({}, props, { children: children })) }) }));
 });
 AlertDialogRoot.displayName = 'AlertDialog.Root';

package/dist/lib/components/AlertDialog/AlertDialogRoot.mjs

@@ -1,2 +1,3 @@
-import{jsx as r}from"react/jsx-runtime";import{createContext as e,forwardRef as o,useMemo as t,useContext as i}from"react";import*as n from"@radix-ui/react-alert-dialog";var a=function(){return a=Object.assign||function(r){for(var e,o=1,t=arguments.length;o<t;o++)for(var i in e=arguments[o])Object.prototype.hasOwnProperty.call(e,i)&&(r[i]=e[i]);return r},a.apply(this,arguments)},l=function(r,e){var o={};for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&e.indexOf(t)<0&&(o[t]=r[t]);if(null!=r&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(t=Object.getOwnPropertySymbols(r);i<t.length;i++)e.indexOf(t[i])<0&&Object.prototype.propertyIsEnumerable.call(r,t[i])&&(o[t[i]]=r[t[i]])}return o},c=e({size:"medium",scaling:"100%",color:"red",radius:"medium",appearance:"solid"}),s=function(){return i(c)},u=o((function(e,o){var i=e.children,s=e.radius,u=e.size,p=e.scaling,d=e.color,f=l(e,["children","radius","size","scaling","color"]),m=t((function(){return{radius:s,size:u,scaling:p,color:d}}),[s,u,p,d]);return r(c.Provider,{value:m,children:r("div",{ref:o,children:r(n.Root,a({},f,{children:i}))})})}));u.displayName="AlertDialog.Root";export{u as AlertDialogRoot,s as useAlertDialogContext};
+"use client";
+import{jsx as r}from"react/jsx-runtime";import{createContext as e,forwardRef as o,useContext as t}from"react";import*as i from"@radix-ui/react-alert-dialog";import{useTheme as n}from"../../theme/ThemeProvider.mjs";var a=function(){return a=Object.assign||function(r){for(var e,o=1,t=arguments.length;o<t;o++)for(var i in e=arguments[o])Object.prototype.hasOwnProperty.call(e,i)&&(r[i]=e[i]);return r},a.apply(this,arguments)},l=function(r,e){var o={};for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&e.indexOf(t)<0&&(o[t]=r[t]);if(null!=r&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(t=Object.getOwnPropertySymbols(r);i<t.length;i++)e.indexOf(t[i])<0&&Object.prototype.propertyIsEnumerable.call(r,t[i])&&(o[t[i]]=r[t[i]])}return o},c=e({size:"medium",scaling:"100%",color:"red",radius:"medium",appearance:"solid"}),s=function(){return t(c)},m=o((function(e,o){var t=e.children,s=e.radius,m=e.size,p=e.scaling,u=e.color,d=l(e,["children","radius","size","scaling","color"]),f=n().theme,h={radius:f.themeRadius||s,scaling:f.themeScaling||p,color:f.themeColor||u,size:m};return r(c.Provider,{value:h,children:r("div",{ref:o,children:r(i.Root,a({},d,{children:t}))})})}));m.displayName="AlertDialog.Root";export{m as AlertDialogRoot,s as useAlertDialogContext};
 //# sourceMappingURL=AlertDialogRoot.mjs.map

package/dist/lib/components/AlertDialog/AlertDialogRoot.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"AlertDialogRoot.mjs","sources":["../../../lib/components/AlertDialog/AlertDialogRoot.js"],"sourcesContent":["var __assign = (this && this.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nvar __rest = (this && this.__rest) || function (s, e) {\n    var t = {};\n    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n        t[p] = s[p];\n    if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\n                t[p[i]] = s[p[i]];\n        }\n    return t;\n};\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { forwardRef, createContext, useContext, useMemo, } from 'react';\nimport * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';\nvar AlertDialogContext = createContext({\n    size: 'medium',\n    scaling: '100%',\n    color: 'red',\n    radius: 'medium',\n    appearance: 'solid',\n});\nexport var useAlertDialogContext = function () {\n    return useContext(AlertDialogContext);\n};\nexport var AlertDialogRoot = forwardRef(function (_a, ref) {\n    var children = _a.children, radius = _a.radius, size = _a.size, scaling = _a.scaling, color = _a.color, props = __rest(_a, [\"children\", \"radius\", \"size\", \"scaling\", \"color\"]);\n    var contextValue = useMemo(function () { return ({\n        radius: radius,\n        size: size,\n        scaling: scaling,\n        color: color,\n    }); }, [radius, size, scaling, color]);\n    return (_jsx(AlertDialogContext.Provider, { value: contextValue, children: _jsx(\"div\", { ref: ref, children: _jsx(AlertDialogPrimitive.Root, __assign({}, props, { children: children })) }) }));\n});\nAlertDialogRoot.displayName = 'AlertDialog.Root';\n"],"names":["__assign","Object","assign","t","s","i","n","arguments","length","p","prototype","hasOwnProperty","call","apply","this","__rest","e","indexOf","getOwnPropertySymbols","propertyIsEnumerable","AlertDialogContext","createContext","size","scaling","color","radius","appearance","useAlertDialogContext","useContext","AlertDialogRoot","forwardRef","_a","ref","children","props","contextValue","useMemo","_jsx","Provider","value","AlertDialogPrimitive","Root","displayName"],"mappings":"0KAAA,IAAIA,EAAsC,WAStC,OARAA,EAAWC,OAAOC,QAAU,SAASC,GACjC,IAAK,IAAIC,EAAGC,EAAI,EAAGC,EAAIC,UAAUC,OAAQH,EAAIC,EAAGD,IAE5C,IAAK,IAAII,KADTL,EAAIG,UAAUF,GACOJ,OAAOS,UAAUC,eAAeC,KAAKR,EAAGK,KACzDN,EAAEM,GAAKL,EAAEK,IAEjB,OAAON,CACf,EACWH,EAASa,MAAMC,KAAMP,UAChC,EACIQ,EAAkC,SAAUX,EAAGY,GAC/C,IAAIb,EAAI,CAAA,EACR,IAAK,IAAIM,KAAKL,EAAOH,OAAOS,UAAUC,eAAeC,KAAKR,EAAGK,IAAMO,EAAEC,QAAQR,GAAK,IAC9EN,EAAEM,GAAKL,EAAEK,IACb,GAAS,MAALL,GAAqD,mBAAjCH,OAAOiB,sBACtB,KAAIb,EAAI,EAAb,IAAgBI,EAAIR,OAAOiB,sBAAsBd,GAAIC,EAAII,EAAED,OAAQH,IAC3DW,EAAEC,QAAQR,EAAEJ,IAAM,GAAKJ,OAAOS,UAAUS,qBAAqBP,KAAKR,EAAGK,EAAEJ,MACvEF,EAAEM,EAAEJ,IAAMD,EAAEK,EAAEJ,IAF4B,CAItD,OAAOF,CACX,EAIIiB,EAAqBC,EAAc,CACnCC,KAAM,SACNC,QAAS,OACTC,MAAO,MACPC,OAAQ,SACRC,WAAY,UAELC,EAAwB,WAC/B,OAAOC,EAAWR,EACtB,EACWS,EAAkBC,GAAW,SAAUC,EAAIC,GAClD,IAAIC,EAAWF,EAAGE,SAAUR,EAASM,EAAGN,OAAQH,EAAOS,EAAGT,KAAMC,EAAUQ,EAAGR,QAASC,EAAQO,EAAGP,MAAOU,EAAQnB,EAAOgB,EAAI,CAAC,WAAY,SAAU,OAAQ,UAAW,UACjKI,EAAeC,GAAQ,WAAc,MAAQ,CAC7CX,OAAQA,EACRH,KAAMA,EACNC,QAASA,EACTC,MAAOA,EACR,GAAI,CAACC,EAAQH,EAAMC,EAASC,IAC/B,OAAQa,EAAKjB,EAAmBkB,SAAU,CAAEC,MAAOJ,EAAcF,SAAUI,EAAK,MAAO,CAAEL,IAAKA,EAAKC,SAAUI,EAAKG,EAAqBC,KAAMzC,EAAS,CAAE,EAAEkC,EAAO,CAAED,SAAUA,QACjL,IACAJ,EAAgBa,YAAc"}
+{"version":3,"file":"AlertDialogRoot.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/lib/components/AlertDialog/AlertDialogTrigger.d.ts

@@ -7,10 +7,10 @@ export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElemen
     appearance?: IAppearance;
 }
 declare const buttonVariants: (props?: ({
-    radius?: "small" | "none" | "medium" | "large" | "full" | null | undefined;
+    radius?: "none" | "small" | "medium" | "large" | "full" | null | undefined;
     size?: "small" | "medium" | "large" | "x-large" | null | undefined;
     scaling?: "90%" | "95%" | "100%" | "105%" | "110%" | null | undefined;
-    weight?: "bold" | "medium" | "regular" | "semibold" | null | undefined;
+    weight?: "medium" | "regular" | "semibold" | "bold" | null | undefined;
     color?: string | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 export declare const AlertDialogTrigger: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & ButtonProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/lib/components/AspectRatio/index.js

@@ -26,6 +26,7 @@ import * as AspectRatioPrimitive from '@radix-ui/react-aspect-ratio';
 import { cva } from 'class-variance-authority';
 import { cn } from '../../../lib/utils/utils';
 import { scalingVariants } from '../../../lib/constants';
+import { useTheme } from '../../../lib/theme';
 export var aspectRatioVariants = cva('', {
     variants: {
         scaling: __assign({}, scalingVariants),
@@ -36,7 +37,8 @@ export var aspectRatioVariants = cva('', {
 });
 var AspectRatio = forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, _b = _a.ratio, ratio = _b === void 0 ? 16 / 9 : _b, scaling = _a.scaling, props = __rest(_a, ["children", "className", "ratio", "scaling"]);
-    return (_jsx(AspectRatioPrimitive.Root, __assign({ ratio: ratio, ref: ref }, props, { className: cn(aspectRatioVariants({ scaling: scaling }), className), children: children })));
+    var theme = useTheme().theme;
+    return (_jsx(AspectRatioPrimitive.Root, __assign({ ratio: ratio, ref: ref }, props, { className: cn(aspectRatioVariants({ scaling: theme.themeScaling || scaling }), className), children: children })));
 });
 AspectRatio.displayName = 'AspectRatio';
 export default AspectRatio;

package/dist/lib/components/AspectRatio/index.mjs

@@ -1,2 +1,2 @@
-import{jsx as r}from"react/jsx-runtime";import{forwardRef as t}from"react";import*as a from"@radix-ui/react-aspect-ratio";import{cva as o}from"class-variance-authority";import{cn as e}from"../../utils/utils.mjs";import{scalingVariants as i}from"../../constants.mjs";var n=function(){return n=Object.assign||function(r){for(var t,a=1,o=arguments.length;a<o;a++)for(var e in t=arguments[a])Object.prototype.hasOwnProperty.call(t,e)&&(r[e]=t[e]);return r},n.apply(this,arguments)},s=function(r,t){var a={};for(var o in r)Object.prototype.hasOwnProperty.call(r,o)&&t.indexOf(o)<0&&(a[o]=r[o]);if(null!=r&&"function"==typeof Object.getOwnPropertySymbols){var e=0;for(o=Object.getOwnPropertySymbols(r);e<o.length;e++)t.indexOf(o[e])<0&&Object.prototype.propertyIsEnumerable.call(r,o[e])&&(a[o[e]]=r[o[e]])}return a},c=o("",{variants:{scaling:n({},i)},defaultVariants:{scaling:"100%"}}),l=t((function(t,o){var i=t.children,l=t.className,p=t.ratio,f=void 0===p?16/9:p,m=t.scaling,u=s(t,["children","className","ratio","scaling"]);return r(a.Root,n({ratio:f,ref:o},u,{className:e(c({scaling:m}),l),children:i}))}));l.displayName="AspectRatio";export{c as aspectRatioVariants,l as default};
+import{jsx as r}from"react/jsx-runtime";import{forwardRef as t}from"react";import*as e from"@radix-ui/react-aspect-ratio";import{cva as a}from"class-variance-authority";import{cn as o}from"../../utils/utils.mjs";import{scalingVariants as i}from"../../constants.mjs";import{useTheme as n}from"../../theme/ThemeProvider.mjs";var s=function(){return s=Object.assign||function(r){for(var t,e=1,a=arguments.length;e<a;e++)for(var o in t=arguments[e])Object.prototype.hasOwnProperty.call(t,o)&&(r[o]=t[o]);return r},s.apply(this,arguments)},c=function(r,t){var e={};for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&t.indexOf(a)<0&&(e[a]=r[a]);if(null!=r&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(a=Object.getOwnPropertySymbols(r);o<a.length;o++)t.indexOf(a[o])<0&&Object.prototype.propertyIsEnumerable.call(r,a[o])&&(e[a[o]]=r[a[o]])}return e},l=a("",{variants:{scaling:s({},i)},defaultVariants:{scaling:"100%"}}),m=t((function(t,a){var i=t.children,m=t.className,p=t.ratio,f=void 0===p?16/9:p,u=t.scaling,y=c(t,["children","className","ratio","scaling"]),h=n().theme;return r(e.Root,s({ratio:f,ref:a},y,{className:o(l({scaling:h.themeScaling||u}),m),children:i}))}));m.displayName="AspectRatio";export{l as aspectRatioVariants,m as default};
 //# sourceMappingURL=index.mjs.map

package/dist/lib/components/AspectRatio/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../lib/components/AspectRatio/index.js"],"sourcesContent":["var __assign = (this && this.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nvar __rest = (this && this.__rest) || function (s, e) {\n    var t = {};\n    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n        t[p] = s[p];\n    if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\n                t[p[i]] = s[p[i]];\n        }\n    return t;\n};\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { forwardRef } from 'react';\nimport * as AspectRatioPrimitive from '@radix-ui/react-aspect-ratio';\nimport { cva } from 'class-variance-authority';\nimport { cn } from '../../../lib/utils/utils';\nimport { scalingVariants } from '../../../lib/constants';\nexport var aspectRatioVariants = cva('', {\n    variants: {\n        scaling: __assign({}, scalingVariants),\n    },\n    defaultVariants: {\n        scaling: '100%',\n    },\n});\nvar AspectRatio = forwardRef(function (_a, ref) {\n    var children = _a.children, className = _a.className, _b = _a.ratio, ratio = _b === void 0 ? 16 / 9 : _b, scaling = _a.scaling, props = __rest(_a, [\"children\", \"className\", \"ratio\", \"scaling\"]);\n    return (_jsx(AspectRatioPrimitive.Root, __assign({ ratio: ratio, ref: ref }, props, { className: cn(aspectRatioVariants({ scaling: scaling }), className), children: children })));\n});\nAspectRatio.displayName = 'AspectRatio';\nexport default AspectRatio;\n"],"names":["__assign","Object","assign","t","s","i","n","arguments","length","p","prototype","hasOwnProperty","call","apply","this","__rest","e","indexOf","getOwnPropertySymbols","propertyIsEnumerable","aspectRatioVariants","cva","variants","scaling","scalingVariants","defaultVariants","AspectRatio","forwardRef","_a","ref","children","className","_b","ratio","props","_jsx","AspectRatioPrimitive","Root","cn","displayName"],"mappings":"0QAAA,IAAIA,EAAsC,WAStC,OARAA,EAAWC,OAAOC,QAAU,SAASC,GACjC,IAAK,IAAIC,EAAGC,EAAI,EAAGC,EAAIC,UAAUC,OAAQH,EAAIC,EAAGD,IAE5C,IAAK,IAAII,KADTL,EAAIG,UAAUF,GACOJ,OAAOS,UAAUC,eAAeC,KAAKR,EAAGK,KACzDN,EAAEM,GAAKL,EAAEK,IAEjB,OAAON,CACf,EACWH,EAASa,MAAMC,KAAMP,UAChC,EACIQ,EAAkC,SAAUX,EAAGY,GAC/C,IAAIb,EAAI,CAAA,EACR,IAAK,IAAIM,KAAKL,EAAOH,OAAOS,UAAUC,eAAeC,KAAKR,EAAGK,IAAMO,EAAEC,QAAQR,GAAK,IAC9EN,EAAEM,GAAKL,EAAEK,IACb,GAAS,MAALL,GAAqD,mBAAjCH,OAAOiB,sBACtB,KAAIb,EAAI,EAAb,IAAgBI,EAAIR,OAAOiB,sBAAsBd,GAAIC,EAAII,EAAED,OAAQH,IAC3DW,EAAEC,QAAQR,EAAEJ,IAAM,GAAKJ,OAAOS,UAAUS,qBAAqBP,KAAKR,EAAGK,EAAEJ,MACvEF,EAAEM,EAAEJ,IAAMD,EAAEK,EAAEJ,IAF4B,CAItD,OAAOF,CACX,EAOWiB,EAAsBC,EAAI,GAAI,CACrCC,SAAU,CACNC,QAASvB,EAAS,CAAE,EAAEwB,IAE1BC,gBAAiB,CACbF,QAAS,UAGbG,EAAcC,GAAW,SAAUC,EAAIC,GACvC,IAAIC,EAAWF,EAAGE,SAAUC,EAAYH,EAAGG,UAAWC,EAAKJ,EAAGK,MAAOA,OAAe,IAAPD,EAAgB,GAAK,EAAIA,EAAIT,EAAUK,EAAGL,QAASW,EAAQnB,EAAOa,EAAI,CAAC,WAAY,YAAa,QAAS,YACtL,OAAQO,EAAKC,EAAqBC,KAAMrC,EAAS,CAAEiC,MAAOA,EAAOJ,IAAKA,GAAOK,EAAO,CAAEH,UAAWO,EAAGlB,EAAoB,CAAEG,QAASA,IAAYQ,GAAYD,SAAUA,IACzK,IACAJ,EAAYa,YAAc"}
+{"version":3,"file":"index.mjs","sources":["../../../lib/components/AspectRatio/index.js"],"sourcesContent":["var __assign = (this && this.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nvar __rest = (this && this.__rest) || function (s, e) {\n    var t = {};\n    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n        t[p] = s[p];\n    if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\n                t[p[i]] = s[p[i]];\n        }\n    return t;\n};\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { forwardRef } from 'react';\nimport * as AspectRatioPrimitive from '@radix-ui/react-aspect-ratio';\nimport { cva } from 'class-variance-authority';\nimport { cn } from '../../../lib/utils/utils';\nimport { scalingVariants } from '../../../lib/constants';\nimport { useTheme } from '../../../lib/theme';\nexport var aspectRatioVariants = cva('', {\n    variants: {\n        scaling: __assign({}, scalingVariants),\n    },\n    defaultVariants: {\n        scaling: '100%',\n    },\n});\nvar AspectRatio = forwardRef(function (_a, ref) {\n    var children = _a.children, className = _a.className, _b = _a.ratio, ratio = _b === void 0 ? 16 / 9 : _b, scaling = _a.scaling, props = __rest(_a, [\"children\", \"className\", \"ratio\", \"scaling\"]);\n    var theme = useTheme().theme;\n    return (_jsx(AspectRatioPrimitive.Root, __assign({ ratio: ratio, ref: ref }, props, { className: cn(aspectRatioVariants({ scaling: theme.themeScaling || scaling }), className), children: children })));\n});\nAspectRatio.displayName = 'AspectRatio';\nexport default AspectRatio;\n"],"names":["__assign","Object","assign","t","s","i","n","arguments","length","p","prototype","hasOwnProperty","call","apply","this","__rest","e","indexOf","getOwnPropertySymbols","propertyIsEnumerable","aspectRatioVariants","cva","variants","scaling","scalingVariants","defaultVariants","AspectRatio","forwardRef","_a","ref","children","className","_b","ratio","props","theme","useTheme","_jsx","AspectRatioPrimitive","Root","cn","themeScaling","displayName"],"mappings":"mUAAA,IAAIA,EAAsC,WAStC,OARAA,EAAWC,OAAOC,QAAU,SAASC,GACjC,IAAK,IAAIC,EAAGC,EAAI,EAAGC,EAAIC,UAAUC,OAAQH,EAAIC,EAAGD,IAE5C,IAAK,IAAII,KADTL,EAAIG,UAAUF,GACOJ,OAAOS,UAAUC,eAAeC,KAAKR,EAAGK,KACzDN,EAAEM,GAAKL,EAAEK,IAEjB,OAAON,CACf,EACWH,EAASa,MAAMC,KAAMP,UAChC,EACIQ,EAAkC,SAAUX,EAAGY,GAC/C,IAAIb,EAAI,CAAA,EACR,IAAK,IAAIM,KAAKL,EAAOH,OAAOS,UAAUC,eAAeC,KAAKR,EAAGK,IAAMO,EAAEC,QAAQR,GAAK,IAC9EN,EAAEM,GAAKL,EAAEK,IACb,GAAS,MAALL,GAAqD,mBAAjCH,OAAOiB,sBACtB,KAAIb,EAAI,EAAb,IAAgBI,EAAIR,OAAOiB,sBAAsBd,GAAIC,EAAII,EAAED,OAAQH,IAC3DW,EAAEC,QAAQR,EAAEJ,IAAM,GAAKJ,OAAOS,UAAUS,qBAAqBP,KAAKR,EAAGK,EAAEJ,MACvEF,EAAEM,EAAEJ,IAAMD,EAAEK,EAAEJ,IAF4B,CAItD,OAAOF,CACX,EAQWiB,EAAsBC,EAAI,GAAI,CACrCC,SAAU,CACNC,QAASvB,EAAS,CAAE,EAAEwB,IAE1BC,gBAAiB,CACbF,QAAS,UAGbG,EAAcC,GAAW,SAAUC,EAAIC,GACvC,IAAIC,EAAWF,EAAGE,SAAUC,EAAYH,EAAGG,UAAWC,EAAKJ,EAAGK,MAAOA,OAAe,IAAPD,EAAgB,GAAK,EAAIA,EAAIT,EAAUK,EAAGL,QAASW,EAAQnB,EAAOa,EAAI,CAAC,WAAY,YAAa,QAAS,YAClLO,EAAQC,IAAWD,MACvB,OAAQE,EAAKC,EAAqBC,KAAMvC,EAAS,CAAEiC,MAAOA,EAAOJ,IAAKA,GAAOK,EAAO,CAAEH,UAAWS,EAAGpB,EAAoB,CAAEG,QAASY,EAAMM,cAAgBlB,IAAYQ,GAAYD,SAAUA,IAC/L,IACAJ,EAAYgB,YAAc"}

package/dist/lib/components/Avatar/index.d.ts

@@ -12,7 +12,7 @@ export interface AvatarProps extends VariantProps<typeof AvatarVariants> {
     delayMs?: number;
 }
 declare const AvatarVariants: (props?: ({
-    radius?: "small" | "none" | "medium" | "large" | "full" | null | undefined;
+    radius?: "none" | "small" | "medium" | "large" | "full" | null | undefined;
     size?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | null | undefined;
     scaling?: "90%" | "95%" | "100%" | "105%" | "110%" | null | undefined;
     color?: string | null | undefined;

package/dist/lib/components/Avatar/index.js

@@ -1,3 +1,4 @@
+'use client';
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -26,6 +27,7 @@ import * as AvatarPrimitive from '@radix-ui/react-avatar';
 import { cva } from 'class-variance-authority';
 import { cn } from '../../../lib/utils/utils';
 import { appearanceStyle, primaryColorStyle, radiusVariants, scalingVariants } from '../../../lib/constants';
+import { useTheme } from '../../../lib/theme/ThemeProvider';
 var AvatarVariants = cva('font-medium', {
     variants: {
         radius: __assign({}, radiusVariants['base']),
@@ -51,8 +53,14 @@ var AvatarVariants = cva('font-medium', {
 });
 var Avatar = forwardRef(function (_a, ref) {
     var className = _a.className, fallbackClassName = _a.fallbackClassName, radius = _a.radius, scaling = _a.scaling, size = _a.size, fallbackText = _a.fallbackText, imagePath = _a.imagePath, alt = _a.alt, _b = _a.appearance, appearance = _b === void 0 ? 'solid' : _b, _c = _a.color, color = _c === void 0 ? 'red' : _c, ariaLabel = _a.ariaLabel, ariaLabelledby = _a.ariaLabelledby, title = _a.title, _d = _a.delayMs, delayMs = _d === void 0 ? 300 : _d, props = __rest(_a, ["className", "fallbackClassName", "radius", "scaling", "size", "fallbackText", "imagePath", "alt", "appearance", "color", "ariaLabel", "ariaLabelledby", "title", "delayMs"]);
+    var theme = useTheme().theme;
+    var avatarStyle = {
+        radius: theme.themeRadius || radius,
+        scaling: theme.themeScaling || scaling,
+        color: theme.themeColor || color,
+    };
     var imgAltText = alt || ariaLabel || fallbackText || 'Avatar Image';
-    return (_jsxs(AvatarPrimitive.Root, __assign({ className: cn("inline-flex select-none items-center justify-center overflow-hidden align-middle", AvatarVariants({ radius: radius, scaling: scaling, size: size, color: color }), appearanceStyle(appearance, color, false), className) }, props, { ref: ref, role: "img", "aria-label": ariaLabel || imgAltText, "aria-labelledby": ariaLabelledby, title: title || imgAltText, tabIndex: 0, children: [_jsx(AvatarPrimitive.Image, { className: "h-full w-full border-none object-cover", src: imagePath, alt: imgAltText, title: title || imgAltText }), _jsx(AvatarPrimitive.Fallback, { className: cn("leading-1 flex h-full w-full items-center justify-center", className), delayMs: delayMs, "aria-hidden": "true", children: fallbackText })] })));
+    return (_jsxs(AvatarPrimitive.Root, __assign({ className: cn("inline-flex select-none items-center justify-center overflow-hidden align-middle", AvatarVariants(avatarStyle), appearanceStyle(appearance, avatarStyle.color, false), className) }, props, { ref: ref, role: "img", "aria-label": ariaLabel || imgAltText, "aria-labelledby": ariaLabelledby, title: title || imgAltText, tabIndex: 0, children: [_jsx(AvatarPrimitive.Image, { className: "h-full w-full border-none object-cover", src: imagePath, alt: imgAltText, title: title || imgAltText }), _jsx(AvatarPrimitive.Fallback, { className: cn("leading-1 flex h-full w-full items-center justify-center", className), delayMs: delayMs, "aria-hidden": "true", children: fallbackText })] })));
 });
 Avatar.displayName = 'Avatar';
 export default Avatar;

package/dist/lib/components/Avatar/index.mjs

@@ -1,2 +1,3 @@
-import{jsxs as e,jsx as a}from"react/jsx-runtime";import{forwardRef as t}from"react";import*as r from"@radix-ui/react-avatar";import{cva as l}from"class-variance-authority";import{cn as i}from"../../utils/utils.mjs";import{radiusVariants as o,scalingVariants as s,primaryColorStyle as n,appearanceStyle as p}from"../../constants.mjs";var c=function(){return c=Object.assign||function(e){for(var a,t=1,r=arguments.length;t<r;t++)for(var l in a=arguments[t])Object.prototype.hasOwnProperty.call(a,l)&&(e[l]=a[l]);return e},c.apply(this,arguments)},x=function(e,a){var t={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&a.indexOf(r)<0&&(t[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var l=0;for(r=Object.getOwnPropertySymbols(e);l<r.length;l++)a.indexOf(r[l])<0&&Object.prototype.propertyIsEnumerable.call(e,r[l])&&(t[r[l]]=e[r[l]])}return t},f=l("font-medium",{variants:{radius:c({},o.base),size:{1:"h-[24px] w-[24px] text-[12px]",2:"h-[32px] w-[32px] text-[14px]",3:"h-[40px] w-[40px] text-[16px]",4:"h-[48px] w-[48px] text-[18px]",5:"h-[64px] w-[64px] text-[24px]",6:"h-[80px] w-[80px] text-[28px]",7:"h-[96px] w-[96px] text-[28px]",8:"h-[128px] w-[128px] text-[35px]",9:"h-[160px] w-[160px] text-[60px]"},scaling:c({},s),color:n()},defaultVariants:{radius:"full",color:"red",size:"3"}}),m=t((function(t,l){var o=t.className;t.fallbackClassName;var s=t.radius,n=t.scaling,m=t.size,d=t.fallbackText,u=t.imagePath,b=t.alt,h=t.appearance,y=void 0===h?"solid":h,v=t.color,g=void 0===v?"red":v,w=t.ariaLabel,j=t.ariaLabelledby,O=t.title,N=t.delayMs,P=void 0===N?300:N,k=x(t,["className","fallbackClassName","radius","scaling","size","fallbackText","imagePath","alt","appearance","color","ariaLabel","ariaLabelledby","title","delayMs"]),z=b||w||d||"Avatar Image";return e(r.Root,c({className:i("inline-flex select-none items-center justify-center overflow-hidden align-middle",f({radius:s,scaling:n,size:m,color:g}),p(y,g,!1),o)},k,{ref:l,role:"img","aria-label":w||z,"aria-labelledby":j,title:O||z,tabIndex:0,children:[a(r.Image,{className:"h-full w-full border-none object-cover",src:u,alt:z,title:O||z}),a(r.Fallback,{className:i("leading-1 flex h-full w-full items-center justify-center",o),delayMs:P,"aria-hidden":"true",children:d})]}))}));m.displayName="Avatar";export{m as default};
+"use client";
+import{jsxs as e,jsx as a}from"react/jsx-runtime";import{forwardRef as t}from"react";import*as r from"@radix-ui/react-avatar";import{cva as l}from"class-variance-authority";import{cn as i}from"../../utils/utils.mjs";import{radiusVariants as o,scalingVariants as s,primaryColorStyle as n,appearanceStyle as p}from"../../constants.mjs";import{useTheme as c}from"../../theme/ThemeProvider.mjs";var x=function(){return x=Object.assign||function(e){for(var a,t=1,r=arguments.length;t<r;t++)for(var l in a=arguments[t])Object.prototype.hasOwnProperty.call(a,l)&&(e[l]=a[l]);return e},x.apply(this,arguments)},m=function(e,a){var t={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&a.indexOf(r)<0&&(t[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var l=0;for(r=Object.getOwnPropertySymbols(e);l<r.length;l++)a.indexOf(r[l])<0&&Object.prototype.propertyIsEnumerable.call(e,r[l])&&(t[r[l]]=e[r[l]])}return t},f=l("font-medium",{variants:{radius:x({},o.base),size:{1:"h-[24px] w-[24px] text-[12px]",2:"h-[32px] w-[32px] text-[14px]",3:"h-[40px] w-[40px] text-[16px]",4:"h-[48px] w-[48px] text-[18px]",5:"h-[64px] w-[64px] text-[24px]",6:"h-[80px] w-[80px] text-[28px]",7:"h-[96px] w-[96px] text-[28px]",8:"h-[128px] w-[128px] text-[35px]",9:"h-[160px] w-[160px] text-[60px]"},scaling:x({},s),color:n()},defaultVariants:{radius:"full",color:"red",size:"3"}}),d=t((function(t,l){var o=t.className;t.fallbackClassName;var s=t.radius,n=t.scaling;t.size;var d=t.fallbackText,u=t.imagePath,h=t.alt,b=t.appearance,y=void 0===b?"solid":b,v=t.color,g=void 0===v?"red":v,w=t.ariaLabel,j=t.ariaLabelledby,O=t.title,N=t.delayMs,P=void 0===N?300:N,k=m(t,["className","fallbackClassName","radius","scaling","size","fallbackText","imagePath","alt","appearance","color","ariaLabel","ariaLabelledby","title","delayMs"]),z=c().theme,I={radius:z.themeRadius||s,scaling:z.themeScaling||n,color:z.themeColor||g},L=h||w||d||"Avatar Image";return e(r.Root,x({className:i("inline-flex select-none items-center justify-center overflow-hidden align-middle",f(I),p(y,I.color,!1),o)},k,{ref:l,role:"img","aria-label":w||L,"aria-labelledby":j,title:O||L,tabIndex:0,children:[a(r.Image,{className:"h-full w-full border-none object-cover",src:u,alt:L,title:O||L}),a(r.Fallback,{className:i("leading-1 flex h-full w-full items-center justify-center",o),delayMs:P,"aria-hidden":"true",children:d})]}))}));d.displayName="Avatar";export{d as default};
 //# sourceMappingURL=index.mjs.map

package/dist/lib/components/Avatar/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../lib/components/Avatar/index.js"],"sourcesContent":["var __assign = (this && this.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nvar __rest = (this && this.__rest) || function (s, e) {\n    var t = {};\n    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n        t[p] = s[p];\n    if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\n                t[p[i]] = s[p[i]];\n        }\n    return t;\n};\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { forwardRef } from 'react';\nimport * as AvatarPrimitive from '@radix-ui/react-avatar';\nimport { cva } from 'class-variance-authority';\nimport { cn } from '../../../lib/utils/utils';\nimport { appearanceStyle, primaryColorStyle, radiusVariants, scalingVariants } from '../../../lib/constants';\nvar AvatarVariants = cva('font-medium', {\n    variants: {\n        radius: __assign({}, radiusVariants['base']),\n        size: {\n            '1': 'h-[24px] w-[24px] text-[12px]',\n            '2': 'h-[32px] w-[32px] text-[14px]',\n            '3': 'h-[40px] w-[40px] text-[16px]',\n            '4': 'h-[48px] w-[48px] text-[18px]',\n            '5': 'h-[64px] w-[64px] text-[24px]',\n            '6': 'h-[80px] w-[80px] text-[28px]',\n            '7': 'h-[96px] w-[96px] text-[28px]',\n            '8': 'h-[128px] w-[128px] text-[35px]',\n            '9': 'h-[160px] w-[160px] text-[60px]',\n        },\n        scaling: __assign({}, scalingVariants),\n        color: primaryColorStyle(),\n    },\n    defaultVariants: {\n        radius: 'full',\n        color: 'red',\n        size: '3',\n    },\n});\nvar Avatar = forwardRef(function (_a, ref) {\n    var className = _a.className, fallbackClassName = _a.fallbackClassName, radius = _a.radius, scaling = _a.scaling, size = _a.size, fallbackText = _a.fallbackText, imagePath = _a.imagePath, alt = _a.alt, _b = _a.appearance, appearance = _b === void 0 ? 'solid' : _b, _c = _a.color, color = _c === void 0 ? 'red' : _c, ariaLabel = _a.ariaLabel, ariaLabelledby = _a.ariaLabelledby, title = _a.title, _d = _a.delayMs, delayMs = _d === void 0 ? 300 : _d, props = __rest(_a, [\"className\", \"fallbackClassName\", \"radius\", \"scaling\", \"size\", \"fallbackText\", \"imagePath\", \"alt\", \"appearance\", \"color\", \"ariaLabel\", \"ariaLabelledby\", \"title\", \"delayMs\"]);\n    var imgAltText = alt || ariaLabel || fallbackText || 'Avatar Image';\n    return (_jsxs(AvatarPrimitive.Root, __assign({ className: cn(\"inline-flex select-none items-center justify-center overflow-hidden align-middle\", AvatarVariants({ radius: radius, scaling: scaling, size: size, color: color }), appearanceStyle(appearance, color, false), className) }, props, { ref: ref, role: \"img\", \"aria-label\": ariaLabel || imgAltText, \"aria-labelledby\": ariaLabelledby, title: title || imgAltText, tabIndex: 0, children: [_jsx(AvatarPrimitive.Image, { className: \"h-full w-full border-none object-cover\", src: imagePath, alt: imgAltText, title: title || imgAltText }), _jsx(AvatarPrimitive.Fallback, { className: cn(\"leading-1 flex h-full w-full items-center justify-center\", className), delayMs: delayMs, \"aria-hidden\": \"true\", children: fallbackText })] })));\n});\nAvatar.displayName = 'Avatar';\nexport default Avatar;\n"],"names":["__assign","Object","assign","t","s","i","n","arguments","length","p","prototype","hasOwnProperty","call","apply","this","__rest","e","indexOf","getOwnPropertySymbols","propertyIsEnumerable","AvatarVariants","cva","variants","radius","radiusVariants","size","scaling","scalingVariants","color","primaryColorStyle","defaultVariants","Avatar","forwardRef","_a","ref","className","fallbackClassName","fallbackText","imagePath","alt","_b","appearance","_c","ariaLabel","ariaLabelledby","title","_d","delayMs","props","imgAltText","_jsxs","AvatarPrimitive","Root","cn","appearanceStyle","role","tabIndex","children","_jsx","Image","src","Fallback","displayName"],"mappings":"8UAAA,IAAIA,EAAsC,WAStC,OARAA,EAAWC,OAAOC,QAAU,SAASC,GACjC,IAAK,IAAIC,EAAGC,EAAI,EAAGC,EAAIC,UAAUC,OAAQH,EAAIC,EAAGD,IAE5C,IAAK,IAAII,KADTL,EAAIG,UAAUF,GACOJ,OAAOS,UAAUC,eAAeC,KAAKR,EAAGK,KACzDN,EAAEM,GAAKL,EAAEK,IAEjB,OAAON,CACf,EACWH,EAASa,MAAMC,KAAMP,UAChC,EACIQ,EAAkC,SAAUX,EAAGY,GAC/C,IAAIb,EAAI,CAAA,EACR,IAAK,IAAIM,KAAKL,EAAOH,OAAOS,UAAUC,eAAeC,KAAKR,EAAGK,IAAMO,EAAEC,QAAQR,GAAK,IAC9EN,EAAEM,GAAKL,EAAEK,IACb,GAAS,MAALL,GAAqD,mBAAjCH,OAAOiB,sBACtB,KAAIb,EAAI,EAAb,IAAgBI,EAAIR,OAAOiB,sBAAsBd,GAAIC,EAAII,EAAED,OAAQH,IAC3DW,EAAEC,QAAQR,EAAEJ,IAAM,GAAKJ,OAAOS,UAAUS,qBAAqBP,KAAKR,EAAGK,EAAEJ,MACvEF,EAAEM,EAAEJ,IAAMD,EAAEK,EAAEJ,IAF4B,CAItD,OAAOF,CACX,EAOIiB,EAAiBC,EAAI,cAAe,CACpCC,SAAU,CACNC,OAAQvB,EAAS,CAAA,EAAIwB,EAAqB,MAC1CC,KAAM,CACF,EAAK,gCACL,EAAK,gCACL,EAAK,gCACL,EAAK,gCACL,EAAK,gCACL,EAAK,gCACL,EAAK,gCACL,EAAK,kCACL,EAAK,mCAETC,QAAS1B,EAAS,CAAE,EAAE2B,GACtBC,MAAOC,KAEXC,gBAAiB,CACbP,OAAQ,OACRK,MAAO,MACPH,KAAM,OAGVM,EAASC,GAAW,SAAUC,EAAIC,GAC/B,IAACC,EAAYF,EAAGE,UAA+BF,EAAGG,kBAAkB,IAACb,EAASU,EAAGV,OAAQG,EAAUO,EAAGP,QAASD,EAAOQ,EAAGR,KAAMY,EAAeJ,EAAGI,aAAcC,EAAYL,EAAGK,UAAWC,EAAMN,EAAGM,IAAKC,EAAKP,EAAGQ,WAAYA,OAAoB,IAAPD,EAAgB,QAAUA,EAAIE,EAAKT,EAAGL,MAAOA,OAAe,IAAPc,EAAgB,MAAQA,EAAIC,EAAYV,EAAGU,UAAWC,EAAiBX,EAAGW,eAAgBC,EAAQZ,EAAGY,MAAOC,EAAKb,EAAGc,QAASA,OAAiB,IAAPD,EAAgB,IAAMA,EAAIE,EAAQjC,EAAOkB,EAAI,CAAC,YAAa,oBAAqB,SAAU,UAAW,OAAQ,eAAgB,YAAa,MAAO,aAAc,QAAS,YAAa,iBAAkB,QAAS,YACnnBgB,EAAaV,GAAOI,GAAaN,GAAgB,eACrD,OAAQa,EAAMC,EAAgBC,KAAMpD,EAAS,CAAEmC,UAAWkB,EAAG,mFAAoFjC,EAAe,CAAEG,OAAQA,EAAQG,QAASA,EAASD,KAAMA,EAAMG,MAAOA,IAAU0B,EAAgBb,EAAYb,GAAO,GAAQO,IAAca,EAAO,CAAEd,IAAKA,EAAKqB,KAAM,MAAO,aAAcZ,GAAaM,EAAY,kBAAmBL,EAAgBC,MAAOA,GAASI,EAAYO,SAAU,EAAGC,SAAU,CAACC,EAAKP,EAAgBQ,MAAO,CAAExB,UAAW,yCAA0CyB,IAAKtB,EAAWC,IAAKU,EAAYJ,MAAOA,GAASI,IAAeS,EAAKP,EAAgBU,SAAU,CAAE1B,UAAWkB,EAAG,2DAA4DlB,GAAYY,QAASA,EAAS,cAAe,OAAQU,SAAUpB,OACzvB,IACAN,EAAO+B,YAAc"}
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/lib/components/Badge/index.d.ts

@@ -8,10 +8,10 @@ export interface BadgeProps extends HTMLAttributes<HTMLDivElement>, VariantProps
     weight?: IWeight;
 }
 declare const BadgeVariants: (props?: ({
-    radius?: "small" | "none" | "medium" | "large" | "full" | null | undefined;
+    radius?: "none" | "small" | "medium" | "large" | "full" | null | undefined;
     size?: "small" | "medium" | "large" | null | undefined;
     scaling?: "90%" | "95%" | "100%" | "105%" | "110%" | null | undefined;
-    weight?: "bold" | "medium" | "regular" | "semibold" | null | undefined;
+    weight?: "medium" | "regular" | "semibold" | "bold" | null | undefined;
     color?: string | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 declare const Badge: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & BadgeProps & React.RefAttributes<HTMLDivElement>>;

package/dist/lib/components/Badge/index.js

@@ -25,6 +25,7 @@ import { forwardRef } from 'react';
 import { cva } from 'class-variance-authority';
 import { cn } from '../../../lib/utils/utils';
 import { appearanceStyle, primaryColorStyle, radiusVariants, scalingVariants, weightVariants, } from '../../../lib/constants';
+import { useTheme } from '../../../lib/theme';
 var BadgeVariants = cva('inline-flex items-center transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 w-fit', {
     variants: {
         radius: __assign({}, radiusVariants['base']),
@@ -47,7 +48,15 @@ var BadgeVariants = cva('inline-flex items-center transition-colors focus:outlin
 });
 var Badge = forwardRef(function (_a, ref) {
     var className = _a.className, children = _a.children, radius = _a.radius, scaling = _a.scaling, weight = _a.weight, size = _a.size, _b = _a.color, color = _b === void 0 ? 'red' : _b, _c = _a.appearance, appearance = _c === void 0 ? 'solid' : _c, props = __rest(_a, ["className", "children", "radius", "scaling", "weight", "size", "color", "appearance"]);
-    var badgeClassName = cn(BadgeVariants({ radius: radius, scaling: scaling, weight: weight, size: size, color: color }), appearanceStyle(appearance, color, false), className);
+    var theme = useTheme().theme;
+    var badgeStyle = {
+        radius: theme.themeRadius || radius,
+        scaling: theme.themeScaling || scaling,
+        weight: theme.themeWeight || weight,
+        color: theme.themeColor || color,
+        size: size,
+    };
+    var badgeClassName = cn(BadgeVariants(badgeStyle), appearanceStyle(appearance, badgeStyle.color, false), className);
     return (_jsx("div", __assign({ ref: ref, className: badgeClassName }, props, { children: children })));
 });
 Badge.displayName = 'Badge';