@owodesign/owoui 0.1.4 → 0.1.5

package/dist/tokens.css

@@ -0,0 +1,118 @@
+/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
+:root, :host {
+  --owo-ref-shadow-raised: 0 10px 20px rgba(15, 23, 42, 0.08);
+  --owo-ref-shadow-popover: 0 18px 40px rgba(15, 23, 42, 0.10);
+  --owo-ref-font-heading: var(--font-source-serif-pro), var(--font-noto-serif-sc), "Source Serif 4", Georgia, "Times New Roman", serif;
+  --owo-ref-radius-sm: 0.5rem;
+  --owo-ref-radius-md: 0.75rem;
+  --owo-ref-radius-lg: 1rem;
+  --owo-ref-radius-xl: 1.5rem;
+  --owo-ref-radius-2xl: 2rem;
+  --owo-ref-radius-full: 9999px;
+  --owo-ref-motion-ease-standard: cubic-bezier(0.2, 0, 0, 1);
+  --owo-ref-motion-ease-decelerate: cubic-bezier(0, 0, 0, 1);
+  --owo-ref-motion-ease-accelerate: cubic-bezier(0.4, 0, 1, 1);
+}
+:root {
+  --owo-sys-preset-surface-bg: var(--owo-sys-theme-surface-base);
+  --owo-sys-preset-surface-bg-subtle: var(--owo-sys-theme-surface-subtle);
+  --owo-sys-preset-surface-bg-raised: var(--owo-sys-theme-surface-raised);
+  --owo-sys-preset-surface-bg-inset: var(--owo-sys-theme-surface-inset);
+  --owo-sys-preset-surface-border: var(--owo-sys-theme-surface-border);
+  --owo-sys-preset-surface-border-muted: var(--owo-sys-theme-surface-border-muted);
+  --owo-sys-preset-surface-border-strong: var(--owo-sys-theme-surface-border-strong);
+  --owo-sys-preset-surface-shadow: var(--owo-ref-shadow-raised);
+  --owo-sys-preset-surface-shadow-strong: var(--owo-ref-shadow-popover);
+  --owo-sys-preset-surface-blur: 0px;
+  --owo-sys-preset-canvas-bg: var(--owo-sys-theme-surface-canvas);
+  --owo-sys-preset-canvas-bg-subtle: var(--owo-sys-theme-canvas-bg-subtle);
+  --owo-sys-preset-surface-container: var(--owo-sys-theme-surface-container);
+  --owo-sys-preset-surface-container-high: var(--owo-sys-theme-surface-container-high);
+  --owo-sys-preset-surface-container-highest: var(--owo-sys-theme-surface-container-highest);
+  --owo-sys-preset-control-radius-sm: var(--owo-ref-radius-sm);
+  --owo-sys-preset-control-radius-md: var(--owo-ref-radius-md);
+  --owo-sys-preset-control-radius-lg: var(--owo-ref-radius-lg);
+  --owo-sys-preset-control-radius-xl: var(--owo-ref-radius-xl);
+  --owo-sys-preset-control-radius-2xl: var(--owo-ref-radius-2xl);
+  --owo-sys-preset-control-radius-full: var(--owo-ref-radius-full);
+  --owo-sys-preset-control-border-width: 1px;
+  --owo-cmp-surface-bg: var(--owo-sys-preset-surface-bg);
+  --owo-cmp-surface-bg-subtle: var(--owo-sys-preset-surface-bg-subtle);
+  --owo-cmp-surface-bg-raised: var(--owo-sys-preset-surface-bg-raised);
+  --owo-cmp-surface-bg-inset: var(--owo-sys-preset-surface-bg-inset);
+  --owo-cmp-surface-border: var(--owo-sys-preset-surface-border);
+  --owo-cmp-surface-border-muted: var(--owo-sys-preset-surface-border-muted);
+  --owo-cmp-surface-border-strong: var(--owo-sys-preset-surface-border-strong);
+  --owo-cmp-surface-shadow: var(--owo-sys-preset-surface-shadow);
+  --owo-cmp-surface-shadow-strong: var(--owo-sys-preset-surface-shadow-strong);
+  --owo-cmp-surface-blur: var(--owo-sys-preset-surface-blur);
+  --owo-cmp-canvas-bg: var(--owo-sys-preset-canvas-bg);
+  --owo-cmp-canvas-bg-subtle: var(--owo-sys-preset-canvas-bg-subtle);
+  --owo-cmp-surface-container: var(--owo-sys-preset-surface-container);
+  --owo-cmp-surface-container-high: var(--owo-sys-preset-surface-container-high);
+  --owo-cmp-surface-container-highest: var(--owo-sys-preset-surface-container-highest);
+  --owo-cmp-text-primary: var(--owo-sys-theme-text-primary);
+  --owo-cmp-text-secondary: var(--owo-sys-theme-text-secondary);
+  --owo-cmp-text-muted: var(--owo-sys-theme-text-muted);
+  --owo-cmp-text-on-accent: var(--owo-sys-theme-text-on-accent);
+  --owo-cmp-accent-bg: var(--owo-sys-theme-accent-bg);
+  --owo-cmp-accent-bg-hover: var(--owo-sys-theme-accent-bg-hover);
+  --owo-cmp-accent-bg-muted: var(--owo-sys-theme-accent-bg-muted);
+  --owo-cmp-accent-text: var(--owo-sys-theme-text-on-accent);
+  --owo-cmp-accent-border: var(--owo-sys-theme-accent-border);
+  --owo-cmp-success-bg: var(--owo-sys-theme-success-bg);
+  --owo-cmp-success-border: var(--owo-sys-theme-success-border);
+  --owo-cmp-success-text: var(--owo-sys-theme-success-text);
+  --owo-cmp-warning-bg: var(--owo-sys-theme-warning-bg);
+  --owo-cmp-warning-border: var(--owo-sys-theme-warning-border);
+  --owo-cmp-warning-text: var(--owo-sys-theme-warning-text);
+  --owo-cmp-danger-bg: var(--owo-sys-theme-danger-bg);
+  --owo-cmp-danger-bg-emphasis: var(--owo-sys-theme-danger-bg-emphasis);
+  --owo-cmp-danger-border: var(--owo-sys-theme-danger-border);
+  --owo-cmp-danger-text: var(--owo-sys-theme-danger-text);
+  --owo-cmp-info-bg: var(--owo-sys-theme-info-bg);
+  --owo-cmp-info-border: var(--owo-sys-theme-info-border);
+  --owo-cmp-info-text: var(--owo-sys-theme-info-text);
+  --owo-cmp-control-radius-sm: var(--owo-sys-preset-control-radius-sm);
+  --owo-cmp-control-radius-md: var(--owo-sys-preset-control-radius-md);
+  --owo-cmp-control-radius-lg: var(--owo-sys-preset-control-radius-lg);
+  --owo-cmp-control-radius-xl: var(--owo-sys-preset-control-radius-xl);
+  --owo-cmp-control-radius-2xl: var(--owo-sys-preset-control-radius-2xl);
+  --owo-cmp-control-radius-full: var(--owo-sys-preset-control-radius-full);
+  --owo-cmp-control-border-width: var(--owo-sys-preset-control-border-width);
+  --owo-cmp-control-focus-ring: var(--owo-sys-theme-control-focus-ring);
+  --owo-cmp-control-focus-ring-offset: var(--owo-sys-theme-control-focus-ring-offset);
+  --owo-cmp-font-heading: var(--owo-ref-font-heading);
+  --owo-cmp-motion-duration-fast: 0.15s;
+  --owo-cmp-motion-duration-default: 0.2s;
+  --owo-cmp-motion-ease-standard: var(--owo-ref-motion-ease-standard);
+  --owo-cmp-motion-ease-decelerate: var(--owo-ref-motion-ease-decelerate);
+  --owo-cmp-motion-ease-accelerate: var(--owo-ref-motion-ease-accelerate);
+  --owo-cmp-density-compact: 0.875;
+  --owo-cmp-density-default: 1;
+  --owo-cmp-density-comfortable: 1.125;
+  --owo-cmp-overlay-bg: var(--owo-sys-theme-overlay-bg);
+  --owo-cmp-z-dropdown: 1000;
+  --owo-cmp-z-modal: 1100;
+  --owo-cmp-z-toast: 1200;
+  --owo-feedback-neutral-bg: var(--owo-cmp-surface-bg-raised);
+  --owo-feedback-neutral-border: var(--owo-cmp-surface-border);
+  --owo-feedback-neutral-text: var(--owo-cmp-text-primary);
+  --owo-feedback-neutral-icon: var(--owo-cmp-text-secondary);
+  --owo-feedback-info-bg: var(--owo-cmp-info-bg);
+  --owo-feedback-info-border: var(--owo-cmp-info-border);
+  --owo-feedback-info-text: var(--owo-cmp-info-text);
+  --owo-feedback-info-icon: var(--owo-cmp-info-text);
+  --owo-feedback-success-bg: var(--owo-cmp-success-bg);
+  --owo-feedback-success-border: var(--owo-cmp-success-border);
+  --owo-feedback-success-text: var(--owo-cmp-success-text);
+  --owo-feedback-success-icon: var(--owo-cmp-success-text);
+  --owo-feedback-warning-bg: var(--owo-cmp-warning-bg);
+  --owo-feedback-warning-border: var(--owo-cmp-warning-border);
+  --owo-feedback-warning-text: var(--owo-cmp-warning-text);
+  --owo-feedback-warning-icon: var(--owo-cmp-warning-text);
+  --owo-feedback-danger-bg: var(--owo-cmp-danger-bg);
+  --owo-feedback-danger-border: var(--owo-cmp-danger-border);
+  --owo-feedback-danger-text: var(--owo-cmp-danger-text);
+  --owo-feedback-danger-icon: var(--owo-cmp-danger-text);
+}

