@lotte-innovate/ui-component-test 0.1.73 → 0.1.74

package/dist/lib/components/Toast/ToastRoot.js

@@ -1,2 +1,90 @@
-import{j as t}from"../../../../_virtual/jsx-runtime.js";import{createContext as e,forwardRef as a,useMemo as r,useContext as o}from"react";import{cva as n}from"../../../../node_modules/class-variance-authority/dist/index.mjs.js";import{cn as i}from"../../utils/utils.js";import{scalingVariants as s}from"../../constants.js";import{Provider as l,Root as d,Viewport as p}from"../../../../node_modules/@radix-ui/react-toast/dist/index.mjs.js";var m=function(){return m=Object.assign||function(t){for(var e,a=1,r=arguments.length;a<r;a++)for(var o in e=arguments[a])Object.prototype.hasOwnProperty.call(e,o)&&(t[o]=e[o]);return t},m.apply(this,arguments)},c=function(t,e){var a={};for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&e.indexOf(r)<0&&(a[r]=t[r]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(t);o<r.length;o++)e.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(t,r[o])&&(a[r[o]]=t[r[o]])}return a},u=n("flex bg-white dark:bg-slateDark-1",{variants:{radius:{none:"rounded-none",small:"rounded-[3px]",medium:"rounded",large:"rounded-md",full:"rounded-md"},size:{small:"w-[300px] min-h-[55px] p-3",medium:"w-[400px] min-h-[63px] p-3",large:"w-[400px] min-h-[84px] p-4","x-large":"w-[400px] min-h-[88px] p-4"},scaling:m({},s),color:{danger:"bg-red-3 dark:bg-redDark-3",warning:"bg-amber-3 dark:bg-amberDark-3",success:"bg-green-3 dark:bg-greenDark-3",information:"bg-sky-3 dark:bg-skyDark-3"}},defaultVariants:{radius:"medium",scaling:"100%",size:"medium"}}),x=n("[--viewport-padding:_25px] fixed flex flex-col outline-none gap-[10px]\n    p-[var(--viewport-padding)] m-0 list-none z-[987654321]",{variants:{toastPosition:{top_center:"top-0 left-1/2 transform -translate-x-1/2",top_left:"top-0 left-0",top_right:"top-0 right-0",bottom_center:"bottom-0 left-1/2 transform -translate-x-1/2",bottom_left:"bottom-0 left-0",bottom_right:"bottom-0 right-0"}},defaultVariants:{toastPosition:"top_right"}}),f=e({radius:"medium",scaling:"100%",size:"medium",color:null}),g=function(){return o(f)},_=a((function(e,a){var o=e.className,n=e.children,s=e.openToast,g=e.radius,_=e.scaling,h=e.size,b=e.color,v=e.duration,j=void 0===v?3e3:v,w=e.toastPosition,y=void 0===w?"top_right":w,O=e.setOpenToast,k=c(e,["className","children","openToast","radius","scaling","size","color","duration","toastPosition","setOpenToast"]),P=r((function(){return{radius:g,size:h,scaling:_,color:b}}),[g,h,_,b]),z=i(u({radius:g,scaling:_,size:h,color:b}),"\n      shadow-[hsl(206_22%_7%_/_35%)_0px_10px_38px_-10px,_hsl(206_22%_7%_/_20%)_0px_10px_20px_-15px] \n      flex flex-col px-[15px] relative justify-center\n      data-[state=open]:animate-slideIn \n      data-[state=closed]:animate-hide \n      data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] \n      data-[swipe=cancel]:translate-x-0 \n      data-[swipe=cancel]:transition-[transform_200ms_ease-out] \n      data-[swipe=end]:animate-swipeOut\n    ",o);return t.jsx(f.Provider,{value:P,children:t.jsxs(l,{swipeDirection:"right",duration:j,children:[t.jsx(d,m({ref:a,className:z,open:s,onOpenChange:O},k,{children:n})),t.jsx(p,{className:i(x({toastPosition:y}))})]})})}));_.displayName="Toast.Root";export{_ as ToastRoot,_ as default,u as toastVariants,x as toastViewportVariants,g as useToastContext};
-//# sourceMappingURL=ToastRoot.js.map
+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 { forwardRef, createContext, useContext, useMemo, } from 'react';
+import { cva } from 'class-variance-authority';
+import { cn } from '../../../lib/utils/utils';
+import { scalingVariants } from '../../../lib/constants';
+import * as ToastPrimitive from '@radix-ui/react-toast';
+export var toastVariants = cva('flex bg-white dark:bg-slateDark-1', {
+    variants: {
+        radius: {
+            none: 'rounded-none',
+            small: 'rounded-[3px]',
+            medium: 'rounded',
+            large: 'rounded-md',
+            full: 'rounded-md',
+        },
+        size: {
+            small: 'w-[300px] min-h-[55px] p-3',
+            medium: 'w-[400px] min-h-[63px] p-3',
+            large: 'w-[400px] min-h-[84px] p-4',
+            'x-large': 'w-[400px] min-h-[88px] p-4',
+        },
+        scaling: __assign({}, scalingVariants),
+        color: {
+            danger: 'bg-red-3 dark:bg-redDark-3',
+            warning: 'bg-amber-3 dark:bg-amberDark-3',
+            success: 'bg-green-3 dark:bg-greenDark-3',
+            information: 'bg-sky-3 dark:bg-skyDark-3',
+        },
+    },
+    defaultVariants: {
+        radius: 'medium',
+        scaling: '100%',
+        size: 'medium',
+    },
+});
+export var toastViewportVariants = cva("[--viewport-padding:_25px] fixed flex flex-col outline-none gap-[10px]\n    p-[var(--viewport-padding)] m-0 list-none z-[987654321]", {
+    variants: {
+        toastPosition: {
+            top_center: 'top-0 left-1/2 transform -translate-x-1/2',
+            top_left: 'top-0 left-0',
+            top_right: 'top-0 right-0',
+            bottom_center: 'bottom-0 left-1/2 transform -translate-x-1/2',
+            bottom_left: 'bottom-0 left-0',
+            bottom_right: 'bottom-0 right-0',
+        },
+    },
+    defaultVariants: {
+        toastPosition: 'top_right',
+    },
+});
+var ToastContext = createContext({
+    radius: 'medium',
+    scaling: '100%',
+    size: 'medium',
+    color: null,
+});
+export var useToastContext = function () {
+    return useContext(ToastContext);
+};
+export var ToastRoot = forwardRef(function (_a, ref) {
+    var className = _a.className, children = _a.children, openToast = _a.openToast, radius = _a.radius, scaling = _a.scaling, size = _a.size, color = _a.color, _b = _a.duration, duration = _b === void 0 ? 3000 : _b, _c = _a.toastPosition, toastPosition = _c === void 0 ? 'top_right' : _c, setOpenToast = _a.setOpenToast, props = __rest(_a, ["className", "children", "openToast", "radius", "scaling", "size", "color", "duration", "toastPosition", "setOpenToast"]);
+    var contextValue = useMemo(function () { return ({ radius: radius, size: size, scaling: scaling, color: color }); }, [radius, size, scaling, color]);
+    var toastRootStyle = "\n      shadow-[hsl(206_22%_7%_/_35%)_0px_10px_38px_-10px,_hsl(206_22%_7%_/_20%)_0px_10px_20px_-15px] \n      flex flex-col px-[15px] relative justify-center\n      data-[state=open]:animate-slideIn \n      data-[state=closed]:animate-hide \n      data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] \n      data-[swipe=cancel]:translate-x-0 \n      data-[swipe=cancel]:transition-[transform_200ms_ease-out] \n      data-[swipe=end]:animate-swipeOut\n    ";
+    var toastClassName = cn(toastVariants({ radius: radius, scaling: scaling, size: size, color: color }), toastRootStyle, className);
+    return (_jsx(ToastContext.Provider, { value: contextValue, children: _jsxs(ToastPrimitive.Provider, { swipeDirection: "right", duration: duration, children: [_jsx(ToastPrimitive.Root, __assign({ ref: ref, className: toastClassName, open: openToast, onOpenChange: setOpenToast }, props, { children: children })), _jsx(ToastPrimitive.Viewport, { className: cn(toastViewportVariants({ toastPosition: toastPosition })) })] }) }));
+});
+ToastRoot.displayName = 'Toast.Root';
+export default ToastRoot;

