@charstudios/pallet 0.1.0 → 0.2.0

package/dist/styles/variant-toon.css

@@ -0,0 +1,277 @@
+/*
+ * Toon variant skin.
+ *
+ * Soft, elevated, pill-shaped. Controls become rounded pills, surfaces float on
+ * gentle tinted shadows, borders soften, and focus rings glow — applied across
+ * the full shadcn data-slot surface set.
+ */
+
+@layer pallet-variants {
+  [data-pallet-variant="toon"] {
+    --pallet-control-radius: 9999px;
+    --pallet-surface-radius: var(--radius-2xl);
+    --pallet-overlay-radius: var(--radius-xl);
+    --pallet-chip-radius: 9999px;
+    --pallet-surface-shadow: var(--shadow-md);
+    --pallet-overlay-shadow: var(--shadow-lg);
+    --pallet-control-shadow: var(--shadow-sm);
+  }
+
+  /* ── Controls ─────────────────────────────────────────────────────────── */
+  [data-pallet-variant="toon"] :is(
+    [data-slot="button"],
+    [data-slot="input"],
+    [data-slot="select-trigger"],
+    [data-slot="native-select"],
+    [data-slot="native-select-wrapper"],
+    [data-slot="combobox-trigger"],
+    [data-slot="combobox-chip"],
+    [data-slot="combobox-chip-input"],
+    [data-slot="command-input"],
+    [data-slot="input-otp"],
+    [data-slot="input-otp-slot"],
+    [data-slot="input-group"],
+    [data-slot="sidebar-input"],
+    [data-slot="toggle"],
+    [data-slot="toggle-group"],
+    [data-slot="toggle-group-item"],
+    [data-slot="pagination-link"],
+    [data-slot="button-group"],
+    [data-slot="input-group-button"],
+    [data-slot="carousel-previous"],
+    [data-slot="carousel-next"],
+    [data-slot="sidebar-trigger"],
+    [data-slot="sidebar-menu-button"],
+    [data-slot="sidebar-menu-sub-button"],
+    [data-slot="sidebar-group-action"],
+    [data-slot="sidebar-menu-action"],
+    [data-slot="badge"],
+    [data-slot="kbd"],
+    [data-slot="avatar-badge"]
+  ) {
+    border-radius: var(--pallet-control-radius);
+  }
+
+  [data-pallet-variant="toon"] :is(
+    [data-slot="textarea"],
+    [data-slot="calendar"],
+    [data-slot="input-group"],
+    [data-slot="input-otp"]
+  ) {
+    border-radius: var(--radius-lg);
+  }
+
+  [data-pallet-variant="toon"] :is(
+    [data-slot="button"],
+    [data-slot="pagination-link"],
+    [data-slot="carousel-previous"],
+    [data-slot="carousel-next"],
+    [data-slot="sidebar-menu-button"],
+    [data-slot="toggle"],
+    [data-slot="toggle-group-item"]
+  ) {
+    box-shadow: var(--pallet-control-shadow);
+    transition:
+      box-shadow var(--motion-duration) var(--motion-ease),
+      transform var(--motion-duration) var(--motion-ease),
+      background-color var(--motion-duration) var(--motion-ease);
+  }
+
+  [data-pallet-variant="toon"] :is(
+    [data-slot="button"],
+    [data-slot="pagination-link"],
+    [data-slot="carousel-previous"],
+    [data-slot="carousel-next"],
+    [data-slot="sidebar-menu-button"],
+    [data-slot="toggle"],
+    [data-slot="toggle-group-item"]
+  ):hover {
+    box-shadow: var(--shadow-md);
+  }
+
+  [data-pallet-variant="toon"] :is(
+    [data-slot="input"],
+    [data-slot="textarea"],
+    [data-slot="select-trigger"],
+    [data-slot="native-select"],
+    [data-slot="combobox-trigger"],
+    [data-slot="combobox-chip-input"],
+    [data-slot="command-input"],
+    [data-slot="input-otp-slot"],
+    [data-slot="input-group"],
+    [data-slot="sidebar-input"]
+  ) {
+    background-color: var(--input);
+    border-color: transparent;
+  }
+
+  [data-pallet-variant="toon"] :is(
+    [data-slot="input"],
+    [data-slot="textarea"],
+    [data-slot="select-trigger"],
+    [data-slot="native-select"],
+    [data-slot="combobox-trigger"],
+    [data-slot="command-input"],
+    [data-slot="input-otp-slot"],
+    [data-slot="sidebar-input"]
+  ):focus-visible {
+    border-color: var(--ring);
+    box-shadow: 0 0 0 3px color-mix(in oklch, var(--ring) 30%, transparent);
+    outline: none;
+  }
+
+  [data-pallet-variant="toon"] :is(
+    [data-slot="checkbox"],
+    [data-slot="radio-group-item"],
+    [data-slot="switch"],
+    [data-slot="switch-thumb"],
+    [data-slot="slider-track"],
+    [data-slot="slider-range"],
+    [data-slot="slider-thumb"],
+    [data-slot="progress"],
+    [data-slot="progress-indicator"],
+    [data-slot="avatar"],
+    [data-slot="avatar-fallback"],
+    [data-slot="avatar-group"],
+    [data-slot="skeleton"]
+  ) {
+    border-radius: 9999px;
+  }
+
+  [data-pallet-variant="toon"] [data-slot="checkbox"] {
+    border-radius: var(--radius-sm);
+  }
+
+  /* ── Surfaces ─────────────────────────────────────────────────────────── */
+  [data-pallet-variant="toon"] :is(
+    [data-slot="card"],
+    [data-slot="alert"],
+    [data-slot="accordion-item"],
+    [data-slot="tabs-list"],
+    [data-slot="table-container"],
+    [data-slot="item"],
+    [data-slot="item-group"],
+    [data-slot="empty"],
+    [data-slot="field-set"],
+    [data-slot="sidebar"],
+    [data-slot="sidebar-container"],
+    [data-slot="sidebar-inner"],
+    [data-slot="sidebar-group"],
+    [data-slot="carousel"],
+    [data-slot="chart"],
+    [data-slot="scroll-area"],
+    [data-slot="menubar"],
+    [data-slot="navigation-menu-viewport"]
+  ) {
+    border-radius: var(--pallet-surface-radius);
+    box-shadow: var(--pallet-surface-shadow);
+    border-color: var(--pallet-surface-border);
+  }
+
+  [data-pallet-variant="toon"] :is(
+    [data-slot="card"],
+    [data-slot="alert"],
+    [data-slot="item"],
+    [data-slot="empty"],
+    [data-slot="accordion-item"]
+  ) {
+    --tw-ring-color: var(--pallet-surface-border);
+  }
+
+  [data-pallet-variant="toon"] [data-slot="tabs-list"] {
+    background-color: color-mix(in oklch, var(--muted) 80%, transparent);
+    padding: 0.25rem;
+  }
+
+  [data-pallet-variant="toon"] [data-slot="tabs-trigger"] {
+    border-radius: 9999px;
+  }
+
+  [data-pallet-variant="toon"] [data-slot="accordion-trigger"],
+  [data-pallet-variant="toon"] [data-slot="accordion-content"] {
+    border-radius: var(--radius-lg);
+  }
+
+  [data-pallet-variant="toon"] [data-slot="table"] {
+    border-collapse: separate;
+    border-spacing: 0;
+  }
+
+  [data-pallet-variant="toon"] [data-slot="table-head"],
+  [data-pallet-variant="toon"] [data-slot="table-cell"] {
+    border-color: var(--pallet-surface-border);
+  }
+
+  [data-pallet-variant="toon"] [data-slot="table-row"]:hover {
+    background-color: color-mix(in oklch, var(--accent) 55%, transparent);
+  }
+
+  [data-pallet-variant="toon"] :is(
+    [data-slot="breadcrumb-link"],
+    [data-slot="breadcrumb-page"],
+    [data-slot="breadcrumb-ellipsis"],
+    [data-slot="pagination-ellipsis"]
+  ) {
+    border-radius: 9999px;
+  }
+
+  /* ── Overlays / menus / portals ───────────────────────────────────────── */
+  [data-pallet-variant="toon"] :is(
+    [data-slot="popover-content"],
+    [data-slot="dropdown-menu-content"],
+    [data-slot="dropdown-menu-sub-content"],
+    [data-slot="context-menu-content"],
+    [data-slot="context-menu-sub-content"],
+    [data-slot="menubar-content"],
+    [data-slot="menubar-sub-content"],
+    [data-slot="select-content"],
+    [data-slot="combobox-content"],
+    [data-slot="combobox-list"],
+    [data-slot="command"],
+    [data-slot="command-list"],
+    [data-slot="hover-card-content"],
+    [data-slot="tooltip-content"],
+    [data-slot="navigation-menu-content"],
+    [data-slot="dialog-content"],
+    [data-slot="alert-dialog-content"],
+    [data-slot="sheet-content"],
+    [data-slot="drawer-content"]
+  ) {
+    border-radius: var(--pallet-overlay-radius);
+    box-shadow: var(--pallet-overlay-shadow);
+    border-color: var(--pallet-surface-border);
+  }
+
+  [data-pallet-variant="toon"] :is(
+    [data-slot="dialog-overlay"],
+    [data-slot="alert-dialog-overlay"],
+    [data-slot="sheet-overlay"],
+    [data-slot="drawer-overlay"]
+  ) {
+    background-color: color-mix(in oklch, var(--foreground) 35%, transparent);
+    backdrop-filter: blur(2px);
+  }
+
+  [data-pallet-variant="toon"] :is(
+    [data-slot="dropdown-menu-item"],
+    [data-slot="dropdown-menu-checkbox-item"],
+    [data-slot="dropdown-menu-radio-item"],
+    [data-slot="dropdown-menu-sub-trigger"],
+    [data-slot="context-menu-item"],
+    [data-slot="context-menu-checkbox-item"],
+    [data-slot="context-menu-radio-item"],
+    [data-slot="context-menu-sub-trigger"],
+    [data-slot="menubar-item"],
+    [data-slot="menubar-checkbox-item"],
+    [data-slot="menubar-radio-item"],
+    [data-slot="menubar-sub-trigger"],
+    [data-slot="menubar-trigger"],
+    [data-slot="select-item"],
+    [data-slot="combobox-item"],
+    [data-slot="command-item"],
+    [data-slot="navigation-menu-link"],
+    [data-slot="navigation-menu-trigger"]
+  ) {
+    border-radius: 9999px;
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@charstudios/pallet",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "description": "Runtime, hook-driven theming layer for shadcn/ui apps. Full control over colors, fonts, roundness, elevation, spacing and motion, with swappable visual variants.",
   "type": "module",
   "license": "MIT",
@@ -45,7 +45,8 @@
     },
     "./styles": "./dist/styles/index.css",
     "./styles/flat": "./dist/styles/variant-flat.css",
-    "./styles/launch": "./dist/styles/variant-launch.css",
+    "./styles/toon": "./dist/styles/variant-toon.css",
+    "./styles/frosted": "./dist/styles/variant-frosted.css",
     "./styles/base": "./dist/styles/base.css"
   },
   "main": "./dist/index.js",