package/dist/tokens.d.ts

@@ -1,3 +1,6 @@
+/** Raw foundational neutral scale — palette primitives, not component semantics. */
+declare const foundationNeutralKeys: readonly ["--owo-ref-color-neutral-900", "--owo-ref-color-neutral-800", "--owo-ref-color-neutral-700", "--owo-ref-color-neutral-600", "--owo-ref-color-neutral-500", "--owo-ref-color-neutral-400", "--owo-ref-color-neutral-300", "--owo-ref-color-neutral-200", "--owo-ref-color-neutral-100"];
+type FoundationNeutralKey = (typeof foundationNeutralKeys)[number];
 declare const semanticTokenKeys: readonly ["--owo-cmp-surface-bg", "--owo-cmp-surface-bg-subtle", "--owo-cmp-surface-bg-raised", "--owo-cmp-surface-bg-inset", "--owo-cmp-surface-border", "--owo-cmp-surface-border-muted", "--owo-cmp-surface-border-strong", "--owo-cmp-surface-shadow", "--owo-cmp-surface-shadow-strong", "--owo-cmp-surface-blur", "--owo-cmp-canvas-bg", "--owo-cmp-canvas-bg-subtle", "--owo-cmp-surface-container", "--owo-cmp-surface-container-high", "--owo-cmp-surface-container-highest", "--owo-cmp-overlay-bg", "--owo-cmp-text-primary", "--owo-cmp-text-secondary", "--owo-cmp-text-muted", "--owo-cmp-text-on-accent", "--owo-cmp-accent-bg", "--owo-cmp-accent-bg-hover", "--owo-cmp-accent-bg-muted", "--owo-cmp-accent-text", "--owo-cmp-accent-border", "--owo-cmp-success-bg", "--owo-cmp-success-border", "--owo-cmp-success-text", "--owo-cmp-warning-bg", "--owo-cmp-warning-border", "--owo-cmp-warning-text", "--owo-cmp-danger-bg", "--owo-cmp-danger-bg-emphasis", "--owo-cmp-danger-border", "--owo-cmp-danger-text", "--owo-cmp-info-bg", "--owo-cmp-info-border", "--owo-cmp-info-text", "--owo-cmp-control-radius-sm", "--owo-cmp-control-radius-md", "--owo-cmp-control-radius-lg", "--owo-cmp-control-radius-xl", "--owo-cmp-control-radius-2xl", "--owo-cmp-control-radius-full", "--owo-cmp-control-border-width", "--owo-cmp-control-focus-ring", "--owo-cmp-control-focus-ring-offset", "--owo-cmp-font-heading", "--owo-cmp-motion-duration-fast", "--owo-cmp-motion-duration-default", "--owo-cmp-motion-ease-standard", "--owo-cmp-motion-ease-decelerate", "--owo-cmp-motion-ease-accelerate", "--owo-cmp-density-compact", "--owo-cmp-density-default", "--owo-cmp-density-comfortable", "--owo-cmp-z-dropdown", "--owo-cmp-z-modal", "--owo-cmp-z-toast"];
 type SemanticTokenKey = (typeof semanticTokenKeys)[number];
 declare const themeNames: readonly ["light", "dark"];
@@ -39,4 +42,4 @@ declare const presetNames: readonly ["default", "flat", "elevated", "glass"];
 type OwoUiPresetName = (typeof presetNames)[number];
 declare const tokenDescriptions: Record<SemanticTokenKey, string>;
 
-export { type OwoUiPresetName, type OwoUiThemeName, type SemanticTokenKey, presetNames, semanticTokenKeys, themeNames, tokenDescriptions, tokenGroups };
+export { type FoundationNeutralKey, type OwoUiPresetName, type OwoUiThemeName, type SemanticTokenKey, foundationNeutralKeys, presetNames, semanticTokenKeys, themeNames, tokenDescriptions, tokenGroups };

package/dist/tokens.min.js

