@lotte-innovate/ui-component-test 0.2.40 → 0.2.42

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

@@ -1,36 +0,0 @@
-import React from 'react';
-import { Select as SelectTheme } from '@radix-ui/themes';
-import { VariantProps } from 'class-variance-authority';
-import { IRadius, IScaling } from '../../../lib/types';
-export interface SelectProps extends VariantProps<typeof selectVariants> {
-    label?: string;
-    defaultValue?: string;
-    selected?: string;
-    disabled?: boolean;
-    color?: any;
-    scaling?: IScaling;
-    appearance?: 'classic' | 'surface' | 'soft' | 'ghost';
-    size?: 'small' | 'medium' | 'large';
-    radius?: IRadius;
-}
-declare const selectVariants: (props?: ({
-    radius?: "none" | "small" | "medium" | "large" | "full" | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
-export declare const useSelectContext: () => SelectProps;
-export declare const Root: React.ForwardRefExoticComponent<SelectTheme.RootProps & SelectProps & React.RefAttributes<never>>;
-export declare const Trigger: React.ForwardRefExoticComponent<Omit<SelectTheme.TriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & SelectProps & React.RefAttributes<HTMLButtonElement>>;
-export declare const Content: React.ForwardRefExoticComponent<Omit<SelectTheme.ContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & SelectProps & React.RefAttributes<HTMLDivElement>>;
-export declare const Item: React.ForwardRefExoticComponent<Omit<SelectTheme.ItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & SelectProps & React.RefAttributes<HTMLDivElement>>;
-export declare const Group: React.ForwardRefExoticComponent<Omit<SelectTheme.GroupProps & React.RefAttributes<HTMLDivElement>, "ref"> & SelectProps & React.RefAttributes<HTMLDivElement>>;
-export declare const Label: React.ForwardRefExoticComponent<Omit<SelectTheme.LabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & SelectProps & React.RefAttributes<HTMLDivElement>>;
-export declare const Separator: React.ForwardRefExoticComponent<Omit<SelectTheme.SeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & SelectProps & React.RefAttributes<HTMLDivElement>>;
-declare const Select: {
-    Root: React.ForwardRefExoticComponent<SelectTheme.RootProps & SelectProps & React.RefAttributes<never>>;
-    Trigger: React.ForwardRefExoticComponent<Omit<SelectTheme.TriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & SelectProps & React.RefAttributes<HTMLButtonElement>>;
-    Content: React.ForwardRefExoticComponent<Omit<SelectTheme.ContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & SelectProps & React.RefAttributes<HTMLDivElement>>;
-    Item: React.ForwardRefExoticComponent<Omit<SelectTheme.ItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & SelectProps & React.RefAttributes<HTMLDivElement>>;
-    Group: React.ForwardRefExoticComponent<Omit<SelectTheme.GroupProps & React.RefAttributes<HTMLDivElement>, "ref"> & SelectProps & React.RefAttributes<HTMLDivElement>>;
-    Label: React.ForwardRefExoticComponent<Omit<SelectTheme.LabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & SelectProps & React.RefAttributes<HTMLDivElement>>;
-    Separator: React.ForwardRefExoticComponent<Omit<SelectTheme.SeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & SelectProps & React.RefAttributes<HTMLDivElement>>;
-};
-export default Select;

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

@@ -1,112 +0,0 @@
-'use client';
-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 React, { createContext, useContext } from 'react';
-import { Theme, Select as SelectTheme } from '@radix-ui/themes';
-import { cva } from 'class-variance-authority';
-import { cn } from '../../../lib/utils/utils';
-import { radiusVariants, selectAppearanceStyle } from '../../../lib/constants';
-import { useTheme } from '../../../lib/theme';
-import { MAIN_COLOR } from '../../../lib/color/constants';
-var selectVariants = cva('', {
-    variants: {
-        radius: __assign({}, radiusVariants['base']),
-    },
-    defaultVariants: {
-        radius: 'medium',
-    },
-});
-var SelectContext = createContext({
-    size: 'medium',
-    scaling: '100%',
-    color: MAIN_COLOR,
-    radius: 'medium',
-    appearance: 'classic',
-});
-export var useSelectContext = function () {
-    return useContext(SelectContext);
-};
-export var Root = React.forwardRef(function (_a, ref) {
-    var _b;
-    var scaling = _a.scaling, size = _a.size, color = _a.color, radius = _a.radius, appearance = _a.appearance, children = _a.children, props = __rest(_a, ["scaling", "size", "color", "radius", "appearance", "children"]);
-    var theme = useTheme().theme;
-    var sizeTheme = '2';
-    if (size === 'small')
-        sizeTheme = '1';
-    if (size === 'large')
-        sizeTheme = '3';
-    var contextValue = {
-        scaling: scaling !== null && scaling !== void 0 ? scaling : theme.themeScaling,
-        color: (_b = color !== null && color !== void 0 ? color : theme.themeColor) !== null && _b !== void 0 ? _b : MAIN_COLOR,
-        radius: radius !== null && radius !== void 0 ? radius : theme.themeRadius,
-        size: size,
-        sizeTheme: sizeTheme,
-        appearance: appearance,
-    };
-    return (_jsx(SelectContext.Provider, { value: contextValue, children: _jsx(Theme, { scaling: contextValue.scaling, accentColor: contextValue.color, hasBackground: false, children: _jsx("div", { ref: ref, children: _jsx(SelectTheme.Root, __assign({ size: sizeTheme }, props, { children: children })) }) }) }));
-});
-Root.displayName = 'Select.Root';
-export var Trigger = React.forwardRef(function (_a, forwardedRef) {
-    var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
-    var _b = useSelectContext(), _c = _b.radius, radius = _c === void 0 ? 'medium' : _c, color = _b.color, _d = _b.appearance, appearance = _d === void 0 ? 'classic' : _d;
-    return (_jsx(SelectTheme.Trigger, __assign({ ref: forwardedRef, variant: appearance, radius: radius, className: cn(selectVariants({ radius: radius }), selectAppearanceStyle(appearance, color), className) }, props, { children: children })));
-});
-Trigger.displayName = 'Select.Trigger';
-export var Content = React.forwardRef(function (_a, forwardedRef) {
-    var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
-    var _b = useSelectContext(), radius = _b.radius, color = _b.color;
-    return (_jsx(SelectTheme.Content, __assign({ ref: forwardedRef, color: color, position: "popper", className: cn(selectVariants({ radius: radius == 'full' ? 'large' : radius }), className) }, props, { children: children })));
-});
-Content.displayName = 'Select.Content';
-export var Item = React.forwardRef(function (_a, forwardedRef) {
-    var value = _a.value, children = _a.children, className = _a.className, props = __rest(_a, ["value", "children", "className"]);
-    var radius = useSelectContext().radius;
-    return (_jsx(SelectTheme.Item, __assign({ ref: forwardedRef, value: value }, props, { className: cn(selectVariants({ radius: radius }), className), children: children })));
-});
-Item.displayName = 'Select.Item';
-export var Group = React.forwardRef(function (_a, forwardedRef) {
-    var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
-    return (_jsx(SelectTheme.Group, __assign({ ref: forwardedRef }, props, { className: className, children: children })));
-});
-Group.displayName = 'Select.Group';
-export var Label = React.forwardRef(function (_a, forwardedRef) {
-    var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
-    return (_jsx(SelectTheme.Label, __assign({ ref: forwardedRef }, props, { className: className, children: children })));
-});
-Label.displayName = 'Select.Label';
-export var Separator = React.forwardRef(function (_a, forwardedRef) {
-    var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
-    return (_jsx(SelectTheme.Separator, __assign({ ref: forwardedRef }, props, { className: className, children: children })));
-});
-Separator.displayName = 'Select.Separator';
-var Select = {
-    Root: Root,
-    Trigger: Trigger,
-    Content: Content,
-    Item: Item,
-    Group: Group,
-    Label: Label,
-    Separator: Separator,
-};
-export default Select;

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

@@ -1,3 +0,0 @@
-"use client";
-import{jsx as r}from"react/jsx-runtime";import e,{createContext as a,useContext as l}from"react";import{Theme as i,Select as n}from"@radix-ui/themes";import{cva as c}from"class-variance-authority";import{cn as o}from"../../utils/utils.mjs";import{radiusVariants as s,selectAppearanceStyle as t}from"../../constants.mjs";import{useTheme as m}from"../../theme/ThemeProvider.mjs";import{MAIN_COLOR as d}from"../../color/constants.mjs";var u=function(){return u=Object.assign||function(r){for(var e,a=1,l=arguments.length;a<l;a++)for(var i in e=arguments[a])Object.prototype.hasOwnProperty.call(e,i)&&(r[i]=e[i]);return r},u.apply(this,arguments)},f=function(r,e){var a={};for(var l in r)Object.prototype.hasOwnProperty.call(r,l)&&e.indexOf(l)<0&&(a[l]=r[l]);if(null!=r&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(l=Object.getOwnPropertySymbols(r);i<l.length;i++)e.indexOf(l[i])<0&&Object.prototype.propertyIsEnumerable.call(r,l[i])&&(a[l[i]]=r[l[i]])}return a},p=c("",{variants:{radius:u({},s.base)},defaultVariants:{radius:"medium"}}),h=a({size:"medium",scaling:"100%",color:d,radius:"medium",appearance:"classic"}),v=function(){return l(h)},N=e.forwardRef((function(e,a){var l,c=e.scaling,o=e.size,s=e.color,t=e.radius,p=e.appearance,v=e.children,N=f(e,["scaling","size","color","radius","appearance","children"]),g=m().theme,y="2";"small"===o&&(y="1"),"large"===o&&(y="3");var S={scaling:null!=c?c:g.themeScaling,color:null!==(l=null!=s?s:g.themeColor)&&void 0!==l?l:d,radius:null!=t?t:g.themeRadius,size:o,sizeTheme:y,appearance:p};return r(h.Provider,{value:S,children:r(i,{scaling:S.scaling,accentColor:S.color,hasBackground:!1,children:r("div",{ref:a,children:r(n.Root,u({size:y},N,{children:v}))})})})}));N.displayName="Select.Root";var g=e.forwardRef((function(e,a){var l=e.children,i=e.className,c=f(e,["children","className"]),s=v(),m=s.radius,d=void 0===m?"medium":m,h=s.color,N=s.appearance,g=void 0===N?"classic":N;return r(n.Trigger,u({ref:a,variant:g,radius:d,className:o(p({radius:d}),t(g,h),i)},c,{children:l}))}));g.displayName="Select.Trigger";var y=e.forwardRef((function(e,a){var l=e.children,i=e.className,c=f(e,["children","className"]),s=v(),t=s.radius,m=s.color;return r(n.Content,u({ref:a,color:m,position:"popper",className:o(p({radius:"full"==t?"large":t}),i)},c,{children:l}))}));y.displayName="Select.Content";var S=e.forwardRef((function(e,a){var l=e.value,i=e.children,c=e.className,s=f(e,["value","children","className"]),t=v().radius;return r(n.Item,u({ref:a,value:l},s,{className:o(p({radius:t}),c),children:i}))}));S.displayName="Select.Item";var b=e.forwardRef((function(e,a){var l=e.children,i=e.className,c=f(e,["children","className"]);return r(n.Group,u({ref:a},c,{className:i,children:l}))}));b.displayName="Select.Group";var O=e.forwardRef((function(e,a){var l=e.children,i=e.className,c=f(e,["children","className"]);return r(n.Label,u({ref:a},c,{className:i,children:l}))}));O.displayName="Select.Label";var j=e.forwardRef((function(e,a){var l=e.children,i=e.className,c=f(e,["children","className"]);return r(n.Separator,u({ref:a},c,{className:i,children:l}))}));j.displayName="Select.Separator";var w={Root:N,Trigger:g,Content:y,Item:S,Group:b,Label:O,Separator:j};export{y as Content,b as Group,S as Item,O as Label,N as Root,j as Separator,g as Trigger,w as default,v as useSelectContext};
-//# sourceMappingURL=index.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

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

@@ -1,11 +0,0 @@
-import React from 'react';
-import { VariantProps } from 'class-variance-authority';
-export interface SeparatorProps extends VariantProps<typeof separatorVariants> {
-    size?: 'small' | 'medium' | 'large' | 'fill-large';
-}
-declare const separatorVariants: (props?: ({
-    scaling?: "90%" | "95%" | "100%" | "105%" | "110%" | null | undefined;
-    color?: string | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
-export declare const Separator: React.ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/themes").SeparatorProps & React.RefAttributes<HTMLSpanElement>, "ref">, "size"> & SeparatorProps & React.RefAttributes<HTMLSpanElement>>;
-export default Separator;

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

@@ -1,55 +0,0 @@
-'use client';
-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 React from 'react';
-import { cva } from 'class-variance-authority';
-import { cn } from '../../../lib/utils/utils';
-import { bgColorStyle, scalingVariants } from '../../../lib/constants';
-import { Separator as SeparatorTheme, Theme } from '@radix-ui/themes';
-import { useTheme } from '../../../lib/theme';
-var separatorVariants = cva('', {
-    variants: {
-        scaling: __assign({}, scalingVariants),
-        color: bgColorStyle(),
-    },
-});
-export var Separator = React.forwardRef(function (_a, forwardedRef) {
-    var _b;
-    var orientation = _a.orientation, scaling = _a.scaling, size = _a.size, color = _a.color, className = _a.className, children = _a.children, props = __rest(_a, ["orientation", "scaling", "size", "color", "className", "children"]);
-    var theme = useTheme().theme;
-    var separatorStyle = {
-        scaling: scaling !== null && scaling !== void 0 ? scaling : theme.themeScaling,
-        color: (_b = color !== null && color !== void 0 ? color : theme.themeColor) !== null && _b !== void 0 ? _b : 'slate',
-    };
-    var sizeTheme = '1';
-    if (size === 'medium')
-        sizeTheme = '2';
-    if (size === 'large')
-        sizeTheme = '3';
-    if (size === 'fill-large')
-        sizeTheme = '4';
-    return (_jsx(Theme, { hasBackground: false, className: "flex items-center justify-center", children: _jsx(SeparatorTheme, __assign({ orientation: orientation, size: sizeTheme, className: cn("bg-".concat(separatorStyle.color, "A-6 dark:bg-").concat(separatorStyle.color, "DarkA-6"), separatorVariants({ scaling: separatorStyle.scaling }), className) }, props, { children: children })) }));
-});
-Separator.displayName = 'Separator';
-export default Separator;

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

@@ -1,3 +0,0 @@
-"use client";
-import{jsx as r}from"react/jsx-runtime";import e from"react";import{cva as t}from"class-variance-authority";import{cn as o}from"../../utils/utils.mjs";import{scalingVariants as a,bgColorStyle as n}from"../../constants.mjs";import{Theme as i,Separator as l}from"@radix-ui/themes";import{useTheme as c}from"../../theme/ThemeProvider.mjs";var s=function(){return s=Object.assign||function(r){for(var e,t=1,o=arguments.length;t<o;t++)for(var a in e=arguments[t])Object.prototype.hasOwnProperty.call(e,a)&&(r[a]=e[a]);return r},s.apply(this,arguments)},m=function(r,e){var t={};for(var o in r)Object.prototype.hasOwnProperty.call(r,o)&&e.indexOf(o)<0&&(t[o]=r[o]);if(null!=r&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(o=Object.getOwnPropertySymbols(r);a<o.length;a++)e.indexOf(o[a])<0&&Object.prototype.propertyIsEnumerable.call(r,o[a])&&(t[o[a]]=r[o[a]])}return t},f=t("",{variants:{scaling:s({},a),color:n()}}),p=e.forwardRef((function(e,t){var a,n=e.orientation,p=e.scaling,u=e.size,g=e.color,h=e.className,d=e.children,y=m(e,["orientation","scaling","size","color","className","children"]),O=c().theme,b={scaling:null!=p?p:O.themeScaling,color:null!==(a=null!=g?g:O.themeColor)&&void 0!==a?a:"slate"},j="1";return"medium"===u&&(j="2"),"large"===u&&(j="3"),"fill-large"===u&&(j="4"),r(i,{hasBackground:!1,className:"flex items-center justify-center",children:r(l,s({orientation:n,size:j,className:o("bg-".concat(b.color,"A-6 dark:bg-").concat(b.color,"DarkA-6"),f({scaling:b.scaling}),h)},y,{children:d}))})}));p.displayName="Separator";export{p as Separator,p as default};
-//# sourceMappingURL=index.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

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

@@ -1,21 +0,0 @@
-import React from 'react';
-import { VariantProps } from 'class-variance-authority';
-import * as ReactProSidebar from 'react-pro-sidebar';
-export interface SidebarProps extends VariantProps<typeof sidebarVariants> {
-    size?: 'small' | 'medium' | 'large' | 'fill-large';
-}
-declare const sidebarVariants: (props?: ({
-    scaling?: "90%" | "95%" | "100%" | "105%" | "110%" | null | undefined;
-    color?: string | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
-export declare const Root: React.ForwardRefExoticComponent<Omit<Omit<ReactProSidebar.SidebarProps & React.RefAttributes<HTMLHtmlElement>, "ref">, "size"> & SidebarProps & React.RefAttributes<HTMLHtmlElement>>;
-export declare const Menu: React.ForwardRefExoticComponent<Omit<Omit<ReactProSidebar.MenuProps & React.RefAttributes<HTMLMenuElement>, "ref">, "size"> & SidebarProps & React.RefAttributes<HTMLMenuElement>>;
-export declare const Item: React.ForwardRefExoticComponent<Omit<Omit<ReactProSidebar.MenuItemProps & React.RefAttributes<HTMLLIElement>, "ref">, "size"> & SidebarProps & React.RefAttributes<HTMLLIElement>>;
-export declare const SubMenu: React.ForwardRefExoticComponent<Omit<Omit<ReactProSidebar.SubMenuProps & React.RefAttributes<HTMLLIElement>, "ref">, "size"> & SidebarProps & React.RefAttributes<HTMLLIElement>>;
-declare const Sidebar: {
-    Root: React.ForwardRefExoticComponent<Omit<Omit<ReactProSidebar.SidebarProps & React.RefAttributes<HTMLHtmlElement>, "ref">, "size"> & SidebarProps & React.RefAttributes<HTMLHtmlElement>>;
-    Menu: React.ForwardRefExoticComponent<Omit<Omit<ReactProSidebar.MenuProps & React.RefAttributes<HTMLMenuElement>, "ref">, "size"> & SidebarProps & React.RefAttributes<HTMLMenuElement>>;
-    Item: React.ForwardRefExoticComponent<Omit<Omit<ReactProSidebar.MenuItemProps & React.RefAttributes<HTMLLIElement>, "ref">, "size"> & SidebarProps & React.RefAttributes<HTMLLIElement>>;
-    SubMenu: React.ForwardRefExoticComponent<Omit<Omit<ReactProSidebar.SubMenuProps & React.RefAttributes<HTMLLIElement>, "ref">, "size"> & SidebarProps & React.RefAttributes<HTMLLIElement>>;
-};
-export default Sidebar;

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

@@ -1,100 +0,0 @@
-'use client';
-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 React from 'react';
-import { cva } from 'class-variance-authority';
-import { cn } from '../../../lib/utils/utils';
-import { bgColorStyle, scalingVariants } from '../../../lib/constants';
-import { useTheme } from '../../../lib/theme';
-import * as ReactProSidebar from 'react-pro-sidebar';
-import { useWindowSize } from '../../../lib/utils/useWindowSize';
-import * as alphaColors from '../../../lib/color/alpha';
-var sidebarVariants = cva('', {
-    variants: {
-        scaling: __assign({}, scalingVariants),
-        color: bgColorStyle(),
-    },
-});
-export var Root = React.forwardRef(function (_a, forwardedRef) {
-    var _b;
-    var scaling = _a.scaling, size = _a.size, color = _a.color, className = _a.className, children = _a.children, props = __rest(_a, ["scaling", "size", "color", "className", "children"]);
-    var theme = useTheme().theme;
-    var windowSize = useWindowSize();
-    var sidebarStyle = {
-        scaling: scaling !== null && scaling !== void 0 ? scaling : theme.themeScaling,
-        color: (_b = color !== null && color !== void 0 ? color : theme.themeColor) !== null && _b !== void 0 ? _b : 'slate',
-    };
-    return (_jsx(ReactProSidebar.Sidebar, __assign({ className: cn("bg-".concat(sidebarStyle.color, "A-6 dark:bg-").concat(sidebarStyle.color, "DarkA-6"), sidebarVariants({ scaling: sidebarStyle.scaling }), className) }, props, { collapsed: props.collapsed === undefined ? windowSize <= 250 : props.collapsed, children: children })));
-});
-Root.displayName = 'Sidebar.Root';
-export var Menu = React.forwardRef(function (_a, forwardedRef) {
-    var _b;
-    var scaling = _a.scaling, size = _a.size, color = _a.color, className = _a.className, menuItemStyles = _a.menuItemStyles, children = _a.children, props = __rest(_a, ["scaling", "size", "color", "className", "menuItemStyles", "children"]);
-    var heigthSize = '50px';
-    var fontSize = '16px';
-    if (size == 'small') {
-        heigthSize = '40px';
-        fontSize = '14px';
-    }
-    if (size == 'large') {
-        heigthSize = '60px';
-        fontSize = '18px';
-    }
-    var theme = useTheme().theme;
-    var sidebarStyle = {
-        scaling: scaling !== null && scaling !== void 0 ? scaling : theme.themeScaling,
-        color: (_b = color !== null && color !== void 0 ? color : theme.themeColor) !== null && _b !== void 0 ? _b : 'slate',
-    };
-    var colorKey = "".concat(sidebarStyle.color, "A");
-    var colorValue = alphaColors[colorKey];
-    return (_jsx(ReactProSidebar.Menu, __assign({ menuItemStyles: __assign({ button: function (_a) {
-                var level = _a.level, active = _a.active, disabled = _a.disabled, open = _a.open;
-                return {
-                    height: heigthSize,
-                    fontSize: fontSize,
-                    backgroundColor: active ? colorValue[5] : '',
-                    '&:hover': {
-                        backgroundColor: colorValue[3],
-                    },
-                };
-            } }, menuItemStyles) }, props, { children: children })));
-});
-Menu.displayName = 'Sidebar.Menu';
-export var Item = React.forwardRef(function (_a, forwardedRef) {
-    var scaling = _a.scaling, size = _a.size, color = _a.color, className = _a.className, children = _a.children, props = __rest(_a, ["scaling", "size", "color", "className", "children"]);
-    return _jsx(ReactProSidebar.MenuItem, __assign({}, props, { children: children }));
-});
-Item.displayName = 'Sidebar.Item';
-export var SubMenu = React.forwardRef(function (_a, forwardedRef) {
-    var scaling = _a.scaling, size = _a.size, color = _a.color, className = _a.className, children = _a.children, props = __rest(_a, ["scaling", "size", "color", "className", "children"]);
-    return _jsx(ReactProSidebar.SubMenu, __assign({}, props, { children: children }));
-});
-SubMenu.displayName = 'Sidebar.SubMenu';
-var Sidebar = {
-    Root: Root,
-    Menu: Menu,
-    Item: Item,
-    SubMenu: SubMenu,
-};
-export default Sidebar;

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

@@ -1,3 +0,0 @@
-"use client";
-import{jsx as e}from"react/jsx-runtime";import r from"react";import{cva as o}from"class-variance-authority";import{cn as a}from"../../utils/utils.mjs";import{scalingVariants as l,bgColorStyle as n}from"../../constants.mjs";import{useTheme as t}from"../../theme/ThemeProvider.mjs";import*as c from"react-pro-sidebar";import{useWindowSize as i}from"../../utils/useWindowSize.mjs";import*as s from"../../color/alpha.mjs";var m=function(){return m=Object.assign||function(e){for(var r,o=1,a=arguments.length;o<a;o++)for(var l in r=arguments[o])Object.prototype.hasOwnProperty.call(r,l)&&(e[l]=r[l]);return e},m.apply(this,arguments)},u=function(e,r){var o={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&r.indexOf(a)<0&&(o[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var l=0;for(a=Object.getOwnPropertySymbols(e);l<a.length;l++)r.indexOf(a[l])<0&&Object.prototype.propertyIsEnumerable.call(e,a[l])&&(o[a[l]]=e[a[l]])}return o},d=o("",{variants:{scaling:m({},l),color:n()}}),p=r.forwardRef((function(r,o){var l,n=r.scaling;r.size;var s=r.color,p=r.className,f=r.children,h=u(r,["scaling","size","color","className","children"]),v=t().theme,g=i(),b={scaling:null!=n?n:v.themeScaling,color:null!==(l=null!=s?s:v.themeColor)&&void 0!==l?l:"slate"};return e(c.Sidebar,m({className:a("bg-".concat(b.color,"A-6 dark:bg-").concat(b.color,"DarkA-6"),d({scaling:b.scaling}),p)},h,{collapsed:void 0===h.collapsed?g<=250:h.collapsed,children:f}))}));p.displayName="Sidebar.Root";var f=r.forwardRef((function(r,o){var a,l=r.scaling,n=r.size,i=r.color;r.className;var d=r.menuItemStyles,p=r.children,f=u(r,["scaling","size","color","className","menuItemStyles","children"]),h="50px",v="16px";"small"==n&&(h="40px",v="14px"),"large"==n&&(h="60px",v="18px");var g=t().theme,b={scaling:null!=l?l:g.themeScaling,color:null!==(a=null!=i?i:g.themeColor)&&void 0!==a?a:"slate"},y="".concat(b.color,"A"),S=s[y];return e(c.Menu,m({menuItemStyles:m({button:function(e){e.level;var r=e.active;return e.disabled,e.open,{height:h,fontSize:v,backgroundColor:r?S[5]:"","&:hover":{backgroundColor:S[3]}}}},d)},f,{children:p}))}));f.displayName="Sidebar.Menu";var h=r.forwardRef((function(r,o){r.scaling,r.size,r.color,r.className;var a=r.children,l=u(r,["scaling","size","color","className","children"]);return e(c.MenuItem,m({},l,{children:a}))}));h.displayName="Sidebar.Item";var v=r.forwardRef((function(r,o){r.scaling,r.size,r.color,r.className;var a=r.children,l=u(r,["scaling","size","color","className","children"]);return e(c.SubMenu,m({},l,{children:a}))}));v.displayName="Sidebar.SubMenu";var g={Root:p,Menu:f,Item:h,SubMenu:v};export{h as Item,f as Menu,p as Root,v as SubMenu,g as default};
-//# sourceMappingURL=index.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

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

@@ -1,14 +0,0 @@
-import React from 'react';
-import { VariantProps } from 'class-variance-authority';
-import { IColor } from '../../../lib/types';
-export interface SkeletonProps extends VariantProps<typeof separatorVariants> {
-    color?: IColor;
-    loading?: boolean;
-    width?: string;
-    height?: string;
-}
-declare const separatorVariants: (props?: ({
-    radius?: "none" | "small" | "medium" | "large" | "full" | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
-export declare const Skeleton: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & SkeletonProps & React.RefAttributes<HTMLSpanElement>>;
-export default Skeleton;

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

@@ -1,46 +0,0 @@
-'use client';
-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 React from 'react';
-import { cva } from 'class-variance-authority';
-import { Theme, Skeleton as SkeletonTheme } from '@radix-ui/themes';
-import { cn } from '../../../lib/utils/utils';
-import { radiusVariants } from '../../../lib/constants';
-import { useTheme } from '../../../lib/theme';
-var separatorVariants = cva('', {
-    variants: {
-        radius: __assign({}, radiusVariants['base']),
-    },
-    defaultVariants: {
-        radius: 'medium',
-    },
-});
-export var Skeleton = React.forwardRef(function (_a, forwardedRef) {
-    var children = _a.children, className = _a.className, radius = _a.radius, loading = _a.loading, width = _a.width, height = _a.height, skeletonProps = __rest(_a, ["children", "className", "radius", "loading", "width", "height"]);
-    var theme = useTheme().theme;
-    var radiusStyle = radius !== null && radius !== void 0 ? radius : theme.themeRadius;
-    return (_jsx(Theme, { children: _jsx(SkeletonTheme, __assign({ ref: forwardedRef, loading: loading, width: width, height: height, className: cn(separatorVariants({ radius: radiusStyle }), className) }, skeletonProps, { children: children })) }));
-});
-Skeleton.displayName = 'Skeleton';
-export default Skeleton;

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

@@ -1,3 +0,0 @@
-"use client";
-import{jsx as r}from"react/jsx-runtime";import t from"react";import{cva as e}from"class-variance-authority";import{Theme as a,Skeleton as i}from"@radix-ui/themes";import{cn as o}from"../../utils/utils.mjs";import{radiusVariants as n}from"../../constants.mjs";import{useTheme as s}from"../../theme/ThemeProvider.mjs";var l=function(){return l=Object.assign||function(r){for(var t,e=1,a=arguments.length;e<a;e++)for(var i in t=arguments[e])Object.prototype.hasOwnProperty.call(t,i)&&(r[i]=t[i]);return r},l.apply(this,arguments)},m=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 i=0;for(a=Object.getOwnPropertySymbols(r);i<a.length;i++)t.indexOf(a[i])<0&&Object.prototype.propertyIsEnumerable.call(r,a[i])&&(e[a[i]]=r[a[i]])}return e},c=e("",{variants:{radius:l({},n.base)},defaultVariants:{radius:"medium"}}),u=t.forwardRef((function(t,e){var n=t.children,u=t.className,d=t.radius,f=t.loading,h=t.width,p=t.height,y=m(t,["children","className","radius","loading","width","height"]),O=s().theme,g=null!=d?d:O.themeRadius;return r(a,{children:r(i,l({ref:e,loading:f,width:h,height:p,className:o(c({radius:g}),u)},y,{children:n}))})}));u.displayName="Skeleton";export{u as Skeleton,u as default};
-//# sourceMappingURL=index.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

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

@@ -1,15 +0,0 @@
-import React from 'react';
-import { VariantProps } from 'class-variance-authority';
-import { IColor, IScaling } from '../../../lib/types';
-export interface SliderProps extends VariantProps<typeof sliderVariants> {
-    appearance?: 'classic' | 'soft' | 'surface';
-    label?: string;
-    size?: 'small' | 'medium' | 'large';
-    scaling?: IScaling;
-    color?: IColor;
-}
-declare const sliderVariants: (props?: ({
-    radius?: "none" | "small" | "medium" | "large" | "full" | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
-export declare const Slider: React.ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/themes").SliderProps & React.RefAttributes<HTMLSpanElement>, "ref">, "size"> & SliderProps & React.RefAttributes<HTMLSpanElement>>;
-export default Slider;

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

@@ -1,56 +0,0 @@
-'use client';
-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 React from 'react';
-import { cva } from 'class-variance-authority';
-import { cn } from '../../../lib/utils/utils';
-import { radiusVariants } from '../../../lib/constants';
-import { Theme, Slider as SliderTheme } from '@radix-ui/themes';
-import { useTheme } from '../../../lib/theme';
-import { MAIN_COLOR } from '../../../lib/color/constants';
-var sliderVariants = cva('relative flex items-center select-none touch-none w-[200px] h-5', {
-    variants: {
-        radius: __assign({}, radiusVariants['base']),
-    },
-});
-export var Slider = React.forwardRef(function (_a, forwardedRef) {
-    var _b;
-    var className = _a.className, color = _a.color, size = _a.size, appearance = _a.appearance, _c = _a.scaling, scaling = _c === void 0 ? '100%' : _c, radius = _a.radius, tabIndex = _a.tabIndex, sliderProps = __rest(_a, ["className", "color", "size", "appearance", "scaling", "radius", "tabIndex"]);
-    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: (_b = color !== null && color !== void 0 ? color : theme.themeColor) !== null && _b !== void 0 ? _b : MAIN_COLOR,
-    };
-    if (radius === 'medium' || radius === 'large')
-        radius = 'full';
-    var sizeTheme = '2';
-    if (size === 'small')
-        sizeTheme = '1';
-    if (size === 'large')
-        sizeTheme = '3';
-    return (_jsx(Theme, { accentColor: contextValue.color, scaling: contextValue.scaling, hasBackground: false, children: _jsx(SliderTheme, __assign({ ref: forwardedRef, variant: appearance, size: sizeTheme, radius: contextValue.radius, color: contextValue.color, className: cn(sliderVariants({ radius: contextValue.radius }), className) }, sliderProps)) }));
-});
-Slider.displayName = 'Slider';
-export default Slider;

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

@@ -1,3 +0,0 @@
-"use client";
-import{jsx as r}from"react/jsx-runtime";import e from"react";import{cva as a}from"class-variance-authority";import{cn as o}from"../../utils/utils.mjs";import{radiusVariants as t}from"../../constants.mjs";import{Theme as i,Slider as l}from"@radix-ui/themes";import{useTheme as n}from"../../theme/ThemeProvider.mjs";import{MAIN_COLOR as s}from"../../color/constants.mjs";var c=function(){return c=Object.assign||function(r){for(var e,a=1,o=arguments.length;a<o;a++)for(var t in e=arguments[a])Object.prototype.hasOwnProperty.call(e,t)&&(r[t]=e[t]);return r},c.apply(this,arguments)},m=function(r,e){var a={};for(var o in r)Object.prototype.hasOwnProperty.call(r,o)&&e.indexOf(o)<0&&(a[o]=r[o]);if(null!=r&&"function"==typeof Object.getOwnPropertySymbols){var t=0;for(o=Object.getOwnPropertySymbols(r);t<o.length;t++)e.indexOf(o[t])<0&&Object.prototype.propertyIsEnumerable.call(r,o[t])&&(a[o[t]]=r[o[t]])}return a},u=a("relative flex items-center select-none touch-none w-[200px] h-5",{variants:{radius:c({},t.base)}}),p=e.forwardRef((function(e,a){var t,p=e.className,f=e.color,d=e.size,h=e.appearance,v=e.scaling,g=void 0===v?"100%":v,y=e.radius;e.tabIndex;var b=m(e,["className","color","size","appearance","scaling","radius","tabIndex"]),O=n().theme,j={radius:null!=y?y:O.themeRadius,scaling:null!=g?g:O.themeScaling,color:null!==(t=null!=f?f:O.themeColor)&&void 0!==t?t:s};"medium"!==y&&"large"!==y||(y="full");var x="2";return"small"===d&&(x="1"),"large"===d&&(x="3"),r(i,{accentColor:j.color,scaling:j.scaling,hasBackground:!1,children:r(l,c({ref:a,variant:h,size:x,radius:j.radius,color:j.color,className:o(u({radius:j.radius}),p)},b))})}));p.displayName="Slider";export{p as Slider,p as default};
-//# sourceMappingURL=index.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

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

@@ -1,15 +0,0 @@
-import React from 'react';
-import { VariantProps } from 'class-variance-authority';
-import { IColor } from '../../../lib/types';
-export interface SpinnerProps extends VariantProps<typeof spinnerVariants> {
-    color?: IColor;
-    loading?: boolean;
-    width?: string;
-    height?: string;
-    size?: 'small' | 'medium' | 'large';
-}
-declare const spinnerVariants: (props?: ({
-    scaling?: "90%" | "95%" | "100%" | "105%" | "110%" | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
-export declare const Spinner: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & SpinnerProps & React.RefAttributes<HTMLSpanElement>>;
-export default Spinner;

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

@@ -1,50 +0,0 @@
-'use client';
-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 React from 'react';
-import { cva } from 'class-variance-authority';
-import { Spinner as SpinnerTheme, Theme } from '@radix-ui/themes';
-import { cn } from '../../../lib/utils/utils';
-import { scalingVariants } from '../../../lib/constants';
-import { useTheme } from '../../../lib/theme';
-var spinnerVariants = cva('', {
-    variants: {
-        scaling: __assign({}, scalingVariants),
-    },
-    defaultVariants: {
-        scaling: '100%',
-    },
-});
-export var Spinner = React.forwardRef(function (_a, forwardedRef) {
-    var className = _a.className, children = _a.children, size = _a.size, scaling = _a.scaling, loading = _a.loading, spinnerProps = __rest(_a, ["className", "children", "size", "scaling", "loading"]);
-    var theme = useTheme().theme;
-    var sizeTheme = '2';
-    if (size === 'small')
-        sizeTheme = '1';
-    if (size === 'large')
-        sizeTheme = '3';
-    return (_jsx(Theme, { hasBackground: false, children: _jsx(SpinnerTheme, __assign({ ref: forwardedRef, loading: loading, size: sizeTheme, className: cn('', spinnerVariants({ scaling: scaling !== null && scaling !== void 0 ? scaling : theme.themeScaling }), className) }, spinnerProps, { children: children })) }));
-});
-Spinner.displayName = 'Spinner';
-export default Spinner;

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

@@ -1,3 +0,0 @@
-"use client";
-import{jsx as r}from"react/jsx-runtime";import e from"react";import{cva as t}from"class-variance-authority";import{Theme as a,Spinner as n}from"@radix-ui/themes";import{cn as i}from"../../utils/utils.mjs";import{scalingVariants as o}from"../../constants.mjs";import{useTheme as l}from"../../theme/ThemeProvider.mjs";var s=function(){return s=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},s.apply(this,arguments)},c=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},m=t("",{variants:{scaling:s({},o)},defaultVariants:{scaling:"100%"}}),p=e.forwardRef((function(e,t){var o=e.className,p=e.children,f=e.size,u=e.scaling,d=e.loading,g=c(e,["className","children","size","scaling","loading"]),h=l().theme,y="2";return"small"===f&&(y="1"),"large"===f&&(y="3"),r(a,{hasBackground:!1,children:r(n,s({ref:t,loading:d,size:y,className:i("",m({scaling:null!=u?u:h.themeScaling}),o)},g,{children:p}))})}));p.displayName="Spinner";export{p as Spinner,p as default};
-//# sourceMappingURL=index.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}