gd-design-library 1.8.2 → 1.8.3

package/tokens/tooltip.d.cts

@@ -0,0 +1,68 @@
+export declare const tooltip: {
+    default: {
+        position: string;
+        display: string;
+        maxWidth: string;
+        maxHeight: string;
+        wordBreak: string;
+        color: (theme: Record<symbol, unknown>) => string;
+        backgroundColor: (theme: Record<symbol, unknown>) => string;
+        padding: (theme: Record<symbol, unknown>) => string;
+        zIndex: (theme: Record<symbol, unknown>) => string;
+        borderRadius: (theme: Record<symbol, unknown>) => string;
+        fontSize: (theme: Record<symbol, unknown>) => string;
+        fontWeight: (theme: Record<symbol, unknown>) => string;
+        lineHeight: (theme: Record<symbol, unknown>) => string;
+        '&::after': {
+            position: string;
+            content: string;
+            border: string;
+        };
+        '&.tooltip-bottom': {
+            transform: string;
+            '&::after': {
+                top: number;
+                left: string;
+                borderLeftColor: (theme: Record<symbol, unknown>) => string;
+                borderTopColor: (theme: Record<symbol, unknown>) => string;
+                transform: string;
+            };
+        };
+        '&.tooltip-top': {
+            transform: string;
+            '&::after': {
+                bottom: number;
+                left: string;
+                borderRightColor: (theme: Record<symbol, unknown>) => string;
+                borderBottomColor: (theme: Record<symbol, unknown>) => string;
+                transform: string;
+            };
+        };
+        '&.tooltip-left': {
+            transform: string;
+            '&::after': {
+                right: number;
+                top: string;
+                borderRightColor: (theme: Record<symbol, unknown>) => string;
+                borderTopColor: (theme: Record<symbol, unknown>) => string;
+                transform: string;
+            };
+        };
+        '&.tooltip-right': {
+            transform: string;
+            '&::after': {
+                left: number;
+                top: string;
+                borderLeftColor: (theme: Record<symbol, unknown>) => string;
+                borderBottomColor: (theme: Record<symbol, unknown>) => string;
+                transform: string;
+            };
+        };
+    };
+    wrapper: {
+        default: {
+            display: string;
+            position: string;
+        };
+    };
+};

package/tokens/tooltip.js

@@ -1,6 +1,5 @@
 import { get as e } from "../utils/helpers.js";