@@ -1 +1 @@
-var o=["--owo-cmp-surface-bg","--owo-cmp-surface-bg-subtle","--owo-cmp-surface-bg-raised","--owo-cmp-surface-bg-inset","--owo-cmp-surface-border","--owo-cmp-surface-border-muted","--owo-cmp-surface-border-strong","--owo-cmp-surface-shadow","--owo-cmp-surface-shadow-strong","--owo-cmp-surface-blur","--owo-cmp-canvas-bg","--owo-cmp-canvas-bg-subtle","--owo-cmp-surface-container","--owo-cmp-surface-container-high","--owo-cmp-surface-container-highest","--owo-cmp-overlay-bg","--owo-cmp-text-primary","--owo-cmp-text-secondary","--owo-cmp-text-muted","--owo-cmp-text-on-accent","--owo-cmp-accent-bg","--owo-cmp-accent-bg-hover","--owo-cmp-accent-bg-muted","--owo-cmp-accent-text","--owo-cmp-accent-border","--owo-cmp-success-bg","--owo-cmp-success-border","--owo-cmp-success-text","--owo-cmp-warning-bg","--owo-cmp-warning-border","--owo-cmp-warning-text","--owo-cmp-danger-bg","--owo-cmp-danger-bg-emphasis","--owo-cmp-danger-border","--owo-cmp-danger-text","--owo-cmp-info-bg","--owo-cmp-info-border","--owo-cmp-info-text","--owo-cmp-control-radius-sm","--owo-cmp-control-radius-md","--owo-cmp-control-radius-lg","--owo-cmp-control-radius-xl","--owo-cmp-control-radius-2xl","--owo-cmp-control-radius-full","--owo-cmp-control-border-width","--owo-cmp-control-focus-ring","--owo-cmp-control-focus-ring-offset","--owo-cmp-font-heading","--owo-cmp-motion-duration-fast","--owo-cmp-motion-duration-default","--owo-cmp-motion-ease-standard","--owo-cmp-motion-ease-decelerate","--owo-cmp-motion-ease-accelerate","--owo-cmp-density-compact","--owo-cmp-density-default","--owo-cmp-density-comfortable","--owo-cmp-z-dropdown","--owo-cmp-z-modal","--owo-cmp-z-toast"],e=["light","dark"],c=[{id:"surface",label:"Surface",tokens:["--owo-cmp-surface-bg","--owo-cmp-surface-bg-subtle","--owo-cmp-surface-bg-raised","--owo-cmp-surface-bg-inset","--owo-cmp-surface-border","--owo-cmp-surface-border-muted","--owo-cmp-surface-border-strong","--owo-cmp-surface-shadow","--owo-cmp-surface-shadow-strong","--owo-cmp-surface-blur","--owo-cmp-canvas-bg","--owo-cmp-canvas-bg-subtle","--owo-cmp-surface-container","--owo-cmp-surface-container-high","--owo-cmp-surface-container-highest","--owo-cmp-overlay-bg"]},{id:"text",label:"Text",tokens:["--owo-cmp-text-primary","--owo-cmp-text-secondary","--owo-cmp-text-muted","--owo-cmp-text-on-accent"]},{id:"accent",label:"Accent",tokens:["--owo-cmp-accent-bg","--owo-cmp-accent-bg-hover","--owo-cmp-accent-bg-muted","--owo-cmp-accent-text","--owo-cmp-accent-border"]},{id:"feedback",label:"Feedback",tokens:["--owo-cmp-success-bg","--owo-cmp-success-border","--owo-cmp-success-text","--owo-cmp-warning-bg","--owo-cmp-warning-border","--owo-cmp-warning-text","--owo-cmp-danger-bg","--owo-cmp-danger-bg-emphasis","--owo-cmp-danger-border","--owo-cmp-danger-text","--owo-cmp-info-bg","--owo-cmp-info-border","--owo-cmp-info-text"]},{id:"control",label:"Control",tokens:["--owo-cmp-control-radius-sm","--owo-cmp-control-radius-md","--owo-cmp-control-radius-lg","--owo-cmp-control-radius-xl","--owo-cmp-control-radius-2xl","--owo-cmp-control-radius-full","--owo-cmp-control-border-width","--owo-cmp-control-focus-ring","--owo-cmp-control-focus-ring-offset"]},{id:"typography",label:"Typography",tokens:["--owo-cmp-font-heading"]},{id:"motion-density",label:"Motion & Density",tokens:["--owo-cmp-motion-duration-fast","--owo-cmp-motion-duration-default","--owo-cmp-motion-ease-standard","--owo-cmp-motion-ease-decelerate","--owo-cmp-motion-ease-accelerate","--owo-cmp-density-compact","--owo-cmp-density-default","--owo-cmp-density-comfortable"]},{id:"layering",label:"Layering",tokens:["--owo-cmp-z-dropdown","--owo-cmp-z-modal","--owo-cmp-z-toast"]}],r=["default","flat","elevated","glass"],a={"--owo-cmp-surface-bg":"Default component surface background.","--owo-cmp-surface-bg-subtle":"Lower-emphasis surface background.","--owo-cmp-surface-bg-raised":"Raised surface background for floating or elevated panels.","--owo-cmp-surface-bg-inset":"Inset surface background for inputs and compact controls.","--owo-cmp-surface-border":"Default component border color.","--owo-cmp-surface-border-muted":"Lowest-emphasis border for subtle separators and dividers.","--owo-cmp-surface-border-strong":"Higher-emphasis border or focus-adjacent border color.","--owo-cmp-surface-shadow":"Default surface shadow for raised UI.","--owo-cmp-surface-shadow-strong":"Higher-emphasis shadow for popovers and overlays.","--owo-cmp-surface-blur":"Backdrop blur amount for translucent surface styles.","--owo-cmp-canvas-bg":"Page-level canvas background, distinct from component surfaces.","--owo-cmp-canvas-bg-subtle":"Subtle canvas background for secondary page regions.","--owo-cmp-surface-container":"Container background for sidebars, panels, and layout regions.","--owo-cmp-surface-container-high":"Higher-emphasis container background for nested panels.","--owo-cmp-surface-container-highest":"Highest-emphasis container background for deeply nested panels.","--owo-cmp-overlay-bg":"Shared overlay or backdrop background treatment.","--owo-cmp-text-primary":"Primary readable foreground text color.","--owo-cmp-text-secondary":"Secondary readable foreground text color.","--owo-cmp-text-muted":"Muted or tertiary text color.","--owo-cmp-text-on-accent":"Readable text color when placed on accent surfaces.","--owo-cmp-accent-bg":"Primary accent background color.","--owo-cmp-accent-bg-hover":"Primary accent hover color.","--owo-cmp-accent-bg-muted":"Muted accent background for hover, selected, and highlighted states.","--owo-cmp-accent-text":"Readable text color used on accent backgrounds.","--owo-cmp-accent-border":"Accent-tinted border for active indicators and emphasis separators.","--owo-cmp-success-bg":"Success background treatment.","--owo-cmp-success-border":"Success border treatment.","--owo-cmp-success-text":"Success foreground text color.","--owo-cmp-warning-bg":"Warning background treatment.","--owo-cmp-warning-border":"Warning border treatment.","--owo-cmp-warning-text":"Warning foreground text color.","--owo-cmp-danger-bg":"Danger background treatment.","--owo-cmp-danger-bg-emphasis":"Stronger danger background for hover, active, or destructive emphasis.","--owo-cmp-danger-border":"Danger border treatment.","--owo-cmp-danger-text":"Danger foreground text color.","--owo-cmp-info-bg":"Info background treatment.","--owo-cmp-info-border":"Info border treatment.","--owo-cmp-info-text":"Info foreground text color.","--owo-cmp-control-radius-sm":"Small control radius.","--owo-cmp-control-radius-md":"Default control radius.","--owo-cmp-control-radius-lg":"Large control radius.","--owo-cmp-control-radius-xl":"Extra-large radius for drawers, dialogs, and large containers.","--owo-cmp-control-radius-2xl":"Double extra-large radius for sheets and full-page overlays.","--owo-cmp-control-radius-full":"Fully rounded radius for pills, badges, avatars, and circular controls.","--owo-cmp-control-border-width":"Default border width for controls.","--owo-cmp-control-focus-ring":"Focus ring color.","--owo-cmp-control-focus-ring-offset":"Focus ring offset base color.","--owo-cmp-font-heading":"Heading font family stack.","--owo-cmp-motion-duration-fast":"Fast motion duration.","--owo-cmp-motion-duration-default":"Default motion duration.","--owo-cmp-motion-ease-standard":"Default motion easing curve.","--owo-cmp-motion-ease-decelerate":"Entrance-friendly motion easing curve.","--owo-cmp-motion-ease-accelerate":"Exit-friendly motion easing curve.","--owo-cmp-density-compact":"Compact density scale.","--owo-cmp-density-default":"Default density scale.","--owo-cmp-density-comfortable":"Comfortable density scale.","--owo-cmp-z-dropdown":"Dropdown and popover layering index.","--owo-cmp-z-modal":"Modal and drawer layering index.","--owo-cmp-z-toast":"Toast and high-priority overlay layering index."};export{r as presetNames,o as semanticTokenKeys,e as themeNames,a as tokenDescriptions,c as tokenGroups};
+var o=["--owo-ref-color-neutral-900","--owo-ref-color-neutral-800","--owo-ref-color-neutral-700","--owo-ref-color-neutral-600","--owo-ref-color-neutral-500","--owo-ref-color-neutral-400","--owo-ref-color-neutral-300","--owo-ref-color-neutral-200","--owo-ref-color-neutral-100"],e=["--owo-cmp-surface-bg","--owo-cmp-surface-bg-subtle","--owo-cmp-surface-bg-raised","--owo-cmp-surface-bg-inset","--owo-cmp-surface-border","--owo-cmp-surface-border-muted","--owo-cmp-surface-border-strong","--owo-cmp-surface-shadow","--owo-cmp-surface-shadow-strong","--owo-cmp-surface-blur","--owo-cmp-canvas-bg","--owo-cmp-canvas-bg-subtle","--owo-cmp-surface-container","--owo-cmp-surface-container-high","--owo-cmp-surface-container-highest","--owo-cmp-overlay-bg","--owo-cmp-text-primary","--owo-cmp-text-secondary","--owo-cmp-text-muted","--owo-cmp-text-on-accent","--owo-cmp-accent-bg","--owo-cmp-accent-bg-hover","--owo-cmp-accent-bg-muted","--owo-cmp-accent-text","--owo-cmp-accent-border","--owo-cmp-success-bg","--owo-cmp-success-border","--owo-cmp-success-text","--owo-cmp-warning-bg","--owo-cmp-warning-border","--owo-cmp-warning-text","--owo-cmp-danger-bg","--owo-cmp-danger-bg-emphasis","--owo-cmp-danger-border","--owo-cmp-danger-text","--owo-cmp-info-bg","--owo-cmp-info-border","--owo-cmp-info-text","--owo-cmp-control-radius-sm","--owo-cmp-control-radius-md","--owo-cmp-control-radius-lg","--owo-cmp-control-radius-xl","--owo-cmp-control-radius-2xl","--owo-cmp-control-radius-full","--owo-cmp-control-border-width","--owo-cmp-control-focus-ring","--owo-cmp-control-focus-ring-offset","--owo-cmp-font-heading","--owo-cmp-motion-duration-fast","--owo-cmp-motion-duration-default","--owo-cmp-motion-ease-standard","--owo-cmp-motion-ease-decelerate","--owo-cmp-motion-ease-accelerate","--owo-cmp-density-compact","--owo-cmp-density-default","--owo-cmp-density-comfortable","--owo-cmp-z-dropdown","--owo-cmp-z-modal","--owo-cmp-z-toast"],r=["light","dark"],c=[{id:"surface",label:"Surface",tokens:["--owo-cmp-surface-bg","--owo-cmp-surface-bg-subtle","--owo-cmp-surface-bg-raised","--owo-cmp-surface-bg-inset","--owo-cmp-surface-border","--owo-cmp-surface-border-muted","--owo-cmp-surface-border-strong","--owo-cmp-surface-shadow","--owo-cmp-surface-shadow-strong","--owo-cmp-surface-blur","--owo-cmp-canvas-bg","--owo-cmp-canvas-bg-subtle","--owo-cmp-surface-container","--owo-cmp-surface-container-high","--owo-cmp-surface-container-highest","--owo-cmp-overlay-bg"]},{id:"text",label:"Text",tokens:["--owo-cmp-text-primary","--owo-cmp-text-secondary","--owo-cmp-text-muted","--owo-cmp-text-on-accent"]},{id:"accent",label:"Accent",tokens:["--owo-cmp-accent-bg","--owo-cmp-accent-bg-hover","--owo-cmp-accent-bg-muted","--owo-cmp-accent-text","--owo-cmp-accent-border"]},{id:"feedback",label:"Feedback",tokens:["--owo-cmp-success-bg","--owo-cmp-success-border","--owo-cmp-success-text","--owo-cmp-warning-bg","--owo-cmp-warning-border","--owo-cmp-warning-text","--owo-cmp-danger-bg","--owo-cmp-danger-bg-emphasis","--owo-cmp-danger-border","--owo-cmp-danger-text","--owo-cmp-info-bg","--owo-cmp-info-border","--owo-cmp-info-text"]},{id:"control",label:"Control",tokens:["--owo-cmp-control-radius-sm","--owo-cmp-control-radius-md","--owo-cmp-control-radius-lg","--owo-cmp-control-radius-xl","--owo-cmp-control-radius-2xl","--owo-cmp-control-radius-full","--owo-cmp-control-border-width","--owo-cmp-control-focus-ring","--owo-cmp-control-focus-ring-offset"]},{id:"typography",label:"Typography",tokens:["--owo-cmp-font-heading"]},{id:"motion-density",label:"Motion & Density",tokens:["--owo-cmp-motion-duration-fast","--owo-cmp-motion-duration-default","--owo-cmp-motion-ease-standard","--owo-cmp-motion-ease-decelerate","--owo-cmp-motion-ease-accelerate","--owo-cmp-density-compact","--owo-cmp-density-default","--owo-cmp-density-comfortable"]},{id:"layering",label:"Layering",tokens:["--owo-cmp-z-dropdown","--owo-cmp-z-modal","--owo-cmp-z-toast"]}],a=["default","flat","elevated","glass"],t={"--owo-cmp-surface-bg":"Default component surface background.","--owo-cmp-surface-bg-subtle":"Lower-emphasis surface background.","--owo-cmp-surface-bg-raised":"Raised surface background for floating or elevated panels.","--owo-cmp-surface-bg-inset":"Inset surface background for inputs and compact controls.","--owo-cmp-surface-border":"Default component border color.","--owo-cmp-surface-border-muted":"Lowest-emphasis border for subtle separators and dividers.","--owo-cmp-surface-border-strong":"Higher-emphasis border or focus-adjacent border color.","--owo-cmp-surface-shadow":"Default surface shadow for raised UI.","--owo-cmp-surface-shadow-strong":"Higher-emphasis shadow for popovers and overlays.","--owo-cmp-surface-blur":"Backdrop blur amount for translucent surface styles.","--owo-cmp-canvas-bg":"Page-level canvas background, distinct from component surfaces.","--owo-cmp-canvas-bg-subtle":"Subtle canvas background for secondary page regions.","--owo-cmp-surface-container":"Container background for sidebars, panels, and layout regions.","--owo-cmp-surface-container-high":"Higher-emphasis container background for nested panels.","--owo-cmp-surface-container-highest":"Highest-emphasis container background for deeply nested panels.","--owo-cmp-overlay-bg":"Shared overlay or backdrop background treatment.","--owo-cmp-text-primary":"Primary readable foreground text color.","--owo-cmp-text-secondary":"Secondary readable foreground text color.","--owo-cmp-text-muted":"Muted or tertiary text color.","--owo-cmp-text-on-accent":"Readable text color when placed on accent surfaces.","--owo-cmp-accent-bg":"Primary accent background color.","--owo-cmp-accent-bg-hover":"Primary accent hover color.","--owo-cmp-accent-bg-muted":"Muted accent background for hover, selected, and highlighted states.","--owo-cmp-accent-text":"Readable text color used on accent backgrounds.","--owo-cmp-accent-border":"Accent-tinted border for active indicators and emphasis separators.","--owo-cmp-success-bg":"Success background treatment.","--owo-cmp-success-border":"Success border treatment.","--owo-cmp-success-text":"Success foreground text color.","--owo-cmp-warning-bg":"Warning background treatment.","--owo-cmp-warning-border":"Warning border treatment.","--owo-cmp-warning-text":"Warning foreground text color.","--owo-cmp-danger-bg":"Danger background treatment.","--owo-cmp-danger-bg-emphasis":"Stronger danger background for hover, active, or destructive emphasis.","--owo-cmp-danger-border":"Danger border treatment.","--owo-cmp-danger-text":"Danger foreground text color.","--owo-cmp-info-bg":"Info background treatment.","--owo-cmp-info-border":"Info border treatment.","--owo-cmp-info-text":"Info foreground text color.","--owo-cmp-control-radius-sm":"Small control radius.","--owo-cmp-control-radius-md":"Default control radius.","--owo-cmp-control-radius-lg":"Large control radius.","--owo-cmp-control-radius-xl":"Extra-large radius for drawers, dialogs, and large containers.","--owo-cmp-control-radius-2xl":"Double extra-large radius for sheets and full-page overlays.","--owo-cmp-control-radius-full":"Fully rounded radius for pills, badges, avatars, and circular controls.","--owo-cmp-control-border-width":"Default border width for controls.","--owo-cmp-control-focus-ring":"Focus ring color.","--owo-cmp-control-focus-ring-offset":"Focus ring offset base color.","--owo-cmp-font-heading":"Heading font family stack.","--owo-cmp-motion-duration-fast":"Fast motion duration.","--owo-cmp-motion-duration-default":"Default motion duration.","--owo-cmp-motion-ease-standard":"Default motion easing curve.","--owo-cmp-motion-ease-decelerate":"Entrance-friendly motion easing curve.","--owo-cmp-motion-ease-accelerate":"Exit-friendly motion easing curve.","--owo-cmp-density-compact":"Compact density scale.","--owo-cmp-density-default":"Default density scale.","--owo-cmp-density-comfortable":"Comfortable density scale.","--owo-cmp-z-dropdown":"Dropdown and popover layering index.","--owo-cmp-z-modal":"Modal and drawer layering index.","--owo-cmp-z-toast":"Toast and high-priority overlay layering index."};export{o as foundationNeutralKeys,a as presetNames,e as semanticTokenKeys,r as themeNames,t as tokenDescriptions,c as tokenGroups};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@owodesign/owoui",
-  "version": "0.1.4",
+  "version": "0.1.5",
   "description": "Reusable React UI foundation components and theme presets.",
   "type": "module",
   "main": "./dist/index.min.js",
