@sepale/style 0.0.0-stage → 0.1.0

package/dist/peony.css.d.ts

@@ -0,0 +1,83 @@
+// peony.css — what this family draws, for @sepale/components.
+// Generated from the stylesheet (ADR 0015): do not edit, regenerate it.
+//
+// Importing the stylesheet registers it: `import '<path>/peony.css'` in any
+// file narrows every component's props to what peony ships. To register it
+// for its types only: `import type {} from '<path>/peony.css'`.
+
+declare global {
+	namespace Sepale {
+		interface Families {
+			'peony': {
+				'accordion': { axes: { }; flags: 'separate'; background: false };
+				'alert': { axes: { 'color': 'error' | 'info' | 'neutral' | 'primary' | 'success' | 'warning'; 'size': 'lg' | 'md' | 'sm' | 'xl' | 'xs'; 'variant': 'outline' | 'solid' }; flags: never; background: true };
+				'avatar': { axes: { 'color': 'error' | 'info' | 'neutral' | 'primary' | 'success' | 'warning'; 'shape': 'square'; 'size': 'lg' | 'md' | 'sm' | 'xl' | 'xs' }; flags: never; background: true };
+				'badge': { axes: { 'align': 'center' | 'end' | 'start'; 'side': 'bottom' | 'middle' | 'top' }; flags: never; background: false };
+				'breadcrumbs': { axes: { 'size': 'lg' | 'md' | 'sm' | 'xl' | 'xs' }; flags: never; background: false };
+				'btn': { axes: { 'color': 'error' | 'info' | 'neutral' | 'primary' | 'success' | 'warning'; 'shape': 'circle' | 'square'; 'size': 'lg' | 'md' | 'sm' | 'xl' | 'xs' | 'xxl' | 'xxs' | 'xxxl'; 'variant': 'classic' | 'dash' | 'ghost' | 'link' | 'outline' | 'soft' | 'surface'; 'width': 'block' | 'wide' }; flags: 'active'; background: true };
+				'bubble': { axes: { 'color': 'error' | 'info' | 'neutral' | 'primary' | 'success' | 'warning'; 'size': 'lg' | 'md' | 'sm' | 'xl' | 'xs' }; flags: 'end' | 'no-tail'; background: true };
+				'calendar': { axes: { 'color': 'error' | 'info' | 'neutral' | 'primary' | 'success' | 'warning'; 'size': 'lg' | 'md' | 'sm' | 'xl' | 'xs' }; flags: never; background: true };
+				'card': { axes: { 'size': 'lg' | 'md' | 'sm' | 'xl' | 'xs' }; flags: 'border' | 'dash' | 'image-full' | 'side'; background: true };
+				'carousel': { axes: { 'align': 'center' | 'end' | 'start' }; flags: 'vertical'; background: false };
+				'checkbox': { axes: { 'color': 'error' | 'info' | 'neutral' | 'primary' | 'success' | 'warning'; 'shape': 'square'; 'size': 'lg' | 'md' | 'sm' | 'xl' | 'xs'; 'variant': 'outline' }; flags: never; background: false };
+				'chip': { axes: { 'color': 'error' | 'info' | 'neutral' | 'primary' | 'success' | 'warning'; 'size': 'lg' | 'md' | 'sm' | 'xl' | 'xs'; 'variant': 'dash' | 'ghost' | 'outline' | 'soft' }; flags: never; background: true };
+				'chips-input': { axes: { 'side': 'end' | 'start' | 'top'; 'size': 'lg' | 'md' | 'sm' | 'xl' | 'xs' }; flags: never; background: false };
+				'collapse': { axes: { 'variant': 'ghost' }; flags: 'arrow' | 'plus'; background: true };
+				'color-picker': { axes: { 'size': 'lg' | 'md' | 'sm' | 'xl' | 'xs' }; flags: 'flat'; background: true };
+				'combobox': { axes: { 'size': 'lg' | 'md' | 'sm' | 'xl' | 'xs' }; flags: never; background: false };
+				'data-control': { axes: { 'size': 'lg' | 'md' | 'sm' | 'xl' | 'xs'; 'variant': 'boxed' }; flags: never; background: true };
+				'dialog': { axes: { 'placement': 'bottom' | 'top'; 'size': 'lg' | 'md' | 'sm' | 'xl' | 'xs' }; flags: never; background: true };
+				'divider': { axes: { 'align': 'center' | 'end' | 'start'; 'color': 'error' | 'info' | 'neutral' | 'primary' | 'success' | 'warning'; 'direction': 'horizontal' | 'vertical'; 'variant': 'fade' }; flags: never; background: false };
+				'dock': { axes: { 'size': 'lg' | 'md' | 'sm' | 'xl' | 'xs' }; flags: never; background: false };
+				'drawer': { axes: { 'side': 'bottom' | 'left' | 'right' | 'top' }; flags: never; background: true };
+				'dropdown': { axes: { 'align': 'center' | 'end'; 'side': 'left' | 'right' | 'top'; 'size': 'lg' | 'md' | 'sm' | 'xl' | 'xs' }; flags: never; background: true };
+				'editable': { axes: { 'size': 'lg' | 'md' | 'sm' | 'xl' | 'xs' }; flags: never; background: false };
+				'empty-state': { axes: { 'size': 'lg' | 'md' | 'sm' | 'xl' | 'xs'; 'variant': 'dashed' }; flags: never; background: false };
+				'fieldset': { axes: { }; flags: never; background: false };
+				'file-explorer': { axes: { 'size': 'lg' | 'md' | 'sm' | 'xl' | 'xs' }; flags: never; background: true };
+				'file-input': { axes: { 'color': 'error' | 'info' | 'neutral' | 'primary' | 'success' | 'warning'; 'size': 'lg' | 'md' | 'sm' | 'xl' | 'xs'; 'variant': 'ghost' }; flags: never; background: false };
+				'floating-label': { axes: { }; flags: never; background: false };
+				'footer': { axes: { 'color': 'error' | 'info' | 'neutral' | 'primary' | 'success' | 'warning' }; flags: 'center'; background: true };
+				'grid': { axes: { 'gap': 'loose' | 'none' | 'tight'; 'size': 'lg' | 'md' | 'sm' | 'xl' | 'xs' }; flags: 'loading'; background: false };
+				'hero': { axes: { 'color': 'error' | 'info' | 'neutral' | 'primary' | 'success' | 'warning'; 'size': 'lg' | 'md' | 'sm' | 'xl' | 'xs' }; flags: 'center' | 'reverse'; background: true };
+				'input': { axes: { 'color': 'error' | 'info' | 'neutral' | 'primary' | 'success' | 'warning'; 'size': 'lg' | 'md' | 'sm' | 'xl' | 'xs'; 'variant': 'ghost' }; flags: 'nospinner'; background: false };
+				'join': { axes: { 'direction': 'horizontal' | 'vertical' }; flags: never; background: false };
+				'kanban': { axes: { 'gap': 'loose' | 'none' | 'tight'; 'size': 'lg' | 'md' | 'sm' | 'xl' | 'xs' }; flags: 'loading'; background: false };
+				'label': { axes: { }; flags: never; background: false };
+				'laptop-frame': { axes: { }; flags: never; background: false };
+				'list': { axes: { 'size': 'lg' | 'md' | 'sm' | 'xl' | 'xs'; 'variant': 'suggestions' }; flags: 'loading'; background: false };
+				'loading': { axes: { 'size': 'lg' | 'md' | 'sm' | 'xl' | 'xs'; 'variant': 'ball' | 'bars' | 'dots' | 'infinity' | 'ring' | 'spinner' }; flags: never; background: false };
+				'menu': { axes: { 'direction': 'horizontal'; 'size': 'lg' | 'md' | 'sm' | 'xl' | 'xs' }; flags: never; background: true };
+				'mobile-frame': { axes: { }; flags: never; background: false };
+				'navbar': { axes: { 'size': 'lg' | 'md' | 'sm' | 'xl' | 'xs' }; flags: 'sticky'; background: true };
+				'number-input': { axes: { 'size': 'lg' | 'md' | 'sm' | 'xl' | 'xs' }; flags: never; background: true };
+				'pagination': { axes: { 'color': 'error' | 'info' | 'neutral' | 'primary' | 'success' | 'warning'; 'size': 'lg' | 'md' | 'sm' | 'xl' | 'xs'; 'variant': 'bars' | 'count' | 'dots' }; flags: never; background: false };
+				'progress': { axes: { 'color': 'error' | 'info' | 'neutral' | 'primary' | 'success' | 'warning' }; flags: never; background: false };
+				'radial-progress': { axes: { 'size': 'lg' | 'md' | 'sm' | 'xl' | 'xs' }; flags: never; background: false };
+				'radio': { axes: { 'color': 'error' | 'info' | 'neutral' | 'primary' | 'success' | 'warning'; 'shape': 'square'; 'size': 'lg' | 'md' | 'sm' | 'xl' | 'xs' }; flags: never; background: false };
+				'range': { axes: { 'color': 'error' | 'info' | 'neutral' | 'primary' | 'success' | 'warning'; 'size': 'lg' | 'md' | 'sm' | 'xl' | 'xs' }; flags: never; background: true };
+				'rating': { axes: { 'color': 'error' | 'info' | 'neutral' | 'primary' | 'success' | 'warning'; 'size': 'lg' | 'md' | 'sm' | 'xl' | 'xs' }; flags: 'readonly'; background: false };
+				'select': { axes: { 'color': 'error' | 'info' | 'neutral' | 'primary' | 'success' | 'warning'; 'size': 'lg' | 'md' | 'sm' | 'xl' | 'xs'; 'variant': 'ghost' }; flags: never; background: false };
+				'sidebar': { axes: { 'side': 'end'; 'size': 'lg' | 'md' | 'sm' | 'xl' | 'xs' }; flags: never; background: true };
+				'skeleton': { axes: { 'variant': 'text' }; flags: never; background: false };
+				'stat': { axes: { 'size': 'lg' | 'md' | 'sm' | 'xl' | 'xs' }; flags: never; background: true };
+				'stats': { axes: { 'direction': 'horizontal' | 'vertical' }; flags: never; background: true };
+				'steps': { axes: { 'color': 'error' | 'info' | 'neutral' | 'primary' | 'success' | 'warning'; 'direction': 'horizontal' | 'vertical'; 'size': 'lg' | 'md' | 'sm' | 'xl' | 'xs' }; flags: 'compact'; background: false };
+				'subtitle': { axes: { 'color': 'error' | 'info' | 'neutral' | 'primary' | 'success' | 'warning'; 's': '1' | '2' }; flags: never; background: false };
+				'swatch': { axes: { 'color': 'error' | 'info' | 'neutral' | 'primary' | 'success' | 'warning'; 'shape': 'circle'; 'size': 'lg' | 'md' | 'sm' | 'xl' | 'xs' }; flags: 'active'; background: false };
+				'switch': { axes: { 'color': 'error' | 'info' | 'neutral' | 'primary' | 'success' | 'warning'; 'size': 'lg' | 'md' | 'sm' | 'xl' | 'xs' }; flags: 'block'; background: true };
+				'table': { axes: { 'size': 'lg' | 'md' | 'sm' | 'xl' | 'xs' }; flags: 'hover' | 'loading' | 'pinned' | 'zebra'; background: true };
+				'tabs': { axes: { 'placement': 'bottom' | 'top'; 'size': 'lg' | 'md' | 'sm' | 'xl' | 'xs'; 'variant': 'border' | 'box' | 'lift' }; flags: never; background: false };
+				'text': { axes: { 'b': '1' | '2' | '3'; 'color': 'error' | 'info' | 'neutral' | 'primary' | 'success' | 'warning'; 's': '1' | '2' | '3' | '4' }; flags: never; background: false };
+				'textarea': { axes: { 'color': 'error' | 'info' | 'neutral' | 'primary' | 'success' | 'warning'; 'size': 'lg' | 'md' | 'sm' | 'xl' | 'xs'; 'variant': 'ghost' }; flags: never; background: false };
+				'title': { axes: { 'color': 'error' | 'info' | 'neutral' | 'primary' | 'success' | 'warning' }; flags: never; background: false };
+				'toast': { axes: { 'align': 'center' | 'end' | 'start'; 'side': 'bottom' | 'top' }; flags: never; background: false };
+				'toggle': { axes: { 'color': 'error' | 'info' | 'neutral' | 'primary' | 'success' | 'warning'; 'size': 'lg' | 'md' | 'sm' | 'xl' | 'xs'; 'variant': 'track' }; flags: never; background: false };
+				'tooltip': { axes: { 'color': 'error' | 'info' | 'neutral' | 'primary' | 'success' | 'warning'; 'side': 'bottom' | 'left' | 'right' | 'top' }; flags: 'float' | 'open'; background: true };
+				'window-frame': { axes: { }; flags: never; background: true };
+			};
+		}
+	}
+}
+
+export {};

