@lotte-innovate/ui-component-test 0.2.52 → 0.2.54

package/dist/lib/components/Callout/CalloutIcon.js

@@ -0,0 +1,58 @@
+'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 { forwardRef } from 'react';
+import { Callout as CalloutTheme } from '@radix-ui/themes';
+import { cva } from 'class-variance-authority';
+import { ExclamationTriangleIcon, InfoCircledIcon, LockClosedIcon, CheckCircledIcon, } from '@radix-ui/react-icons';
+import { scalingVariants } from '../../../lib/constants';
+import { cn } from '../../../lib/utils/utils';
+import { useCalloutContext } from './CalloutRoot';
+var calloutIconVariants = cva('flex items-center text-slate-12 dark:text-slateDark-12', {
+    variants: {
+        scaling: __assign({}, scalingVariants),
+        size: {
+            small: 'h-5 mr-2',
+            medium: 'h-5 mr-3',
+            large: 'h-6 mr-4',
+        },
+        color: {
+            danger: 'text-red-11 dark:text-redDark-11',
+            warning: 'text-amber-11 dark:text-amberDark-11',
+            success: 'text-green-11 dark:text-greenDark-11',
+            information: 'text-sky-11 dark:text-skyDark-11',
+        },
+    },
+    defaultVariants: {
+        scaling: '100%',
+        size: 'medium',
+        color: 'information',
+    },
+});
+export var CalloutIcon = forwardRef(function (_a, ref) {
+    var children = _a.children, className = _a.className, iconType = _a.iconType, props = __rest(_a, ["children", "className", "iconType"]);
+    var _b = useCalloutContext(), scaling = _b.scaling, size = _b.size, color = _b.color;
+    return (_jsxs(CalloutTheme.Icon, __assign({ ref: ref, className: cn(calloutIconVariants({ color: color, size: size, scaling: scaling }), className) }, props, { children: [iconType === 'danger' && _jsx(ExclamationTriangleIcon, {}), iconType === 'warning' && _jsx(LockClosedIcon, {}), iconType === 'success' && _jsx(CheckCircledIcon, {}), iconType === 'information' && _jsx(InfoCircledIcon, {}), children] })));
+});
+CalloutIcon.displayName = 'Callout.Icon';

package/dist/lib/components/Callout/CalloutIcon.mjs

@@ -0,0 +1,3 @@
+"use client";
+import{jsxs as r,jsx as t}from"react/jsx-runtime";import{forwardRef as e}from"react";import{Callout as a}from"@radix-ui/themes";import{cva as o}from"class-variance-authority";import{ExclamationTriangleIcon as n,LockClosedIcon as i,CheckCircledIcon as s,InfoCircledIcon as c}from"@radix-ui/react-icons";import{scalingVariants as l}from"../../constants.mjs";import{cn as m}from"../../utils/utils.mjs";import{useCalloutContext as f}from"./CalloutRoot.mjs";var p=function(){return p=Object.assign||function(r){for(var t,e=1,a=arguments.length;e<a;e++)for(var o in t=arguments[e])Object.prototype.hasOwnProperty.call(t,o)&&(r[o]=t[o]);return r},p.apply(this,arguments)},u=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 o=0;for(a=Object.getOwnPropertySymbols(r);o<a.length;o++)t.indexOf(a[o])<0&&Object.prototype.propertyIsEnumerable.call(r,a[o])&&(e[a[o]]=r[a[o]])}return e},d=o("flex items-center text-slate-12 dark:text-slateDark-12",{variants:{scaling:p({},l),size:{small:"h-5 mr-2",medium:"h-5 mr-3",large:"h-6 mr-4"},color:{danger:"text-red-11 dark:text-redDark-11",warning:"text-amber-11 dark:text-amberDark-11",success:"text-green-11 dark:text-greenDark-11",information:"text-sky-11 dark:text-skyDark-11"}},defaultVariants:{scaling:"100%",size:"medium",color:"information"}}),y=e((function(e,o){var l=e.children,y=e.className,x=e.iconType,g=u(e,["children","className","iconType"]),h=f(),k=h.scaling,O=h.size,b=h.color;return r(a.Icon,p({ref:o,className:m(d({color:b,size:O,scaling:k}),y)},g,{children:["danger"===x&&t(n,{}),"warning"===x&&t(i,{}),"success"===x&&t(s,{}),"information"===x&&t(c,{}),l]}))}));y.displayName="Callout.Icon";export{y as CalloutIcon};
+//# sourceMappingURL=CalloutIcon.mjs.map