@@ -27,7 +27,7 @@
       "types": "./dist/tokens.d.ts",
       "import": "./dist/tokens.min.js"
     },
-    "./tokens.css": "./src/tokens.css",
+    "./tokens.css": "./dist/tokens.css",
     "./storybook": {
       "types": "./dist/storybook/index.d.ts",
       "import": "./dist/storybook/index.min.js"
@@ -37,41 +37,32 @@
       "import": "./dist/storybook/catalog.js"
     },
     "./storybook/catalog.json": "./dist/storybook/catalog.json",
-    "./style.css": "./src/style.css",
-    "./theme-light.css": "./src/theme-light.css",
-    "./theme-dark.css": "./src/theme-dark.css",
-    "./preset-default.css": "./src/preset-default.css",
-    "./preset-flat.css": "./src/preset-flat.css",
-    "./preset-elevated.css": "./src/preset-elevated.css",
-    "./preset-glass.css": "./src/preset-glass.css"
+    "./style.css": "./dist/style.css",
+    "./theme-light.css": "./dist/theme-light.css",
+    "./theme-dark.css": "./dist/theme-dark.css",
+    "./preset-default.css": "./dist/preset-default.css",
+    "./preset-flat.css": "./dist/preset-flat.css",
+    "./preset-elevated.css": "./dist/preset-elevated.css",
+    "./preset-glass.css": "./dist/preset-glass.css"
   },
   "files": [
-    "dist",
-    "src/style.css",
-    "src/tokens.css",
-    "src/theme-light.css",
-    "src/theme-dark.css",
-    "src/preset-default.css",
-    "src/preset-flat.css",
-    "src/preset-elevated.css",
-    "src/preset-glass.css",
-    "src/styles"
+    "dist"
   ],
   "sideEffects": [
-    "./src/style.css",
-    "./src/tokens.css",
-    "./src/theme-light.css",
-    "./src/theme-dark.css",
-    "./src/preset-default.css",
-    "./src/preset-flat.css",
-    "./src/preset-elevated.css",
-    "./src/preset-glass.css",
-    "./src/styles/**/*.css",
+    "./dist/style.css",
+    "./dist/tokens.css",
+    "./dist/theme-light.css",
+    "./dist/theme-dark.css",
+    "./dist/preset-default.css",
+    "./dist/preset-flat.css",
+    "./dist/preset-elevated.css",
+    "./dist/preset-glass.css",
     "./src/storybook/**/*.ts",
     "./src/storybook/**/*.tsx"
   ],
   "scripts": {
-    "build": "npm run build:lib && npm run build:storybook && npm run build:storybook:catalog && npm run build:storybook:static",
+    "build": "npm run build:lib && npm run build:css && npm run build:storybook && npm run build:storybook:catalog && npm run build:storybook:static",
+    "build:css": "node scripts/build-css.mjs",
     "build:lib": "tsup",
     "build:storybook": "tsup --config tsup.storybook.config.ts",
     "build:storybook:catalog": "node scripts/build-storybook-catalog.mjs",
@@ -81,8 +72,11 @@
     "preview:storybook": "vite preview --config vite.config.ts",
     "typecheck": "tsc --noEmit -p tsconfig.json",
     "consumer:smoke": "node examples/consumer-smoke.mjs",
+    "consumer:tarball": "node scripts/verify-tarball-consumer.mjs",
+    "clean": "rm -rf dist",
     "pack:inspect": "npm_config_cache=/tmp/owoui-npm-cache npm pack --dry-run --json .",
-    "release:check": "npm run build && npm run typecheck && npm run consumer:smoke && npm run pack:inspect"
+    "release:check": "npm run build && npm run typecheck && npm run consumer:smoke && npm run consumer:tarball && npm run pack:inspect",
+    "release:publish": "npm run release:check && npm publish --access public"
   },
   "publishConfig": {
     "access": "public"
@@ -105,6 +99,7 @@
     "react": "^19.2.4",
     "react-dom": "^19.2.4",
     "tailwindcss": "^4.2.1",
+    "typescript": "^5.9.3",
     "tsup": "^8.5.1",
     "vite": "^8.0.3"
   }

