shared-design-system 1.77.0 → 1.79.0

package/dist/src/components/ReadOnlyField.js

@@ -1,80 +1,95 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from 'react';
-import { tokens } from '../tokens';
-export const ReadOnlyField = ({ label, value, icon, copyable = false, placeholder = '—', hint, layout = 'floating', className = '', style = {}, }) => {
+import { useState } from "react";
+import { tokens } from "../tokens";
+export const ReadOnlyField = ({ label, value, icon, copyable = false, placeholder = "—", hint, layout = "floating", className = "", style = {}, }) => {
     const [copied, setCopied] = useState(false);
     const handleCopy = () => {
-        if (value && typeof value === 'string') {
+        if (value && typeof value === "string") {
             navigator.clipboard.writeText(value).then(() => {
                 setCopied(true);
                 setTimeout(() => setCopied(false), 1500);
             });
         }
     };
-    if (layout === 'stacked') {
-        return (_jsxs("div", { style: { width: '100%', ...style }, className: `ds-read-only-field ${className}`, children: [_jsx("div", { style: {
-                        fontSize: tokens.font.xs,
+    if (layout === "stacked") {
+        return (_jsxs("div", { style: { width: "100%", ...style }, className: `ds-read-only-field ${className}`, children: [_jsx("div", { style: {
+                        fontSize: tokens.font.base,
                         fontWeight: tokens.font.weightSemibold,
                         color: tokens.color.slate500,
-                        textTransform: 'uppercase',
-                        letterSpacing: '0.07em',
-                        marginBottom: '6px',
+                        textTransform: "uppercase",
+                        letterSpacing: "0.07em",
+                        marginBottom: "6px",
                     }, children: label }), _jsx("div", { style: {
                         fontSize: tokens.font.sm,
                         fontWeight: tokens.font.weightSemibold,
                         color: tokens.color.slate800,
                         lineHeight: 1.5,
-                    }, children: value || _jsx("span", { style: { color: tokens.color.textDisabled }, children: placeholder }) }), hint && (_jsx("div", { style: {
-                        fontSize: '11px',
+                    }, children: value || (_jsx("span", { style: { color: tokens.color.textDisabled }, children: placeholder })) }), hint && (_jsx("div", { style: {
+                        fontSize: "11px",
                         color: tokens.color.textMuted,
-                        marginTop: '4px',
+                        marginTop: "4px",
                         fontWeight: tokens.font.weightMedium,
                     }, children: hint }))] }));
     }
     // Floating label layout
-    return (_jsxs("div", { style: { position: 'relative', width: '100%', ...style }, className: `ds-read-only-field ${className}`, children: [_jsx("label", { style: {
-                    position: 'absolute',
-                    top: '-9px',
-                    left: '14px',
+    return (_jsxs("div", { style: { position: "relative", width: "100%", ...style }, className: `ds-read-only-field ${className}`, children: [_jsx("label", { style: {
+                    position: "absolute",
+                    top: "-9px",
+                    left: "14px",
                     backgroundColor: tokens.color.surface,
-                    padding: '0 5px',
-                    fontSize: '10px',
+                    padding: "0 5px",
+                    fontSize: "10px",
                     fontWeight: tokens.font.weightBold,
                     color: tokens.color.slate400,
-                    textTransform: 'uppercase',
-                    letterSpacing: '0.08em',
+                    textTransform: "uppercase",
+                    letterSpacing: "0.08em",
                     zIndex: 1,
                     lineHeight: 1,
-                    whiteSpace: 'nowrap',
+                    whiteSpace: "nowrap",
                 }, children: label }), _jsxs("div", { style: {
                     fontSize: tokens.font.sm,
                     fontWeight: tokens.font.weightSemibold,
                     color: tokens.color.slate800,
                     backgroundColor: tokens.color.slate50,
-                    padding: '12px 14px',
+                    padding: "12px 14px",
                     borderRadius: tokens.radius.lg,
                     border: `1.5px solid ${tokens.color.slate200}`,
-                    minHeight: '46px',
-                    display: 'flex',
-                    alignItems: 'center',
+                    minHeight: "46px",
+                    display: "flex",
+                    alignItems: "center",
                     gap: tokens.spacing[3],
                     lineHeight: 1.5,
-                }, children: [icon && (_jsx("div", { style: { color: tokens.color.slate400, display: 'flex', alignItems: 'center', flexShrink: 0 }, children: icon })), _jsx("div", { style: { flex: 1, overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' }, children: value || _jsx("span", { style: { color: tokens.color.textDisabled, fontWeight: tokens.font.weightNormal }, children: placeholder }) }), copyable && value && typeof value === 'string' && (_jsx("button", { type: "button", onClick: handleCopy, title: copied ? 'Đã sao chép!' : 'Sao chép', style: {
-                            background: 'none',
-                            border: 'none',
-                            cursor: 'pointer',
-                            padding: '2px',
+                }, children: [icon && (_jsx("div", { style: {
+                            color: tokens.color.slate400,
+                            display: "flex",
+                            alignItems: "center",
+                            flexShrink: 0,
+                        }, children: icon })), _jsx("div", { style: {
+                            flex: 1,
+                            overflow: "hidden",
+                            textOverflow: "ellipsis",
+                            whiteSpace: "nowrap",
+                        }, children: value || (_jsx("span", { style: {
+                                color: tokens.color.textDisabled,
+                                fontWeight: tokens.font.weightNormal,
+                            }, children: placeholder })) }), copyable && value && typeof value === "string" && (_jsx("button", { type: "button", onClick: handleCopy, title: copied ? "Đã sao chép!" : "Sao chép", style: {
+                            background: "none",
+                            border: "none",
+                            cursor: "pointer",
+                            padding: "2px",
                             color: copied ? tokens.color.success : tokens.color.slate400,
-                            display: 'flex',
-                            alignItems: 'center',
+                            display: "flex",
+                            alignItems: "center",
                             borderRadius: tokens.radius.sm,
                             transition: tokens.transition.fast,
                             flexShrink: 0,
-                        }, onMouseEnter: (e) => (e.currentTarget.style.color = tokens.color.primary), onMouseLeave: (e) => (e.currentTarget.style.color = copied ? tokens.color.success : tokens.color.slate400), children: copied ? (_jsx("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", children: _jsx("polyline", { points: "20 6 9 17 4 12" }) })) : (_jsxs("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [_jsx("rect", { x: "9", y: "9", width: "13", height: "13", rx: "2", ry: "2" }), _jsx("path", { d: "M5 15H4a2 2 0 01-2-2V4a2 2 0 012-2h9a2 2 0 012 2v1" })] })) }))] }), hint && (_jsx("div", { style: {
-                    fontSize: '11px',
+                        }, onMouseEnter: (e) => (e.currentTarget.style.color = tokens.color.primary), onMouseLeave: (e) => (e.currentTarget.style.color = copied
+                            ? tokens.color.success
+                            : tokens.color.slate400), children: copied ? (_jsx("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", children: _jsx("polyline", { points: "20 6 9 17 4 12" }) })) : (_jsxs("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [_jsx("rect", { x: "9", y: "9", width: "13", height: "13", rx: "2", ry: "2" }), _jsx("path", { d: "M5 15H4a2 2 0 01-2-2V4a2 2 0 012-2h9a2 2 0 012 2v1" })] })) }))] }), hint && (_jsx("div", { style: {
+                    fontSize: "11px",
                     color: tokens.color.textMuted,
-                    marginTop: '5px',
-                    paddingLeft: '2px',
+                    marginTop: "5px",
+                    paddingLeft: "2px",
                     fontWeight: tokens.font.weightMedium,
                 }, children: hint }))] }));
 };

package/dist/src/components/ReadOnlyField.js.map

@@ -1 +1 @@
-{"version":3,"file":"ReadOnlyField.js","sourceRoot":"","sources":["../../../src/components/ReadOnlyField.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ReadOnlyField.js","sourceRoot":"","sources":["../../../src/components/ReadOnlyField.tsx"],"names":[],"mappings":"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"}

package/dist/src/components/Statistic.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React from "react";
 export interface StatisticProps {
     title: string;
     value: string | number;

package/dist/src/components/Statistic.js

@@ -1,25 +1,44 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { tokens } from '../tokens';
-import { Text, Heading } from './Typography';
-export const Statistic = ({ title, value, prefix, suffix, trend, style = {}, className = '', }) => {
+import { tokens } from "../tokens";
+import { Text, Heading } from "./Typography";
+export const Statistic = ({ title, value, prefix, suffix, trend, style = {}, className = "", }) => {
     return (_jsxs("div", { style: {
             padding: tokens.spacing[6],
             backgroundColor: tokens.color.white,
             borderRadius: tokens.radius.xl,
             border: `1px solid ${tokens.color.slate100}`,
             boxShadow: tokens.shadow.sm,
-            display: 'flex',
-            flexDirection: 'column',
+            display: "flex",
+            flexDirection: "column",
             gap: tokens.spacing[2],
-            minWidth: '200px',
+            minWidth: "200px",
             ...style,
-        }, className: `ds-statistic ${className}`, children: [_jsx(Text, { color: "muted", size: "xs", style: { fontWeight: tokens.font.weightBold, textTransform: 'uppercase', letterSpacing: '0.05em' }, children: title }), _jsxs("div", { style: { display: 'flex', alignItems: 'baseline', gap: tokens.spacing[1] }, children: [prefix && _jsx("span", { style: { color: tokens.color.slate400, fontSize: tokens.font.lg }, children: prefix }), _jsx(Heading, { level: 2, style: { margin: 0, fontWeight: tokens.font.weightBold }, children: value }), suffix && _jsx("span", { style: { color: tokens.color.slate400, fontSize: tokens.font.sm, fontWeight: tokens.font.weightMedium }, children: suffix })] }), trend && (_jsxs("div", { style: {
-                    display: 'flex',
-                    alignItems: 'center',
+        }, className: `ds-statistic ${className}`, children: [_jsx(Text, { color: "muted", size: "xs", style: {
+                    fontWeight: tokens.font.weightBold,
+                    textTransform: "uppercase",
+                    letterSpacing: "0.05em",
+                }, children: title }), _jsxs("div", { style: {
+                    display: "flex",
+                    alignItems: "baseline",
+                    gap: tokens.spacing[1],
+                }, children: [prefix && (_jsx("span", { style: { color: tokens.color.slate400, fontSize: tokens.font.lg }, children: prefix })), _jsx(Heading, { level: 2, style: { margin: 0, fontWeight: tokens.font.weightBold }, children: value }), suffix && (_jsx("span", { style: {
+                            color: tokens.color.slate400,
+                            fontSize: tokens.font.sm,
+                            fontWeight: tokens.font.weightMedium,
+                        }, children: suffix }))] }), trend && (_jsxs("div", { style: {
+                    display: "flex",
+                    alignItems: "center",
                     gap: tokens.spacing[1],
                     color: trend.isUp ? tokens.color.success : tokens.color.danger,
-                    fontSize: tokens.font.xs,
+                    fontSize: tokens.font.base,
                     fontWeight: tokens.font.weightBold,
-                }, children: [_jsx("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "3", strokeLinecap: "round", strokeLinejoin: "round", style: { transform: trend.isUp ? 'rotate(0)' : 'rotate(180deg)', transition: tokens.transition.normal }, children: _jsx("polyline", { points: "18 15 12 9 6 15" }) }), _jsx("span", { children: trend.value }), _jsx("span", { style: { color: tokens.color.slate400, fontWeight: tokens.font.weightMedium, marginLeft: '2px' }, children: "v\u1EDBi th\u00E1ng tr\u01B0\u1EDBc" })] }))] }));
+                }, children: [_jsx("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "3", strokeLinecap: "round", strokeLinejoin: "round", style: {
+                            transform: trend.isUp ? "rotate(0)" : "rotate(180deg)",
+                            transition: tokens.transition.normal,
+                        }, children: _jsx("polyline", { points: "18 15 12 9 6 15" }) }), _jsx("span", { children: trend.value }), _jsx("span", { style: {
+                            color: tokens.color.slate400,
+                            fontWeight: tokens.font.weightMedium,
+                            marginLeft: "2px",
+                        }, children: "v\u1EDBi th\u00E1ng tr\u01B0\u1EDBc" })] }))] }));
 };
 //# sourceMappingURL=Statistic.js.map

package/dist/src/components/Statistic.js.map

@@ -1 +1 @@
-{"version":3,"file":"Statistic.js","sourceRoot":"","sources":["../../../src/components/Statistic.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Statistic.js","sourceRoot":"","sources":["../../../src/components/Statistic.tsx"],"names":[],"mappings":"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"}

package/dist/src/components/Steps.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-export type StepStatus = 'finish' | 'process' | 'wait' | 'error';
+import React from "react";
+export type StepStatus = "finish" | "process" | "wait" | "error";
 export interface StepItem {
     title: string;
     description?: string;
@@ -9,8 +9,8 @@ export interface StepItem {
 export interface StepsProps {
     currentStep?: number;
     items?: StepItem[];
-    direction?: 'horizontal' | 'vertical';
-    size?: 'sm' | 'md' | 'lg';
+    direction?: "horizontal" | "vertical";
+    size?: "sm" | "md" | "lg";
     className?: string;
     style?: React.CSSProperties;
 }

package/dist/src/components/Steps.js

@@ -1,79 +1,108 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from 'react';
-import { tokens } from '../tokens';
+import React from "react";
+import { tokens } from "../tokens";
 const getColors = (status) => {
     switch (status) {
-        case 'finish':
-            return { main: tokens.color.primary, bg: tokens.color.primaryLight, text: tokens.color.primary, line: tokens.color.primary };
-        case 'process':
-            return { main: tokens.color.primary, bg: tokens.color.primary, text: '#ffffff', line: tokens.color.slate200 };
-        case 'error':
-            return { main: tokens.color.danger, bg: tokens.color.dangerBg, text: tokens.color.danger, line: tokens.color.slate200 };
-        case 'wait':
+        case "finish":
+            return {
+                main: tokens.color.primary,
+                bg: tokens.color.primaryLight,
+                text: tokens.color.primary,
+                line: tokens.color.primary,
+            };
+        case "process":
+            return {
+                main: tokens.color.primary,
+                bg: tokens.color.primary,
+                text: "#ffffff",
+                line: tokens.color.slate200,
+            };
+        case "error":
+            return {
+                main: tokens.color.danger,
+                bg: tokens.color.dangerBg,
+                text: tokens.color.danger,
+                line: tokens.color.slate200,
+            };
+        case "wait":
         default:
-            return { main: tokens.color.slate300, bg: tokens.color.slate50, text: tokens.color.slate400, line: tokens.color.slate200 };
+            return {
+                main: tokens.color.slate300,
+                bg: tokens.color.slate50,
+                text: tokens.color.slate400,
+                line: tokens.color.slate200,
+            };
     }
 };
-const ICON_SIZE = { sm: '28px', md: '36px', lg: '44px' };
-const FONT_SIZE = { sm: tokens.font.xs, md: tokens.font.sm, lg: tokens.font.base };
-export const Steps = React.forwardRef(({ currentStep = 0, items = [], direction = 'horizontal', size = 'md', className = '', style = {} }, ref) => {
-    const isVertical = direction === 'vertical';
+const ICON_SIZE = { sm: "28px", md: "36px", lg: "44px" };
+const FONT_SIZE = {
+    sm: tokens.font.base,
+    md: tokens.font.sm,
+    lg: tokens.font.base,
+};
+export const Steps = React.forwardRef(({ currentStep = 0, items = [], direction = "horizontal", size = "md", className = "", style = {}, }, ref) => {
+    const isVertical = direction === "vertical";
     return (_jsx("div", { ref: ref, role: "list", style: {
-            display: 'flex',
-            flexDirection: isVertical ? 'column' : 'row',
+            display: "flex",
+            flexDirection: isVertical ? "column" : "row",
             gap: 0,
-            width: '100%',
+            width: "100%",
             ...style,
         }, className: `ds-steps ds-steps--${direction} ${className}`, children: items.map((item, index) => {
-            const status = item.status || (index < currentStep ? 'finish' : index === currentStep ? 'process' : 'wait');
+            const status = item.status ||
+                (index < currentStep
+                    ? "finish"
+                    : index === currentStep
+                        ? "process"
+                        : "wait");
             return (_jsx(StepItemComponent, { index: index, status: status, title: item.title, description: item.description, icon: item.icon, direction: direction, isLast: index === items.length - 1, size: size, isCurrent: index === currentStep }, index));
         }) }));
 });
-Steps.displayName = 'Steps';
+Steps.displayName = "Steps";
 const StepItemComponent = ({ index, status, title, description, icon, direction, isLast, size, isCurrent, }) => {
-    const isHorizontal = direction === 'horizontal';
+    const isHorizontal = direction === "horizontal";
     const c = getColors(status);
     const iconSize = ICON_SIZE[size] || ICON_SIZE.md;
     const iconSizePx = parseInt(iconSize);
     const fontSize = FONT_SIZE[size] || tokens.font.sm;
     const CheckIcon = () => (_jsx("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 3, strokeLinecap: "round", strokeLinejoin: "round", children: _jsx("polyline", { points: "20 6 9 17 4 12" }) }));
     const ErrorIcon = () => (_jsx("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 3, strokeLinecap: "round", children: _jsx("path", { d: "M18 6L6 18M6 6l12 12" }) }));
-    return (_jsxs("div", { role: "listitem", "aria-current": isCurrent ? 'step' : undefined, style: {
-            display: 'flex',
-            flexDirection: isHorizontal ? 'column' : 'row',
-            flex: isHorizontal ? (isLast ? 'none' : 1) : 'none',
-            alignItems: isHorizontal ? 'center' : 'flex-start',
-            position: 'relative',
+    return (_jsxs("div", { role: "listitem", "aria-current": isCurrent ? "step" : undefined, style: {
+            display: "flex",
+            flexDirection: isHorizontal ? "column" : "row",
+            flex: isHorizontal ? (isLast ? "none" : 1) : "none",
+            alignItems: isHorizontal ? "center" : "flex-start",
+            position: "relative",
         }, children: [!isLast && (_jsx("div", { style: {
-                    position: 'absolute',
-                    backgroundColor: 'transparent',
+                    position: "absolute",
+                    backgroundColor: "transparent",
                     zIndex: 1,
                     ...(isHorizontal
                         ? {
-                            height: '2px',
+                            height: "2px",
                             top: `${iconSizePx / 2}px`,
                             left: `calc(50% + ${iconSizePx / 2 + 4}px)`,
                             right: `calc(-50% + ${iconSizePx / 2 + 4}px)`,
-                            background: status === 'finish'
+                            background: status === "finish"
                                 ? `linear-gradient(to right, ${tokens.color.primary}, ${tokens.color.primaryLight})`
                                 : tokens.color.slate200,
                         }
                         : {
-                            width: '2px',
+                            width: "2px",
                             left: `${iconSizePx / 2 - 1}px`,
                             top: `${iconSizePx + 6}px`,
-                            height: '32px',
-                            background: status === 'finish'
+                            height: "32px",
+                            background: status === "finish"
                                 ? `linear-gradient(to bottom, ${tokens.color.primary}, ${tokens.color.primaryLight})`
                                 : tokens.color.slate200,
                         }),
                 } })), _jsx("div", { style: {
                     width: iconSize,
                     height: iconSize,
-                    borderRadius: '50%',
-                    display: 'flex',
-                    alignItems: 'center',
-                    justifyContent: 'center',
+                    borderRadius: "50%",
+                    display: "flex",
+                    alignItems: "center",
+                    justifyContent: "center",
                     border: `2px solid ${c.main}`,
                     backgroundColor: c.bg,
                     color: c.text,
@@ -82,29 +111,31 @@ const StepItemComponent = ({ index, status, title, description, icon, direction,
                     zIndex: 2,
                     flexShrink: 0,
                     transition: tokens.transition.normal,
-                    boxShadow: 'none',
-                    marginBottom: isHorizontal ? tokens.spacing['2'] : 0,
-                    marginRight: !isHorizontal ? tokens.spacing['3'] : 0,
-                }, children: icon ? (icon) : status === 'finish' ? (_jsx(CheckIcon, {})) : status === 'error' ? (_jsx(ErrorIcon, {})) : (index + 1) }), _jsxs("div", { style: {
-                    textAlign: isHorizontal ? 'center' : 'left',
-                    paddingTop: !isHorizontal ? '6px' : 0,
-                    paddingBottom: !isHorizontal && !isLast ? tokens.spacing['8'] : 0,
+                    boxShadow: "none",
+                    marginBottom: isHorizontal ? tokens.spacing["2"] : 0,
+                    marginRight: !isHorizontal ? tokens.spacing["3"] : 0,
+                }, children: icon ? (icon) : status === "finish" ? (_jsx(CheckIcon, {})) : status === "error" ? (_jsx(ErrorIcon, {})) : (index + 1) }), _jsxs("div", { style: {
+                    textAlign: isHorizontal ? "center" : "left",
+                    paddingTop: !isHorizontal ? "6px" : 0,
+                    paddingBottom: !isHorizontal && !isLast ? tokens.spacing["8"] : 0,
                 }, children: [_jsx("div", { style: {
                             fontSize,
-                            fontWeight: status === 'process' ? tokens.font.weightBold : tokens.font.weightSemibold,
-                            color: status === 'wait'
+                            fontWeight: status === "process"
+                                ? tokens.font.weightBold
+                                : tokens.font.weightSemibold,
+                            color: status === "wait"
                                 ? tokens.color.textDisabled
-                                : status === 'error'
+                                : status === "error"
                                     ? tokens.color.danger
-                                    : status === 'process'
+                                    : status === "process"
                                         ? tokens.color.primary
                                         : tokens.color.text,
                             lineHeight: 1.35,
                             transition: tokens.transition.fast,
                         }, children: title }), description && (_jsx("div", { style: {
-                            fontSize: tokens.font.xs,
+                            fontSize: tokens.font.base,
                             color: tokens.color.textMuted,
-                            marginTop: '3px',
+                            marginTop: "3px",
                             fontWeight: tokens.font.weightMedium,
                             lineHeight: 1.4,
                         }, children: description }))] })] }));

package/dist/src/components/Steps.js.map

@@ -1 +1 @@
-{"version":3,"file":"Steps.js","sourceRoot":"","sources":["../../../src/components/Steps.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Steps.js","sourceRoot":"","sources":["../../../src/components/Steps.tsx"],"names":[],"mappings":"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"}

package/dist/src/components/Typography.d.ts

@@ -1,17 +1,17 @@
-import React from 'react';
-import { tokens } from '../tokens';
+import React from "react";
+import { tokens } from "../tokens";
 export interface HeadingProps extends React.HTMLAttributes<HTMLHeadingElement> {
     level?: 1 | 2 | 3 | 4 | 5 | 6;
     gradient?: boolean;
 }
 export declare const Heading: React.ForwardRefExoticComponent<HeadingProps & React.RefAttributes<HTMLHeadingElement>>;
-type TextColor = keyof typeof tokens.color | 'default' | 'muted' | 'disabled' | 'primary' | 'danger' | 'success' | 'warning' | 'info';
+type TextColor = keyof typeof tokens.color | "default" | "muted" | "disabled" | "primary" | "danger" | "success" | "warning" | "info";
 export interface TextProps extends React.HTMLAttributes<HTMLParagraphElement> {
     size?: keyof typeof tokens.font;
-    weight?: 'normal' | 'medium' | 'semibold' | 'bold';
+    weight?: "normal" | "medium" | "semibold" | "bold";
     color?: TextColor;
     truncate?: boolean;
-    as?: 'p' | 'span' | 'div' | 'li';
+    as?: "p" | "span" | "div" | "li";
 }
 export declare const Text: React.ForwardRefExoticComponent<TextProps & React.RefAttributes<HTMLParagraphElement>>;
 export interface LabelProps extends React.LabelHTMLAttributes<HTMLLabelElement> {