-//#region src/tokens/tooltip.ts
-var t = 6, n = {
+var t = {
 	default: {
 		position: "absolute",
 		display: "block",
@@ -18,12 +17,12 @@ var t = 6, n = {
 		"&::after": {
 			position: "absolute",
 			content: "\"\"",
-			border: `${t}px solid transparent`
+			border: "6px solid transparent"
 		},
 		"&.tooltip-bottom": {
 			transform: "translateX(-50%)",
 			"&::after": {
-				top: -t,
+				top: -6,
 				left: "50%",
 				borderLeftColor: (t) => e(t, "colors.bg.fill.tooltip.default", "theme.colors.bg.fill.tooltip.default"),
 				borderTopColor: (t) => e(t, "colors.bg.fill.tooltip.default", "theme.colors.bg.fill.tooltip.default"),
@@ -33,7 +32,7 @@ var t = 6, n = {
 		"&.tooltip-top": {
 			transform: "translateX(-50%)",
 			"&::after": {
-				bottom: -t,
+				bottom: -6,
 				left: "50%",
 				borderRightColor: (t) => e(t, "colors.bg.fill.tooltip.default", "theme.colors.bg.fill.tooltip.default"),
 				borderBottomColor: (t) => e(t, "colors.bg.fill.tooltip.default", "theme.colors.bg.fill.tooltip.default"),
@@ -43,7 +42,7 @@ var t = 6, n = {
 		"&.tooltip-left": {
 			transform: "translateY(-50%)",
 			"&::after": {
-				right: -t,
+				right: -6,
 				top: "50%",
 				borderRightColor: (t) => e(t, "colors.bg.fill.tooltip.default", "theme.colors.bg.fill.tooltip.default"),
 				borderTopColor: (t) => e(t, "colors.bg.fill.tooltip.default", "theme.colors.bg.fill.tooltip.default"),
@@ -53,7 +52,7 @@ var t = 6, n = {
 		"&.tooltip-right": {
 			transform: "translateY(-50%)",
 			"&::after": {
-				left: -t,
+				left: -6,
 				top: "50%",
 				borderLeftColor: (t) => e(t, "colors.bg.fill.tooltip.default", "theme.colors.bg.fill.tooltip.default"),
 				borderBottomColor: (t) => e(t, "colors.bg.fill.tooltip.default", "theme.colors.bg.fill.tooltip.default"),
@@ -67,4 +66,4 @@ var t = 6, n = {
 	} }
 };
 //#endregion
-export { n as tooltip };
+export { t as tooltip };

package/tokens/truncate.d.cts

@@ -0,0 +1,9 @@
+export declare const truncate: {
+    default: {
+        display: string;
+        WebkitBoxOrient: string;
+        overflow: string;
+        textOverflow: string;
+        wordBreak: string;
+    };
+};

package/tokens/types/index.types.d.cts

@@ -0,0 +1,14 @@
+import { spacing } from '../index.js';
+export type LayoutSize = 'sm' | 'md' | 'lg' | 'xl' | 'full';
+export type SpacingKey = keyof typeof spacing;
+export declare enum Unit {
+    Px = "px",
+    Rem = "rem",
+    Percents = "%",
+    Em = "em"
+}
+export type FocusStyles = {
+    inset: `${number}${Unit}`;
+    borderRadius?: `${number}${Unit}`;
+    border?: string;
+};

package/tokens/types/index.types.d.ts

@@ -1,4 +1,4 @@
-import { spacing } from '..';
+import { spacing } from '../index.js';
 export type LayoutSize = 'sm' | 'md' | 'lg' | 'xl' | 'full';
 export type SpacingKey = keyof typeof spacing;
 export declare enum Unit {

package/tokens/typography.cjs

@@ -1 +1 @@
-const e=require(`../utils/helpers.cjs`);var t={base:{fontFamily:t=>e.get(t,`font.family`,`theme.font.family`)},span:{fontSize:`inherit`,fontWeight:`inherit`,lineHeight:`inherit`},h1:{fontSize:t=>e.get(t,`font.size.h1`,`font.size.h1`),fontWeight:t=>e.get(t,`font.weight.normal`,`theme.font.weight.normal`),lineHeight:t=>e.get(t,`font.line.height.h1`,`font.line.height.h1`),marginTop:t=>e.get(t,`spacing.xl`,`theme.spacing.xl`),marginBottom:t=>e.get(t,`spacing.xl`,`theme.spacing.xl`)},h2:{fontSize:t=>e.get(t,`font.size.h2`,`font.size.h2`),fontWeight:t=>e.get(t,`font.weight.normal`,`theme.font.weight.normal`),lineHeight:t=>e.get(t,`font.line.height.h2`,`font.line.height.h2`),marginTop:t=>e.get(t,`spacing.lg`,`theme.spacing.lg`),marginBottom:t=>e.get(t,`spacing.lg`,`theme.spacing.lg`)},h3:{fontSize:t=>e.get(t,`font.size.h3`,`font.size.h3`),fontWeight:t=>e.get(t,`font.weight.normal`,`theme.font.weight.normal`),lineHeight:t=>e.get(t,`font.line.height.h3`,`font.line.height.h3`),marginTop:t=>e.get(t,`spacing.md`,`theme.spacing.md`),marginBottom:t=>e.get(t,`spacing.md`,`theme.spacing.md`)},h4:{fontSize:t=>e.get(t,`font.size.h4`,`font.size.h4`),fontWeight:t=>e.get(t,`font.weight.normal`,`theme.font.weight.normal`),lineHeight:t=>e.get(t,`font.line.height.h4`,`font.line.height.h4`),marginTop:t=>e.get(t,`spacing.md`,`theme.spacing.md`),marginBottom:t=>e.get(t,`spacing.md`,`theme.spacing.md`)},h5:{fontSize:t=>e.get(t,`font.size.h5`,`font.size.h5`),fontWeight:t=>e.get(t,`font.weight.normal`,`theme.font.weight.normal`),lineHeight:t=>e.get(t,`font.line.height.h5`,`font.line.height.h5`),marginTop:t=>e.get(t,`spacing.sm`,`theme.spacing.sm`),marginBottom:t=>e.get(t,`spacing.sm`,`theme.spacing.sm`)},h6:{fontSize:t=>e.get(t,`font.size.h6`,`font.size.h6`),fontWeight:t=>e.get(t,`font.weight.normal`,`theme.font.weight.normal`),lineHeight:t=>e.get(t,`font.line.height.h6`,`font.line.height.h6`),marginTop:t=>e.get(t,`spacing.sm`,`theme.spacing.sm`),marginBottom:t=>e.get(t,`spacing.sm`,`theme.spacing.sm`)},strong:{fontWeight:t=>e.get(t,`font.weight.bold`,`theme.font.weight.bold`)},i:{fontStyle:`italic`},p:{fontSize:t=>e.get(t,`font.size.p`,`font.size.p`),fontWeight:t=>e.get(t,`font.weight.normal`,`theme.font.weight.normal`),lineHeight:t=>e.get(t,`font.line.height.p`,`font.line.height.p`)},small:{fontSize:t=>e.get(t,`font.size.small`,`font.size.small`),fontWeight:t=>e.get(t,`font.weight.normal`,`theme.font.weight.normal`),lineHeight:t=>e.get(t,`font.line.height.small`,`theme.font.line.height.small`)},caption:{fontSize:t=>e.get(t,`font.size.caption`,`font.size.caption`),fontWeight:t=>e.get(t,`font.weight.normal`,`theme.font.weight.normal`),lineHeight:t=>e.get(t,`font.line.height.caption`,`theme.font.line.height.caption`)},header:{fontSize:t=>e.get(t,`font.size.header`,`font.size.header`),fontWeight:t=>e.get(t,`font.weight.normal`,`theme.font.weight.normal`),lineHeight:t=>e.get(t,`font.line.height.header`,`theme.font.line.height.header`)},code:{fontFamily:t=>e.get(t,`font["family.code"]`,`theme.font["family.code"]`),fontSize:t=>e.get(t,`font.size.code`,`font.size.code`),fontWeight:t=>e.get(t,`font.weight.normal`,`theme.font.weight.normal`),lineHeight:t=>e.get(t,`font.line.height.code`,`theme.font.line.height.code`)},kbd:{fontFamily:t=>e.get(t,`font["family.code"]`,`theme.font["family.code"]`),fontSize:t=>e.get(t,`font.size.kbd`,`font.size.kbd`),fontWeight:t=>e.get(t,`font.weight.normal`,`theme.font.weight.normal`),lineHeight:t=>e.get(t,`font.line.height.kbd`,`theme.font.line.height.kbd`)},div:{xs:{fontSize:t=>e.get(t,`font.size.xs`,`theme.font.size.xs`),lineHeight:t=>e.get(t,`font.line.height.xs`,`font.line.height.xs`)},sm:{fontSize:t=>e.get(t,`font.size.sm`,`theme.font.size.sm`),lineHeight:t=>e.get(t,`font.line.height.sm`,`font.line.height.sm`)},md:{fontSize:t=>e.get(t,`font.size.md`,`font.size.md`),lineHeight:t=>e.get(t,`font.line.height.md`,`font.line.height.md`)},lg:{fontSize:t=>e.get(t,`font.size.lg`,`theme.font.size.lg`),lineHeight:t=>e.get(t,`font.line.height.lg`,`font.line.height.lg`)},xl:{fontSize:t=>e.get(t,`font.size.xl`,`theme.font.size.xl`),lineHeight:t=>e.get(t,`font.line.height.xl`,`font.line.height.xl`)}},styleVariant:{light:{fontWeight:t=>e.get(t,`font.weight.light`,`theme.font.weight.light`)},normal:{fontWeight:t=>e.get(t,`font.weight.normal`,`theme.font.weight.normal`)},semibold:{fontWeight:t=>e.get(t,`font.weight.medium`,`theme.font.weight.medium`)},bold:{fontWeight:t=>e.get(t,`font.weight.bold`,`theme.font.weight.bold`)},italic:{fontStyle:`italic`},small:{fontSize:t=>e.get(t,`font.size.small`,`theme.font.size.small`)},uppercase:{textTransform:`uppercase`},lowercase:{textTransform:`lowercase`},underline:{textDecoration:`underline`},strike:{textDecoration:`line-through`}}};exports.typography=t;
+const e=require("../utils/helpers.cjs");var t={base:{fontFamily:t=>e.get(t,`font.family`,`theme.font.family`)},span:{fontSize:`inherit`,fontWeight:`inherit`,lineHeight:`inherit`},h1:{fontSize:t=>e.get(t,`font.size.h1`,`font.size.h1`),fontWeight:t=>e.get(t,`font.weight.normal`,`theme.font.weight.normal`),lineHeight:t=>e.get(t,`font.line.height.h1`,`font.line.height.h1`),marginTop:t=>e.get(t,`spacing.xl`,`theme.spacing.xl`),marginBottom:t=>e.get(t,`spacing.xl`,`theme.spacing.xl`)},h2:{fontSize:t=>e.get(t,`font.size.h2`,`font.size.h2`),fontWeight:t=>e.get(t,`font.weight.normal`,`theme.font.weight.normal`),lineHeight:t=>e.get(t,`font.line.height.h2`,`font.line.height.h2`),marginTop:t=>e.get(t,`spacing.lg`,`theme.spacing.lg`),marginBottom:t=>e.get(t,`spacing.lg`,`theme.spacing.lg`)},h3:{fontSize:t=>e.get(t,`font.size.h3`,`font.size.h3`),fontWeight:t=>e.get(t,`font.weight.normal`,`theme.font.weight.normal`),lineHeight:t=>e.get(t,`font.line.height.h3`,`font.line.height.h3`),marginTop:t=>e.get(t,`spacing.md`,`theme.spacing.md`),marginBottom:t=>e.get(t,`spacing.md`,`theme.spacing.md`)},h4:{fontSize:t=>e.get(t,`font.size.h4`,`font.size.h4`),fontWeight:t=>e.get(t,`font.weight.normal`,`theme.font.weight.normal`),lineHeight:t=>e.get(t,`font.line.height.h4`,`font.line.height.h4`),marginTop:t=>e.get(t,`spacing.md`,`theme.spacing.md`),marginBottom:t=>e.get(t,`spacing.md`,`theme.spacing.md`)},h5:{fontSize:t=>e.get(t,`font.size.h5`,`font.size.h5`),fontWeight:t=>e.get(t,`font.weight.normal`,`theme.font.weight.normal`),lineHeight:t=>e.get(t,`font.line.height.h5`,`font.line.height.h5`),marginTop:t=>e.get(t,`spacing.sm`,`theme.spacing.sm`),marginBottom:t=>e.get(t,`spacing.sm`,`theme.spacing.sm`)},h6:{fontSize:t=>e.get(t,`font.size.h6`,`font.size.h6`),fontWeight:t=>e.get(t,`font.weight.normal`,`theme.font.weight.normal`),lineHeight:t=>e.get(t,`font.line.height.h6`,`font.line.height.h6`),marginTop:t=>e.get(t,`spacing.sm`,`theme.spacing.sm`),marginBottom:t=>e.get(t,`spacing.sm`,`theme.spacing.sm`)},strong:{fontWeight:t=>e.get(t,`font.weight.bold`,`theme.font.weight.bold`)},i:{fontStyle:`italic`},p:{fontSize:t=>e.get(t,`font.size.p`,`font.size.p`),fontWeight:t=>e.get(t,`font.weight.normal`,`theme.font.weight.normal`),lineHeight:t=>e.get(t,`font.line.height.p`,`font.line.height.p`)},small:{fontSize:t=>e.get(t,`font.size.small`,`font.size.small`),fontWeight:t=>e.get(t,`font.weight.normal`,`theme.font.weight.normal`),lineHeight:t=>e.get(t,`font.line.height.small`,`theme.font.line.height.small`)},caption:{fontSize:t=>e.get(t,`font.size.caption`,`font.size.caption`),fontWeight:t=>e.get(t,`font.weight.normal`,`theme.font.weight.normal`),lineHeight:t=>e.get(t,`font.line.height.caption`,`theme.font.line.height.caption`)},header:{fontSize:t=>e.get(t,`font.size.header`,`font.size.header`),fontWeight:t=>e.get(t,`font.weight.normal`,`theme.font.weight.normal`),lineHeight:t=>e.get(t,`font.line.height.header`,`theme.font.line.height.header`)},code:{fontFamily:t=>e.get(t,`font["family.code"]`,`theme.font["family.code"]`),fontSize:t=>e.get(t,`font.size.code`,`font.size.code`),fontWeight:t=>e.get(t,`font.weight.normal`,`theme.font.weight.normal`),lineHeight:t=>e.get(t,`font.line.height.code`,`theme.font.line.height.code`)},kbd:{fontFamily:t=>e.get(t,`font["family.code"]`,`theme.font["family.code"]`),fontSize:t=>e.get(t,`font.size.kbd`,`font.size.kbd`),fontWeight:t=>e.get(t,`font.weight.normal`,`theme.font.weight.normal`),lineHeight:t=>e.get(t,`font.line.height.kbd`,`theme.font.line.height.kbd`)},div:{xs:{fontSize:t=>e.get(t,`font.size.xs`,`theme.font.size.xs`),lineHeight:t=>e.get(t,`font.line.height.xs`,`font.line.height.xs`)},sm:{fontSize:t=>e.get(t,`font.size.sm`,`theme.font.size.sm`),lineHeight:t=>e.get(t,`font.line.height.sm`,`font.line.height.sm`)},md:{fontSize:t=>e.get(t,`font.size.md`,`font.size.md`),lineHeight:t=>e.get(t,`font.line.height.md`,`font.line.height.md`)},lg:{fontSize:t=>e.get(t,`font.size.lg`,`theme.font.size.lg`),lineHeight:t=>e.get(t,`font.line.height.lg`,`font.line.height.lg`)},xl:{fontSize:t=>e.get(t,`font.size.xl`,`theme.font.size.xl`),lineHeight:t=>e.get(t,`font.line.height.xl`,`font.line.height.xl`)}},styleVariant:{light:{fontWeight:t=>e.get(t,`font.weight.light`,`theme.font.weight.light`)},normal:{fontWeight:t=>e.get(t,`font.weight.normal`,`theme.font.weight.normal`)},semibold:{fontWeight:t=>e.get(t,`font.weight.medium`,`theme.font.weight.medium`)},bold:{fontWeight:t=>e.get(t,`font.weight.bold`,`theme.font.weight.bold`)},italic:{fontStyle:`italic`},small:{fontSize:t=>e.get(t,`font.size.small`,`theme.font.size.small`)},uppercase:{textTransform:`uppercase`},lowercase:{textTransform:`lowercase`},underline:{textDecoration:`underline`},strike:{textDecoration:`line-through`}}};exports.typography=t;

package/tokens/typography.d.cts

@@ -0,0 +1,144 @@
+export declare const typography: {
+    base: {
+        fontFamily: (theme: Record<symbol, unknown>) => string;
+    };
+    span: {
+        fontSize: string;
+        fontWeight: string;
+        lineHeight: string;
+    };
+    h1: {
+        fontSize: (theme: Record<symbol, unknown>) => string;
+        fontWeight: (theme: Record<symbol, unknown>) => string;
+        lineHeight: (theme: Record<symbol, unknown>) => string;
+        marginTop: (theme: Record<symbol, unknown>) => string;
+        marginBottom: (theme: Record<symbol, unknown>) => string;
+    };
+    h2: {
+        fontSize: (theme: Record<symbol, unknown>) => string;
+        fontWeight: (theme: Record<symbol, unknown>) => string;
+        lineHeight: (theme: Record<symbol, unknown>) => string;
+        marginTop: (theme: Record<symbol, unknown>) => string;
+        marginBottom: (theme: Record<symbol, unknown>) => string;
+    };
+    h3: {
+        fontSize: (theme: Record<symbol, unknown>) => string;
+        fontWeight: (theme: Record<symbol, unknown>) => string;
+        lineHeight: (theme: Record<symbol, unknown>) => string;
+        marginTop: (theme: Record<symbol, unknown>) => string;
+        marginBottom: (theme: Record<symbol, unknown>) => string;
+    };
+    h4: {
+        fontSize: (theme: Record<symbol, unknown>) => string;
+        fontWeight: (theme: Record<symbol, unknown>) => string;
+        lineHeight: (theme: Record<symbol, unknown>) => string;
+        marginTop: (theme: Record<symbol, unknown>) => string;
+        marginBottom: (theme: Record<symbol, unknown>) => string;
+    };
+    h5: {
+        fontSize: (theme: Record<symbol, unknown>) => string;
+        fontWeight: (theme: Record<symbol, unknown>) => string;
+        lineHeight: (theme: Record<symbol, unknown>) => string;
+        marginTop: (theme: Record<symbol, unknown>) => string;
+        marginBottom: (theme: Record<symbol, unknown>) => string;
+    };
+    h6: {
+        fontSize: (theme: Record<symbol, unknown>) => string;
+        fontWeight: (theme: Record<symbol, unknown>) => string;
+        lineHeight: (theme: Record<symbol, unknown>) => string;
+        marginTop: (theme: Record<symbol, unknown>) => string;
+        marginBottom: (theme: Record<symbol, unknown>) => string;
+    };
+    strong: {
+        fontWeight: (theme: Record<symbol, unknown>) => string;
+    };
+    i: {
+        fontStyle: string;
+    };
+    p: {
+        fontSize: (theme: Record<symbol, unknown>) => string;
+        fontWeight: (theme: Record<symbol, unknown>) => string;
+        lineHeight: (theme: Record<symbol, unknown>) => string;
+    };
+    small: {
+        fontSize: (theme: Record<symbol, unknown>) => string;
+        fontWeight: (theme: Record<symbol, unknown>) => string;
+        lineHeight: (theme: Record<symbol, unknown>) => string;
+    };
+    caption: {
+        fontSize: (theme: Record<symbol, unknown>) => string;
+        fontWeight: (theme: Record<symbol, unknown>) => string;
+        lineHeight: (theme: Record<symbol, unknown>) => string;
+    };
+    header: {
+        fontSize: (theme: Record<symbol, unknown>) => string;
+        fontWeight: (theme: Record<symbol, unknown>) => string;
+        lineHeight: (theme: Record<symbol, unknown>) => string;
+    };
+    code: {
+        fontFamily: (theme: Record<symbol, unknown>) => string;
+        fontSize: (theme: Record<symbol, unknown>) => string;
+        fontWeight: (theme: Record<symbol, unknown>) => string;
+        lineHeight: (theme: Record<symbol, unknown>) => string;
+    };
+    kbd: {
+        fontFamily: (theme: Record<symbol, unknown>) => string;
+        fontSize: (theme: Record<symbol, unknown>) => string;
+        fontWeight: (theme: Record<symbol, unknown>) => string;
+        lineHeight: (theme: Record<symbol, unknown>) => string;
+    };
+    div: {
+        xs: {
+            fontSize: (theme: Record<symbol, unknown>) => string;
+            lineHeight: (theme: Record<symbol, unknown>) => string;
+        };
+        sm: {
+            fontSize: (theme: Record<symbol, unknown>) => string;
+            lineHeight: (theme: Record<symbol, unknown>) => string;
+        };
+        md: {
+            fontSize: (theme: Record<symbol, unknown>) => string;
+            lineHeight: (theme: Record<symbol, unknown>) => string;
+        };
+        lg: {
+            fontSize: (theme: Record<symbol, unknown>) => string;
+            lineHeight: (theme: Record<symbol, unknown>) => string;
+        };
+        xl: {
+            fontSize: (theme: Record<symbol, unknown>) => string;
+            lineHeight: (theme: Record<symbol, unknown>) => string;
+        };
+    };
+    styleVariant: {
+        light: {
+            fontWeight: (theme: Record<symbol, unknown>) => string;
+        };
+        normal: {
+            fontWeight: (theme: Record<symbol, unknown>) => string;
+        };
+        semibold: {
+            fontWeight: (theme: Record<symbol, unknown>) => string;
+        };
+        bold: {
+            fontWeight: (theme: Record<symbol, unknown>) => string;
+        };
+        italic: {
+            fontStyle: string;
+        };
+        small: {
+            fontSize: (theme: Record<symbol, unknown>) => string;
+        };
+        uppercase: {
+            textTransform: string;
+        };
+        lowercase: {
+            textTransform: string;
+        };
+        underline: {
+            textDecoration: string;
+        };
+        strike: {
+            textDecoration: string;
+        };
+    };
+};

package/tokens/utils.cjs

@@ -1 +1 @@
-require(`../_virtual/_rolldown/runtime.cjs`);const e=require(`../utils/helpers.cjs`),t=require(`./constants.cjs`),n=require(`./colors.cjs`),r=require(`./spacing.cjs`),i=require(`./types/index.types.cjs`);let a=require(`@emotion/react`);var o=e=>({focus:{outline:`${c(2,i.Unit.Rem)} solid ${n.colors?.[e]}`},disabled:{cursor:`not-allowed`,border:0}}),s=(e={})=>a.keyframes`${Object.entries(e).reduce((e,t)=>{let[n,r]=t;for(let t in r)e+=`${n} { ${t}: ${r[t]} } `;return e},``)}`,c=(e,t=i.Unit.Px)=>{let n=typeof e==`number`?e:parseFloat(e);switch(t){case i.Unit.Rem:return`${n/16}${t}`;case i.Unit.Percents:return`${n/100}${t}`;default:return`${n}${t}`}},l=(e=`sm`,t=`px`)=>c(typeof e==`number`?parseFloat(r.spacing.xs)*e:r.spacing[e],t),u=(e,t=1)=>{let n=0,r=0,i=0;return e.length===4?(n=parseInt(e[1]+e[1],16),r=parseInt(e[2]+e[2],16),i=parseInt(e[3]+e[3],16)):e.length===7&&(n=parseInt(e[1]+e[2],16),r=parseInt(e[3]+e[4],16),i=parseInt(e[5]+e[6],16)),`rgba(${isNaN(n)?0:n}, ${isNaN(r)?0:r}, ${isNaN(i)?0:i}, ${t})`},d=({inset:e,borderRadius:t,border:n})=>({position:`relative`,"&::after":{content:`""`,position:`absolute`,top:e,right:e,bottom:e,left:e,border:n,borderRadius:t}}),f=(e={})=>Object.entries(e).reduce((e,[n,r])=>{let i=n.replace(`$`,``),a=t.BOX_STYLE_PROPS.includes(i);return r!==void 0&&(e[a?`boxStyles`:`restProps`][i]=r),e},{boxStyles:{},restProps:{}}),p=e=>e===`500`?`50`:/^\d00$/.test(e)?e.slice(0,2):e,m=e=>{let t=e.replace(/^theme\.colors\./,``).replace(/^colors\./,``).replace(/^theme\.palette\./,``).replace(/^palette\./,``),n={"primary.main":`primary.default`,"secondary.main":`secondary.default`,"error.main":`bg.fill.error.primary.default`,"success.main":`bg.fill.success.primary.default`,"warning.main":`bg.fill.warning.primary.default`,"info.main":`bg.fill.info.primary.default`},r=t.match(/^brand\.(\d{2,3})$/);return r?`yellow.${p(r[1])}`:t in n?n[t]:t},h=(t,n)=>typeof n!=`string`||n.length===0?n:e.get(t,m(n),n),g=(e={})=>Object.entries(e).reduce((e,[n,r])=>{let i=t.BOX_STYLE_PROPS.includes(n)?`$${n}`:n;return r&&(e[i]=r),e},{}),_=(e,t=`data:image/svg+xml`)=>`url("${t},${encodeURIComponent(e)}")`,v=(e,t)=>!e.min&&!e.max?{}:{[`@media ${[e.min&&`(min-width: ${e.min})`,e.max&&`(max-width: ${e.max})`].filter(Boolean).join(` and `)}`]:t},y=e=>({get(t,n){let r=t[n];return typeof r==`function`?r.call(null,e):r&&typeof r==`object`?new Proxy(r,y(e)):r}});exports.convertJsonToCssKeyframeCss=s,exports.convertToInlineBoxStyles=g,exports.convertToUnit=c,exports.generateStateStyles=o,exports.getBoxStyles=f,exports.getFocusStyles=d,exports.getImgSrc=_,exports.getMediaQuery=v,exports.getSpacing=l,exports.hexToRgba=u,exports.resolveThemeColor=h,exports.tokensHandler=y;
+const e=require("../utils/helpers.cjs"),t=require("./constants.cjs"),n=require("./colors.cjs"),r=require("./spacing.cjs"),i=require("./types/index.types.cjs");let a=require("@emotion/react");var o=e=>({focus:{outline:`${c(2,i.Unit.Rem)} solid ${n.colors?.[e]}`},disabled:{cursor:`not-allowed`,border:0}}),s=(e={})=>a.keyframes`${Object.entries(e).reduce((e,t)=>{let[n,r]=t;for(let t in r)e+=`${n} { ${t}: ${r[t]} } `;return e},``)}`,c=(e,t=i.Unit.Px)=>{let n=typeof e==`number`?e:parseFloat(e);switch(t){case i.Unit.Rem:return`${n/16}${t}`;case i.Unit.Percents:return`${n/100}${t}`;default:return`${n}${t}`}},l=(e=`sm`,t=`px`)=>c(typeof e==`number`?parseFloat(r.spacing.xs)*e:r.spacing[e],t),u=(e,t=1)=>{let n=0,r=0,i=0;return e.length===4?(n=parseInt(e[1]+e[1],16),r=parseInt(e[2]+e[2],16),i=parseInt(e[3]+e[3],16)):e.length===7&&(n=parseInt(e[1]+e[2],16),r=parseInt(e[3]+e[4],16),i=parseInt(e[5]+e[6],16)),`rgba(${isNaN(n)?0:n}, ${isNaN(r)?0:r}, ${isNaN(i)?0:i}, ${t})`},d=({inset:e,borderRadius:t,border:n})=>({position:`relative`,"&::after":{content:`""`,position:`absolute`,top:e,right:e,bottom:e,left:e,border:n,borderRadius:t}}),f=(e={})=>Object.entries(e).reduce((e,[n,r])=>{let i=n.replace(`$`,``),a=t.BOX_STYLE_PROPS.includes(i);return r!==void 0&&(e[a?`boxStyles`:`restProps`][i]=r),e},{boxStyles:{},restProps:{}}),p=e=>e===`500`?`50`:/^\d00$/.test(e)?e.slice(0,2):e,m=e=>{let t=e.replace(/^theme\.colors\./,``).replace(/^theme\.palette\./,``).replace(/^colors\./,``).replace(/^color\./,``).replace(/^palette\./,``).replace(/^theme\./,``),n={"primary.main":`primary.default`,"secondary.main":`secondary.default`,"error.main":`bg.fill.error.primary.default`,"success.main":`bg.fill.success.primary.default`,"warning.main":`bg.fill.warning.primary.default`,"info.main":`bg.fill.info.primary.default`},r=t.match(/^brand\.(\d{2,3})$/);return r?`yellow.${p(r[1])}`:t in n?n[t]:t},h=(t,n)=>{if(typeof n!=`string`||n.length===0)return n;let r=e.get(t,m(n),n);return typeof r==`string`?r:n},g=(e={})=>Object.entries(e).reduce((e,[n,r])=>{let i=t.BOX_STYLE_PROPS.includes(n)?`$${n}`:n;return r&&(e[i]=r),e},{}),_=(e,t=`data:image/svg+xml`)=>`url("${t},${encodeURIComponent(e)}")`,v=(e,t)=>!e.min&&!e.max?{}:{[`@media ${[e.min&&`(min-width: ${e.min})`,e.max&&`(max-width: ${e.max})`].filter(Boolean).join(` and `)}`]:t},y=e=>({get(t,n){let r=t[n];return typeof r==`function`?r.call(null,e):r&&typeof r==`object`?new Proxy(r,y(e)):r}});exports.convertJsonToCssKeyframeCss=s,exports.convertToInlineBoxStyles=g,exports.convertToUnit=c,exports.generateStateStyles=o,exports.getBoxStyles=f,exports.getFocusStyles=d,exports.getImgSrc=_,exports.getMediaQuery=v,exports.getSpacing=l,exports.hexToRgba=u,exports.resolveThemeColor=h,exports.tokensHandler=y;

package/tokens/utils.d.cts

@@ -0,0 +1,50 @@
+import { CSSObject } from '@emotion/react';
+import { TabIndex, BoxComputedStyles, BoxStyles, EnumOrPrimitive, InlineBoxStyles } from '../types/index.js';
+import { DefaultTheme } from '../hooks/index.js';
+import { colors } from './colors.js';
+import { Unit, FocusStyles, SpacingKey } from './types/index.types.js';
+export declare const generateStateStyles: (color: keyof typeof colors) => {
+    focus: {
+        outline: string;
+    };
+    disabled: {
+        cursor: string;
+        border: number;
+    };
+};
+export declare const convertJsonToCssKeyframeCss: (keyframeJson?: Record<string, CSSObject>) => {
+    name: string;
+    styles: string;
+    anim: 1;
+    toString: () => string;
+} & string;
+export declare const convertToUnit: (value: string | number, unit?: EnumOrPrimitive<Unit>) => string;
+export declare const getSpacing: (sizeKey?: EnumOrPrimitive<SpacingKey> | number, unit?: EnumOrPrimitive<Unit>) => string | number;
+export declare const hexToRgba: (hex: string, alpha?: number) => string;
+export declare const getFocusStyles: ({ inset, borderRadius, border }: FocusStyles) => {
+    position: string;
+    '&::after': {
+        content: string;
+        position: string;
+        top: `${number}px` | `${number}rem` | `${number}%` | `${number}em`;
+        right: `${number}px` | `${number}rem` | `${number}%` | `${number}em`;
+        bottom: `${number}px` | `${number}rem` | `${number}%` | `${number}em`;
+        left: `${number}px` | `${number}rem` | `${number}%` | `${number}em`;
+        border: string | undefined;
+        borderRadius: `${number}px` | `${number}rem` | `${number}%` | `${number}em` | undefined;
+    };
+};
+export declare const getBoxStyles: (boxStyles?: BoxStyles<number>) => {
+    boxStyles: BoxComputedStyles<TabIndex>;
+    restProps: BoxComputedStyles<TabIndex>;
+};
+export declare const resolveThemeColor: (themeColors: DefaultTheme["colors"] | undefined, color?: string) => string | undefined;
+export declare const convertToInlineBoxStyles: (boxStyles?: InlineBoxStyles) => Record<string, string | number | never>;
+export declare const getImgSrc: (src: string, metaData?: string) => string;
+export declare const getMediaQuery: (breakpoints: {
+    min?: string;
+    max?: string;
+}, styles: CSSObject) => {
+    [x: string]: CSSObject;
+};
+export declare const tokensHandler: (theme: Partial<DefaultTheme>) => ProxyHandler<Record<string, unknown>>;

package/tokens/utils.d.ts

@@ -1,8 +1,8 @@
 import { CSSObject } from '@emotion/react';
-import { TabIndex, BoxComputedStyles, BoxStyles, EnumOrPrimitive, InlineBoxStyles } from '../types';
-import { DefaultTheme } from '../hooks';
-import { colors } from './colors';
-import { Unit, FocusStyles, SpacingKey } from './types/index.types';
+import { TabIndex, BoxComputedStyles, BoxStyles, EnumOrPrimitive, InlineBoxStyles } from '../types/index.js';
+import { DefaultTheme } from '../hooks/index.js';
+import { colors } from './colors.js';
+import { Unit, FocusStyles, SpacingKey } from './types/index.types.js';
 export declare const generateStateStyles: (color: keyof typeof colors) => {
     focus: {
         outline: string;

package/tokens/utils.js

@@ -44,7 +44,7 @@ var o = (e) => ({
 	boxStyles: {},
 	restProps: {}
 }), p = (e) => e === "500" ? "50" : /^\d00$/.test(e) ? e.slice(0, 2) : e, m = (e) => {
-	let t = e.replace(/^theme\.colors\./, "").replace(/^colors\./, "").replace(/^theme\.palette\./, "").replace(/^palette\./, ""), n = {
+	let t = e.replace(/^theme\.colors\./, "").replace(/^theme\.palette\./, "").replace(/^colors\./, "").replace(/^color\./, "").replace(/^palette\./, "").replace(/^theme\./, ""), n = {
 		"primary.main": "primary.default",
 		"secondary.main": "secondary.default",
 		"error.main": "bg.fill.error.primary.default",
@@ -53,7 +53,11 @@ var o = (e) => ({
 		"info.main": "bg.fill.info.primary.default"
 	}, r = t.match(/^brand\.(\d{2,3})$/);
 	return r ? `yellow.${p(r[1])}` : t in n ? n[t] : t;
-}, h = (t, n) => typeof n != "string" || n.length === 0 ? n : e(t, m(n), n), g = (e = {}) => Object.entries(e).reduce((e, [n, r]) => {
+}, h = (t, n) => {
+	if (typeof n != "string" || n.length === 0) return n;
+	let r = e(t, m(n), n);
+	return typeof r == "string" ? r : n;
+}, g = (e = {}) => Object.entries(e).reduce((e, [n, r]) => {
 	let i = t.includes(n) ? `$${n}` : n;
 	return r && (e[i] = r), e;
 }, {}), _ = (e, t = "data:image/svg+xml") => `url("${t},${encodeURIComponent(e)}")`, v = (e, t) => !e.min && !e.max ? {} : { [`@media ${[e.min && `(min-width: ${e.min})`, e.max && `(max-width: ${e.max})`].filter(Boolean).join(" and ")}`]: t }, y = (e) => ({ get(t, n) {

package/tokens/values.cjs

@@ -1 +1 @@
-var e={borderThin:`1px`,borderMedium:`2px`,borderThick:`3px`,borderNone:0,border:{radius:{none:require(`./radius.cjs`).radius.none}},screenSmall:`480px`,screenMedium:`768px`,screenLarge:`1024px`,screenXLarge:`1280px`,responsiveSmall:`20%`,responsiveMedium:`40%`,responsiveLarge:`60%`,responsiveXLarge:`80%`,transitions:{stepper:{separator:`border 0.2s ease-in-out`,stepIcon:`background 0.2s ease-in-out, border 0.2s ease-in-out`},button:{default:`background 0.2s ease-in-out, border 0.2s ease-in-out, color 0.2s ease-in-out`},scroll:{scrollbar:`opacity 0.2s ease-in-out`,thumb:`top 0.1s cubic-bezier(0.4,0,0.2,1)`},rating:{label:`transform 0.2s ease-in-out`},progressbar:{styledDeterminateFill:`width 300ms ease`},accordion:{toggle:`0.15s ease-out`,icon:`transform 0.3s ease`},select:{arrowIconWrapper:`transform 0.3s ease`},card:{wishlist:`background-color 0.2s ease, transform 0.2s ease`},sidebar:{container:`width 0.2s ease`,item:`background-color 0.15s ease, color 0.15s ease`,group:`max-height 0.2s ease`,expandIcon:`transform 0.2s ease`},sliderDots:{dot:`width 0.3s ease, background-color 0.3s ease`},inputArea:{container:`border-color 0.15s ease`,button:`background-color 0.15s ease, color 0.15s ease`},tabs:{label:`border 0.2s ease-in`},chat:{sidebar:`transform 0.3s ease-in-out, width 0.3s ease-in-out, opacity 0.3s ease-in-out`,sidebarWrapper:`opacity 0.2s ease-in`},checkbox:{indicator:`background-color 0.15s ease-in-out, border-color 0.15s ease-in-out`},imagePreview:{thumbnail:`opacity 0.2s ease, border-color 0.2s ease`},chart:{bar:`stroke-width 200ms ease-out`,line:`filter 150ms ease-out, stroke-width 150ms ease-out`,area:`filter 150ms ease-out`,pie:`transform 200ms ease-out, filter 200ms ease-out`}},transform:{rotateUp:`rotate(180deg)`,rotateReset:`rotate(0deg)`},separator:{thickness:{xs:`0.5px`,sm:`1px`,md:`2px`,lg:`3px`,xl:`4px`,xxl:`5px`}}};exports.values=e;
+var e={borderThin:`1px`,borderMedium:`2px`,borderThick:`3px`,borderNone:0,border:{radius:{none:require("./radius.cjs").radius.none}},screenSmall:`480px`,screenMedium:`768px`,screenLarge:`1024px`,screenXLarge:`1280px`,responsiveSmall:`20%`,responsiveMedium:`40%`,responsiveLarge:`60%`,responsiveXLarge:`80%`,transitions:{stepper:{separator:`border 0.2s ease-in-out`,stepIcon:`background 0.2s ease-in-out, border 0.2s ease-in-out`},button:{default:`background 0.2s ease-in-out, border 0.2s ease-in-out, color 0.2s ease-in-out`},scroll:{scrollbar:`opacity 0.2s ease-in-out`,thumb:`top 0.1s cubic-bezier(0.4,0,0.2,1)`},rating:{label:`transform 0.2s ease-in-out`},progressbar:{styledDeterminateFill:`width 300ms ease`},accordion:{toggle:`0.15s ease-out`,icon:`transform 0.3s ease`},select:{arrowIconWrapper:`transform 0.3s ease`},card:{wishlist:`background-color 0.2s ease, transform 0.2s ease`},sidebar:{container:`width 0.2s ease`,item:`background-color 0.15s ease, color 0.15s ease`,group:`max-height 0.2s ease`,expandIcon:`transform 0.2s ease`},sliderDots:{dot:`width 0.3s ease, background-color 0.3s ease`},inputArea:{container:`border-color 0.15s ease`,button:`background-color 0.15s ease, color 0.15s ease`},tabs:{label:`border 0.2s ease-in`},chat:{sidebar:`transform 0.3s ease-in-out, width 0.3s ease-in-out, opacity 0.3s ease-in-out`,sidebarWrapper:`opacity 0.2s ease-in`},checkbox:{indicator:`background-color 0.15s ease-in-out, border-color 0.15s ease-in-out`},imagePreview:{thumbnail:`opacity 0.2s ease, border-color 0.2s ease`},chart:{bar:`stroke-width 200ms ease-out`,line:`filter 150ms ease-out, stroke-width 150ms ease-out`,area:`filter 150ms ease-out`,pie:`transform 200ms ease-out, filter 200ms ease-out`}},transform:{rotateUp:`rotate(180deg)`,rotateReset:`rotate(0deg)`},separator:{thickness:{xs:`0.5px`,sm:`1px`,md:`2px`,lg:`3px`,xl:`4px`,xxl:`5px`}}};exports.values=e;

package/tokens/values.d.cts

@@ -0,0 +1,94 @@
+export declare const values: {
+    borderThin: string;
+    borderMedium: string;
+    borderThick: string;
+    borderNone: number;
+    border: {
+        radius: {
+            none: string;
+        };
+    };
+    screenSmall: string;
+    screenMedium: string;
+    screenLarge: string;
+    screenXLarge: string;
+    responsiveSmall: string;
+    responsiveMedium: string;
+    responsiveLarge: string;
+    responsiveXLarge: string;
+    transitions: {
+        stepper: {
+            separator: string;
+            stepIcon: string;
+        };
+        button: {
+            default: string;
+        };
+        scroll: {
+            scrollbar: string;
+            thumb: string;
+        };
+        rating: {
+            label: string;
+        };
+        progressbar: {
+            styledDeterminateFill: string;
+        };
+        accordion: {
+            toggle: string;
+            icon: string;
+        };
+        select: {
+            arrowIconWrapper: string;
+        };
+        card: {
+            wishlist: string;
+        };
+        sidebar: {
+            container: string;
+            item: string;
+            group: string;
+            expandIcon: string;
+        };
+        sliderDots: {
+            dot: string;
+        };
+        inputArea: {
+            container: string;
+            button: string;
+        };
+        tabs: {
+            label: string;
+        };
+        chat: {
+            sidebar: string;
+            sidebarWrapper: string;
+        };
+        checkbox: {
+            indicator: string;
+        };
+        imagePreview: {
+            thumbnail: string;
+        };
+        chart: {
+            bar: string;
+            line: string;
+            area: string;
+            pie: string;
+        };
+    };
+    transform: {
+        rotateUp: string;
+        rotateReset: string;
+    };
+    separator: {
+        thickness: {
+            xs: string;
+            sm: string;
+            md: string;
+            lg: string;
+            xl: string;
+            xxl: string;
+        };
+    };
+};

package/tokens/wrapper.cjs

@@ -1 +1 @@
-const e=require(`../utils/helpers.cjs`),t=require(`../types/wrapper.cjs`);var n={default:{justifyContent:`center`,alignItems:`center`,backdropFilter:`blur(2px)`,backgroundColor:`rgba(0, 0, 0, 0.1)`},[t.WrapperVariant.Inline]:{display:`inline-flex`},[t.WrapperVariant.Section]:{display:`flex`,top:0,left:0,width:`100%`,height:`100%`,position:`absolute`,zIndex:t=>e.get(t,`zIndex.high`,`theme.zIndex.high`)},[t.WrapperVariant.FullPage]:{display:`flex`,position:`fixed`,top:0,left:0,width:`100vw`,height:`100vh`,zIndex:t=>e.get(t,`zIndex.top`,`theme.zIndex.top`)}};exports.wrapper=n;
+const e=require("../utils/helpers.cjs"),t=require("../types/wrapper.cjs");var n={default:{justifyContent:`center`,alignItems:`center`,backdropFilter:`blur(2px)`,backgroundColor:`rgba(0, 0, 0, 0.1)`},[t.WrapperVariant.Inline]:{display:`inline-flex`},[t.WrapperVariant.Section]:{display:`flex`,top:0,left:0,width:`100%`,height:`100%`,position:`absolute`,zIndex:t=>e.get(t,`zIndex.high`,`theme.zIndex.high`)},[t.WrapperVariant.FullPage]:{display:`flex`,position:`fixed`,top:0,left:0,width:`100vw`,height:`100vh`,zIndex:t=>e.get(t,`zIndex.top`,`theme.zIndex.top`)}};exports.wrapper=n;

package/tokens/wrapper.d.cts

@@ -0,0 +1,29 @@
+export declare const wrapper: {
+    default: {
+        justifyContent: string;
+        alignItems: string;
+        backdropFilter: string;
+        backgroundColor: string;
+    };
+    inline: {
+        display: string;
+    };
+    section: {
+        display: string;
+        top: number;
+        left: number;
+        width: string;
+        height: string;
+        position: string;
+        zIndex: (theme: Record<symbol, unknown>) => string;
+    };
+    fullPage: {
+        display: string;
+        position: string;
+        top: number;
+        left: number;
+        width: string;
+        height: string;
+        zIndex: (theme: Record<symbol, unknown>) => string;
+    };
+};

package/tokens/zIndex.d.cts

@@ -0,0 +1,9 @@
+export declare const zIndex: {
+    zero: number;
+    negative: number;
+    first: number;
+    low: number;
+    medium: number;
+    high: number;
+    top: number;
+};

package/types/accesability.d.cts

@@ -0,0 +1,5 @@
+export declare enum TabIndex {
+    Default = 0,
+    Disabled = -1,
+    HighPriority = 1
+}

package/types/button.d.cts

@@ -0,0 +1,20 @@
+export declare enum ButtonVariant {
+    Primary = "primary",
+    Secondary = "secondary",
+    Tertiary = "tertiary",
+    Outlined = "outlined",
+    Text = "text",
+    Inherit = "inherit"
+}
+export declare enum ButtonTypes {
+    Button = "button",
+    Submit = "submit",
+    Reset = "reset"
+}
+export declare enum ButtonRole {
+    Button = "button",
+    Link = "link",
+    Checkbox = "checkbox",
+    Switch = "switch",
+    Tab = "tab"
+}

package/types/card.d.cts

@@ -0,0 +1,8 @@
+export declare enum CardVariant {
+    Vertical = "vertical",
+    Horizontal = "horizontal"
+}
+export declare enum CardSizeVariant {
+    Default = "default",
+    Sm = "sm"
+}

package/types/carousel.d.cts

@@ -0,0 +1,23 @@
+import { RefObject } from 'react';
+import { EmblaOptionsType } from 'embla-carousel';
+export type KeyboardHandler = (() => void) | undefined;
+export type KeyboardConfig = Record<string, KeyboardHandler>;
+export declare enum CarouselVariantTypes {
+    Cards = "cards",
+    Single = "single"
+}
+export declare enum LayoutType {
+    Horizontal = "horizontal",
+    Vertical = "vertical"
+}
+export declare enum ThumbsPosition {
+    Start = "start",
+    End = "end"
+}
+export interface UseCarouselParams {
+    options?: EmblaOptionsType;
+    keyboardConfig?: KeyboardConfig;
+    targetRef?: RefObject<HTMLElement>;
+    onSlideChange?: (index: number) => void;
+    thumbsVisibleItems?: number;
+}

package/types/carousel.d.ts

@@ -1,5 +1,5 @@
 import { RefObject } from 'react';
-import { EmblaOptionsType } from 'embla-carousel/esm';
+import { EmblaOptionsType } from 'embla-carousel';
 export type KeyboardHandler = (() => void) | undefined;
 export type KeyboardConfig = Record<string, KeyboardHandler>;
 export declare enum CarouselVariantTypes {