@octohirono/stitch-design-system 0.1.0 → 0.2.0

package/dist/index.js

@@ -20,24 +20,31 @@ import { Switch as v } from "./components/Switch/Switch.js";
 import { Slider as y } from "./components/Slider/Slider.js";
 import { Label as b } from "./components/Label/Label.js";
 import { Select as x } from "./components/Select/Select.js";
-import { Form as S } from "./components/Form/Form.js";
-import { Tag as C } from "./components/Tag/Tag.js";
-import { Table as w } from "./components/Table/Table.js";
-import { CodeBlock as T } from "./components/CodeBlock/CodeBlock.js";
-import { Loading as E } from "./components/Loading/Loading.js";
-import { Progress as D } from "./components/Progress/Progress.js";
-import { Skeleton as O } from "./components/Skeleton/Skeleton.js";
-import { Notification as k } from "./components/Notification/NotificationPortal.js";
-import { Modal as A } from "./components/Modal/Modal.js";
-import { AlertDialog as j } from "./components/AlertDialog/AlertDialog.js";
-import { Drawer as M } from "./components/Drawer/Drawer.js";
-import { Tooltip as N } from "./components/Tooltip/Tooltip.js";
-import { Popover as P } from "./components/Popover/Popover.js";
-import { HoverCard as F } from "./components/HoverCard/HoverCard.js";
-import { DropdownMenu as I } from "./components/DropdownMenu/DropdownMenu.js";
-import { ContextMenu as L } from "./components/ContextMenu/ContextMenu.js";
-import { Menubar as R } from "./components/Menubar/Menubar.js";
-import { Toolbar as z } from "./components/Toolbar/Toolbar.js";
-import { NavigationMenu as B } from "./components/NavigationMenu/NavigationMenu.js";
-import { ScrollArea as V } from "./components/ScrollArea/ScrollArea.js";
-export { u as Accordion, j as AlertDialog, d as AspectRatio, f as Avatar, e as Button, o as Card, g as Checkbox, T as CodeBlock, c as Collapse, L as ContextMenu, s as Divider, M as Drawer, I as DropdownMenu, S as Form, F as HoverCard, t as ICON_LIST, n as Icon, a as Image, p as Input, b as Label, E as Loading, R as Menubar, A as Modal, B as NavigationMenu, k as Notification, h as OtpField, m as PasswordInput, P as Popover, D as Progress, _ as Radio, V as ScrollArea, x as Select, O as Skeleton, y as Slider, v as Switch, w as Table, l as Tabs, C as Tag, r as Toggle, i as ToggleGroup, z as Toolbar, N as Tooltip };
+import { Calendar as S } from "./components/Calendar/Calendar.js";
+import { Popover as C } from "./components/Popover/Popover.js";
+import { DatePicker as w } from "./components/DatePicker/DatePicker.js";
+import { Form as T } from "./components/Form/Form.js";
+import { Tag as E } from "./components/Tag/Tag.js";
+import { Table as D } from "./components/Table/Table.js";
+import { CodeBlock as O } from "./components/CodeBlock/CodeBlock.js";
+import { LineChart as k } from "./components/LineChart/LineChart.js";
+import { BarChart as A } from "./components/BarChart/BarChart.js";
+import { PieChart as j } from "./components/PieChart/PieChart.js";
+import { Stat as M } from "./components/Stat/Stat.js";
+import { StatGroup as N } from "./components/Stat/StatGroup.js";
+import { Loading as P } from "./components/Loading/Loading.js";
+import { Progress as F } from "./components/Progress/Progress.js";
+import { Skeleton as I } from "./components/Skeleton/Skeleton.js";
+import { Notification as L } from "./components/Notification/NotificationPortal.js";
+import { Modal as R } from "./components/Modal/Modal.js";
+import { AlertDialog as z } from "./components/AlertDialog/AlertDialog.js";
+import { Drawer as B } from "./components/Drawer/Drawer.js";
+import { Tooltip as V } from "./components/Tooltip/Tooltip.js";
+import { HoverCard as H } from "./components/HoverCard/HoverCard.js";
+import { DropdownMenu as U } from "./components/DropdownMenu/DropdownMenu.js";
+import { ContextMenu as W } from "./components/ContextMenu/ContextMenu.js";
+import { Menubar as G } from "./components/Menubar/Menubar.js";
+import { Toolbar as K } from "./components/Toolbar/Toolbar.js";
+import { NavigationMenu as q } from "./components/NavigationMenu/NavigationMenu.js";
+import { ScrollArea as J } from "./components/ScrollArea/ScrollArea.js";
+export { u as Accordion, z as AlertDialog, d as AspectRatio, f as Avatar, A as BarChart, e as Button, S as Calendar, o as Card, g as Checkbox, O as CodeBlock, c as Collapse, W as ContextMenu, w as DatePicker, s as Divider, B as Drawer, U as DropdownMenu, T as Form, H as HoverCard, t as ICON_LIST, n as Icon, a as Image, p as Input, b as Label, k as LineChart, P as Loading, G as Menubar, R as Modal, q as NavigationMenu, L as Notification, h as OtpField, m as PasswordInput, j as PieChart, C as Popover, F as Progress, _ as Radio, J as ScrollArea, x as Select, I as Skeleton, y as Slider, M as Stat, N as StatGroup, v as Switch, D as Table, l as Tabs, E as Tag, r as Toggle, i as ToggleGroup, K as Toolbar, V as Tooltip };

