@lotte-innovate/ui-component-test 0.2.41 → 0.2.43

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":";"}

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

@@ -1,15 +0,0 @@
-import React from 'react';
-import { VariantProps } from 'class-variance-authority';
-import { TabNav as TabNavTheme } from '@radix-ui/themes';
-export interface TabNavProps extends VariantProps<typeof tabNavVariants> {
-    href?: string;
-    size?: 'small' | 'medium';
-}
-declare const tabNavVariants: (props?: ({} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
-export declare const Root: React.ForwardRefExoticComponent<Omit<Omit<TabNavTheme.RootProps & React.RefAttributes<HTMLElement>, "ref">, "size"> & TabNavProps & React.RefAttributes<HTMLElement>>;
-export declare const Link: React.ForwardRefExoticComponent<Omit<TabNavTheme.LinkProps & React.RefAttributes<HTMLAnchorElement>, "ref"> & TabNavProps & React.RefAttributes<HTMLAnchorElement>>;
-declare const TabNav: {
-    Root: React.ForwardRefExoticComponent<Omit<Omit<TabNavTheme.RootProps & React.RefAttributes<HTMLElement>, "ref">, "size"> & TabNavProps & React.RefAttributes<HTMLElement>>;
-    Link: React.ForwardRefExoticComponent<Omit<TabNavTheme.LinkProps & React.RefAttributes<HTMLAnchorElement>, "ref"> & TabNavProps & React.RefAttributes<HTMLAnchorElement>>;
-};
-export default TabNav;

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

@@ -1,53 +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 { TabNav as TabNavTheme, Theme } from '@radix-ui/themes';
-import { cn } from '../../../lib/utils/utils';
-import { useTheme } from '../../../lib/theme';
-import { MAIN_COLOR } from '../../../lib/color/constants';
-var tabNavVariants = cva('', {
-    variants: {},
-});
-export var Root = React.forwardRef(function (_a, ref) {
-    var _b;
-    var className = _a.className, children = _a.children, size = _a.size, color = _a.color, rootProps = __rest(_a, ["className", "children", "size", "color"]);
-    var theme = useTheme().theme;
-    var sizeTheme = '2';
-    if (size === 'small')
-        sizeTheme = '1';
-    return (_jsx(Theme, { accentColor: ((_b = color !== null && color !== void 0 ? color : theme.themeColor) !== null && _b !== void 0 ? _b : MAIN_COLOR), hasBackground: false, children: _jsx(TabNavTheme.Root, __assign({ ref: ref, size: sizeTheme, className: cn(tabNavVariants({}), className) }, rootProps, { children: children })) }));
-});
-Root.displayName = 'TabNav.Root';
-export var Link = React.forwardRef(function (_a, ref) {
-    var className = _a.className, children = _a.children, href = _a.href, linkProps = __rest(_a, ["className", "children", "href"]);
-    return (_jsx(TabNavTheme.Link, __assign({ ref: ref, className: cn('text-slateA-11 data-[state=active]:text-slateA-12 dark:text-slateDarkA-11 dark:data-[state=active]:text-slateDarkA-12', tabNavVariants({}), className), href: href }, linkProps, { children: children })));
-});
-Link.displayName = 'TabNav.Link';
-var TabNav = {
-    Root: Root,
-    Link: Link,
-};
-export default TabNav;

package/dist/lib/components/TabNav/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,TabNav as o}from"@radix-ui/themes";import{cn as n}from"../../utils/utils.mjs";import{useTheme as l}from"../../theme/ThemeProvider.mjs";import{MAIN_COLOR as i}from"../../color/constants.mjs";var s=function(){return s=Object.assign||function(r){for(var e,t=1,a=arguments.length;t<a;t++)for(var o in e=arguments[t])Object.prototype.hasOwnProperty.call(e,o)&&(r[o]=e[o]);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 o=0;for(a=Object.getOwnPropertySymbols(r);o<a.length;o++)e.indexOf(a[o])<0&&Object.prototype.propertyIsEnumerable.call(r,a[o])&&(t[a[o]]=r[a[o]])}return t},m=t("",{variants:{}}),f=e.forwardRef((function(e,t){var f,p=e.className,d=e.children,h=e.size,u=e.color,v=c(e,["className","children","size","color"]),y=l().theme,b="2";return"small"===h&&(b="1"),r(a,{accentColor:null!==(f=null!=u?u:y.themeColor)&&void 0!==f?f:i,hasBackground:!1,children:r(o.Root,s({ref:t,size:b,className:n(m({}),p)},v,{children:d}))})}));f.displayName="TabNav.Root";var p=e.forwardRef((function(e,t){var a=e.className,l=e.children,i=e.href,f=c(e,["className","children","href"]);return r(o.Link,s({ref:t,className:n("text-slateA-11 data-[state=active]:text-slateA-12 dark:text-slateDarkA-11 dark:data-[state=active]:text-slateDarkA-12",m({}),a),href:i},f,{children:l}))}));p.displayName="TabNav.Link";var d={Root:f,Link:p};export{p as Link,f as Root,d as default};
-//# sourceMappingURL=index.mjs.map

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

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

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

@@ -1,30 +0,0 @@
-import React from 'react';
-import { VariantProps } from 'class-variance-authority';
-import { IColor } from '../../../lib/types';
-import { Table as TableTheme } from '@radix-ui/themes';
-export interface TableProps extends VariantProps<typeof tableVariants> {
-    color?: IColor;
-    appearance?: 'ghost' | 'surface';
-    size?: 'small' | 'medium' | 'large';
-}
-declare const tableVariants: (props?: ({
-    scaling?: "90%" | "95%" | "100%" | "105%" | "110%" | null | undefined;
-    radius?: "none" | "small" | "medium" | "large" | "full" | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
-export declare const Root: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & TableProps & React.RefAttributes<HTMLDivElement>>;
-export declare const Header: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "ref"> & TableProps & React.RefAttributes<HTMLTableSectionElement>>;
-export declare const Body: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "ref"> & TableProps & React.RefAttributes<HTMLTableSectionElement>>;
-export declare const Row: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, "ref"> & TableProps & React.RefAttributes<HTMLTableRowElement>>;
-export declare const Cell: React.ForwardRefExoticComponent<Omit<TableTheme.CellProps & React.RefAttributes<HTMLTableDataCellElement>, "ref"> & TableProps & React.RefAttributes<HTMLTableDataCellElement>>;
-export declare const ColumnHeaderCell: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, "ref"> & TableProps & React.RefAttributes<HTMLTableHeaderCellElement>>;
-export declare const RowHeaderCell: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, "ref"> & TableProps & React.RefAttributes<HTMLTableHeaderCellElement>>;
-declare const Table: {
-    Root: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & TableProps & React.RefAttributes<HTMLDivElement>>;
-    Header: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "ref"> & TableProps & React.RefAttributes<HTMLTableSectionElement>>;
-    Body: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "ref"> & TableProps & React.RefAttributes<HTMLTableSectionElement>>;
-    Row: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, "ref"> & TableProps & React.RefAttributes<HTMLTableRowElement>>;
-    Cell: React.ForwardRefExoticComponent<Omit<TableTheme.CellProps & React.RefAttributes<HTMLTableDataCellElement>, "ref"> & TableProps & React.RefAttributes<HTMLTableDataCellElement>>;
-    ColumnHeaderCell: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, "ref"> & TableProps & React.RefAttributes<HTMLTableHeaderCellElement>>;
-    RowHeaderCell: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, "ref"> & TableProps & React.RefAttributes<HTMLTableHeaderCellElement>>;
-};
-export default Table;

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

@@ -1,104 +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 { Table as TableTheme, Theme } from '@radix-ui/themes';
-import { cn } from '../../../lib/utils/utils';
-import { radiusVariants, scalingVariants } from '../../../lib/constants';
-import { useTheme } from '../../../lib/theme';
-var tableVariants = cva('', {
-    variants: {
-        scaling: __assign({}, scalingVariants),
-        radius: __assign({}, radiusVariants['base']),
-    },
-    defaultVariants: {
-        scaling: '100%',
-    },
-});
-var tableRowVariants = cva('', {
-    variants: {
-        size: {
-            small: 'h-[36px]',
-            medium: 'h-[44px]',
-            large: 'h-[48px] p-3',
-        },
-    },
-});
-export var Root = React.forwardRef(function (_a, ref) {
-    var className = _a.className, children = _a.children, appearance = _a.appearance, scaling = _a.scaling, size = _a.size, radius = _a.radius, tableProps = __rest(_a, ["className", "children", "appearance", "scaling", "size", "radius"]);
-    var theme = useTheme().theme;
-    var sizeTheme = '2';
-    if (size === 'small')
-        sizeTheme = '1';
-    if (size === 'large')
-        sizeTheme = '3';
-    var radiusValue = radius !== null && radius !== void 0 ? radius : theme.themeRadius;
-    var contextValue = {
-        scaling: scaling !== null && scaling !== void 0 ? scaling : theme.themeScaling,
-        radius: radiusValue === 'full' ? 'large' : radiusValue,
-    };
-    return (_jsx(Theme, { hasBackground: false, children: _jsx(TableTheme.Root, __assign({ ref: ref, className: cn(tableVariants(contextValue), className), variant: appearance, size: sizeTheme }, tableProps, { children: children })) }));
-});
-Root.displayName = 'Table.Root';
-export var Header = React.forwardRef(function (_a, forwardedRef) {
-    var className = _a.className, children = _a.children, scaling = _a.scaling, props = __rest(_a, ["className", "children", "scaling"]);
-    return (_jsx(TableTheme.Header, __assign({ ref: forwardedRef, className: cn('', tableVariants({ scaling: scaling }), className) }, props, { children: children })));
-});
-Header.displayName = 'Table.Header';
-export var Body = React.forwardRef(function (_a, forwardedRef) {
-    var className = _a.className, children = _a.children, scaling = _a.scaling, props = __rest(_a, ["className", "children", "scaling"]);
-    return (_jsx(TableTheme.Body, __assign({ ref: forwardedRef, className: cn('', tableVariants({ scaling: scaling }), className) }, props, { children: children })));
-});
-Body.displayName = 'Table.Body';
-export var Row = React.forwardRef(function (_a, forwardedRef) {
-    var className = _a.className, children = _a.children, scaling = _a.scaling, props = __rest(_a, ["className", "children", "scaling"]);
-    return (_jsx(TableTheme.Row, __assign({ ref: forwardedRef, className: cn('', tableVariants({ scaling: scaling }), className) }, props, { children: children })));
-});
-Row.displayName = 'Table.Row';
-export var Cell = React.forwardRef(function (_a, forwardedRef) {
-    var className = _a.className, children = _a.children, scaling = _a.scaling, cellProps = __rest(_a, ["className", "children", "scaling"]);
-    return (_jsx(TableTheme.Cell, __assign({ className: cn('', tableVariants({ scaling: scaling }), className) }, cellProps, { ref: forwardedRef, children: children })));
-});
-Cell.displayName = 'Table.Cell';
-export var ColumnHeaderCell = React.forwardRef(function (_a, forwardedRef) {
-    var className = _a.className, children = _a.children, scaling = _a.scaling, size = _a.size, props = __rest(_a, ["className", "children", "scaling", "size"]);
-    return (_jsx(TableTheme.ColumnHeaderCell, __assign({ ref: forwardedRef, className: cn('', tableVariants({ scaling: scaling }), tableRowVariants({ size: size }), className) }, props, { children: children })));
-});
-ColumnHeaderCell.displayName = 'Table.ColumnHeaderCell';
-export var RowHeaderCell = React.forwardRef(function (_a, forwardedRef) {
-    var className = _a.className, children = _a.children, scaling = _a.scaling, props = __rest(_a, ["className", "children", "scaling"]);
-    return (_jsx(TableTheme.RowHeaderCell, __assign({ ref: forwardedRef, className: cn('', tableVariants({ scaling: scaling }), className) }, props, { children: children })));
-});
-RowHeaderCell.displayName = 'Table.RowHeaderCell';
-var Table = {
-    Root: Root,
-    Header: Header,
-    Body: Body,
-    Row: Row,
-    Cell: Cell,
-    ColumnHeaderCell: ColumnHeaderCell,
-    RowHeaderCell: RowHeaderCell,
-};
-export default Table;

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

@@ -1,3 +0,0 @@
-"use client";
-import{jsx as a}from"react/jsx-runtime";import e from"react";import{cva as r}from"class-variance-authority";import{Theme as l,Table as s}from"@radix-ui/themes";import{cn as n}from"../../utils/utils.mjs";import{scalingVariants as i,radiusVariants as c}from"../../constants.mjs";import{useTheme as t}from"../../theme/ThemeProvider.mjs";var o=function(){return o=Object.assign||function(a){for(var e,r=1,l=arguments.length;r<l;r++)for(var s in e=arguments[r])Object.prototype.hasOwnProperty.call(e,s)&&(a[s]=e[s]);return a},o.apply(this,arguments)},m=function(a,e){var r={};for(var l in a)Object.prototype.hasOwnProperty.call(a,l)&&e.indexOf(l)<0&&(r[l]=a[l]);if(null!=a&&"function"==typeof Object.getOwnPropertySymbols){var s=0;for(l=Object.getOwnPropertySymbols(a);s<l.length;s++)e.indexOf(l[s])<0&&Object.prototype.propertyIsEnumerable.call(a,l[s])&&(r[l[s]]=a[l[s]])}return r},d=r("",{variants:{scaling:o({},i),radius:o({},c.base)},defaultVariants:{scaling:"100%"}}),f=r("",{variants:{size:{small:"h-[36px]",medium:"h-[44px]",large:"h-[48px] p-3"}}}),u=e.forwardRef((function(e,r){var i=e.className,c=e.children,f=e.appearance,u=e.scaling,h=e.size,p=e.radius,g=m(e,["className","children","appearance","scaling","size","radius"]),N=t().theme,v="2";"small"===h&&(v="1"),"large"===h&&(v="3");var y=null!=p?p:N.themeRadius,b={scaling:null!=u?u:N.themeScaling,radius:"full"===y?"large":y};return a(l,{hasBackground:!1,children:a(s.Root,o({ref:r,className:n(d(b),i),variant:f,size:v},g,{children:c}))})}));u.displayName="Table.Root";var h=e.forwardRef((function(e,r){var l=e.className,i=e.children,c=e.scaling,t=m(e,["className","children","scaling"]);return a(s.Header,o({ref:r,className:n("",d({scaling:c}),l)},t,{children:i}))}));h.displayName="Table.Header";var p=e.forwardRef((function(e,r){var l=e.className,i=e.children,c=e.scaling,t=m(e,["className","children","scaling"]);return a(s.Body,o({ref:r,className:n("",d({scaling:c}),l)},t,{children:i}))}));p.displayName="Table.Body";var g=e.forwardRef((function(e,r){var l=e.className,i=e.children,c=e.scaling,t=m(e,["className","children","scaling"]);return a(s.Row,o({ref:r,className:n("",d({scaling:c}),l)},t,{children:i}))}));g.displayName="Table.Row";var N=e.forwardRef((function(e,r){var l=e.className,i=e.children,c=e.scaling,t=m(e,["className","children","scaling"]);return a(s.Cell,o({className:n("",d({scaling:c}),l)},t,{ref:r,children:i}))}));N.displayName="Table.Cell";var v=e.forwardRef((function(e,r){var l=e.className,i=e.children,c=e.scaling,t=e.size,u=m(e,["className","children","scaling","size"]);return a(s.ColumnHeaderCell,o({ref:r,className:n("",d({scaling:c}),f({size:t}),l)},u,{children:i}))}));v.displayName="Table.ColumnHeaderCell";var y=e.forwardRef((function(e,r){var l=e.className,i=e.children,c=e.scaling,t=m(e,["className","children","scaling"]);return a(s.RowHeaderCell,o({ref:r,className:n("",d({scaling:c}),l)},t,{children:i}))}));y.displayName="Table.RowHeaderCell";var b={Root:u,Header:h,Body:p,Row:g,Cell:N,ColumnHeaderCell:v,RowHeaderCell:y};export{p as Body,N as Cell,v as ColumnHeaderCell,h as Header,u as Root,g as Row,y as RowHeaderCell,b as default};
-//# sourceMappingURL=index.mjs.map

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

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

package/dist/lib/components/Tabs/DynamicTabs.d.ts

@@ -1,30 +0,0 @@
-import { VariantProps } from 'class-variance-authority';
-import { IColor } from '../../../lib/types';
-import React from 'react';
-export interface TabProp {
-    key: string;
-    title: {
-        children: () => React.ReactElement;
-        onClick?: (task: TabProp) => void;
-    };
-    content?: {
-        children: () => React.ReactElement;
-    };
-}
-export interface TabsProps extends VariantProps<typeof dynamivTabsVariants> {
-    defaultValue?: string;
-    color?: IColor;
-    tabData: TabProp[];
-    defaultTab?: TabProp;
-    setTabData: React.Dispatch<React.SetStateAction<TabProp[]>>;
-    onDeleteTab?: (tab: any) => void;
-    onDeleteAllTabs?: () => void;
-    maxCount?: number;
-}
-declare const dynamivTabsVariants: (props?: ({
-    weight?: "medium" | "regular" | "semibold" | "bold" | null | undefined;
-    scaling?: "90%" | "95%" | "100%" | "105%" | "110%" | null | undefined;
-    color?: string | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
-declare const DynamicTabs: React.ForwardRefExoticComponent<import("react-tabs").TabsProps & TabsProps & React.RefAttributes<never>>;
-export default DynamicTabs;

package/dist/lib/components/Tabs/DynamicTabs.js

@@ -1,73 +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, jsxs as _jsxs } from "react/jsx-runtime";
-import { ChevronLeftIcon, ChevronRightIcon, Cross1Icon, TrashIcon } from '@radix-ui/react-icons';
-import { cva } from 'class-variance-authority';
-import { bgColorStyle, scalingVariants, weightVariants } from '../../../lib/constants';
-import React, { useEffect, useState } from 'react';
-import { Tab, Tabs, TabList, TabPanel } from 'react-tabs';
-import IconButton from '../IconButton';
-import { cn } from '../../../lib/utils/utils';
-import { useTheme } from '../../../lib/theme';
-var dynamivTabsVariants = cva('', {
-    variants: {
-        weight: __assign({}, weightVariants),
-        scaling: __assign({}, scalingVariants),
-        color: bgColorStyle(),
-    },
-});
-var DynamicTabs = React.forwardRef(function (_a, ref) {
-    var _b;
-    var tabData = _a.tabData, scaling = _a.scaling, color = _a.color, setTabData = _a.setTabData, defaultTab = _a.defaultTab, onDeleteTab = _a.onDeleteTab, onDeleteAllTabs = _a.onDeleteAllTabs, onSelect = _a.onSelect, maxCount = _a.maxCount, className = _a.className, rootProps = __rest(_a, ["tabData", "scaling", "color", "setTabData", "defaultTab", "onDeleteTab", "onDeleteAllTabs", "onSelect", "maxCount", "className"]);
-    var _c = useState(0), selectedInx = _c[0], setselectedInx = _c[1];
-    var theme = useTheme().theme;
-    var dynamicTabsStyle = {
-        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',
-    };
-    useEffect(function () {
-        if (tabData.length > 20)
-            setTabData(tabData.slice(0, 20));
-    }, [tabData]);
-    return (_jsxs(Tabs, __assign({ selectedIndex: selectedInx, className: cn('flex w-full text-slate-12', dynamivTabsVariants({ scaling: dynamicTabsStyle.scaling }), className), onSelect: function (index, last, event) {
-            setselectedInx(index);
-            onSelect && onSelect(index, last, event);
-        } }, rootProps, { children: [_jsx(TabList, { className: "mb-[10px] flex flex-1 overflow-x-auto overflow-y-hidden p-0", children: tabData.map(function (tab, index) { return (_jsx(Tab, { className: cn('relative bottom-[-1px] inline-block w-[50px] max-w-[350px] flex-1 cursor-pointer list-none aria-selected:rounded-t-lg aria-selected:border aria-selected:border-b-0 aria-selected:border-slateA-8 aria-selected:bg-slate-1'), onClick: function (e) { var _a, _b; return ((_a = tab.title) === null || _a === void 0 ? void 0 : _a.onClick) && ((_b = tab.title) === null || _b === void 0 ? void 0 : _b.onClick(tab)); }, children: _jsxs("div", { className: cn('mx-[3px] my-[2px] flex justify-between rounded-lg px-[9px] py-[4px]', "hover:bg-".concat(dynamicTabsStyle.color, "A-6 hover:dark:bg-").concat(dynamicTabsStyle.color, "DarkA-6")), children: [_jsx("div", { className: "flex-1 overflow-hidden truncate text-ellipsis", children: tab.title.children() }), ((tabData === null || tabData === void 0 ? void 0 : tabData.length) < 15 || selectedInx == index) && (_jsx(IconButton, { size: "small", appearance: "ghost", color: dynamicTabsStyle.color, scaling: dynamicTabsStyle.scaling, onClick: function () {
-                                    var filtered = tabData.filter(function (el) { return el.key !== tab.key; });
-                                    setTabData(defaultTab && filtered.length == 0 ? [defaultTab] : filtered);
-                                    filtered.length == 0
-                                        ? setselectedInx(0)
-                                        : selectedInx - 1 >= 0 && setselectedInx(selectedInx - 1);
-                                    onDeleteTab && onDeleteTab(tab);
-                                }, children: _jsx(Cross1Icon, {}) }))] }) }, index)); }) }), tabData.map(function (tab, index) {
-                var _a;
-                return (_jsx(TabPanel, { children: (_a = tab === null || tab === void 0 ? void 0 : tab.content) === null || _a === void 0 ? void 0 : _a.children() }, index));
-            }), _jsxs("div", { className: "right-5 mb-[10px] flex justify-end p-0 px-3 py-2", children: [_jsx(IconButton, { size: "small", appearance: "ghost", onClick: function () {
-                            setselectedInx(0);
-                            setTabData(defaultTab ? [defaultTab] : []);
-                            onDeleteAllTabs && onDeleteAllTabs();
-                        }, children: _jsx(TrashIcon, {}) }), _jsx(IconButton, { size: "small", appearance: "ghost", onClick: function () { return selectedInx - 1 >= 0 && setselectedInx(selectedInx - 1); }, children: _jsx(ChevronLeftIcon, {}) }), _jsx(IconButton, { size: "small", appearance: "ghost", onClick: function () { return selectedInx + 1 < tabData.length && setselectedInx(selectedInx + 1); }, children: _jsx(ChevronRightIcon, {}) })] })] })));
-});
-DynamicTabs.displayName = 'DynamicTabs';
-export default DynamicTabs;

package/dist/lib/components/Tabs/DynamicTabs.mjs

@@ -1,3 +0,0 @@
-"use client";
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import{Cross1Icon as l,TrashIcon as n,ChevronLeftIcon as r,ChevronRightIcon as o}from"@radix-ui/react-icons";import{cva as a}from"class-variance-authority";import{weightVariants as i,scalingVariants as c,bgColorStyle as s}from"../../constants.mjs";import d,{useState as m,useEffect as u}from"react";import{Tabs as p,TabList as f,Tab as h,TabPanel as b}from"react-tabs";import{IconButton as v}from"../IconButton/index.mjs";import{cn as x}from"../../utils/utils.mjs";import{useTheme as g}from"../../theme/ThemeProvider.mjs";var y=function(){return y=Object.assign||function(e){for(var t,l=1,n=arguments.length;l<n;l++)for(var r in t=arguments[l])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e},y.apply(this,arguments)},j=function(e,t){var l={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(l[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(n=Object.getOwnPropertySymbols(e);r<n.length;r++)t.indexOf(n[r])<0&&Object.prototype.propertyIsEnumerable.call(e,n[r])&&(l[n[r]]=e[n[r]])}return l},w=a("",{variants:{weight:y({},i),scaling:y({},c),color:s()}}),k=d.forwardRef((function(a,i){var c,s=a.tabData,d=a.scaling,k=a.color,O=a.setTabData,C=a.defaultTab,D=a.onDeleteTab,T=a.onDeleteAllTabs,N=a.onSelect;a.maxCount;var S=a.className,A=j(a,["tabData","scaling","color","setTabData","defaultTab","onDeleteTab","onDeleteAllTabs","onSelect","maxCount","className"]),P=m(0),z=P[0],I=P[1],B=g().theme,E={scaling:null!=d?d:B.themeScaling,color:null!==(c=null!=k?k:B.themeColor)&&void 0!==c?c:"slate"};return u((function(){s.length>20&&O(s.slice(0,20))}),[s]),e(p,y({selectedIndex:z,className:x("flex w-full text-slate-12",w({scaling:E.scaling}),S),onSelect:function(e,t,l){I(e),N&&N(e,t,l)}},A,{children:[t(f,{className:"mb-[10px] flex flex-1 overflow-x-auto overflow-y-hidden p-0",children:s.map((function(n,r){return t(h,{className:x("relative bottom-[-1px] inline-block w-[50px] max-w-[350px] flex-1 cursor-pointer list-none aria-selected:rounded-t-lg aria-selected:border aria-selected:border-b-0 aria-selected:border-slateA-8 aria-selected:bg-slate-1"),onClick:function(e){var t,l;return(null===(t=n.title)||void 0===t?void 0:t.onClick)&&(null===(l=n.title)||void 0===l?void 0:l.onClick(n))},children:e("div",{className:x("mx-[3px] my-[2px] flex justify-between rounded-lg px-[9px] py-[4px]","hover:bg-".concat(E.color,"A-6 hover:dark:bg-").concat(E.color,"DarkA-6")),children:[t("div",{className:"flex-1 overflow-hidden truncate text-ellipsis",children:n.title.children()}),((null==s?void 0:s.length)<15||z==r)&&t(v,{size:"small",appearance:"ghost",color:E.color,scaling:E.scaling,onClick:function(){var e=s.filter((function(e){return e.key!==n.key}));O(C&&0==e.length?[C]:e),0==e.length?I(0):z-1>=0&&I(z-1),D&&D(n)},children:t(l,{})})]})},r)}))}),s.map((function(e,l){var n;return t(b,{children:null===(n=null==e?void 0:e.content)||void 0===n?void 0:n.children()},l)})),e("div",{className:"right-5 mb-[10px] flex justify-end p-0 px-3 py-2",children:[t(v,{size:"small",appearance:"ghost",onClick:function(){I(0),O(C?[C]:[]),T&&T()},children:t(n,{})}),t(v,{size:"small",appearance:"ghost",onClick:function(){return z-1>=0&&I(z-1)},children:t(r,{})}),t(v,{size:"small",appearance:"ghost",onClick:function(){return z+1<s.length&&I(z+1)},children:t(o,{})})]})]}))}));k.displayName="DynamicTabs";export{k as default};
-//# sourceMappingURL=DynamicTabs.mjs.map

package/dist/lib/components/Tabs/DynamicTabs.mjs.map

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

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

@@ -1,23 +0,0 @@
-import { Tabs as TabsTheme } from '@radix-ui/themes';
-import React from 'react';
-import { VariantProps } from 'class-variance-authority';
-import { IColor } from '../../../lib/types';
-export interface TabsProps extends VariantProps<typeof tabsVariants> {
-    defaultValue?: string;
-    size?: 'small' | 'medium';
-    color?: IColor;
-}
-declare const tabsVariants: (props?: ({
-    weight?: "medium" | "regular" | "semibold" | "bold" | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
-export declare const Root: React.ForwardRefExoticComponent<Omit<Omit<TabsTheme.RootProps & React.RefAttributes<HTMLDivElement>, "ref">, "size"> & TabsProps & React.RefAttributes<HTMLDivElement>>;
-export declare const List: React.ForwardRefExoticComponent<Omit<Omit<TabsTheme.ListProps & React.RefAttributes<HTMLDivElement>, "ref">, "size"> & TabsProps & React.RefAttributes<HTMLDivElement>>;
-export declare const Trigger: React.ForwardRefExoticComponent<Omit<TabsTheme.TriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & TabsProps & React.RefAttributes<HTMLButtonElement>>;
-export declare const Content: React.ForwardRefExoticComponent<Omit<TabsTheme.ContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & TabsProps & React.RefAttributes<HTMLDivElement>>;
-declare const Tabs: {
-    Root: React.ForwardRefExoticComponent<Omit<Omit<TabsTheme.RootProps & React.RefAttributes<HTMLDivElement>, "ref">, "size"> & TabsProps & React.RefAttributes<HTMLDivElement>>;
-    List: React.ForwardRefExoticComponent<Omit<Omit<TabsTheme.ListProps & React.RefAttributes<HTMLDivElement>, "ref">, "size"> & TabsProps & React.RefAttributes<HTMLDivElement>>;
-    Trigger: React.ForwardRefExoticComponent<Omit<TabsTheme.TriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & TabsProps & React.RefAttributes<HTMLButtonElement>>;
-    Content: React.ForwardRefExoticComponent<Omit<TabsTheme.ContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & TabsProps & React.RefAttributes<HTMLDivElement>>;
-};
-export default Tabs;