gd-design-library 1.8.2 → 1.8.3

package/tokens/separator.d.cts

@@ -0,0 +1,60 @@
+export declare const separator: {
+    default: {
+        alignItems: string;
+        justifyItems: string;
+        gap: string | number;
+    };
+    horizontal: {
+        width: string;
+        display: string;
+        flexDirection: string;
+    };
+    vertical: {
+        height: string;
+        display: string;
+        flexDirection: string;
+        gap: string | number;
+    };
+    line: {
+        default: {
+            flex: number;
+            minWidth: number;
+            minHeight: number;
+        };
+        horizontal: {
+            width: string;
+        };
+        vertical: {
+            height: string;
+        };
+    };
+    label: {
+        default: {};
+        attrs: {
+            xs: {
+                $variant: string;
+                $as: string;
+            };
+            sm: {
+                $variant: string;
+                $as: string;
+            };
+            md: {
+                $variant: string;
+                $as: string;
+            };
+            lg: {
+                $variant: string;
+                $as: string;
+            };
+            xl: {
+                $variant: string;
+                $as: string;
+            };
+            xxl: {
+                $variant: string;
+                $as: string;
+            };
+        };
+    };
+};

package/tokens/shadow.d.cts

@@ -0,0 +1,20 @@
+export declare const DEFAULT_SHADOW = "0 4px 12px rgba(0, 0, 0, 0.10)";
+export declare const shadows: {
+    box: {
+        '1': string;
+        '2': string;
+        '3': string;
+        '4': string;
+        '5': string;
+    };
+    modal: {
+        default: string;
+        content: string;
+    };
+    snackbar: {
+        default: string;
+    };
+    inlineNotification: {
+        default: string;
+    };
+};

package/tokens/shadow.d.ts

@@ -1,5 +1,4 @@
 export declare const DEFAULT_SHADOW = "0 4px 12px rgba(0, 0, 0, 0.10)";