package/dist/reset.css

@@ -0,0 +1,123 @@
+@charset "UTF-8";
+/* ============================================================
+   reset.scss — the page reset, OPTIONAL and outside every family.
+
+   It once lived inside the shared base, which made it impossible to take
+   the kit without it. It is its own stylesheet now: the build emits
+   static/reset.css, the bundle ships it beside the family's stylesheet, and a page
+   that already has a reset simply does not load it.
+
+   No family depends on it: every component sizes itself with
+   `box-sizing: border-box` written at its own site. What this file
+   buys is a predictable page around them — no default margins, form
+   controls inheriting the page font, media boxed to their container.
+
+   Origin: Tailwind CSS 4 preflight (MIT, Copyright (c) Tailwind Labs,
+   Inc.), copied before the no-Tailwind rule existed and trimmed since.
+   There is no dependency on Tailwind.
+   ============================================================ */
+/* reset.css - based on Tailwind CSS 4 preflight - MIT License - Copyright (c) Tailwind Labs, Inc. */
+*,
+::after,
+::backdrop,
+::before,
+::file-selector-button {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  border: 0 solid;
+}
+
+:host,
+html {
+  line-height: 1.5;
+  font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+}
+
+body {
+  line-height: inherit;
+}
+
+hr {
+  height: 0;
+  color: inherit;
+  border-top-width: 1px;
+}
+
+h1, h2, h3, h4, h5, h6 {
+  font-size: inherit;
+  font-weight: inherit;
+}
+
+a {
+  color: inherit;
+  text-decoration: inherit;
+}
+
+table {
+  text-indent: 0;
+  border-color: inherit;
+  border-collapse: collapse;
+}
+
+::file-selector-button,
+button,
+input,
+optgroup,
+select,
+textarea {
+  font: inherit;
+  font-feature-settings: inherit;
+  font-variation-settings: inherit;
+  letter-spacing: inherit;
+  color: inherit;
+  background: 0 0;
+}
+
+input:where(:not([type=button], [type=reset], [type=submit])),
+select,
+textarea {
+  border-width: 1px;
+}
+
+::file-selector-button,
+button,
+input:where([type=button], [type=reset], [type=submit]) {
+  appearance: button;
+}
+
+:-moz-focusring {
+  outline: auto;
+}
+
+:-moz-ui-invalid {
+  box-shadow: none;
+}
+
+::-webkit-search-decoration {
+  -webkit-appearance: none;
+}
+
+menu, ol, ul {
+  list-style: none;
+}
+
+textarea {
+  resize: vertical;
+}
+
+::placeholder {
+  opacity: 1;
+  color: color-mix(in oklch, currentColor 50%, rgba(0, 0, 0, 0));
+}
+
+audio, canvas, embed, iframe, img, object, svg, video {
+  display: block;
+  vertical-align: middle;
+}
+
+img, video {
+  max-width: 100%;
+  height: auto;
+}

