@lotte-innovate/ui-component-test 0.0.89 → 0.0.96

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,12 +22,14 @@ 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';
+import { MAIN_COLOR } from '../../../lib/color/constants';
 var AlertDialogContext = createContext({
     size: 'medium',
     scaling: '100%',
-    color: 'red',
+    color: MAIN_COLOR,
     radius: 'medium',
     appearance: 'solid',
 });
@@ -35,12 +38,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: radius !== null && radius !== void 0 ? radius : theme.themeRadius,
+        scaling: scaling !== null && scaling !== void 0 ? scaling : theme.themeScaling,
+        color: color !== null && color !== void 0 ? color : theme.themeColor,
         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";import{MAIN_COLOR as l}from"../../color/constants.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)},c=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},s=e({size:"medium",scaling:"100%",color:l,radius:"medium",appearance:"solid"}),m=function(){return t(s)},u=o((function(e,o){var t=e.children,l=e.radius,m=e.size,u=e.scaling,p=e.color,d=c(e,["children","radius","size","scaling","color"]),f=n().theme,h={radius:null!=l?l:f.themeRadius,scaling:null!=u?u:f.themeScaling,color:null!=p?p:f.themeColor,size:m};return r(s.Provider,{value:h,children:r("div",{ref:o,children:r(i.Root,a({},d,{children:t}))})})}));u.displayName="AlertDialog.Root";export{u as AlertDialogRoot,m 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/AlertDialogTitle.d.ts

@@ -5,6 +5,6 @@ export interface AlertDialogTitleProps extends VariantProps<typeof alertDialogTi
     titleText?: string;
 }
 export declare const alertDialogTitleVariants: (props?: ({
-    size?: "small" | "medium" | "large" | "x-large" | null | undefined;
+    size?: "small" | "large" | "medium" | "x-large" | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 export declare const AlertDialogTitle: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & AlertDialogTitleProps & React.RefAttributes<HTMLHeadingElement>>;

package/dist/lib/components/AlertDialog/AlertDialogTitle.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++) {

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

@@ -1,2 +1,3 @@
+"use client";
 import{jsx as t}from"react/jsx-runtime";import{forwardRef as e}from"react";import*as r from"@radix-ui/react-alert-dialog";import{cva as a}from"class-variance-authority";import{cn as l}from"../../utils/utils.mjs";import{useAlertDialogContext as o}from"./AlertDialogRoot.mjs";var i=function(){return i=Object.assign||function(t){for(var e,r=1,a=arguments.length;r<a;r++)for(var l in e=arguments[r])Object.prototype.hasOwnProperty.call(e,l)&&(t[l]=e[l]);return t},i.apply(this,arguments)},n=function(t,e){var r={};for(var a in t)Object.prototype.hasOwnProperty.call(t,a)&&e.indexOf(a)<0&&(r[a]=t[a]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var l=0;for(a=Object.getOwnPropertySymbols(t);l<a.length;l++)e.indexOf(a[l])<0&&Object.prototype.propertyIsEnumerable.call(t,a[l])&&(r[a[l]]=t[a[l]])}return r},s=a("m-0 text-slate-12 dark:text-slateDark-12 font-bold",{variants:{size:{small:"text-sm mb-1",medium:"text-lg mb-2",large:"text-xl mb-3","x-large":"text-2xl mb-4"}},defaultVariants:{size:"large"}}),m=e((function(e,a){var m=e.className,c=e.children,p=e.titleText,f=n(e,["className","children","titleText"]),u=o().size;return t(r.Title,i({className:l(s({size:u}),m),ref:a},f,{children:null!=p?p:c}))}));m.displayName="AlertDialog.Title";export{m as AlertDialogTitle,s as alertDialogTitleVariants};
 //# sourceMappingURL=AlertDialogTitle.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"AlertDialogTitle.mjs","sources":["../../../lib/components/AlertDialog/AlertDialogTitle.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 AlertDialogPrimitive from '@radix-ui/react-alert-dialog';\nimport { cva } from 'class-variance-authority';\nimport { cn } from '../../../lib/utils/utils';\nimport { useAlertDialogContext } from './AlertDialogRoot';\nexport var alertDialogTitleVariants = cva(\"m-0 text-slate-12 dark:text-slateDark-12 font-bold\", {\n    variants: {\n        size: {\n            small: 'text-sm mb-1',\n            medium: 'text-lg mb-2',\n            large: 'text-xl mb-3',\n            'x-large': 'text-2xl mb-4',\n        },\n    },\n    defaultVariants: {\n        size: 'large',\n    },\n});\nexport var AlertDialogTitle = forwardRef(function (_a, ref) {\n    var className = _a.className, children = _a.children, titleText = _a.titleText, props = __rest(_a, [\"className\", \"children\", \"titleText\"]);\n    var size = useAlertDialogContext().size;\n    return (_jsx(AlertDialogPrimitive.Title, __assign({ className: cn(alertDialogTitleVariants({ size: size }), className), ref: ref }, props, { children: titleText !== null && titleText !== void 0 ? titleText : children })));\n});\nAlertDialogTitle.displayName = 'AlertDialog.Title';\n"],"names":["__assign","Object","assign","t","s","i","n","arguments","length","p","prototype","hasOwnProperty","call","apply","this","__rest","e","indexOf","getOwnPropertySymbols","propertyIsEnumerable","alertDialogTitleVariants","cva","variants","size","small","medium","large","defaultVariants","AlertDialogTitle","forwardRef","_a","ref","className","children","titleText","props","useAlertDialogContext","_jsx","AlertDialogPrimitive","Title","cn","displayName"],"mappings":"kRAAA,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,EAA2BC,EAAI,qDAAsD,CAC5FC,SAAU,CACNC,KAAM,CACFC,MAAO,eACPC,OAAQ,eACRC,MAAO,eACP,UAAW,kBAGnBC,gBAAiB,CACbJ,KAAM,WAGHK,EAAmBC,GAAW,SAAUC,EAAIC,GACnD,IAAIC,EAAYF,EAAGE,UAAWC,EAAWH,EAAGG,SAAUC,EAAYJ,EAAGI,UAAWC,EAAQpB,EAAOe,EAAI,CAAC,YAAa,WAAY,cACzHP,EAAOa,IAAwBb,KACnC,OAAQc,EAAKC,EAAqBC,MAAOvC,EAAS,CAAEgC,UAAWQ,EAAGpB,EAAyB,CAAEG,KAAMA,IAASS,GAAYD,IAAKA,GAAOI,EAAO,CAAEF,SAAUC,QAA6CA,EAAYD,IACpN,IACAL,EAAiBa,YAAc"}
+{"version":3,"file":"AlertDialogTitle.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

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

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

package/dist/lib/components/AlertDialog/AlertDialogTrigger.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,8 @@ import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
 import { cva } from 'class-variance-authority';
 import { cn } from '../../../lib/utils/utils';
 import { radiusVariants, scalingVariants, weightVariants, primaryColorStyle, appearanceStyle, } from '../../../lib/constants';
+import { MAIN_COLOR } from '../../../lib/color/constants';
+import { useTheme } from '../../../lib/theme';
 var buttonVariants = cva("inline-flex items-center transition-colors focus:outline-none hover:cursor-pointer\n  disabled:cursor-not-allowed disabled:bg-slate-3 disabled:text-slate-8", {
     variants: {
         radius: __assign({}, radiusVariants['base']),
@@ -43,13 +46,22 @@ var buttonVariants = cva("inline-flex items-center transition-colors focus:outli
         radius: 'large',
         scaling: '100%',
         weight: 'medium',
-        color: 'red',
+        color: MAIN_COLOR,
         size: 'medium',
     },
 });
 export var AlertDialogTrigger = forwardRef(function (_a, ref) {
-    var children = _a.children, className = _a.className, radius = _a.radius, scaling = _a.scaling, size = _a.size, weight = _a.weight, _b = _a.color, color = _b === void 0 ? 'red' : _b, _c = _a.appearance, appearance = _c === void 0 ? 'solid' : _c, props = __rest(_a, ["children", "className", "radius", "scaling", "size", "weight", "color", "appearance"]);
-    var buttonClassName = cn(buttonVariants({ radius: radius, scaling: scaling, size: size, weight: weight, color: color }), appearanceStyle(appearance, color), className);
+    var _b;
+    var children = _a.children, className = _a.className, radius = _a.radius, scaling = _a.scaling, size = _a.size, weight = _a.weight, color = _a.color, _c = _a.appearance, appearance = _c === void 0 ? 'solid' : _c, props = __rest(_a, ["children", "className", "radius", "scaling", "size", "weight", "color", "appearance"]);
+    var theme = useTheme().theme;
+    var buttonStyle = {
+        radius: radius !== null && radius !== void 0 ? radius : theme.themeRadius,
+        scaling: scaling !== null && scaling !== void 0 ? scaling : theme.themeScaling,
+        weight: weight !== null && weight !== void 0 ? weight : theme.themeWeight,
+        color: (_b = color !== null && color !== void 0 ? color : theme.themeColor) !== null && _b !== void 0 ? _b : MAIN_COLOR,
+        size: size,
+    };
+    var buttonClassName = cn(buttonVariants(buttonStyle), appearanceStyle(appearance, buttonStyle.color), className);
     return (_jsx(AlertDialogPrimitive.Trigger, __assign({ asChild: true, ref: ref, className: buttonClassName }, props, { children: children })));
 });
 AlertDialogTrigger.displayName = 'AlertDialog.Trigger';

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

@@ -1,2 +1,3 @@
-import{jsx as r}from"react/jsx-runtime";import{forwardRef as e}from"react";import*as t from"@radix-ui/react-alert-dialog";import{cva as i}from"class-variance-authority";import{cn as a}from"../../utils/utils.mjs";import{radiusVariants as o,scalingVariants as s,weightVariants as l,primaryColorStyle as n,appearanceStyle as c}from"../../constants.mjs";var p=function(){return p=Object.assign||function(r){for(var e,t=1,i=arguments.length;t<i;t++)for(var a in e=arguments[t])Object.prototype.hasOwnProperty.call(e,a)&&(r[a]=e[a]);return r},p.apply(this,arguments)},m=function(r,e){var t={};for(var i in r)Object.prototype.hasOwnProperty.call(r,i)&&e.indexOf(i)<0&&(t[i]=r[i]);if(null!=r&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(i=Object.getOwnPropertySymbols(r);a<i.length;a++)e.indexOf(i[a])<0&&Object.prototype.propertyIsEnumerable.call(r,i[a])&&(t[i[a]]=r[i[a]])}return t},d=i("inline-flex items-center transition-colors focus:outline-none hover:cursor-pointer\n  disabled:cursor-not-allowed disabled:bg-slate-3 disabled:text-slate-8",{variants:{radius:p({},o.base),size:{small:"text-xs h-[24px] px-2",medium:"text-sm h-[32px] px-3",large:"text-base h-[40px] px-4","x-large":"text-lg h-[48px] px-6"},scaling:p({},s),weight:p({},l),color:n()},defaultVariants:{radius:"large",scaling:"100%",weight:"medium",color:"red",size:"medium"}}),u=e((function(e,i){var o=e.children,s=e.className,l=e.radius,n=e.scaling,u=e.size,g=e.weight,f=e.color,x=void 0===f?"red":f,h=e.appearance,b=void 0===h?"solid":h,y=m(e,["children","className","radius","scaling","size","weight","color","appearance"]),v=a(d({radius:l,scaling:n,size:u,weight:g,color:x}),c(b,x),s);return r(t.Trigger,p({asChild:!0,ref:i,className:v},y,{children:o}))}));u.displayName="AlertDialog.Trigger";export{u as AlertDialogTrigger};
+"use client";
+import{jsx as e}from"react/jsx-runtime";import{forwardRef as r}from"react";import*as t from"@radix-ui/react-alert-dialog";import{cva as i}from"class-variance-authority";import{cn as o}from"../../utils/utils.mjs";import{radiusVariants as a,scalingVariants as l,weightVariants as s,primaryColorStyle as n,appearanceStyle as c}from"../../constants.mjs";import{MAIN_COLOR as m}from"../../color/constants.mjs";import{useTheme as p}from"../../theme/ThemeProvider.mjs";var u=function(){return u=Object.assign||function(e){for(var r,t=1,i=arguments.length;t<i;t++)for(var o in r=arguments[t])Object.prototype.hasOwnProperty.call(r,o)&&(e[o]=r[o]);return e},u.apply(this,arguments)},d=function(e,r){var t={};for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&r.indexOf(i)<0&&(t[i]=e[i]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(i=Object.getOwnPropertySymbols(e);o<i.length;o++)r.indexOf(i[o])<0&&Object.prototype.propertyIsEnumerable.call(e,i[o])&&(t[i[o]]=e[i[o]])}return t},g=i("inline-flex items-center transition-colors focus:outline-none hover:cursor-pointer\n  disabled:cursor-not-allowed disabled:bg-slate-3 disabled:text-slate-8",{variants:{radius:u({},a.base),size:{small:"text-xs h-[24px] px-2",medium:"text-sm h-[32px] px-3",large:"text-base h-[40px] px-4","x-large":"text-lg h-[48px] px-6"},scaling:u({},l),weight:u({},s),color:n()},defaultVariants:{radius:"large",scaling:"100%",weight:"medium",color:m,size:"medium"}}),h=r((function(r,i){var a,l=r.children,s=r.className,n=r.radius,h=r.scaling,f=r.size,x=r.weight,b=r.color,y=r.appearance,v=void 0===y?"solid":y,O=d(r,["children","className","radius","scaling","size","weight","color","appearance"]),j=p().theme,w={radius:null!=n?n:j.themeRadius,scaling:null!=h?h:j.themeScaling,weight:null!=x?x:j.themeWeight,color:null!==(a=null!=b?b:j.themeColor)&&void 0!==a?a:m,size:f},z=o(g(w),c(v,w.color),s);return e(t.Trigger,u({asChild:!0,ref:i,className:z},O,{children:l}))}));h.displayName="AlertDialog.Trigger";export{h as AlertDialogTrigger};
 //# sourceMappingURL=AlertDialogTrigger.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"AlertDialogTrigger.mjs","sources":["../../../lib/components/AlertDialog/AlertDialogTrigger.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 AlertDialogPrimitive from '@radix-ui/react-alert-dialog';\nimport { cva } from 'class-variance-authority';\nimport { cn } from '../../../lib/utils/utils';\nimport { radiusVariants, scalingVariants, weightVariants, primaryColorStyle, appearanceStyle, } from '../../../lib/constants';\nvar buttonVariants = cva(\"inline-flex items-center transition-colors focus:outline-none hover:cursor-pointer\\n  disabled:cursor-not-allowed disabled:bg-slate-3 disabled:text-slate-8\", {\n    variants: {\n        radius: __assign({}, radiusVariants['base']),\n        size: {\n            small: 'text-xs h-[24px] px-2',\n            medium: 'text-sm h-[32px] px-3',\n            large: 'text-base h-[40px] px-4',\n            'x-large': 'text-lg h-[48px] px-6',\n        },\n        scaling: __assign({}, scalingVariants),\n        weight: __assign({}, weightVariants),\n        color: primaryColorStyle(),\n    },\n    defaultVariants: {\n        radius: 'large',\n        scaling: '100%',\n        weight: 'medium',\n        color: 'red',\n        size: 'medium',\n    },\n});\nexport var AlertDialogTrigger = forwardRef(function (_a, ref) {\n    var children = _a.children, className = _a.className, radius = _a.radius, scaling = _a.scaling, size = _a.size, weight = _a.weight, _b = _a.color, color = _b === void 0 ? 'red' : _b, _c = _a.appearance, appearance = _c === void 0 ? 'solid' : _c, props = __rest(_a, [\"children\", \"className\", \"radius\", \"scaling\", \"size\", \"weight\", \"color\", \"appearance\"]);\n    var buttonClassName = cn(buttonVariants({ radius: radius, scaling: scaling, size: size, weight: weight, color: color }), appearanceStyle(appearance, color), className);\n    return (_jsx(AlertDialogPrimitive.Trigger, __assign({ asChild: true, ref: ref, className: buttonClassName }, props, { children: children })));\n});\nAlertDialogTrigger.displayName = 'AlertDialog.Trigger';\n"],"names":["__assign","Object","assign","t","s","i","n","arguments","length","p","prototype","hasOwnProperty","call","apply","this","__rest","e","indexOf","getOwnPropertySymbols","propertyIsEnumerable","buttonVariants","cva","variants","radius","radiusVariants","size","small","medium","large","scaling","scalingVariants","weight","weightVariants","color","primaryColorStyle","defaultVariants","AlertDialogTrigger","forwardRef","_a","ref","children","className","_b","_c","appearance","props","buttonClassName","cn","appearanceStyle","_jsx","AlertDialogPrimitive","Trigger","asChild","displayName"],"mappings":"8VAAA,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,8JAA+J,CACpLC,SAAU,CACNC,OAAQvB,EAAS,CAAA,EAAIwB,EAAqB,MAC1CC,KAAM,CACFC,MAAO,wBACPC,OAAQ,wBACRC,MAAO,0BACP,UAAW,yBAEfC,QAAS7B,EAAS,CAAE,EAAE8B,GACtBC,OAAQ/B,EAAS,CAAE,EAAEgC,GACrBC,MAAOC,KAEXC,gBAAiB,CACbZ,OAAQ,QACRM,QAAS,OACTE,OAAQ,SACRE,MAAO,MACPR,KAAM,YAGHW,EAAqBC,GAAW,SAAUC,EAAIC,GACrD,IAAIC,EAAWF,EAAGE,SAAUC,EAAYH,EAAGG,UAAWlB,EAASe,EAAGf,OAAQM,EAAUS,EAAGT,QAASJ,EAAOa,EAAGb,KAAMM,EAASO,EAAGP,OAAQW,EAAKJ,EAAGL,MAAOA,OAAe,IAAPS,EAAgB,MAAQA,EAAIC,EAAKL,EAAGM,WAAYA,OAAoB,IAAPD,EAAgB,QAAUA,EAAIE,EAAQ9B,EAAOuB,EAAI,CAAC,WAAY,YAAa,SAAU,UAAW,OAAQ,SAAU,QAAS,eAC/UQ,EAAkBC,EAAG3B,EAAe,CAAEG,OAAQA,EAAQM,QAASA,EAASJ,KAAMA,EAAMM,OAAQA,EAAQE,MAAOA,IAAUe,EAAgBJ,EAAYX,GAAQQ,GAC7J,OAAQQ,EAAKC,EAAqBC,QAASnD,EAAS,CAAEoD,SAAS,EAAMb,IAAKA,EAAKE,UAAWK,GAAmBD,EAAO,CAAEL,SAAUA,IACpI,IACAJ,EAAmBiB,YAAc"}
+{"version":3,"file":"AlertDialogTrigger.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare const AlertDialog: {
     Root: import("react").ForwardRefExoticComponent<import("@radix-ui/react-alert-dialog").AlertDialogProps & import("./AlertDialogRoot").AlertDialogProps & import("react").RefAttributes<never>>;
     Trigger: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-alert-dialog").AlertDialogTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("./AlertDialogTrigger").ButtonProps & import("react").RefAttributes<HTMLButtonElement>>;

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

@@ -12,6 +12,6 @@ var AlertDialog = {
     Title: Title,
     Description: Description,
     Cancel: Cancel,
-    Action: Action
+    Action: Action,
 };
 export default AlertDialog;

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

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../lib/components/AlertDialog/index.js"],"sourcesContent":["import { AlertDialogRoot as Root } from './AlertDialogRoot';\nimport { AlertDialogTrigger as Trigger } from './AlertDialogTrigger';\nimport { AlertDialogContent as Content } from './AlertDialogContent';\nimport { AlertDialogTitle as Title } from './AlertDialogTitle';\nimport { AlertDialogDescription as Description } from './AlertDialogDescription';\nimport { AlertDialogCancel as Cancel } from './AlertDialogCancel';\nimport { AlertDialogAction as Action } from './AlertDialogAction';\nvar AlertDialog = {\n    Root: Root,\n    Trigger: Trigger,\n    Content: Content,\n    Title: Title,\n    Description: Description,\n    Cancel: Cancel,\n    Action: Action\n};\nexport default AlertDialog;\n"],"names":["AlertDialog","Root","Trigger","Content","Title","Description","Cancel","Action"],"mappings":"4aAOG,IAACA,EAAc,CACdC,KAAMA,EACNC,QAASA,EACTC,QAASA,EACTC,MAAOA,EACPC,YAAaA,EACbC,OAAQA,EACRC,OAAQA"}
+{"version":3,"file":"index.mjs","sources":["../../../lib/components/AlertDialog/index.js"],"sourcesContent":["import { AlertDialogRoot as Root } from './AlertDialogRoot';\nimport { AlertDialogTrigger as Trigger } from './AlertDialogTrigger';\nimport { AlertDialogContent as Content } from './AlertDialogContent';\nimport { AlertDialogTitle as Title } from './AlertDialogTitle';\nimport { AlertDialogDescription as Description } from './AlertDialogDescription';\nimport { AlertDialogCancel as Cancel } from './AlertDialogCancel';\nimport { AlertDialogAction as Action } from './AlertDialogAction';\nvar AlertDialog = {\n    Root: Root,\n    Trigger: Trigger,\n    Content: Content,\n    Title: Title,\n    Description: Description,\n    Cancel: Cancel,\n    Action: Action,\n};\nexport default AlertDialog;\n"],"names":["AlertDialog","Root","Trigger","Content","Title","Description","Cancel","Action"],"mappings":"4aAOG,IAACA,EAAc,CACdC,KAAMA,EACNC,QAASA,EACTC,QAASA,EACTC,MAAOA,EACPC,YAAaA,EACbC,OAAQA,EACRC,OAAQA"}

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

@@ -4,7 +4,7 @@ import { VariantProps } from 'class-variance-authority';
 export interface AspectRatioProps extends VariantProps<typeof aspectRatioVariants> {
 }
 export declare const aspectRatioVariants: (props?: ({
-    scaling?: "90%" | "95%" | "100%" | "105%" | "110%" | null | undefined;
+    scaling?: "100%" | "90%" | "95%" | "105%" | "110%" | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 declare const AspectRatio: React.ForwardRefExoticComponent<Omit<AspectRatioPrimitive.AspectRatioProps & React.RefAttributes<HTMLDivElement>, "ref"> & AspectRatioProps & React.RefAttributes<HTMLDivElement>>;
 export default AspectRatio;

package/dist/lib/components/AspectRatio/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 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 +38,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: scaling !== null && scaling !== void 0 ? scaling : theme.themeScaling }), className), children: children })));
 });
 AspectRatio.displayName = 'AspectRatio';
 export default AspectRatio;

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