package/src/preset-default.css

@@ -1,27 +0,0 @@
-@import "./tokens.css";
-
-:root[data-preset="default"],
-.owoui-preset-default {
-  --owo-sys-preset-surface-bg: var(--owo-sys-theme-surface-base);
-  --owo-sys-preset-surface-bg-subtle: var(--owo-sys-theme-surface-subtle);
-  --owo-sys-preset-surface-bg-raised: var(--owo-sys-theme-surface-raised);
-  --owo-sys-preset-surface-bg-inset: var(--owo-sys-theme-surface-inset);
-  --owo-sys-preset-surface-border: var(--owo-sys-theme-surface-border);
-  --owo-sys-preset-surface-border-muted: var(--owo-sys-theme-surface-border-muted);
-  --owo-sys-preset-surface-border-strong: var(--owo-sys-theme-surface-border-strong);
-  --owo-sys-preset-surface-shadow: var(--owo-ref-shadow-raised);
-  --owo-sys-preset-surface-shadow-strong: var(--owo-ref-shadow-popover);
-  --owo-sys-preset-surface-blur: 0px;
-  --owo-sys-preset-canvas-bg: var(--owo-sys-theme-surface-canvas);
-  --owo-sys-preset-canvas-bg-subtle: var(--owo-sys-theme-canvas-bg-subtle);
-  --owo-sys-preset-surface-container: var(--owo-sys-theme-surface-container);
-  --owo-sys-preset-surface-container-high: var(--owo-sys-theme-surface-container-high);
-  --owo-sys-preset-surface-container-highest: var(--owo-sys-theme-surface-container-highest);
-  --owo-sys-preset-control-radius-sm: var(--owo-ref-radius-sm);
-  --owo-sys-preset-control-radius-md: var(--owo-ref-radius-md);
-  --owo-sys-preset-control-radius-lg: var(--owo-ref-radius-lg);
-  --owo-sys-preset-control-radius-xl: var(--owo-ref-radius-xl);
-  --owo-sys-preset-control-radius-2xl: var(--owo-ref-radius-2xl);
-  --owo-sys-preset-control-radius-full: var(--owo-ref-radius-full);
-  --owo-sys-preset-control-border-width: 1px;
-}