package/dist/reset.css.d.ts

@@ -0,0 +1,2 @@
+// A stylesheet with no types of its own: it registers no family.
+export {};

package/dist/sunflower/themes/light.css

@@ -0,0 +1,13 @@
+/* Theme "light" - the canonical yellow-on-black neo-brutalist page */
+:root {
+  color-scheme: light;
+  --color-primary: #ffdc58;
+  --color-surface-2: #ffffff;
+  --color-on-surface: #000000;
+  --color-border: #000000;
+  --color-success: #4ade80;
+  --color-error: #f87171;
+  --radius-field: 0.3125rem;
+  --radius-box: 0.3125rem;
+  --border: 2px;
+}

package/dist/sunflower/themes/light.css.d.ts

@@ -0,0 +1,2 @@
+// A stylesheet with no types of its own: it registers no family.
+export {};

package/dist/sunflower/themes/mint.css

@@ -0,0 +1,13 @@
+/* Theme "mint" - a cooler sheet: mint paper, same heavy line */
+:root {
+  color-scheme: light;
+  --color-primary: #6ee7b7;
+  --color-surface-2: #ffffff;
+  --color-on-surface: #000000;
+  --color-border: #000000;
+  --color-success: #22c55e;
+  --color-error: #ef4444;
+  --radius-field: 0.3125rem;
+  --radius-box: 0.3125rem;
+  --border: 2px;
+}

package/dist/sunflower/themes/mint.css.d.ts

@@ -0,0 +1,2 @@
+// A stylesheet with no types of its own: it registers no family.
+export {};