@@ -1,2 +1,3 @@
-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};
+"use client";
+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:null!=u?u:h.themeScaling}),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":[],"sourcesContent":[],"names":[],"mappings":";"}

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

@@ -1,9 +1,9 @@
-import React from 'react';
+import React, { ReactElement } from 'react';
 import { VariantProps } from 'class-variance-authority';
 export interface AvatarProps extends VariantProps<typeof AvatarVariants> {
     imagePath?: string;
     alt?: string;
-    fallbackText?: string;
+    fallback?: ReactElement | string;
     appearance?: 'solid' | 'soft';
     fallbackClassName?: string;
     ariaLabel?: string;
@@ -12,9 +12,9 @@ export interface AvatarProps extends VariantProps<typeof AvatarVariants> {
     delayMs?: number;
 }
 declare const AvatarVariants: (props?: ({
-    radius?: "small" | "none" | "medium" | "large" | "full" | null | undefined;
+    radius?: "small" | "none" | "large" | "medium" | "full" | null | undefined;
     size?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | null | undefined;
-    scaling?: "90%" | "95%" | "100%" | "105%" | "110%" | null | undefined;
+    scaling?: "100%" | "90%" | "95%" | "105%" | "110%" | null | undefined;
     color?: string | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 declare const Avatar: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & AvatarProps & React.RefAttributes<HTMLSpanElement>>;

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,8 @@ 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';
+import { MAIN_COLOR } from '../../../lib/color/constants';
 var AvatarVariants = cva('font-medium', {
     variants: {
         radius: __assign({}, radiusVariants['base']),
@@ -45,14 +48,20 @@ var AvatarVariants = cva('font-medium', {
     },
     defaultVariants: {
         radius: 'full',
-        color: 'red',
+        color: MAIN_COLOR,
         size: '3',
     },
 });
 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 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 })] })));