package/dist/style.css

@@ -1642,6 +1642,313 @@
 ._disabled_13o0n_133 ._value_13o0n_48 {
   color: var(--stitch-text-disabled);
 }
+._root_de6fy_1 {
+  display: inline-block;
+  padding: var(--stitch-spacing-md);
+  font-family: var(--stitch-font-body);
+  font-size: var(--stitch-font-size-sm);
+  color: var(--stitch-text-primary);
+  background: var(--stitch-bg-elevated);
+  border: var(--stitch-border-width) solid var(--stitch-border);
+  border-radius: var(--stitch-radius-card);
+}
+._months_de6fy_11 {
+  position: relative;
+}
+._caption_de6fy_14 {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 32px;
+  margin-bottom: var(--stitch-spacing-sm);
+}
+._captionLabel_de6fy_21 {
+  font-weight: var(--stitch-font-weight-medium);
+  color: var(--stitch-text-primary);
+}
+._nav_de6fy_25 {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+._navButton_de6fy_34 {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 32px;
+  height: 32px;
+  padding: 0;
+  border: var(--stitch-border-width) solid transparent;
+  border-radius: var(--stitch-radius-button);
+  background: transparent;
+  color: var(--stitch-text-secondary);
+  cursor: pointer;
+  transition: background var(--stitch-motion-duration-fast) var(--stitch-motion-ease);
+}
+._navButton_de6fy_34:hover:not(:disabled) {
+  background: var(--stitch-bg-card);
+  color: var(--stitch-text-primary);
+}
+._navButton_de6fy_34:focus-visible {
+  outline: 2px solid var(--stitch-focus-ring);
+  outline-offset: 1px;
+}
+._navButton_de6fy_34:disabled {
+  color: var(--stitch-text-disabled);
+  cursor: not-allowed;
+}
+._dropdowns_de6fy_60 {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: var(--stitch-spacing-sm);
+}
+._captionSelect_de6fy_66 button {
+  min-width: 0;
+}
+._captionYear_de6fy_69 button {
+  min-width: 0;
+}
+._grid_de6fy_72 {
+  border-collapse: collapse;
+}
+._weekday_de6fy_75 {
+  width: 36px;
+  height: 32px;
+  font-size: var(--stitch-font-size-sm);
+  font-weight: var(--stitch-font-weight-normal);
+  color: var(--stitch-text-muted);
+  text-align: center;
+}
+._day_de6fy_83 {
+  width: 36px;
+  height: 36px;
+  padding: 0;
+  text-align: center;
+  vertical-align: middle;
+}
+._dayButton_de6fy_90 {
+  box-sizing: border-box;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 36px;
+  padding: 0;
+  border: var(--stitch-border-width) solid transparent;
+  border-radius: var(--stitch-radius-input);
+  background: transparent;
+  color: var(--stitch-text-primary);
+  font: inherit;
+  cursor: pointer;
+  transition: background var(--stitch-motion-duration-fast) var(--stitch-motion-ease), color var(--stitch-motion-duration-fast) var(--stitch-motion-ease);
+}
+._dayButton_de6fy_90:hover:not(:disabled) {
+  background: var(--stitch-bg-card);
+}
+._dayButton_de6fy_90:focus-visible {
+  outline: 2px solid var(--stitch-focus-ring);
+  outline-offset: -2px;
+}
+._dayButton_de6fy_90:disabled {
+  cursor: not-allowed;
+}
+._today_de6fy_116:not(._selected_de6fy_116):not(._rangeStart_de6fy_116):not(._rangeEnd_de6fy_116) ._dayButton_de6fy_90 {
+  border-color: var(--stitch-border-strong);
+  font-weight: var(--stitch-font-weight-medium);
+}
+._outside_de6fy_120 ._dayButton_de6fy_90 {
+  color: var(--stitch-text-disabled);
+}
+._disabled_de6fy_123 ._dayButton_de6fy_90 {
+  color: var(--stitch-text-disabled);
+  cursor: not-allowed;
+}
+._disabled_de6fy_123 ._dayButton_de6fy_90:hover {
+  background: transparent;
+}
+._hidden_de6fy_130 {
+  visibility: hidden;
+}
+._selected_de6fy_116 ._dayButton_de6fy_90 {
+  background: var(--stitch-accent);
+  color: var(--stitch-accent-text);
+}
+._selected_de6fy_116 ._dayButton_de6fy_90:hover:not(:disabled) {
+  background: var(--stitch-accent);
+}
+._rangeMiddle_de6fy_140 ._dayButton_de6fy_90 {
+  background: var(--stitch-bg-accent);
+  color: var(--stitch-text-primary);
+  border-radius: 0;
+}
+._rangeMiddle_de6fy_140 ._dayButton_de6fy_90:hover:not(:disabled) {
+  background: var(--stitch-bg-accent);
+}
+._rangeStart_de6fy_116 ._dayButton_de6fy_90,
+._rangeEnd_de6fy_116 ._dayButton_de6fy_90 {
+  background: var(--stitch-accent);
+  color: var(--stitch-accent-text);
+}
+._rangeStart_de6fy_116 ._dayButton_de6fy_90:hover:not(:disabled),
+._rangeEnd_de6fy_116 ._dayButton_de6fy_90:hover:not(:disabled) {
+  background: var(--stitch-accent);
+}
+._rangeStart_de6fy_116 ._dayButton_de6fy_90 {
+  border-radius: var(--stitch-radius-input) 0 0 var(--stitch-radius-input);
+}
+._rangeEnd_de6fy_116 ._dayButton_de6fy_90 {
+  border-radius: 0 var(--stitch-radius-input) var(--stitch-radius-input) 0;
+}
+._rangeStart_de6fy_116._rangeEnd_de6fy_116 ._dayButton_de6fy_90 {
+  border-radius: var(--stitch-radius-input);
+}
+._content_hwtib_1 {
+  box-sizing: border-box;
+  min-width: 180px;
+  max-width: 320px;
+  padding: var(--stitch-spacing-md) var(--stitch-spacing-lg);
+  background: var(--stitch-bg-elevated);
+  border: var(--stitch-border-width) solid var(--stitch-border);
+  border-radius: var(--stitch-radius-card);
+  box-shadow: var(--stitch-shadow-base);
+  color: var(--stitch-text-primary);
+  font-family: var(--stitch-font-body);
+  font-size: var(--stitch-font-size-sm);
+  line-height: var(--stitch-line-height-base);
+  z-index: 100;
+}
+._content_hwtib_1:focus-visible {
+  outline: 2px solid var(--stitch-focus-ring);
+  outline-offset: 2px;
+}
+._content_hwtib_1[data-state='open'] {
+  animation: _stitch-popover-in_hwtib_1 var(--stitch-motion-duration-base) var(--stitch-motion-ease);
+}
+._content_hwtib_1[data-state='closed'] {
+  animation: _stitch-popover-out_hwtib_1 var(--stitch-motion-duration-fast) var(--stitch-motion-ease);
+}
+._arrow_hwtib_26 {
+  fill: var(--stitch-bg-elevated);
+}
+@keyframes _stitch-popover-in_hwtib_1 {
+  from {
+    opacity: 0;
+    transform: scale(0.96);
+  }
+  to {
+    opacity: 1;
+    transform: scale(1);
+  }
+}
+@keyframes _stitch-popover-out_hwtib_1 {
+  from {
+    opacity: 1;
+  }
+  to {
+    opacity: 0;
+  }
+}
+._field_qa4ee_1 {
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  min-width: 220px;
+}
+._trigger_qa4ee_7 {
+  display: inline-flex;
+  align-items: center;
+  gap: var(--stitch-spacing-sm);
+  width: 100%;
+  height: var(--stitch-height-base);
+  padding: 0 var(--stitch-spacing-xl) 0 var(--stitch-spacing-md);
+  border: var(--stitch-border-width) solid var(--stitch-border);
+  border-radius: var(--stitch-radius-input);
+  background: var(--stitch-bg-elevated);
+  color: var(--stitch-text-primary);
+  font-family: var(--stitch-font-body);
+  font-size: var(--stitch-font-size-base);
+  text-align: left;
+  cursor: pointer;
+  transition: border-color var(--stitch-motion-duration-fast) var(--stitch-motion-ease);
+}
+._trigger_qa4ee_7:hover:not(:disabled) {
+  border-color: var(--stitch-border-strong);
+}
+._trigger_qa4ee_7:focus-visible {
+  outline: none;
+  border-color: var(--stitch-accent);
+  box-shadow: 0 0 0 2px var(--stitch-focus-ring);
+}
+._trigger_qa4ee_7:disabled {
+  background: var(--stitch-bg-disabled);
+  color: var(--stitch-text-disabled);
+  cursor: not-allowed;
+}
+._calendarIcon_qa4ee_37 {
+  flex-shrink: 0;
+  color: var(--stitch-text-muted);
+}
+._text_qa4ee_41 {
+  flex: 1;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+._placeholder_qa4ee_47 {
+  color: var(--stitch-text-muted);
+}
+._small_qa4ee_50 ._trigger_qa4ee_7 {
+  height: var(--stitch-height-sm);
+  font-size: var(--stitch-font-size-sm);
+}
+._middle_qa4ee_54 ._trigger_qa4ee_7 {
+  height: var(--stitch-height-base);
+}
+._large_qa4ee_57 ._trigger_qa4ee_7 {
+  height: var(--stitch-height-lg);
+  font-size: var(--stitch-font-size-lg);
+}
+._status-error_qa4ee_61 ._trigger_qa4ee_7 {
+  border-color: var(--stitch-danger);
+}
+._status-error_qa4ee_61 ._trigger_qa4ee_7:focus-visible {
+  box-shadow: 0 0 0 2px var(--stitch-danger-bg);
+}
+._status-warning_qa4ee_67 ._trigger_qa4ee_7 {
+  border-color: var(--stitch-warning);
+}
+._status-warning_qa4ee_67 ._trigger_qa4ee_7:focus-visible {
+  box-shadow: 0 0 0 2px var(--stitch-warning-bg);
+}
+._clear_qa4ee_73 {
+  position: absolute;
+  right: var(--stitch-spacing-sm);
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  padding: 2px;
+  border: none;
+  border-radius: var(--stitch-radius-button);
+  background: transparent;
+  color: var(--stitch-text-muted);
+  cursor: pointer;
+}
+._clear_qa4ee_73:hover {
+  color: var(--stitch-text-primary);
+  background: var(--stitch-bg-card);
+}
+._clear_qa4ee_73:focus-visible {
+  outline: 2px solid var(--stitch-focus-ring);
+  outline-offset: 1px;
+}
+._panel_qa4ee_94 {
+  padding: var(--stitch-spacing-xs);
+}
 ._form_lunb0_1 {
   box-sizing: border-box;
   margin: 0;
@@ -2081,6 +2388,140 @@
 ._tok-jsx_zsyzk_49 {
   color: var(--stitch-cat-3);
 }
+._frame_o1yrk_1 {
+  width: 100%;
+}
+._tooltip_6t8so_1 {
+  padding: var(--stitch-spacing-sm) var(--stitch-spacing-md);
+  font-family: var(--stitch-font-body);
+  font-size: var(--stitch-font-size-sm);
+  line-height: var(--stitch-line-height-base);
+  pointer-events: none;
+}
+._label_6t8so_8 {
+  margin-bottom: var(--stitch-spacing-xs);
+  color: var(--stitch-text-secondary);
+}
+._row_6t8so_12 {
+  display: flex;
+  align-items: center;
+  gap: var(--stitch-spacing-sm);
+  color: var(--stitch-text-primary);
+}
+._swatch_6t8so_18 {
+  width: 10px;
+  height: 10px;
+  border-radius: 2px;
+  flex: none;
+}
+._name_6t8so_24 {
+  color: var(--stitch-text-secondary);
+}
+._value_6t8so_27 {
+  margin-left: auto;
+  color: var(--stitch-text-primary);
+}
+._chart_bhyb6_1 {
+  font-family: var(--stitch-font-body);
+  font-size: var(--stitch-font-size-sm);
+}
+._endLabel_bhyb6_5 {
+  fill: var(--stitch-text-primary);
+  font-size: var(--stitch-font-size-sm);
+}
+._chart_1sb8f_1 {
+  font-family: var(--stitch-font-body);
+  font-size: var(--stitch-font-size-sm);
+}
+._chart_yzp1s_1 {
+  font-family: var(--stitch-font-body);
+  font-size: var(--stitch-font-size-sm);
+}
+._center_yzp1s_5 {
+  fill: var(--stitch-text-primary);
+  font-size: var(--stitch-font-size-lg);
+  font-weight: var(--stitch-font-weight-medium);
+}
+._stat_1wp9y_1 {
+  display: flex;
+  flex-direction: column;
+  gap: var(--stitch-spacing-xs);
+  font-family: var(--stitch-font-body);
+  color: var(--stitch-text-primary);
+}
+._stat-title_1wp9y_8 {
+  font-size: var(--stitch-font-size-sm);
+  color: var(--stitch-text-secondary);
+}
+._stat-value-row_1wp9y_12 {
+  display: flex;
+  align-items: baseline;
+  gap: var(--stitch-spacing-sm);
+}
+._stat-value_1wp9y_12 {
+  display: inline-flex;
+  align-items: baseline;
+  gap: var(--stitch-spacing-xs);
+  font-size: var(--stitch-font-size-display);
+  font-weight: var(--stitch-font-weight-medium);
+  line-height: var(--stitch-line-height-base);
+}
+._stat-prefix_1wp9y_25,
+._stat-suffix_1wp9y_26 {
+  font-size: var(--stitch-font-size-lg);
+  color: var(--stitch-text-secondary);
+}
+._stat-trend_1wp9y_30 {
+  display: inline-flex;
+  align-items: center;
+  gap: var(--stitch-spacing-xs);
+  font-size: var(--stitch-font-size-sm);
+  font-weight: var(--stitch-font-weight-medium);
+}
+._stat-trend-positive_1wp9y_37 {
+  color: var(--stitch-success);
+}
+._stat-trend-negative_1wp9y_40 {
+  color: var(--stitch-danger);
+}
+._stat-caption_1wp9y_43 {
+  font-size: var(--stitch-font-size-sm);
+  color: var(--stitch-text-secondary);
+}
+._stat-status_1wp9y_47 {
+  display: inline-flex;
+  align-items: center;
+  gap: var(--stitch-spacing-xs);
+  font-size: var(--stitch-font-size-sm);
+  color: var(--stitch-text-secondary);
+}
+._stat-dot-neutral_1wp9y_54 {
+  color: var(--stitch-text-muted);
+}
+._stat-dot-success_1wp9y_57 {
+  color: var(--stitch-success);
+}
+._stat-dot-danger_1wp9y_60 {
+  color: var(--stitch-danger);
+}
+._stat-dot-warning_1wp9y_63 {
+  color: var(--stitch-warning);
+}
+._stat-dot-info_1wp9y_66 {
+  color: var(--stitch-info);
+}
+._group_1wp9y_69 {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: stretch;
+}
+._group-item_1wp9y_74 {
+  display: flex;
+  padding: 0 var(--stitch-spacing-xl);
+}
+._group-item_1wp9y_74 + ._group-item_1wp9y_74 {
+  border-left: var(--stitch-border-width) solid var(--stitch-border);
+}
 ._overlay_jixc4_1 {
   position: absolute;
   inset: 0;
@@ -3023,52 +3464,6 @@
   border-bottom: var(--stitch-border-width) solid var(--stitch-text-disabled);
   border-left: var(--stitch-border-width) solid var(--stitch-text-disabled);
 }
-._content_hwtib_1 {
-  box-sizing: border-box;
-  min-width: 180px;
-  max-width: 320px;
-  padding: var(--stitch-spacing-md) var(--stitch-spacing-lg);
-  background: var(--stitch-bg-elevated);
-  border: var(--stitch-border-width) solid var(--stitch-border);
-  border-radius: var(--stitch-radius-card);
-  box-shadow: var(--stitch-shadow-base);
-  color: var(--stitch-text-primary);
-  font-family: var(--stitch-font-body);
-  font-size: var(--stitch-font-size-sm);
-  line-height: var(--stitch-line-height-base);
-  z-index: 100;
-}
-._content_hwtib_1:focus-visible {
-  outline: 2px solid var(--stitch-focus-ring);
-  outline-offset: 2px;
-}
-._content_hwtib_1[data-state='open'] {
-  animation: _stitch-popover-in_hwtib_1 var(--stitch-motion-duration-base) var(--stitch-motion-ease);
-}
-._content_hwtib_1[data-state='closed'] {
-  animation: _stitch-popover-out_hwtib_1 var(--stitch-motion-duration-fast) var(--stitch-motion-ease);
-}
-._arrow_hwtib_26 {
-  fill: var(--stitch-bg-elevated);
-}
-@keyframes _stitch-popover-in_hwtib_1 {
-  from {
-    opacity: 0;
-    transform: scale(0.96);
-  }
-  to {
-    opacity: 1;
-    transform: scale(1);
-  }
-}
-@keyframes _stitch-popover-out_hwtib_1 {
-  from {
-    opacity: 1;
-  }
-  to {
-    opacity: 0;
-  }
-}
 ._content_1k47g_1 {
   box-sizing: border-box;
   width: 300px;

package/dist/themes/seline.css

@@ -0,0 +1,39 @@
+/* site theme: seline. per-site values only; constants/derived follow from :root. DO NOT EDIT. */
+[data-site="seline"] {
+  --stitch-bg-canvas: #fafaf9;
+  --stitch-bg-section: #fafaf9;
+  --stitch-bg-card: #ffffff;
+  --stitch-bg-elevated: #ffffff;
+  --stitch-bg-accent: #c1e1f7;
+  --stitch-bg-inverted: #1c1917;
+  --stitch-text-primary: #0c0a09;
+  --stitch-text-secondary: #78716c;
+  --stitch-text-muted: #a8a29e;
+  --stitch-text-on-accent: #3398e1;
+  --stitch-text-on-dark: #ffffff;
+  --stitch-accent: #3ba6f1;
+  --stitch-accent-text: #0c0a09;
+  --stitch-link: #3398e1;
+  --stitch-cat-1: #3ba6f1;
+  --stitch-cat-2: #78716c;
+  --stitch-cat-3: #a8a29e;
+  --stitch-cat-4: #0c0a09;
+  --stitch-cat-5: #c1e1f7;
+  --stitch-cat-6: #d6d3d1;
+  --stitch-font-display: 'Roobert', 'Inter Tight', 'Satoshi', ui-sans-serif, system-ui, sans-serif;
+  --stitch-font-body: 'Inter', ui-sans-serif, system-ui, -apple-system, sans-serif;
+  --stitch-font-weight-normal: 400;
+  --stitch-font-weight-medium: 500;
+  --stitch-radius-button: 9999px;
+  --stitch-radius-card: 10px;
+  --stitch-radius-input: 6px;
+  --stitch-radius-image: 16px;
+  --stitch-border: #e8e6e5;
+  --stitch-border-strong: #d6d3d1;
+  --stitch-icon-stroke-width: 1;
+  --stitch-shadow-sm: rgba(0,0,0,0.05) 0px 1px 2px 0px;
+  --stitch-shadow-base: rgba(0,0,0,0.05) 0px 4px 16px 0px;
+  --stitch-shadow-lg: rgba(17,12,46,0.12) 0px 12px 45px 0px;
+  --stitch-font-size-base: 14px;
+  --stitch-font-size-display: 52px;
+}

package/dist/themes/steep.css

@@ -0,0 +1,37 @@
+/* site theme: steep. per-site values only; constants/derived follow from :root. DO NOT EDIT. */
+[data-site="steep"] {
+  --stitch-bg-canvas: #ffffff;
+  --stitch-bg-section: #fafafb;
+  --stitch-bg-card: #f2f2f3;
+  --stitch-bg-elevated: #ffffff;
+  --stitch-bg-accent: #fbe1d1;
+  --stitch-bg-inverted: #17191c;
+  --stitch-text-primary: #17191c;
+  --stitch-text-secondary: #777b86;
+  --stitch-text-muted: #979799;
+  --stitch-text-on-accent: #5d2a1a;
+  --stitch-accent: #17191c;
+  --stitch-accent-text: #ffffff;
+  --stitch-link: #777b86;
+  --stitch-cat-1: #fbe1d1;
+  --stitch-cat-2: #5d2a1a;
+  --stitch-cat-3: #777b86;
+  --stitch-cat-4: #a3a6af;
+  --stitch-cat-5: color-mix(in srgb, #fbe1d1, #5d2a1a 45%);
+  --stitch-cat-6: color-mix(in srgb, #777b86, #ffffff 45%);
+  --stitch-font-display: 'Signifier', ui-serif, Georgia, serif;
+  --stitch-font-body: 'Sohne', ui-sans-serif, system-ui, sans-serif;
+  --stitch-font-weight-normal: 400;
+  --stitch-font-weight-medium: 400;
+  --stitch-radius-button: 9999px;
+  --stitch-radius-card: 24px;
+  --stitch-radius-input: 16px;
+  --stitch-radius-image: 12px;
+  --stitch-border: #ececec;
+  --stitch-icon-stroke-width: 2;
+  --stitch-shadow-sm: oklab(0 0 0 / 0.05) 0px 0px 0px 1px, rgba(0,0,0,0.08) 0px 4px 24px 0px;
+  --stitch-shadow-base: oklab(0 0 0 / 0.05) 0px 0px 0px 1px, rgba(0,0,0,0.1) 0px 8px 40px 0px;
+  --stitch-shadow-lg: rgba(4,23,43,0.05) 0px 0px 0px 1px, rgba(0,0,0,0.1) 0px 20px 25px -5px, rgba(0,0,0,0.1) 0px 8px 10px -6px;
+  --stitch-font-size-base: 17px;
+  --stitch-font-size-display: 90px;
+}

package/package.json

@@ -1,9 +1,10 @@
 {
   "name": "@octohirono/stitch-design-system",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "type": "module",
   "scripts": {
-    "prepublishOnly": "npm --prefix ../.. run ci"
+    "prepublishOnly": "npm --prefix ../.. run ci",
+    "version": "node ../../scripts/sync-plugin-version.mjs && git add ../../.claude-plugin/plugin.json"
   },
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -16,7 +17,8 @@
       "types": "./dist/index.d.ts",
       "import": "./dist/index.js"
     },
-    "./style": "./dist/style.css"
+    "./style": "./dist/style.css",
+    "./themes/*": "./dist/themes/*.css"
   },
   "sideEffects": [
     "**/*.css",
@@ -28,7 +30,10 @@
   },
   "dependencies": {
     "radix-ui": "^1.6.7",
-    "clsx": "^2"
+    "clsx": "^2",
+    "recharts": "^3.10.1",
+    "react-day-picker": "^10.0.1",
+    "date-fns": "^4.4.0"
   },
   "publishConfig": {
     "access": "public"