@deepnoid/ui 1.0.11 → 1.0.13

package/dist/index.js

@@ -6,9 +6,6 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __commonJS = (cb, mod) => function __require() {
-  return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
-};
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -31,74 +28,6 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// ../../node_modules/tailwindcss/lib/util/createPlugin.js
-var require_createPlugin = __commonJS({
-  "../../node_modules/tailwindcss/lib/util/createPlugin.js"(exports2) {
-    "use strict";
-    Object.defineProperty(exports2, "__esModule", {
-      value: true
-    });
-    Object.defineProperty(exports2, "default", {
-      enumerable: true,
-      get: function() {
-        return _default;
-      }
-    });
-    function createPlugin(plugin2, config) {
-      return {
-        handler: plugin2,
-        config
-      };
-    }
-    createPlugin.withOptions = function(pluginFunction, configFunction = () => ({})) {
-      const optionsFunction = function(options) {
-        return {
-          __options: options,
-          handler: pluginFunction(options),
-          config: configFunction(options)
-        };
-      };
-      optionsFunction.__isOptionsFunction = true;
-      optionsFunction.__pluginFunction = pluginFunction;
-      optionsFunction.__configFunction = configFunction;
-      return optionsFunction;
-    };
-    var _default = createPlugin;
-  }
-});
-
-// ../../node_modules/tailwindcss/lib/public/create-plugin.js
-var require_create_plugin = __commonJS({
-  "../../node_modules/tailwindcss/lib/public/create-plugin.js"(exports2) {
-    "use strict";
-    Object.defineProperty(exports2, "__esModule", {
-      value: true
-    });
-    Object.defineProperty(exports2, "default", {
-      enumerable: true,
-      get: function() {
-        return _default;
-      }
-    });
-    var _createPlugin = /* @__PURE__ */ _interop_require_default(require_createPlugin());
-    function _interop_require_default(obj) {
-      return obj && obj.__esModule ? obj : {
-        default: obj
-      };
-    }
-    var _default = _createPlugin.default;
-  }
-});
-
-// ../../node_modules/tailwindcss/plugin.js
-var require_plugin = __commonJS({
-  "../../node_modules/tailwindcss/plugin.js"(exports2, module2) {
-    "use strict";
-    var createPlugin = require_create_plugin();
-    module2.exports = (createPlugin.__esModule ? createPlugin : { default: createPlugin }).default;
-  }
-});
-
 // src/index.ts
 var index_exports = {};
 __export(index_exports, {
@@ -147,7 +76,6 @@ __export(index_exports, {
   ToastProvider: () => ToastProvider,
   Tooltip: () => tooltip_default,
   Tree: () => tree_default,
-  deepnoidUi: () => deepnoidUi,
   iconTemplate: () => iconTemplate,
   tv: () => tv,
   useGlobalModal: () => useGlobalModal,
@@ -160,854 +88,41 @@ var import_react = require("react");
 
 // src/utils/tailwind-variants.ts
 var import_tailwind_variants = require("tailwind-variants");
-
-// ../tailwind-config/src/plugin.ts
-var import_plugin = __toESM(require_plugin());
-
-// ../tailwind-config/src/colors/primitive-palette.ts
-var primitivePalette = {
-  bg: {
-    "01": "#040811",
-    "02": "#040811",
-    "03": "#14161E",
-    "04": "#070414",
-    "05": "#070C12",
-    "06": "#202123"
-  },
-  gray: {
-    cool: {
-      50: "#F7F7F8",
-      100: "#EEEEF0",
-      200: "#D8D9DF",
-      300: "#B6B8C3",
-      400: "#999CA9",
-      500: "#717486",
-      600: "#5B5E6E",
-      700: "#4A4C5A",
-      800: "#40424C",
-      900: "#36373F",
-      950: "#25252C"
-    },
-    warm: {
-      50: "#F6F6F6",
-      100: "#E7E7E7",
-      200: "#D1D1D1",
-      300: "#B0B0B0",
-      400: "#888888",
-      500: "#6D6D6D",
-      600: "#5D5D5D",
-      700: "#525252",
-      800: "#454545",
-      900: "#3D3D3D",
-      950: "#25252C"
-    }
-  },
-  opacity: {
-    white: {
-      "0": "#FFFFFF, 0",
-      5: "#FFFFFF, 5",
-      10: "#FFFFFF, 10",
-      20: "#FFFFFF, 20",
-      30: "#FFFFFF, 30",
-      40: "#FFFFFF, 40",
-      50: "#FFFFFF, 50",
-      60: "#FFFFFF, 60",
-      70: "#FFFFFF, 70",
-      80: "#FFFFFF, 80",
-      90: "#FFFFFF, 90"
-    },
-    black: {
-      "0": "#000000, 0",
-      5: "#000000, 5",
-      10: "#000000, 10",
-      20: "#000000, 20",
-      30: "#000000, 30",
-      40: "#000000, 40",
-      50: "#000000, 50",
-      60: "#000000, 60",
-      70: "#000000, 70",
-      80: "#000000, 80",
-      90: "#000000, 90"
-    }
-  },
-  red: {
-    50: "#FEF2F2",
-    100: "#FEE9E9",
-    200: "#FCCFD2",
-    300: "#F9A8AC",
-    400: "#F57780",
-    500: "#EC4757",
-    600: "#D82640",
-    700: "#B71934",
-    800: "#991832",
-    900: "#831831",
-    950: "#831831"
-  },
-  rose: {
-    50: "#FDF4F6",
-    100: "#F9E9EC",
-    200: "#F4D8DD",
-    300: "#E9B8C2",
-    400: "#DF96A6",
-    500: "#CB6881",
-    600: "#B54969",
-    700: "#973957",
-    800: "#7F324D",
-    900: "#6A2740",
-    950: "#3C1523"
-  },
-  hotPink: {
-    50: "#FDF2F7",
-    100: "#FDE6F0",
-    200: "#FCCEE3",
-    300: "#FBA6CA",
-    400: "#F76FA6",
-    500: "#F04485",
-    600: "#E2326C",
-    700: "#C21448",
-    800: "#A1133C",
-    900: "#861535",
-    950: "#52051B"
-  },
-  sepia: {
-    50: "#FCF5F4",
-    100: "#FAE9E9",
-    200: "#F5D6D7",
-    300: "#EDB4B6",
-    400: "#E28A8F",
-    500: "#D45F69",
-    600: "#BE4051",
-    700: "#9F3142",
-    800: "#862B3C",
-    900: "#6B2433",
-    950: "#320E15"
-  },
-  orange: {
-    50: "#FEF7EE",
-    100: "#FDEDD7",
-    200: "#F9D8AF",
-    300: "#F5BB7C",
-    400: "#F09447",
-    500: "#EC7723",
-    600: "#E15F19",
-    700: "#E15F19",
-    800: "#92391A",
-    900: "#763118",
-    950: "#40160A"
-  },
-  yellow: {
-    50: "#F9F2E5",
-    100: "#F5E6BC",
-    200: "#FFE9BC",
-    300: "#FFD174",
-    400: "#F8BE4A",
-    500: "#EAAD30",
-    600: "#D77908",
-    700: "#B2550B",
-    800: "#91420F",
-    900: "#773610",
-    950: "#441B04"
-  },
-  tree: {
-    50: "#F5F3F1",
-    100: "#E5E1DC",
-    200: "#CCC5BC",
-    300: "#AFA395",
-    400: "#978878",
-    500: "#907E6F",
-    600: "#756459",
-    700: "#5F4F49",
-    800: "#524541",
-    900: "#483D3B",
-    950: "#282120"
-  },
-  brown: {
-    50: "#F6F3F0",
-    100: "#F4EDEC",
-    200: "#EBDFDD",
-    300: "#DCC9C5",
-    400: "#C6A9A3",
-    500: "#B08983",
-    600: "#A27E77",
-    700: "#7F5D56",
-    800: "#6A4F4A",
-    900: "#5B4541",
-    950: "#2C1E1C"
-  },
-  lime: {
-    50: "#F7FFE5",
-    100: "#ECFFC7",
-    200: "#D9FF95",
-    300: "#BDFE58",
-    400: "#A1F524",
-    500: "#82DC06",
-    600: "#63B000",
-    700: "#4B8506",
-    800: "#3E690B",
-    900: "#34580F",
-    950: "#193102"
-  },
-  green: {
-    50: "#E7F3EB",
-    100: "#DFF9EA",
-    200: "#CEECDA",
-    300: "#9CD4B3",
-    400: "#6EC092",
-    500: "#3FA46B",
-    600: "#209754",
-    700: "#1E7745",
-    800: "#1D5E3A",
-    900: "#194E32",
-    950: "#082B19"
-  },
-  timberGreen: {
-    50: "#F1FCF5",
-    100: "#DFF9EA",
-    200: "#B5DACD",
-    300: "#8ABFAF",
-    400: "#60A18F",
-    500: "#468675",
-    600: "#366B5F",
-    700: "#2E574D",
-    800: "#2A4641",
-    900: "#1D2F2B",
-    950: "#11221E"
-  },
-  teal: {
-    50: "#E2F1F0",
-    100: "#C9EBE8",
-    200: "#C7E8E5",
-    300: "#8AD0D0",
-    400: "#67C4C4",
-    500: "#39A6A7",
-    600: "#258386",
-    700: "#1B666A",
-    800: "#1A5255",
-    900: "#1A4447",
-    950: "#09272A"
-  },
-  lightBlue: {
-    50: "#F2F8FD",
-    100: "#E3EFFB",
-    200: "#C1E0F6",
-    300: "#8BC6EE",
-    400: "#3DA2E1",
-    500: "#258FD2",
-    600: "#1771B2",
-    700: "#145A90",
-    800: "#154D77",
-    900: "#174163",
-    950: "#062C2D"
-  },
-  sea: {
-    50: "#F4F6FC",
-    100: "#E8EDF6",
-    200: "#CBD9EB",
-    300: "#9FB9DA",
-    400: "#6A93C5",
-    500: "#446FA4",
-    600: "#375D92",
-    700: "#2D4B77",
-    800: "#294163",
-    900: "#263954",
-    950: "#1A2537"
-  },
-  blue: {
-    50: "#F0F6FE",
-    100: "#DDEAFC",
-    200: "#C2DBFB",
-    300: "#98C5F8",
-    400: "#68A7F2",
-    500: "#377CEB",
-    600: "#2F68E1",
-    700: "#2754CE",
-    800: "#20429E",
-    900: "#1C2A52",
-    950: "#061132"
-  },
-  lightPurple: {
-    50: "#F6F5FD",
-    100: "#EEEDFA",
-    200: "#DDDCFD",
-    300: "#BDB9EC",
-    400: "#AAA1E4",
-    500: "#826CE3",
-    600: "#7250D7",
-    700: "#623DC4",
-    800: "#5133A4",
-    900: "#442B87",
-    950: "#291A5B"
-  }
-};
-
-// ../tailwind-config/src/colors/semantic-palette.ts
-var semanticPalette = {
-  primary: {
-    soft: { light: primitivePalette.blue[100], dark: primitivePalette.blue[950] },
-    light: { light: primitivePalette.blue[200], dark: primitivePalette.blue[900] },
-    main: { light: primitivePalette.blue[600], dark: primitivePalette.blue[600] },
-    dark: { light: primitivePalette.blue[800], dark: primitivePalette.blue[500] },
-    strong: { light: primitivePalette.blue[900], dark: primitivePalette.blue[200] }
-  },
-  secondary: {
-    soft: { light: primitivePalette.lightPurple[100], dark: primitivePalette.lightPurple[950] },
-    light: { light: primitivePalette.lightPurple[200], dark: primitivePalette.lightPurple[900] },
-    main: { light: primitivePalette.lightPurple[600], dark: primitivePalette.lightPurple[500] },
-    dark: { light: primitivePalette.lightPurple[800], dark: primitivePalette.lightPurple[700] },
-    strong: { light: primitivePalette.lightPurple[950], dark: primitivePalette.lightPurple[950] }
-  },
-  body: {
-    foreground: { light: primitivePalette.gray.cool[950], dark: primitivePalette.gray.cool[50] },
-    background: { light: primitivePalette.gray.cool[50], dark: primitivePalette.bg["06"] }
-  },
-  neutral: {
-    soft: { light: primitivePalette.gray.cool[100], dark: primitivePalette.gray.cool[900] },
-    light: { light: primitivePalette.gray.cool[200], dark: primitivePalette.gray.cool[700] },
-    main: { light: primitivePalette.gray.cool[400], dark: primitivePalette.gray.cool[400] },
-    dark: { light: primitivePalette.gray.cool[500], dark: primitivePalette.gray.cool[300] },
-    strong: { light: primitivePalette.gray.cool[700], dark: primitivePalette.gray.cool[200] }
-  },
-  trans: {
-    soft: { light: primitivePalette.opacity.black[5], dark: primitivePalette.opacity.white[5] },
-    light: { light: primitivePalette.opacity.black[10], dark: primitivePalette.opacity.white[10] },
-    main: { light: primitivePalette.opacity.black[20], dark: primitivePalette.opacity.white[20] },
-    dark: { light: primitivePalette.opacity.black[30], dark: primitivePalette.opacity.white[30] },
-    strong: { light: primitivePalette.opacity.black[60], dark: primitivePalette.opacity.black[60] }
-  },
-  common: {
-    black: { light: primitivePalette.gray.cool[950], dark: primitivePalette.gray.cool[950] },
-    white: { light: primitivePalette.gray.cool[50], dark: primitivePalette.gray.cool[50] },
-    transparent: { light: primitivePalette.opacity.white["0"], dark: primitivePalette.opacity.black["0"] },
-    hover: { light: primitivePalette.opacity.black[5], dark: primitivePalette.opacity.white[5] }
-  },
-  info: {
-    soft: { light: primitivePalette.teal[50], dark: primitivePalette.teal[950] },
-    light: { light: primitivePalette.teal[100], dark: primitivePalette.teal[900] },
-    main: { light: primitivePalette.teal[500], dark: primitivePalette.teal[500] },
-    dark: { light: primitivePalette.teal[600], dark: primitivePalette.teal[700] },
-    strong: { light: "", dark: "" }
-  },
-  success: {
-    soft: { light: primitivePalette.green[50], dark: primitivePalette.green[950] },
-    light: { light: primitivePalette.green[200], dark: primitivePalette.green[900] },
-    main: { light: primitivePalette.green[500], dark: primitivePalette.green[600] },
-    dark: { light: primitivePalette.green[600], dark: primitivePalette.green[700] },
-    strong: { light: "", dark: "" }
-  },
-  warning: {
-    soft: { light: primitivePalette.yellow[50], dark: primitivePalette.yellow[950] },
-    light: { light: primitivePalette.yellow[100], dark: primitivePalette.yellow[900] },
-    main: { light: primitivePalette.yellow[500], dark: primitivePalette.yellow[600] },
-    dark: { light: primitivePalette.yellow[600], dark: primitivePalette.yellow[700] },
-    strong: { light: "", dark: "" }
-  },
-  danger: {
-    soft: { light: primitivePalette.hotPink[50], dark: primitivePalette.hotPink[950] },
-    light: { light: primitivePalette.hotPink[200], dark: primitivePalette.hotPink[900] },
-    main: { light: primitivePalette.hotPink[500], dark: primitivePalette.hotPink[500] },
-    dark: { light: primitivePalette.hotPink[600], dark: primitivePalette.hotPink[700] },
-    strong: { light: "", dark: "" }
-  }
-};
-
-// ../tailwind-config/src/typography/font.ts
-var fontSize = {
-  h1: [
-    "40px",
-    {
-      fontWeight: "700"
-    }
-  ],
-  h2: [
-    "34px",
-    {
-      fontWeight: "700"
-    }
-  ],
-  h3: [
-    "28px",
-    {
-      fontWeight: "700"
-    }
-  ],
-  h4: [
-    "24px",
-    {
-      fontWeight: "700"
-    }
-  ],
-  h5: [
-    "20px",
-    {
-      fontWeight: "600"
-    }
-  ],
-  sm: [
-    "12px",
-    {
-      lineHeight: "18px",
-      fontWeight: "400"
-    }
-  ],
-  md: [
-    "14px",
-    {
-      lineHeight: "21px",
-      fontWeight: "400"
-    }
-  ],
-  lg: [
-    "16px",
-    {
-      lineHeight: "24px",
-      fontWeight: "400"
-    }
-  ],
-  xl: [
-    "18px",
-    {
-      lineHeight: "27px",
-      fontWeight: "400"
-    }
-  ],
-  "2xl": [
-    "24px",
-    {
-      lineHeight: "36px",
-      fontWeight: "400"
-    }
-  ]
-};
-
-// ../tailwind-config/src/animation/bar.ts
-var barAnimation = {
-  "indeterminate-bar": "indeterminate-bar 1.5s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite normal none running"
-};
-var barKeyframe = {
-  "indeterminate-bar": {
-    "0%": {
-      transform: "translateX(-50%) scaleX(0.2)"
-    },
-    "100%": {
-      transform: "translateX(100%) scaleX(1)"
-    }
-  }
-};
-
-// ../tailwind-config/src/animation/slide.ts
-var sliceAnimation = {
-  slideInFromTop: "slideInFromTop 0.5s ease-out",
-  slideInFromBottom: "slideInFromBottom 0.5s ease-out",
-  slideInFromLeft: "slideInFromLeft 0.5s ease-out",
-  slideInFromRight: "slideInFromRight 0.5s ease-out",
-  slideOutToTop: "slideOutToTop 0.5s ease-in",
-  slideOutToBottom: "slideOutToBottom 0.5s ease-in",
-  slideOutToLeft: "slideOutToLeft 0.5s ease-in",
-  slideOutToRight: "slideOutToRight 0.5s ease-in"
-};
-var sliceKeyframe = {
-  slideInFromTop: {
-    "0%": {
-      transform: "translateY(-10px)",
-      opacity: "0"
-    },
-    "100%": {
-      transform: "translateY(0)",
-      opacity: "1"
-    }
-  },
-  slideInFromBottom: {
-    "0%": {
-      transform: "translateY(10px)",
-      opacity: "0"
-    },
-    "100%": {
-      transform: "translateY(0)",
-      opacity: "1"
-    }
-  },
-  slideInFromLeft: {
-    "0%": {
-      transform: "translateX(-10px)",
-      opacity: "0"
-    },
-    "100%": {
-      transform: "translateX(0)",
-      opacity: "1"
-    }
-  },
-  slideInFromRight: {
-    "0%": {
-      transform: "translateX(10px)",
-      opacity: "0"
-    },
-    "100%": {
-      transform: "translateX(0)",
-      opacity: "1"
-    }
-  },
-  slideOutToTop: {
-    "0%": {
-      transform: "translateY(0)",
-      opacity: "1"
-    },
-    "100%": {
-      transform: "translateY(-10px)",
-      opacity: "0"
-    }
-  },
-  slideOutToBottom: {
-    "0%": {
-      transform: "translateY(0)",
-      opacity: "1"
-    },
-    "100%": {
-      transform: "translateY(10px)",
-      opacity: "0"
-    }
-  },
-  slideOutToLeft: {
-    "0%": {
-      transform: "translateX(0)",
-      opacity: "1"
-    },
-    "100%": {
-      transform: "translateX(-10px)",
-      opacity: "0"
-    }
-  },
-  slideOutToRight: {
-    "0%": {
-      transform: "translateX(0)",
-      opacity: "1"
-    },
-    "100%": {
-      transform: "translateX(10px)",
-      opacity: "0"
-    }
-  }
-};
-
-// ../tailwind-config/src/animation/index.ts
-var animation = { ...sliceAnimation, ...barAnimation };
-var keyframes = { ...sliceKeyframe, ...barKeyframe };
-
-// ../tailwind-config/src/shadow/index.ts
-var boxShadow = {
-  "border-1": "inner 0 0 0 1px inset",
-  "border-2": "inner 0 0 0 2px inset",
-  "border-3": "inner 0 0 0 3px inset",
-  "border-4": "inner 0 0 0 4px inset",
-  "border-5": "inner 0 0 0 5px inset",
-  "border-6": "inner 0 0 0 6px inset",
-  "border-7": "inner 0 0 0 7px inset",
-  "border-8": "inner 0 0 0 8px inset",
-  "border-9": "inner 0 0 0 9px inset",
-  "border-10": "inner 0 0 0 10px inset",
-  inner: "inset 0 4px 8px 0 rgba(36, 39, 44, 0.2)",
-  "inner-sm": "inset 0 4px 8px 0 rgba(0, 0, 0, 0.2)",
-  "inner-md": "inset 0 6px 12px 0 rgba(0, 0, 0, 0.2)",
-  "inner-lg": "inset 0 8px 16px 0 rgba(0, 0, 0, 0.2)",
-  "inner-xl": "inset 0 10px 20px 0 rgba(0, 0, 0, 0.2)",
-  drop: "0 20px 40px 0 rgba(36, 39, 44, 0.2)",
-  "drop-sm": "0 4px 12px 0 rgba(0, 0, 0, 0.1)",
-  "drop-md": "0 6px 18px 0 rgba(0, 0, 0, 0.1)",
-  "drop-lg": "0 8px 24px 0 rgba(0, 0, 0, 0.1)",
-  "drop-xl": "0 0px 60px 0 rgba(0, 0, 0, 0.2)"
-};
-
-// ../tailwind-config/src/border/radius.ts
-var borderRadius = {
-  sm: "4px",
-  md: "6px",
-  lg: "8px",
-  xl: "10px",
-  "2xl": "20px",
-  none: "0",
-  full: "9999px",
-  2: "2px",
-  5: "5px"
-};
-
-// ../tailwind-config/src/border/width.ts
-var borderWidth = {
-  sm: "1px",
-  md: "1.25px",
-  lg: "1.5px",
-  xl: "1.75px"
-};
-
-// ../tailwind-config/src/border/ringWidth.ts
-var ringWidth = {
-  sm: "1px",
-  md: "1.25px",
-  lg: "1.5px",
-  xl: "1.75px",
-  2: "2px",
-  3: "3px",
-  4: "4px",
-  5: "5px"
-};
-
-// ../tailwind-config/src/space/gap.ts
-var gap = {
-  sm: "4px",
-  md: "6px",
-  lg: "8px",
-  xl: "10px",
-  5: "5px",
-  10: "10px",
-  20: "20px",
-  30: "30px"
-};
-
-// ../tailwind-config/src/space/padding.ts
-var padding = {
-  xs: "4px",
-  sm: "6px",
-  md: "8px",
-  lg: "10px",
-  xl: "12px",
-  20: "20px"
-};
-
-// ../tailwind-config/src/utils/color.ts
-var getTransColor = (hex, alpha) => {
-  const bigint = parseInt(hex.slice(1), 16);
-  const r = bigint >> 16 & 255;
-  const g = bigint >> 8 & 255;
-  const b = bigint & 255;
-  return `rgba(${r},${g},${b},${alpha})`;
-};
-
-// ../tailwind-config/src/scrollbar/index.ts
-var scrollbar = {
-  ".scrollbar-hide": {
-    "-ms-overflow-style": "none",
-    // IE/Edge
-    "scrollbar-width": "none",
-    // Firefox
-    "&::-webkit-scrollbar": {
-      display: "none"
-      // Chrome/Safari
-    }
-  },
-  ".scrollbar-sm": {
-    "&::-webkit-scrollbar": {
-      width: "6px",
-      height: "6px"
-    },
-    "&::-webkit-scrollbar-thumb": {
-      backgroundColor: "rgba(0, 0, 0, 0.05)",
-      borderRadius: "100px"
-    },
-    "&::-webkit-scrollbar-track": {
-      backgroundColor: "#F2F3F4"
-    }
-  },
-  ".scrollbar-md": {
-    "&::-webkit-scrollbar": {
-      width: "8px",
-      height: "8px"
-    },
-    "&::-webkit-scrollbar-thumb": {
-      backgroundColor: "rgba(0, 0, 0, 0.05)",
-      borderRadius: "100px"
-    },
-    "&::-webkit-scrollbar-track": {
-      backgroundColor: "#F2F3F4"
-    }
-  },
-  ".scrollbar-lg": {
-    "&::-webkit-scrollbar": {
-      width: "10px",
-      height: "10px"
-    },
-    "&::-webkit-scrollbar-thumb": {
-      backgroundColor: "rgba(0, 0, 0, 0.05)",
-      borderRadius: "100px"
-    },
-    "&::-webkit-scrollbar-track": {
-      backgroundColor: "#F2F3F4"
-    }
-  }
-};
-
-// ../tailwind-config/src/plugin.ts
-var resolveConfig = (themes = {}, defaultTheme, prefix = "dn") => {
-  const resolved = {
-    variants: [],
-    utilities: {},
-    colors: {},
-    boxShadow: {}
-  };
-  for (const [themeName, { extend, colors }] of Object.entries(themes)) {
-    let cssSelector = `.${themeName},[data-theme="${themeName}"]`;
-    const scheme = themeName === "light" || themeName === "dark" ? themeName : extend;
-    if (themeName === defaultTheme) cssSelector = `:root,${cssSelector}`;
-    resolved.utilities[cssSelector] = scheme ? { "color-scheme": scheme } : {};
-    resolved.variants.push({
-      name: themeName,
-      definition: [`&.${themeName}`, `&[data-theme='${themeName}']`]
-    });
-    const flatColors = flattenThemeObject(colors);
-    for (const [colorName, colorValue] of Object.entries(flatColors)) {
-      if (!colorValue) continue;
-      try {
-        const ColorVariable = `--${prefix}-${colorName}`;
-        if (colorValue.includes(",")) {
-          const [hex, alpha] = colorValue.split(",").map((s) => s.trim());
-          if ((hex == null ? void 0 : hex.startsWith("#")) && alpha !== void 0) {
-            const parsedAlpha = parseFloat(alpha);
-            const finalAlpha = isNaN(parsedAlpha) ? 1 : parsedAlpha / 100;
-            const rgbaColor = getTransColor(hex, finalAlpha);
-            resolved.utilities[cssSelector] = {
-              ...resolved.utilities[cssSelector] || {},
-              [ColorVariable]: rgbaColor
-            };
-            resolved.colors[colorName] = () => `var(${ColorVariable})`;
-          }
-        } else {
-          resolved.utilities[cssSelector] = {
-            ...resolved.utilities[cssSelector] || {},
-            [ColorVariable]: colorValue
-          };
-          resolved.colors[colorName] = () => `var(${ColorVariable})`;
-        }
-      } catch (error) {
-        console.error("error", error == null ? void 0 : error.message);
-      }
-    }
-  }
-  resolved.utilities = {
-    ...resolved.utilities,
-    ...scrollbar,
-    ".input-arrow-hide": {
-      "&[type='number']::-webkit-inner-spin-button": {
-        "-webkit-appearance": "none",
-        margin: "0"
-      },
-      "&[type='number']::-webkit-outer-spin-button": {
-        "-webkit-appearance": "none",
-        margin: "0"
-      },
-      "&[type='number']": {
-        "-moz-appearance": "textfield"
-        // Firefox용
-      }
-    }
-  };
-  return resolved;
-};
-var flattenThemeObject = (theme) => {
-  const result = {};
-  for (const [key, value] of Object.entries(theme)) {
-    if (typeof value === "string") {
-      result[key] = value;
-    } else if (typeof value === "object") {
-      for (const [subKey, subValue] of Object.entries(value)) {
-        result[`${key}-${subKey}`] = subValue;
-      }
-    }
-  }
-  return result;
-};
-var deepnoidUi = (colorChip = {}, defaultTheme = "light") => {
-  const lightPalette = {};
-  const darkPalette = {};
-  Object.entries(semanticPalette).forEach(([role, levels]) => {
-    const lightGroup = {};
-    const darkGroup = {};
-    Object.entries(levels).forEach(([level, value]) => {
-      if (value == null ? void 0 : value.light) lightGroup[level] = value.light;
-      if (value == null ? void 0 : value.dark) darkGroup[level] = value.dark;
-    });
-    lightPalette[role] = lightGroup;
-    darkPalette[role] = darkGroup;
-  });
-  Object.entries(colorChip).forEach(([role, levels]) => {
-    const lightGroup = lightPalette[role] || (lightPalette[role] = {});
-    const darkGroup = darkPalette[role] || (darkPalette[role] = {});
-    if (levels) {
-      Object.entries(levels).forEach(([level, value]) => {
-        if (value == null ? void 0 : value.light) lightGroup[level] = value.light;
-        if (value == null ? void 0 : value.dark) darkGroup[level] = value.dark;
-      });
-    }
-  });
-  const themes = {
-    light: { extend: "light", colors: lightPalette },
-    dark: { extend: "dark", colors: darkPalette }
-  };
-  const resolved = resolveConfig(themes, defaultTheme);
-  return (0, import_plugin.default)(
-    ({ addBase, addUtilities, addVariant }) => {
-      addBase({
-        html: {
-          fontFamily: "NanumSquare"
-        },
-        'input[type="time"]::-webkit-calendar-picker-indicator': {
-          display: "none",
-          "-webkit-appearance": "none"
-        },
-        'input[type="date"]::-webkit-calendar-picker-indicator': {
-          display: "none",
-          "-webkit-appearance": "none"
-        }
-      });
-      addUtilities({ ...resolved == null ? void 0 : resolved.utilities });
-      resolved == null ? void 0 : resolved.variants.forEach((variant) => {
-        addVariant(variant.name, variant.definition);
-      });
-    },
-    {
-      theme: {
-        extend: {
-          fontFamily: {
-            NanumSquare: [
-              "NanumSquare",
-              "-apple-system",
-              ".SFNSText-Regular",
-              "San Francisco",
-              "BlinkMacSystemFont",
-              "Segoe UI",
-              "Helvetica Neue",
-              "Helvetica",
-              "Arial",
-              "sans-serif"
-            ]
-          },
-          // @ts-ignore
-          colors: { ...primitivePalette, ...resolved == null ? void 0 : resolved.colors },
-          borderRadius,
-          borderWidth,
-          fontSize,
-          boxShadow,
-          gap,
-          padding,
-          ringWidth,
-          keyframes,
-          animation
-        }
-      }
-    }
-  );
-};
-
-// src/utils/tailwind-variants.ts
-function typedKeys(obj) {
-  return Object.keys(obj);
-}
 var COMMON_SIZE = ["sm", "md", "lg", "xl"];
 var tv = (0, import_tailwind_variants.createTV)({
   twMergeConfig: {
     classGroups: {
-      fontSize: [{ text: [...typedKeys(fontSize)] }],
-      borderRadius: [{ rounded: [...typedKeys(borderRadius)] }],
-      boxShadow: [{ shadow: [...typedKeys(boxShadow)] }],
-      padding: [{ p: [...COMMON_SIZE] }],
-      gap: [{ gap: [...typedKeys(gap)] }],
-      borderWidth: [{ border: [...typedKeys(borderWidth)] }]
+      fontSize: [{ text: ["h1", "h2", "h3", "h4", "h5", "sm", "md", "lg", "xl", "2xl"] }],
+      borderRadius: [{ rounded: ["2", "5", "sm", "md", "lg", "xl", "2xl", "none", "full"] }],
+      boxShadow: [
+        {
+          shadow: [
+            "border-1",
+            "border-2",
+            "border-3",
+            "border-4",
+            "border-5",
+            "border-6",
+            "border-7",
+            "border-8",
+            "border-9",
+            "border-10",
+            "inner",
+            "inner-sm",
+            "inner-md",
+            "inner-lg",
+            "inner-xl",
+            "drop",
+            "drop-sm",
+            "drop-md",
+            "drop-lg",
+            "drop-xl"
+          ]
+        }
+      ],
+      padding: [{ p: COMMON_SIZE }],
+      gap: [{ gap: ["5", "10", "20", "30", "sm", "md", "lg", "xl"] }],
+      borderWidth: [{ border: COMMON_SIZE }]
     }
   }
 });
@@ -1183,7 +298,8 @@ var accordionItem = tv({
       "p-[12px]",
       "bg-transparent",
       "cursor-pointer",
-      "select-none"
+      "select-none",
+      "border-neutral-light"
     ],
     header: ["flex", "justify-between", "items-center", "text-foreground", "gap-[8px]"],
     headerTitle: ["w-full", "font-bold", "text-body-foreground"],
@@ -6438,7 +5554,7 @@ var buttonBaseStyle = tv({
         base: [
           "text-white",
           "bg-primary-main",
-          "hover:[background:linear-gradient(0deg,var(--dn-trans-light)_0%,var(--dn-trans-light)_100%),var(--dn-primary-main)]",
+          "hover:[background:linear-gradient(0deg,var(--color-trans-light)_0%,var(--color-trans-light)_100%),var(--color-primary-main)]",
           "active:bg-primary-dark"
         ]
       }
@@ -6450,7 +5566,7 @@ var buttonBaseStyle = tv({
         base: [
           "text-white",
           "bg-secondary-main",
-          "hover:[background:linear-gradient(0deg,var(--dn-trans-light)_0%,var(--dn-trans-light)_100%),var(--dn-secondary-main)]",
+          "hover:[background:linear-gradient(0deg,var(--color-trans-light)_0%,var(--color-trans-light)_100%),var(--color-secondary-main)]",
           "active:bg-secondary-dark"
         ]
       }
@@ -6462,7 +5578,7 @@ var buttonBaseStyle = tv({
         base: [
           "text-white",
           "bg-neutral-main",
-          "hover:[background:linear-gradient(0deg,var(--dn-trans-light)_0%,var(--dn-trans-light)_100%),var(--dn-neutral-main)]",
+          "hover:[background:linear-gradient(0deg,var(--color-trans-light)_0%,var(--color-trans-light)_100%),var(--color-neutral-main)]",
           "active:bg-neutral-dark"
         ]
       }
@@ -6474,7 +5590,7 @@ var buttonBaseStyle = tv({
         base: [
           "text-white",
           "bg-info-main",
-          "hover:[background:linear-gradient(0deg,var(--dn-trans-light)_0%,var(--dn-trans-light)_100%),var(--dn-info-main)]",
+          "hover:[background:linear-gradient(0deg,var(--color-trans-light)_0%,var(--color-trans-light)_100%),var(--color-info-main)]",
           "active:bg-info-dark"
         ]
       }
@@ -6486,7 +5602,7 @@ var buttonBaseStyle = tv({
         base: [
           "text-white",
           "bg-success-main",
-          "hover:[background:linear-gradient(0deg,var(--dn-trans-light)_0%,var(--dn-trans-light)_100%),var(--dn-success-main)]",
+          "hover:[background:linear-gradient(0deg,var(--color-trans-light)_0%,var(--color-trans-light)_100%),var(--color-success-main)]",
           "active:bg-success-dark"
         ]
       }
@@ -6498,7 +5614,7 @@ var buttonBaseStyle = tv({
         base: [
           "text-white",
           "bg-warning-main",
-          "hover:[background:linear-gradient(0deg,var(--dn-trans-light)_0%,var(--dn-trans-light)_100%),var(--dn-warning-main)]",
+          "hover:[background:linear-gradient(0deg,var(--color-trans-light)_0%,var(--color-trans-light)_100%),var(--color-warning-main)]",
           "active:bg-warning-dark"
         ]
       }
@@ -6510,7 +5626,7 @@ var buttonBaseStyle = tv({
         base: [
           "text-white",
           "bg-danger-main",
-          "hover:[background:linear-gradient(0deg,var(--dn-trans-light)_0%,var(--dn-trans-light)_100%),var(--dn-danger-main)]",
+          "hover:[background:linear-gradient(0deg,var(--color-trans-light)_0%,var(--color-trans-light)_100%),var(--color-danger-main)]",
           "active:bg-danger-dark"
         ]
       }
@@ -9060,19 +8176,13 @@ var paginationStyle = tv(
 // src/components/scroll/scrollArea.tsx
 var import_tailwind_variants17 = require("tailwind-variants");
 var import_jsx_runtime20 = require("react/jsx-runtime");
-var ScrollArea = ({ children, className, direction, size }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: clsx(scrollAreaStyle({ direction, size }), className), children });
+var ScrollArea = ({ children, className, direction, size, variant }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: clsx(scrollAreaStyle({ direction, size, variant }), className), children });
 };
 ScrollArea.displayName = "ScrollArea";
 var scrollArea_default = ScrollArea;
 var scrollAreaStyle = (0, import_tailwind_variants17.tv)({
-  base: [
-    "w-full",
-    "scrollbar-thumb-trans-soft",
-    "hover:scrollbar-thumb-neutral-light",
-    "scrollbar-track-neutral-soft",
-    "scrollbar-button-neutral-main"
-  ],
+  base: ["w-full", "h-full", "tw-scrollbar-base"],
   variants: {
     direction: {
       x: ["overflow-x-auto", "overflow-y-visible"],
@@ -9080,15 +8190,19 @@ var scrollAreaStyle = (0, import_tailwind_variants17.tv)({
       both: ["overflow-auto"]
     },
     size: {
-      sm: ["scrollbar-sm"],
-      // "scrollbar-thin",
-      md: ["scrollbar-md"],
-      lg: ["scrollbar-lg"]
+      sm: ["tw-scrollbar-sm"],
+      md: ["tw-scrollbar-md"],
+      lg: ["tw-scrollbar-lg"]
+    },
+    variant: {
+      plain: ["tw-scrollbar-plain"],
+      adorn: ["tw-scrollbar-adorn"]
     }
   },
   defaultVariants: {
     direction: "both",
-    size: "md"
+    size: "md",
+    variant: "plain"
   }
 });
 
@@ -10035,28 +9149,28 @@ var select = tv({
       variant: "outline",
       size: "sm",
       class: {
-        option: ["hover:shadow-[inset_0_0_0_1px_var(--dn-neutral-light)]"]
+        option: ["hover:shadow-[inset_0_0_0_1px_var(--color-neutral-light)]"]
       }
     },
     {
       variant: "outline",
       size: "md",
       class: {
-        option: ["hover:shadow-[inset_0_0_0_1.25px_var(--dn-neutral-light)]"]
+        option: ["hover:shadow-[inset_0_0_0_1.25px_var(--color-neutral-light)]"]
       }
     },
     {
       variant: "outline",
       size: "lg",
       class: {
-        option: ["hover:shadow-[inset_0_0_0_1.5px_var(--dn-neutral-light)]"]
+        option: ["hover:shadow-[inset_0_0_0_1.5px_var(--color-neutral-light)]"]
       }
     },
     {
       variant: "outline",
       size: "xl",
       class: {
-        option: ["hover:shadow-[inset_0_0_0_1.75px_var(--dn-neutral-light)]"]
+        option: ["hover:shadow-[inset_0_0_0_1.75px_var(--color-neutral-light)]"]
       }
     },
     {
@@ -10064,7 +9178,7 @@ var select = tv({
       size: "sm",
       class: {
         selectWrapper: ["border-b-sm"],
-        option: ["hover:shadow-[inset_0_-1px_0_0_var(--dn-neutral-light)]"]
+        option: ["hover:shadow-[inset_0_-1px_0_0_var(--color-neutral-light)]"]
       }
     },
     {
@@ -10072,7 +9186,7 @@ var select = tv({
       size: "md",
       class: {
         selectWrapper: ["border-b-md"],
-        option: ["hover:shadow-[inset_0_-1.25px_0_0_var(--dn-neutral-light)]"]
+        option: ["hover:shadow-[inset_0_-1.25px_0_0_var(--color-neutral-light)]"]
       }
     },
     {
@@ -10080,7 +9194,7 @@ var select = tv({
       size: "lg",
       class: {
         selectWrapper: ["border-b-lg"],
-        option: ["hover:shadow-[inset_0_-1.5px_0_0_var(--dn-neutral-light)]"]
+        option: ["hover:shadow-[inset_0_-1.5px_0_0_var(--color-neutral-light)]"]
       }
     },
     {
@@ -10088,7 +9202,7 @@ var select = tv({
       size: "xl",
       class: {
         selectWrapper: ["border-b-xl"],
-        option: ["hover:shadow-[inset_0_-1.75px_0_0_var(--dn-neutral-light)]"]
+        option: ["hover:shadow-[inset_0_-1.75px_0_0_var(--color-neutral-light)]"]
       }
     },
     {
@@ -11813,7 +10927,7 @@ var dayStyle = tv({
       selected: { base: ["bg-primary-main", "text-common-white"] },
       disabled: { base: ["pointer-events-none", "bg-common-transparent", "text-neutral-light"] },
       period: { base: ["bg-primary-soft", "rounded-none"] },
-      today: { base: ["shadow-[inset_0_0_0_2px_var(--dn-primary-light)]", "hover:bg-trans-soft"] },
+      today: { base: ["shadow-[inset_0_0_0_2px_var(--color-primary-light)]", "hover:bg-trans-soft"] },
       text: { base: ["text-md"] }
     }
   },
@@ -12387,8 +11501,8 @@ function WheelColumn({ list, value, onChange }) {
     el.scrollTo({ top: idx * ITEM_HEIGHT });
   }, [idx]);
   return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "relative h-[94px] w-[40px]", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "pointer-events-none absolute left-1/2 top-[30px] h-[34px] w-[40px] -translate-x-1/2 rounded-[10px] shadow-[inset_0_0_0_1.5px_var(--dn-primary-light)]" }),
-    /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { ref, className: "scrollbar-none relative h-full select-none overflow-y-scroll py-[0]", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "pointer-events-none absolute top-[30px] left-1/2 h-[34px] w-[40px] -translate-x-1/2 rounded-[10px] shadow-[inset_0_0_0_1.5px_var(--color-primary-light)]" }),
+    /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { ref, className: "scrollbar-none relative h-full overflow-y-scroll py-[0] select-none", children: [
       /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { style: { height: ITEM_HEIGHT } }),
       list.map((v, i) => {
         const highlight = i === idx;
@@ -13724,11 +12838,11 @@ var BarChartComponent = (0, import_react46.forwardRef)((originalProps, ref) => {
     const chartWidth = chartRect.width;
     const tooltipWidth = tooltipRect.width;
     let left = tooltipState.barX - tooltipWidth / 2;
-    const padding2 = 8;
-    if (left < padding2) {
-      left = padding2;
-    } else if (left + tooltipWidth > chartWidth - padding2) {
-      left = chartWidth - tooltipWidth - padding2;
+    const padding = 8;
+    if (left < padding) {
+      left = padding;
+    } else if (left + tooltipWidth > chartWidth - padding) {
+      left = chartWidth - tooltipWidth - padding;
     }
     setTooltipLeft(left);
   }, [tooltipState]);
@@ -14081,11 +13195,11 @@ var SimpleBarChartComponent = (0, import_react48.forwardRef)((originalProps, ref
     const chartWidth = chartRect.width;
     const tooltipWidth = tooltipRect.width;
     let left = tooltipState.barX - tooltipWidth / 2;
-    const padding2 = 8;
-    if (left < padding2) {
-      left = padding2;
-    } else if (left + tooltipWidth > chartWidth - padding2) {
-      left = chartWidth - tooltipWidth - padding2;
+    const padding = 8;
+    if (left < padding) {
+      left = padding;
+    } else if (left + tooltipWidth > chartWidth - padding) {
+      left = chartWidth - tooltipWidth - padding;
     }
     setTooltipLeft(left);
   }, [tooltipState]);
@@ -14267,9 +13381,9 @@ var StarRating = (0, import_react49.forwardRef)((originalProps, ref) => {
           /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
             "div",
             {
-              className: "absolute left-0 top-0 overflow-hidden",
+              className: "absolute top-0 left-0 h-full w-full",
               style: {
-                width: isFull ? "100%" : `${fillPercentage}%`
+                clipPath: isFull ? "none" : `inset(0 ${100 - fillPercentage}% 0 0)`
               },
               children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Icon_default, { name: "star", fill: true, className: filledColor, size })
             }
@@ -14472,11 +13586,11 @@ var sliderStyle = tv({
     color: {
       primary: {
         indicator: ["bg-primary-light"],
-        thumb: ["bg-primary-main", "ring-[color-mix(in_srgb,var(--dn-primary-main)_20%,transparent)]"]
+        thumb: ["bg-primary-main", "ring-[color-mix(in_srgb,var(--color-primary-main)_20%,transparent)]"]
       },
       secondary: {
         indicator: ["bg-secondary-light"],
-        thumb: ["bg-secondary-main", "ring-[color-mix(in_srgb,var(--dn-secondary-main)_20%,transparent)]"]
+        thumb: ["bg-secondary-main", "ring-[color-mix(in_srgb,var(--color-secondary-main)_20%,transparent)]"]
       }
     },
     size: {
@@ -14562,7 +13676,6 @@ var sliderStyle = tv({
   ToastProvider,
   Tooltip,
   Tree,
-  deepnoidUi,
   iconTemplate,
   tv,
   useGlobalModal,