package/dist/chunk-4GSIZANE.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/presets/flat.ts","../src/presets/launch.ts","../src/presets/index.ts"],"names":["light","dark"],"mappings":"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","file":"chunk-4GSIZANE.js","sourcesContent":["import type { ColorTokens, ThemeConfig } from \"../core/types\";\r\n\r\nconst light: ColorTokens = {\r\n  background: \"oklch(1 0 0)\",\r\n  foreground: \"oklch(0.148 0.004 228.8)\",\r\n  card: \"oklch(1 0 0)\",\r\n  cardForeground: \"oklch(0.148 0.004 228.8)\",\r\n  popover: \"oklch(1 0 0)\",\r\n  popoverForeground: \"oklch(0.148 0.004 228.8)\",\r\n  primary: \"oklch(0.514 0.222 16.935)\",\r\n  primaryForeground: \"oklch(0.969 0.015 12.422)\",\r\n  secondary: \"oklch(0.967 0.001 286.375)\",\r\n  secondaryForeground: \"oklch(0.21 0.006 285.885)\",\r\n  muted: \"oklch(0.963 0.002 197.1)\",\r\n  mutedForeground: \"oklch(0.56 0.021 213.5)\",\r\n  accent: \"oklch(0.963 0.002 197.1)\",\r\n  accentForeground: \"oklch(0.218 0.008 223.9)\",\r\n  destructive: \"oklch(0.577 0.245 27.325)\",\r\n  destructiveForeground: \"oklch(0.985 0 0)\",\r\n  border: \"oklch(0.925 0.005 214.3)\",\r\n  input: \"oklch(0.925 0.005 214.3)\",\r\n  ring: \"oklch(0.723 0.014 214.4)\",\r\n  chart1: \"oklch(0.81 0.117 11.638)\",\r\n  chart2: \"oklch(0.645 0.246 16.439)\",\r\n  chart3: \"oklch(0.586 0.253 17.585)\",\r\n  chart4: \"oklch(0.514 0.222 16.935)\",\r\n  chart5: \"oklch(0.455 0.188 13.697)\",\r\n  sidebar: \"oklch(0.987 0.002 197.1)\",\r\n  sidebarForeground: \"oklch(0.148 0.004 228.8)\",\r\n  sidebarPrimary: \"oklch(0.586 0.253 17.585)\",\r\n  sidebarPrimaryForeground: \"oklch(0.969 0.015 12.422)\",\r\n  sidebarAccent: \"oklch(0.963 0.002 197.1)\",\r\n  sidebarAccentForeground: \"oklch(0.218 0.008 223.9)\",\r\n  sidebarBorder: \"oklch(0.925 0.005 214.3)\",\r\n  sidebarRing: \"oklch(0.723 0.014 214.4)\",\r\n};\r\n\r\nconst dark: ColorTokens = {\r\n  background: \"oklch(0.148 0.004 228.8)\",\r\n  foreground: \"oklch(0.987 0.002 197.1)\",\r\n  card: \"oklch(0.218 0.008 223.9)\",\r\n  cardForeground: \"oklch(0.987 0.002 197.1)\",\r\n  popover: \"oklch(0.218 0.008 223.9)\",\r\n  popoverForeground: \"oklch(0.987 0.002 197.1)\",\r\n  primary: \"oklch(0.455 0.188 13.697)\",\r\n  primaryForeground: \"oklch(0.969 0.015 12.422)\",\r\n  secondary: \"oklch(0.274 0.006 286.033)\",\r\n  secondaryForeground: \"oklch(0.985 0 0)\",\r\n  muted: \"oklch(0.275 0.011 216.9)\",\r\n  mutedForeground: \"oklch(0.723 0.014 214.4)\",\r\n  accent: \"oklch(0.275 0.011 216.9)\",\r\n  accentForeground: \"oklch(0.987 0.002 197.1)\",\r\n  destructive: \"oklch(0.704 0.191 22.216)\",\r\n  destructiveForeground: \"oklch(0.985 0 0)\",\r\n  border: \"oklch(1 0 0 / 10%)\",\r\n  input: \"oklch(1 0 0 / 15%)\",\r\n  ring: \"oklch(0.56 0.021 213.5)\",\r\n  chart1: \"oklch(0.81 0.117 11.638)\",\r\n  chart2: \"oklch(0.645 0.246 16.439)\",\r\n  chart3: \"oklch(0.586 0.253 17.585)\",\r\n  chart4: \"oklch(0.514 0.222 16.935)\",\r\n  chart5: \"oklch(0.455 0.188 13.697)\",\r\n  sidebar: \"oklch(0.17 0.006 228.8)\",\r\n  sidebarForeground: \"oklch(0.987 0.002 197.1)\",\r\n  sidebarPrimary: \"oklch(0.514 0.222 16.935)\",\r\n  sidebarPrimaryForeground: \"oklch(0.969 0.015 12.422)\",\r\n  sidebarAccent: \"oklch(0.24 0.008 228.8)\",\r\n  sidebarAccentForeground: \"oklch(0.987 0.002 197.1)\",\r\n  sidebarBorder: \"oklch(1 0 0 / 10%)\",\r\n  sidebarRing: \"oklch(0.56 0.021 213.5)\",\r\n};\r\n\r\n/**\r\n * The \"flat\" preset: crisp hairline borders, minimal shadows, tighter radius.\r\n * Mirrors the default Quill look and serves as the baseline variant.\r\n */\r\nexport const flat: ThemeConfig = {\r\n  name: \"flat\",\r\n  variant: \"flat\",\r\n  colors: { light, dark },\r\n  typography: {\r\n    sans: 'ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif',\r\n    heading:\r\n      'ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif',\r\n    mono: 'ui-monospace, SFMono-Regular, Menlo, Consolas, \"Liberation Mono\", monospace',\r\n    googleFonts: [],\r\n  },\r\n  radius: {\r\n    base: \"0.45rem\",\r\n  },\r\n  elevation: {\r\n    shadows: {\r\n      xs: \"0 1px 2px 0 oklch(0 0 0 / 0.04)\",\r\n      sm: \"0 1px 3px 0 oklch(0 0 0 / 0.06), 0 1px 2px -1px oklch(0 0 0 / 0.06)\",\r\n      md: \"0 2px 6px -1px oklch(0 0 0 / 0.07), 0 1px 4px -2px oklch(0 0 0 / 0.06)\",\r\n      lg: \"0 8px 16px -4px oklch(0 0 0 / 0.08), 0 2px 6px -2px oklch(0 0 0 / 0.06)\",\r\n      xl: \"0 16px 32px -8px oklch(0 0 0 / 0.10), 0 4px 10px -4px oklch(0 0 0 / 0.06)\",\r\n    },\r\n    borderStrength: 0.1,\r\n    level: \"none\",\r\n  },\r\n  density: {\r\n    spacing: \"0.25rem\",\r\n    scale: 1,\r\n  },\r\n  motion: {\r\n    duration: 200,\r\n    easing: \"cubic-bezier(0.22, 1, 0.36, 1)\",\r\n    intensity: 1,\r\n  },\r\n};\r\n","import type { ColorTokens, ThemeConfig } from \"../core/types\";\r\n\r\n/**\r\n * Light palette from the Launch reference: airy off-white surfaces, near\r\n * borderless inputs, and a soft periwinkle primary with a brighter blue focus\r\n * ring.\r\n */\r\nconst light: ColorTokens = {\r\n  background: \"oklch(0.98 0.003 264)\",\r\n  foreground: \"oklch(0.21 0.03 264)\",\r\n  card: \"oklch(1 0 0)\",\r\n  cardForeground: \"oklch(0.21 0.03 264)\",\r\n  popover: \"oklch(1 0 0)\",\r\n  popoverForeground: \"oklch(0.21 0.03 264)\",\r\n  primary: \"oklch(0.7 0.11 264)\",\r\n  primaryForeground: \"oklch(0.99 0.002 264)\",\r\n  secondary: \"oklch(0.965 0.006 264)\",\r\n  secondaryForeground: \"oklch(0.3 0.03 264)\",\r\n  muted: \"oklch(0.965 0.006 264)\",\r\n  mutedForeground: \"oklch(0.55 0.03 264)\",\r\n  accent: \"oklch(0.95 0.03 264)\",\r\n  accentForeground: \"oklch(0.42 0.11 264)\",\r\n  destructive: \"oklch(0.62 0.22 25)\",\r\n  destructiveForeground: \"oklch(0.99 0 0)\",\r\n  border: \"oklch(0.92 0.008 264)\",\r\n  input: \"oklch(0.965 0.006 264)\",\r\n  ring: \"oklch(0.6 0.19 264)\",\r\n  chart1: \"oklch(0.7 0.11 264)\",\r\n  chart2: \"oklch(0.62 0.15 264)\",\r\n  chart3: \"oklch(0.55 0.19 264)\",\r\n  chart4: \"oklch(0.72 0.1 210)\",\r\n  chart5: \"oklch(0.68 0.13 300)\",\r\n  sidebar: \"oklch(0.985 0.003 264)\",\r\n  sidebarForeground: \"oklch(0.21 0.03 264)\",\r\n  sidebarPrimary: \"oklch(0.7 0.11 264)\",\r\n  sidebarPrimaryForeground: \"oklch(0.99 0.002 264)\",\r\n  sidebarAccent: \"oklch(0.95 0.03 264)\",\r\n  sidebarAccentForeground: \"oklch(0.42 0.11 264)\",\r\n  sidebarBorder: \"oklch(0.92 0.008 264)\",\r\n  sidebarRing: \"oklch(0.6 0.19 264)\",\r\n};\r\n\r\n/** Dark palette: deep desaturated navy with the same periwinkle accent. */\r\nconst dark: ColorTokens = {\r\n  background: \"oklch(0.19 0.02 264)\",\r\n  foreground: \"oklch(0.97 0.005 264)\",\r\n  card: \"oklch(0.23 0.024 264)\",\r\n  cardForeground: \"oklch(0.97 0.005 264)\",\r\n  popover: \"oklch(0.23 0.024 264)\",\r\n  popoverForeground: \"oklch(0.97 0.005 264)\",\r\n  primary: \"oklch(0.72 0.12 264)\",\r\n  primaryForeground: \"oklch(0.16 0.03 264)\",\r\n  secondary: \"oklch(0.28 0.02 264)\",\r\n  secondaryForeground: \"oklch(0.97 0.005 264)\",\r\n  muted: \"oklch(0.28 0.02 264)\",\r\n  mutedForeground: \"oklch(0.72 0.02 264)\",\r\n  accent: \"oklch(0.32 0.05 264)\",\r\n  accentForeground: \"oklch(0.9 0.05 264)\",\r\n  destructive: \"oklch(0.7 0.19 22)\",\r\n  destructiveForeground: \"oklch(0.99 0 0)\",\r\n  border: \"oklch(1 0 0 / 10%)\",\r\n  input: \"oklch(1 0 0 / 12%)\",\r\n  ring: \"oklch(0.65 0.17 264)\",\r\n  chart1: \"oklch(0.72 0.12 264)\",\r\n  chart2: \"oklch(0.64 0.15 264)\",\r\n  chart3: \"oklch(0.58 0.18 264)\",\r\n  chart4: \"oklch(0.74 0.1 210)\",\r\n  chart5: \"oklch(0.7 0.13 300)\",\r\n  sidebar: \"oklch(0.21 0.022 264)\",\r\n  sidebarForeground: \"oklch(0.97 0.005 264)\",\r\n  sidebarPrimary: \"oklch(0.72 0.12 264)\",\r\n  sidebarPrimaryForeground: \"oklch(0.16 0.03 264)\",\r\n  sidebarAccent: \"oklch(0.32 0.05 264)\",\r\n  sidebarAccentForeground: \"oklch(0.9 0.05 264)\",\r\n  sidebarBorder: \"oklch(1 0 0 / 10%)\",\r\n  sidebarRing: \"oklch(0.65 0.17 264)\",\r\n};\r\n\r\n/**\r\n * The \"launch\" preset: soft, elevated, and pill-shaped. Large radius, gentle\r\n * layered shadows, subtle borders and a little extra breathing room. Pairs with\r\n * `styles/variant-launch.css` which rounds controls into pills.\r\n */\r\nexport const launch: ThemeConfig = {\r\n  name: \"launch\",\r\n  variant: \"launch\",\r\n  colors: { light, dark },\r\n  typography: {\r\n    sans: '\"Inter\", ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", Roboto, sans-serif',\r\n    heading:\r\n      '\"Plus Jakarta Sans\", \"Inter\", ui-sans-serif, system-ui, -apple-system, sans-serif',\r\n    mono: 'ui-monospace, SFMono-Regular, Menlo, Consolas, \"Liberation Mono\", monospace',\r\n    googleFonts: [\"Inter\", \"Plus Jakarta Sans\"],\r\n  },\r\n  radius: {\r\n    base: \"1.25rem\",\r\n    // A slightly gentler ramp so large elements do not over-round.\r\n    scale: {\r\n      sm: 0.4,\r\n      md: 0.6,\r\n      lg: 1,\r\n      xl: 1.2,\r\n      \"2xl\": 1.5,\r\n      \"3xl\": 1.8,\r\n      \"4xl\": 2.2,\r\n    },\r\n  },\r\n  elevation: {\r\n    shadows: {\r\n      xs: \"0 1px 2px 0 oklch(0.55 0.19 264 / 0.06)\",\r\n      sm: \"0 2px 8px -2px oklch(0.55 0.19 264 / 0.10), 0 1px 3px -1px oklch(0 0 0 / 0.05)\",\r\n      md: \"0 6px 20px -6px oklch(0.55 0.19 264 / 0.16), 0 2px 6px -2px oklch(0 0 0 / 0.06)\",\r\n      lg: \"0 14px 34px -10px oklch(0.55 0.19 264 / 0.20), 0 4px 10px -4px oklch(0 0 0 / 0.07)\",\r\n      xl: \"0 24px 56px -16px oklch(0.55 0.19 264 / 0.26), 0 8px 18px -8px oklch(0 0 0 / 0.08)\",\r\n    },\r\n    borderStrength: 0.5,\r\n    level: \"md\",\r\n  },\r\n  density: {\r\n    spacing: \"0.26rem\",\r\n    scale: 1.1,\r\n  },\r\n  motion: {\r\n    duration: 240,\r\n    easing: \"cubic-bezier(0.22, 1, 0.36, 1)\",\r\n    intensity: 1,\r\n  },\r\n};\r\n","import type { ThemeConfig, VariantName } from \"../core/types\";\r\nimport { flat } from \"./flat\";\r\nimport { launch } from \"./launch\";\r\n\r\nexport { flat } from \"./flat\";\r\nexport { launch } from \"./launch\";\r\n\r\n/** All built-in presets, keyed by name. */\r\nexport const presets = {\r\n  flat,\r\n  launch,\r\n} satisfies Record<string, ThemeConfig>;\r\n\r\nexport type PresetName = keyof typeof presets;\r\n\r\n/** Returns a built-in preset by name, or undefined if it is not registered. */\r\nexport function getPreset(name: VariantName): ThemeConfig | undefined {\r\n  return (presets as Record<string, ThemeConfig>)[name];\r\n}\r\n\r\n/** The default preset used when none is specified. */\r\nexport const defaultPreset: ThemeConfig = flat;\r\n"]}