package/dist/lib/components/Toast/ToastTitle.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import * as ToastPrimitive from '@radix-ui/react-toast';
+import { VariantProps } from 'class-variance-authority';
+import { IAppearance } from '../../../lib/types';
+export interface ToastTitleProps extends VariantProps<typeof toastTitleVariants> {
+    titleText?: string;
+    appearance?: IAppearance;
+}
+export declare const toastTitleVariants: (props?: ({
+    size?: "small" | "medium" | "large" | "x-large" | null | undefined;
+    color?: "danger" | "warning" | "success" | "information" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export declare const ToastTitle: React.ForwardRefExoticComponent<Omit<ToastPrimitive.ToastTitleProps & React.RefAttributes<HTMLDivElement>, "ref"> & ToastTitleProps & React.RefAttributes<HTMLDivElement>>;

package/dist/lib/components/Toast/ToastTitle.js

@@ -1,2 +1,53 @@
-import{j as t}from"../../../../_virtual/jsx-runtime.js";import{forwardRef as e}from"react";import{Title as r}from"../../../../node_modules/@radix-ui/react-toast/dist/index.mjs.js";import{cva as o}from"../../../../node_modules/class-variance-authority/dist/index.mjs.js";import{cn as a}from"../../utils/utils.js";import{useToastContext as s}from"./ToastRoot.js";var i=function(){return i=Object.assign||function(t){for(var e,r=1,o=arguments.length;r<o;r++)for(var a in e=arguments[r])Object.prototype.hasOwnProperty.call(e,a)&&(t[a]=e[a]);return t},i.apply(this,arguments)},n=function(t,e){var r={};for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&e.indexOf(o)<0&&(r[o]=t[o]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(o=Object.getOwnPropertySymbols(t);a<o.length;a++)e.indexOf(o[a])<0&&Object.prototype.propertyIsEnumerable.call(t,o[a])&&(r[o[a]]=t[o[a]])}return r},l=o("flex mb-[5px] text-slate-12 dark:text-slateDark-12 text-wrap break-words font-medium",{variants:{size:{small:"text-sm w-[220px]",medium:"text-sm w-[312px]",large:"text-xl w-[284px]","x-large":"text-2xl w-[284px]"},color:{danger:"text-red-11",warning:"text-amber-11",success:"text-green-11",information:"text-sky-11"}},defaultVariants:{size:"medium"}}),m=e((function(e,o){var m=e.className,x=e.children,c=e.titleText,p=n(e,["className","children","titleText"]),u=s(),d=u.size,f=u.color;return t.jsx(r,i({ref:o},p,{children:t.jsx("p",{className:a(l({size:d,color:f}),m),children:null!=c?c:x})}))}));m.displayName="Toast.Title";export{m as ToastTitle,l as toastTitleVariants};
-//# sourceMappingURL=ToastTitle.js.map
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import * as ToastPrimitive from '@radix-ui/react-toast';
+import { cva } from 'class-variance-authority';
+import { cn } from '../../../lib/utils/utils';
+import { useToastContext } from './ToastRoot';
+export var toastTitleVariants = cva('flex mb-[5px] text-slate-12 dark:text-slateDark-12 text-wrap break-words font-medium', {
+    variants: {
+        size: {
+            small: 'text-sm w-[220px]',
+            medium: 'text-sm w-[312px]',
+            large: 'text-xl w-[284px]',
+            'x-large': 'text-2xl w-[284px]',
+        },
+        color: {
+            danger: 'text-red-11',
+            warning: 'text-amber-11',
+            success: 'text-green-11',
+            information: 'text-sky-11',
+        },
+    },
+    defaultVariants: {
+        size: 'medium',
+    },
+});
+export var ToastTitle = forwardRef(function (_a, ref) {
+    var className = _a.className, children = _a.children, titleText = _a.titleText, props = __rest(_a, ["className", "children", "titleText"]);
+    var _b = useToastContext(), size = _b.size, color = _b.color;
+    return (_jsx(ToastPrimitive.Title, __assign({ ref: ref }, props, { children: _jsx("p", { className: cn(toastTitleVariants({ size: size, color: color }), className), children: titleText !== null && titleText !== void 0 ? titleText : children }) })));
+});
+ToastTitle.displayName = 'Toast.Title';

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

@@ -0,0 +1,7 @@
+declare const Toast: {
+    Root: import("react").ForwardRefExoticComponent<import("@radix-ui/react-toast").ToastProviderProps & import("./ToastRoot").ToastProps & import("react").RefAttributes<never>>;
+    Title: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-toast").ToastTitleProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("./ToastTitle").ToastTitleProps & import("react").RefAttributes<HTMLDivElement>>;
+    Description: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-toast").ToastDescriptionProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("./ToastDescription").ToastDescriptionProps & import("react").RefAttributes<HTMLDivElement>>;
+    ActionButton: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-toast").ToastActionProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("./ToastActionButton").ToastActionButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
+};
+export default Toast;

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

@@ -1,2 +1,11 @@
-import{ToastRoot as o}from"./ToastRoot.js";import{ToastTitle as t}from"./ToastTitle.js";import{ToastDescription as i}from"./ToastDescription.js";import{ToastActionButton as r}from"./ToastActionButton.js";var s={Root:o,Title:t,Description:i,ActionButton:r};export{s as default};
-//# sourceMappingURL=index.js.map
+import { ToastRoot as Root } from './ToastRoot';
+import { ToastTitle as Title } from './ToastTitle';
+import { ToastDescription as Description } from './ToastDescription';
+import { ToastActionButton as ActionButton } from './ToastActionButton';
+var Toast = {
+    Root: Root,
+    Title: Title,
+    Description: Description,
+    ActionButton: ActionButton,
+};
+export default Toast;

package/dist/lib/components/Toggle/ToggleWithText.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+import { VariantProps } from 'class-variance-authority';
+import * as TogglePrimitive from '@radix-ui/react-toggle';
+import { IAppearance } from '../../../lib/types';
+export interface ToggleWithTextProps extends VariantProps<typeof toggleWithTextVariants> {
+    text?: string;
+    appearance?: IAppearance;
+    size?: 'small' | 'medium' | 'large';
+}
+declare const toggleWithTextVariants: (props?: ({
+    radius?: "small" | "none" | "medium" | "large" | "full" | null | undefined;
+    size?: "small" | "medium" | "large" | null | undefined;
+    scaling?: "90%" | "95%" | "100%" | "105%" | "110%" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export declare const IconScaling: {
+    small: string;
+    medium: string;
+    large: string;
+};
+export declare const ToggleWithText: React.ForwardRefExoticComponent<Omit<TogglePrimitive.ToggleProps & React.RefAttributes<HTMLButtonElement>, "ref"> & ToggleWithTextProps & React.RefAttributes<HTMLButtonElement>>;
+export default ToggleWithText;

package/dist/lib/components/Toggle/ToggleWithText.js

@@ -1,2 +1,58 @@
-import{j as e}from"../../../../_virtual/jsx-runtime.js";import t,{forwardRef as r,Children as a}from"react";import{cva as s}from"../../../../node_modules/class-variance-authority/dist/index.mjs.js";import{Root as i}from"../../../../node_modules/@radix-ui/react-toggle/dist/index.mjs.js";import{radiusVariants as o,scalingVariants as n,toggleAppearanceStyle as l}from"../../constants.js";import{cn as m}from"../../utils/utils.js";var c=function(){return c=Object.assign||function(e){for(var t,r=1,a=arguments.length;r<a;r++)for(var s in t=arguments[r])Object.prototype.hasOwnProperty.call(t,s)&&(e[s]=t[s]);return e},c.apply(this,arguments)},p=function(e,t){var r={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&t.indexOf(a)<0&&(r[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var s=0;for(a=Object.getOwnPropertySymbols(e);s<a.length;s++)t.indexOf(a[s])<0&&Object.prototype.propertyIsEnumerable.call(e,a[s])&&(r[a[s]]=e[a[s]])}return r},u=s("flex items-center justify-center box-border font-medium",{variants:{radius:c({},o.base),size:{small:"h-6 px-2 text-xs gap-1",medium:"h-8 px-3 text-sm gap-2",large:"h-10 px-4 text-base gap-3"},scaling:c({},n)},defaultVariants:{radius:"medium",size:"medium",scaling:"100%"}}),d={small:"w-[14px]",medium:"w-4",large:"w-[18px]"},f=r((function(r,s){var o=r.className,n=r.children,f=r.radius,x=r.size,g=void 0===x?"medium":x,j=r.scaling,y=r.color,b=void 0===y?"red":y,h=r.appearance,v=void 0===h?"surface":h,O=r.text,w=p(r,["className","children","radius","size","scaling","color","appearance","text"]);return e.jsxs(i,c({ref:s,className:m(u({radius:f,size:g,scaling:j}),l(v,b,!0,"data-[state=on]:"),o)},w,{children:[a.map(n,(function(e){return t.cloneElement(e,{className:d[g]})})),O]}))}));f.displayName="ToggleWithText";export{d as IconScaling,f as ToggleWithText,f as default};
-//# sourceMappingURL=ToggleWithText.js.map
+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 { jsxs as _jsxs } from "react/jsx-runtime";
+import React, { Children, forwardRef } from 'react';
+import { cva } from 'class-variance-authority';
+import * as TogglePrimitive from '@radix-ui/react-toggle';
+import { radiusVariants, toggleAppearanceStyle } from '../../../lib/constants';
+import { scalingVariants } from '../../../lib/constants';
+import { cn } from '../../../lib/utils/utils';
+var toggleWithTextVariants = cva('flex items-center justify-center box-border font-medium', {
+    variants: {
+        radius: __assign({}, radiusVariants['base']),
+        size: {
+            small: 'h-6 px-2 text-xs gap-1',
+            medium: 'h-8 px-3 text-sm gap-2',
+            large: 'h-10 px-4 text-base gap-3',
+        },
+        scaling: __assign({}, scalingVariants),
+    },
+    defaultVariants: {
+        radius: 'medium',
+        size: 'medium',
+        scaling: '100%',
+    },
+});
+export var IconScaling = {
+    small: 'w-[14px]',
+    medium: 'w-4',
+    large: 'w-[18px]',
+};
+export var ToggleWithText = forwardRef(function (_a, ref) {
+    var className = _a.className, children = _a.children, radius = _a.radius, _b = _a.size, size = _b === void 0 ? 'medium' : _b, scaling = _a.scaling, _c = _a.color, color = _c === void 0 ? 'red' : _c, _d = _a.appearance, appearance = _d === void 0 ? 'surface' : _d, text = _a.text, props = __rest(_a, ["className", "children", "radius", "size", "scaling", "color", "appearance", "text"]);
+    return (_jsxs(TogglePrimitive.Root, __assign({ ref: ref, className: cn(toggleWithTextVariants({ radius: radius, size: size, scaling: scaling }), toggleAppearanceStyle(appearance, color, true, 'data-[state=on]:'), className) }, props, { children: [Children.map(children, function (child) {
+                return React.cloneElement(child, { className: IconScaling[size] });
+            }), text] })));
+});
+ToggleWithText.displayName = 'ToggleWithText';
+export default ToggleWithText;

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

@@ -0,0 +1,21 @@
+import React from 'react';
+import { VariantProps } from 'class-variance-authority';
+import * as TogglePrimitive from '@radix-ui/react-toggle';
+import { IAppearance } from '../../../lib/types';
+export * from './ToggleWithText';
+export interface ToggleProps extends VariantProps<typeof toggleVariants> {
+    size?: 'small' | 'medium' | 'large';
+    appearance?: IAppearance;
+}
+declare const toggleVariants: (props?: ({
+    radius?: "small" | "none" | "medium" | "large" | "full" | null | undefined;
+    size?: "small" | "medium" | "large" | null | undefined;
+    scaling?: "90%" | "95%" | "100%" | "105%" | "110%" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export declare const IconScaling: {
+    small: string;
+    medium: string;
+    large: string;
+};
+export declare const Toggle: React.ForwardRefExoticComponent<Omit<TogglePrimitive.ToggleProps & React.RefAttributes<HTMLButtonElement>, "ref"> & ToggleProps & React.RefAttributes<HTMLButtonElement>>;
+export default Toggle;

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

@@ -1,2 +1,58 @@
-import{j as e}from"../../../../_virtual/jsx-runtime.js";import r,{forwardRef as t,Children as a}from"react";import{cva as i}from"../../../../node_modules/class-variance-authority/dist/index.mjs.js";import{Root as s}from"../../../../node_modules/@radix-ui/react-toggle/dist/index.mjs.js";import{radiusVariants as o,scalingVariants as n,toggleAppearanceStyle as l}from"../../constants.js";import{cn as c}from"../../utils/utils.js";export{ToggleWithText}from"./ToggleWithText.js";var m=function(){return m=Object.assign||function(e){for(var r,t=1,a=arguments.length;t<a;t++)for(var i in r=arguments[t])Object.prototype.hasOwnProperty.call(r,i)&&(e[i]=r[i]);return e},m.apply(this,arguments)},p=function(e,r){var t={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&r.indexOf(a)<0&&(t[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(a=Object.getOwnPropertySymbols(e);i<a.length;i++)r.indexOf(a[i])<0&&Object.prototype.propertyIsEnumerable.call(e,a[i])&&(t[a[i]]=e[a[i]])}return t},u=i('grid place-content-center items-center justify-center box-border"',{variants:{radius:m({},o.base),size:{small:"w-6 h-6 p-[6px]",medium:"w-8 h-8 p-2",large:"w-10 h-10 p-[11px]"},scaling:m({},n)},defaultVariants:{radius:"medium",size:"medium",scaling:"100%"}}),d={small:"w-[14px]",medium:"w-4",large:"w-[18px]"},f=t((function(t,i){var o=t.className,n=t.children,f=t.radius,g=t.size,j=void 0===g?"medium":g,x=t.scaling,y=t.color,h=void 0===y?"red":y,v=t.appearance,b=void 0===v?"surface":v,O=p(t,["className","children","radius","size","scaling","color","appearance"]);return e.jsx(s,m({ref:i,className:c(u({radius:f,size:j,scaling:x}),l(b,h,!0,"data-[state=on]:"),o)},O,{children:a.map(n,(function(e){return r.cloneElement(e,{className:d[j]})}))}))}));f.displayName="Toggle";export{d as IconScaling,f as Toggle,f as default};
-//# sourceMappingURL=index.js.map
+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, { Children, forwardRef } from 'react';
+import { cva } from 'class-variance-authority';
+import * as TogglePrimitive from '@radix-ui/react-toggle';
+import { radiusVariants, scalingVariants, toggleAppearanceStyle } from '../../../lib/constants';
+import { cn } from '../../../lib/utils/utils';
+export * from './ToggleWithText';
+var toggleVariants = cva('grid place-content-center items-center justify-center box-border"', {
+    variants: {
+        radius: __assign({}, radiusVariants['base']),
+        size: {
+            small: 'w-6 h-6 p-[6px]',
+            medium: 'w-8 h-8 p-2',
+            large: 'w-10 h-10 p-[11px]',
+        },
+        scaling: __assign({}, scalingVariants),
+    },
+    defaultVariants: {
+        radius: 'medium',
+        size: 'medium',
+        scaling: '100%',
+    },
+});
+export var IconScaling = {
+    small: 'w-[14px]',
+    medium: 'w-4',
+    large: 'w-[18px]',
+};
+export var Toggle = forwardRef(function (_a, ref) {
+    var className = _a.className, children = _a.children, radius = _a.radius, _b = _a.size, size = _b === void 0 ? 'medium' : _b, scaling = _a.scaling, _c = _a.color, color = _c === void 0 ? 'red' : _c, _d = _a.appearance, appearance = _d === void 0 ? 'surface' : _d, props = __rest(_a, ["className", "children", "radius", "size", "scaling", "color", "appearance"]);
+    return (_jsx(TogglePrimitive.Root, __assign({ ref: ref, className: cn(toggleVariants({ radius: radius, size: size, scaling: scaling }), toggleAppearanceStyle(appearance, color, true, 'data-[state=on]:'), className) }, props, { children: Children.map(children, function (child) {
+            return React.cloneElement(child, { className: IconScaling[size] });
+        }) })));
+});
+Toggle.displayName = 'Toggle';
+export default Toggle;

package/dist/lib/components/ToggleGroup/ToggleGroupItem.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
+import { VariantProps } from 'class-variance-authority';
+import { IAppearance } from '../../../lib/types';
+export interface ToggleGroupItemProps extends VariantProps<typeof toggleGroupItemVariants> {
+    appearance?: IAppearance;
+    size?: 'small' | 'medium' | 'large';
+}
+export declare const toggleGroupItemVariants: (props?: ({
+    size?: "small" | "medium" | "large" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export declare const IconScaling: {
+    small: string;
+    medium: string;
+    large: string;
+};
+export declare const ToggleGroupItem: React.ForwardRefExoticComponent<Omit<ToggleGroupPrimitive.ToggleGroupItemProps & React.RefAttributes<HTMLButtonElement>, "ref"> & ToggleGroupItemProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/lib/components/ToggleGroup/ToggleGroupItem.js

@@ -1,2 +1,54 @@
-import{j as e}from"../../../../_virtual/jsx-runtime.js";import r,{forwardRef as t,useContext as o,Children as a}from"react";import{Item as n}from"../../../../node_modules/@radix-ui/react-toggle-group/dist/index.mjs.js";import{cva as s}from"../../../../node_modules/class-variance-authority/dist/index.mjs.js";import{toggleAppearanceStyle as i}from"../../constants.js";import{ToggleGroupContext as l}from"./ToggleGroupRoot.js";import{cn as m}from"../../utils/utils.js";var p=function(){return p=Object.assign||function(e){for(var r,t=1,o=arguments.length;t<o;t++)for(var a in r=arguments[t])Object.prototype.hasOwnProperty.call(r,a)&&(e[a]=r[a]);return e},p.apply(this,arguments)},u=function(e,r){var t={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&r.indexOf(o)<0&&(t[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(o=Object.getOwnPropertySymbols(e);a<o.length;a++)r.indexOf(o[a])<0&&Object.prototype.propertyIsEnumerable.call(e,o[a])&&(t[o[a]]=e[o[a]])}return t},c=s("grid place-content-center mr-[-1px] first:rounded-l last:rounded-r",{variants:{size:{small:"w-6 h-6 p-[6px]",medium:"w-8 h-8 p-2",large:"w-10 h-10 p-[11px]"}},defaultVariants:{size:"medium"}}),d={small:"w-[14px]",medium:"w-4",large:"w-[18px]"},f=t((function(t,s){var f=t.className,j=t.children,g=t.value,v=u(t,["className","children","value"]),y=o(l),x=y.size,h=y.color,O=void 0===h?"red":h,w=y.appearance,b=void 0===w?"surface":w;return e.jsx(n,p({ref:s,value:g,className:m(c({size:x}),i(b,O,!0,"data-[state=on]:"),f)},v,{children:a.map(j,(function(e){return r.cloneElement(e,{className:d[null!=x?x:"medium"]})}))}))}));f.displayName="ToggleGroup.Item";export{d as IconScaling,f as ToggleGroupItem,c as toggleGroupItemVariants};
-//# sourceMappingURL=ToggleGroupItem.js.map
+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, { Children, forwardRef, useContext, } from 'react';
+import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
+import { cva } from 'class-variance-authority';
+import { toggleAppearanceStyle } from '../../../lib/constants';
+import { ToggleGroupContext } from './ToggleGroupRoot';
+import { cn } from '../../../lib/utils/utils';
+export var toggleGroupItemVariants = cva('grid place-content-center mr-[-1px] first:rounded-l last:rounded-r', {
+    variants: {
+        size: {
+            small: 'w-6 h-6 p-[6px]',
+            medium: 'w-8 h-8 p-2',
+            large: 'w-10 h-10 p-[11px]',
+        },
+    },
+    defaultVariants: {
+        size: 'medium',
+    },
+});
+export var IconScaling = {
+    small: 'w-[14px]',
+    medium: 'w-4',
+    large: 'w-[18px]',
+};
+export var ToggleGroupItem = forwardRef(function (_a, ref) {
+    var className = _a.className, children = _a.children, value = _a.value, props = __rest(_a, ["className", "children", "value"]);
+    var _b = useContext(ToggleGroupContext), size = _b.size, _c = _b.color, color = _c === void 0 ? 'red' : _c, _d = _b.appearance, appearance = _d === void 0 ? 'surface' : _d;
+    return (_jsx(ToggleGroupPrimitive.Item, __assign({ ref: ref, value: value, className: cn(toggleGroupItemVariants({ size: size }), toggleAppearanceStyle(appearance, color, true, 'data-[state=on]:'), className) }, props, { children: Children.map(children, function (child) {
+            return React.cloneElement(child, { className: IconScaling[size !== null && size !== void 0 ? size : 'medium'] });
+        }) })));
+});
+ToggleGroupItem.displayName = 'ToggleGroup.Item';

package/dist/lib/components/ToggleGroup/ToggleGroupRoot.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
+import { VariantProps } from 'class-variance-authority';
+import { toggleGroupItemVariants } from './ToggleGroupItem';
+import { IAppearance, IColor } from '../../../lib/types';
+export interface ToggleGroupProps extends VariantProps<typeof toggleVariants>, VariantProps<typeof toggleGroupItemVariants> {
+    appearance?: IAppearance;
+    color?: IColor;
+}
+declare const toggleVariants: (props?: ({
+    scaling?: "90%" | "95%" | "100%" | "105%" | "110%" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export declare const ToggleGroupContext: React.Context<ToggleGroupProps>;
+export declare const ToggleGroupRoot: React.ForwardRefExoticComponent<(React.ComponentPropsWithoutRef<React.ForwardRefExoticComponent<(ToggleGroupPrimitive.ToggleGroupSingleProps | ToggleGroupPrimitive.ToggleGroupMultipleProps) & React.RefAttributes<HTMLDivElement>>> & ToggleGroupProps) & React.RefAttributes<HTMLDivElement>>;
+export {};

package/dist/lib/components/ToggleGroup/ToggleGroupRoot.js

@@ -1,2 +1,48 @@
-import{j as r}from"../../../../_virtual/jsx-runtime.js";import{createContext as e,forwardRef as o}from"react";import{Root as a}from"../../../../node_modules/@radix-ui/react-toggle-group/dist/index.mjs.js";import{cva as t}from"../../../../node_modules/class-variance-authority/dist/index.mjs.js";import{scalingVariants as n}from"../../constants.js";import{cn as i}from"../../utils/utils.js";var s=function(){return s=Object.assign||function(r){for(var e,o=1,a=arguments.length;o<a;o++)for(var t in e=arguments[o])Object.prototype.hasOwnProperty.call(e,t)&&(r[t]=e[t]);return r},s.apply(this,arguments)},l=function(r,e){var o={};for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&e.indexOf(a)<0&&(o[a]=r[a]);if(null!=r&&"function"==typeof Object.getOwnPropertySymbols){var t=0;for(a=Object.getOwnPropertySymbols(r);t<a.length;t++)e.indexOf(a[t])<0&&Object.prototype.propertyIsEnumerable.call(r,a[t])&&(o[a[t]]=r[a[t]])}return o},c=t("inline-flex",{variants:{scaling:s({},n)},defaultVariants:{scaling:"100%"}}),p=e({size:"medium",color:"red",appearance:"surface"}),m=o((function(e,o){var t=e.className,n=e.children,m=e.scaling,u=e.size,f=e.color,d=e.appearance,j=l(e,["className","children","scaling","size","color","appearance"]),g=(s({},j).type,{size:u,color:f,appearance:d});return r.jsx(p.Provider,{value:g,children:r.jsx(a,s({className:i(c({scaling:m}),t)},j,{ref:o,children:n}))})}));m.displayName="ToggleGroup.Root";export{p as ToggleGroupContext,m as ToggleGroupRoot};
-//# sourceMappingURL=ToggleGroupRoot.js.map
+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 { createContext, forwardRef } from 'react';
+import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
+import { cva } from 'class-variance-authority';
+import { scalingVariants } from '../../../lib/constants';
+import { cn } from '../../../lib/utils/utils';
+var toggleVariants = cva('inline-flex', {
+    variants: {
+        scaling: __assign({}, scalingVariants),
+    },
+    defaultVariants: {
+        scaling: '100%',
+    },
+});
+export var ToggleGroupContext = createContext({
+    size: 'medium',
+    color: 'red',
+    appearance: 'surface',
+});
+export var ToggleGroupRoot = forwardRef(function (_a, ref) {
+    var className = _a.className, children = _a.children, scaling = _a.scaling, size = _a.size, color = _a.color, appearance = _a.appearance, props = __rest(_a, ["className", "children", "scaling", "size", "color", "appearance"]);
+    var type = __assign({}, props).type;
+    var contextValue = { size: size, color: color, appearance: appearance };
+    return (_jsx(ToggleGroupContext.Provider, { value: contextValue, children: type === 'single' ? (_jsx(ToggleGroupPrimitive.Root, __assign({ className: cn(toggleVariants({ scaling: scaling }), className) }, props, { ref: ref, children: children }))) : (_jsx(ToggleGroupPrimitive.Root, __assign({ className: cn(toggleVariants({ scaling: scaling }), className) }, props, { ref: ref, children: children }))) }));
+});
+ToggleGroupRoot.displayName = 'ToggleGroup.Root';

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

@@ -0,0 +1,5 @@
+declare const ToggleGroup: {
+    Root: import("react").ForwardRefExoticComponent<(import("react").ComponentPropsWithoutRef<import("react").ForwardRefExoticComponent<(import("@radix-ui/react-toggle-group").ToggleGroupSingleProps | import("@radix-ui/react-toggle-group").ToggleGroupMultipleProps) & import("react").RefAttributes<HTMLDivElement>>> & import("./ToggleGroupRoot").ToggleGroupProps) & import("react").RefAttributes<HTMLDivElement>>;
+    Item: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-toggle-group").ToggleGroupItemProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("./ToggleGroupItem").ToggleGroupItemProps & import("react").RefAttributes<HTMLButtonElement>>;
+};
+export default ToggleGroup;

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

@@ -1,2 +1,7 @@
-import{ToggleGroupRoot as o}from"./ToggleGroupRoot.js";import{ToggleGroupItem as r}from"./ToggleGroupItem.js";var t={Root:o,Item:r};export{t as default};
-//# sourceMappingURL=index.js.map
+import { ToggleGroupRoot } from './ToggleGroupRoot';
+import { ToggleGroupItem } from './ToggleGroupItem';
+var ToggleGroup = {
+    Root: ToggleGroupRoot,
+    Item: ToggleGroupItem,
+};
+export default ToggleGroup;

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

@@ -0,0 +1,13 @@
+import React from 'react';
+import { VariantProps } from 'class-variance-authority';
+export interface ToggleSwitchProps extends VariantProps<typeof toggleSwitchVariants> {
+    appearance?: 'classic' | 'soft' | 'surface';
+    children?: any;
+}
+declare const toggleSwitchVariants: (props?: ({
+    scaling?: "90%" | "95%" | "100%" | "105%" | "110%" | null | undefined;
+    radius?: "small" | "none" | "medium" | "large" | "full" | null | undefined;
+    size?: "small" | "medium" | "large" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export declare const ToggleSwitch: React.ForwardRefExoticComponent<Omit<import("@radix-ui/themes").SwitchProps & React.RefAttributes<HTMLButtonElement>, "ref"> & ToggleSwitchProps & React.RefAttributes<HTMLButtonElement>>;
+export default ToggleSwitch;