package/dist/lib/components/Callout/CalloutIcon.mjs.map

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

package/dist/lib/components/Callout/CalloutRoot.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import { VariantProps } from 'class-variance-authority';
+import { calloutTextVariants } from './CalloutText';
+import { IAppearance } from '../../../lib/types';
+export interface CalloutProps extends VariantProps<typeof calloutVariants>, VariantProps<typeof calloutTextVariants> {
+    contentText?: string;
+    appearance?: Exclude<IAppearance, 'classic' | 'ghost' | 'solid'>;
+    color?: 'danger' | 'warning' | 'success' | 'information' | null;
+}
+declare const calloutVariants: (props?: ({
+    radius?: "none" | "small" | "medium" | "large" | "full" | null | undefined;
+    size?: "small" | "medium" | "large" | null | undefined;
+    scaling?: "90%" | "95%" | "100%" | "105%" | "110%" | null | undefined;
+    color?: "danger" | "warning" | "success" | "information" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export declare const useCalloutContext: () => CalloutProps;
+export declare const CalloutRoot: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & CalloutProps & React.RefAttributes<HTMLDivElement>>;
+export {};

package/dist/lib/components/Callout/CalloutRoot.js

@@ -0,0 +1,80 @@
+'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 { forwardRef, createContext, useContext, } from 'react';
+import { Callout as CalloutTheme } from '@radix-ui/themes';
+import { cva } from 'class-variance-authority';
+import { cn } from '../../../lib/utils/utils';
+import { appearanceStyle, radiusVariants, scalingVariants } from '../../../lib/constants';
+import { useTheme } from '../../../lib/theme';
+var calloutVariants = cva('flex w-fit max-w-[600px]', {
+    variants: {
+        radius: __assign({}, radiusVariants['large']),
+        size: {
+            small: 'min-h-[44px] p-3',
+            medium: 'min-h-[52px] p-4',
+            large: 'min-h-[72px] p-6',
+        },
+        scaling: __assign({}, scalingVariants),
+        color: {
+            danger: 'bg-redA-3 dark:bg-redDarkA-3',
+            warning: 'bg-amberA-3 dark:bg-amberDarkA-3',
+            success: 'bg-greenA-3 dark:bg-greenDarkA-3',
+            information: 'bg-skyA-3 dark:bg-skyDarkA-3',
+        },
+    },
+    defaultVariants: {
+        radius: 'medium',
+        scaling: '100%',
+        color: 'information',
+        size: 'medium',
+    },
+});
+var CalloutContext = createContext({
+    size: 'medium',
+    scaling: '100%',
+    color: null,
+});
+export var useCalloutContext = function () {
+    return useContext(CalloutContext);
+};
+export var CalloutRoot = forwardRef(function (_a, ref) {
+    var children = _a.children, className = _a.className, radius = _a.radius, scaling = _a.scaling, size = _a.size, _b = _a.color, color = _b === void 0 ? 'information' : _b, _c = _a.appearance, appearance = _c === void 0 ? 'soft' : _c, props = __rest(_a, ["children", "className", "radius", "scaling", "size", "color", "appearance"]);
+    var theme = useTheme().theme;
+    var colorMap = {
+        danger: 'red',
+        information: 'sky',
+        success: 'green',
+        warning: 'amber',
+    };
+    var contextValue = {
+        size: size,
+        color: color,
+        scaling: scaling !== null && scaling !== void 0 ? scaling : theme.themeScaling,
+        radius: radius !== null && radius !== void 0 ? radius : theme.themeRadius,
+    };
+    var calloutClassName = cn(calloutVariants(contextValue), appearanceStyle(appearance, colorMap[color], false), className);
+    return (_jsx(CalloutContext.Provider, { value: contextValue, children: _jsx(CalloutTheme.Root, __assign({ ref: ref }, props, { className: calloutClassName, children: children })) }));
+});
+CalloutRoot.displayName = 'Callout.Root';

package/dist/lib/components/Callout/CalloutRoot.mjs

@@ -0,0 +1,3 @@
+"use client";
+import{jsx as r}from"react/jsx-runtime";import{createContext as e,forwardRef as a,useContext as i}from"react";import{Callout as n}from"@radix-ui/themes";import{cva as o}from"class-variance-authority";import{cn as t}from"../../utils/utils.mjs";import{radiusVariants as s,scalingVariants as l,appearanceStyle as m}from"../../constants.mjs";import{useTheme as c}from"../../theme/ThemeProvider.mjs";var u=function(){return u=Object.assign||function(r){for(var e,a=1,i=arguments.length;a<i;a++)for(var n in e=arguments[a])Object.prototype.hasOwnProperty.call(e,n)&&(r[n]=e[n]);return r},u.apply(this,arguments)},p=function(r,e){var a={};for(var i in r)Object.prototype.hasOwnProperty.call(r,i)&&e.indexOf(i)<0&&(a[i]=r[i]);if(null!=r&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(i=Object.getOwnPropertySymbols(r);n<i.length;n++)e.indexOf(i[n])<0&&Object.prototype.propertyIsEnumerable.call(r,i[n])&&(a[i[n]]=r[i[n]])}return a},d=o("flex w-fit max-w-[600px]",{variants:{radius:u({},s.large),size:{small:"min-h-[44px] p-3",medium:"min-h-[52px] p-4",large:"min-h-[72px] p-6"},scaling:u({},l),color:{danger:"bg-redA-3 dark:bg-redDarkA-3",warning:"bg-amberA-3 dark:bg-amberDarkA-3",success:"bg-greenA-3 dark:bg-greenDarkA-3",information:"bg-skyA-3 dark:bg-skyDarkA-3"}},defaultVariants:{radius:"medium",scaling:"100%",color:"information",size:"medium"}}),f=e({size:"medium",scaling:"100%",color:null}),g=function(){return i(f)},b=a((function(e,a){var i=e.children,o=e.className,s=e.radius,l=e.scaling,g=e.size,b=e.color,h=void 0===b?"information":b,y=e.appearance,v=void 0===y?"soft":y,O=p(e,["children","className","radius","scaling","size","color","appearance"]),k=c().theme,x={size:g,color:h,scaling:null!=l?l:k.themeScaling,radius:null!=s?s:k.themeRadius},j=t(d(x),m(v,{danger:"red",information:"sky",success:"green",warning:"amber"}[h],!1),o);return r(f.Provider,{value:x,children:r(n.Root,u({ref:a},O,{className:j,children:i}))})}));b.displayName="Callout.Root";export{b as CalloutRoot,g as useCalloutContext};
+//# sourceMappingURL=CalloutRoot.mjs.map

package/dist/lib/components/Callout/CalloutRoot.mjs.map

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

package/dist/lib/components/Callout/CalloutText.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { VariantProps } from 'class-variance-authority';
+export interface CalloutTextProps extends VariantProps<typeof calloutTextVariants> {
+    contentText?: string;
+}
+export declare const calloutTextVariants: (props?: ({
+    size?: "small" | "medium" | "large" | null | undefined;
+    color?: "danger" | "warning" | "success" | "information" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export declare const CalloutText: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & CalloutTextProps & React.RefAttributes<HTMLParagraphElement>>;

package/dist/lib/components/Callout/CalloutText.js

@@ -0,0 +1,53 @@
+'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 { forwardRef } from 'react';
+import { cva } from 'class-variance-authority';
+import { cn } from '../../../lib/utils/utils';
+import { useCalloutContext } from './CalloutRoot';
+export var calloutTextVariants = cva('break-words font-normal text-slate-12 dark:text-slateDark-12', {
+    variants: {
+        size: {
+            small: 'text-sm',
+            medium: 'text-sm',
+            large: 'text-base',
+        },
+        color: {
+            danger: 'text-red-11 dark:text-redDark-11',
+            warning: 'text-amber-11 dark:text-amberDark-11',
+            success: 'text-green-11 dark:text-greenDark-11',
+            information: 'text-sky-11 dark:text-skyDark-11',
+        },
+    },
+    defaultVariants: {
+        size: 'medium',
+        color: 'information',
+    },
+});
+export var CalloutText = forwardRef(function (_a, ref) {
+    var children = _a.children, className = _a.className, contentText = _a.contentText, props = __rest(_a, ["children", "className", "contentText"]);
+    var _b = useCalloutContext(), size = _b.size, color = _b.color;
+    return (_jsx("p", __assign({ ref: ref, className: cn(calloutTextVariants({ size: size, color: color }), className) }, props, { children: contentText !== null && contentText !== void 0 ? contentText : children })));
+});
+CalloutText.displayName = 'Callout.Text';

package/dist/lib/components/Callout/CalloutText.mjs

@@ -0,0 +1,3 @@
+"use client";
+import{jsx as t}from"react/jsx-runtime";import{forwardRef as r}from"react";import{cva as e}from"class-variance-authority";import{cn as a}from"../../utils/utils.mjs";import{useCalloutContext as o}from"./CalloutRoot.mjs";var n=function(){return n=Object.assign||function(t){for(var r,e=1,a=arguments.length;e<a;e++)for(var o in r=arguments[e])Object.prototype.hasOwnProperty.call(r,o)&&(t[o]=r[o]);return t},n.apply(this,arguments)},l=function(t,r){var e={};for(var a in t)Object.prototype.hasOwnProperty.call(t,a)&&r.indexOf(a)<0&&(e[a]=t[a]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(a=Object.getOwnPropertySymbols(t);o<a.length;o++)r.indexOf(a[o])<0&&Object.prototype.propertyIsEnumerable.call(t,a[o])&&(e[a[o]]=t[a[o]])}return e},s=e("break-words font-normal text-slate-12 dark:text-slateDark-12",{variants:{size:{small:"text-sm",medium:"text-sm",large:"text-base"},color:{danger:"text-red-11 dark:text-redDark-11",warning:"text-amber-11 dark:text-amberDark-11",success:"text-green-11 dark:text-greenDark-11",information:"text-sky-11 dark:text-skyDark-11"}},defaultVariants:{size:"medium",color:"information"}}),i=r((function(r,e){var i=r.children,c=r.className,m=r.contentText,f=l(r,["children","className","contentText"]),p=o(),u=p.size,x=p.color;return t("p",n({ref:e,className:a(s({size:u,color:x}),c)},f,{children:null!=m?m:i}))}));i.displayName="Callout.Text";export{i as CalloutText,s as calloutTextVariants};
+//# sourceMappingURL=CalloutText.mjs.map

package/dist/lib/components/Callout/CalloutText.mjs.map

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

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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+declare const Callout: {
+    Root: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("./CalloutRoot").CalloutProps & import("react").RefAttributes<HTMLDivElement>>;
+    Text: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & import("./CalloutText").CalloutTextProps & import("react").RefAttributes<HTMLParagraphElement>>;
+    Icon: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/themes/dist/cjs/components/callout").IconProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("./CalloutIcon").CalloutIconProps & import("react").RefAttributes<HTMLDivElement>>;
+};
+export default Callout;

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

@@ -0,0 +1,9 @@
+import { CalloutRoot as Root } from './CalloutRoot';
+import { CalloutText as Text } from './CalloutText';
+import { CalloutIcon as Icon } from './CalloutIcon';
+var Callout = {
+    Root: Root,
+    Text: Text,
+    Icon: Icon
+};
+export default Callout;

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

@@ -0,0 +1,2 @@
+import{CalloutRoot as o}from"./CalloutRoot.mjs";import{CalloutText as t}from"./CalloutText.mjs";import{CalloutIcon as m}from"./CalloutIcon.mjs";var r={Root:o,Text:t,Icon:m};export{r as default};
+//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../lib/components/Callout/index.js"],"sourcesContent":["import { CalloutRoot as Root } from './CalloutRoot';\nimport { CalloutText as Text } from './CalloutText';\nimport { CalloutIcon as Icon } from './CalloutIcon';\nvar Callout = {\n    Root: Root,\n    Text: Text,\n    Icon: Icon\n};\nexport default Callout;\n"],"names":["Callout","Root","Text","Icon"],"mappings":"gJAGG,IAACA,EAAU,CACVC,KAAMA,EACNC,KAAMA,EACNC,KAAMA"}

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

@@ -0,0 +1,14 @@
+import React from 'react';
+import { VariantProps } from 'class-variance-authority';
+import { IAppearance } from '../../../lib/types';
+export interface CardProps extends VariantProps<typeof cardVariants> {
+    appearance?: Exclude<IAppearance, 'solid' | 'outline'>;
+}
+declare const cardVariants: (props?: ({
+    radius?: "none" | "small" | "medium" | "large" | "full" | null | undefined;
+    size?: "small" | "medium" | "large" | null | undefined;
+    scaling?: "90%" | "95%" | "100%" | "105%" | "110%" | null | undefined;
+    weight?: "medium" | "regular" | "semibold" | "bold" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+declare const Card: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & CardProps & React.RefAttributes<HTMLDivElement>>;
+export default Card;

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

@@ -0,0 +1,72 @@
+'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 { forwardRef } from 'react';
+import { cva } from 'class-variance-authority';
+import { scalingVariants, weightVariants } from '../../../lib/constants';
+import { cn } from '../../../lib/utils/utils';
+import { useTheme } from '../../../lib/theme';
+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 theme = useTheme().theme;
+    var appearanceClassName = '';
+    if (appearance === 'classic') {
+        appearanceClassName = 'shadow-card-classic dark:shadow-card-dark-classic';
+    }
+    if (appearance === 'ghost') {
+        appearanceClassName = 'border-transparent';
+    }
+    var cardStyle = {
+        radius: radius !== null && radius !== void 0 ? radius : theme.themeRadius,
+        scaling: scaling !== null && scaling !== void 0 ? scaling : theme.themeScaling,
+        size: size,
+    };
+    return (_jsx("div", __assign({ className: cn(cardVariants(cardStyle), appearanceClassName, className), ref: ref }, props, { children: children })));
+});
+Card.displayName = 'Card';
+export default Card;

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

@@ -0,0 +1,3 @@
+"use client";
+import{jsx as e}from"react/jsx-runtime";import{forwardRef as r}from"react";import{cva as a}from"class-variance-authority";import{scalingVariants as t,weightVariants as s}from"../../constants.mjs";import{cn as i}from"../../utils/utils.mjs";import{useTheme as n}from"../../theme/ThemeProvider.mjs";var o=function(){return o=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},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 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},c=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:o({},t),weight:o({},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,m=r.scaling,p=r.size;r.color,r.weight;var u=r.appearance,f=void 0===u?"surface":u,h=l(r,["children","className","radius","scaling","size","color","weight","appearance"]),x=n().theme,g="";"classic"===f&&(g="shadow-card-classic dark:shadow-card-dark-classic"),"ghost"===f&&(g="border-transparent");var b={radius:null!=d?d:x.themeRadius,scaling:null!=m?m:x.themeScaling,size:p};return e("div",o({className:i(c(b),g,s),ref:a},h,{children:t}))}));d.displayName="Card";export{d as default};
+//# sourceMappingURL=index.mjs.map

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

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

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?: "none" | "small" | "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

@@ -0,0 +1,98 @@
+'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 { 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';
+import { useTheme } from '../../../lib/theme';
+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, color = _a.color, _b = _a.appearance, appearance = _b === void 0 ? 'surface' : _b, _c = _a.indeterminate, indeterminate = _c === void 0 ? false : _c, props = __rest(_a, ["id", "className", "children", "scaling", "radius", "size", "color", "appearance", "indeterminate"]);
+    var theme = useTheme().theme;
+    var checkboxStyle = {
+        radius: radius !== null && radius !== void 0 ? radius : theme.themeRadius,
+        scaling: scaling !== null && scaling !== void 0 ? scaling : theme.themeScaling,
+        color: color !== null && color !== void 0 ? color : theme.themeColor,
+        size: size,
+    };
+    var checkboxClassName = cn(CheckboxVariants(checkboxStyle), checkboxAppearanceStyle(appearance, checkboxStyle.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 stroke-[0.5px] text-current'), 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/Checkbox/index.mjs

@@ -0,0 +1,3 @@
+"use client";
+import{jsxs as e,jsx as r}from"react/jsx-runtime";import{forwardRef as a}from"react";import{cva as i}from"class-variance-authority";import*as s from"@radix-ui/react-checkbox";import{MinusIcon as t,CheckIcon as l}from"@radix-ui/react-icons";import{Label as n}from"../Label/index.mjs";import{cn as c}from"../../utils/utils.mjs";import{radiusVariants as m,scalingVariants as o,textColorStyle as u,checkboxAppearanceStyle as d}from"../../constants.mjs";import{useTheme as f}from"../../theme/ThemeProvider.mjs";var p=function(){return p=Object.assign||function(e){for(var r,a=1,i=arguments.length;a<i;a++)for(var s in r=arguments[a])Object.prototype.hasOwnProperty.call(r,s)&&(e[s]=r[s]);return e},p.apply(this,arguments)},h=function(e,r){var a={};for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&r.indexOf(i)<0&&(a[i]=e[i]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var s=0;for(i=Object.getOwnPropertySymbols(e);s<i.length;s++)r.indexOf(i[s])<0&&Object.prototype.propertyIsEnumerable.call(e,i[s])&&(a[i[s]]=e[i[s]])}return a},g=i("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:p({},m.small)},defaultVariants:{radius:"medium",size:"medium",scaling:"100%"}}),x=i("stroke-current",{variants:{size:{small:"w-3.5",medium:"w-4",large:"w-5"},scaling:p({},o)},defaultVariants:{size:"medium",scaling:"100%"}}),b=i("",{variants:{size:{small:"text-xs",medium:"text-sm",large:"text-base"},scaling:p({},o),color:u()},defaultVariants:{size:"medium",scaling:"100%",color:"black"}}),v=a((function(a,i){var m=a.id,o=a.className,u=a.children,v=a.scaling,y=a.radius,j=a.size,z=a.color,O=a.appearance,w=void 0===O?"surface":O,N=a.indeterminate,k=void 0!==N&&N,P=h(a,["id","className","children","scaling","radius","size","color","appearance","indeterminate"]),S=f().theme,V={radius:null!=y?y:S.themeRadius,scaling:null!=v?v:S.themeScaling,color:null!=z?z:S.themeColor,size:j},C=c(g(V),d(w,V.color,k),o);return e("div",{className:"flex items-center",children:[r(s.Root,p({id:m,ref:i,className:C},P,{children:r(s.Indicator,{className:c("flex items-center justify-center stroke-[0.5px] text-current"),children:k?r(t,{className:c(x({scaling:v,size:j}),"w-3")}):r(l,{className:c(x({scaling:v,size:j}))})})})),u&&r(n,{className:c(b({scaling:v,size:j}),o),htmlFor:m,children:u})]})}));v.displayName="Checkbox";export{v as Checkbox,g as CheckboxVariants,v as default};
+//# sourceMappingURL=index.mjs.map

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

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

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?: "none" | "small" | "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

@@ -0,0 +1,66 @@
+'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 { 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';
+import { useTheme } from '../../../lib/theme';
+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 theme = useTheme().theme;
+    var checkboxCardStyle = {
+        radius: radius !== null && radius !== void 0 ? radius : theme.themeRadius,
+        scaling: scaling !== null && scaling !== void 0 ? scaling : theme.themeScaling,
+        size: size,
+    };
+    var labelClassName = cn(CheckboxCardVariants(checkboxCardStyle), 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/CheckboxCard/index.mjs

@@ -0,0 +1,3 @@
+"use client";
+import{jsxs as e,jsx as a}from"react/jsx-runtime";import{forwardRef as r}from"react";import{cva as s}from"class-variance-authority";import{Checkbox as t}from"../Checkbox/index.mjs";import{Label as i}from"../Label/index.mjs";import{cn as l}from"../../utils/utils.mjs";import{scalingVariants as o}from"../../constants.mjs";import{useTheme as d}from"../../theme/ThemeProvider.mjs";var n=function(){return n=Object.assign||function(e){for(var a,r=1,s=arguments.length;r<s;r++)for(var t in a=arguments[r])Object.prototype.hasOwnProperty.call(a,t)&&(e[t]=a[t]);return e},n.apply(this,arguments)},c=function(e,a){var r={};for(var s in e)Object.prototype.hasOwnProperty.call(e,s)&&a.indexOf(s)<0&&(r[s]=e[s]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var t=0;for(s=Object.getOwnPropertySymbols(e);t<s.length;t++)a.indexOf(s[t])<0&&Object.prototype.propertyIsEnumerable.call(e,s[t])&&(r[s[t]]=e[s[t]])}return r},m=s("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:n({},o)},defaultVariants:{radius:"medium",scaling:"100%",size:"medium"}}),p=r((function(r,s){var o=r.className,p=r.children,u=r.size,b=r.scaling,f=r.radius,x=r.color,h=r.appearance,y=void 0===h?"surface":h,g=r.id,k=r.disabled,v=c(r,["className","children","size","scaling","radius","color","appearance","id","disabled"]),j=d().theme,O={radius:null!=f?f:j.themeRadius,scaling:null!=b?b:j.themeScaling,size:u},w=l(m(O),"classic"===y?"shadow-card-classic dark:shadow-card-dark-classic":"",o);return e(i,{htmlFor:g,className:w,"aria-disabled":k,children:[p,a(t,n({className:"mr-0",ref:s,id:g,size:u,scaling:b,radius:f,color:x,disabled:k,appearance:"classic"===y?"classic":"surface"},v))]})}));p.displayName="CheckboxCard";export{m as CheckboxCardVariants,p as default};
+//# sourceMappingURL=index.mjs.map

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

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

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;