@nexus-cross/tokens 1.0.0-beta.1

package/dist/index.js

@@ -0,0 +1,2408 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  allCategoryData: () => allCategoryData,
+  breakpointSemantic: () => breakpointSemantic,
+  breakpoints: () => breakpoints,
+  createPalette: () => createPalette,
+  createSemantic: () => createSemantic,
+  dark: () => dark,
+  getTheme: () => getTheme,
+  getTokens: () => getTheme,
+  light: () => light,
+  palette: () => palette,
+  rawBorderWidthData: () => rawBorderWidthData,
+  rawBreakpointData: () => rawBreakpointData,
+  rawColorData: () => rawColorData,
+  rawMotionData: () => rawMotionData,
+  rawOpacityData: () => rawOpacityData,
+  rawRadiusData: () => rawRadiusData,
+  rawShadowData: () => rawShadowData,
+  rawSizeData: () => rawSizeData,
+  rawSpaceData: () => rawSpaceData,
+  rawTypographyData: () => rawTypographyData,
+  rawZIndexData: () => rawZIndexData,
+  shadowSemantic: () => shadowSemantic,
+  shadows: () => shadows,
+  space: () => space,
+  spacing: () => spacing,
+  typography: () => typography
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/data/color.json
+var color_default = {
+  primitive: {
+    neutral: {
+      "50": "#161A21",
+      "100": "#1E232E",
+      "200": "#252B39",
+      "300": "#363B4C",
+      "400": "#3B4153",
+      "500": "#62697A",
+      "600": "#7E8597",
+      "700": "#A2AABA",
+      "800": "#C6D0DA",
+      "900": "#ECF0F2",
+      "950": "#F3F6F8"
+    },
+    brand: {
+      "50": "#092424",
+      "100": "#113535",
+      "200": "#123F3C",
+      "300": "#0F947E",
+      "400": "#09B498",
+      "500": "#07C6A6",
+      "600": "#00D5AA",
+      "700": "#12DFB6",
+      "800": "#83DCC9",
+      "900": "#CDF4ED",
+      "950": "#EAFAF6"
+    },
+    green: {
+      "50": "#06261B",
+      "100": "#0A3728",
+      "200": "#0D4431",
+      "300": "#1B9674",
+      "400": "#00B784",
+      "500": "#00C890",
+      "600": "#02D69C",
+      "700": "#0BDFA5",
+      "800": "#9FECD7",
+      "900": "#CDF4EA",
+      "950": "#EAFAF6"
+    },
+    red: {
+      "50": "#24060B",
+      "100": "#530E1A",
+      "200": "#5B121E",
+      "300": "#AF2239",
+      "400": "#D20625",
+      "500": "#DB0A2D",
+      "600": "#E62848",
+      "700": "#EC3C56",
+      "800": "#FFBBC4",
+      "900": "#FDE8EB",
+      "950": "#FFF4F5"
+    },
+    yellow: {
+      "50": "#241E06",
+      "100": "#393421",
+      "200": "#4A3F2B",
+      "300": "#9F701A",
+      "400": "#D9840C",
+      "500": "#FF9D00",
+      "600": "#FFAA00",
+      "700": "#F9C127",
+      "800": "#FFDB6E",
+      "900": "#FFF2D2",
+      "950": "#FBF7EC"
+    },
+    blue: {
+      "50": "#061424",
+      "100": "#0E2F53",
+      "200": "#143A67",
+      "300": "#1672D0",
+      "400": "#1087FF",
+      "500": "#0095FF",
+      "600": "#20B1FF",
+      "700": "#52C2FF",
+      "800": "#92DDFF",
+      "900": "#CCEFFF",
+      "950": "#EAF8FF"
+    },
+    purple: {
+      "50": "#061424",
+      "100": "#2F1766",
+      "200": "#3A1D7C",
+      "300": "#7346F3",
+      "400": "#7D4FFF",
+      "500": "#9975FF",
+      "600": "#B296FF",
+      "700": "#D4BAF4",
+      "800": "#E9DBFB",
+      "900": "#F4EBFF",
+      "950": "#F9F5FF"
+    },
+    special: {
+      white: "#FFFFFF",
+      black: "#000000",
+      transparent: "transparent",
+      transparent30: "rgba(0, 0, 0, 0.3)",
+      transparent50: "rgba(0, 0, 0, 0.5)"
+    }
+  },
+  semantic: {
+    bg: {
+      default: {
+        base: {
+          light: {
+            source: "special.white"
+          },
+          dark: {
+            source: "neutral.100"
+          },
+          description: "\uAE30\uBCF8 \uBC30\uACBD"
+        }
+      },
+      subtle: {
+        base: {
+          light: {
+            source: "neutral.950"
+          },
+          dark: {
+            source: "neutral.50"
+          },
+          description: "\uBBF8\uBB18\uD55C \uBC30\uACBD"
+        }
+      },
+      strong: {
+        base: {
+          light: {
+            source: "neutral.900"
+          },
+          dark: {
+            source: "special.black"
+          },
+          description: "\uAC15\uC870 \uBC30\uACBD"
+        }
+      }
+    },
+    surface: {
+      default: {
+        base: {
+          light: {
+            source: "special.white"
+          },
+          dark: {
+            source: "neutral.100"
+          },
+          description: "\uAE30\uBCF8 \uD45C\uBA74"
+        },
+        dim: {
+          light: {
+            source: "neutral.950"
+          },
+          dark: {
+            source: "neutral.50"
+          },
+          description: "\uAE30\uBCF8 \uD45C\uBA74 - \uB524"
+        },
+        hover: {
+          light: {
+            source: "neutral.950"
+          },
+          dark: {
+            source: "neutral.200"
+          },
+          description: "\uAE30\uBCF8 \uD45C\uBA74 - \uD638\uBC84"
+        },
+        pressed: {
+          light: {
+            source: "neutral.900"
+          },
+          dark: {
+            source: "neutral.300"
+          },
+          description: "\uAE30\uBCF8 \uD45C\uBA74 - \uD504\uB808\uC2A4"
+        },
+        disabled: {
+          light: {
+            source: "neutral.900"
+          },
+          dark: {
+            source: "neutral.300"
+          },
+          description: "\uAE30\uBCF8 \uD45C\uBA74 - \uBE44\uD65C\uC131"
+        }
+      },
+      subtle: {
+        base: {
+          light: {
+            source: "neutral.950"
+          },
+          dark: {
+            source: "neutral.200"
+          },
+          description: "\uBBF8\uBB18\uD55C \uD45C\uBA74"
+        },
+        hover: {
+          light: {
+            source: "neutral.900"
+          },
+          dark: {
+            source: "neutral.300"
+          },
+          description: "\uBBF8\uBB18\uD55C \uD45C\uBA74 - \uD638\uBC84"
+        }
+      },
+      strong: {
+        base: {
+          light: {
+            source: "neutral.900"
+          },
+          dark: {
+            source: "neutral.300"
+          },
+          description: "\uAC15\uC870 \uD45C\uBA74"
+        }
+      },
+      inverted: {
+        base: {
+          light: {
+            source: "neutral.50"
+          },
+          dark: {
+            source: "neutral.950"
+          },
+          description: "\uBC18\uC804 \uD45C\uBA74"
+        }
+      }
+    },
+    text: {
+      highlight: {
+        base: {
+          light: {
+            source: "special.black"
+          },
+          dark: {
+            source: "special.white"
+          },
+          description: "\uAC15\uC870 \uD14D\uC2A4\uD2B8"
+        }
+      },
+      primary: {
+        base: {
+          light: {
+            source: "neutral.100"
+          },
+          dark: {
+            source: "neutral.900"
+          },
+          description: "\uC8FC\uC694 \uD14D\uC2A4\uD2B8"
+        },
+        hover: {
+          light: {
+            source: "special.black"
+          },
+          dark: {
+            source: "special.white"
+          },
+          description: "\uC8FC\uC694 \uD14D\uC2A4\uD2B8 - \uD638\uBC84"
+        },
+        pressed: {
+          light: {
+            source: "special.black"
+          },
+          dark: {
+            source: "special.white"
+          },
+          description: "\uC8FC\uC694 \uD14D\uC2A4\uD2B8 - \uD504\uB808\uC2A4"
+        }
+      },
+      secondary: {
+        base: {
+          light: {
+            source: "neutral.600"
+          },
+          dark: {
+            source: "neutral.700"
+          },
+          description: "\uBCF4\uC870 \uD14D\uC2A4\uD2B8"
+        },
+        hover: {
+          light: {
+            source: "neutral.400"
+          },
+          dark: {
+            source: "neutral.800"
+          },
+          description: "\uBCF4\uC870 \uD14D\uC2A4\uD2B8 - \uD638\uBC84"
+        },
+        pressed: {
+          light: {
+            source: "neutral.400"
+          },
+          dark: {
+            source: "neutral.800"
+          },
+          description: "\uBCF4\uC870 \uD14D\uC2A4\uD2B8 - \uD504\uB808\uC2A4"
+        }
+      },
+      tertiary: {
+        base: {
+          light: {
+            source: "neutral.600"
+          },
+          dark: {
+            source: "neutral.600"
+          },
+          description: "3\uCC28 \uD14D\uC2A4\uD2B8"
+        },
+        hover: {
+          light: {
+            source: "neutral.500"
+          },
+          dark: {
+            source: "neutral.700"
+          },
+          description: "3\uCC28 \uD14D\uC2A4\uD2B8 - \uD638\uBC84"
+        },
+        pressed: {
+          light: {
+            source: "neutral.500"
+          },
+          dark: {
+            source: "neutral.700"
+          },
+          description: "3\uCC28 \uD14D\uC2A4\uD2B8 - \uD504\uB808\uC2A4"
+        }
+      },
+      muted: {
+        base: {
+          light: {
+            source: "neutral.700"
+          },
+          dark: {
+            source: "neutral.500"
+          },
+          description: "\uC57D\uD55C \uD14D\uC2A4\uD2B8"
+        }
+      },
+      inverted: {
+        base: {
+          light: {
+            source: "special.white"
+          },
+          dark: {
+            source: "special.black"
+          },
+          description: "\uBC18\uC804 \uD14D\uC2A4\uD2B8"
+        }
+      }
+    },
+    icon: {
+      highlight: {
+        base: {
+          light: {
+            source: "special.black"
+          },
+          dark: {
+            source: "special.white"
+          },
+          description: "\uAC15\uC870 \uC544\uC774\uCF58"
+        }
+      },
+      primary: {
+        base: {
+          light: {
+            source: "neutral.100"
+          },
+          dark: {
+            source: "neutral.900"
+          },
+          description: "\uC8FC\uC694 \uC544\uC774\uCF58"
+        },
+        hover: {
+          light: {
+            source: "special.black"
+          },
+          dark: {
+            source: "special.white"
+          },
+          description: "\uC8FC\uC694 \uC544\uC774\uCF58 - \uD638\uBC84"
+        },
+        pressed: {
+          light: {
+            source: "special.black"
+          },
+          dark: {
+            source: "special.white"
+          },
+          description: "\uC8FC\uC694 \uC544\uC774\uCF58 - \uD504\uB808\uC2A4"
+        }
+      },
+      secondary: {
+        base: {
+          light: {
+            source: "neutral.600"
+          },
+          dark: {
+            source: "neutral.700"
+          },
+          description: "\uBCF4\uC870 \uC544\uC774\uCF58"
+        },
+        hover: {
+          light: {
+            source: "neutral.400"
+          },
+          dark: {
+            source: "neutral.800"
+          },
+          description: "\uBCF4\uC870 \uC544\uC774\uCF58 - \uD638\uBC84"
+        },
+        pressed: {
+          light: {
+            source: "neutral.400"
+          },
+          dark: {
+            source: "neutral.800"
+          },
+          description: "\uBCF4\uC870 \uC544\uC774\uCF58 - \uD504\uB808\uC2A4"
+        }
+      },
+      tertiary: {
+        base: {
+          light: {
+            source: "neutral.600"
+          },
+          dark: {
+            source: "neutral.600"
+          },
+          description: "3\uCC28 \uC544\uC774\uCF58"
+        },
+        hover: {
+          light: {
+            source: "neutral.500"
+          },
+          dark: {
+            source: "neutral.700"
+          },
+          description: "3\uCC28 \uC544\uC774\uCF58 - \uD638\uBC84"
+        },
+        pressed: {
+          light: {
+            source: "neutral.500"
+          },
+          dark: {
+            source: "neutral.700"
+          },
+          description: "3\uCC28 \uC544\uC774\uCF58 - \uD504\uB808\uC2A4"
+        }
+      },
+      muted: {
+        base: {
+          light: {
+            source: "neutral.700"
+          },
+          dark: {
+            source: "neutral.500"
+          },
+          description: "\uC57D\uD55C \uC544\uC774\uCF58"
+        }
+      },
+      inverted: {
+        base: {
+          light: {
+            source: "special.white"
+          },
+          dark: {
+            source: "special.black"
+          },
+          description: "\uBC18\uC804 \uC544\uC774\uCF58"
+        }
+      }
+    },
+    border: {
+      default: {
+        base: {
+          light: {
+            source: "neutral.900"
+          },
+          dark: {
+            source: "neutral.400"
+          },
+          description: "\uAE30\uBCF8 \uD14C\uB450\uB9AC"
+        },
+        hover: {
+          light: {
+            source: "neutral.700"
+          },
+          dark: {
+            source: "neutral.500"
+          },
+          description: "\uAE30\uBCF8 \uD14C\uB450\uB9AC - \uD638\uBC84"
+        },
+        focus: {
+          light: {
+            source: "neutral.500"
+          },
+          dark: {
+            source: "neutral.700"
+          },
+          description: "\uAE30\uBCF8 \uD14C\uB450\uB9AC - \uD3EC\uCEE4\uC2A4"
+        }
+      },
+      subtle: {
+        base: {
+          light: {
+            source: "neutral.950"
+          },
+          dark: {
+            source: "neutral.200"
+          },
+          description: "\uC57D\uD55C \uD14C\uB450\uB9AC"
+        }
+      },
+      medium: {
+        base: {
+          light: {
+            source: "neutral.800"
+          },
+          dark: {
+            source: "neutral.500"
+          },
+          description: "\uC911\uAC04 \uD14C\uB450\uB9AC"
+        }
+      },
+      strong: {
+        base: {
+          light: {
+            source: "special.black"
+          },
+          dark: {
+            source: "special.white"
+          },
+          description: "\uAC15\uD55C \uD14C\uB450\uB9AC"
+        }
+      }
+    },
+    accent: {
+      primary: {
+        base: {
+          light: {
+            source: "brand.400"
+          },
+          dark: {
+            source: "brand.600"
+          },
+          description: "\uC8FC\uC694 \uC561\uC13C\uD2B8"
+        },
+        hover: {
+          light: {
+            source: "brand.500"
+          },
+          dark: {
+            source: "brand.700"
+          },
+          description: "\uC8FC\uC694 \uC561\uC13C\uD2B8 - \uD638\uBC84"
+        },
+        pressed: {
+          light: {
+            source: "brand.300"
+          },
+          dark: {
+            source: "brand.500"
+          },
+          description: "\uC8FC\uC694 \uC561\uC13C\uD2B8 - \uD504\uB808\uC2A4"
+        },
+        disabled: {
+          light: {
+            source: "brand.900"
+          },
+          dark: {
+            source: "brand.200"
+          },
+          description: "\uC8FC\uC694 \uC561\uC13C\uD2B8 - \uBE44\uD65C\uC131"
+        },
+        focus: {
+          light: {
+            source: "brand.400"
+          },
+          dark: {
+            source: "brand.500"
+          },
+          description: "\uC8FC\uC694 \uC561\uC13C\uD2B8 - \uD3EC\uCEE4\uC2A4"
+        },
+        intense: {
+          light: {
+            source: "brand.300"
+          },
+          dark: {
+            source: "brand.700"
+          },
+          description: "\uC8FC\uC694 \uC561\uC13C\uD2B8 - \uAC15\uC870"
+        },
+        dim: {
+          light: {
+            source: "brand.800"
+          },
+          dark: {
+            source: "brand.300"
+          },
+          description: "\uC8FC\uC694 \uC561\uC13C\uD2B8 - \uB524"
+        }
+      },
+      "on-primary": {
+        light: {
+          source: "special.white"
+        },
+        dark: {
+          source: "special.black"
+        },
+        description: "\uC561\uC13C\uD2B8 \uBC30\uACBD \uC704 \uC804\uACBD\uC0C9"
+      },
+      secondary: {
+        base: {
+          light: {
+            source: "purple.300"
+          },
+          dark: {
+            source: "purple.400"
+          }
+        },
+        intense: {
+          light: {
+            source: "purple.300"
+          },
+          dark: {
+            source: "purple.500"
+          }
+        },
+        dim: {
+          light: {
+            source: "purple.800"
+          },
+          dark: {
+            source: "purple.300"
+          }
+        },
+        hover: {
+          light: {
+            source: "purple.400"
+          },
+          dark: {
+            source: "purple.500"
+          }
+        },
+        pressed: {
+          light: {
+            source: "purple.500"
+          },
+          dark: {
+            source: "purple.300"
+          }
+        },
+        disabled: {
+          light: {
+            source: "purple.900"
+          },
+          dark: {
+            source: "purple.200"
+          }
+        },
+        focus: {
+          light: {
+            source: "purple.400"
+          },
+          dark: {
+            source: "purple.500"
+          }
+        }
+      },
+      "on-secondary": {
+        light: {
+          source: "special.white"
+        },
+        dark: {
+          source: "special.white"
+        }
+      }
+    },
+    status: {
+      success: {
+        base: {
+          light: {
+            source: "green.400"
+          },
+          dark: {
+            source: "green.600"
+          },
+          description: "\uC131\uACF5"
+        },
+        hover: {
+          light: {
+            source: "green.500"
+          },
+          dark: {
+            source: "green.700"
+          },
+          description: "\uC131\uACF5 - \uD638\uBC84"
+        },
+        pressed: {
+          light: {
+            source: "green.300"
+          },
+          dark: {
+            source: "green.500"
+          },
+          description: "\uC131\uACF5 - \uD504\uB808\uC2A4"
+        },
+        disabled: {
+          light: {
+            source: "green.900"
+          },
+          dark: {
+            source: "green.200"
+          },
+          description: "\uC131\uACF5 - \uBE44\uD65C\uC131"
+        },
+        intense: {
+          light: {
+            source: "green.300"
+          },
+          dark: {
+            source: "green.700"
+          },
+          description: "\uC131\uACF5 - \uAC15\uC870"
+        },
+        dim: {
+          light: {
+            source: "green.800"
+          },
+          dark: {
+            source: "green.300"
+          },
+          description: "\uC131\uACF5 - \uB524"
+        }
+      },
+      warning: {
+        base: {
+          light: {
+            source: "yellow.500"
+          },
+          dark: {
+            source: "yellow.600"
+          },
+          description: "\uACBD\uACE0"
+        },
+        hover: {
+          light: {
+            source: "yellow.600"
+          },
+          dark: {
+            source: "yellow.500"
+          },
+          description: "\uACBD\uACE0 - \uD638\uBC84"
+        },
+        pressed: {
+          light: {
+            source: "yellow.700"
+          },
+          dark: {
+            source: "yellow.700"
+          },
+          description: "\uACBD\uACE0 - \uD504\uB808\uC2A4"
+        },
+        disabled: {
+          light: {
+            source: "yellow.900"
+          },
+          dark: {
+            source: "yellow.200"
+          },
+          description: "\uACBD\uACE0 - \uBE44\uD65C\uC131"
+        },
+        intense: {
+          light: {
+            source: "yellow.400"
+          },
+          dark: {
+            source: "yellow.600"
+          },
+          description: "\uACBD\uACE0 - \uAC15\uC870"
+        },
+        dim: {
+          light: {
+            source: "yellow.800"
+          },
+          dark: {
+            source: "yellow.300"
+          },
+          description: "\uACBD\uACE0 - \uB524"
+        }
+      },
+      danger: {
+        base: {
+          light: {
+            source: "red.500"
+          },
+          dark: {
+            source: "red.500"
+          },
+          description: "\uC704\uD5D8/\uC624\uB958"
+        },
+        hover: {
+          light: {
+            source: "red.600"
+          },
+          dark: {
+            source: "red.600"
+          },
+          description: "\uC704\uD5D8/\uC624\uB958 - \uD638\uBC84"
+        },
+        pressed: {
+          light: {
+            source: "red.300"
+          },
+          dark: {
+            source: "red.400"
+          },
+          description: "\uC704\uD5D8/\uC624\uB958 - \uD504\uB808\uC2A4"
+        },
+        disabled: {
+          light: {
+            source: "red.900"
+          },
+          dark: {
+            source: "red.200"
+          },
+          description: "\uC704\uD5D8/\uC624\uB958 - \uBE44\uD65C\uC131"
+        },
+        intense: {
+          light: {
+            source: "red.400"
+          },
+          dark: {
+            source: "red.700"
+          },
+          description: "\uC704\uD5D8/\uC624\uB958 - \uAC15\uC870"
+        },
+        dim: {
+          light: {
+            source: "red.800"
+          },
+          dark: {
+            source: "red.300"
+          },
+          description: "\uC704\uD5D8/\uC624\uB958 - \uB524"
+        },
+        focus: {
+          light: {
+            source: "red.600"
+          },
+          dark: {
+            source: "red.300"
+          },
+          description: "\uC704\uD5D8/\uC624\uB958 - \uD3EC\uCEE4\uC2A4"
+        }
+      },
+      info: {
+        base: {
+          light: {
+            source: "blue.500"
+          },
+          dark: {
+            source: "blue.500"
+          },
+          description: "\uC815\uBCF4"
+        },
+        hover: {
+          light: {
+            source: "blue.600"
+          },
+          dark: {
+            source: "blue.600"
+          },
+          description: "\uC815\uBCF4 - \uD638\uBC84"
+        },
+        pressed: {
+          light: {
+            source: "blue.400"
+          },
+          dark: {
+            source: "blue.400"
+          },
+          description: "\uC815\uBCF4 - \uD504\uB808\uC2A4"
+        },
+        disabled: {
+          light: {
+            source: "blue.900"
+          },
+          dark: {
+            source: "blue.200"
+          },
+          description: "\uC815\uBCF4 - \uBE44\uD65C\uC131"
+        },
+        intense: {
+          light: {
+            source: "blue.300"
+          },
+          dark: {
+            source: "blue.600"
+          },
+          description: "\uC815\uBCF4 - \uAC15\uC870"
+        },
+        dim: {
+          light: {
+            source: "blue.800"
+          },
+          dark: {
+            source: "blue.300"
+          },
+          description: "\uC815\uBCF4 - \uB524"
+        }
+      }
+    },
+    overlay: {
+      dim: {
+        light: {
+          source: "special.black"
+        },
+        dark: {
+          source: "special.black"
+        },
+        opacity: "overlay.dim",
+        description: "\uBAA8\uB2EC/\uC2DC\uD2B8 \uBC30\uACBD \uB524 \uCC98\uB9AC"
+      },
+      light: {
+        light: {
+          source: "special.black"
+        },
+        dark: {
+          source: "special.black"
+        },
+        opacity: "overlay.light",
+        description: "\uAC00\uBCBC\uC6B4 \uC624\uBC84\uB808\uC774"
+      }
+    },
+    static: {
+      white: {
+        light: {
+          source: "special.white"
+        },
+        dark: {
+          source: "special.white"
+        },
+        description: "\uBAA8\uB4DC \uBD88\uBCC0 \uD654\uC774\uD2B8"
+      },
+      black: {
+        light: {
+          source: "special.black"
+        },
+        dark: {
+          source: "special.black"
+        },
+        description: "\uBAA8\uB4DC \uBD88\uBCC0 \uBE14\uB799"
+      }
+    }
+  }
+};
+
+// src/data/typography.json
+var typography_default = {
+  primitive: {
+    fontFamily: {
+      sans: [
+        "Inter",
+        "Pretendard",
+        "system-ui",
+        "sans-serif"
+      ],
+      mono: [
+        "JetBrains Mono",
+        "Fira Code",
+        "monospace"
+      ]
+    },
+    fontSize: {
+      "10": "0.625rem",
+      "11": "0.6875rem",
+      "12": "0.75rem",
+      "14": "0.875rem",
+      "16": "1rem",
+      "18": "1.125rem",
+      "20": "1.25rem",
+      "24": "1.5rem",
+      "30": "1.875rem",
+      "36": "2.25rem",
+      "48": "3rem",
+      "60": "3.75rem"
+    },
+    fontWeight: {
+      "400": "400",
+      "500": "500",
+      "600": "600",
+      "700": "700"
+    },
+    lineHeight: {
+      "100": "1",
+      "125": "1.25",
+      "150": "1.5",
+      "175": "1.75",
+      "200": "2"
+    },
+    letterSpacing: {
+      "0": "0",
+      "1": "0.01em",
+      "2": "0.02em",
+      "4": "0.04em",
+      "-2": "-0.02em",
+      "-1": "-0.01em"
+    }
+  },
+  semantic: {
+    text: {
+      xs: {
+        fontSize: {
+          source: "fontSize.12"
+        },
+        lineHeight: {
+          source: "lineHeight.150"
+        },
+        fontFamily: {
+          source: "fontFamily.sans"
+        },
+        fontWeight: {
+          source: "fontWeight.400"
+        },
+        letterSpacing: {
+          source: "letterSpacing.-1"
+        },
+        description: "\uAC00\uC7A5 \uC791\uC740 \uD14D\uC2A4\uD2B8"
+      },
+      sm: {
+        fontSize: {
+          source: "fontSize.14"
+        },
+        lineHeight: {
+          source: "lineHeight.150"
+        },
+        fontFamily: {
+          source: "fontFamily.sans"
+        },
+        fontWeight: {
+          source: "fontWeight.400"
+        },
+        letterSpacing: {
+          source: "letterSpacing.-1"
+        },
+        description: "\uC791\uC740 \uD14D\uC2A4\uD2B8"
+      },
+      base: {
+        fontSize: {
+          source: "fontSize.16"
+        },
+        lineHeight: {
+          source: "lineHeight.150"
+        },
+        fontFamily: {
+          source: "fontFamily.sans"
+        },
+        fontWeight: {
+          source: "fontWeight.400"
+        },
+        letterSpacing: {
+          source: "letterSpacing.-1"
+        },
+        description: "\uAE30\uBCF8 \uD14D\uC2A4\uD2B8"
+      },
+      lg: {
+        fontSize: {
+          source: "fontSize.18"
+        },
+        lineHeight: {
+          source: "lineHeight.150"
+        },
+        fontFamily: {
+          source: "fontFamily.sans"
+        },
+        fontWeight: {
+          source: "fontWeight.400"
+        },
+        letterSpacing: {
+          source: "letterSpacing.-1"
+        },
+        description: "\uD070 \uD14D\uC2A4\uD2B8"
+      },
+      xl: {
+        fontSize: {
+          source: "fontSize.20"
+        },
+        lineHeight: {
+          source: "lineHeight.150"
+        },
+        fontFamily: {
+          source: "fontFamily.sans"
+        },
+        fontWeight: {
+          source: "fontWeight.400"
+        },
+        letterSpacing: {
+          source: "letterSpacing.-1"
+        },
+        description: "\uC544\uC8FC \uD070 \uD14D\uC2A4\uD2B8"
+      }
+    },
+    "text-medium": {
+      xs: {
+        fontSize: {
+          source: "fontSize.12"
+        },
+        lineHeight: {
+          source: "lineHeight.150"
+        },
+        fontWeight: {
+          source: "fontWeight.500"
+        },
+        fontFamily: {
+          source: "fontFamily.sans"
+        },
+        letterSpacing: {
+          source: "letterSpacing.-1"
+        },
+        description: "\uAC00\uC7A5 \uC791\uC740 \uD14D\uC2A4\uD2B8 - Medium"
+      },
+      sm: {
+        fontSize: {
+          source: "fontSize.14"
+        },
+        lineHeight: {
+          source: "lineHeight.150"
+        },
+        fontWeight: {
+          source: "fontWeight.500"
+        },
+        fontFamily: {
+          source: "fontFamily.sans"
+        },
+        letterSpacing: {
+          source: "letterSpacing.-1"
+        },
+        description: "\uC791\uC740 \uD14D\uC2A4\uD2B8 - Medium"
+      },
+      base: {
+        fontSize: {
+          source: "fontSize.16"
+        },
+        lineHeight: {
+          source: "lineHeight.150"
+        },
+        fontWeight: {
+          source: "fontWeight.500"
+        },
+        fontFamily: {
+          source: "fontFamily.sans"
+        },
+        letterSpacing: {
+          source: "letterSpacing.-1"
+        },
+        description: "\uAE30\uBCF8 \uD14D\uC2A4\uD2B8 - Medium"
+      },
+      lg: {
+        fontSize: {
+          source: "fontSize.18"
+        },
+        lineHeight: {
+          source: "lineHeight.150"
+        },
+        fontWeight: {
+          source: "fontWeight.500"
+        },
+        fontFamily: {
+          source: "fontFamily.sans"
+        },
+        letterSpacing: {
+          source: "letterSpacing.-1"
+        },
+        description: "\uD070 \uD14D\uC2A4\uD2B8 - Medium"
+      },
+      xl: {
+        fontSize: {
+          source: "fontSize.20"
+        },
+        lineHeight: {
+          source: "lineHeight.150"
+        },
+        fontWeight: {
+          source: "fontWeight.500"
+        },
+        fontFamily: {
+          source: "fontFamily.sans"
+        },
+        letterSpacing: {
+          source: "letterSpacing.-1"
+        },
+        description: "\uC544\uC8FC \uD070 \uD14D\uC2A4\uD2B8 - Medium"
+      }
+    },
+    "text-semibold": {
+      xs: {
+        fontSize: {
+          source: "fontSize.12"
+        },
+        lineHeight: {
+          source: "lineHeight.150"
+        },
+        fontWeight: {
+          source: "fontWeight.600"
+        },
+        fontFamily: {
+          source: "fontFamily.sans"
+        },
+        letterSpacing: {
+          source: "letterSpacing.-1"
+        },
+        description: "\uAC00\uC7A5 \uC791\uC740 \uD14D\uC2A4\uD2B8 - Semibold"
+      },
+      sm: {
+        fontSize: {
+          source: "fontSize.14"
+        },
+        lineHeight: {
+          source: "lineHeight.150"
+        },
+        fontWeight: {
+          source: "fontWeight.600"
+        },
+        fontFamily: {
+          source: "fontFamily.sans"
+        },
+        letterSpacing: {
+          source: "letterSpacing.-1"
+        },
+        description: "\uC791\uC740 \uD14D\uC2A4\uD2B8 - Semibold"
+      },
+      base: {
+        fontSize: {
+          source: "fontSize.16"
+        },
+        lineHeight: {
+          source: "lineHeight.150"
+        },
+        fontWeight: {
+          source: "fontWeight.600"
+        },
+        fontFamily: {
+          source: "fontFamily.sans"
+        },
+        letterSpacing: {
+          source: "letterSpacing.-1"
+        },
+        description: "\uAE30\uBCF8 \uD14D\uC2A4\uD2B8 - Semibold"
+      },
+      lg: {
+        fontSize: {
+          source: "fontSize.18"
+        },
+        lineHeight: {
+          source: "lineHeight.150"
+        },
+        fontWeight: {
+          source: "fontWeight.600"
+        },
+        fontFamily: {
+          source: "fontFamily.sans"
+        },
+        letterSpacing: {
+          source: "letterSpacing.-1"
+        },
+        description: "\uD070 \uD14D\uC2A4\uD2B8 - Semibold"
+      },
+      xl: {
+        fontSize: {
+          source: "fontSize.20"
+        },
+        lineHeight: {
+          source: "lineHeight.150"
+        },
+        fontWeight: {
+          source: "fontWeight.600"
+        },
+        fontFamily: {
+          source: "fontFamily.sans"
+        },
+        letterSpacing: {
+          source: "letterSpacing.-1"
+        },
+        description: "\uC544\uC8FC \uD070 \uD14D\uC2A4\uD2B8 - Semibold"
+      }
+    },
+    heading: {
+      h7: {
+        fontSize: {
+          source: "fontSize.14"
+        },
+        fontWeight: {
+          source: "fontWeight.600"
+        },
+        lineHeight: {
+          source: "lineHeight.125"
+        },
+        fontFamily: {
+          source: "fontFamily.sans"
+        },
+        letterSpacing: {
+          source: "letterSpacing.0"
+        },
+        description: "Heading 7"
+      },
+      h6: {
+        fontSize: {
+          source: "fontSize.16"
+        },
+        fontWeight: {
+          source: "fontWeight.600"
+        },
+        lineHeight: {
+          source: "lineHeight.125"
+        },
+        fontFamily: {
+          source: "fontFamily.sans"
+        },
+        letterSpacing: {
+          source: "letterSpacing.0"
+        },
+        description: "Heading 6"
+      },
+      h5: {
+        fontSize: {
+          source: "fontSize.18"
+        },
+        fontWeight: {
+          source: "fontWeight.600"
+        },
+        lineHeight: {
+          source: "lineHeight.125"
+        },
+        fontFamily: {
+          source: "fontFamily.sans"
+        },
+        letterSpacing: {
+          source: "letterSpacing.0"
+        },
+        description: "Heading 5"
+      },
+      h4: {
+        fontSize: {
+          source: "fontSize.20"
+        },
+        fontWeight: {
+          source: "fontWeight.600"
+        },
+        lineHeight: {
+          source: "lineHeight.125"
+        },
+        fontFamily: {
+          source: "fontFamily.sans"
+        },
+        letterSpacing: {
+          source: "letterSpacing.0"
+        },
+        description: "Heading 4"
+      },
+      h3: {
+        fontSize: {
+          source: "fontSize.24"
+        },
+        fontWeight: {
+          source: "fontWeight.600"
+        },
+        lineHeight: {
+          source: "lineHeight.125"
+        },
+        fontFamily: {
+          source: "fontFamily.sans"
+        },
+        letterSpacing: {
+          source: "letterSpacing.0"
+        },
+        description: "Heading 3"
+      },
+      h2: {
+        fontSize: {
+          source: "fontSize.30"
+        },
+        fontWeight: {
+          source: "fontWeight.700"
+        },
+        lineHeight: {
+          source: "lineHeight.125"
+        },
+        fontFamily: {
+          source: "fontFamily.sans"
+        },
+        letterSpacing: {
+          source: "letterSpacing.0"
+        },
+        description: "Heading 2"
+      },
+      h1: {
+        fontSize: {
+          source: "fontSize.36"
+        },
+        fontWeight: {
+          source: "fontWeight.700"
+        },
+        lineHeight: {
+          source: "lineHeight.125"
+        },
+        fontFamily: {
+          source: "fontFamily.sans"
+        },
+        letterSpacing: {
+          source: "letterSpacing.0"
+        },
+        description: "Heading 1"
+      }
+    },
+    display: {
+      sm: {
+        fontSize: {
+          source: "fontSize.36"
+        },
+        fontWeight: {
+          source: "fontWeight.700"
+        },
+        lineHeight: {
+          source: "lineHeight.125"
+        },
+        letterSpacing: {
+          source: "letterSpacing.0"
+        },
+        fontFamily: {
+          source: "fontFamily.sans"
+        },
+        description: "Display Small"
+      },
+      md: {
+        fontSize: {
+          source: "fontSize.48"
+        },
+        fontWeight: {
+          source: "fontWeight.700"
+        },
+        lineHeight: {
+          source: "lineHeight.125"
+        },
+        letterSpacing: {
+          source: "letterSpacing.0"
+        },
+        fontFamily: {
+          source: "fontFamily.sans"
+        },
+        description: "Display Medium"
+      },
+      lg: {
+        fontSize: {
+          source: "fontSize.60"
+        },
+        fontWeight: {
+          source: "fontWeight.700"
+        },
+        lineHeight: {
+          source: "lineHeight.125"
+        },
+        letterSpacing: {
+          source: "letterSpacing.0"
+        },
+        fontFamily: {
+          source: "fontFamily.sans"
+        },
+        description: "Display Large"
+      }
+    },
+    label: {
+      sm: {
+        fontSize: {
+          source: "fontSize.12"
+        },
+        fontWeight: {
+          source: "fontWeight.500"
+        },
+        lineHeight: {
+          source: "lineHeight.100"
+        },
+        letterSpacing: {
+          source: "letterSpacing.0"
+        },
+        fontFamily: {
+          source: "fontFamily.sans"
+        },
+        description: "Label Small"
+      },
+      md: {
+        fontSize: {
+          source: "fontSize.14"
+        },
+        fontWeight: {
+          source: "fontWeight.500"
+        },
+        lineHeight: {
+          source: "lineHeight.100"
+        },
+        letterSpacing: {
+          source: "letterSpacing.0"
+        },
+        fontFamily: {
+          source: "fontFamily.sans"
+        },
+        description: "Label Medium"
+      },
+      lg: {
+        fontSize: {
+          source: "fontSize.16"
+        },
+        fontWeight: {
+          source: "fontWeight.500"
+        },
+        lineHeight: {
+          source: "lineHeight.100"
+        },
+        letterSpacing: {
+          source: "letterSpacing.0"
+        },
+        fontFamily: {
+          source: "fontFamily.sans"
+        },
+        description: "Label Large"
+      }
+    },
+    "label-semibold": {
+      sm: {
+        fontSize: {
+          source: "fontSize.12"
+        },
+        fontWeight: {
+          source: "fontWeight.600"
+        },
+        lineHeight: {
+          source: "lineHeight.100"
+        },
+        letterSpacing: {
+          source: "letterSpacing.0"
+        },
+        fontFamily: {
+          source: "fontFamily.sans"
+        },
+        description: "Label Small - Semibold"
+      },
+      md: {
+        fontSize: {
+          source: "fontSize.14"
+        },
+        fontWeight: {
+          source: "fontWeight.600"
+        },
+        lineHeight: {
+          source: "lineHeight.100"
+        },
+        letterSpacing: {
+          source: "letterSpacing.0"
+        },
+        fontFamily: {
+          source: "fontFamily.sans"
+        },
+        description: "Label Medium - Semibold"
+      },
+      lg: {
+        fontSize: {
+          source: "fontSize.16"
+        },
+        fontWeight: {
+          source: "fontWeight.600"
+        },
+        lineHeight: {
+          source: "lineHeight.100"
+        },
+        letterSpacing: {
+          source: "letterSpacing.0"
+        },
+        fontFamily: {
+          source: "fontFamily.sans"
+        },
+        description: "Label Large - Semibold"
+      }
+    }
+  }
+};
+
+// src/data/space.json
+var space_default = {
+  primitive: {
+    "0": "0",
+    "1": "0.25rem",
+    "2": "0.5rem",
+    "3": "0.75rem",
+    "4": "1rem",
+    "5": "1.25rem",
+    "6": "1.5rem",
+    "8": "2rem",
+    "10": "2.5rem",
+    "12": "3rem",
+    "16": "4rem",
+    "20": "5rem",
+    "24": "6rem",
+    "32": "8rem",
+    "40": "10rem",
+    "48": "12rem",
+    "56": "14rem",
+    "64": "16rem",
+    px: "1px"
+  },
+  semantic: {
+    padding: {
+      none: {
+        source: "0",
+        description: "No padding (0px)"
+      },
+      "2xs": {
+        source: "1",
+        description: "2X extra small padding (4px)"
+      },
+      xs: {
+        source: "2",
+        description: "Extra small padding (4px)"
+      },
+      sm: {
+        source: "3",
+        description: "Small padding (8px)"
+      },
+      md: {
+        source: "4",
+        description: "Medium padding (16px)"
+      },
+      lg: {
+        source: "6",
+        description: "Large padding (24px)"
+      },
+      xl: {
+        source: "8",
+        description: "Extra large padding (32px)"
+      },
+      "2xl": {
+        source: "10",
+        description: "2X large padding (48px)"
+      }
+    },
+    gap: {
+      none: {
+        source: "0",
+        description: "No gap (0px)"
+      },
+      xs: {
+        source: "1",
+        description: "Extra small gap (4px)"
+      },
+      sm: {
+        source: "2",
+        description: "Small gap (8px)"
+      },
+      md: {
+        source: "4",
+        description: "Medium gap (16px)"
+      },
+      lg: {
+        source: "6",
+        description: "Large gap (24px)"
+      },
+      xl: {
+        source: "8",
+        description: "Extra large gap (32px)"
+      }
+    }
+  }
+};
+
+// src/data/shadow.json
+var shadow_default = {
+  primitive: {
+    "0": "none",
+    "1": "0 1px 2px 0 rgb(0 0 0 / 0.12)",
+    "2": "0 1px 3px 0 rgb(0 0 0 / 0.12)",
+    "3": "0 2px 8px -1px rgb(0 0 0 / 0.12)",
+    "4": "0 4px 15px -3px rgb(0 0 0 / 0.12)",
+    "5": "0 5px 25px -5px rgb(0 0 0 / 0.12)",
+    "6": "0 6px 50px -12px rgb(0 0 0 / 0.12)",
+    inner: "inset 0 2px 4px 0 rgb(0 0 0 / 0.05)",
+    "dark-1": "0 1px 2px 0 rgb(0 0 0 / 0.3)",
+    "dark-2": "0 1px 3px 0 rgb(0 0 0 / 0.4), 0 1px 2px -1px rgb(0 0 0 / 0.3)",
+    "dark-3": "0 4px 6px -1px rgb(0 0 0 / 0.4), 0 2px 4px -2px rgb(0 0 0 / 0.3)",
+    "dark-4": "0 10px 15px -3px rgb(0 0 0 / 0.4), 0 4px 6px -4px rgb(0 0 0 / 0.3)",
+    "dark-5": "0 20px 25px -5px rgb(0 0 0 / 0.4), 0 8px 10px -6px rgb(0 0 0 / 0.3)",
+    "dark-6": "0 25px 50px -12px rgb(0 0 0 / 0.6)"
+  },
+  semantic: {
+    elevation: {
+      none: {
+        light: {
+          source: "0"
+        },
+        dark: {
+          source: "0"
+        },
+        description: "No shadow"
+      },
+      sm: {
+        light: {
+          source: "1"
+        },
+        dark: {
+          source: "dark-1"
+        },
+        description: "Subtle shadow"
+      },
+      md: {
+        light: {
+          source: "2"
+        },
+        dark: {
+          source: "dark-2"
+        },
+        description: "Default shadow"
+      },
+      lg: {
+        light: {
+          source: "3"
+        },
+        dark: {
+          source: "dark-3"
+        },
+        description: "Elevated shadow"
+      },
+      xl: {
+        light: {
+          source: "4"
+        },
+        dark: {
+          source: "dark-4"
+        },
+        description: "High elevation"
+      },
+      "2xl": {
+        light: {
+          source: "5"
+        },
+        dark: {
+          source: "dark-5"
+        },
+        description: "Highest elevation"
+      }
+    }
+  }
+};
+
+// src/data/radius.json
+var radius_default = {
+  primitive: {
+    "0": "0px",
+    "2": "2px",
+    "4": "4px",
+    "6": "6px",
+    "8": "8px",
+    "12": "12px",
+    "16": "16px",
+    "20": "20px",
+    "24": "24px",
+    full: "9999px"
+  },
+  semantic: {
+    corner: {
+      none: { source: "0", description: "No border radius" },
+      sm: { source: "4", description: "Small corner" },
+      md: { source: "8", description: "Medium corner" },
+      lg: { source: "12", description: "Large corner" },
+      xl: { source: "16", description: "Extra large corner" },
+      "2xl": { source: "24", description: "2X large corner" },
+      full: { source: "full", description: "Fully rounded" }
+    }
+  }
+};
+
+// src/data/borderWidth.json
+var borderWidth_default = {
+  primitive: {
+    "0": "0px",
+    "1": "1px",
+    "2": "2px",
+    "4": "4px",
+    "0.5": "0.5px",
+    "1.5": "1.5px"
+  },
+  semantic: {
+    stroke: {
+      none: {
+        source: "0",
+        description: "No border"
+      },
+      hairline: {
+        source: "0.5",
+        description: "Hairline border (0.5px)"
+      },
+      thin: {
+        source: "1",
+        description: "Thin border"
+      },
+      default: {
+        source: "1",
+        description: "Default border"
+      },
+      thick: {
+        source: "1.5",
+        description: "Thick border"
+      },
+      heavy: {
+        source: "2",
+        description: "Heavy border"
+      }
+    }
+  }
+};
+
+// src/data/size.json
+var size_default = {
+  primitive: {
+    "12": "12px",
+    "14": "14px",
+    "16": "16px",
+    "18": "18px",
+    "20": "20px",
+    "24": "24px",
+    "28": "28px",
+    "32": "32px",
+    "36": "36px",
+    "40": "40px",
+    "44": "44px",
+    "48": "48px",
+    "56": "56px",
+    "64": "64px",
+    "80": "80px",
+    "96": "96px"
+  },
+  semantic: {
+    icon: {
+      xs: { source: "12", description: "Extra small icon" },
+      sm: { source: "16", description: "Small icon" },
+      md: { source: "20", description: "Medium icon" },
+      lg: { source: "24", description: "Large icon" },
+      xl: { source: "32", description: "Extra large icon" }
+    },
+    control: {
+      xs: { source: "24", description: "Extra small control" },
+      sm: { source: "32", description: "Small control" },
+      md: { source: "40", description: "Medium control" },
+      lg: { source: "48", description: "Large control" }
+    },
+    touch: {
+      min: { source: "44", description: "Minimum touch target" }
+    },
+    avatar: {
+      xs: { source: "24", description: "Extra small avatar" },
+      sm: { source: "32", description: "Small avatar" },
+      md: { source: "40", description: "Medium avatar" },
+      lg: { source: "48", description: "Large avatar" },
+      xl: { source: "64", description: "Extra large avatar" },
+      "2xl": { source: "96", description: "2X large avatar" }
+    }
+  }
+};
+
+// src/data/opacity.json
+var opacity_default = {
+  primitive: {
+    "0": "0",
+    "5": "0.05",
+    "10": "0.1",
+    "20": "0.2",
+    "25": "0.25",
+    "30": "0.3",
+    "40": "0.4",
+    "50": "0.5",
+    "60": "0.6",
+    "70": "0.7",
+    "75": "0.75",
+    "80": "0.8",
+    "90": "0.9",
+    "95": "0.95",
+    "100": "1"
+  },
+  semantic: {
+    overlay: {
+      dim: {
+        source: "50",
+        description: "Standard overlay"
+      },
+      light: {
+        source: "30",
+        description: "Light overlay"
+      },
+      heavy: {
+        source: "70",
+        description: "Heavy overlay"
+      }
+    },
+    disabled: {
+      element: {
+        source: "40",
+        description: "Disabled element opacity"
+      },
+      text: {
+        source: "50",
+        description: "Disabled text opacity"
+      }
+    },
+    hover: {
+      subtle: {
+        source: "5",
+        description: "Subtle hover"
+      },
+      default: {
+        source: "10",
+        description: "Default hover"
+      }
+    },
+    pressed: {
+      subtle: {
+        source: "10",
+        description: "Subtle pressed"
+      },
+      default: {
+        source: "20",
+        description: "Default pressed"
+      }
+    }
+  }
+};
+
+// src/data/zIndex.json
+var zIndex_default = {
+  primitive: {
+    "0": "0",
+    "10": "10",
+    "20": "20",
+    "30": "30",
+    "40": "40",
+    "50": "50",
+    "100": "100"
+  },
+  semantic: {
+    layer: {
+      base: { source: "0", description: "Base layer" },
+      dropdown: { source: "10", description: "Dropdown layer" },
+      sticky: { source: "20", description: "Sticky layer" },
+      popover: { source: "30", description: "Popover layer" },
+      modal: { source: "40", description: "Modal layer" },
+      toast: { source: "50", description: "Toast layer" },
+      tooltip: { source: "100", description: "Tooltip layer" }
+    }
+  }
+};
+
+// src/data/motion.json
+var motion_default = {
+  primitive: {
+    duration: {
+      "0": "0ms",
+      "75": "75ms",
+      "100": "100ms",
+      "150": "150ms",
+      "200": "200ms",
+      "300": "300ms",
+      "500": "500ms",
+      "700": "700ms",
+      "1000": "1000ms"
+    },
+    easing: {
+      linear: "linear",
+      ease: "ease",
+      easeIn: "cubic-bezier(0.4, 0, 1, 1)",
+      easeOut: "cubic-bezier(0, 0, 0.2, 1)",
+      easeInOut: "cubic-bezier(0.4, 0, 0.2, 1)",
+      spring: "cubic-bezier(0.175, 0.885, 0.32, 1.275)"
+    }
+  },
+  semantic: {
+    transition: {
+      instant: {
+        duration: { source: "duration.0" },
+        easing: { source: "easing.linear" },
+        description: "No transition"
+      },
+      fast: {
+        duration: { source: "duration.150" },
+        easing: { source: "easing.easeOut" },
+        description: "Fast transition"
+      },
+      normal: {
+        duration: { source: "duration.200" },
+        easing: { source: "easing.easeOut" },
+        description: "Normal transition"
+      },
+      slow: {
+        duration: { source: "duration.300" },
+        easing: { source: "easing.easeOut" },
+        description: "Slow transition"
+      }
+    },
+    animation: {
+      enter: {
+        duration: { source: "duration.200" },
+        easing: { source: "easing.easeOut" },
+        description: "Enter animation"
+      },
+      exit: {
+        duration: { source: "duration.150" },
+        easing: { source: "easing.easeIn" },
+        description: "Exit animation"
+      },
+      bounce: {
+        duration: { source: "duration.500" },
+        easing: { source: "easing.spring" },
+        description: "Bounce animation"
+      }
+    }
+  }
+};
+
+// src/data/breakpoint.json
+var breakpoint_default = {
+  primitive: {
+    "320": "320px",
+    "375": "375px",
+    "480": "480px",
+    "640": "640px",
+    "768": "768px",
+    "1024": "1024px",
+    "1280": "1280px",
+    "1440": "1440px",
+    "1920": "1920px"
+  },
+  semantic: {
+    screen: {
+      xs: { source: "320", description: "Extra small screens" },
+      sm: { source: "640", description: "Small screens" },
+      md: { source: "768", description: "Medium screens" },
+      lg: { source: "1024", description: "Large screens" },
+      xl: { source: "1280", description: "Extra large screens" },
+      "2xl": { source: "1440", description: "2X large screens" }
+    }
+  }
+};
+
+// src/data/index.ts
+var rawColorData = color_default;
+var rawTypographyData = typography_default;
+var rawSpaceData = space_default;
+var rawShadowData = shadow_default;
+var rawRadiusData = radius_default;
+var rawBorderWidthData = borderWidth_default;
+var rawSizeData = size_default;
+var rawOpacityData = opacity_default;
+var rawZIndexData = zIndex_default;
+var rawMotionData = motion_default;
+var rawBreakpointData = breakpoint_default;
+var allCategoryData = {
+  color: rawColorData,
+  typography: rawTypographyData,
+  space: rawSpaceData,
+  shadow: rawShadowData,
+  radius: rawRadiusData,
+  borderWidth: rawBorderWidthData,
+  size: rawSizeData,
+  opacity: rawOpacityData,
+  zIndex: rawZIndexData,
+  motion: rawMotionData,
+  breakpoint: rawBreakpointData
+};
+
+// src/colors/index.ts
+function createPalette() {
+  const result = {};
+  const primitives5 = rawColorData.primitive;
+  for (const [family, scales] of Object.entries(primitives5)) {
+    if (family === "special") {
+      const special = scales;
+      result.white = special.white;
+      result.black = special.black;
+      result.transparent = special.transparent;
+    } else {
+      result[family] = {};
+      for (const [scale, value] of Object.entries(scales)) {
+        result[family][scale] = value;
+      }
+    }
+  }
+  return result;
+}
+var palette = createPalette();
+
+// src/themes/semantic.ts
+function hexToRgba(hex, opacity) {
+  const cleanHex = hex.replace("#", "");
+  const r = parseInt(cleanHex.slice(0, 2), 16);
+  const g = parseInt(cleanHex.slice(2, 4), 16);
+  const b = parseInt(cleanHex.slice(4, 6), 16);
+  return `rgba(${r}, ${g}, ${b}, ${opacity})`;
+}
+function resolveOpacity(opacitySource) {
+  const parts = opacitySource.split(".");
+  const opacitySemantic = rawOpacityData.semantic;
+  const opacityPrimitive = rawOpacityData.primitive;
+  let current = opacitySemantic;
+  for (const part of parts) {
+    if (current && typeof current === "object") {
+      current = current[part];
+    } else {
+      return 1;
+    }
+  }
+  if (current && typeof current === "object" && "source" in current) {
+    const primitiveKey = current.source;
+    const value = opacityPrimitive[primitiveKey];
+    return value ? parseFloat(value) : 1;
+  }
+  return 1;
+}
+function resolveSource(source, palette2) {
+  const parts = source.split(".");
+  const family = parts[0];
+  const scale = parts[1];
+  if (family === "special") {
+    return palette2[scale];
+  }
+  if (family === "white" || family === "black" || family === "transparent") {
+    return palette2[family];
+  }
+  const familyColors = palette2[family];
+  if (typeof familyColors === "object" && scale) {
+    return familyColors[scale] || source;
+  }
+  return source;
+}
+function processModeAwareValue(value, palette2, mode) {
+  if (value[mode] && typeof value[mode] === "object" && "source" in value[mode]) {
+    const source = value[mode].source;
+    const color = resolveSource(source, palette2);
+    if (value.opacity) {
+      const opacityValue = resolveOpacity(value.opacity);
+      return hexToRgba(color, opacityValue);
+    }
+    return color;
+  }
+  return "#000000";
+}
+function processSemanticValue(value, palette2, mode) {
+  if (value === null || value === void 0) return value;
+  if (typeof value === "object" && "light" in value && "dark" in value) {
+    return processModeAwareValue(value, palette2, mode);
+  }
+  if (typeof value === "object") {
+    const result = {};
+    for (const [key, v] of Object.entries(value)) {
+      if (key !== "description") {
+        result[key] = processSemanticValue(v, palette2, mode);
+      }
+    }
+    return result;
+  }
+  return value;
+}
+function createSemantic(palette2, mode) {
+  const semanticData = rawColorData.semantic;
+  const result = {};
+  for (const [namespace, slots] of Object.entries(semanticData)) {
+    result[namespace] = processSemanticValue(slots, palette2, mode);
+  }
+  return result;
+}
+
+// src/themes/index.ts
+var light = createSemantic(palette, "light");
+var dark = createSemantic(palette, "dark");
+function getTheme(mode) {
+  const pal = createPalette();
+  const semantic = createSemantic(pal, mode);
+  return {
+    mode,
+    palette: pal,
+    semantic
+  };
+}
+
+// src/typography/index.ts
+var primitives = rawTypographyData.primitive;
+var semantics = rawTypographyData.semantic;
+function resolveSource2(source) {
+  const parts = source.split(".");
+  const ns = parts[0];
+  const key = parts[1];
+  const nsData = primitives[ns];
+  if (nsData && key) {
+    const value = nsData[key];
+    if (Array.isArray(value)) {
+      return value.join(", ");
+    }
+    return value;
+  }
+  return source;
+}
+function buildSemanticTypography() {
+  const result = {
+    fontFamily: {},
+    fontWeight: {}
+  };
+  for (const [key, value] of Object.entries(primitives.fontFamily)) {
+    result.fontFamily[key] = Array.isArray(value) ? value.join(", ") : value;
+  }
+  for (const [key, value] of Object.entries(primitives.fontWeight)) {
+    result.fontWeight[key] = parseInt(value);
+  }
+  for (const [namespace, slots] of Object.entries(semantics)) {
+    result[namespace] = {};
+    for (const [slot, def] of Object.entries(slots)) {
+      result[namespace][slot] = {};
+      if (def.fontSize?.source) {
+        result[namespace][slot].fontSize = resolveSource2(def.fontSize.source);
+      }
+      if (def.lineHeight?.source) {
+        result[namespace][slot].lineHeight = resolveSource2(def.lineHeight.source);
+      }
+      if (def.fontWeight?.source) {
+        result[namespace][slot].fontWeight = parseInt(String(resolveSource2(def.fontWeight.source)));
+      }
+      if (def.letterSpacing?.source) {
+        result[namespace][slot].letterSpacing = resolveSource2(def.letterSpacing.source);
+      }
+    }
+  }
+  return result;
+}
+var typography = buildSemanticTypography();
+
+// src/spacing/index.ts
+var primitives2 = rawSpaceData.primitive;
+var spacing = {
+  0: primitives2["0"],
+  1: primitives2["1"],
+  2: primitives2["2"],
+  3: primitives2["3"],
+  4: primitives2["4"],
+  5: primitives2["5"],
+  6: primitives2["6"],
+  8: primitives2["8"],
+  10: primitives2["10"],
+  12: primitives2["12"],
+  16: primitives2["16"],
+  20: primitives2["20"],
+  24: primitives2["24"]
+};
+var semanticPadding = rawSpaceData.semantic.padding;
+var space = {
+  none: primitives2[semanticPadding.none.source],
+  xs: primitives2[semanticPadding.xs.source],
+  sm: primitives2[semanticPadding.sm.source],
+  md: primitives2[semanticPadding.md.source],
+  lg: primitives2[semanticPadding.lg.source],
+  xl: primitives2[semanticPadding.xl.source]
+};
+var spaceSemantic = (() => {
+  const result = {};
+  const semantics3 = rawSpaceData.semantic;
+  for (const [namespace, slots] of Object.entries(semantics3)) {
+    result[namespace] = {};
+    for (const [key, def] of Object.entries(slots)) {
+      result[namespace][key] = primitives2[def.source] || def.source;
+    }
+  }
+  return result;
+})();
+
+// src/shadows/index.ts
+var primitives3 = rawShadowData.primitive;
+var shadows = {
+  none: primitives3["0"],
+  sm: primitives3["1"],
+  md: primitives3["2"],
+  lg: primitives3["3"],
+  xl: primitives3["4"],
+  "2xl": primitives3["5"],
+  inner: primitives3["inner"]
+};
+var semantics2 = rawShadowData.semantic;
+function createShadowSemantic(mode) {
+  const result = {};
+  for (const [namespace, slots] of Object.entries(semantics2)) {
+    result[namespace] = {};
+    for (const [key, def] of Object.entries(slots)) {
+      if ("light" in def && "dark" in def) {
+        const source = def[mode].source;
+        result[namespace][key] = primitives3[source] || source;
+      } else if ("source" in def) {
+        result[namespace][key] = primitives3[def.source] || def.source;
+      }
+    }
+  }
+  return result;
+}
+var shadowSemantic = createShadowSemantic("light");
+
+// src/breakpoints/index.ts
+var primitives4 = rawBreakpointData.primitive;
+var semanticScreen = rawBreakpointData.semantic.screen;
+var breakpoints = {
+  xs: primitives4[semanticScreen.xs.source] || "0px",
+  sm: primitives4[semanticScreen.sm.source],
+  md: primitives4[semanticScreen.md.source],
+  lg: primitives4[semanticScreen.lg.source],
+  xl: primitives4[semanticScreen.xl.source],
+  "2xl": primitives4[semanticScreen["2xl"].source]
+};
+var breakpointSemantic = (() => {
+  const result = {};
+  const semantics3 = rawBreakpointData.semantic;
+  for (const [namespace, slots] of Object.entries(semantics3)) {
+    result[namespace] = {};
+    for (const [key, def] of Object.entries(slots)) {
+      result[namespace][key] = primitives4[def.source] || def.source;
+    }
+  }
+  return result;
+})();
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  allCategoryData,
+  breakpointSemantic,
+  breakpoints,
+  createPalette,
+  createSemantic,
+  dark,
+  getTheme,
+  getTokens,
+  light,
+  palette,
+  rawBorderWidthData,
+  rawBreakpointData,
+  rawColorData,
+  rawMotionData,
+  rawOpacityData,
+  rawRadiusData,
+  rawShadowData,
+  rawSizeData,
+  rawSpaceData,
+  rawTypographyData,
+  rawZIndexData,
+  shadowSemantic,
+  shadows,
+  space,
+  spacing,
+  typography
+});