package/src/preset-elevated.css

@@ -1,27 +0,0 @@
-@import "./tokens.css";
-
-:root[data-preset="elevated"],
-.owoui-preset-elevated {
-  --owo-sys-preset-surface-bg: color-mix(in srgb, var(--owo-sys-theme-surface-base) 96%, var(--owo-sys-theme-surface-border-strong));
-  --owo-sys-preset-surface-bg-subtle: color-mix(in srgb, var(--owo-sys-theme-surface-subtle) 96%, var(--owo-sys-theme-surface-border-strong));
-  --owo-sys-preset-surface-bg-raised: color-mix(in srgb, var(--owo-sys-theme-surface-raised) 94%, var(--owo-sys-theme-surface-border-strong));
-  --owo-sys-preset-surface-bg-inset: var(--owo-sys-theme-surface-inset);
-  --owo-sys-preset-surface-border: color-mix(in srgb, var(--owo-sys-theme-surface-border) 88%, var(--owo-sys-theme-surface-border-strong));
-  --owo-sys-preset-surface-border-muted: var(--owo-sys-theme-surface-border-muted);
-  --owo-sys-preset-surface-border-strong: var(--owo-sys-theme-surface-border-strong);
-  --owo-sys-preset-surface-shadow: 0 16px 40px rgba(15, 23, 42, 0.14);
-  --owo-sys-preset-surface-shadow-strong: 0 28px 60px rgba(15, 23, 42, 0.18);
-  --owo-sys-preset-surface-blur: 0px;
-  --owo-sys-preset-canvas-bg: var(--owo-sys-theme-surface-canvas);
-  --owo-sys-preset-canvas-bg-subtle: var(--owo-sys-theme-canvas-bg-subtle);
-  --owo-sys-preset-surface-container: color-mix(in srgb, var(--owo-sys-theme-surface-container) 94%, var(--owo-sys-theme-surface-border-strong));
-  --owo-sys-preset-surface-container-high: color-mix(in srgb, var(--owo-sys-theme-surface-container-high) 94%, var(--owo-sys-theme-surface-border-strong));
-  --owo-sys-preset-surface-container-highest: color-mix(in srgb, var(--owo-sys-theme-surface-container-highest) 92%, var(--owo-sys-theme-surface-border-strong));
-  --owo-sys-preset-control-radius-sm: calc(var(--owo-ref-radius-sm) + 0.125rem);
-  --owo-sys-preset-control-radius-md: calc(var(--owo-ref-radius-md) + 0.125rem);
-  --owo-sys-preset-control-radius-lg: calc(var(--owo-ref-radius-lg) + 0.125rem);
-  --owo-sys-preset-control-radius-xl: calc(var(--owo-ref-radius-xl) + 0.125rem);
-  --owo-sys-preset-control-radius-2xl: calc(var(--owo-ref-radius-2xl) + 0.125rem);
-  --owo-sys-preset-control-radius-full: var(--owo-ref-radius-full);
-  --owo-sys-preset-control-border-width: 1px;
-}

