@privateers/ui 0.3.18 → 0.3.20

package/dist/styles/brands/dis-creadis.css

@@ -21,13 +21,14 @@
  */
 
 :root .brand-dis-creadis,
-.brand-dis-creadis {
+.brand-dis-creadis,
+html.brand-dis-creadis {
   /* Typography - TT Commons for DIS/CREADIS brand */
   --font-sans: "TT Commons", ui-sans-serif, system-ui, sans-serif;
   --font-mono: "JetBrains Mono", ui-monospace, monospace;
 
   /* Base colors - Slate */
-  --background: oklch(0.3644 0.029 220.58 / 10%);
+  --background: oklch(0.8443 0.003 220.58);
   --foreground: oklch(0.15 0.015 250);
 
   /* Card */
@@ -58,8 +59,8 @@
   --destructive: oklch(0.6632 0.1875 333.2);
 
   /* Border & Input */
-  --border: oklch(0.90 0.008 250);
-  --input: oklch(0.90 0.008 250);
+  --border: oklch(0.75 0.008 250);
+  --input: oklch(0.75 0.008 250);
   --ring: oklch(0.50 0.12 250);
 
   /* Chart colors - Blue to Teal gradient */
@@ -69,8 +70,8 @@
   --chart-4: oklch(0.50 0.15 200);
   --chart-5: oklch(0.55 0.15 185);
 
-  /* Border radius - Slightly smaller for professional look */
-  --radius: 0.0rem;
+  /* Border radius - Subtle rounding for professional look */
+  --radius: 0.5rem;
 
   /* Sidebar */
   --sidebar: oklch(0.98 0.002 250);
@@ -83,11 +84,24 @@
   --sidebar-ring: oklch(0.50 0.12 250);
 }
 
+/*
+ * Light mode only: semi-transparent white background on input elements and outline buttons.
+ * The :not(.dark *) guard ensures this does not leak into dark mode where it would produce
+ * white-on-white (near-illegible inputs, outline buttons, pagination).
+ */
+:root .brand-dis-creadis :is([data-slot="input"], [data-slot="textarea"], [data-slot="select-trigger"], [data-slot="input-group"], [data-slot="combobox-chips"], [data-slot="button"][data-variant="outline"], [data-slot="pagination-link"][data-variant="outline"]):not(.dark *),
+.brand-dis-creadis :is([data-slot="input"], [data-slot="textarea"], [data-slot="select-trigger"], [data-slot="input-group"], [data-slot="combobox-chips"], [data-slot="button"][data-variant="outline"], [data-slot="pagination-link"][data-variant="outline"]):not(.dark *),
+html.brand-dis-creadis :is([data-slot="input"], [data-slot="textarea"], [data-slot="select-trigger"], [data-slot="input-group"], [data-slot="combobox-chips"], [data-slot="button"][data-variant="outline"], [data-slot="pagination-link"][data-variant="outline"]):not(.dark *) {
+  background-color: oklch(1 0 0 / 70%);
+}
+
 /* Dark mode for DIS/CREADIS */
 .dark .brand-dis-creadis,
 .brand-dis-creadis.dark,
 .dark.brand-dis-creadis,
-.brand-dis-creadis .dark {
+.brand-dis-creadis .dark,
+html.brand-dis-creadis.dark,
+html.dark.brand-dis-creadis {
   /* Base colors */
   /* --background: oklch(0.15 0.015 250); */
  /* --background: oklch(0.3103 0.0503 157.05); */
@@ -110,9 +124,10 @@
   --secondary: oklch(0.3644 0.029 220.58);
   --secondary-foreground: oklch(0.95 0.005 250);
 
-  /* Muted */
-  --muted: oklch(0.25 0.015 250);
-  --muted-foreground: oklch(0.65 0.010 250);
+  /* Muted — lightness bumped from 0.25 to 0.33 so surfaces like TabsList / AlertDialogMedia
+     have visible contrast against --background (0.2368) in dark mode. */
+  --muted: oklch(0.33 0.015 250);
+  --muted-foreground: oklch(0.72 0.010 250);
 
   /* Accent - Brighter for dark mode */
   --accent: oklch(0.9196 0.0046 78.3);

package/dist/styles/brands/m-plus.css

@@ -12,7 +12,8 @@
  */
 
 :root .brand-m-plus,
-.brand-m-plus {
+.brand-m-plus,
+html.brand-m-plus {
   /* Typography - Mulish for M+ brand */
   --font-sans: "Mulish", sans-serif;
   --font-mono: "Geist Mono", ui-monospace, monospace;
@@ -78,7 +79,9 @@
 .dark .brand-m-plus,
 .brand-m-plus.dark,
 .dark.brand-m-plus,
-.brand-m-plus .dark {
+.brand-m-plus .dark,
+html.brand-m-plus.dark,
+html.dark.brand-m-plus {
   /* Base colors */
   --background: oklch(0.3541 0.0428 179.14);
   --foreground: oklch(0.985 0 0);

package/dist/styles/brands/retur.css

@@ -0,0 +1,152 @@
+/*
+ * Retur Brand Theme
+ *
+ * Typography:
+ *   - Headlines: Oswald, bold (700), sans-serif
+ *   - Body: Open Sans, regular (400), sans-serif
+ *
+ * Colors:
+ *   - Primary green: #68745D
+ *   - Accent gold: #D9AD44
+ *   - Text primary: #444444
+ *   - Text dark: #141414
+ *   - Background light: #F4F4F4
+ *   - Border/divider: #D6D6D6
+ *   - Link blue: #2A4EEF
+ *
+ * Buttons:
+ *   - Border-radius: 0px (sharp corners)
+ *   - CTA buttons use gold color (#D9AD44)
+ *
+ * Usage:
+ *   @import '@privateers/ui/styles/brands/retur.css';
+ *
+ * Or apply the class to a container:
+ *   <div class="brand-retur">...</div>
+ */
+
+:root .brand-retur,
+.brand-retur,
+html.brand-retur {
+  /* Typography - Open Sans for body, Oswald for headings */
+  --font-sans: "Open Sans", sans-serif;
+  --font-heading: "Oswald", sans-serif;
+  --font-mono: "Geist Mono", ui-monospace, monospace;
+
+  /* Base colors */
+  --background: oklch(0.9608 0 0); /* #F4F4F4 */
+  --foreground: oklch(0.3373 0 0); /* #444444 */
+
+  /* Card */
+  --card: oklch(1 0 0); /* white */
+  --card-foreground: oklch(0.3373 0 0); /* #444444 */
+
+  /* Popover */
+  --popover: oklch(1 0 0);
+  --popover-foreground: oklch(0.3373 0 0);
+
+  /* Primary - Green #68745D */
+  --primary: oklch(0.4941 0.0353 128.86);
+  --primary-foreground: oklch(1 0 0);
+
+  /* Secondary */
+  --secondary: oklch(0.9608 0 0);
+  --secondary-foreground: oklch(0.3373 0 0);
+
+  /* Muted */
+  --muted: oklch(0.9608 0 0);
+  --muted-foreground: oklch(0.4667 0 0);
+
+  /* Accent - Gold #D9AD44 */
+  --accent: oklch(0.7647 0.1176 85.87);
+  --accent-foreground: oklch(0.1569 0 0); /* #141414 */
+
+  /* Destructive */
+  --destructive: oklch(0.5772 0.245 27.325);
+
+  /* Border & Input - #D6D6D6 */
+  --border: oklch(0.8549 0 0);
+  --input: oklch(0.8549 0 0);
+  --ring: oklch(0.4941 0.0353 128.86); /* primary green */
+
+  /* Chart colors */
+  --chart-1: oklch(0.4941 0.0353 128.86); /* green */
+  --chart-2: oklch(0.7647 0.1176 85.87); /* gold */
+  --chart-3: oklch(0.5569 0.2039 262.88); /* blue #2A4EEF */
+  --chart-4: oklch(0.3373 0 0);
+  --chart-5: oklch(0.8549 0 0);
+
+  /* Border radius - rounded corners */
+  --radius: 1.2rem;
+
+  /* Sidebar */
+  --sidebar: oklch(1 0 0);
+  --sidebar-foreground: oklch(0.3373 0 0);
+  --sidebar-primary: oklch(0.4941 0.0353 128.86);
+  --sidebar-primary-foreground: oklch(1 0 0);
+  --sidebar-accent: oklch(0.7647 0.1176 85.87);
+  --sidebar-accent-foreground: oklch(0.1569 0 0);
+  --sidebar-border: oklch(0.8549 0 0);
+  --sidebar-ring: oklch(0.4941 0.0353 128.86);
+}
+
+/* Dark mode for Retur */
+.dark .brand-retur,
+.brand-retur.dark,
+.dark.brand-retur,
+.brand-retur .dark,
+html.brand-retur.dark,
+html.dark.brand-retur {
+  /* Base colors */
+  --background: oklch(0.1569 0 0); /* #141414 */
+  --foreground: oklch(0.9608 0 0); /* #F4F4F4 */
+
+  /* Card */
+  --card: oklch(0.22 0 0);
+  --card-foreground: oklch(0.9608 0 0);
+
+  /* Popover */
+  --popover: oklch(0.22 0 0);
+  --popover-foreground: oklch(0.9608 0 0);
+
+  /* Primary - Green #68745D */
+  --primary: oklch(0.5541 0.0453 128.86);
+  --primary-foreground: oklch(1 0 0);
+
+  /* Secondary */
+  --secondary: oklch(0.25 0 0);
+  --secondary-foreground: oklch(0.9608 0 0);
+
+  /* Muted */
+  --muted: oklch(0.25 0 0);
+  --muted-foreground: oklch(0.6667 0 0);
+
+  /* Accent - Gold #D9AD44 */
+  --accent: oklch(0.7647 0.1176 85.87);
+  --accent-foreground: oklch(0.1569 0 0);
+
+  /* Destructive */
+  --destructive: oklch(0.704 0.191 22.216);
+
+  /* Border & Input */
+  --border: oklch(0.35 0 0);
+  --input: oklch(0.35 0 0);
+  --ring: oklch(0.5541 0.0453 128.86);
+
+  /* Chart colors */
+  --chart-1: oklch(0.5541 0.0453 128.86);
+  --chart-2: oklch(0.7647 0.1176 85.87);
+  --chart-3: oklch(0.6069 0.2039 262.88);
+  --chart-4: oklch(0.9608 0 0);
+  --chart-5: oklch(0.35 0 0);
+
+  /* Sidebar */
+  --sidebar: oklch(0.18 0 0);
+  --sidebar-foreground: oklch(0.9608 0 0);
+  --sidebar-primary: oklch(0.5541 0.0453 128.86);
+  --sidebar-primary-foreground: oklch(1 0 0);
+  --sidebar-accent: oklch(0.7647 0.1176 85.87);
+  --sidebar-accent-foreground: oklch(0.1569 0 0);
+  --sidebar-border: oklch(0.35 0 0);
+  --sidebar-ring: oklch(0.5541 0.0453 128.86);
+}

package/dist/styles/library.css

@@ -0,0 +1,70 @@
+/*
+ * Privateers Design System — Library entry point
+ * Import this in consuming apps (not index.css).
+ * index.css is for use inside the monorepo's Storybook only.
+ *
+ * Consuming app is responsible for:
+ * - @import "tailwindcss" (or equivalent Tailwind setup)
+ * - Font imports (Figtree, Geist Mono)
+ */
+
+@import "./tokens.css";
+
+@custom-variant dark (&:is(.dark *));
+
+@theme inline {
+  --color-background: var(--background);
+  --color-foreground: var(--foreground);
+  --font-sans: var(--font-sans);
+  --font-mono: var(--font-mono);
+  --color-sidebar-ring: var(--sidebar-ring);
+  --color-sidebar-border: var(--sidebar-border);
+  --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
+  --color-sidebar-accent: var(--sidebar-accent);
+  --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
+  --color-sidebar-primary: var(--sidebar-primary);
+  --color-sidebar-foreground: var(--sidebar-foreground);
+  --color-sidebar: var(--sidebar);
+  --color-chart-5: var(--chart-5);
+  --color-chart-4: var(--chart-4);
+  --color-chart-3: var(--chart-3);
+  --color-chart-2: var(--chart-2);
+  --color-chart-1: var(--chart-1);
+  --color-ring: var(--ring);
+  --color-input: var(--input);
+  --color-border: var(--border);
+  --color-overlay: var(--overlay);
+  --color-destructive: var(--destructive);
+  --color-accent-foreground: var(--accent-foreground);
+  --color-accent: var(--accent);
+  --color-muted-foreground: var(--muted-foreground);
+  --color-muted: var(--muted);
+  --color-secondary-foreground: var(--secondary-foreground);
+  --color-secondary: var(--secondary);
+  --color-primary-foreground: var(--primary-foreground);
+  --color-primary: var(--primary);
+  --color-popover-foreground: var(--popover-foreground);
+  --color-popover: var(--popover);
+  --color-card-foreground: var(--card-foreground);
+  --color-card: var(--card);
+  --radius-sm: calc(var(--radius) - 4px);
+  --radius-md: calc(var(--radius) - 2px);
+  --radius-lg: var(--radius);
+  --radius-xl: calc(var(--radius) + 4px);
+  --radius-2xl: calc(var(--radius) + 8px);
+  --radius-3xl: calc(var(--radius) + 12px);
+  --radius-4xl: calc(var(--radius) + 16px);
+}
+
+@layer base {
+  * {
+    @apply border-border outline-ring/50;
+  }
+  body {
+    @apply bg-background text-foreground antialiased;
+    font-family: var(--font-sans);
+  }
+  code, pre, kbd, samp {
+    font-family: var(--font-mono);
+  }
+}

package/dist/styles/tokens.css

@@ -45,6 +45,10 @@
   --input: oklch(0.92 0.004 286.32);
   --ring: oklch(0.705 0.015 286.067);
 
+  /* Overlay — used by dialog/sheet/alert-dialog scrims. Components apply
+     opacity via Tailwind (bg-overlay/50 etc), so the token carries only the base color. */
+  --overlay: oklch(0 0 0);
+
   /* Chart colors */
   --chart-1: oklch(0.79 0.10 275);
   --chart-2: oklch(0.68 0.16 277);
@@ -103,6 +107,10 @@
   --input: oklch(1 0 0 / 15%);
   --ring: oklch(0.552 0.016 285.938);
 
+  /* Overlay — kept black in dark mode; dialog surfaces carry their own lighter
+     --background/ring so the scrim still reads as "dim". */
+  --overlay: oklch(0 0 0);
+
   /* Chart colors */
   --chart-1: oklch(0.79 0.10 275);
   --chart-2: oklch(0.68 0.16 277);

package/dist/tailwind/preset.cjs

@@ -43,6 +43,7 @@ var privateersPreset = {
         border: "var(--border)",
         input: "var(--input)",
         ring: "var(--ring)",
+        overlay: "var(--overlay)",
         chart: {
           1: "var(--chart-1)",
           2: "var(--chart-2)",

package/dist/tailwind/preset.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/tailwind/preset.ts"],"names":[],"mappings":"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","file":"preset.cjs","sourcesContent":["import type { Config } from \"tailwindcss\"\n\n/**\n * Privateers Design System Tailwind Preset\n *\n * Use this preset in your tailwind.config.ts:\n *\n * ```ts\n * import { privateersPreset } from '@privateers/ui/tailwind/preset'\n *\n * export default {\n *   presets: [privateersPreset],\n *   // ... your config\n * }\n * ```\n */\nexport const privateersPreset: Partial<Config> = {\n  theme: {\n    extend: {\n      fontFamily: {\n        sans: [\"var(--font-sans)\"],\n        mono: [\"var(--font-mono)\"],\n      },\n      colors: {\n        background: \"var(--background)\",\n        foreground: \"var(--foreground)\",\n        card: {\n          DEFAULT: \"var(--card)\",\n          foreground: \"var(--card-foreground)\",\n        },\n        popover: {\n          DEFAULT: \"var(--popover)\",\n          foreground: \"var(--popover-foreground)\",\n        },\n        primary: {\n          DEFAULT: \"var(--primary)\",\n          foreground: \"var(--primary-foreground)\",\n        },\n        secondary: {\n          DEFAULT: \"var(--secondary)\",\n          foreground: \"var(--secondary-foreground)\",\n        },\n        muted: {\n          DEFAULT: \"var(--muted)\",\n          foreground: \"var(--muted-foreground)\",\n        },\n        accent: {\n          DEFAULT: \"var(--accent)\",\n          foreground: \"var(--accent-foreground)\",\n        },\n        destructive: {\n          DEFAULT: \"var(--destructive)\",\n        },\n        border: \"var(--border)\",\n        input: \"var(--input)\",\n        ring: \"var(--ring)\",\n        chart: {\n          1: \"var(--chart-1)\",\n          2: \"var(--chart-2)\",\n          3: \"var(--chart-3)\",\n          4: \"var(--chart-4)\",\n          5: \"var(--chart-5)\",\n        },\n        sidebar: {\n          DEFAULT: \"var(--sidebar)\",\n          foreground: \"var(--sidebar-foreground)\",\n          primary: \"var(--sidebar-primary)\",\n          \"primary-foreground\": \"var(--sidebar-primary-foreground)\",\n          accent: \"var(--sidebar-accent)\",\n          \"accent-foreground\": \"var(--sidebar-accent-foreground)\",\n          border: \"var(--sidebar-border)\",\n          ring: \"var(--sidebar-ring)\",\n        },\n      },\n      borderRadius: {\n        sm: \"calc(var(--radius) - 4px)\",\n        md: \"calc(var(--radius) - 2px)\",\n        lg: \"var(--radius)\",\n        xl: \"calc(var(--radius) + 4px)\",\n        \"2xl\": \"calc(var(--radius) + 8px)\",\n        \"3xl\": \"calc(var(--radius) + 12px)\",\n        \"4xl\": \"calc(var(--radius) + 16px)\",\n      },\n      keyframes: {\n        \"accordion-down\": {\n          from: { height: \"0\" },\n          to: { height: \"var(--radix-accordion-content-height)\" },\n        },\n        \"accordion-up\": {\n          from: { height: \"var(--radix-accordion-content-height)\" },\n          to: { height: \"0\" },\n        },\n        \"fade-in\": {\n          from: { opacity: \"0\" },\n          to: { opacity: \"1\" },\n        },\n        \"fade-out\": {\n          from: { opacity: \"1\" },\n          to: { opacity: \"0\" },\n        },\n        \"slide-in-from-top\": {\n          from: { transform: \"translateY(-100%)\" },\n          to: { transform: \"translateY(0)\" },\n        },\n        \"slide-in-from-bottom\": {\n          from: { transform: \"translateY(100%)\" },\n          to: { transform: \"translateY(0)\" },\n        },\n        \"slide-in-from-left\": {\n          from: { transform: \"translateX(-100%)\" },\n          to: { transform: \"translateX(0)\" },\n        },\n        \"slide-in-from-right\": {\n          from: { transform: \"translateX(100%)\" },\n          to: { transform: \"translateX(0)\" },\n        },\n      },\n      animation: {\n        \"accordion-down\": \"accordion-down 0.2s ease-out\",\n        \"accordion-up\": \"accordion-up 0.2s ease-out\",\n        \"fade-in\": \"fade-in 0.2s ease-out\",\n        \"fade-out\": \"fade-out 0.2s ease-out\",\n        \"slide-in-from-top\": \"slide-in-from-top 0.3s ease-out\",\n        \"slide-in-from-bottom\": \"slide-in-from-bottom 0.3s ease-out\",\n        \"slide-in-from-left\": \"slide-in-from-left 0.3s ease-out\",\n        \"slide-in-from-right\": \"slide-in-from-right 0.3s ease-out\",\n      },\n    },\n  },\n}\n\nexport default privateersPreset\n"]}
+{"version":3,"sources":["../../src/tailwind/preset.ts"],"names":[],"mappings":"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","file":"preset.cjs","sourcesContent":["import type { Config } from \"tailwindcss\"\n\n/**\n * Privateers Design System Tailwind Preset\n *\n * Use this preset in your tailwind.config.ts:\n *\n * ```ts\n * import { privateersPreset } from '@privateers/ui/tailwind/preset'\n *\n * export default {\n *   presets: [privateersPreset],\n *   // ... your config\n * }\n * ```\n */\nexport const privateersPreset: Partial<Config> = {\n  theme: {\n    extend: {\n      fontFamily: {\n        sans: [\"var(--font-sans)\"],\n        mono: [\"var(--font-mono)\"],\n      },\n      colors: {\n        background: \"var(--background)\",\n        foreground: \"var(--foreground)\",\n        card: {\n          DEFAULT: \"var(--card)\",\n          foreground: \"var(--card-foreground)\",\n        },\n        popover: {\n          DEFAULT: \"var(--popover)\",\n          foreground: \"var(--popover-foreground)\",\n        },\n        primary: {\n          DEFAULT: \"var(--primary)\",\n          foreground: \"var(--primary-foreground)\",\n        },\n        secondary: {\n          DEFAULT: \"var(--secondary)\",\n          foreground: \"var(--secondary-foreground)\",\n        },\n        muted: {\n          DEFAULT: \"var(--muted)\",\n          foreground: \"var(--muted-foreground)\",\n        },\n        accent: {\n          DEFAULT: \"var(--accent)\",\n          foreground: \"var(--accent-foreground)\",\n        },\n        destructive: {\n          DEFAULT: \"var(--destructive)\",\n        },\n        border: \"var(--border)\",\n        input: \"var(--input)\",\n        ring: \"var(--ring)\",\n        overlay: \"var(--overlay)\",\n        chart: {\n          1: \"var(--chart-1)\",\n          2: \"var(--chart-2)\",\n          3: \"var(--chart-3)\",\n          4: \"var(--chart-4)\",\n          5: \"var(--chart-5)\",\n        },\n        sidebar: {\n          DEFAULT: \"var(--sidebar)\",\n          foreground: \"var(--sidebar-foreground)\",\n          primary: \"var(--sidebar-primary)\",\n          \"primary-foreground\": \"var(--sidebar-primary-foreground)\",\n          accent: \"var(--sidebar-accent)\",\n          \"accent-foreground\": \"var(--sidebar-accent-foreground)\",\n          border: \"var(--sidebar-border)\",\n          ring: \"var(--sidebar-ring)\",\n        },\n      },\n      borderRadius: {\n        sm: \"calc(var(--radius) - 4px)\",\n        md: \"calc(var(--radius) - 2px)\",\n        lg: \"var(--radius)\",\n        xl: \"calc(var(--radius) + 4px)\",\n        \"2xl\": \"calc(var(--radius) + 8px)\",\n        \"3xl\": \"calc(var(--radius) + 12px)\",\n        \"4xl\": \"calc(var(--radius) + 16px)\",\n      },\n      keyframes: {\n        \"accordion-down\": {\n          from: { height: \"0\" },\n          to: { height: \"var(--radix-accordion-content-height)\" },\n        },\n        \"accordion-up\": {\n          from: { height: \"var(--radix-accordion-content-height)\" },\n          to: { height: \"0\" },\n        },\n        \"fade-in\": {\n          from: { opacity: \"0\" },\n          to: { opacity: \"1\" },\n        },\n        \"fade-out\": {\n          from: { opacity: \"1\" },\n          to: { opacity: \"0\" },\n        },\n        \"slide-in-from-top\": {\n          from: { transform: \"translateY(-100%)\" },\n          to: { transform: \"translateY(0)\" },\n        },\n        \"slide-in-from-bottom\": {\n          from: { transform: \"translateY(100%)\" },\n          to: { transform: \"translateY(0)\" },\n        },\n        \"slide-in-from-left\": {\n          from: { transform: \"translateX(-100%)\" },\n          to: { transform: \"translateX(0)\" },\n        },\n        \"slide-in-from-right\": {\n          from: { transform: \"translateX(100%)\" },\n          to: { transform: \"translateX(0)\" },\n        },\n      },\n      animation: {\n        \"accordion-down\": \"accordion-down 0.2s ease-out\",\n        \"accordion-up\": \"accordion-up 0.2s ease-out\",\n        \"fade-in\": \"fade-in 0.2s ease-out\",\n        \"fade-out\": \"fade-out 0.2s ease-out\",\n        \"slide-in-from-top\": \"slide-in-from-top 0.3s ease-out\",\n        \"slide-in-from-bottom\": \"slide-in-from-bottom 0.3s ease-out\",\n        \"slide-in-from-left\": \"slide-in-from-left 0.3s ease-out\",\n        \"slide-in-from-right\": \"slide-in-from-right 0.3s ease-out\",\n      },\n    },\n  },\n}\n\nexport default privateersPreset\n"]}

package/dist/tailwind/preset.js

@@ -39,6 +39,7 @@ var privateersPreset = {
         border: "var(--border)",
         input: "var(--input)",
         ring: "var(--ring)",
+        overlay: "var(--overlay)",
         chart: {
           1: "var(--chart-1)",
           2: "var(--chart-2)",

package/dist/tailwind/preset.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/tailwind/preset.ts"],"names":[],"mappings":"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","file":"preset.js","sourcesContent":["import type { Config } from \"tailwindcss\"\n\n/**\n * Privateers Design System Tailwind Preset\n *\n * Use this preset in your tailwind.config.ts:\n *\n * ```ts\n * import { privateersPreset } from '@privateers/ui/tailwind/preset'\n *\n * export default {\n *   presets: [privateersPreset],\n *   // ... your config\n * }\n * ```\n */\nexport const privateersPreset: Partial<Config> = {\n  theme: {\n    extend: {\n      fontFamily: {\n        sans: [\"var(--font-sans)\"],\n        mono: [\"var(--font-mono)\"],\n      },\n      colors: {\n        background: \"var(--background)\",\n        foreground: \"var(--foreground)\",\n        card: {\n          DEFAULT: \"var(--card)\",\n          foreground: \"var(--card-foreground)\",\n        },\n        popover: {\n          DEFAULT: \"var(--popover)\",\n          foreground: \"var(--popover-foreground)\",\n        },\n        primary: {\n          DEFAULT: \"var(--primary)\",\n          foreground: \"var(--primary-foreground)\",\n        },\n        secondary: {\n          DEFAULT: \"var(--secondary)\",\n          foreground: \"var(--secondary-foreground)\",\n        },\n        muted: {\n          DEFAULT: \"var(--muted)\",\n          foreground: \"var(--muted-foreground)\",\n        },\n        accent: {\n          DEFAULT: \"var(--accent)\",\n          foreground: \"var(--accent-foreground)\",\n        },\n        destructive: {\n          DEFAULT: \"var(--destructive)\",\n        },\n        border: \"var(--border)\",\n        input: \"var(--input)\",\n        ring: \"var(--ring)\",\n        chart: {\n          1: \"var(--chart-1)\",\n          2: \"var(--chart-2)\",\n          3: \"var(--chart-3)\",\n          4: \"var(--chart-4)\",\n          5: \"var(--chart-5)\",\n        },\n        sidebar: {\n          DEFAULT: \"var(--sidebar)\",\n          foreground: \"var(--sidebar-foreground)\",\n          primary: \"var(--sidebar-primary)\",\n          \"primary-foreground\": \"var(--sidebar-primary-foreground)\",\n          accent: \"var(--sidebar-accent)\",\n          \"accent-foreground\": \"var(--sidebar-accent-foreground)\",\n          border: \"var(--sidebar-border)\",\n          ring: \"var(--sidebar-ring)\",\n        },\n      },\n      borderRadius: {\n        sm: \"calc(var(--radius) - 4px)\",\n        md: \"calc(var(--radius) - 2px)\",\n        lg: \"var(--radius)\",\n        xl: \"calc(var(--radius) + 4px)\",\n        \"2xl\": \"calc(var(--radius) + 8px)\",\n        \"3xl\": \"calc(var(--radius) + 12px)\",\n        \"4xl\": \"calc(var(--radius) + 16px)\",\n      },\n      keyframes: {\n        \"accordion-down\": {\n          from: { height: \"0\" },\n          to: { height: \"var(--radix-accordion-content-height)\" },\n        },\n        \"accordion-up\": {\n          from: { height: \"var(--radix-accordion-content-height)\" },\n          to: { height: \"0\" },\n        },\n        \"fade-in\": {\n          from: { opacity: \"0\" },\n          to: { opacity: \"1\" },\n        },\n        \"fade-out\": {\n          from: { opacity: \"1\" },\n          to: { opacity: \"0\" },\n        },\n        \"slide-in-from-top\": {\n          from: { transform: \"translateY(-100%)\" },\n          to: { transform: \"translateY(0)\" },\n        },\n        \"slide-in-from-bottom\": {\n          from: { transform: \"translateY(100%)\" },\n          to: { transform: \"translateY(0)\" },\n        },\n        \"slide-in-from-left\": {\n          from: { transform: \"translateX(-100%)\" },\n          to: { transform: \"translateX(0)\" },\n        },\n        \"slide-in-from-right\": {\n          from: { transform: \"translateX(100%)\" },\n          to: { transform: \"translateX(0)\" },\n        },\n      },\n      animation: {\n        \"accordion-down\": \"accordion-down 0.2s ease-out\",\n        \"accordion-up\": \"accordion-up 0.2s ease-out\",\n        \"fade-in\": \"fade-in 0.2s ease-out\",\n        \"fade-out\": \"fade-out 0.2s ease-out\",\n        \"slide-in-from-top\": \"slide-in-from-top 0.3s ease-out\",\n        \"slide-in-from-bottom\": \"slide-in-from-bottom 0.3s ease-out\",\n        \"slide-in-from-left\": \"slide-in-from-left 0.3s ease-out\",\n        \"slide-in-from-right\": \"slide-in-from-right 0.3s ease-out\",\n      },\n    },\n  },\n}\n\nexport default privateersPreset\n"]}
+{"version":3,"sources":["../../src/tailwind/preset.ts"],"names":[],"mappings":"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","file":"preset.js","sourcesContent":["import type { Config } from \"tailwindcss\"\n\n/**\n * Privateers Design System Tailwind Preset\n *\n * Use this preset in your tailwind.config.ts:\n *\n * ```ts\n * import { privateersPreset } from '@privateers/ui/tailwind/preset'\n *\n * export default {\n *   presets: [privateersPreset],\n *   // ... your config\n * }\n * ```\n */\nexport const privateersPreset: Partial<Config> = {\n  theme: {\n    extend: {\n      fontFamily: {\n        sans: [\"var(--font-sans)\"],\n        mono: [\"var(--font-mono)\"],\n      },\n      colors: {\n        background: \"var(--background)\",\n        foreground: \"var(--foreground)\",\n        card: {\n          DEFAULT: \"var(--card)\",\n          foreground: \"var(--card-foreground)\",\n        },\n        popover: {\n          DEFAULT: \"var(--popover)\",\n          foreground: \"var(--popover-foreground)\",\n        },\n        primary: {\n          DEFAULT: \"var(--primary)\",\n          foreground: \"var(--primary-foreground)\",\n        },\n        secondary: {\n          DEFAULT: \"var(--secondary)\",\n          foreground: \"var(--secondary-foreground)\",\n        },\n        muted: {\n          DEFAULT: \"var(--muted)\",\n          foreground: \"var(--muted-foreground)\",\n        },\n        accent: {\n          DEFAULT: \"var(--accent)\",\n          foreground: \"var(--accent-foreground)\",\n        },\n        destructive: {\n          DEFAULT: \"var(--destructive)\",\n        },\n        border: \"var(--border)\",\n        input: \"var(--input)\",\n        ring: \"var(--ring)\",\n        overlay: \"var(--overlay)\",\n        chart: {\n          1: \"var(--chart-1)\",\n          2: \"var(--chart-2)\",\n          3: \"var(--chart-3)\",\n          4: \"var(--chart-4)\",\n          5: \"var(--chart-5)\",\n        },\n        sidebar: {\n          DEFAULT: \"var(--sidebar)\",\n          foreground: \"var(--sidebar-foreground)\",\n          primary: \"var(--sidebar-primary)\",\n          \"primary-foreground\": \"var(--sidebar-primary-foreground)\",\n          accent: \"var(--sidebar-accent)\",\n          \"accent-foreground\": \"var(--sidebar-accent-foreground)\",\n          border: \"var(--sidebar-border)\",\n          ring: \"var(--sidebar-ring)\",\n        },\n      },\n      borderRadius: {\n        sm: \"calc(var(--radius) - 4px)\",\n        md: \"calc(var(--radius) - 2px)\",\n        lg: \"var(--radius)\",\n        xl: \"calc(var(--radius) + 4px)\",\n        \"2xl\": \"calc(var(--radius) + 8px)\",\n        \"3xl\": \"calc(var(--radius) + 12px)\",\n        \"4xl\": \"calc(var(--radius) + 16px)\",\n      },\n      keyframes: {\n        \"accordion-down\": {\n          from: { height: \"0\" },\n          to: { height: \"var(--radix-accordion-content-height)\" },\n        },\n        \"accordion-up\": {\n          from: { height: \"var(--radix-accordion-content-height)\" },\n          to: { height: \"0\" },\n        },\n        \"fade-in\": {\n          from: { opacity: \"0\" },\n          to: { opacity: \"1\" },\n        },\n        \"fade-out\": {\n          from: { opacity: \"1\" },\n          to: { opacity: \"0\" },\n        },\n        \"slide-in-from-top\": {\n          from: { transform: \"translateY(-100%)\" },\n          to: { transform: \"translateY(0)\" },\n        },\n        \"slide-in-from-bottom\": {\n          from: { transform: \"translateY(100%)\" },\n          to: { transform: \"translateY(0)\" },\n        },\n        \"slide-in-from-left\": {\n          from: { transform: \"translateX(-100%)\" },\n          to: { transform: \"translateX(0)\" },\n        },\n        \"slide-in-from-right\": {\n          from: { transform: \"translateX(100%)\" },\n          to: { transform: \"translateX(0)\" },\n        },\n      },\n      animation: {\n        \"accordion-down\": \"accordion-down 0.2s ease-out\",\n        \"accordion-up\": \"accordion-up 0.2s ease-out\",\n        \"fade-in\": \"fade-in 0.2s ease-out\",\n        \"fade-out\": \"fade-out 0.2s ease-out\",\n        \"slide-in-from-top\": \"slide-in-from-top 0.3s ease-out\",\n        \"slide-in-from-bottom\": \"slide-in-from-bottom 0.3s ease-out\",\n        \"slide-in-from-left\": \"slide-in-from-left 0.3s ease-out\",\n        \"slide-in-from-right\": \"slide-in-from-right 0.3s ease-out\",\n      },\n    },\n  },\n}\n\nexport default privateersPreset\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@privateers/ui",
-  "version": "0.3.18",
+  "version": "0.3.20",
   "description": "Privateers Design System - A modern React component library built with Radix UI, CVA, and Tailwind CSS",
   "license": "MIT",
   "type": "module",
@@ -20,6 +20,8 @@
     },
     "./styles": "./dist/styles/index.css",
     "./styles/tokens": "./dist/styles/tokens.css",
+    "./styles/library": "./dist/styles/library.css",
+    "./styles/*": "./dist/styles/*",
     "./styles/brands/mission-control": "./dist/styles/brands/mission-control.css",
     "./styles/brands/*": "./dist/styles/brands/*",
     "./tailwind/preset": {