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

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

@@ -1,2 +1,64 @@
-import{j as e}from"../../../../_virtual/jsx-runtime.js";import{forwardRef as r}from"react";import{cva as a}from"../../../../node_modules/class-variance-authority/dist/index.mjs.js";import{scalingVariants as t,weightVariants as s}from"../../constants.js";import{cn as i}from"../../utils/utils.js";var n=function(){return n=Object.assign||function(e){for(var r,a=1,t=arguments.length;a<t;a++)for(var s in r=arguments[a])Object.prototype.hasOwnProperty.call(r,s)&&(e[s]=r[s]);return e},n.apply(this,arguments)},o=function(e,r){var a={};for(var t in e)Object.prototype.hasOwnProperty.call(e,t)&&r.indexOf(t)<0&&(a[t]=e[t]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var s=0;for(t=Object.getOwnPropertySymbols(e);s<t.length;s++)r.indexOf(t[s])<0&&Object.prototype.propertyIsEnumerable.call(e,t[s])&&(a[t[s]]=e[t[s]])}return a},l=a("border border-slate-6 flex items-center text-slate-12\n  dark:border-slateDarkA-6 dark:text-slateDarkA-12\n  ",{variants:{radius:{none:"rounded-none",small:"rounded-[3px]",medium:"rounded",large:"rounded-md",full:"rounded-md"},size:{small:"text-sm min-h-[64px] w-[300px] p-3 space-x-3",medium:"text-base min-h-[80px] w-[350px] p-4 space-x-4",large:"text-lg min-h-[112px] w-[400px] p-8 space-x-8"},scaling:n({},t),weight:n({},s)},defaultVariants:{radius:"medium",scaling:"100%",size:"medium",weight:"medium"}}),d=r((function(r,a){var t=r.children,s=r.className,d=r.radius,c=r.scaling,p=r.size;r.color,r.weight;var m=r.appearance,u=void 0===m?"surface":m,f=o(r,["children","className","radius","scaling","size","color","weight","appearance"]),x="";return"classic"===u&&(x="shadow-card-classic dark:shadow-card-dark-classic"),"ghost"===u&&(x="border-transparent"),e.jsx("div",n({className:i(l({radius:d,scaling:c,size:p}),x,s),ref:a},f,{children:t}))}));d.displayName="Card";export{d 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 { forwardRef } from 'react';
+import { cva } from 'class-variance-authority';
+import { scalingVariants, weightVariants } from '../../../lib/constants';
+import { cn } from '../../../lib/utils/utils';
+var cardVariants = cva("border border-slate-6 flex items-center text-slate-12\n  dark:border-slateDarkA-6 dark:text-slateDarkA-12\n  ", {
+    variants: {
+        radius: {
+            none: 'rounded-none',
+            small: 'rounded-[3px]',
+            medium: 'rounded',
+            large: 'rounded-md',
+            full: 'rounded-md',
+        },
+        size: {
+            small: 'text-sm min-h-[64px] w-[300px] p-3 space-x-3',
+            medium: 'text-base min-h-[80px] w-[350px] p-4 space-x-4',
+            large: 'text-lg min-h-[112px] w-[400px] p-8 space-x-8',
+        },
+        scaling: __assign({}, scalingVariants),
+        weight: __assign({}, weightVariants),
+    },
+    defaultVariants: {
+        radius: 'medium',
+        scaling: '100%',
+        size: 'medium',
+        weight: 'medium',
+    },
+});
+var Card = forwardRef(function (_a, ref) {
+    var children = _a.children, className = _a.className, radius = _a.radius, scaling = _a.scaling, size = _a.size, color = _a.color, weight = _a.weight, _b = _a.appearance, appearance = _b === void 0 ? 'surface' : _b, props = __rest(_a, ["children", "className", "radius", "scaling", "size", "color", "weight", "appearance"]);
+    var appearanceClassName = '';
+    if (appearance === 'classic') {
+        appearanceClassName = 'shadow-card-classic dark:shadow-card-dark-classic';
+    }
+    if (appearance === 'ghost') {
+        appearanceClassName = 'border-transparent';
+    }
+    return (_jsx("div", __assign({ className: cn(cardVariants({ radius: radius, scaling: scaling, size: size }), appearanceClassName, className), ref: ref }, props, { children: children })));
+});
+Card.displayName = 'Card';
+export default Card;

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

@@ -0,0 +1,17 @@
+import React from 'react';
+import { VariantProps } from 'class-variance-authority';
+import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
+import { IAppearance, IColor } from '../../../lib/types';
+export interface CheckboxProps extends VariantProps<typeof CheckboxVariants> {
+    id: string;
+    color?: IColor;
+    appearance?: Exclude<IAppearance, 'ghost' | 'outline' | 'solid'>;
+    indeterminate?: boolean;
+}
+export declare const CheckboxVariants: (props?: ({
+    size?: "small" | "medium" | "large" | null | undefined;
+    scaling?: "90%" | "95%" | "100%" | "105%" | "110%" | null | undefined;
+    radius?: "small" | "none" | "medium" | "large" | "full" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export declare const Checkbox: React.ForwardRefExoticComponent<Omit<CheckboxPrimitive.CheckboxProps & React.RefAttributes<HTMLButtonElement>, "ref"> & CheckboxProps & React.RefAttributes<HTMLButtonElement>>;
+export default Checkbox;

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

@@ -1,2 +1,89 @@
-import{j as e}from"../../../../_virtual/jsx-runtime.js";import{forwardRef as s}from"react";import{cva as r}from"../../../../node_modules/class-variance-authority/dist/index.mjs.js";import{Root as a,Indicator as i}from"../../../../node_modules/@radix-ui/react-checkbox/dist/index.mjs.js";import{MinusIcon as t,CheckIcon as l}from"../../../../node_modules/@radix-ui/react-icons/dist/react-icons.esm.js";import{Label as n}from"../Label/index.js";import{cn as c}from"../../utils/utils.js";import{radiusVariants as o,scalingVariants as m,textColorStyle as d,checkboxAppearanceStyle as u}from"../../constants.js";var f=function(){return f=Object.assign||function(e){for(var s,r=1,a=arguments.length;r<a;r++)for(var i in s=arguments[r])Object.prototype.hasOwnProperty.call(s,i)&&(e[i]=s[i]);return e},f.apply(this,arguments)},p=function(e,s){var r={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&s.indexOf(a)<0&&(r[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(a=Object.getOwnPropertySymbols(e);i<a.length;i++)s.indexOf(a[i])<0&&Object.prototype.propertyIsEnumerable.call(e,a[i])&&(r[a[i]]=e[a[i]])}return r},x=r("peer ring-offset-background",{variants:{size:{small:"h-3.5 w-3.5 mr-2",medium:"h-4 w-4 mr-2",large:"h-5 w-5 mr-3"},scaling:{"90%":"scale-90 mr-1.5","95%":"scale-95 mr-2","100%":"scale-100 mr-2","105%":"scale-105 mr-2.5","110%":"scale-110 mr-3"},radius:f({},o.small)},defaultVariants:{radius:"medium",size:"medium",scaling:"100%"}}),j=r("stroke-current",{variants:{size:{small:"w-3.5",medium:"w-4",large:"w-5"},scaling:f({},m)},defaultVariants:{size:"medium",scaling:"100%"}}),g=r("",{variants:{size:{small:"text-xs",medium:"text-sm",large:"text-base"},scaling:f({},m),color:d()},defaultVariants:{size:"medium",scaling:"100%",color:"black"}}),h=s((function(s,r){var o=s.id,m=s.className,d=s.children,h=s.scaling,v=s.radius,b=s.size,y=s.color,z=void 0===y?"red":y,O=s.appearance,w=void 0===O?"surface":O,N=s.indeterminate,k=void 0!==N&&N,P=p(s,["id","className","children","scaling","radius","size","color","appearance","indeterminate"]),_=c(x({scaling:h,size:b,radius:v}),u(w,z,k),m);return e.jsxs("div",{className:"flex items-center",children:[e.jsx(a,f({id:o,ref:r,className:_},P,{children:e.jsx(i,{className:c("flex items-center justify-center text-current stroke-[0.5px]"),children:k?e.jsx(t,{className:c(j({scaling:h,size:b}),"w-3")}):e.jsx(l,{className:c(j({scaling:h,size:b}))})})})),d&&e.jsx(n,{className:c(g({scaling:h,size:b}),m),htmlFor:o,children:d})]})}));h.displayName="Checkbox";export{h as Checkbox,x as CheckboxVariants,h 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, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { cva } from 'class-variance-authority';
+import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
+import { CheckIcon, MinusIcon } from '@radix-ui/react-icons';
+import { Label } from '../../../lib/components/Label';
+import { cn } from '../../../lib/utils/utils';
+import { checkboxAppearanceStyle, radiusVariants, scalingVariants, textColorStyle, } from '../../../lib/constants';
+export var CheckboxVariants = cva("peer ring-offset-background", {
+    variants: {
+        size: {
+            small: 'h-3.5 w-3.5 mr-2',
+            medium: 'h-4 w-4 mr-2',
+            large: 'h-5 w-5 mr-3',
+        },
+        scaling: {
+            '90%': 'scale-90 mr-1.5',
+            '95%': 'scale-95 mr-2',
+            '100%': 'scale-100 mr-2',
+            '105%': 'scale-105 mr-2.5',
+            '110%': 'scale-110 mr-3',
+        },
+        radius: __assign({}, radiusVariants['small']),
+    },
+    defaultVariants: {
+        radius: 'medium',
+        size: 'medium',
+        scaling: '100%',
+    },
+});
+var CheckboxIndicatorVariants = cva('stroke-current', {
+    variants: {
+        size: {
+            small: 'w-3.5',
+            medium: 'w-4',
+            large: 'w-5',
+        },
+        scaling: __assign({}, scalingVariants),
+    },
+    defaultVariants: {
+        size: 'medium',
+        scaling: '100%',
+    },
+});
+var CheckboxLabelVariants = cva('', {
+    variants: {
+        size: {
+            small: 'text-xs',
+            medium: 'text-sm',
+            large: 'text-base',
+        },
+        scaling: __assign({}, scalingVariants),
+        color: textColorStyle(),
+    },
+    defaultVariants: {
+        size: 'medium',
+        scaling: '100%',
+        color: 'black',
+    },
+});
+export var Checkbox = forwardRef(function (_a, ref) {
+    var id = _a.id, className = _a.className, children = _a.children, scaling = _a.scaling, radius = _a.radius, size = _a.size, _b = _a.color, color = _b === void 0 ? 'red' : _b, _c = _a.appearance, appearance = _c === void 0 ? 'surface' : _c, _d = _a.indeterminate, indeterminate = _d === void 0 ? false : _d, props = __rest(_a, ["id", "className", "children", "scaling", "radius", "size", "color", "appearance", "indeterminate"]);
+    var checkboxClassName = cn(CheckboxVariants({ scaling: scaling, size: size, radius: radius }), checkboxAppearanceStyle(appearance, color, indeterminate), className);
+    return (_jsxs("div", { className: "flex items-center", children: [_jsx(CheckboxPrimitive.Root, __assign({ id: id, ref: ref, className: checkboxClassName }, props, { children: _jsx(CheckboxPrimitive.Indicator, { className: cn('flex items-center justify-center text-current stroke-[0.5px]'), children: indeterminate ? (_jsx(MinusIcon, { className: cn(CheckboxIndicatorVariants({ scaling: scaling, size: size }), 'w-3') })) : (_jsx(CheckIcon, { className: cn(CheckboxIndicatorVariants({ scaling: scaling, size: size })) })) }) })), children && (_jsx(Label, { className: cn(CheckboxLabelVariants({ scaling: scaling, size: size }), className), htmlFor: id, children: children }))] }));
+});
+Checkbox.displayName = 'Checkbox';
+export default Checkbox;

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

@@ -0,0 +1,20 @@
+import React from 'react';
+import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
+import { VariantProps } from 'class-variance-authority';
+import { IColor, IRadius, IScaling } from '../../../lib/types';
+import { CheckboxVariants } from '../../../lib/components/Checkbox';
+export interface CheckboxCardProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof CheckboxVariants> {
+    id: string;
+    scaling?: IScaling;
+    radius?: IRadius;
+    color?: IColor;
+    appearance?: 'classic' | 'surface' | 'ghost';
+    ariaDisabled?: boolean;
+}
+export declare const CheckboxCardVariants: (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;
+declare const CheckboxCard: React.ForwardRefExoticComponent<Omit<CheckboxPrimitive.CheckboxProps & React.RefAttributes<HTMLButtonElement>, "ref"> & CheckboxCardProps & React.RefAttributes<HTMLButtonElement>>;
+export default CheckboxCard;

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

@@ -1,2 +1,58 @@
-import{j as a}from"../../../../_virtual/jsx-runtime.js";import{forwardRef as r}from"react";import{cva as e}from"../../../../node_modules/class-variance-authority/dist/index.mjs.js";import{Checkbox as s}from"../Checkbox/index.js";import{Label as i}from"../Label/index.js";import{cn as t}from"../../utils/utils.js";import{scalingVariants as d}from"../../constants.js";var l=function(){return l=Object.assign||function(a){for(var r,e=1,s=arguments.length;e<s;e++)for(var i in r=arguments[e])Object.prototype.hasOwnProperty.call(r,i)&&(a[i]=r[i]);return a},l.apply(this,arguments)},o=function(a,r){var e={};for(var s in a)Object.prototype.hasOwnProperty.call(a,s)&&r.indexOf(s)<0&&(e[s]=a[s]);if(null!=a&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(s=Object.getOwnPropertySymbols(a);i<s.length;i++)r.indexOf(s[i])<0&&Object.prototype.propertyIsEnumerable.call(a,s[i])&&(e[s[i]]=a[s[i]])}return e},n=e("flex justify-between space-x-2 w-fit min-w-[200px] border border-slate-7 text-slate-12\n    hover:border-slate-8 hover:cursor-pointer aria-disabled:bg-slate-3 aria-disabled:cursor-not-allowed aria-disabled:text-slateA-9\n    dark:border-slateDark-6 dark:text-slateDark-12 dark:hover:border-slateDark-7\n    dark:aria-disabled:bg-slateDark-3 dark:aria-disabled:text-slateDarkA-8",{variants:{radius:{none:"rounded-none",small:"rounded-[3px]",medium:"rounded",large:"rounded-md",full:"rounded-md"},size:{small:"text-sm px-3 py-2.5",medium:"text-sm px-4 py-3.5",large:"text-base px-6 py-[20px]"},scaling:l({},d)},defaultVariants:{radius:"medium",scaling:"100%",size:"medium"}}),c=r((function(r,e){var d=r.className,c=r.children,m=r.size,p=r.scaling,u=r.radius,b=r.color,f=r.appearance,x=void 0===f?"surface":f,j=r.id,y=r.disabled,h=o(r,["className","children","size","scaling","radius","color","appearance","id","disabled"]),g=t(n({size:m,radius:u,scaling:p}),"classic"===x?"shadow-card-classic dark:shadow-card-dark-classic":"",d);return a.jsxs(i,{htmlFor:j,className:g,"aria-disabled":y,children:[c,a.jsx(s,l({className:"mr-0",ref:e,id:j,size:m,scaling:p,radius:u,color:b,disabled:y,appearance:"classic"===x?"classic":"surface"},h))]})}));c.displayName="CheckboxCard";export{n as CheckboxCardVariants,c 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, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { cva } from 'class-variance-authority';
+import Checkbox from '../../../lib/components/Checkbox';
+import { Label } from '../../../lib/components/Label';
+import { cn } from '../../../lib/utils/utils';
+import { scalingVariants } from '../../../lib/constants';
+export var CheckboxCardVariants = cva("flex justify-between space-x-2 w-fit min-w-[200px] border border-slate-7 text-slate-12\n    hover:border-slate-8 hover:cursor-pointer aria-disabled:bg-slate-3 aria-disabled:cursor-not-allowed aria-disabled:text-slateA-9\n    dark:border-slateDark-6 dark:text-slateDark-12 dark:hover:border-slateDark-7\n    dark:aria-disabled:bg-slateDark-3 dark:aria-disabled:text-slateDarkA-8", {
+    variants: {
+        radius: {
+            none: 'rounded-none',
+            small: 'rounded-[3px]',
+            medium: 'rounded',
+            large: 'rounded-md',
+            full: 'rounded-md',
+        },
+        size: {
+            small: 'text-sm px-3 py-2.5',
+            medium: 'text-sm px-4 py-3.5',
+            large: 'text-base px-6 py-[20px]',
+        },
+        scaling: __assign({}, scalingVariants),
+    },
+    defaultVariants: {
+        radius: 'medium',
+        scaling: '100%',
+        size: 'medium',
+    },
+});
+var CheckboxCard = forwardRef(function (_a, ref) {
+    var className = _a.className, children = _a.children, size = _a.size, scaling = _a.scaling, radius = _a.radius, color = _a.color, _b = _a.appearance, appearance = _b === void 0 ? 'surface' : _b, id = _a.id, disabled = _a.disabled, props = __rest(_a, ["className", "children", "size", "scaling", "radius", "color", "appearance", "id", "disabled"]);
+    var labelClassName = cn(CheckboxCardVariants({ size: size, radius: radius, scaling: scaling }), appearance === 'classic' ? 'shadow-card-classic dark:shadow-card-dark-classic' : '', className);
+    return (_jsxs(Label, { htmlFor: id, className: labelClassName, "aria-disabled": disabled, children: [children, _jsx(Checkbox, __assign({ className: "mr-0", ref: ref, id: id, size: size, scaling: scaling, radius: radius, color: color, disabled: disabled, appearance: appearance === 'classic' ? 'classic' : 'surface' }, props))] }));
+});
+CheckboxCard.displayName = 'CheckboxCard';
+export default CheckboxCard;

package/dist/lib/components/CheckboxGroup/CheckboxGroupItem.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
+import { CheckboxProps } from '../../../lib/components/Checkbox';
+export declare const CheckboxGroupItem: React.ForwardRefExoticComponent<Omit<CheckboxPrimitive.CheckboxProps & React.RefAttributes<HTMLButtonElement>, "ref"> & CheckboxProps & React.RefAttributes<HTMLButtonElement>>;
+export default CheckboxGroupItem;

package/dist/lib/components/CheckboxGroup/CheckboxGroupItem.js

@@ -1,2 +1,33 @@
-import{j as e}from"../../../../_virtual/jsx-runtime.js";import{forwardRef as r}from"react";import{Checkbox as a}from"../Checkbox/index.js";import{useCheckboxGroupContext as t}from"./CheckboxGroupRoot.js";var o=function(){return o=Object.assign||function(e){for(var r,a=1,t=arguments.length;a<t;a++)for(var o in r=arguments[a])Object.prototype.hasOwnProperty.call(r,o)&&(e[o]=r[o]);return e},o.apply(this,arguments)},l=function(e,r){var a={};for(var t in e)Object.prototype.hasOwnProperty.call(e,t)&&r.indexOf(t)<0&&(a[t]=e[t]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(t=Object.getOwnPropertySymbols(e);o<t.length;o++)r.indexOf(t[o])<0&&Object.prototype.propertyIsEnumerable.call(e,t[o])&&(a[t[o]]=e[t[o]])}return a},n=r((function(r,n){var i=r.className,c=r.children;r.value;var s=r.id,p=r.defaultValue,u=l(r,["className","children","value","id","defaultValue"]),f=t(),d=f.scaling,m=f.size,h=f.color,j=f.radius,y=f.appearance;return e.jsx("div",{className:"flex",children:e.jsx(a,o({className:i,ref:n,id:s,defaultChecked:p==s,scaling:d,radius:j,color:h,size:m,appearance:y},u,{children:c}))})}));n.displayName="CheckboxGroup.Item";export{n as CheckboxGroupItem,n as default};
-//# sourceMappingURL=CheckboxGroupItem.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 Checkbox from '../../../lib/components/Checkbox';
+import { useCheckboxGroupContext } from './CheckboxGroupRoot';
+export var CheckboxGroupItem = forwardRef(function (_a, ref) {
+    var className = _a.className, children = _a.children, value = _a.value, id = _a.id, defaultValue = _a.defaultValue, props = __rest(_a, ["className", "children", "value", "id", "defaultValue"]);
+    var _b = useCheckboxGroupContext(), scaling = _b.scaling, size = _b.size, color = _b.color, radius = _b.radius, appearance = _b.appearance;
+    return (_jsx("div", { className: "flex", children: _jsx(Checkbox, __assign({ className: className, ref: ref, id: id, defaultChecked: defaultValue == id, scaling: scaling, radius: radius, color: color, size: size, appearance: appearance }, props, { children: children })) }));
+});
+CheckboxGroupItem.displayName = 'CheckboxGroup.Item';
+export default CheckboxGroupItem;

package/dist/lib/components/CheckboxGroup/CheckboxGroupRoot.d.ts

@@ -0,0 +1,17 @@
+import React, { ReactNode } from 'react';
+import { CheckboxGroup as CheckboxGroupTheme } from '@radix-ui/themes';
+import { CheckboxVariants } from '../../../lib/components/Checkbox';
+import { VariantProps } from 'class-variance-authority';
+import { IAppearance, IColor } from '../../../lib/types';
+export interface CheckboxGroupRootProps extends VariantProps<typeof CheckboxGroupVariants>, VariantProps<typeof CheckboxVariants> {
+    children?: ReactNode;
+    defaultValue?: string[];
+    color?: IColor;
+    appearance?: Exclude<IAppearance, 'ghost' | 'outline' | 'solid'>;
+}
+export declare const CheckboxGroupVariants: (props?: ({
+    size?: "small" | "medium" | "large" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export declare const useCheckboxGroupContext: () => CheckboxGroupRootProps;
+export declare const CheckboxGroupRoot: React.ForwardRefExoticComponent<Omit<CheckboxGroupTheme.RootProps & React.RefAttributes<HTMLDivElement>, "ref"> & CheckboxGroupRootProps & React.RefAttributes<HTMLDivElement>>;
+export default CheckboxGroupRoot;

package/dist/lib/components/CheckboxGroup/CheckboxGroupRoot.js

@@ -1,2 +1,34 @@
-import{j as e}from"../../../../_virtual/jsx-runtime.js";import a,{createContext as r,forwardRef as s,useMemo as i,Children as o,useContext as t}from"react";import{cva as u}from"../../../../node_modules/class-variance-authority/dist/index.mjs.js";import{cn as l}from"../../utils/utils.js";import{Root as n}from"../../../../node_modules/@radix-ui/themes/dist/esm/components/checkbox-group.js";var m=u("",{variants:{size:{small:"space-y-1",medium:"space-y-2",large:"space-y-3"}},defaultVariants:{size:"medium"}}),c=r({size:"medium",color:"red",scaling:"100%",radius:"medium",appearance:"surface"}),d=function(){return t(c)},p=s((function(r,s){var t=r.className,u=r.children,d=r.defaultValue,p=r.scaling,f=r.size,j=r.color,x=r.radius,h=r.appearance,v=i((function(){return{scaling:p,size:f,color:j,radius:x,appearance:h}}),[p,f,j,x,h]);return e.jsx(c.Provider,{value:v,children:e.jsx(n,{ref:s,defaultValue:d,className:l(m({size:f}),t),children:o.map(u,(function(e){return a.cloneElement(e,{defaultValue:d})}))})})}));p.displayName="CheckboxGroup.Root";export{p as CheckboxGroupRoot,m as CheckboxGroupVariants,p as default,d as useCheckboxGroupContext};
-//# sourceMappingURL=CheckboxGroupRoot.js.map
+import { jsx as _jsx } from "react/jsx-runtime";
+import React, { Children, createContext, forwardRef, useContext, useMemo, } from 'react';
+import { CheckboxGroup as CheckboxGroupTheme } from '@radix-ui/themes';
+import { cva } from 'class-variance-authority';
+import { cn } from '../../../lib/utils/utils';
+export var CheckboxGroupVariants = cva("", {
+    variants: {
+        size: {
+            small: 'space-y-1',
+            medium: 'space-y-2',
+            large: 'space-y-3',
+        },
+    },
+    defaultVariants: {
+        size: 'medium',
+    },
+});
+var CheckboxGroupContext = createContext({
+    size: 'medium',
+    color: 'red',
+    scaling: '100%',
+    radius: 'medium',
+    appearance: 'surface',
+});
+export var useCheckboxGroupContext = function () {
+    return useContext(CheckboxGroupContext);
+};
+export var CheckboxGroupRoot = forwardRef(function (_a, ref) {
+    var className = _a.className, children = _a.children, defaultValue = _a.defaultValue, scaling = _a.scaling, size = _a.size, color = _a.color, radius = _a.radius, appearance = _a.appearance;
+    var contextValue = useMemo(function () { return ({ scaling: scaling, size: size, color: color, radius: radius, appearance: appearance }); }, [scaling, size, color, radius, appearance]);
+    return (_jsx(CheckboxGroupContext.Provider, { value: contextValue, children: _jsx(CheckboxGroupTheme.Root, { ref: ref, defaultValue: defaultValue, className: cn(CheckboxGroupVariants({ size: size }), className), children: Children.map(children, function (child) { return React.cloneElement(child, { defaultValue: defaultValue }); }) }) }));
+});
+CheckboxGroupRoot.displayName = 'CheckboxGroup.Root';
+export default CheckboxGroupRoot;

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

@@ -0,0 +1,5 @@
+declare const CheckboxGroup: {
+    Root: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/themes/dist/cjs/components/checkbox-group").RootProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("./CheckboxGroupRoot").CheckboxGroupRootProps & import("react").RefAttributes<HTMLDivElement>>;
+    Item: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-checkbox").CheckboxProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("../Checkbox").CheckboxProps & import("react").RefAttributes<HTMLButtonElement>>;
+};
+export default CheckboxGroup;

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

@@ -1,2 +1,4 @@
-import{CheckboxGroupRoot as o}from"./CheckboxGroupRoot.js";import{CheckboxGroupItem as r}from"./CheckboxGroupItem.js";var t={Root:o,Item:r};export{t as default};
-//# sourceMappingURL=index.js.map
+import { CheckboxGroupRoot as Root } from './CheckboxGroupRoot';
+import { CheckboxGroupItem as Item } from './CheckboxGroupItem';
+var CheckboxGroup = { Root: Root, Item: Item };
+export default CheckboxGroup;

package/dist/lib/components/ContextMenu/ContextMenuCheckboxItem.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import * as ContextMenuPrimitive from '@radix-ui/react-context-menu';
+import { ContextMenuProps } from './ContextMenuRoot';
+export declare const ContextMenuCheckboxItem: React.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuCheckboxItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & ContextMenuProps & React.RefAttributes<HTMLDivElement>>;

package/dist/lib/components/ContextMenu/ContextMenuCheckboxItem.js

@@ -1,2 +1,42 @@
-import{j as e}from"../../../../_virtual/jsx-runtime.js";import{forwardRef as r}from"react";import{CheckboxItem as t}from"../../../../node_modules/@radix-ui/react-context-menu/dist/index.mjs.js";import{CheckIcon as o}from"../../../../node_modules/@radix-ui/react-icons/dist/react-icons.esm.js";import{cn as n}from"../../utils/utils.js";import{useContextMenuContext as i}from"./ContextMenuRoot.js";import{menuItemAppearanceStyle as s}from"../../constants.js";import{contextMenuItemVariants as a}from"./ContextMenuItem.js";import{ContextMenuItemIndicator as c}from"./ContextMenuItemIndicator.js";var m=function(){return m=Object.assign||function(e){for(var r,t=1,o=arguments.length;t<o;t++)for(var n in r=arguments[t])Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n]);return e},m.apply(this,arguments)},l=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 n=0;for(o=Object.getOwnPropertySymbols(e);n<o.length;n++)r.indexOf(o[n])<0&&Object.prototype.propertyIsEnumerable.call(e,o[n])&&(t[o[n]]=e[o[n]])}return t},p=r((function(r,p){var u=r.children,d=r.className,f=r.checked,j=l(r,["children","className","checked"]),x=i(),h=x.radius,y=x.scaling,O=x.size,b=x.color,v=void 0===b?"red":b,g=x.appearance,C=void 0===g?"solid":g,I=n(a({radius:h,scaling:y,size:O}),"pl-7",s(C,v),d);return e.jsxs(t,m({ref:p,className:I},j,{children:[e.jsx(c,{forceMount:!0,radius:"medium",size:O,children:f&&e.jsx(o,{})}),u]}))}));p.displayName="ContextMenu.CheckboxItem";export{p as ContextMenuCheckboxItem};
-//# sourceMappingURL=ContextMenuCheckboxItem.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 } from 'react';
+import * as ContextMenuPrimitive from '@radix-ui/react-context-menu';
+import { CheckIcon } from '@radix-ui/react-icons';
+import { cn } from '../../../lib/utils/utils';
+import { useContextMenuContext } from './ContextMenuRoot';
+import { menuItemAppearanceStyle } from '../../../lib/constants';
+import { contextMenuItemVariants } from './ContextMenuItem';
+import { ContextMenuItemIndicator } from './ContextMenuItemIndicator';
+export var ContextMenuCheckboxItem = forwardRef(function (_a, ref) {
+    var children = _a.children, className = _a.className, checked = _a.checked, props = __rest(_a, ["children", "className", "checked"]);
+    var _b = useContextMenuContext(), radius = _b.radius, scaling = _b.scaling, size = _b.size, _c = _b.color, color = _c === void 0 ? 'red' : _c, _d = _b.appearance, appearance = _d === void 0 ? 'solid' : _d;
+    var itemClassName = cn(contextMenuItemVariants({
+        radius: radius,
+        scaling: scaling,
+        size: size,
+    }), 'pl-7', menuItemAppearanceStyle(appearance, color), className);
+    return (_jsxs(ContextMenuPrimitive.CheckboxItem, __assign({ ref: ref, className: itemClassName }, props, { children: [_jsx(ContextMenuItemIndicator, { forceMount: true, radius: 'medium', size: size, children: checked && _jsx(CheckIcon, {}) }), children] })));
+});
+ContextMenuCheckboxItem.displayName = 'ContextMenu.CheckboxItem';

package/dist/lib/components/ContextMenu/ContextMenuContent.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import * as ContextMenuPrimitive from '@radix-ui/react-context-menu';
+import { VariantProps } from 'class-variance-authority';
+export interface ContextMenuContentProps extends VariantProps<typeof contextMenuContentVariants> {
+}
+export declare const contextMenuContentVariants: (props?: ({
+    radius?: "small" | "none" | "medium" | "large" | "full" | null | undefined;
+    size?: "small" | "medium" | null | undefined;
+    scaling?: "90%" | "95%" | "100%" | "105%" | "110%" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export declare const ContextMenuContent: React.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & ContextMenuContentProps & React.RefAttributes<HTMLDivElement>>;

package/dist/lib/components/ContextMenu/ContextMenuContent.js

@@ -1,2 +1,56 @@
-import{j as r}from"../../../../_virtual/jsx-runtime.js";import{forwardRef as n}from"react";import{Portal as e,Content as t}from"../../../../node_modules/@radix-ui/react-context-menu/dist/index.mjs.js";import{cn as i}from"../../utils/utils.js";import{cva as a}from"../../../../node_modules/class-variance-authority/dist/index.mjs.js";import{scalingVariants as o}from"../../constants.js";import{useContextMenuContext as s}from"./ContextMenuRoot.js";var m=function(){return m=Object.assign||function(r){for(var n,e=1,t=arguments.length;e<t;e++)for(var i in n=arguments[e])Object.prototype.hasOwnProperty.call(n,i)&&(r[i]=n[i]);return r},m.apply(this,arguments)},l=function(r,n){var e={};for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&n.indexOf(t)<0&&(e[t]=r[t]);if(null!=r&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(t=Object.getOwnPropertySymbols(r);i<t.length;i++)n.indexOf(t[i])<0&&Object.prototype.propertyIsEnumerable.call(r,t[i])&&(e[t[i]]=r[t[i]])}return e},p=a("p-[5px] bg-white dark:bg-slateDark-1 will-change-[transform,opacity]\n  shadow-[0px_10px_38px_-10px_rgba(22,_23,_24,_0.35),_0px_10px_20px_-15px_rgba(22,_23,_24,_0.2)] \n  [animation-duration:_400ms] [animation-timing-function:_cubic-bezier(0.16,_1,_0.3,_1)]",{variants:{radius:{none:"rounded-none",small:"rounded-[3px]",medium:"rounded",large:"rounded-md",full:"rounded-md"},size:{small:"p-1 min-w-[120px] max-w-[300px]",medium:"p-2 min-w-[136px] max-w-[300px]"},scaling:m({},o)},defaultVariants:{radius:"medium",size:"medium",scaling:"100%"}}),d=n((function(n,a){var o=n.className,d=n.children,u=l(n,["className","children"]),c=s(),x=c.radius,f=c.scaling,_=c.size;return r.jsx(e,{children:r.jsx(t,m({ref:a,className:i(p({radius:x,scaling:f,size:_}),o)},u,{children:d}))})}));d.displayName="ContextMenu.Content";export{d as ContextMenuContent,p as contextMenuContentVariants};
-//# sourceMappingURL=ContextMenuContent.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 ContextMenuPrimitive from '@radix-ui/react-context-menu';
+import { cn } from '../../../lib/utils/utils';
+import { cva } from 'class-variance-authority';
+import { scalingVariants } from '../../../lib/constants';
+import { useContextMenuContext } from './ContextMenuRoot';
+export var contextMenuContentVariants = cva("p-[5px] bg-white dark:bg-slateDark-1 will-change-[transform,opacity]\n  shadow-[0px_10px_38px_-10px_rgba(22,_23,_24,_0.35),_0px_10px_20px_-15px_rgba(22,_23,_24,_0.2)] \n  [animation-duration:_400ms] [animation-timing-function:_cubic-bezier(0.16,_1,_0.3,_1)]", {
+    variants: {
+        radius: {
+            none: 'rounded-none',
+            small: 'rounded-[3px]',
+            medium: 'rounded',
+            large: 'rounded-md',
+            full: 'rounded-md',
+        },
+        size: {
+            small: 'p-1 min-w-[120px] max-w-[300px]',
+            medium: 'p-2 min-w-[136px] max-w-[300px]',
+        },
+        scaling: __assign({}, scalingVariants),
+    },
+    defaultVariants: {
+        radius: 'medium',
+        size: 'medium',
+        scaling: '100%',
+    },
+});
+export var ContextMenuContent = forwardRef(function (_a, ref) {
+    var className = _a.className, children = _a.children, props = __rest(_a, ["className", "children"]);
+    var _b = useContextMenuContext(), radius = _b.radius, scaling = _b.scaling, size = _b.size;
+    return (_jsx(ContextMenuPrimitive.Portal, { children: _jsx(ContextMenuPrimitive.Content, __assign({ ref: ref, className: cn(contextMenuContentVariants({ radius: radius, scaling: scaling, size: size }), className) }, props, { children: children })) }));
+});
+ContextMenuContent.displayName = 'ContextMenu.Content';

package/dist/lib/components/ContextMenu/ContextMenuGroup.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { ContextMenuProps } from './ContextMenuRoot';
+import * as ContextMenuPrimitive from '@radix-ui/react-context-menu';
+export declare const ContextMenuGroup: React.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuGroupProps & React.RefAttributes<HTMLDivElement>, "ref"> & ContextMenuProps & React.RefAttributes<HTMLDivElement>>;

package/dist/lib/components/ContextMenu/ContextMenuGroup.js

@@ -1,2 +1,30 @@
-import{j as r}from"../../../../_virtual/jsx-runtime.js";import{forwardRef as e}from"react";import{Group as t}from"../../../../node_modules/@radix-ui/react-context-menu/dist/index.mjs.js";var n=function(){return n=Object.assign||function(r){for(var e,t=1,n=arguments.length;t<n;t++)for(var o in e=arguments[t])Object.prototype.hasOwnProperty.call(e,o)&&(r[o]=e[o]);return r},n.apply(this,arguments)},o=function(r,e){var t={};for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&e.indexOf(n)<0&&(t[n]=r[n]);if(null!=r&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(n=Object.getOwnPropertySymbols(r);o<n.length;o++)e.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(r,n[o])&&(t[n[o]]=r[n[o]])}return t},a=e((function(e,a){var i=e.className,s=e.children,c=o(e,["className","children"]);return r.jsx(t,n({ref:a,className:i},c,{children:s}))}));a.displayName="ContextMenu.Group";export{a as ContextMenuGroup};
-//# sourceMappingURL=ContextMenuGroup.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 ContextMenuPrimitive from '@radix-ui/react-context-menu';
+export var ContextMenuGroup = forwardRef(function (_a, ref) {
+    var className = _a.className, children = _a.children, props = __rest(_a, ["className", "children"]);
+    return (_jsx(ContextMenuPrimitive.Group, __assign({ ref: ref, className: className }, props, { children: children })));
+});
+ContextMenuGroup.displayName = 'ContextMenu.Group';

package/dist/lib/components/ContextMenu/ContextMenuItem.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import * as ContextMenuPrimitive from '@radix-ui/react-context-menu';
+import { VariantProps } from 'class-variance-authority';
+export interface ContextMenuItemProps extends VariantProps<typeof contextMenuItemVariants> {
+    appearance?: 'solid' | 'soft';
+    shortcut?: string;
+}
+export declare const contextMenuItemVariants: (props?: ({
+    radius?: "small" | "none" | "medium" | "large" | "full" | null | undefined;
+    size?: "small" | "medium" | null | undefined;
+    scaling?: "90%" | "95%" | "100%" | "105%" | "110%" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export declare const ContextMenuItem: React.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & ContextMenuItemProps & React.RefAttributes<HTMLDivElement>>;