@12min/ds 1.0.0 → 3.0.0

package/dist/tokens/index.js

@@ -20,7 +20,13 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/tokens/index.ts
 var tokens_exports = {};
 __export(tokens_exports, {
+  borderWidth: () => borderWidth,
   colors: () => colors,
+  grid: () => grid,
+  opacity: () => opacity,
+  radius: () => radius,
+  shadow: () => shadow,
+  spacing: () => spacing,
   typography: () => typography
 });
 module.exports = __toCommonJS(tokens_exports);
@@ -29,12 +35,12 @@ module.exports = __toCommonJS(tokens_exports);
 var colors = {
   marianBlue: {
     50: "#FAFBFF",
-    100: "#F1F4FE",
+    100: "#F6F8FF",
     200: "#E1E7FF",
     300: "#C3CCF7",
     400: "#94A5F2",
     500: "#697DD6",
-    600: "#475CBB",
+    600: "#4357AD",
     700: "#31428B",
     800: "#25326A",
     900: "#131937"
@@ -46,12 +52,15 @@ var colors = {
     300: "#474747",
     400: "#3D3D3D",
     500: "#333333",
-    600: "#1E1E1E",
+    600: "#292929",
     700: "#161616",
     800: "#141414",
     900: "#0A0A0A"
   },
   gray: {
+    15: "#F4F5F8",
+    25: "#EDEEF1",
+    35: "#DDE0E6",
     50: "#B1B5BE",
     100: "#A6ABB5",
     200: "#9BA0AB",
@@ -63,7 +72,20 @@ var colors = {
     800: "#5D636F",
     900: "#545964"
   },
-  mustard: {
+  amber: {
+    50: "#FFFBEB",
+    100: "#FEF3C7",
+    200: "#FDE68A",
+    300: "#FCD34D",
+    400: "#FBBF24",
+    500: "#F59E0B",
+    600: "#D97706",
+    700: "#B45309",
+    800: "#92400E",
+    900: "#78350F",
+    text: "#BA5C0A"
+  },
+  yellow: {
     50: "#FFF2D6",
     100: "#FFECC2",
     200: "#FFE5AD",
@@ -76,53 +98,183 @@ var colors = {
     900: "#FFB81F"
   },
   ketchup: {
-    50: "#FFD6D6",
-    100: "#FFC2C2",
-    200: "#FFADAD",
-    300: "#FF9999",
-    400: "#FF8585",
-    500: "#FF7070",
-    600: "#FF5C5C",
-    700: "#FF4040",
-    800: "#FF3333",
-    900: "#FF1F1F"
+    50: "#FEF2F2",
+    100: "#FEE2E2",
+    200: "#FECACA",
+    300: "#FCA5A5",
+    400: "#F87171",
+    500: "#EF4444",
+    600: "#DC2626",
+    700: "#B91C1C",
+    800: "#991B1B",
+    900: "#7F1D1D",
+    text: "#D91F3C"
+  },
+  green: {
+    50: "#F2FDF4",
+    100: "#E5FBE9",
+    200: "#C7F4D0",
+    300: "#99E5AC",
+    400: "#5FCD80",
+    500: "#36B260",
+    600: "#258F4B",
+    700: "#1B6F3B",
+    800: "#145430",
+    900: "#0E3622",
+    text: "#0E8745"
+  },
+  blue: {
+    50: "#EFF6FF",
+    100: "#DBEAFE",
+    200: "#BFDBFE",
+    300: "#93C5FD",
+    400: "#60A5FA",
+    500: "#3B82F6",
+    600: "#2563EB",
+    700: "#1D4ED8",
+    800: "#1E40AF",
+    900: "#1E3A8A",
+    text: "#1E40AF"
   },
-  mint: {
-    50: "#A7F1B7",
-    100: "#96EEA9",
-    200: "#84EB9A",
-    300: "#73E88C",
-    400: "#61E57E",
-    500: "#50E26F",
-    600: "#3EE061",
-    700: "#24DC4C",
-    800: "#22D348",
-    900: "#1FC142"
+  // Single brand accent green — the vibrant tone that was previously green/300
+  // before the green scale was retuned to muted values in the Figma v2 palette.
+  brandGreen: "#6DFFB4",
+  overlayBlack: {
+    5: "#0000000D",
+    8: "#00000014",
+    12: "#0000001F",
+    16: "#00000029"
+  },
+  overlayWhite: {
+    5: "#FFFFFF0D",
+    8: "#FFFFFF14",
+    12: "#FFFFFF1F",
+    16: "#FFFFFF29"
   },
   white: "#FFFFFF",
-  successBg: "#E5FBE9"
+  black: "#000000"
 };
 
 // src/tokens/typography.ts
 var typography = {
-  display: { fontSize: 32, fontWeight: "700", lineHeight: 1.2, fontFamily: "Poppins" },
-  h1: { fontSize: 24, fontWeight: "700", lineHeight: 1.3, fontFamily: "Poppins" },
-  h2: { fontSize: 20, fontWeight: "600", lineHeight: 1.3, fontFamily: "Poppins" },
-  h3: { fontSize: 18, fontWeight: "600", lineHeight: 1.4, fontFamily: "Poppins" },
-  bodyLarge: { fontSize: 16, fontWeight: "400", lineHeight: 1.5, fontFamily: "Inter" },
-  bodyDefault: { fontSize: 14, fontWeight: "400", lineHeight: 1.5, fontFamily: "Inter" },
-  bodySmall: { fontSize: 12, fontWeight: "400", lineHeight: 1.5, fontFamily: "Inter" },
-  labelLarge: { fontSize: 16, fontWeight: "500", lineHeight: 1.5, fontFamily: "Inter" },
-  labelDefault: { fontSize: 14, fontWeight: "500", lineHeight: 1.5, fontFamily: "Inter" },
-  labelSmall: { fontSize: 12, fontWeight: "500", lineHeight: 1.5, fontFamily: "Inter" },
-  caption: { fontSize: 12, fontWeight: "500", lineHeight: 1.5, fontFamily: "Inter" },
-  overline: { fontSize: 10, fontWeight: "600", lineHeight: 1, fontFamily: "Inter" },
-  buttonLarge: { fontSize: 16, fontWeight: "600", lineHeight: 1.5, fontFamily: "Inter" },
-  buttonDefault: { fontSize: 14, fontWeight: "600", lineHeight: 1.5, fontFamily: "Inter" }
+  display1: { fontFamily: "Poppins", fontSize: 32, fontWeight: "700", lineHeight: 40, letterSpacing: -1, textTransform: "none" },
+  display2: { fontFamily: "Poppins", fontSize: 32, fontWeight: "700", lineHeight: 40, letterSpacing: -1, textTransform: "none" },
+  h1: { fontFamily: "Poppins", fontSize: 24, fontWeight: "700", lineHeight: 32, letterSpacing: -1, textTransform: "none" },
+  h2: { fontFamily: "Poppins", fontSize: 20, fontWeight: "700", lineHeight: 28, letterSpacing: 0, textTransform: "none" },
+  h3: { fontFamily: "Poppins", fontSize: 16, fontWeight: "600", lineHeight: 24, letterSpacing: 0, textTransform: "none" },
+  bodyLarge: { fontFamily: "Inter", fontSize: 16, fontWeight: "500", lineHeight: 24, letterSpacing: 0, textTransform: "none" },
+  bodyDefault: { fontFamily: "Inter", fontSize: 14, fontWeight: "500", lineHeight: 20, letterSpacing: 0, textTransform: "none" },
+  bodySmall: { fontFamily: "Inter", fontSize: 12, fontWeight: "400", lineHeight: 16, letterSpacing: 0.2, textTransform: "none" },
+  labelLarge: { fontFamily: "Inter", fontSize: 16, fontWeight: "600", lineHeight: 20, letterSpacing: 0, textTransform: "none" },
+  labelDefault: { fontFamily: "Inter", fontSize: 14, fontWeight: "600", lineHeight: 20, letterSpacing: 0, textTransform: "none" },
+  labelSmall: { fontFamily: "Inter", fontSize: 12, fontWeight: "600", lineHeight: 16, letterSpacing: 0.2, textTransform: "none" },
+  labelTiny: { fontFamily: "Inter", fontSize: 10, fontWeight: "600", lineHeight: 14, letterSpacing: 0, textTransform: "none" },
+  caption: { fontFamily: "Inter", fontSize: 12, fontWeight: "500", lineHeight: 16, letterSpacing: 0.5, textTransform: "none" },
+  captionUppercase: { fontFamily: "Inter", fontSize: 12, fontWeight: "500", lineHeight: 16, letterSpacing: 0.5, textTransform: "uppercase" },
+  overline: { fontFamily: "Inter", fontSize: 10, fontWeight: "600", lineHeight: 16, letterSpacing: 8, textTransform: "uppercase" },
+  buttonLarge: { fontFamily: "Inter", fontSize: 16, fontWeight: "600", lineHeight: 20, letterSpacing: 0, textTransform: "none" },
+  buttonDefault: { fontFamily: "Inter", fontSize: 14, fontWeight: "600", lineHeight: 20, letterSpacing: 0, textTransform: "none" },
+  buttonSmall: { fontFamily: "Inter", fontSize: 12, fontWeight: "600", lineHeight: 16, letterSpacing: 0, textTransform: "none" }
+};
+
+// src/tokens/spacing.ts
+var spacing = {
+  unit: 4,
+  gap: {
+    "0.5": 2,
+    "1": 4,
+    "2": 8,
+    "3": 12,
+    "4": 16,
+    "5": 20,
+    "6": 24,
+    "8": 32,
+    "10": 40,
+    "12": 48,
+    "14": 56,
+    "16": 64,
+    "18": 72,
+    "20": 80,
+    "22": 88,
+    "24": 96
+  },
+  screen: {
+    x: 16,
+    y: 24
+  }
+};
+
+// src/tokens/grid.ts
+var grid = {
+  // 8px square baseline — line-height/* steps 16/24/32/40 snap; 20 and 28 land on a half-cell
+  baseline: 8,
+  breakpoints: {
+    mobile: 0,
+    tablet: 768,
+    desktop: 1024
+  },
+  columns: {
+    mobile: 4,
+    tablet: 8,
+    desktop: 12
+  },
+  gutter: {
+    mobile: 8,
+    tablet: 16,
+    desktop: 24
+  },
+  margin: {
+    mobile: 20,
+    tablet: 24,
+    desktop: 32
+  }
+};
+
+// src/tokens/radius.ts
+var radius = {
+  none: 0,
+  sm: 8,
+  md: 12,
+  lg: 16,
+  xl: 20,
+  "2xl": 24,
+  full: 9999,
+  button: 16,
+  card: 20,
+  input: 12,
+  chip: 9999,
+  badge: 8
+};
+
+// src/tokens/borderWidth.ts
+var borderWidth = {
+  default: 1,
+  strong: 1.5,
+  heavy: 2
+};
+
+// src/tokens/shadow.ts
+var shadow = {
+  sm: { offsetX: 0, offsetY: 1, blur: 3, spread: 0, color: "#000000", opacity: { light: 0.08, dark: 0.4 } },
+  md: { offsetX: 0, offsetY: 4, blur: 12, spread: 0, color: "#000000", opacity: { light: 0.1, dark: 0.5 } },
+  lg: { offsetX: 0, offsetY: 8, blur: 24, spread: -4, color: "#000000", opacity: { light: 0.12, dark: 0.6 } }
+};
+
+// src/tokens/opacity.ts
+var opacity = {
+  disabled: 0.4,
+  hover: 0.08,
+  pressed: 0.12
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  borderWidth,
   colors,
+  grid,
+  opacity,
+  radius,
+  shadow,
+  spacing,
   typography
 });
 //# sourceMappingURL=index.js.map

package/dist/tokens/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/tokens/index.ts","../../src/tokens/colors.ts","../../src/tokens/typography.ts"],"sourcesContent":["export * from './colors'\nexport * from './typography'\n","export const colors = {\n  marianBlue: {\n    50:  '#FAFBFF',\n    100: '#F1F4FE',\n    200: '#E1E7FF',\n    300: '#C3CCF7',\n    400: '#94A5F2',\n    500: '#697DD6',\n    600: '#475CBB',\n    700: '#31428B',\n    800: '#25326A',\n    900: '#131937',\n  },\n\n  midnight: {\n    50:  '#707070',\n    100: '#5C5C5C',\n    200: '#525252',\n    300: '#474747',\n    400: '#3D3D3D',\n    500: '#333333',\n    600: '#1E1E1E',\n    700: '#161616',\n    800: '#141414',\n    900: '#0A0A0A',\n  },\n\n  gray: {\n    50:  '#B1B5BE',\n    100: '#A6ABB5',\n    200: '#9BA0AB',\n    300: '#9095A2',\n    400: '#858B99',\n    500: '#7A8190',\n    600: '#6F7685',\n    700: '#5E6471',\n    800: '#5D636F',\n    900: '#545964',\n  },\n\n  mustard: {\n    50:  '#FFF2D6',\n    100: '#FFECC2',\n    200: '#FFE5AD',\n    300: '#FFDF99',\n    400: '#FFD885',\n    500: '#FFD270',\n    600: '#FFCB5C',\n    700: '#FFC140',\n    800: '#FFBE33',\n    900: '#FFB81F',\n  },\n\n  ketchup: {\n    50:  '#FFD6D6',\n    100: '#FFC2C2',\n    200: '#FFADAD',\n    300: '#FF9999',\n    400: '#FF8585',\n    500: '#FF7070',\n    600: '#FF5C5C',\n    700: '#FF4040',\n    800: '#FF3333',\n    900: '#FF1F1F',\n  },\n\n  mint: {\n    50:  '#A7F1B7',\n    100: '#96EEA9',\n    200: '#84EB9A',\n    300: '#73E88C',\n    400: '#61E57E',\n    500: '#50E26F',\n    600: '#3EE061',\n    700: '#24DC4C',\n    800: '#22D348',\n    900: '#1FC142',\n  },\n\n  white: '#FFFFFF',\n  successBg: '#E5FBE9',\n} as const\n\nexport type Colors = typeof colors\n","export const typography = {\n  display:       { fontSize: 32, fontWeight: '700', lineHeight: 1.2, fontFamily: 'Poppins' },\n  h1:            { fontSize: 24, fontWeight: '700', lineHeight: 1.3, fontFamily: 'Poppins' },\n  h2:            { fontSize: 20, fontWeight: '600', lineHeight: 1.3, fontFamily: 'Poppins' },\n  h3:            { fontSize: 18, fontWeight: '600', lineHeight: 1.4, fontFamily: 'Poppins' },\n  bodyLarge:     { fontSize: 16, fontWeight: '400', lineHeight: 1.5, fontFamily: 'Inter' },\n  bodyDefault:   { fontSize: 14, fontWeight: '400', lineHeight: 1.5, fontFamily: 'Inter' },\n  bodySmall:     { fontSize: 12, fontWeight: '400', lineHeight: 1.5, fontFamily: 'Inter' },\n  labelLarge:    { fontSize: 16, fontWeight: '500', lineHeight: 1.5, fontFamily: 'Inter' },\n  labelDefault:  { fontSize: 14, fontWeight: '500', lineHeight: 1.5, fontFamily: 'Inter' },\n  labelSmall:    { fontSize: 12, fontWeight: '500', lineHeight: 1.5, fontFamily: 'Inter' },\n  caption:       { fontSize: 12, fontWeight: '500', lineHeight: 1.5, fontFamily: 'Inter' },\n  overline:      { fontSize: 10, fontWeight: '600', lineHeight: 1.0, fontFamily: 'Inter' },\n  buttonLarge:   { fontSize: 16, fontWeight: '600', lineHeight: 1.5, fontFamily: 'Inter' },\n  buttonDefault: { fontSize: 14, fontWeight: '600', lineHeight: 1.5, fontFamily: 'Inter' },\n} as const\n\nexport type Typography = typeof typography\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../src/tokens/index.ts","../../src/tokens/colors.ts","../../src/tokens/typography.ts","../../src/tokens/spacing.ts","../../src/tokens/grid.ts","../../src/tokens/radius.ts","../../src/tokens/borderWidth.ts","../../src/tokens/shadow.ts","../../src/tokens/opacity.ts"],"sourcesContent":["export * from './colors'\nexport * from './typography'\nexport * from './spacing'\nexport * from './grid'\nexport * from './radius'\nexport * from './borderWidth'\nexport * from './shadow'\nexport * from './opacity'\n","export const colors = {\n  marianBlue: {\n    50:  '#FAFBFF',\n    100: '#F6F8FF',\n    200: '#E1E7FF',\n    300: '#C3CCF7',\n    400: '#94A5F2',\n    500: '#697DD6',\n    600: '#4357AD',\n    700: '#31428B',\n    800: '#25326A',\n    900: '#131937',\n  },\n\n  midnight: {\n    50:  '#707070',\n    100: '#5C5C5C',\n    200: '#525252',\n    300: '#474747',\n    400: '#3D3D3D',\n    500: '#333333',\n    600: '#292929',\n    700: '#161616',\n    800: '#141414',\n    900: '#0A0A0A',\n  },\n\n  gray: {\n    15:  '#F4F5F8',\n    25:  '#EDEEF1',\n    35:  '#DDE0E6',\n    50:  '#B1B5BE',\n    100: '#A6ABB5',\n    200: '#9BA0AB',\n    300: '#9095A2',\n    400: '#858B99',\n    500: '#7A8190',\n    600: '#6F7685',\n    700: '#5E6471',\n    800: '#5D636F',\n    900: '#545964',\n  },\n\n  amber: {\n    50:   '#FFFBEB',\n    100:  '#FEF3C7',\n    200:  '#FDE68A',\n    300:  '#FCD34D',\n    400:  '#FBBF24',\n    500:  '#F59E0B',\n    600:  '#D97706',\n    700:  '#B45309',\n    800:  '#92400E',\n    900:  '#78350F',\n    text: '#BA5C0A',\n  },\n\n  yellow: {\n    50:  '#FFF2D6',\n    100: '#FFECC2',\n    200: '#FFE5AD',\n    300: '#FFDF99',\n    400: '#FFD885',\n    500: '#FFD270',\n    600: '#FFCB5C',\n    700: '#FFC140',\n    800: '#FFBE33',\n    900: '#FFB81F',\n  },\n\n  ketchup: {\n    50:   '#FEF2F2',\n    100:  '#FEE2E2',\n    200:  '#FECACA',\n    300:  '#FCA5A5',\n    400:  '#F87171',\n    500:  '#EF4444',\n    600:  '#DC2626',\n    700:  '#B91C1C',\n    800:  '#991B1B',\n    900:  '#7F1D1D',\n    text: '#D91F3C',\n  },\n\n  green: {\n    50:   '#F2FDF4',\n    100:  '#E5FBE9',\n    200:  '#C7F4D0',\n    300:  '#99E5AC',\n    400:  '#5FCD80',\n    500:  '#36B260',\n    600:  '#258F4B',\n    700:  '#1B6F3B',\n    800:  '#145430',\n    900:  '#0E3622',\n    text: '#0E8745',\n  },\n\n  blue: {\n    50:   '#EFF6FF',\n    100:  '#DBEAFE',\n    200:  '#BFDBFE',\n    300:  '#93C5FD',\n    400:  '#60A5FA',\n    500:  '#3B82F6',\n    600:  '#2563EB',\n    700:  '#1D4ED8',\n    800:  '#1E40AF',\n    900:  '#1E3A8A',\n    text: '#1E40AF',\n  },\n\n  // Single brand accent green — the vibrant tone that was previously green/300\n  // before the green scale was retuned to muted values in the Figma v2 palette.\n  brandGreen: '#6DFFB4',\n\n  overlayBlack: {\n    5:  '#0000000D',\n    8:  '#00000014',\n    12: '#0000001F',\n    16: '#00000029',\n  },\n\n  overlayWhite: {\n    5:  '#FFFFFF0D',\n    8:  '#FFFFFF14',\n    12: '#FFFFFF1F',\n    16: '#FFFFFF29',\n  },\n\n  white: '#FFFFFF',\n  black: '#000000',\n} as const\n\nexport type Colors = typeof colors\n","export const typography = {\n  display1:      { fontFamily: 'Poppins', fontSize: 32, fontWeight: '700', lineHeight: 40, letterSpacing: -1,  textTransform: 'none' },\n  display2:      { fontFamily: 'Poppins', fontSize: 32, fontWeight: '700', lineHeight: 40, letterSpacing: -1,  textTransform: 'none' },\n  h1:            { fontFamily: 'Poppins', fontSize: 24, fontWeight: '700', lineHeight: 32, letterSpacing: -1,  textTransform: 'none' },\n  h2:            { fontFamily: 'Poppins', fontSize: 20, fontWeight: '700', lineHeight: 28, letterSpacing: 0,   textTransform: 'none' },\n  h3:            { fontFamily: 'Poppins', fontSize: 16, fontWeight: '600', lineHeight: 24, letterSpacing: 0,   textTransform: 'none' },\n  bodyLarge:     { fontFamily: 'Inter',   fontSize: 16, fontWeight: '500', lineHeight: 24, letterSpacing: 0,   textTransform: 'none' },\n  bodyDefault:   { fontFamily: 'Inter',   fontSize: 14, fontWeight: '500', lineHeight: 20, letterSpacing: 0,   textTransform: 'none' },\n  bodySmall:     { fontFamily: 'Inter',   fontSize: 12, fontWeight: '400', lineHeight: 16, letterSpacing: 0.2, textTransform: 'none' },\n  labelLarge:    { fontFamily: 'Inter',   fontSize: 16, fontWeight: '600', lineHeight: 20, letterSpacing: 0,   textTransform: 'none' },\n  labelDefault:  { fontFamily: 'Inter',   fontSize: 14, fontWeight: '600', lineHeight: 20, letterSpacing: 0,   textTransform: 'none' },\n  labelSmall:    { fontFamily: 'Inter',   fontSize: 12, fontWeight: '600', lineHeight: 16, letterSpacing: 0.2, textTransform: 'none' },\n  labelTiny:     { fontFamily: 'Inter',   fontSize: 10, fontWeight: '600', lineHeight: 14, letterSpacing: 0,   textTransform: 'none' },\n  caption:       { fontFamily: 'Inter',   fontSize: 12, fontWeight: '500', lineHeight: 16, letterSpacing: 0.5, textTransform: 'none' },\n  captionUppercase: { fontFamily: 'Inter', fontSize: 12, fontWeight: '500', lineHeight: 16, letterSpacing: 0.5, textTransform: 'uppercase' },\n  overline:      { fontFamily: 'Inter',   fontSize: 10, fontWeight: '600', lineHeight: 16, letterSpacing: 8,   textTransform: 'uppercase' },\n  buttonLarge:   { fontFamily: 'Inter',   fontSize: 16, fontWeight: '600', lineHeight: 20, letterSpacing: 0,   textTransform: 'none' },\n  buttonDefault: { fontFamily: 'Inter',   fontSize: 14, fontWeight: '600', lineHeight: 20, letterSpacing: 0,   textTransform: 'none' },\n  buttonSmall:   { fontFamily: 'Inter',   fontSize: 12, fontWeight: '600', lineHeight: 16, letterSpacing: 0,   textTransform: 'none' },\n} as const\n\nexport type Typography = typeof typography\n","export const spacing = {\n  unit: 4,\n  gap: {\n    '0.5': 2,\n    '1':   4,\n    '2':   8,\n    '3':   12,\n    '4':   16,\n    '5':   20,\n    '6':   24,\n    '8':   32,\n    '10':  40,\n    '12':  48,\n    '14':  56,\n    '16':  64,\n    '18':  72,\n    '20':  80,\n    '22':  88,\n    '24':  96,\n  },\n  screen: {\n    x: 16,\n    y: 24,\n  },\n} as const\n\nexport type Spacing = typeof spacing\n","export const grid = {\n  // 8px square baseline — line-height/* steps 16/24/32/40 snap; 20 and 28 land on a half-cell\n  baseline: 8,\n  breakpoints: {\n    mobile:  0,\n    tablet:  768,\n    desktop: 1024,\n  },\n  columns: {\n    mobile:  4,\n    tablet:  8,\n    desktop: 12,\n  },\n  gutter: {\n    mobile:  8,\n    tablet:  16,\n    desktop: 24,\n  },\n  margin: {\n    mobile:  20,\n    tablet:  24,\n    desktop: 32,\n  },\n} as const\n\nexport type Grid = typeof grid\n","export const radius = {\n  none:   0,\n  sm:     8,\n  md:     12,\n  lg:     16,\n  xl:     20,\n  '2xl':  24,\n  full:   9999,\n\n  button: 16,\n  card:   20,\n  input:  12,\n  chip:   9999,\n  badge:  8,\n} as const\n\nexport type Radius = typeof radius\n","export const borderWidth = {\n  default: 1,\n  strong:  1.5,\n  heavy:   2,\n} as const\n\nexport type BorderWidth = typeof borderWidth\n","export const shadow = {\n  sm: { offsetX: 0, offsetY: 1, blur: 3,  spread: 0,  color: '#000000', opacity: { light: 0.08, dark: 0.40 } },\n  md: { offsetX: 0, offsetY: 4, blur: 12, spread: 0,  color: '#000000', opacity: { light: 0.10, dark: 0.50 } },\n  lg: { offsetX: 0, offsetY: 8, blur: 24, spread: -4, color: '#000000', opacity: { light: 0.12, dark: 0.60 } },\n} as const\n\nexport type Shadow = typeof shadow\n","export const opacity = {\n  disabled: 0.4,\n  hover:    0.08,\n  pressed:  0.12,\n} as const\n\nexport type Opacity = typeof opacity\n"],"mappings":"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","names":[]}

package/dist/tokens/index.mjs

@@ -1,9 +1,21 @@
 import {
+  borderWidth,
   colors,
+  grid,
+  opacity,
+  radius,
+  shadow,
+  spacing,
   typography
-} from "../chunk-NK4IHR7O.mjs";
+} from "../chunk-ZK7NW4WW.mjs";
 export {
+  borderWidth,
   colors,
+  grid,
+  opacity,
+  radius,
+  shadow,
+  spacing,
   typography
 };
 //# sourceMappingURL=index.mjs.map

package/package.json

@@ -1,6 +1,7 @@
 {
   "name": "@12min/ds",
-  "version": "1.0.0",
+  "version": "3.0.0",
+  "packageManager": "pnpm@11.15.1",
   "sideEffects": [
     "dist/tailwind/theme.css"
   ],

package/dist/chunk-CC3QVZS2.mjs

@@ -1,80 +0,0 @@
-import {
-  colors
-} from "./chunk-NK4IHR7O.mjs";
-
-// src/themes/lightTheme.ts
-var lightTheme = {
-  background: colors.marianBlue[50],
-  surface: colors.marianBlue[100],
-  border: colors.marianBlue[200],
-  onBackground: colors.midnight[900],
-  onSurface: colors.midnight[700],
-  muted: colors.gray[500],
-  primary: colors.marianBlue[600],
-  secondary: colors.midnight[900],
-  success: colors.mint[800],
-  error: colors.ketchup[600],
-  warning: colors.mustard[500],
-  info: colors.marianBlue[500],
-  surfaceDisabled: colors.gray[50],
-  successBg: colors.successBg,
-  textSecondary: colors.gray[700],
-  textTertiary: colors.gray[500],
-  textInverse: colors.white,
-  borderStrong: colors.marianBlue[600],
-  borderSubtle: colors.marianBlue[200],
-  interactivePressed: colors.marianBlue[800]
-};
-
-// src/themes/darkTheme.ts
-var darkTheme = {
-  background: colors.midnight[900],
-  surface: colors.midnight[700],
-  border: colors.midnight[500],
-  onBackground: colors.marianBlue[50],
-  onSurface: colors.gray[50],
-  muted: colors.gray[600],
-  primary: colors.marianBlue[400],
-  secondary: colors.marianBlue[50],
-  success: colors.mint[400],
-  error: colors.ketchup[400],
-  warning: colors.mustard[400],
-  info: colors.marianBlue[300],
-  surfaceDisabled: colors.midnight[600],
-  successBg: colors.midnight[800],
-  textSecondary: colors.gray[400],
-  textTertiary: colors.gray[500],
-  textInverse: colors.midnight[900],
-  borderStrong: colors.marianBlue[400],
-  borderSubtle: colors.midnight[600],
-  interactivePressed: colors.marianBlue[300]
-};
-
-// src/components/RatingScale/RatingScale.styles.ts
-var ratingScaleTokens = {
-  itemWidth: 60,
-  circleSize: 60,
-  circlePadding: 8,
-  circleRadius: 30,
-  emojiFontSize: 38,
-  emojiLineHeight: 44,
-  labelFontSize: 12,
-  numberFontSize: 10,
-  itemGap: 8,
-  labelNumberGap: 11
-};
-var DEFAULT_OPTIONS = [
-  { emoji: "\u{1F61E}", label: "Nada\na ver" },
-  { emoji: "\u{1F641}", label: "Pouco\na ver" },
-  { emoji: "\u{1F610}", label: "Mais ou\nmenos" },
-  { emoji: "\u{1F642}", label: "Tem\na ver" },
-  { emoji: "\u{1F60A}", label: "Totalmente\neu" }
-];
-
-export {
-  lightTheme,
-  darkTheme,
-  ratingScaleTokens,
-  DEFAULT_OPTIONS
-};
-//# sourceMappingURL=chunk-CC3QVZS2.mjs.map

package/dist/chunk-CC3QVZS2.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/themes/lightTheme.ts","../src/themes/darkTheme.ts","../src/components/RatingScale/RatingScale.styles.ts"],"sourcesContent":["import { colors } from '../tokens/colors'\nimport type { Theme } from './types'\n\nexport const lightTheme: Theme = {\n  background:   colors.marianBlue[50],\n  surface:      colors.marianBlue[100],\n  border:       colors.marianBlue[200],\n  onBackground: colors.midnight[900],\n  onSurface:    colors.midnight[700],\n  muted:        colors.gray[500],\n  primary:      colors.marianBlue[600],\n  secondary:    colors.midnight[900],\n  success:      colors.mint[800],\n  error:        colors.ketchup[600],\n  warning:      colors.mustard[500],\n  info:         colors.marianBlue[500],\n\n  surfaceDisabled:    colors.gray[50],\n  successBg:          colors.successBg,\n  textSecondary:      colors.gray[700],\n  textTertiary:       colors.gray[500],\n  textInverse:        colors.white,\n  borderStrong:       colors.marianBlue[600],\n  borderSubtle:       colors.marianBlue[200],\n  interactivePressed: colors.marianBlue[800],\n}\n","import { colors } from '../tokens/colors'\nimport type { Theme } from './types'\n\nexport const darkTheme: Theme = {\n  background:   colors.midnight[900],\n  surface:      colors.midnight[700],\n  border:       colors.midnight[500],\n  onBackground: colors.marianBlue[50],\n  onSurface:    colors.gray[50],\n  muted:        colors.gray[600],\n  primary:      colors.marianBlue[400],\n  secondary:    colors.marianBlue[50],\n  success:      colors.mint[400],\n  error:        colors.ketchup[400],\n  warning:      colors.mustard[400],\n  info:         colors.marianBlue[300],\n\n  surfaceDisabled:    colors.midnight[600],\n  successBg:          colors.midnight[800],\n  textSecondary:      colors.gray[400],\n  textTertiary:       colors.gray[500],\n  textInverse:        colors.midnight[900],\n  borderStrong:       colors.marianBlue[400],\n  borderSubtle:       colors.midnight[600],\n  interactivePressed: colors.marianBlue[300],\n} as const\n","export const ratingScaleTokens = {\n  itemWidth: 60,\n  circleSize: 60,\n  circlePadding: 8,\n  circleRadius: 30,\n  emojiFontSize: 38,\n  emojiLineHeight: 44,\n  labelFontSize: 12,\n  numberFontSize: 10,\n  itemGap: 8,\n  labelNumberGap: 11,\n}\n\nexport const DEFAULT_OPTIONS = [\n  { emoji: '😞', label: 'Nada\\na ver' },\n  { emoji: '🙁', label: 'Pouco\\na ver' },\n  { emoji: '😐', label: 'Mais ou\\nmenos' },\n  { emoji: '🙂', label: 'Tem\\na ver' },\n  { emoji: '😊', label: 'Totalmente\\neu' },\n] as const\n"],"mappings":";;;;;AAGO,IAAM,aAAoB;AAAA,EAC/B,YAAc,OAAO,WAAW,EAAE;AAAA,EAClC,SAAc,OAAO,WAAW,GAAG;AAAA,EACnC,QAAc,OAAO,WAAW,GAAG;AAAA,EACnC,cAAc,OAAO,SAAS,GAAG;AAAA,EACjC,WAAc,OAAO,SAAS,GAAG;AAAA,EACjC,OAAc,OAAO,KAAK,GAAG;AAAA,EAC7B,SAAc,OAAO,WAAW,GAAG;AAAA,EACnC,WAAc,OAAO,SAAS,GAAG;AAAA,EACjC,SAAc,OAAO,KAAK,GAAG;AAAA,EAC7B,OAAc,OAAO,QAAQ,GAAG;AAAA,EAChC,SAAc,OAAO,QAAQ,GAAG;AAAA,EAChC,MAAc,OAAO,WAAW,GAAG;AAAA,EAEnC,iBAAoB,OAAO,KAAK,EAAE;AAAA,EAClC,WAAoB,OAAO;AAAA,EAC3B,eAAoB,OAAO,KAAK,GAAG;AAAA,EACnC,cAAoB,OAAO,KAAK,GAAG;AAAA,EACnC,aAAoB,OAAO;AAAA,EAC3B,cAAoB,OAAO,WAAW,GAAG;AAAA,EACzC,cAAoB,OAAO,WAAW,GAAG;AAAA,EACzC,oBAAoB,OAAO,WAAW,GAAG;AAC3C;;;ACtBO,IAAM,YAAmB;AAAA,EAC9B,YAAc,OAAO,SAAS,GAAG;AAAA,EACjC,SAAc,OAAO,SAAS,GAAG;AAAA,EACjC,QAAc,OAAO,SAAS,GAAG;AAAA,EACjC,cAAc,OAAO,WAAW,EAAE;AAAA,EAClC,WAAc,OAAO,KAAK,EAAE;AAAA,EAC5B,OAAc,OAAO,KAAK,GAAG;AAAA,EAC7B,SAAc,OAAO,WAAW,GAAG;AAAA,EACnC,WAAc,OAAO,WAAW,EAAE;AAAA,EAClC,SAAc,OAAO,KAAK,GAAG;AAAA,EAC7B,OAAc,OAAO,QAAQ,GAAG;AAAA,EAChC,SAAc,OAAO,QAAQ,GAAG;AAAA,EAChC,MAAc,OAAO,WAAW,GAAG;AAAA,EAEnC,iBAAoB,OAAO,SAAS,GAAG;AAAA,EACvC,WAAoB,OAAO,SAAS,GAAG;AAAA,EACvC,eAAoB,OAAO,KAAK,GAAG;AAAA,EACnC,cAAoB,OAAO,KAAK,GAAG;AAAA,EACnC,aAAoB,OAAO,SAAS,GAAG;AAAA,EACvC,cAAoB,OAAO,WAAW,GAAG;AAAA,EACzC,cAAoB,OAAO,SAAS,GAAG;AAAA,EACvC,oBAAoB,OAAO,WAAW,GAAG;AAC3C;;;ACzBO,IAAM,oBAAoB;AAAA,EAC/B,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,eAAe;AAAA,EACf,cAAc;AAAA,EACd,eAAe;AAAA,EACf,iBAAiB;AAAA,EACjB,eAAe;AAAA,EACf,gBAAgB;AAAA,EAChB,SAAS;AAAA,EACT,gBAAgB;AAClB;AAEO,IAAM,kBAAkB;AAAA,EAC7B,EAAE,OAAO,aAAM,OAAO,cAAc;AAAA,EACpC,EAAE,OAAO,aAAM,OAAO,eAAe;AAAA,EACrC,EAAE,OAAO,aAAM,OAAO,iBAAiB;AAAA,EACvC,EAAE,OAAO,aAAM,OAAO,aAAa;AAAA,EACnC,EAAE,OAAO,aAAM,OAAO,iBAAiB;AACzC;","names":[]}

package/dist/chunk-NK4IHR7O.mjs

@@ -1,101 +0,0 @@
-// src/tokens/colors.ts
-var colors = {
-  marianBlue: {
-    50: "#FAFBFF",
-    100: "#F1F4FE",
-    200: "#E1E7FF",
-    300: "#C3CCF7",
-    400: "#94A5F2",
-    500: "#697DD6",
-    600: "#475CBB",
-    700: "#31428B",
-    800: "#25326A",
-    900: "#131937"
-  },
-  midnight: {
-    50: "#707070",
-    100: "#5C5C5C",
-    200: "#525252",
-    300: "#474747",
-    400: "#3D3D3D",
-    500: "#333333",
-    600: "#1E1E1E",
-    700: "#161616",
-    800: "#141414",
-    900: "#0A0A0A"
-  },
-  gray: {
-    50: "#B1B5BE",
-    100: "#A6ABB5",
-    200: "#9BA0AB",
-    300: "#9095A2",
-    400: "#858B99",
-    500: "#7A8190",
-    600: "#6F7685",
-    700: "#5E6471",
-    800: "#5D636F",
-    900: "#545964"
-  },
-  mustard: {
-    50: "#FFF2D6",
-    100: "#FFECC2",
-    200: "#FFE5AD",
-    300: "#FFDF99",
-    400: "#FFD885",
-    500: "#FFD270",
-    600: "#FFCB5C",
-    700: "#FFC140",
-    800: "#FFBE33",
-    900: "#FFB81F"
-  },
-  ketchup: {
-    50: "#FFD6D6",
-    100: "#FFC2C2",
-    200: "#FFADAD",
-    300: "#FF9999",
-    400: "#FF8585",
-    500: "#FF7070",
-    600: "#FF5C5C",
-    700: "#FF4040",
-    800: "#FF3333",
-    900: "#FF1F1F"
-  },
-  mint: {
-    50: "#A7F1B7",
-    100: "#96EEA9",
-    200: "#84EB9A",
-    300: "#73E88C",
-    400: "#61E57E",
-    500: "#50E26F",
-    600: "#3EE061",
-    700: "#24DC4C",
-    800: "#22D348",
-    900: "#1FC142"
-  },
-  white: "#FFFFFF",
-  successBg: "#E5FBE9"
-};
-
-// src/tokens/typography.ts
-var typography = {
-  display: { fontSize: 32, fontWeight: "700", lineHeight: 1.2, fontFamily: "Poppins" },
-  h1: { fontSize: 24, fontWeight: "700", lineHeight: 1.3, fontFamily: "Poppins" },
-  h2: { fontSize: 20, fontWeight: "600", lineHeight: 1.3, fontFamily: "Poppins" },
-  h3: { fontSize: 18, fontWeight: "600", lineHeight: 1.4, fontFamily: "Poppins" },
-  bodyLarge: { fontSize: 16, fontWeight: "400", lineHeight: 1.5, fontFamily: "Inter" },
-  bodyDefault: { fontSize: 14, fontWeight: "400", lineHeight: 1.5, fontFamily: "Inter" },
-  bodySmall: { fontSize: 12, fontWeight: "400", lineHeight: 1.5, fontFamily: "Inter" },
-  labelLarge: { fontSize: 16, fontWeight: "500", lineHeight: 1.5, fontFamily: "Inter" },
-  labelDefault: { fontSize: 14, fontWeight: "500", lineHeight: 1.5, fontFamily: "Inter" },
-  labelSmall: { fontSize: 12, fontWeight: "500", lineHeight: 1.5, fontFamily: "Inter" },
-  caption: { fontSize: 12, fontWeight: "500", lineHeight: 1.5, fontFamily: "Inter" },
-  overline: { fontSize: 10, fontWeight: "600", lineHeight: 1, fontFamily: "Inter" },
-  buttonLarge: { fontSize: 16, fontWeight: "600", lineHeight: 1.5, fontFamily: "Inter" },
-  buttonDefault: { fontSize: 14, fontWeight: "600", lineHeight: 1.5, fontFamily: "Inter" }
-};
-
-export {
-  colors,
-  typography
-};
-//# sourceMappingURL=chunk-NK4IHR7O.mjs.map

package/dist/chunk-NK4IHR7O.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/tokens/colors.ts","../src/tokens/typography.ts"],"sourcesContent":["export const colors = {\n  marianBlue: {\n    50:  '#FAFBFF',\n    100: '#F1F4FE',\n    200: '#E1E7FF',\n    300: '#C3CCF7',\n    400: '#94A5F2',\n    500: '#697DD6',\n    600: '#475CBB',\n    700: '#31428B',\n    800: '#25326A',\n    900: '#131937',\n  },\n\n  midnight: {\n    50:  '#707070',\n    100: '#5C5C5C',\n    200: '#525252',\n    300: '#474747',\n    400: '#3D3D3D',\n    500: '#333333',\n    600: '#1E1E1E',\n    700: '#161616',\n    800: '#141414',\n    900: '#0A0A0A',\n  },\n\n  gray: {\n    50:  '#B1B5BE',\n    100: '#A6ABB5',\n    200: '#9BA0AB',\n    300: '#9095A2',\n    400: '#858B99',\n    500: '#7A8190',\n    600: '#6F7685',\n    700: '#5E6471',\n    800: '#5D636F',\n    900: '#545964',\n  },\n\n  mustard: {\n    50:  '#FFF2D6',\n    100: '#FFECC2',\n    200: '#FFE5AD',\n    300: '#FFDF99',\n    400: '#FFD885',\n    500: '#FFD270',\n    600: '#FFCB5C',\n    700: '#FFC140',\n    800: '#FFBE33',\n    900: '#FFB81F',\n  },\n\n  ketchup: {\n    50:  '#FFD6D6',\n    100: '#FFC2C2',\n    200: '#FFADAD',\n    300: '#FF9999',\n    400: '#FF8585',\n    500: '#FF7070',\n    600: '#FF5C5C',\n    700: '#FF4040',\n    800: '#FF3333',\n    900: '#FF1F1F',\n  },\n\n  mint: {\n    50:  '#A7F1B7',\n    100: '#96EEA9',\n    200: '#84EB9A',\n    300: '#73E88C',\n    400: '#61E57E',\n    500: '#50E26F',\n    600: '#3EE061',\n    700: '#24DC4C',\n    800: '#22D348',\n    900: '#1FC142',\n  },\n\n  white: '#FFFFFF',\n  successBg: '#E5FBE9',\n} as const\n\nexport type Colors = typeof colors\n","export const typography = {\n  display:       { fontSize: 32, fontWeight: '700', lineHeight: 1.2, fontFamily: 'Poppins' },\n  h1:            { fontSize: 24, fontWeight: '700', lineHeight: 1.3, fontFamily: 'Poppins' },\n  h2:            { fontSize: 20, fontWeight: '600', lineHeight: 1.3, fontFamily: 'Poppins' },\n  h3:            { fontSize: 18, fontWeight: '600', lineHeight: 1.4, fontFamily: 'Poppins' },\n  bodyLarge:     { fontSize: 16, fontWeight: '400', lineHeight: 1.5, fontFamily: 'Inter' },\n  bodyDefault:   { fontSize: 14, fontWeight: '400', lineHeight: 1.5, fontFamily: 'Inter' },\n  bodySmall:     { fontSize: 12, fontWeight: '400', lineHeight: 1.5, fontFamily: 'Inter' },\n  labelLarge:    { fontSize: 16, fontWeight: '500', lineHeight: 1.5, fontFamily: 'Inter' },\n  labelDefault:  { fontSize: 14, fontWeight: '500', lineHeight: 1.5, fontFamily: 'Inter' },\n  labelSmall:    { fontSize: 12, fontWeight: '500', lineHeight: 1.5, fontFamily: 'Inter' },\n  caption:       { fontSize: 12, fontWeight: '500', lineHeight: 1.5, fontFamily: 'Inter' },\n  overline:      { fontSize: 10, fontWeight: '600', lineHeight: 1.0, fontFamily: 'Inter' },\n  buttonLarge:   { fontSize: 16, fontWeight: '600', lineHeight: 1.5, fontFamily: 'Inter' },\n  buttonDefault: { fontSize: 14, fontWeight: '600', lineHeight: 1.5, fontFamily: 'Inter' },\n} as const\n\nexport type Typography = typeof typography\n"],"mappings":";AAAO,IAAM,SAAS;AAAA,EACpB,YAAY;AAAA,IACV,IAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,EACP;AAAA,EAEA,UAAU;AAAA,IACR,IAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,EACP;AAAA,EAEA,MAAM;AAAA,IACJ,IAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,EACP;AAAA,EAEA,SAAS;AAAA,IACP,IAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,EACP;AAAA,EAEA,SAAS;AAAA,IACP,IAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,EACP;AAAA,EAEA,MAAM;AAAA,IACJ,IAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,EACP;AAAA,EAEA,OAAO;AAAA,EACP,WAAW;AACb;;;ACjFO,IAAM,aAAa;AAAA,EACxB,SAAe,EAAE,UAAU,IAAI,YAAY,OAAO,YAAY,KAAK,YAAY,UAAU;AAAA,EACzF,IAAe,EAAE,UAAU,IAAI,YAAY,OAAO,YAAY,KAAK,YAAY,UAAU;AAAA,EACzF,IAAe,EAAE,UAAU,IAAI,YAAY,OAAO,YAAY,KAAK,YAAY,UAAU;AAAA,EACzF,IAAe,EAAE,UAAU,IAAI,YAAY,OAAO,YAAY,KAAK,YAAY,UAAU;AAAA,EACzF,WAAe,EAAE,UAAU,IAAI,YAAY,OAAO,YAAY,KAAK,YAAY,QAAQ;AAAA,EACvF,aAAe,EAAE,UAAU,IAAI,YAAY,OAAO,YAAY,KAAK,YAAY,QAAQ;AAAA,EACvF,WAAe,EAAE,UAAU,IAAI,YAAY,OAAO,YAAY,KAAK,YAAY,QAAQ;AAAA,EACvF,YAAe,EAAE,UAAU,IAAI,YAAY,OAAO,YAAY,KAAK,YAAY,QAAQ;AAAA,EACvF,cAAe,EAAE,UAAU,IAAI,YAAY,OAAO,YAAY,KAAK,YAAY,QAAQ;AAAA,EACvF,YAAe,EAAE,UAAU,IAAI,YAAY,OAAO,YAAY,KAAK,YAAY,QAAQ;AAAA,EACvF,SAAe,EAAE,UAAU,IAAI,YAAY,OAAO,YAAY,KAAK,YAAY,QAAQ;AAAA,EACvF,UAAe,EAAE,UAAU,IAAI,YAAY,OAAO,YAAY,GAAK,YAAY,QAAQ;AAAA,EACvF,aAAe,EAAE,UAAU,IAAI,YAAY,OAAO,YAAY,KAAK,YAAY,QAAQ;AAAA,EACvF,eAAe,EAAE,UAAU,IAAI,YAAY,OAAO,YAAY,KAAK,YAAY,QAAQ;AACzF;","names":[]}

package/dist/darkTheme-gaad4-zD.d.mts

@@ -1,28 +0,0 @@
-interface Theme {
-    background: string;
-    surface: string;
-    border: string;
-    onBackground: string;
-    onSurface: string;
-    muted: string;
-    primary: string;
-    secondary: string;
-    success: string;
-    error: string;
-    warning: string;
-    info: string;
-    surfaceDisabled: string;
-    successBg: string;
-    textSecondary: string;
-    textTertiary: string;
-    textInverse: string;
-    borderStrong: string;
-    borderSubtle: string;
-    interactivePressed: string;
-}
-
-declare const lightTheme: Theme;
-
-declare const darkTheme: Theme;
-
-export { type Theme as T, darkTheme as d, lightTheme as l };

package/dist/darkTheme-gaad4-zD.d.ts

@@ -1,28 +0,0 @@
-interface Theme {
-    background: string;
-    surface: string;
-    border: string;
-    onBackground: string;
-    onSurface: string;
-    muted: string;
-    primary: string;
-    secondary: string;
-    success: string;
-    error: string;
-    warning: string;
-    info: string;
-    surfaceDisabled: string;
-    successBg: string;
-    textSecondary: string;
-    textTertiary: string;
-    textInverse: string;
-    borderStrong: string;
-    borderSubtle: string;
-    interactivePressed: string;
-}
-
-declare const lightTheme: Theme;
-
-declare const darkTheme: Theme;
-
-export { type Theme as T, darkTheme as d, lightTheme as l };