@sepale/style 0.0.0-stage → 0.1.0

package/dist/daisy.css.d.ts

@@ -0,0 +1,83 @@
+// daisy.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>/daisy.css'` in any
+// file narrows every component's props to what daisy ships. To register it
+// for its types only: `import type {} from '<path>/daisy.css'`.
+
+declare global {
+	namespace Sepale {
+		interface Families {
+			'daisy': {
+				'accordion': { axes: { }; flags: 'separate'; background: false };
+				'alert': { axes: { 'color': 'accent' | 'error' | 'info' | 'neutral' | 'primary' | 'secondary' | 'success' | 'warning'; 'size': 'lg' | 'md' | 'sm' | 'xl' | 'xs'; 'variant': 'outline' | 'solid' }; flags: never; background: true };
+				'avatar': { axes: { 'color': 'accent' | 'error' | 'info' | 'neutral' | 'primary' | 'secondary' | 'success' | 'warning'; 'shape': 'hexagon' | 'square' | 'squircle'; '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': 'accent' | 'error' | 'info' | 'neutral' | 'primary' | 'secondary' | 'success' | 'warning'; 'shape': 'circle' | 'square'; 'size': 'lg' | 'md' | 'sm' | 'xl' | 'xs' | 'xxl' | 'xxs' | 'xxxl'; 'variant': 'dash' | 'ghost' | 'link' | 'outline' | 'soft'; 'width': 'block' | 'wide' }; flags: 'active'; background: true };
+				'bubble': { axes: { 'color': 'accent' | 'error' | 'info' | 'neutral' | 'primary' | 'secondary' | 'success' | 'warning'; 'size': 'lg' | 'md' | 'sm' | 'xl' | 'xs' }; flags: 'end' | 'no-tail'; background: true };
+				'calendar': { axes: { 'color': 'accent' | 'error' | 'info' | 'neutral' | 'primary' | 'secondary' | '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': 'accent' | 'error' | 'info' | 'neutral' | 'primary' | 'secondary' | 'success' | 'warning'; 'shape': 'square'; 'size': 'lg' | 'md' | 'sm' | 'xl' | 'xs'; 'variant': 'outline' }; flags: never; background: false };
+				'chip': { axes: { 'color': 'accent' | 'error' | 'info' | 'neutral' | 'primary' | 'secondary' | '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': 'accent' | 'error' | 'info' | 'neutral' | 'primary' | 'secondary' | 'success' | 'warning'; 'direction': 'horizontal' | 'vertical' }; 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': 'accent' | 'error' | 'info' | 'neutral' | 'primary' | 'secondary' | 'success' | 'warning'; 'size': 'lg' | 'md' | 'sm' | 'xl' | 'xs'; 'variant': 'ghost' }; flags: never; background: false };
+				'floating-label': { axes: { }; flags: never; background: false };
+				'footer': { axes: { 'color': 'accent' | 'error' | 'info' | 'neutral' | 'primary' | 'secondary' | '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': 'accent' | 'error' | 'info' | 'neutral' | 'primary' | 'secondary' | 'success' | 'warning'; 'size': 'lg' | 'md' | 'sm' | 'xl' | 'xs' }; flags: 'center' | 'reverse'; background: true };
+				'input': { axes: { 'color': 'accent' | 'error' | 'info' | 'neutral' | 'primary' | 'secondary' | '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': 'accent' | 'error' | 'info' | 'neutral' | 'primary' | 'secondary' | 'success' | 'warning'; 'size': 'lg' | 'md' | 'sm' | 'xl' | 'xs'; 'variant': 'bars' | 'count' | 'dots' }; flags: never; background: false };
+				'progress': { axes: { 'color': 'accent' | 'error' | 'info' | 'neutral' | 'primary' | 'secondary' | 'success' | 'warning' }; flags: never; background: false };
+				'radial-progress': { axes: { 'size': 'lg' | 'md' | 'sm' | 'xl' | 'xs' }; flags: never; background: false };
+				'radio': { axes: { 'color': 'accent' | 'error' | 'info' | 'neutral' | 'primary' | 'secondary' | 'success' | 'warning'; 'shape': 'square'; 'size': 'lg' | 'md' | 'sm' | 'xl' | 'xs' }; flags: never; background: false };
+				'range': { axes: { 'color': 'accent' | 'error' | 'info' | 'neutral' | 'primary' | 'secondary' | 'success' | 'warning'; 'size': 'lg' | 'md' | 'sm' | 'xl' | 'xs' }; flags: never; background: true };
+				'rating': { axes: { 'color': 'accent' | 'error' | 'info' | 'neutral' | 'primary' | 'secondary' | 'success' | 'warning'; 'size': 'lg' | 'md' | 'sm' | 'xl' | 'xs' }; flags: 'readonly'; background: false };
+				'select': { axes: { 'color': 'accent' | 'error' | 'info' | 'neutral' | 'primary' | 'secondary' | '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': 'accent' | 'error' | 'info' | 'neutral' | 'primary' | 'secondary' | 'success' | 'warning'; 'direction': 'horizontal' | 'vertical'; 'size': 'lg' | 'md' | 'sm' | 'xl' | 'xs' }; flags: 'compact'; background: false };
+				'subtitle': { axes: { 'color': 'accent' | 'error' | 'info' | 'neutral' | 'primary' | 'secondary' | 'success' | 'warning'; 's': '1' | '2' }; flags: never; background: false };
+				'swatch': { axes: { 'color': 'accent' | 'error' | 'info' | 'neutral' | 'primary' | 'secondary' | 'success' | 'warning'; 'shape': 'circle'; 'size': 'lg' | 'md' | 'sm' | 'xl' | 'xs' }; flags: 'active'; background: false };
+				'switch': { axes: { 'color': 'accent' | 'error' | 'info' | 'neutral' | 'primary' | 'secondary' | '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': 'accent' | 'error' | 'info' | 'neutral' | 'primary' | 'secondary' | 'success' | 'warning'; 's': '1' | '2' | '3' | '4' }; flags: never; background: false };
+				'textarea': { axes: { 'color': 'accent' | 'error' | 'info' | 'neutral' | 'primary' | 'secondary' | 'success' | 'warning'; 'size': 'lg' | 'md' | 'sm' | 'xl' | 'xs'; 'variant': 'ghost' }; flags: never; background: false };
+				'title': { axes: { 'color': 'accent' | 'error' | 'info' | 'neutral' | 'primary' | 'secondary' | 'success' | 'warning' }; flags: never; background: false };
+				'toast': { axes: { 'align': 'center' | 'end' | 'start'; 'side': 'bottom' | 'top' }; flags: never; background: false };
+				'toggle': { axes: { 'color': 'accent' | 'error' | 'info' | 'neutral' | 'primary' | 'secondary' | 'success' | 'warning'; 'size': 'lg' | 'md' | 'sm' | 'xl' | 'xs'; 'variant': 'track' }; flags: never; background: false };
+				'tooltip': { axes: { 'color': 'accent' | 'error' | 'info' | 'neutral' | 'primary' | 'secondary' | 'success' | 'warning'; 'side': 'bottom' | 'left' | 'right' | 'top' }; flags: 'float' | 'open'; background: true };
+				'window-frame': { axes: { }; flags: never; background: true };
+			};
+		}
+	}
+}
+
+export {};

package/dist/peony/themes/azure.css

@@ -0,0 +1,24 @@
+/* Theme "azure" - sage's white dashboard in business blue: a cool grey
+   page, white cards, a deep blue button, tight corners, a faint lift. */
+:root {
+  color-scheme: light;
+  --color-page: #f0f3f8;
+  --color-surface-1: #ffffff;
+  --color-surface-2: #f4f6fa;
+  --color-surface-3: #e8edf4;
+  --color-surface-4: #d9e1ec;
+  --color-border: #d5dde8;
+  --color-on-surface: #17212f;
+  --color-primary: #2459d6;
+  --color-neutral: #6b778a;
+  --color-info: #3aa0d8;
+  --color-success: #3faa78;
+  --color-warning: #e3a33e;
+  --color-error: #dc5a6e;
+  --radius-field: 0.375rem;
+  --radius-box: 0.625rem;
+  --radius-selector: 0.25rem;
+  --peony-shadow: 0.1;
+  --peony-glow: 0.6;
+  --peony-tint: 1;
+}

package/dist/peony/themes/azure.css.d.ts

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

package/dist/peony/themes/cream.css

@@ -0,0 +1,23 @@
+/* Theme "cream" - warm paper page, white cards, a black button, pastel accents */
+:root {
+  color-scheme: light;
+  --color-page: #faf6f0;
+  --color-surface-1: #ffffff;
+  --color-surface-2: #f6f3ee;
+  --color-surface-3: #efebe5;
+  --color-surface-4: #e6e1da;
+  --color-border: #e0dbd3;
+  --color-on-surface: #1d1d1f;
+  --color-primary: #161616;
+  --color-neutral: #8b8681;
+  --color-info: #7fb8ec;
+  --color-success: #8fd16a;
+  --color-warning: #f8b84e;
+  --color-error: #ef5f78;
+  --radius-field: 0.625rem;
+  --radius-box: 1rem;
+  --radius-selector: 0.375rem;
+  --peony-shadow: 1;
+  --peony-glow: 0;
+  --peony-tint: 1;
+}

package/dist/peony/themes/cream.css.d.ts

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

package/dist/peony/themes/iris.css

@@ -0,0 +1,24 @@
+/* Theme "iris" - sage's white dashboard in business violet: a lilac-grey
+   page, white cards, a deep violet button, tight corners, a faint lift. */
+:root {
+  color-scheme: light;
+  --color-page: #f2f1f7;
+  --color-surface-1: #ffffff;
+  --color-surface-2: #f5f4fa;
+  --color-surface-3: #ebe9f3;
+  --color-surface-4: #dedbea;
+  --color-border: #d9d6e6;
+  --color-on-surface: #1e1b2e;
+  --color-primary: #5b3fd1;
+  --color-neutral: #75718a;
+  --color-info: #4f8fe0;
+  --color-success: #3faa78;
+  --color-warning: #e3a33e;
+  --color-error: #dc5a6e;
+  --radius-field: 0.375rem;
+  --radius-box: 0.625rem;
+  --radius-selector: 0.25rem;
+  --peony-shadow: 0.1;
+  --peony-glow: 0.6;
+  --peony-tint: 1;
+}

package/dist/peony/themes/iris.css.d.ts

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

package/dist/peony/themes/lavender.css

@@ -0,0 +1,23 @@
+/* Theme "lavender" - lilac page, violet primary, orange accent, coloured shadows */
+:root {
+  color-scheme: light;
+  --color-page: #f3eefc;
+  --color-surface-1: #ffffff;
+  --color-surface-2: #f7f4fd;
+  --color-surface-3: #eee8fa;
+  --color-surface-4: #e3dbf5;
+  --color-border: #ded6ee;
+  --color-on-surface: #1f1b2d;
+  --color-primary: #9b6fd6;
+  --color-neutral: #8c86a0;
+  --color-info: #6fa8f5;
+  --color-success: #5cc98a;
+  --color-warning: #f5a43a;
+  --color-error: #ee5d6c;
+  --radius-field: 0.75rem;
+  --radius-box: 1.25rem;
+  --radius-selector: 0.5rem;
+  --peony-shadow: 1.3;
+  --peony-glow: 0.8;
+  --peony-tint: 1.2;
+}

package/dist/peony/themes/lavender.css.d.ts

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

package/dist/peony/themes/night.css

@@ -0,0 +1,23 @@
+/* Theme "night" - the cream theme after dark: ink page, lifted slate cards */
+:root {
+  color-scheme: dark;
+  --color-page: #121214;
+  --color-surface-1: #1c1c20;
+  --color-surface-2: #232328;
+  --color-surface-3: #2b2b31;
+  --color-surface-4: #35353c;
+  --color-border: #3a3a42;
+  --color-on-surface: #f1efec;
+  --color-primary: #f1efec;
+  --color-neutral: #8b8681;
+  --color-info: #7fb8ec;
+  --color-success: #8fd16a;
+  --color-warning: #f8b84e;
+  --color-error: #ef5f78;
+  --radius-field: 0.625rem;
+  --radius-box: 1rem;
+  --radius-selector: 0.375rem;
+  --peony-shadow: 1;
+  --peony-glow: 0;
+  --peony-tint: 1.4;
+}

package/dist/peony/themes/night.css.d.ts

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

package/dist/peony/themes/sage.css

@@ -0,0 +1,24 @@
+/* Theme "sage" - a sage-tinted page, white cards, a deep green button,
+   mint and apricot accents. The app's own chrome wears it. */
+:root {
+  color-scheme: light;
+  --color-page: #eef3ee;
+  --color-surface-1: #ffffff;
+  --color-surface-2: #f3f7f3;
+  --color-surface-3: #e7efe8;
+  --color-surface-4: #d9e5db;
+  --color-border: #d3ded5;
+  --color-on-surface: #1b2a22;
+  --color-primary: #2f7d57;
+  --color-neutral: #6f8478;
+  --color-info: #6fb3d9;
+  --color-success: #5cb87a;
+  --color-warning: #eeb54f;
+  --color-error: #e36a6a;
+  --radius-field: 0.625rem;
+  --radius-box: 1rem;
+  --radius-selector: 0.375rem;
+  --peony-shadow: 1;
+  --peony-glow: 0.6;
+  --peony-tint: 1;
+}

package/dist/peony/themes/sage.css.d.ts

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