@stll/ui 0.2.0 → 0.4.0

package/dist/lib/option-color.js

@@ -0,0 +1,59 @@
+//#region src/lib/option-color.ts
+/** Named preset colors with CSS variable references. */
+const NAMED_COLORS = Object.freeze([
+	"red",
+	"orange",
+	"amber",
+	"yellow",
+	"lime",
+	"green",
+	"emerald",
+	"teal",
+	"cyan",
+	"sky",
+	"blue",
+	"indigo",
+	"violet",
+	"purple",
+	"fuchsia",
+	"gray"
+]);
+const optionVar = (name) => ({
+	background: `var(--option-${name}-bg)`,
+	foreground: `var(--option-${name}-fg)`,
+	color: `var(--option-${name})`
+});
+const hexVar = (hex) => ({
+	background: `color-mix(in srgb, #${hex} 12%, var(--background))`,
+	foreground: `color-mix(in srgb, #${hex} 50%, var(--foreground))`,
+	color: `#${hex}`
+});
+const namedColorsMap = {
+	red: optionVar("red"),
+	orange: optionVar("orange"),
+	amber: optionVar("amber"),
+	yellow: optionVar("yellow"),
+	lime: optionVar("lime"),
+	green: optionVar("green"),
+	emerald: optionVar("emerald"),
+	teal: optionVar("teal"),
+	cyan: optionVar("cyan"),
+	sky: optionVar("sky"),
+	blue: optionVar("blue"),
+	indigo: optionVar("indigo"),
+	violet: optionVar("violet"),
+	purple: optionVar("purple"),
+	fuchsia: optionVar("fuchsia"),
+	gray: optionVar("gray")
+};
+const emptyColor = optionVar("empty");
+/** Resolve any OptionColor (named or hex) to CSS color variants. */
+const resolveOptionColor = (color) => {
+	const namedColor = NAMED_COLORS.find((candidate) => candidate === color);
+	if (namedColor !== void 0) return namedColorsMap[namedColor];
+	return hexVar(color);
+};
+/** The 16 named preset color keys. */
+const optionColors = NAMED_COLORS;
+//#endregion
+export { emptyColor, optionColors, resolveOptionColor };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stll/ui",
-  "version": "0.2.0",
+  "version": "0.4.0",
   "description": "Stella's design system: bidi-aware React primitives built on Base UI, the dockable inspector pane, and the Tailwind v4 theme they are styled with.",
   "keywords": [
     "base-ui",
@@ -81,6 +81,14 @@
       "types": "./dist/components/command.d.ts",
       "import": "./dist/components/command.js"
     },
+    "./calendar": {
+      "types": "./dist/calendar/index.d.ts",
+      "import": "./dist/calendar/index.js"
+    },
+    "./data-table": {
+      "types": "./dist/data-table/index.d.ts",
+      "import": "./dist/data-table/index.js"
+    },
     "./date-picker-popover": {
       "types": "./dist/components/date-picker-popover.d.ts",
       "import": "./dist/components/date-picker-popover.js"
@@ -137,6 +145,10 @@
       "types": "./dist/components/menu.d.ts",
       "import": "./dist/components/menu.js"
     },
+    "./option-color": {
+      "types": "./dist/lib/option-color.d.ts",
+      "import": "./dist/lib/option-color.js"
+    },
     "./outline-rail": {
       "types": "./dist/components/outline-rail.d.ts",
       "import": "./dist/components/outline-rail.js"
@@ -249,6 +261,10 @@
       "types": "./dist/inspector/index.d.ts",
       "import": "./dist/inspector/index.js"
     },
+    "./kanban": {
+      "types": "./dist/kanban/index.d.ts",
+      "import": "./dist/kanban/index.js"
+    },
     "./theme.css": "./dist/styles/theme.css",
     "./components/accordion": {
       "types": "./dist/components/accordion.d.ts",
@@ -485,6 +501,8 @@
     "tailwind-merge": "^3.6.0"
   },
   "devDependencies": {
+    "@atlaskit/pragmatic-drag-and-drop": "^3.0.0",
+    "@atlaskit/pragmatic-drag-and-drop-auto-scroll": "^3.0.1",
     "@base-ui/react": "1.7.0",
     "@stll/typescript-config": "0.0.0",
     "@types/bun": "1.3.14",
@@ -496,6 +514,8 @@
     "tsdown": "0.22.14"
   },
   "peerDependencies": {
+    "@atlaskit/pragmatic-drag-and-drop": "^3.0.0",
+    "@atlaskit/pragmatic-drag-and-drop-auto-scroll": "^3.0.1",
     "@base-ui/react": "^1.7.0",
     "react": ">=19",
     "react-dom": ">=19",