+    var className = _a.className, fallbackClassName = _a.fallbackClassName, radius = _a.radius, scaling = _a.scaling, size = _a.size, fallback = _a.fallback, imagePath = _a.imagePath, alt = _a.alt, _b = _a.appearance, appearance = _b === void 0 ? 'solid' : _b, color = _a.color, ariaLabel = _a.ariaLabel, ariaLabelledby = _a.ariaLabelledby, title = _a.title, _c = _a.delayMs, delayMs = _c === void 0 ? 300 : _c, props = __rest(_a, ["className", "fallbackClassName", "radius", "scaling", "size", "fallback", "imagePath", "alt", "appearance", "color", "ariaLabel", "ariaLabelledby", "title", "delayMs"]);
+    var theme = useTheme().theme;
+    var avatarStyle = {
+        radius: radius !== null && radius !== void 0 ? radius : theme.themeRadius,
+        scaling: scaling !== null && scaling !== void 0 ? scaling : theme.themeScaling,
+        color: color !== null && color !== void 0 ? color : theme.themeColor,
+    };
+    var imgAltText = alt || ariaLabel || 'Avatar Image';
+    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: fallback })] })));
 });
 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";import{MAIN_COLOR as m}from"../../color/constants.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)},f=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},u=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:m,size:"3"}}),d=t((function(t,l){var o=t.className;t.fallbackClassName;var s=t.radius,n=t.scaling;t.size;var m=t.fallback,d=t.imagePath,h=t.alt,b=t.appearance,y=void 0===b?"solid":b,v=t.color,g=t.ariaLabel,w=t.ariaLabelledby,j=t.title,O=t.delayMs,N=void 0===O?300:O,P=f(t,["className","fallbackClassName","radius","scaling","size","fallback","imagePath","alt","appearance","color","ariaLabel","ariaLabelledby","title","delayMs"]),k=c().theme,z={radius:null!=s?s:k.themeRadius,scaling:null!=n?n:k.themeScaling,color:null!=v?v:k.themeColor},I=h||g||"Avatar Image";return e(r.Root,x({className:i("inline-flex select-none items-center justify-center overflow-hidden align-middle",u(z),p(y,z.color,!1),o)},P,{ref:l,role:"img","aria-label":g||I,"aria-labelledby":w,title:j||I,tabIndex:0,children:[a(r.Image,{className:"h-full w-full border-none object-cover",src:d,alt:I,title:j||I}),a(r.Fallback,{className:i("leading-1 flex h-full w-full items-center justify-center",o),delayMs:N,"aria-hidden":"true",children:m})]}))}));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,9 +8,9 @@ export interface BadgeProps extends HTMLAttributes<HTMLDivElement>, VariantProps
     weight?: IWeight;
 }
 declare const BadgeVariants: (props?: ({
-    radius?: "small" | "none" | "medium" | "large" | "full" | null | undefined;
-    size?: "small" | "medium" | "large" | null | undefined;
-    scaling?: "90%" | "95%" | "100%" | "105%" | "110%" | null | undefined;
+    radius?: "small" | "none" | "large" | "medium" | "full" | null | undefined;
+    size?: "small" | "large" | "medium" | null | undefined;
+    scaling?: "100%" | "90%" | "95%" | "105%" | "110%" | null | undefined;
     weight?: "bold" | "medium" | "regular" | "semibold" | null | undefined;
     color?: string | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;

package/dist/lib/components/Badge/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++) {
@@ -25,6 +26,8 @@ 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';
+import { MAIN_COLOR } from '../../../lib/color/constants';
 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']),
@@ -42,12 +45,20 @@ var BadgeVariants = cva('inline-flex items-center transition-colors focus:outlin
         size: 'medium',
         scaling: '100%',
         weight: 'medium',
-        color: 'red',
+        color: MAIN_COLOR,
     },
 });
 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 className = _a.className, children = _a.children, radius = _a.radius, scaling = _a.scaling, weight = _a.weight, size = _a.size, color = _a.color, _b = _a.appearance, appearance = _b === void 0 ? 'solid' : _b, props = __rest(_a, ["className", "children", "radius", "scaling", "weight", "size", "color", "appearance"]);
+    var theme = useTheme().theme;
+    var badgeStyle = {
+        radius: radius !== null && radius !== void 0 ? radius : theme.themeRadius,
+        scaling: scaling !== null && scaling !== void 0 ? scaling : theme.themeScaling,
+        weight: weight !== null && weight !== void 0 ? weight : theme.themeWeight,
+        color: color !== null && color !== void 0 ? color : theme.themeColor,
+        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';

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

@@ -1,2 +1,3 @@
-import{jsx as r}from"react/jsx-runtime";import{forwardRef as e}from"react";import{cva as t}from"class-variance-authority";import{cn as i}from"../../utils/utils.mjs";import{radiusVariants as o,scalingVariants as a,weightVariants as s,primaryColorStyle as n,appearanceStyle as l}from"../../constants.mjs";var c=function(){return c=Object.assign||function(r){for(var e,t=1,i=arguments.length;t<i;t++)for(var o in e=arguments[t])Object.prototype.hasOwnProperty.call(e,o)&&(r[o]=e[o]);return r},c.apply(this,arguments)},p=function(r,e){var t={};for(var i in r)Object.prototype.hasOwnProperty.call(r,i)&&e.indexOf(i)<0&&(t[i]=r[i]);if(null!=r&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(i=Object.getOwnPropertySymbols(r);o<i.length;o++)e.indexOf(i[o])<0&&Object.prototype.propertyIsEnumerable.call(r,i[o])&&(t[i[o]]=r[i[o]])}return t},m=t("inline-flex items-center transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 w-fit",{variants:{radius:c({},o.base),size:{small:"text-xs h-[20px] px-1.5 py-0.5",medium:"text-xs h-[24px] px-2 py-1",large:"text-sm h-[28px] px-2.5 py-1"},scaling:c({},a),weight:c({},s),color:n()},defaultVariants:{radius:"medium",size:"medium",scaling:"100%",weight:"medium",color:"red"}}),u=e((function(e,t){var o=e.className,a=e.children,s=e.radius,n=e.scaling,u=e.weight,f=e.size,d=e.color,g=void 0===d?"red":d,h=e.appearance,y=void 0===h?"solid":h,x=p(e,["className","children","radius","scaling","weight","size","color","appearance"]),v=i(m({radius:s,scaling:n,weight:u,size:f,color:g}),l(y,g,!1),o);return r("div",c({ref:t,className:v},x,{children:a}))}));u.displayName="Badge";export{u as default};
+"use client";
+import{jsx as e}from"react/jsx-runtime";import{forwardRef as r}from"react";import{cva as t}from"class-variance-authority";import{cn as i}from"../../utils/utils.mjs";import{radiusVariants as o,scalingVariants as n,weightVariants as a,primaryColorStyle as s,appearanceStyle as l}from"../../constants.mjs";import{useTheme as c}from"../../theme/ThemeProvider.mjs";import{MAIN_COLOR as m}from"../../color/constants.mjs";var p=function(){return p=Object.assign||function(e){for(var r,t=1,i=arguments.length;t<i;t++)for(var o in r=arguments[t])Object.prototype.hasOwnProperty.call(r,o)&&(e[o]=r[o]);return e},p.apply(this,arguments)},u=function(e,r){var t={};for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&r.indexOf(i)<0&&(t[i]=e[i]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(i=Object.getOwnPropertySymbols(e);o<i.length;o++)r.indexOf(i[o])<0&&Object.prototype.propertyIsEnumerable.call(e,i[o])&&(t[i[o]]=e[i[o]])}return t},f=t("inline-flex items-center transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 w-fit",{variants:{radius:p({},o.base),size:{small:"text-xs h-[20px] px-1.5 py-0.5",medium:"text-xs h-[24px] px-2 py-1",large:"text-sm h-[28px] px-2.5 py-1"},scaling:p({},n),weight:p({},a),color:s()},defaultVariants:{radius:"medium",size:"medium",scaling:"100%",weight:"medium",color:m}}),h=r((function(r,t){var o=r.className,n=r.children,a=r.radius,s=r.scaling,m=r.weight,h=r.size,d=r.color,g=r.appearance,y=void 0===g?"solid":g,x=u(r,["className","children","radius","scaling","weight","size","color","appearance"]),v=c().theme,O={radius:null!=a?a:v.themeRadius,scaling:null!=s?s:v.themeScaling,weight:null!=m?m:v.themeWeight,color:null!=d?d:v.themeColor,size:h},j=i(f(O),l(y,O.color,!1),o);return e("div",p({ref:t,className:j},x,{children:n}))}));h.displayName="Badge";export{h as default};
 //# sourceMappingURL=index.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../lib/components/Badge/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 { cva } from 'class-variance-authority';\nimport { cn } from '../../../lib/utils/utils';\nimport { appearanceStyle, primaryColorStyle, radiusVariants, scalingVariants, weightVariants, } from '../../../lib/constants';\nvar BadgeVariants = cva('inline-flex items-center transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 w-fit', {\n    variants: {\n        radius: __assign({}, radiusVariants['base']),\n        size: {\n            small: 'text-xs h-[20px] px-1.5 py-0.5',\n            medium: 'text-xs h-[24px] px-2 py-1',\n            large: 'text-sm h-[28px] px-2.5 py-1',\n        },\n        scaling: __assign({}, scalingVariants),\n        weight: __assign({}, weightVariants),\n        color: primaryColorStyle(),\n    },\n    defaultVariants: {\n        radius: 'medium',\n        size: 'medium',\n        scaling: '100%',\n        weight: 'medium',\n        color: 'red',\n    },\n});\nvar Badge = forwardRef(function (_a, ref) {\n    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\"]);\n    var badgeClassName = cn(BadgeVariants({ radius: radius, scaling: scaling, weight: weight, size: size, color: color }), appearanceStyle(appearance, color, false), className);\n    return (_jsx(\"div\", __assign({ ref: ref, className: badgeClassName }, props, { children: children })));\n});\nBadge.displayName = 'Badge';\nexport default Badge;\n"],"names":["__assign","Object","assign","t","s","i","n","arguments","length","p","prototype","hasOwnProperty","call","apply","this","__rest","e","indexOf","getOwnPropertySymbols","propertyIsEnumerable","BadgeVariants","cva","variants","radius","radiusVariants","size","small","medium","large","scaling","scalingVariants","weight","weightVariants","color","primaryColorStyle","defaultVariants","Badge","forwardRef","_a","ref","className","children","_b","_c","appearance","props","badgeClassName","cn","appearanceStyle","_jsx","displayName"],"mappings":"+SAAA,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,EAMIiB,EAAgBC,EAAI,uHAAwH,CAC5IC,SAAU,CACNC,OAAQvB,EAAS,CAAA,EAAIwB,EAAqB,MAC1CC,KAAM,CACFC,MAAO,iCACPC,OAAQ,6BACRC,MAAO,gCAEXC,QAAS7B,EAAS,CAAE,EAAE8B,GACtBC,OAAQ/B,EAAS,CAAE,EAAEgC,GACrBC,MAAOC,KAEXC,gBAAiB,CACbZ,OAAQ,SACRE,KAAM,SACNI,QAAS,OACTE,OAAQ,SACRE,MAAO,SAGXG,EAAQC,GAAW,SAAUC,EAAIC,GACjC,IAAIC,EAAYF,EAAGE,UAAWC,EAAWH,EAAGG,SAAUlB,EAASe,EAAGf,OAAQM,EAAUS,EAAGT,QAASE,EAASO,EAAGP,OAAQN,EAAOa,EAAGb,KAAMiB,EAAKJ,EAAGL,MAAOA,OAAe,IAAPS,EAAgB,MAAQA,EAAIC,EAAKL,EAAGM,WAAYA,OAAoB,IAAPD,EAAgB,QAAUA,EAAIE,EAAQ9B,EAAOuB,EAAI,CAAC,YAAa,WAAY,SAAU,UAAW,SAAU,OAAQ,QAAS,eAC/UQ,EAAiBC,EAAG3B,EAAc,CAAEG,OAAQA,EAAQM,QAASA,EAASE,OAAQA,EAAQN,KAAMA,EAAMQ,MAAOA,IAAUe,EAAgBJ,EAAYX,GAAO,GAAQO,GAClK,OAAQS,EAAK,MAAOjD,EAAS,CAAEuC,IAAKA,EAAKC,UAAWM,GAAkBD,EAAO,CAAEJ,SAAUA,IAC7F,IACAL,EAAMc,YAAc"}
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

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

@@ -24,7 +24,7 @@ export interface BarChartProps extends VariantProps<typeof barChartVariants> {
     height?: string | number;
 }
 declare const barChartVariants: (props?: ({
-    scaling?: "90%" | "95%" | "100%" | "105%" | "110%" | null | undefined;
+    scaling?: "100%" | "90%" | "95%" | "105%" | "110%" | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 declare const BarChart: {
     ({ className, title, datasets, labels, scaling, legend, width, height, indexAxis, appearance, isColorMixed, ...props }: BarChartProps): import("react/jsx-runtime").JSX.Element;

package/dist/lib/components/Breadcrumb/BreadcrumbEllipsis.d.ts

@@ -0,0 +1,9 @@
+import { ComponentProps } from 'react';
+import { VariantProps } from 'class-variance-authority';
+export interface BreadcrumbEllipsisProps extends VariantProps<typeof breadcrumbEllipsisVariants> {
+}
+export declare const breadcrumbEllipsisVariants: (props?: ({} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export declare const BreadcrumbEllipsis: {
+    ({ className, ...props }: ComponentProps<'span'>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/lib/components/Breadcrumb/BreadcrumbEllipsis.js

@@ -0,0 +1,34 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cva } from 'class-variance-authority';
+import { DotsHorizontalIcon } from '@radix-ui/react-icons';
+import { cn } from '../../../lib/utils/utils';
+export var breadcrumbEllipsisVariants = cva("flex h-9 w-9 items-center justify-center", {
+    variants: {},
+});
+export var BreadcrumbEllipsis = function (_a) {
+    var className = _a.className, props = __rest(_a, ["className"]);
+    return (_jsxs("span", __assign({ role: "presentation", "aria-hidden": "true", className: cn(breadcrumbEllipsisVariants({}), className) }, props, { children: [_jsx(DotsHorizontalIcon, { className: "h-4 w-4" }), _jsx("span", { className: "sr-only", children: "More" })] })));
+};
+BreadcrumbEllipsis.displayName = 'Breadcrumb.Elipssis';

package/dist/lib/components/Breadcrumb/BreadcrumbEllipsis.mjs

@@ -0,0 +1,2 @@
+import{jsxs as r,jsx as e}from"react/jsx-runtime";import{cva as t}from"class-variance-authority";import{DotsHorizontalIcon as a}from"@radix-ui/react-icons";import{cn as n}from"../../utils/utils.mjs";var o=function(){return o=Object.assign||function(r){for(var e,t=1,a=arguments.length;t<a;t++)for(var n in e=arguments[t])Object.prototype.hasOwnProperty.call(e,n)&&(r[n]=e[n]);return r},o.apply(this,arguments)},s=function(r,e){var t={};for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&e.indexOf(a)<0&&(t[a]=r[a]);if(null!=r&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(a=Object.getOwnPropertySymbols(r);n<a.length;n++)e.indexOf(a[n])<0&&Object.prototype.propertyIsEnumerable.call(r,a[n])&&(t[a[n]]=r[a[n]])}return t},i=t("flex h-9 w-9 items-center justify-center",{variants:{}}),c=function(t){var c=t.className,l=s(t,["className"]);return r("span",o({role:"presentation","aria-hidden":"true",className:n(i({}),c)},l,{children:[e(a,{className:"h-4 w-4"}),e("span",{className:"sr-only",children:"More"})]}))};c.displayName="Breadcrumb.Elipssis";export{c as BreadcrumbEllipsis,i as breadcrumbEllipsisVariants};
+//# sourceMappingURL=BreadcrumbEllipsis.mjs.map

package/dist/lib/components/Breadcrumb/BreadcrumbEllipsis.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BreadcrumbEllipsis.mjs","sources":["../../../lib/components/Breadcrumb/BreadcrumbEllipsis.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 { cva } from 'class-variance-authority';\nimport { DotsHorizontalIcon } from '@radix-ui/react-icons';\nimport { cn } from '../../../lib/utils/utils';\nexport var breadcrumbEllipsisVariants = cva(\"flex h-9 w-9 items-center justify-center\", {\n    variants: {},\n});\nexport var BreadcrumbEllipsis = function (_a) {\n    var className = _a.className, props = __rest(_a, [\"className\"]);\n    return (_jsxs(\"span\", __assign({ role: \"presentation\", \"aria-hidden\": \"true\", className: cn(breadcrumbEllipsisVariants({}), className) }, props, { children: [_jsx(DotsHorizontalIcon, { className: \"h-4 w-4\" }), _jsx(\"span\", { className: \"sr-only\", children: \"More\" })] })));\n};\nBreadcrumbEllipsis.displayName = 'Breadcrumb.Elipssis';\n"],"names":["__assign","Object","assign","t","s","i","n","arguments","length","p","prototype","hasOwnProperty","call","apply","this","__rest","e","indexOf","getOwnPropertySymbols","propertyIsEnumerable","breadcrumbEllipsisVariants","cva","variants","BreadcrumbEllipsis","_a","className","props","_jsxs","role","cn","children","_jsx","DotsHorizontalIcon","displayName"],"mappings":"uMAAA,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,EAKWiB,EAA6BC,EAAI,2CAA4C,CACpFC,SAAU,CAAE,IAELC,EAAqB,SAAUC,GACtC,IAAIC,EAAYD,EAAGC,UAAWC,EAAQX,EAAOS,EAAI,CAAC,cAClD,OAAQG,EAAM,OAAQ3B,EAAS,CAAE4B,KAAM,eAAgB,cAAe,OAAQH,UAAWI,EAAGT,EAA2B,CAAA,GAAKK,IAAcC,EAAO,CAAEI,SAAU,CAACC,EAAKC,EAAoB,CAAEP,UAAW,YAAcM,EAAK,OAAQ,CAAEN,UAAW,UAAWK,SAAU,YACrQ,EACAP,EAAmBU,YAAc"}

package/dist/lib/components/Breadcrumb/BreadcrumbItem.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { VariantProps } from 'class-variance-authority';
+export interface BreadcrumbItemProps extends VariantProps<typeof breadcrumbItemVariants> {
+}
+export declare const breadcrumbItemVariants: (props?: ({} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export declare const BreadcrumbItem: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React.RefAttributes<HTMLLIElement>>;

package/dist/lib/components/Breadcrumb/BreadcrumbItem.js

@@ -0,0 +1,32 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { cva } from 'class-variance-authority';
+import { cn } from '../../../lib/utils/utils';
+export var breadcrumbItemVariants = cva("inline-flex items-center gap-1.5", { variants: {} });
+export var BreadcrumbItem = forwardRef(function (_a, ref) {
+    var className = _a.className, props = __rest(_a, ["className"]);
+    return (_jsx("li", __assign({ ref: ref, className: cn(breadcrumbItemVariants({}), className) }, props)));
+});
+BreadcrumbItem.displayName = 'Breadcrumb.Item';