@lotte-innovate/ui-component-test 0.0.5 → 0.0.6

package/dist/color/light.js

@@ -0,0 +1,393 @@
+// 기본 그레이 색상
+export var slate = {
+    1: '#fcfcfd',
+    2: '#f9f9fb',
+    3: '#f0f0f3',
+    4: '#e8e8ec',
+    5: '#e0e1e6',
+    6: '#d9d9e0',
+    7: '#cdced6',
+    8: '#b9bbc6',
+    9: '#8b8d98',
+    10: '#80838d',
+    11: '#60646c',
+    12: '#1c2024',
+};
+export var olive = {
+    1: '#fcfdfc',
+    2: '#f8faf8',
+    3: '#eff1ef',
+    4: '#e7e9e7',
+    5: '#dfe2df',
+    6: '#d7dad7',
+    7: '#cccfcc',
+    8: '#b9bcb8',
+    9: '#898e87',
+    10: '#7f847d',
+    11: '#60655f',
+    12: '#1d211c',
+};
+export var sand = {
+    1: '#fdfdfc',
+    2: '#f9f9f8',
+    3: '#f1f0ef',
+    4: '#e9e8e6',
+    5: '#e2e1de',
+    6: '#dad9d6',
+    7: '#cfceca',
+    8: '#bcbbb5',
+    9: '#8d8d86',
+    10: '#82827c',
+    11: '#63635e',
+    12: '#21201c',
+};
+export var tomato = {
+    1: '#fffcfc',
+    2: '#fff8f7',
+    3: '#feebe7',
+    4: '#ffdcd3',
+    5: '#ffcdc2',
+    6: '#fdbdaf',
+    7: '#f5a898',
+    8: '#ec8e7b',
+    9: '#e54d2e',
+    10: '#dd4425',
+    11: '#d13415',
+    12: '#5c271f',
+};
+export var red = {
+    1: '#fffcfc',
+    2: '#fff7f7',
+    3: '#feebec',
+    4: '#ffdbdc',
+    5: '#ffcdce',
+    6: '#fdbdbe',
+    7: '#f4a9aa',
+    8: '#eb8e90',
+    9: '#e5484d',
+    10: '#dc3e42',
+    11: '#ce2c31',
+    12: '#641723',
+};
+export var ruby = {
+    1: '#fffcfd',
+    2: '#fff7f8',
+    3: '#feeaed',
+    4: '#ffdce1',
+    5: '#ffced6',
+    6: '#f8bfc8',
+    7: '#efacb8',
+    8: '#e592a3',
+    9: '#e54666',
+    10: '#dc3b5d',
+    11: '#ca244d',
+    12: '#64172b',
+};
+export var crimson = {
+    1: '#fffcfd',
+    2: '#fef7f9',
+    3: '#ffe9f0',
+    4: '#fedce7',
+    5: '#facedd',
+    6: '#f3bed1',
+    7: '#eaacc3',
+    8: '#e093b2',
+    9: '#e93d82',
+    10: '#df3478',
+    11: '#cb1d63',
+    12: '#621639',
+};
+export var pink = {
+    1: '#fffcfe',
+    2: '#fef7fb',
+    3: '#fee9f5',
+    4: '#fbdcef',
+    5: '#f6cee7',
+    6: '#efbfdd',
+    7: '#e7acd0',
+    8: '#dd93c2',
+    9: '#d6409f',
+    10: '#cf3897',
+    11: '#c2298a',
+    12: '#651249',
+};
+export var plum = {
+    1: '#fefcff',
+    2: '#fdf7fd',
+    3: '#fbebfb',
+    4: '#f7def8',
+    5: '#f2d1f3',
+    6: '#e9c2ec',
+    7: '#deade3',
+    8: '#cf91d8',
+    9: '#ab4aba',
+    10: '#a144af',
+    11: '#953ea3',
+    12: '#53195d',
+};
+export var purple = {
+    1: '#fefcfe',
+    2: '#fbf7fe',
+    3: '#f7edfe',
+    4: '#f2e2fc',
+    5: '#ead5f9',
+    6: '#e0c4f4',
+    7: '#d1afec',
+    8: '#be93e4',
+    9: '#8e4ec6',
+    10: '#8347b9',
+    11: '#8145b5',
+    12: '#402060',
+};
+export var violet = {
+    1: '#fdfcfe',
+    2: '#faf8ff',
+    3: '#f4f0fe',
+    4: '#ebe4ff',
+    5: '#e1d9ff',
+    6: '#d4cafe',
+    7: '#c2b5f5',
+    8: '#aa99ec',
+    9: '#6e56cf',
+    10: '#654dc4',
+    11: '#6550b9',
+    12: '#2f265f',
+};
+export var iris = {
+    1: '#fdfdff',
+    2: '#f8f8ff',
+    3: '#f0f1fe',
+    4: '#e6e7ff',
+    5: '#dadcff',
+    6: '#cbcdff',
+    7: '#b8baf8',
+    8: '#9b9ef0',
+    9: '#5b5bd6',
+    10: '#5151cd',
+    11: '#5753c6',
+    12: '#272962',
+};
+export var indigo = {
+    1: '#fdfdfe',
+    2: '#f7f9ff',
+    3: '#edf2fe',
+    4: '#e1e9ff',
+    5: '#d2deff',
+    6: '#c1d0ff',
+    7: '#abbdf9',
+    8: '#8da4ef',
+    9: '#3e63dd',
+    10: '#3358d4',
+    11: '#3a5bc7',
+    12: '#1f2d5c',
+};
+export var blue = {
+    1: '#fbfdff',
+    2: '#f4faff',
+    3: '#e6f4fe',
+    4: '#d5efff',
+    5: '#c2e5ff',
+    6: '#acd8fc',
+    7: '#8ec8f6',
+    8: '#5eb1ef',
+    9: '#0090ff',
+    10: '#0588f0',
+    11: '#0d74ce',
+    12: '#113264',
+};
+export var cyan = {
+    1: '#fafdfe',
+    2: '#f2fafb',
+    3: '#def7f9',
+    4: '#caf1f6',
+    5: '#b5e9f0',
+    6: '#9ddde7',
+    7: '#7dcedc',
+    8: '#3db9cf',
+    9: '#00a2c7',
+    10: '#0797b9',
+    11: '#107d98',
+    12: '#0d3c48',
+};
+export var teal = {
+    1: '#fafefd',
+    2: '#f3fbf9',
+    3: '#e0f8f3',
+    4: '#ccf3ea',
+    5: '#b8eae0',
+    6: '#a1ded2',
+    7: '#83cdc1',
+    8: '#53b9ab',
+    9: '#12a594',
+    10: '#0d9b8a',
+    11: '#008573',
+    12: '#0d3d38',
+};
+export var jade = {
+    1: '#fbfefd',
+    2: '#f4fbf7',
+    3: '#e6f7ed',
+    4: '#d6f1e3',
+    5: '#c3e9d7',
+    6: '#acdec8',
+    7: '#8bceb6',
+    8: '#56ba9f',
+    9: '#29a383',
+    10: '#26997b',
+    11: '#208368',
+    12: '#1d3b31',
+};
+export var green = {
+    1: '#fbfefc',
+    2: '#f4fbf6',
+    3: '#e6f6eb',
+    4: '#d6f1df',
+    5: '#c4e8d1',
+    6: '#adddc0',
+    7: '#8eceaa',
+    8: '#5bb98b',
+    9: '#30a46c',
+    10: '#2b9a66',
+    11: '#218358',
+    12: '#193b2d',
+};
+export var grass = {
+    1: '#fbfefb',
+    2: '#f5fbf5',
+    3: '#e9f6e9',
+    4: '#daf1db',
+    5: '#c9e8ca',
+    6: '#b2ddb5',
+    7: '#94ce9a',
+    8: '#65ba74',
+    9: '#46a758',
+    10: '#3e9b4f',
+    11: '#2a7e3b',
+    12: '#203c25',
+};
+export var brown = {
+    1: '#fefdfc',
+    2: '#fcf9f6',
+    3: '#f6eee7',
+    4: '#f0e4d9',
+    5: '#ebdaca',
+    6: '#e4cdb7',
+    7: '#dcbc9f',
+    8: '#cea37e',
+    9: '#ad7f58',
+    10: '#a07553',
+    11: '#815e46',
+    12: '#3e332e',
+};
+export var bronze = {
+    1: '#fdfcfc',
+    2: '#fdf7f5',
+    3: '#f6edea',
+    4: '#efe4df',
+    5: '#e7d9d3',
+    6: '#dfcdc5',
+    7: '#d3bcb3',
+    8: '#c2a499',
+    9: '#a18072',
+    10: '#957468',
+    11: '#7d5e54',
+    12: '#43302b',
+};
+export var gold = {
+    1: '#fdfdfc',
+    2: '#faf9f2',
+    3: '#f2f0e7',
+    4: '#eae6db',
+    5: '#e1dccf',
+    6: '#d8d0bf',
+    7: '#cbc0aa',
+    8: '#b9a88d',
+    9: '#978365',
+    10: '#8c7a5e',
+    11: '#71624b',
+    12: '#3b352b',
+};
+export var sky = {
+    1: '#f9feff',
+    2: '#f1fafd',
+    3: '#e1f6fd',
+    4: '#d1f0fa',
+    5: '#bee7f5',
+    6: '#a9daed',
+    7: '#8dcae3',
+    8: '#60b3d7',
+    9: '#7ce2fe',
+    10: '#74daf8',
+    11: '#00749e',
+    12: '#1d3e56',
+};
+export var mint = {
+    1: '#f9fefd',
+    2: '#f2fbf9',
+    3: '#ddf9f2',
+    4: '#c8f4e9',
+    5: '#b3ecde',
+    6: '#9ce0d0',
+    7: '#7ecfbd',
+    8: '#4cbba5',
+    9: '#86ead4',
+    10: '#7de0cb',
+    11: '#027864',
+    12: '#16433c',
+};
+export var lime = {
+    1: '#fcfdfa',
+    2: '#f8faf3',
+    3: '#eef6d6',
+    4: '#e2f0bd',
+    5: '#d3e7a6',
+    6: '#c2da91',
+    7: '#abc978',
+    8: '#8db654',
+    9: '#bdee63',
+    10: '#b0e64c',
+    11: '#5c7c2f',
+    12: '#37401c',
+};
+export var yellow = {
+    1: '#fdfdf9',
+    2: '#fefce9',
+    3: '#fffab8',
+    4: '#fff394',
+    5: '#ffe770',
+    6: '#f3d768',
+    7: '#e4c767',
+    8: '#d5ae39',
+    9: '#ffe629',
+    10: '#ffdc00',
+    11: '#9e6c00',
+    12: '#473b1f',
+};
+export var amber = {
+    1: '#fefdfb',
+    2: '#fefbe9',
+    3: '#fff7c2',
+    4: '#ffee9c',
+    5: '#fbe577',
+    6: '#f3d673',
+    7: '#e9c162',
+    8: '#e2a336',
+    9: '#ffc53d',
+    10: '#ffba18',
+    11: '#ab6400',
+    12: '#4f3422',
+};
+export var orange = {
+    1: '#fefcfb',
+    2: '#fff7ed',
+    3: '#ffefd6',
+    4: '#ffdfb5',
+    5: '#ffd19a',
+    6: '#ffc182',
+    7: '#f5ae73',
+    8: '#ec9455',
+    9: '#f76b15',
+    10: '#ef5f00',
+    11: '#cc4e00',
+    12: '#582d1d',
+};