package/dist/styles/variant-launch.css

@@ -1,75 +0,0 @@
-/*
- * Launch variant skin.
- *
- * Soft, elevated and pill-shaped. Controls (buttons, inputs, selects) become
- * fully rounded pills, cards float on gentle tinted shadows, borders soften,
- * and focus rings glow. Designed to pair with the `launch` preset tokens.
- */
-
-@layer pallet-variants {
-  /* Pill-shaped interactive controls. */
-  [data-pallet-variant="launch"] [data-slot="button"],
-  [data-pallet-variant="launch"] [data-slot="input"],
-  [data-pallet-variant="launch"] [data-slot="textarea"],
-  [data-pallet-variant="launch"] [data-slot="select-trigger"] {
-    border-radius: 9999px;
-  }
-
-  /* Textareas stay readable rather than becoming a full pill. */
-  [data-pallet-variant="launch"] [data-slot="textarea"] {
-    border-radius: var(--radius-lg);
-  }
-
-  /* Soft, tactile buttons with a gentle lift. */
-  [data-pallet-variant="launch"] [data-slot="button"] {
-    box-shadow: var(--shadow-sm);
-    transition:
-      box-shadow var(--motion-duration) var(--motion-ease),
-      transform var(--motion-duration) var(--motion-ease),
-      background-color var(--motion-duration) var(--motion-ease);
-  }
-
-  [data-pallet-variant="launch"] [data-slot="button"]:hover {
-    box-shadow: var(--shadow-md);
-  }
-
-  /* Near-borderless, filled inputs with a soft inner surface. */
-  [data-pallet-variant="launch"] [data-slot="input"],
-  [data-pallet-variant="launch"] [data-slot="textarea"],
-  [data-pallet-variant="launch"] [data-slot="select-trigger"] {
-    background-color: var(--input);
-    border-color: transparent;
-  }
-
-  /* Glowing focus ring. */
-  [data-pallet-variant="launch"] [data-slot="input"]:focus-visible,
-  [data-pallet-variant="launch"] [data-slot="textarea"]:focus-visible,
-  [data-pallet-variant="launch"] [data-slot="select-trigger"]:focus-visible {
-    border-color: var(--ring);
-    box-shadow: 0 0 0 3px color-mix(in oklch, var(--ring) 30%, transparent);
-    outline: none;
-  }
-
-  /* Floating, softly elevated cards with subtle borders. */
-  [data-pallet-variant="launch"] [data-slot="card"] {
-    border-radius: var(--radius-2xl);
-    box-shadow: var(--shadow-md);
-    --tw-ring-color: var(--pallet-surface-border);
-  }
-
-  /* Elevated overlays. */
-  [data-pallet-variant="launch"] [data-slot="popover"],
-  [data-pallet-variant="launch"] [data-slot="dropdown-menu-content"],
-  [data-pallet-variant="launch"] [data-slot="select-content"],
-  [data-pallet-variant="launch"] [data-slot="dialog-content"],
-  [data-pallet-variant="launch"] [data-slot="sheet-content"] {
-    border-radius: var(--radius-xl);
-    box-shadow: var(--shadow-lg);
-    border-color: var(--pallet-surface-border);
-  }
-
-  /* Rounded, airy badges. */
-  [data-pallet-variant="launch"] [data-slot="badge"] {
-    border-radius: 9999px;
-  }
-}