package/src/preset-flat.css

@@ -1,27 +0,0 @@
-@import "./tokens.css";
-
-:root[data-preset="flat"],
-.owoui-preset-flat {
-  --owo-sys-preset-surface-bg: var(--owo-sys-theme-surface-base);
-  --owo-sys-preset-surface-bg-subtle: var(--owo-sys-theme-surface-subtle);
-  --owo-sys-preset-surface-bg-raised: var(--owo-sys-theme-surface-base);
-  --owo-sys-preset-surface-bg-inset: var(--owo-sys-theme-surface-inset);
-  --owo-sys-preset-surface-border: var(--owo-sys-theme-surface-border);
-  --owo-sys-preset-surface-border-muted: var(--owo-sys-theme-surface-border-muted);
-  --owo-sys-preset-surface-border-strong: var(--owo-sys-theme-surface-border-strong);
-  --owo-sys-preset-surface-shadow: none;
-  --owo-sys-preset-surface-shadow-strong: none;
-  --owo-sys-preset-surface-blur: 0px;
-  --owo-sys-preset-canvas-bg: var(--owo-sys-theme-surface-canvas);
-  --owo-sys-preset-canvas-bg-subtle: var(--owo-sys-theme-canvas-bg-subtle);
-  --owo-sys-preset-surface-container: var(--owo-sys-theme-surface-container);
-  --owo-sys-preset-surface-container-high: var(--owo-sys-theme-surface-container);
-  --owo-sys-preset-surface-container-highest: var(--owo-sys-theme-surface-container-high);
-  --owo-sys-preset-control-radius-sm: var(--owo-ref-radius-xs);
-  --owo-sys-preset-control-radius-md: calc(var(--owo-ref-radius-sm) + 0.125rem);
-  --owo-sys-preset-control-radius-lg: calc(var(--owo-ref-radius-md) + 0.125rem);
-  --owo-sys-preset-control-radius-xl: calc(var(--owo-ref-radius-lg) + 0.25rem);
-  --owo-sys-preset-control-radius-2xl: var(--owo-ref-radius-xl);
-  --owo-sys-preset-control-radius-full: var(--owo-ref-radius-full);
-  --owo-sys-preset-control-border-width: 1px;
-}

package/src/preset-glass.css

@@ -1,27 +0,0 @@
-@import "./tokens.css";
-
-:root[data-preset="glass"],
-.owoui-preset-glass {
-  --owo-sys-preset-surface-bg: color-mix(in srgb, var(--owo-sys-theme-surface-base) 62%, transparent);
-  --owo-sys-preset-surface-bg-subtle: color-mix(in srgb, var(--owo-sys-theme-surface-subtle) 48%, transparent);
-  --owo-sys-preset-surface-bg-raised: color-mix(in srgb, var(--owo-sys-theme-surface-raised) 72%, transparent);
-  --owo-sys-preset-surface-bg-inset: color-mix(in srgb, var(--owo-sys-theme-surface-inset) 82%, transparent);
-  --owo-sys-preset-surface-border: color-mix(in srgb, var(--owo-sys-theme-surface-border-strong) 55%, transparent);
-  --owo-sys-preset-surface-border-muted: color-mix(in srgb, var(--owo-sys-theme-surface-border-muted) 60%, transparent);
-  --owo-sys-preset-surface-border-strong: color-mix(in srgb, var(--owo-sys-theme-surface-border-strong) 78%, transparent);
-  --owo-sys-preset-surface-shadow: 0 16px 44px rgba(15, 23, 42, 0.1);
-  --owo-sys-preset-surface-shadow-strong: 0 24px 64px rgba(15, 23, 42, 0.14);
-  --owo-sys-preset-surface-blur: 18px;
-  --owo-sys-preset-canvas-bg: var(--owo-sys-theme-surface-canvas);
-  --owo-sys-preset-canvas-bg-subtle: var(--owo-sys-theme-canvas-bg-subtle);
-  --owo-sys-preset-surface-container: color-mix(in srgb, var(--owo-sys-theme-surface-container) 70%, transparent);
-  --owo-sys-preset-surface-container-high: color-mix(in srgb, var(--owo-sys-theme-surface-container-high) 74%, transparent);
-  --owo-sys-preset-surface-container-highest: color-mix(in srgb, var(--owo-sys-theme-surface-container-highest) 78%, transparent);
-  --owo-sys-preset-control-radius-sm: var(--owo-ref-radius-md);
-  --owo-sys-preset-control-radius-md: var(--owo-ref-radius-lg);
-  --owo-sys-preset-control-radius-lg: calc(var(--owo-ref-radius-lg) + 0.25rem);
-  --owo-sys-preset-control-radius-xl: calc(var(--owo-ref-radius-xl) + 0.25rem);
-  --owo-sys-preset-control-radius-2xl: calc(var(--owo-ref-radius-2xl) + 0.25rem);
-  --owo-sys-preset-control-radius-full: var(--owo-ref-radius-full);
-  --owo-sys-preset-control-border-width: 1px;
-}

package/src/style.css

@@ -1,22 +0,0 @@
-@import "tailwindcss";
-@import "./styles/tokens.css";
-@import "./styles/ui/avatar.css";
-@import "./styles/ui/badge.css";
-@import "./styles/ui/button.css";
-@import "./styles/ui/collapsible.css";
-@import "./styles/ui/dialog.css";
-@import "./styles/ui/dropdown-menu.css";
-@import "./styles/ui/drawer.css";
-@import "./styles/ui/field.css";
-@import "./styles/ui/icon-button.css";
-@import "./styles/ui/input.css";
-@import "./styles/ui/panel.css";
-@import "./styles/ui/segmented-control.css";
-@import "./styles/ui/select.css";
-@import "./styles/ui/skeleton.css";
-@import "./styles/ui/status-notice.css";
-@import "./styles/ui/switch.css";
-@import "./styles/ui/tabs.css";
-@import "./styles/ui/textarea.css";
-@import "./styles/ui/toast.css";
-@import "./styles/ui/tooltip.css";