package/dist/components/Accordion/index.jsx

@@ -36,34 +36,34 @@ var accoridanVariants = cva('', {
 });
 export var Accordion = React.forwardRef(function (_a, forwardedRef) {
     var className = _a.className, children = _a.children, scaling = _a.scaling, rootProps = __rest(_a, ["className", "children", "scaling"]);
-    return (<AccordionPrimitive.Root className={cn('w-[280px] rounded-md border border-slateA-4 dark:border-slateDarkA-4', accoridanVariants({ scaling: scaling }), className)} {...rootProps} ref={forwardedRef}>
-      {children}
+    return (<AccordionPrimitive.Root className={cn('w-[280px] rounded-md border border-slateA-4 dark:border-slateDarkA-4', accoridanVariants({ scaling: scaling }), className)} {...rootProps} ref={forwardedRef}>
+      {children}
     </AccordionPrimitive.Root>);
 });
 Accordion.displayName = 'AccordionRoot';
 export var AccordionItem = React.forwardRef(function (_a, forwardedRef) {
     var className = _a.className, children = _a.children, rootProps = __rest(_a, ["className", "children"]);
-    return (<AccordionPrimitive.Item {...rootProps} ref={forwardedRef} className={cn('w-[278px] mt-px overflow-hidden first:mt-0 first:rounded-t last:rounded-b ', className)}>
-      {children}
+    return (<AccordionPrimitive.Item {...rootProps} ref={forwardedRef} className={cn('w-[278px] mt-px overflow-hidden first:mt-0 first:rounded-t last:rounded-b ', className)}>
+      {children}
     </AccordionPrimitive.Item>);
 });
 AccordionItem.displayName = 'AccordionItem';
 export var AccordionTrigger = 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"]);
-    return (<AccordionPrimitive.Header {...rootProps} className={cn('flex', className)}>
-      <AccordionPrimitive.Trigger {...rootProps} ref={forwardedRef} className={cn(" w-[278px] group flex h-[44px] cursor-default items-center justify-between py-[10px] px-[20px] 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:dark:bg-slateDarkA-3 disabled:text-slateA-3 disabled:dark:text-slateDarkA-8", className)}>
-        {children}
-        <ChevronDownIcon className="ease-[cubic-bezier(0.87,_0,_0.13,_1)] transition-transform duration-300 group-data-[state=open]:rotate-180" aria-hidden/>
-      </AccordionPrimitive.Trigger>
+    return (<AccordionPrimitive.Header {...rootProps} className={cn('flex', className)}>
+      <AccordionPrimitive.Trigger {...rootProps} ref={forwardedRef} className={cn(" w-[278px] group flex h-[44px] cursor-default items-center justify-between py-[10px] px-[20px] 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:dark:bg-slateDarkA-3 disabled:text-slateA-3 disabled:dark:text-slateDarkA-8", className)}>
+        {children}
+        <ChevronDownIcon className="ease-[cubic-bezier(0.87,_0,_0.13,_1)] transition-transform duration-300 group-data-[state=open]:rotate-180" aria-hidden/>
+      </AccordionPrimitive.Trigger>
     </AccordionPrimitive.Header>);
 });
 AccordionTrigger.displayName = 'AccordionTrigger';
 export var AccordionContent = React.forwardRef(function (_a, forwardedRef) {
     var className = _a.className, children = _a.children, rootProps = __rest(_a, ["className", "children"]);
-    return (<AccordionPrimitive.Content {...rootProps} ref={forwardedRef} className={cn('w-[278px] max-h-[800px] bg-slateA-2 dark:bg-slateDarkA-2 border-t border-t-slateA-4 dark:border-t-slateDarkA-4 text-slateA-11 dark:text-slateDarkA-11 data-[state=open]:animate-slideDown data-[state=closed]:animate-slideUp overflow-hidden text-[16px]', className)}>
-      <div className="px-[20px] py-[15px] text-base font-normal h-auto max-h-[1000px] overflow-y-auto">
-        {children}
-      </div>
+    return (<AccordionPrimitive.Content {...rootProps} ref={forwardedRef} className={cn('w-[278px] max-h-[800px] bg-slateA-2 dark:bg-slateDarkA-2 border-t border-t-slateA-4 dark:border-t-slateDarkA-4 text-slateA-11 dark:text-slateDarkA-11 data-[state=open]:animate-slideDown data-[state=closed]:animate-slideUp overflow-hidden text-[16px]', className)}>
+      <div className="px-[20px] py-[15px] text-base font-normal h-auto max-h-[1000px] overflow-y-auto">
+        {children}
+      </div>
     </AccordionPrimitive.Content>);
 });
 AccordionContent.displayName = 'AccordionContent';

package/dist/components/AlertDialog/AlertDialogAction.jsx

@@ -53,8 +53,8 @@ export var alertDialogActionVariants = cva("inline-flex items-center justify-cen
 export var AlertDialogAction = forwardRef(function (_a, ref) {
     var className = _a.className, children = _a.children, radius = _a.radius, 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", "weight", "size", "color", "appearance"]);
     var buttonClassName = cn(alertDialogActionVariants({ radius: radius, size: size, weight: weight, color: color }), appearanceStyle(appearance, color), className);
-    return (<AlertDialogPrimitive.Action ref={ref} className={buttonClassName} {...props}>
-        {children}
+    return (<AlertDialogPrimitive.Action ref={ref} className={buttonClassName} {...props}>
+        {children}
       </AlertDialogPrimitive.Action>);
 });
 AlertDialogAction.displayName = 'AlertDialogAction';

package/dist/components/AlertDialog/AlertDialogCancel.jsx

@@ -50,8 +50,8 @@ export var alertDialogCancelVariants = cva("inline-flex justify-center items-cen
 });
 export var AlertDialogCancel = forwardRef(function (_a, ref) {
     var className = _a.className, children = _a.children, radius = _a.radius, size = _a.size, weight = _a.weight, _b = _a.appearance, appearance = _b === void 0 ? 'solid' : _b, props = __rest(_a, ["className", "children", "radius", "size", "weight", "appearance"]);
-    return (<AlertDialogPrimitive.Cancel ref={ref} {...props} className={cn(alertDialogCancelVariants({ radius: radius, size: size, weight: weight }), className)}>
-      {children}
+    return (<AlertDialogPrimitive.Cancel ref={ref} {...props} className={cn(alertDialogCancelVariants({ radius: radius, size: size, weight: weight }), className)}>
+      {children}
     </AlertDialogPrimitive.Cancel>);
 });
 AlertDialogCancel.displayName = 'AlertDialogCancel';

package/dist/components/AlertDialog/AlertDialogContent.jsx

@@ -43,11 +43,11 @@ export var alertDialogContentVariants = cva("fixed max-h-[85vh] top-[50%] left-[
 });
 export var AlertDialogContent = forwardRef(function (_a, ref) {
     var className = _a.className, children = _a.children, radius = _a.radius, size = _a.size, scaling = _a.scaling, props = __rest(_a, ["className", "children", "radius", "size", "scaling"]);
-    return (<AlertDialogPrimitive.Portal>
-      <AlertDialogPrimitive.Overlay className="fixed data-[state=open]:animate-overlayShow inset-0"/>
-      <AlertDialogPrimitive.Content className={cn(alertDialogContentVariants({ radius: radius, size: size, scaling: scaling }), className)} ref={ref} {...props}>
-        {children}
-      </AlertDialogPrimitive.Content>
+    return (<AlertDialogPrimitive.Portal>
+      <AlertDialogPrimitive.Overlay className="fixed data-[state=open]:animate-overlayShow inset-0"/>
+      <AlertDialogPrimitive.Content className={cn(alertDialogContentVariants({ radius: radius, size: size, scaling: scaling }), className)} ref={ref} {...props}>
+        {children}
+      </AlertDialogPrimitive.Content>
     </AlertDialogPrimitive.Portal>);
 });
 AlertDialogContent.displayName = 'AlertDialogContent';

package/dist/components/AlertDialog/AlertDialogDescription.jsx

@@ -28,8 +28,8 @@ export var alertDialogDescriptionVariants = cva("text-slate-12 dark:text-slateDa
 });
 export var AlertDialogDescription = forwardRef(function (_a, ref) {
     var className = _a.className, children = _a.children, size = _a.size, contentText = _a.contentText, props = __rest(_a, ["className", "children", "size", "contentText"]);
-    return (<AlertDialogPrimitive.Description className={cn(alertDialogDescriptionVariants({ size: size }), className)} ref={ref} {...props}>
-      {contentText !== null && contentText !== void 0 ? contentText : children}
+    return (<AlertDialogPrimitive.Description className={cn(alertDialogDescriptionVariants({ size: size }), className)} ref={ref} {...props}>
+      {contentText !== null && contentText !== void 0 ? contentText : children}
     </AlertDialogPrimitive.Description>);
 });
 AlertDialogDescription.displayName = 'AlertDialogDescription';

package/dist/components/AlertDialog/AlertDialogTitle.jsx

@@ -28,8 +28,8 @@ export var alertDialogTitleVariants = cva("m-0 text-slate-12 dark:text-slateDark
 });
 export var AlertDialogTitle = forwardRef(function (_a, ref) {
     var className = _a.className, children = _a.children, size = _a.size, titleText = _a.titleText, props = __rest(_a, ["className", "children", "size", "titleText"]);
-    return (<AlertDialogPrimitive.Title className={cn(alertDialogTitleVariants({ size: size }), className)} ref={ref} {...props}>
-      {titleText !== null && titleText !== void 0 ? titleText : children}
+    return (<AlertDialogPrimitive.Title className={cn(alertDialogTitleVariants({ size: size }), className)} ref={ref} {...props}>
+      {titleText !== null && titleText !== void 0 ? titleText : children}
     </AlertDialogPrimitive.Title>);
 });
 AlertDialogTitle.displayName = 'AlertDialogTitle';

package/dist/components/AlertDialog/AlertDialogTrigger.jsx

@@ -49,8 +49,8 @@ var buttonVariants = cva("inline-flex items-center transition-colors focus:outli
 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);
-    return (<AlertDialogPrimitive.Trigger asChild ref={ref} className={buttonClassName} {...props}>
-        {children}
+    return (<AlertDialogPrimitive.Trigger asChild ref={ref} className={buttonClassName} {...props}>
+        {children}
       </AlertDialogPrimitive.Trigger>);
 });
 AlertDialogTrigger.displayName = 'AlertDialogTrigger';

package/dist/components/AspectRatio/index.jsx

@@ -35,8 +35,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 (<AspectRatioPrimitive.Root ratio={ratio} ref={ref} {...props} className={cn(aspectRatioVariants({ scaling: scaling }), className)}>
-      {children}
+    return (<AspectRatioPrimitive.Root ratio={ratio} ref={ref} {...props} className={cn(aspectRatioVariants({ scaling: scaling }), className)}>
+      {children}
     </AspectRatioPrimitive.Root>);
 });
 AspectRatio.displayName = 'AspectRatio';

package/dist/components/Avatar/index.jsx

@@ -50,11 +50,11 @@ 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, props = __rest(_a, ["className", "fallbackClassName", "radius", "scaling", "size", "fallbackText", "imagePath", "alt", "appearance", "color"]);
-    return (<AvatarPrimitive.Root 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}>
-        <AvatarPrimitive.Image className="h-full w-full object-cover border-none" src={imagePath} alt={alt}/>
-        <AvatarPrimitive.Fallback className={cn("leading-1 flex h-full w-full items-center justify-center", className)} delayMs={300}>
-          {fallbackText}
-        </AvatarPrimitive.Fallback>
+    return (<AvatarPrimitive.Root 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}>
+        <AvatarPrimitive.Image className="h-full w-full object-cover border-none" src={imagePath} alt={alt}/>
+        <AvatarPrimitive.Fallback className={cn("leading-1 flex h-full w-full items-center justify-center", className)} delayMs={300}>
+          {fallbackText}
+        </AvatarPrimitive.Fallback>
       </AvatarPrimitive.Root>);
 });
 Avatar.displayName = 'Avatar';