-export declare const SHADOW_3 = "0px 8px 15px 1px rgba(0, 0, 0, 0.20)";
 export declare const shadows: {
     box: {
         '1': string;

package/tokens/sidebar.cjs

@@ -1 +1 @@
-const e=require(`../utils/helpers.cjs`);var t={container:{default:t=>({display:`flex`,flexDirection:`column`,height:`100%`,backgroundColor:e.get(t,`colors.bg.surface`,`theme.colors.bg.surface`),borderRight:`1px solid ${e.get(t,`colors.border.default`,`theme.colors.border.default`)}`,transition:e.get(t,`values.transitions.sidebar.container`,`theme.values.transitions.sidebar.container`),overflow:`hidden`})},header:{default:t=>({display:`flex`,alignItems:`center`,justifyContent:`space-between`,padding:e.get(t,`spacing.md`,`theme.spacing.md`),borderBottom:`1px solid ${e.get(t,`colors.border.default`,`theme.colors.border.default`)}`})},content:{default:t=>({flex:1,overflowY:`auto`,overflowX:`hidden`,padding:`${e.get(t,`spacing.sm`,`theme.spacing.sm`)} 0`})},footer:{default:t=>({display:`flex`,alignItems:`center`,padding:e.get(t,`spacing.md`,`theme.spacing.md`),borderTop:`1px solid ${e.get(t,`colors.border.default`,`theme.colors.border.default`)}`})},item:{default:t=>({display:`flex`,alignItems:`center`,gap:e.get(t,`spacing.sm`,`theme.spacing.sm`),padding:`${e.get(t,`spacing.sm`,`theme.spacing.sm`)} ${e.get(t,`spacing.md`,`theme.spacing.md`)}`,cursor:`pointer`,color:e.get(t,`colors.text.default`,`theme.colors.text.default`),fontSize:e.get(t,`font.size.body2`,`theme.font.size.body2`),lineHeight:e.get(t,`font.line.height.body2`,`theme.font.line.height.body2`),fontFamily:e.get(t,`font.family`,`theme.font.family`),textDecoration:`none`,border:`none`,backgroundColor:`transparent`,width:`100%`,textAlign:`left`,transition:e.get(t,`values.transitions.sidebar.item`,`theme.values.transitions.sidebar.item`),"&:hover":{backgroundColor:e.get(t,`colors.bg.fill.secondary.hover`,`theme.colors.bg.fill.secondary.hover`)}}),active:t=>({backgroundColor:e.get(t,`colors.bg.fill.secondary.hover`,`theme.colors.bg.fill.secondary.hover`),fontWeight:e.get(t,`font.weight.medium`,`theme.font.weight.medium`),color:e.get(t,`colors.text.active`,`theme.colors.text.active`),borderLeft:`3px solid ${e.get(t,`colors.bg.fill.primary`,`theme.colors.bg.fill.primary`)}`}),disabled:t=>({color:e.get(t,`colors.text.disabled`,`theme.colors.text.disabled`),cursor:`default`,"&:hover":{backgroundColor:`transparent`}}),nested:{paddingBase:16,paddingMultiplier:16},collapsed:t=>({justifyContent:`center`,padding:e.get(t,`spacing.sm`,`theme.spacing.sm`)})},group:{default:t=>({overflow:`hidden`,transition:e.get(t,`values.transitions.sidebar.group`,`theme.values.transitions.sidebar.group`)}),expanded:{maxHeight:`1000px`},collapsed:{maxHeight:`0px`}},collapseButton:{default:t=>({display:`flex`,alignItems:`center`,justifyContent:`center`,width:`28px`,height:`28px`,border:`none`,backgroundColor:`transparent`,cursor:`pointer`,borderRadius:e.get(t,`radius.sm`,`theme.radius.sm`),color:e.get(t,`colors.text.caption`,`theme.colors.text.caption`),"&:hover":{backgroundColor:e.get(t,`colors.bg.fill.secondary.hover`,`theme.colors.bg.fill.secondary.hover`)}})},expandIcon:{icon:{name:`arrowRight`,width:14,height:14},default:t=>({transition:e.get(t,`values.transitions.sidebar.expandIcon`,`theme.values.transitions.sidebar.expandIcon`)}),expanded:{transform:`rotate(90deg)`}}};exports.sidebar=t;
+const e=require("../utils/helpers.cjs");var t={container:{default:t=>({display:`flex`,flexDirection:`column`,height:`100%`,backgroundColor:e.get(t,`colors.bg.surface`,`theme.colors.bg.surface`),borderRight:`1px solid ${e.get(t,`colors.border.default`,`theme.colors.border.default`)}`,transition:e.get(t,`values.transitions.sidebar.container`,`theme.values.transitions.sidebar.container`),overflow:`hidden`})},header:{default:t=>({display:`flex`,alignItems:`center`,justifyContent:`space-between`,padding:e.get(t,`spacing.md`,`theme.spacing.md`),borderBottom:`1px solid ${e.get(t,`colors.border.default`,`theme.colors.border.default`)}`})},content:{default:t=>({flex:1,overflowY:`auto`,overflowX:`hidden`,padding:`${e.get(t,`spacing.sm`,`theme.spacing.sm`)} 0`})},footer:{default:t=>({display:`flex`,alignItems:`center`,padding:e.get(t,`spacing.md`,`theme.spacing.md`),borderTop:`1px solid ${e.get(t,`colors.border.default`,`theme.colors.border.default`)}`})},item:{default:t=>({display:`flex`,alignItems:`center`,gap:e.get(t,`spacing.sm`,`theme.spacing.sm`),padding:`${e.get(t,`spacing.sm`,`theme.spacing.sm`)} ${e.get(t,`spacing.md`,`theme.spacing.md`)}`,cursor:`pointer`,color:e.get(t,`colors.text.default`,`theme.colors.text.default`),fontSize:e.get(t,`font.size.small`,`theme.font.size.small`),lineHeight:e.get(t,`font.line.height.small`,`theme.font.line.height.small`),fontFamily:e.get(t,`font.family`,`theme.font.family`),textDecoration:`none`,border:`none`,backgroundColor:`transparent`,width:`100%`,textAlign:`left`,transition:e.get(t,`values.transitions.sidebar.item`,`theme.values.transitions.sidebar.item`),"&:hover":{backgroundColor:e.get(t,`colors.bg.fill.secondary.hover`,`theme.colors.bg.fill.secondary.hover`)}}),active:t=>({backgroundColor:e.get(t,`colors.bg.fill.secondary.hover`,`theme.colors.bg.fill.secondary.hover`),fontWeight:e.get(t,`font.weight.medium`,`theme.font.weight.medium`),color:e.get(t,`colors.text.active`,`theme.colors.text.active`),borderLeft:`3px solid ${e.get(t,`colors.bg.fill.primary`,`theme.colors.bg.fill.primary`)}`}),disabled:t=>({color:e.get(t,`colors.text.disabled`,`theme.colors.text.disabled`),cursor:`default`,"&:hover":{backgroundColor:`transparent`}}),nested:{paddingBase:16,paddingMultiplier:16},collapsed:t=>({justifyContent:`center`,padding:e.get(t,`spacing.sm`,`theme.spacing.sm`)})},group:{default:t=>({overflow:`hidden`,transition:e.get(t,`values.transitions.sidebar.group`,`theme.values.transitions.sidebar.group`)}),expanded:{maxHeight:`1000px`},collapsed:{maxHeight:`0px`}},collapseButton:{default:t=>({display:`flex`,alignItems:`center`,justifyContent:`center`,width:`28px`,height:`28px`,border:`none`,backgroundColor:`transparent`,cursor:`pointer`,borderRadius:e.get(t,`radius.sm`,`theme.radius.sm`),color:e.get(t,`colors.text.caption`,`theme.colors.text.caption`),"&:hover":{backgroundColor:e.get(t,`colors.bg.fill.secondary.hover`,`theme.colors.bg.fill.secondary.hover`)}})},expandIcon:{icon:{name:`arrowRight`,width:14,height:14},default:t=>({transition:e.get(t,`values.transitions.sidebar.expandIcon`,`theme.values.transitions.sidebar.expandIcon`)}),expanded:{transform:`rotate(90deg)`}}};exports.sidebar=t;

package/tokens/sidebar.d.cts

@@ -0,0 +1,123 @@
+export declare const sidebar: {
+    container: {
+        default: (theme: Record<symbol, unknown>) => {
+            display: string;
+            flexDirection: string;
+            height: string;
+            backgroundColor: string;
+            borderRight: string;
+            transition: string;
+            overflow: string;
+        };
+    };
+    header: {
+        default: (theme: Record<symbol, unknown>) => {
+            display: string;
+            alignItems: string;
+            justifyContent: string;
+            padding: string;
+            borderBottom: string;
+        };
+    };
+    content: {
+        default: (theme: Record<symbol, unknown>) => {
+            flex: number;
+            overflowY: string;
+            overflowX: string;
+            padding: string;
+        };
+    };
+    footer: {
+        default: (theme: Record<symbol, unknown>) => {
+            display: string;
+            alignItems: string;
+            padding: string;
+            borderTop: string;
+        };
+    };
+    item: {
+        default: (theme: Record<symbol, unknown>) => {
+            display: string;
+            alignItems: string;
+            gap: string;
+            padding: string;
+            cursor: string;
+            color: string;
+            fontSize: string;
+            lineHeight: string;
+            fontFamily: string;
+            textDecoration: string;
+            border: string;
+            backgroundColor: string;
+            width: string;
+            textAlign: string;
+            transition: string;
+            '&:hover': {
+                backgroundColor: string;
+            };
+        };
+        active: (theme: Record<symbol, unknown>) => {
+            backgroundColor: string;
+            fontWeight: string;
+            color: string;
+            borderLeft: string;
+        };
+        disabled: (theme: Record<symbol, unknown>) => {
+            color: string;
+            cursor: string;
+            '&:hover': {
+                backgroundColor: string;
+            };
+        };
+        nested: {
+            paddingBase: number;
+            paddingMultiplier: number;
+        };
+        collapsed: (theme: Record<symbol, unknown>) => {
+            justifyContent: string;
+            padding: string;
+        };
+    };
+    group: {
+        default: (theme: Record<symbol, unknown>) => {
+            overflow: string;
+            transition: string;
+        };
+        expanded: {
+            maxHeight: string;
+        };
+        collapsed: {
+            maxHeight: string;
+        };
+    };
+    collapseButton: {
+        default: (theme: Record<symbol, unknown>) => {
+            display: string;
+            alignItems: string;
+            justifyContent: string;
+            width: string;
+            height: string;
+            border: string;
+            backgroundColor: string;
+            cursor: string;
+            borderRadius: string;
+            color: string;
+            '&:hover': {
+                backgroundColor: string;
+            };
+        };
+    };
+    expandIcon: {
+        icon: {
+            name: string;
+            width: number;
+            height: number;
+        };
+        default: (theme: Record<symbol, unknown>) => {
+            transition: string;
+        };
+        expanded: {
+            transform: string;
+        };
+    };
+};

package/tokens/sidebar.js

@@ -37,8 +37,8 @@ var t = {
 			padding: `${e(t, "spacing.sm", "theme.spacing.sm")} ${e(t, "spacing.md", "theme.spacing.md")}`,
 			cursor: "pointer",
 			color: e(t, "colors.text.default", "theme.colors.text.default"),
-			fontSize: e(t, "font.size.body2", "theme.font.size.body2"),
-			lineHeight: e(t, "font.line.height.body2", "theme.font.line.height.body2"),
+			fontSize: e(t, "font.size.small", "theme.font.size.small"),
+			lineHeight: e(t, "font.line.height.small", "theme.font.line.height.small"),
 			fontFamily: e(t, "font.family", "theme.font.family"),
 			textDecoration: "none",
 			border: "none",

package/tokens/skeleton.cjs

@@ -1 +1 @@
-const e=require(`../utils/helpers.cjs`),t=require(`./utils.cjs`),n=require(`../types/common.cjs`),r=require(`../types/skeleton.cjs`);var i={default:{display:`flex`,position:`relative`,backgroundColor:n=>t.hexToRgba(e.get(n,`colors.neutral["grey.30"]`,`theme.colors.neutral["grey.30"]`),.7),alignItems:`center`,justifyContent:`center`,width:`100%`,height:`auto`,overflow:`hidden`,"&:empty::before":{content:`"\xA0"`}},[r.SkeletonVariant.Rounded]:{borderRadius:t=>e.get(t,`radius.${n.SizeVariant.Sm}`,`theme.radius.${n.SizeVariant.Sm}`)},[r.SkeletonVariant.Rectangular]:{borderRadius:t=>e.get(t,`radius.none`,`theme.radius.none`)},[r.SkeletonVariant.Circular]:{borderRadius:t=>e.get(t,`radius.round`,`theme.radius.round`)},cards:{search:{default:{},container:{padding:t=>e.get(t,`spacing.md`,`theme.spacing.md`),boxSizing:`border-box`,flexWrap:`nowrap`,flexDirection:`column`},header:{width:`100%`,marginBottom:t=>e.get(t,`spacing.sm`,`theme.spacing.sm`)},row:{width:`100%`,marginBottom:t=>e.get(t,`spacing.md`,`theme.spacing.md`),gap:t=>e.get(t,`spacing.xs`,`theme.spacing.xs`)},columnImage:{default:{flex:1},image:{width:`85px`,height:`85px`}},columnText:{default:{flex:3},description:{width:`100%`,height:t=>e.get(t,`spacing.${n.SizeVariant.Lg}`,`theme.spacing.${n.SizeVariant.Lg}`),marginBottom:t=>e.get(t,`spacing.sm`,`theme.spacing.sm`)},price:{width:`50%`,height:t=>e.get(t,`spacing.${n.SizeVariant.Lg}`,`theme.spacing.${n.SizeVariant.Lg}`),marginBottom:t=>e.get(t,`spacing.sm`,`theme.spacing.sm`)}}}}};exports.skeleton=i;
+const e=require("../utils/helpers.cjs"),t=require("./utils.cjs"),n=require("../types/common.cjs"),r=require("../types/skeleton.cjs");var i={default:{display:`flex`,position:`relative`,backgroundColor:n=>t.hexToRgba(e.get(n,`colors.neutral["grey.30"]`,`theme.colors.neutral["grey.30"]`),.7),alignItems:`center`,justifyContent:`center`,width:`100%`,height:`auto`,overflow:`hidden`,"&:empty::before":{content:`"\xA0"`}},[r.SkeletonVariant.Rounded]:{borderRadius:t=>e.get(t,`radius.${n.SizeVariant.Sm}`,`theme.radius.${n.SizeVariant.Sm}`)},[r.SkeletonVariant.Rectangular]:{borderRadius:t=>e.get(t,`radius.none`,`theme.radius.none`)},[r.SkeletonVariant.Circular]:{borderRadius:t=>e.get(t,`radius.round`,`theme.radius.round`)},cards:{search:{default:{},container:{padding:t=>e.get(t,`spacing.md`,`theme.spacing.md`),boxSizing:`border-box`,flexWrap:`nowrap`,flexDirection:`column`},header:{width:`100%`,marginBottom:t=>e.get(t,`spacing.sm`,`theme.spacing.sm`)},row:{width:`100%`,marginBottom:t=>e.get(t,`spacing.md`,`theme.spacing.md`),gap:t=>e.get(t,`spacing.xs`,`theme.spacing.xs`)},columnImage:{default:{flex:1},image:{width:`85px`,height:`85px`}},columnText:{default:{flex:3},description:{width:`100%`,height:t=>e.get(t,`spacing.${n.SizeVariant.Lg}`,`theme.spacing.${n.SizeVariant.Lg}`),marginBottom:t=>e.get(t,`spacing.sm`,`theme.spacing.sm`)},price:{width:`50%`,height:t=>e.get(t,`spacing.${n.SizeVariant.Lg}`,`theme.spacing.${n.SizeVariant.Lg}`),marginBottom:t=>e.get(t,`spacing.sm`,`theme.spacing.sm`)}}}}};exports.skeleton=i;

package/tokens/skeleton.d.cts

@@ -0,0 +1,68 @@
+export declare const skeleton: {
+    default: {
+        display: string;
+        position: string;
+        backgroundColor: (theme: Record<symbol, unknown>) => string;
+        alignItems: string;
+        justifyContent: string;
+        width: string;
+        height: string;
+        overflow: string;
+        '&:empty::before': {
+            content: string;
+        };
+    };
+    rounded: {
+        borderRadius: (theme: Record<symbol, unknown>) => string;
+    };
+    rectangular: {
+        borderRadius: (theme: Record<symbol, unknown>) => string;
+    };
+    circular: {
+        borderRadius: (theme: Record<symbol, unknown>) => string;
+    };
+    cards: {
+        search: {
+            default: {};
+            container: {
+                padding: (theme: Record<symbol, unknown>) => string;
+                boxSizing: string;
+                flexWrap: string;
+                flexDirection: string;
+            };
+            header: {
+                width: string;
+                marginBottom: (theme: Record<symbol, unknown>) => string;
+            };
+            row: {
+                width: string;
+                marginBottom: (theme: Record<symbol, unknown>) => string;
+                gap: (theme: Record<symbol, unknown>) => string;
+            };
+            columnImage: {
+                default: {
+                    flex: number;
+                };
+                image: {
+                    width: string;
+                    height: string;
+                };
+            };
+            columnText: {
+                default: {
+                    flex: number;
+                };
+                description: {
+                    width: string;
+                    height: (theme: Record<symbol, unknown>) => string;
+                    marginBottom: (theme: Record<symbol, unknown>) => string;
+                };
+                price: {
+                    width: string;
+                    height: (theme: Record<symbol, unknown>) => string;
+                    marginBottom: (theme: Record<symbol, unknown>) => string;
+                };
+            };
+        };
+    };
+};

package/tokens/slider.cjs

@@ -1 +1 @@
-const e=require(`../utils/helpers.cjs`),t=require(`./cursors.cjs`);var n=t=>({isolation:`isolate`,appearance:`none`,backgroundColor:e.get(t,`colors.bg.fill.secondary`,`theme.colors.bg.fill.secondary`),borderRadius:`50%`,blockSize:`20px`,inlineSize:`20px`,boxSizing:`border-box`,border:`2px solid currentColor`,marginTop:`-6px`}),r=t=>({blockSize:`8px`,borderRadius:`inherit`,backgroundRepeat:`no-repeat`,backgroundColor:e.get(t,`colors.border.default`,`theme.colors.border.default`),backgroundImage:`linear-gradient(to right, transparent 0 100%), linear-gradient(to right, currentColor calc(100% * var(--gd-slider-fill-ratio)), transparent calc(100% * var(--gd-slider-fill-ratio)))`,backgroundPositionX:`calc((0.75rem - 8px) / 2), 0`,backgroundSize:`calc(100% - 0.75rem), auto`}),i={default:{position:`relative`,display:`block`,inlineSize:`100%`,color:t=>e.get(t,`colors.text.title`,`theme.colors.text.title`),cursor:t.cursors.pointer,WebkitAppearance:`none`,appearance:`none`,padding:`0.4375rem 0`,backgroundColor:t=>e.get(t,`colors.transparent`,`theme.colors.transparent`),outline:`none`,"&[disabled]":{opacity:`50%`,cursor:t.cursors.default},"&::-webkit-slider-thumb":n,"&::-webkit-slider-runnable-track":r,"&::-moz-range-thumb":n,"&::-moz-range-track":r}};exports.slider=i;
+const e=require("../utils/helpers.cjs"),t=require("./cursors.cjs");var n=t=>({isolation:`isolate`,appearance:`none`,backgroundColor:e.get(t,`colors.bg.fill.secondary`,`theme.colors.bg.fill.secondary`),borderRadius:`50%`,blockSize:`20px`,inlineSize:`20px`,boxSizing:`border-box`,border:`2px solid currentColor`,marginTop:`-6px`}),r=t=>({blockSize:`8px`,borderRadius:`inherit`,backgroundRepeat:`no-repeat`,backgroundColor:e.get(t,`colors.border.default`,`theme.colors.border.default`),backgroundImage:`linear-gradient(to right, transparent 0 100%), linear-gradient(to right, currentColor calc(100% * var(--gd-slider-fill-ratio)), transparent calc(100% * var(--gd-slider-fill-ratio)))`,backgroundPositionX:`calc((0.75rem - 8px) / 2), 0`,backgroundSize:`calc(100% - 0.75rem), auto`}),i={default:{position:`relative`,display:`block`,inlineSize:`100%`,color:t=>e.get(t,`colors.text.title`,`theme.colors.text.title`),cursor:t.cursors.pointer,WebkitAppearance:`none`,appearance:`none`,padding:`0.4375rem 0`,backgroundColor:t=>e.get(t,`colors.transparent`,`theme.colors.transparent`),outline:`none`,"&[disabled]":{opacity:`50%`,cursor:t.cursors.default},"&::-webkit-slider-thumb":n,"&::-webkit-slider-runnable-track":r,"&::-moz-range-thumb":n,"&::-moz-range-track":r}};exports.slider=i;

package/tokens/slider.d.cts

@@ -0,0 +1,58 @@
+export declare const slider: {
+    default: {
+        position: string;
+        display: string;
+        inlineSize: string;
+        color: (theme: Record<symbol, unknown>) => string;
+        cursor: string;
+        WebkitAppearance: string;
+        appearance: string;
+        padding: string;
+        backgroundColor: (theme: Record<symbol, unknown>) => string;
+        outline: string;
+        '&[disabled]': {
+            opacity: string;
+            cursor: string;
+        };
+        '&::-webkit-slider-thumb': (theme: Record<symbol, unknown>) => {
+            isolation: string;
+            appearance: string;
+            backgroundColor: string;
+            borderRadius: string;
+            blockSize: string;
+            inlineSize: string;
+            boxSizing: string;
+            border: string;
+            marginTop: string;
+        };
+        '&::-webkit-slider-runnable-track': (theme: Record<symbol, unknown>) => {
+            blockSize: string;
+            borderRadius: string;
+            backgroundRepeat: string;
+            backgroundColor: string;
+            backgroundImage: string;
+            backgroundPositionX: string;
+            backgroundSize: string;
+        };
+        '&::-moz-range-thumb': (theme: Record<symbol, unknown>) => {
+            isolation: string;
+            appearance: string;
+            backgroundColor: string;
+            borderRadius: string;
+            blockSize: string;
+            inlineSize: string;
+            boxSizing: string;
+            border: string;
+            marginTop: string;
+        };
+        '&::-moz-range-track': (theme: Record<symbol, unknown>) => {
+            blockSize: string;
+            borderRadius: string;
+            backgroundRepeat: string;
+            backgroundColor: string;
+            backgroundImage: string;
+            backgroundPositionX: string;
+            backgroundSize: string;
+        };
+    };
+};

package/tokens/sliderDots.cjs

@@ -1 +1 @@
-const e=require(`../utils/helpers.cjs`);var t={container:{default:{display:`flex`,justifyContent:`center`,alignItems:`center`,gap:`8px`}},dot:{default:t=>({width:`8px`,height:`8px`,borderRadius:e.get(t,`radius.round`,`theme.radius.round`),border:`none`,cursor:`pointer`,padding:0,transition:e.get(t,`values.transitions.sliderDots.dot`,`theme.values.transitions.sliderDots.dot`),backgroundColor:e.get(t,`colors.bg.fill.disabled`,`theme.colors.bg.fill.disabled`),"&:hover":{backgroundColor:e.get(t,`colors.text.caption`,`theme.colors.text.caption`)}}),active:t=>({width:`32px`,borderRadius:`4px`,backgroundColor:e.get(t,`colors.bg.fill.primary`,`theme.colors.bg.fill.primary`),"&:hover":{backgroundColor:e.get(t,`colors.bg.fill.primary.hover`,`theme.colors.bg.fill.primary.hover`)}})}};exports.sliderDots=t;
+const e=require("../utils/helpers.cjs");var t={container:{default:{display:`flex`,justifyContent:`center`,alignItems:`center`,gap:`8px`}},dot:{default:t=>({width:`8px`,height:`8px`,borderRadius:e.get(t,`radius.round`,`theme.radius.round`),border:`none`,cursor:`pointer`,padding:0,transition:e.get(t,`values.transitions.sliderDots.dot`,`theme.values.transitions.sliderDots.dot`),backgroundColor:e.get(t,`colors.bg.fill.disabled`,`theme.colors.bg.fill.disabled`),"&:hover":{backgroundColor:e.get(t,`colors.text.caption`,`theme.colors.text.caption`)}}),active:t=>({width:`32px`,borderRadius:`4px`,backgroundColor:e.get(t,`colors.bg.fill.primary`,`theme.colors.bg.fill.primary`),"&:hover":{backgroundColor:e.get(t,`colors.bg.fill.primary.hover`,`theme.colors.bg.fill.primary.hover`)}})}};exports.sliderDots=t;

package/tokens/sliderDots.d.cts

@@ -0,0 +1,33 @@
+export declare const sliderDots: {
+    container: {
+        default: {
+            display: string;
+            justifyContent: string;
+            alignItems: string;
+            gap: string;
+        };
+    };
+    dot: {
+        default: (theme: Record<symbol, unknown>) => {
+            width: string;
+            height: string;
+            borderRadius: string;
+            border: string;
+            cursor: string;
+            padding: number;
+            transition: string;
+            backgroundColor: string;
+            '&:hover': {
+                backgroundColor: string;
+            };
+        };
+        active: (theme: Record<symbol, unknown>) => {
+            width: string;
+            borderRadius: string;
+            backgroundColor: string;
+            '&:hover': {
+                backgroundColor: string;
+            };
+        };
+    };
+};

package/tokens/snackbar.cjs

@@ -1 +1 @@
-const e=require(`../utils/helpers.cjs`),t=require(`./utils.cjs`);var n={title:{attrs:{as:`div`,align:`start`,variant:`small`,styleVariant:`semibold`,color:`text.black`}},description:{attrs:{as:`div`,align:`start`,variant:`small`,styleVariant:`normal`,color:`text.black`}},container:{default:{position:`fixed`,display:`flex`,flexDirection:`column`,gap:t=>e.get(t,`spacing.sm`,`theme.spacing.sm`),padding:t=>e.get(t,`spacing.sm`,`theme.spacing.sm`),boxSizing:`border-box`,maxHeight:t=>`calc(100vh - ${e.get(t,`spacing.xs`,`theme.spacing.xs`)})`,overflowY:`auto`,overflowX:`hidden`,scrollbarWidth:`thin`,scrollbarColor:t=>`${e.get(t,`colors.transparent`,`theme.colors.transparent`)} ${e.get(t,`colors.transparent`,`theme.colors.transparent`)}`,zIndex:t=>e.get(t,`zIndex.top`,`theme.zIndex.top`),"&::-webkit-scrollbar":{width:t=>e.get(t,`spacing.sm`,`theme.spacing.sm`),background:t=>e.get(t,`colors.transparent`,`theme.colors.transparent`)},"&::-webkit-scrollbar-thumb":{background:t=>e.get(t,`colors.transparent`,`theme.colors.transparent`),borderRadius:t=>e.get(t,`radius.sm`,`theme.radius.sm`)},"&::-webkit-scrollbar-track":{background:t=>e.get(t,`colors.transparent`,`theme.colors.transparent`)},"&:hover::-webkit-scrollbar-thumb":{background:`rgba(0, 0, 0, 0.3)`},"&.scrolling::-webkit-scrollbar-thumb":{background:`rgba(0, 0, 0, 0.3)`}}},snackbar:{default:{position:`relative`,boxShadow:t=>e.get(t,`shadows.snackbar.default`,`theme.shadows.snackbar.default`),width:`302px`,fontSize:t=>e.get(t,`font.size.p`,`theme.font.size.p`),display:`flex`,flexDirection:`column`,gap:t=>e.get(t,`spacing.sm`,`theme.spacing.sm`),color:t=>e.get(t,`colors.text.default`,`theme.colors.text.default`),padding:t=>`${e.get(t,`spacing.sm`,`theme.spacing.sm`)} ${e.get(t,`spacing.md`,`theme.spacing.md`)}`},background:{default:t=>e.get(t,`colors.bg.surface`,`theme.colors.bg.surface`),variants:{success:t=>e.get(t,`colors.bg.toast.success`,`theme.colors.bg.toast.success`),error:t=>e.get(t,`colors.bg.toast.error`,`theme.colors.bg.toast.error`),warning:t=>e.get(t,`colors.bg.toast.warning`,`theme.colors.bg.toast.warning`),info:t=>e.get(t,`colors.bg.toast.info`,`theme.colors.bg.toast.info`)}},animation:{closeEffect:`300ms ease-in-out 50ms forwards`,openEffect:`300ms ease-in-out forwards`}},positions:{"top-left":{top:0,left:0,alignItems:`flex-start`},"top-center":{top:t=>e.get(t,`spacing.none`,`theme.spacing.none`),left:`50%`,transform:`translateX(-50%)`,alignItems:`center`},"top-right":{top:t=>e.get(t,`spacing.none`,`theme.spacing.none`),right:t=>e.get(t,`spacing.none`,`theme.spacing.none`),alignItems:`flex-end`},"bottom-left":{bottom:t=>e.get(t,`spacing.none`,`theme.spacing.none`),left:t=>e.get(t,`spacing.none`,`theme.spacing.none`),alignItems:`flex-start`,flexDirection:`column-reverse`},"bottom-center":{bottom:t=>e.get(t,`spacing.none`,`theme.spacing.none`),left:`50%`,transform:`translateX(-50%)`,alignItems:`center`,flexDirection:`column-reverse`},"bottom-right":{bottom:t=>e.get(t,`spacing.none`,`theme.spacing.none`),right:t=>e.get(t,`spacing.none`,`theme.spacing.none`),alignItems:`flex-end`,flexDirection:`column-reverse`}},closeButton:{position:`absolute`,top:t=>e.get(t,`spacing.sm`,`theme.spacing.sm`),right:t=>e.get(t,`spacing.md`,`theme.spacing.md`),background:t=>e.get(t,`colors.transparent`,`theme.colors.transparent`),border:require(`./borders.cjs`).borders.none,cursor:`pointer`,padding:3,width:16,height:16},icons:{close:{name:`cross`,width:10,height:10},success:{name:`success`,fill:`icon.success`,width:20,height:20},error:{name:`error`,fill:`icon.error`,width:20,height:20},warning:{name:`warning`,fill:`icon.warning`,width:20,height:20},info:{name:`info`,fill:`icon.info`,width:20,height:20}},snackbarBody:{display:`flex`,alignItems:`flex-start`,gap:t=>e.get(t,`spacing.sm`,`theme.spacing.sm`)},snackbarContent:{display:`flex`,flexDirection:`column`,alignItems:`flex-start`,gap:t.getSpacing(1),flex:1},actionsContainer:{paddingTop:t.getSpacing(1)}};exports.snackbar=n;
+const e=require("../utils/helpers.cjs"),t=require("./utils.cjs");var n={title:{attrs:{as:`div`,align:`start`,variant:`small`,styleVariant:`semibold`,color:`text.black`}},description:{attrs:{as:`div`,align:`start`,variant:`small`,styleVariant:`normal`,color:`text.black`}},container:{default:{position:`fixed`,display:`flex`,flexDirection:`column`,gap:t=>e.get(t,`spacing.sm`,`theme.spacing.sm`),padding:t=>`${e.get(t,`spacing.sm`,`theme.spacing.sm`)} ${e.get(t,`spacing.sm`,`theme.spacing.sm`)} ${e.get(t,`spacing.md`,`theme.spacing.md`)} ${e.get(t,`spacing.md`,`theme.spacing.md`)}`,boxSizing:`border-box`,maxHeight:t=>`calc(100vh - ${e.get(t,`spacing.xs`,`theme.spacing.xs`)})`,overflowY:`auto`,overflowX:`hidden`,scrollbarWidth:`thin`,scrollbarColor:t=>`${e.get(t,`colors.transparent`,`theme.colors.transparent`)} ${e.get(t,`colors.transparent`,`theme.colors.transparent`)}`,zIndex:t=>e.get(t,`zIndex.top`,`theme.zIndex.top`),"&::-webkit-scrollbar":{width:t=>e.get(t,`spacing.sm`,`theme.spacing.sm`),background:t=>e.get(t,`colors.transparent`,`theme.colors.transparent`)},"&::-webkit-scrollbar-thumb":{background:t=>e.get(t,`colors.transparent`,`theme.colors.transparent`),borderRadius:t=>e.get(t,`radius.sm`,`theme.radius.sm`)},"&::-webkit-scrollbar-track":{background:t=>e.get(t,`colors.transparent`,`theme.colors.transparent`)},"&:hover::-webkit-scrollbar-thumb":{background:`rgba(0, 0, 0, 0.3)`},"&.scrolling::-webkit-scrollbar-thumb":{background:`rgba(0, 0, 0, 0.3)`}}},snackbar:{default:{position:`relative`,boxShadow:t=>e.get(t,`shadows.snackbar.default`,`theme.shadows.snackbar.default`),width:`302px`,fontSize:t=>e.get(t,`font.size.p`,`theme.font.size.p`),display:`flex`,flexDirection:`column`,gap:t=>e.get(t,`spacing.sm`,`theme.spacing.sm`),color:t=>e.get(t,`colors.text.default`,`theme.colors.text.default`),padding:t=>`${e.get(t,`spacing.sm`,`theme.spacing.sm`)} ${e.get(t,`spacing.md`,`theme.spacing.md`)}`},background:{default:t=>e.get(t,`colors.bg.surface`,`theme.colors.bg.surface`),variants:{success:t=>e.get(t,`colors.bg.toast.success`,`theme.colors.bg.toast.success`),error:t=>e.get(t,`colors.bg.toast.error`,`theme.colors.bg.toast.error`),warning:t=>e.get(t,`colors.bg.toast.warning`,`theme.colors.bg.toast.warning`),info:t=>e.get(t,`colors.bg.toast.info`,`theme.colors.bg.toast.info`)}},animation:{closeEffect:`300ms ease-in-out 50ms forwards`,openEffect:`300ms ease-in-out forwards`}},positions:{"top-left":{top:0,left:0,alignItems:`flex-start`},"top-center":{top:t=>e.get(t,`spacing.none`,`theme.spacing.none`),left:`50%`,transform:`translateX(-50%)`,alignItems:`center`},"top-right":{top:t=>e.get(t,`spacing.none`,`theme.spacing.none`),right:t=>e.get(t,`spacing.none`,`theme.spacing.none`),alignItems:`flex-end`},"bottom-left":{bottom:t=>e.get(t,`spacing.none`,`theme.spacing.none`),left:t=>e.get(t,`spacing.none`,`theme.spacing.none`),alignItems:`flex-start`,flexDirection:`column-reverse`},"bottom-center":{bottom:t=>e.get(t,`spacing.none`,`theme.spacing.none`),left:`50%`,transform:`translateX(-50%)`,alignItems:`center`,flexDirection:`column-reverse`},"bottom-right":{bottom:t=>e.get(t,`spacing.none`,`theme.spacing.none`),right:t=>e.get(t,`spacing.none`,`theme.spacing.none`),alignItems:`flex-end`,flexDirection:`column-reverse`}},closeButton:{position:`absolute`,top:t=>e.get(t,`spacing.sm`,`theme.spacing.sm`),right:t=>e.get(t,`spacing.md`,`theme.spacing.md`),background:t=>e.get(t,`colors.transparent`,`theme.colors.transparent`),border:require("./borders.cjs").borders.none,cursor:`pointer`,padding:3,width:16,height:16},icons:{close:{name:`cross`,width:10,height:10},success:{name:`success`,fill:`icon.success`,width:20,height:20},error:{name:`error`,fill:`icon.error`,width:20,height:20},warning:{name:`warning`,fill:`icon.warning`,width:20,height:20},info:{name:`info`,fill:`icon.info`,width:20,height:20}},snackbarBody:{display:`flex`,alignItems:`flex-start`,gap:t=>e.get(t,`spacing.sm`,`theme.spacing.sm`)},snackbarContent:{display:`flex`,flexDirection:`column`,alignItems:`flex-start`,gap:t.getSpacing(1),flex:1},actionsContainer:{paddingTop:t.getSpacing(1)}};exports.snackbar=n;

package/tokens/snackbar.d.cts

@@ -0,0 +1,173 @@
+export declare const snackbar: {
+    title: {
+        attrs: {
+            as: string;
+            align: string;
+            variant: string;
+            styleVariant: string;
+            color: string;
+        };
+    };
+    description: {
+        attrs: {
+            as: string;
+            align: string;
+            variant: string;
+            styleVariant: string;
+            color: string;
+        };
+    };
+    container: {
+        default: {
+            position: string;
+            display: string;
+            flexDirection: string;
+            gap: (theme: Record<symbol, unknown>) => string;
+            padding: (theme: Record<symbol, unknown>) => string;
+            boxSizing: string;
+            maxHeight: (theme: Record<symbol, unknown>) => string;
+            overflowY: string;
+            overflowX: string;
+            scrollbarWidth: string;
+            scrollbarColor: (theme: Record<symbol, unknown>) => string;
+            zIndex: (theme: Record<symbol, unknown>) => string;
+            '&::-webkit-scrollbar': {
+                width: (theme: Record<symbol, unknown>) => string;
+                background: (theme: Record<symbol, unknown>) => string;
+            };
+            '&::-webkit-scrollbar-thumb': {
+                background: (theme: Record<symbol, unknown>) => string;
+                borderRadius: (theme: Record<symbol, unknown>) => string;
+            };
+            '&::-webkit-scrollbar-track': {
+                background: (theme: Record<symbol, unknown>) => string;
+            };
+            '&:hover::-webkit-scrollbar-thumb': {
+                background: string;
+            };
+            '&.scrolling::-webkit-scrollbar-thumb': {
+                background: string;
+            };
+        };
+    };
+    snackbar: {
+        default: {
+            position: string;
+            boxShadow: (theme: Record<symbol, unknown>) => string;
+            width: string;
+            fontSize: (theme: Record<symbol, unknown>) => string;
+            display: string;
+            flexDirection: string;
+            gap: (theme: Record<symbol, unknown>) => string;
+            color: (theme: Record<symbol, unknown>) => string;
+            padding: (theme: Record<symbol, unknown>) => string;
+        };
+        background: {
+            default: (theme: Record<symbol, unknown>) => string;
+            variants: {
+                success: (theme: Record<symbol, unknown>) => string;
+                error: (theme: Record<symbol, unknown>) => string;
+                warning: (theme: Record<symbol, unknown>) => string;
+                info: (theme: Record<symbol, unknown>) => string;
+            };
+        };
+        animation: {
+            closeEffect: string;
+            openEffect: string;
+        };
+    };
+    positions: {
+        'top-left': {
+            top: number;
+            left: number;
+            alignItems: string;
+        };
+        'top-center': {
+            top: (theme: Record<symbol, unknown>) => string;
+            left: string;
+            transform: string;
+            alignItems: string;
+        };
+        'top-right': {
+            top: (theme: Record<symbol, unknown>) => string;
+            right: (theme: Record<symbol, unknown>) => string;
+            alignItems: string;
+        };
+        'bottom-left': {
+            bottom: (theme: Record<symbol, unknown>) => string;
+            left: (theme: Record<symbol, unknown>) => string;
+            alignItems: string;
+            flexDirection: string;
+        };
+        'bottom-center': {
+            bottom: (theme: Record<symbol, unknown>) => string;
+            left: string;
+            transform: string;
+            alignItems: string;
+            flexDirection: string;
+        };
+        'bottom-right': {
+            bottom: (theme: Record<symbol, unknown>) => string;
+            right: (theme: Record<symbol, unknown>) => string;
+            alignItems: string;
+            flexDirection: string;
+        };
+    };
+    closeButton: {
+        position: string;
+        top: (theme: Record<symbol, unknown>) => string;
+        right: (theme: Record<symbol, unknown>) => string;
+        background: (theme: Record<symbol, unknown>) => string;
+        border: number;
+        cursor: string;
+        padding: number;
+        width: number;
+        height: number;
+    };
+    icons: {
+        close: {
+            name: string;
+            width: number;
+            height: number;
+        };
+        success: {
+            name: string;
+            fill: string;
+            width: number;
+            height: number;
+        };
+        error: {
+            name: string;
+            fill: string;
+            width: number;
+            height: number;
+        };
+        warning: {
+            name: string;
+            fill: string;
+            width: number;
+            height: number;
+        };
+        info: {
+            name: string;
+            fill: string;
+            width: number;
+            height: number;
+        };
+    };
+    snackbarBody: {
+        display: string;
+        alignItems: string;
+        gap: (theme: Record<symbol, unknown>) => string;
+    };
+    snackbarContent: {
+        display: string;
+        flexDirection: string;
+        alignItems: string;
+        gap: string | number;
+        flex: number;
+    };
+    actionsContainer: {
+        paddingTop: string | number;
+    };
+};

package/tokens/snackbar.js

@@ -22,7 +22,7 @@ var r = {
 		display: "flex",
 		flexDirection: "column",
 		gap: (t) => e(t, "spacing.sm", "theme.spacing.sm"),
-		padding: (t) => e(t, "spacing.sm", "theme.spacing.sm"),
+		padding: (t) => `${e(t, "spacing.sm", "theme.spacing.sm")} ${e(t, "spacing.sm", "theme.spacing.sm")} ${e(t, "spacing.md", "theme.spacing.md")} ${e(t, "spacing.md", "theme.spacing.md")}`,
 		boxSizing: "border-box",
 		maxHeight: (t) => `calc(100vh - ${e(t, "spacing.xs", "theme.spacing.xs")})`,
 		overflowY: "auto",

package/tokens/spacing.d.cts

@@ -0,0 +1,32 @@
+export declare const spacing: {
+    none: number;
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    xxl: string;
+};
+export declare const space: {
+    '0': string;
+    '050': string;
+    '100': string;
+    '150': string;
+    '200': string;
+    '300': string;
+    '400': string;
+    '500': string;
+    '600': string;
+    '700': string;
+    '800': string;
+    '900': string;
+    '1000': string;
+};
+export declare const scale: {
+    '050': string;
+    '100': string;
+    '200': string;
+    '300': string;
+    '400': string;
+    '500': string;
+};