package/src/styles/ui/avatar.css

@@ -1,13 +0,0 @@
-.owo-avatar {
-  --avatar-bg: var(--owo-cmp-surface-bg-inset);
-  --avatar-text: var(--owo-cmp-text-secondary);
-  --avatar-border: transparent;
-  background: var(--avatar-bg);
-  color: var(--avatar-text);
-  border: 1px solid var(--avatar-border);
-}
-
-.owo-avatar[data-tone="subtle"] {
-  --avatar-bg: var(--owo-cmp-surface-bg-subtle);
-  --avatar-text: var(--owo-cmp-text-muted);
-}

package/src/styles/ui/badge.css

@@ -1,52 +0,0 @@
-.owo-badge {
-  --badge-bg: var(--owo-cmp-surface-bg-inset);
-  --badge-text: var(--owo-cmp-text-secondary);
-  --badge-border: transparent;
-  background: var(--badge-bg);
-  border-color: var(--badge-border);
-}
-
-.owo-badge[data-variant="outline"] {
-  --badge-bg: transparent;
-  --badge-border: var(--owo-cmp-surface-border);
-}
-
-.owo-badge[data-tone="info"] {
-  --badge-bg: var(--owo-cmp-info-bg);
-  --badge-text: var(--owo-cmp-info-text);
-  --badge-border: var(--owo-cmp-info-border);
-}
-
-.owo-badge[data-tone="info"][data-variant="outline"] {
-  --badge-bg: transparent;
-}
-
-.owo-badge[data-tone="success"] {
-  --badge-bg: var(--owo-cmp-success-bg);
-  --badge-text: var(--owo-cmp-success-text);
-  --badge-border: var(--owo-cmp-success-border);
-}
-
-.owo-badge[data-tone="success"][data-variant="outline"] {
-  --badge-bg: transparent;
-}
-
-.owo-badge[data-tone="warning"] {
-  --badge-bg: var(--owo-cmp-warning-bg);
-  --badge-text: var(--owo-cmp-warning-text);
-  --badge-border: var(--owo-cmp-warning-border);
-}
-
-.owo-badge[data-tone="warning"][data-variant="outline"] {
-  --badge-bg: transparent;
-}
-
-.owo-badge[data-tone="danger"] {
-  --badge-bg: var(--owo-cmp-danger-bg);
-  --badge-text: var(--owo-cmp-danger-text);
-  --badge-border: var(--owo-cmp-danger-border);
-}
-
-.owo-badge[data-tone="danger"][data-variant="outline"] {
-  --badge-bg: transparent;
-}

package/src/styles/ui/button.css

@@ -1,49 +0,0 @@
-.owo-button {
-  --button-bg: var(--owo-cmp-surface-bg);
-  --button-bg-hover: var(--owo-cmp-surface-bg-inset);
-  --button-bg-active: var(--owo-cmp-surface-bg-subtle);
-  --button-text: var(--owo-cmp-text-primary);
-  --button-border: var(--owo-cmp-surface-border);
-  --button-ring: var(--owo-cmp-control-focus-ring);
-  --button-disabled-opacity: 0.5;
-  background: var(--button-bg);
-  color: var(--button-text);
-  border-color: var(--button-border);
-}
-
-.owo-button:hover {
-  background: var(--button-bg-hover);
-}
-
-.owo-button:active {
-  background: var(--button-bg-active);
-}
-
-.owo-button:focus-visible {
-  --tw-ring-color: var(--button-ring);
-}
-
-.owo-button[data-variant="primary"] {
-  --button-bg: var(--owo-cmp-accent-bg);
-  --button-bg-hover: var(--owo-cmp-accent-bg-hover);
-  --button-bg-active: color-mix(in srgb, var(--owo-cmp-accent-bg-hover) 88%, black);
-  --button-text: var(--owo-cmp-accent-text);
-  --button-border: transparent;
-}
-
-.owo-button[data-variant="ghost"] {
-  --button-bg: transparent;
-  --button-bg-hover: var(--owo-cmp-surface-bg-inset);
-  --button-bg-active: var(--owo-cmp-surface-bg-subtle);
-  --button-text: var(--owo-cmp-text-secondary);
-  --button-border: transparent;
-}
-
-.owo-button[data-variant="danger"] {
-  --button-bg: var(--owo-cmp-danger-bg);
-  --button-bg-hover: color-mix(in srgb, var(--owo-cmp-danger-bg) 92%, var(--owo-cmp-danger-border));
-  --button-bg-active: color-mix(in srgb, var(--owo-cmp-danger-bg) 84%, var(--owo-cmp-danger-border));
-  --button-text: var(--owo-cmp-danger-text);
-  --button-border: var(--owo-cmp-danger-border);
-  --button-ring: var(--owo-cmp-danger-border);
-}

package/src/styles/ui/collapsible.css

@@ -1,13 +0,0 @@
-.owo-collapsible__trigger {
-  cursor: pointer;
-}
-
-.owo-collapsible__content {
-  height: auto;
-  overflow: hidden;
-  transition: height 180ms ease;
-}
-
-.owo-collapsible__content-inner {
-  min-height: 0;
-}

package/src/styles/ui/dialog.css

@@ -1,37 +0,0 @@
-.owo-dialog-backdrop {
-  animation: dialog-backdrop-in 0.2s var(--owo-cmp-motion-ease-standard);
-}
-
-.owo-dialog {
-  background: var(--owo-cmp-surface-bg-raised);
-  border: 1px solid var(--owo-cmp-surface-border);
-  color: var(--owo-cmp-text-primary);
-}
-
-.owo-dialog__header {
-  color: var(--owo-cmp-text-primary);
-}
-
-.owo-dialog__body {
-  color: var(--owo-cmp-text-secondary);
-}
-
-@keyframes dialog-in {
-  from {
-    opacity: 0;
-    transform: scale(0.95) translateY(4px);
-  }
-  to {
-    opacity: 1;
-    transform: scale(1) translateY(0);
-  }
-}
-
-@keyframes dialog-backdrop-in {
-  from {
-    opacity: 0;
-  }
-  to {
-    opacity: 1;
-  }
-}

package/src/styles/ui/drawer.css

@@ -1,15 +0,0 @@
-.owo-drawer {
-  --drawer-surface: var(--owo-cmp-surface-bg-raised);
-  --drawer-border: var(--owo-cmp-surface-border);
-  --drawer-shadow: var(--drawer-panel-shadow);
-  will-change: transform;
-  background: var(--drawer-surface);
-  border-color: var(--drawer-border);
-  box-shadow: var(--drawer-shadow);
-}
-
-.owo-drawer-backdrop {
-  --drawer-backdrop: var(--owo-cmp-overlay-bg);
-  border: 0;
-  background: var(--drawer-backdrop);
-}