package/dist/components/Badge/index.jsx

@@ -47,8 +47,8 @@ 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);
-    return (<div ref={ref} className={badgeClassName} {...props}>
-        {children}
+    return (<div ref={ref} className={badgeClassName} {...props}>
+        {children}
       </div>);
 });
 Badge.displayName = 'Badge';

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

@@ -23,7 +23,7 @@ export interface BubbleChartProps extends VariantProps<typeof bubbleChartVariant
     height?: string | number;
 }
 declare const bubbleChartVariants: (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;
 export declare const BubbleChart: {
     ({ className, datasets, scaling, width, height, ...props }: BubbleChartProps): React.JSX.Element;

package/dist/components/Button/index.jsx

@@ -49,8 +49,8 @@ var buttonVariants = cva("inline-flex items-center transition-colors focus:outli
 export var Button = forwardRef(function (_a, ref) {
     var className = _a.className, children = _a.children, 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, ["className", "children", "radius", "scaling", "size", "weight", "color", "appearance"]);
     var buttonClassName = cn(buttonVariants({ radius: radius, scaling: scaling, size: size, weight: weight, color: color }), appearanceStyle(appearance, color, true), className);
-    return (<button ref={ref} className={buttonClassName} {...props}>
-        {children}
+    return (<button ref={ref} className={buttonClassName} {...props}>
+        {children}
       </button>);
 });
 Button.displayName = 'Button';

package/dist/components/Callout/CalloutIcon.jsx

@@ -51,12 +51,12 @@ var calloutIconVariants = cva('flex items-center text-slate-12 dark:text-slateDa
 export var CalloutIcon = forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, iconType = _a.iconType, props = __rest(_a, ["children", "className", "iconType"]);
     var _b = useCalloutContext(), scaling = _b.scaling, size = _b.size, color = _b.color;
-    return (<CalloutTheme.Icon ref={ref} className={cn(calloutIconVariants({ color: color, size: size, scaling: scaling }), className)} {...props}>
-      {iconType === 'danger' && <ExclamationTriangleIcon />}
-      {iconType === 'warning' && <LockClosedIcon />}
-      {iconType === 'success' && <CheckCircledIcon />}
-      {iconType === 'information' && <InfoCircledIcon />}
-      {children}
+    return (<CalloutTheme.Icon ref={ref} className={cn(calloutIconVariants({ color: color, size: size, scaling: scaling }), className)} {...props}>
+      {iconType === 'danger' && <ExclamationTriangleIcon />}
+      {iconType === 'warning' && <LockClosedIcon />}
+      {iconType === 'success' && <CheckCircledIcon />}
+      {iconType === 'information' && <InfoCircledIcon />}
+      {children}
     </CalloutTheme.Icon>);
 });
 CalloutIcon.displayName = 'CalloutIcon';

package/dist/components/Callout/CalloutText.jsx

@@ -35,8 +35,8 @@ export var calloutTextVariants = cva('break-words font-normal text-slate-12 dark
 export var CalloutText = forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, contentText = _a.contentText, props = __rest(_a, ["children", "className", "contentText"]);
     var _b = useCalloutContext(), size = _b.size, color = _b.color;
-    return (<p ref={ref} className={cn(calloutTextVariants({ size: size, color: color }), className)} {...props}>
-      {contentText !== null && contentText !== void 0 ? contentText : children}
+    return (<p ref={ref} className={cn(calloutTextVariants({ size: size, color: color }), className)} {...props}>
+      {contentText !== null && contentText !== void 0 ? contentText : children}
     </p>);
 });
 CalloutText.displayName = 'CalloutText';

package/dist/components/Callout/index.jsx

@@ -68,10 +68,10 @@ export var Callout = forwardRef(function (_a, ref) {
     };
     var calloutClassName = cn(calloutVariants({ radius: radius, scaling: scaling, size: size, color: color }), appearanceStyle(appearance, colorMap[color], false), className);
     var contextValue = { size: size, scaling: scaling, color: color };
-    return (<CalloutContext.Provider value={contextValue}>
-        <CalloutTheme.Root ref={ref} {...props} className={calloutClassName}>
-          {children}
-        </CalloutTheme.Root>
+    return (<CalloutContext.Provider value={contextValue}>
+        <CalloutTheme.Root ref={ref} {...props} className={calloutClassName}>
+          {children}
+        </CalloutTheme.Root>
       </CalloutContext.Provider>);
 });
 Callout.displayName = 'Callout';

package/dist/components/Card/index.jsx

@@ -57,8 +57,8 @@ var Card = forwardRef(function (_a, ref) {
     if (appearance === 'ghost') {
         appearanceClassName = 'border-transparent';
     }
-    return (<div className={cn(cardVariants({ radius: radius, scaling: scaling, size: size }), appearanceClassName, className)} ref={ref} {...props}>
-        {children}
+    return (<div className={cn(cardVariants({ radius: radius, scaling: scaling, size: size }), appearanceClassName, className)} ref={ref} {...props}>
+        {children}
       </div>);
 });
 Card.displayName = 'Card';