@pickle-ui/react 0.0.0-stage → 1.0.0-beta.4

package/dist/index.js

@@ -0,0 +1,39 @@
+// The public API is the union of the subpath entries in ./entries: add a
+// component there and re-export it here (see "Public API" in AGENTS.md).
+export * from './entries/alert.js';
+export * from './entries/alert-dialog.js';
+export * from './entries/avatar.js';
+export * from './entries/badge.js';
+export * from './entries/button.js';
+export * from './entries/card.js';
+export * from './entries/checkbox.js';
+export * from './entries/cn.js';
+export * from './entries/color-picker.js';
+export * from './entries/combobox.js';
+export * from './entries/dialog.js';
+export * from './entries/flex.js';
+export * from './entries/form.js';
+export * from './entries/grid.js';
+export * from './entries/group.js';
+export * from './entries/input.js';
+export * from './entries/input-group.js';
+export * from './entries/menu.js';
+export * from './entries/popover.js';
+export * from './entries/progress.js';
+export * from './entries/radio-group.js';
+export * from './entries/scroll-area.js';
+export * from './entries/select.js';
+export * from './entries/separator.js';
+export * from './entries/sidebar.js';
+export * from './entries/slider.js';
+export * from './entries/spinner.js';
+export * from './entries/switch.js';
+export * from './entries/table.js';
+export * from './entries/text.js';
+export * from './entries/textarea.js';
+export * from './entries/theme.js';
+export * from './entries/toast.js';
+export * from './entries/tooltip.js';
+export * from './entries/x-stack.js';
+export * from './entries/y-stack.js';
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,yEAAyE;AACzE,yEAAyE;AACzE,cAAc,iBAAiB,CAAC;AAChC,cAAc,wBAAwB,CAAC;AACvC,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,oBAAoB,CAAC;AACnC,cAAc,cAAc,CAAC;AAC7B,cAAc,wBAAwB,CAAC;AACvC,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,uBAAuB,CAAC;AACtC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,kBAAkB,CAAC;AACjC,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC"}

package/dist/lib/color.d.ts

@@ -0,0 +1,42 @@
+/**
+ * Color helpers for the color picker.
+ *
+ * culori performs every color-space conversion and string parse. The functions
+ * here are thin adapters that translate between culori's normalized shape
+ * (`{ mode, r/g/b: 0–1, alpha: 0–1 }`) and the integer/percentage shape the UI
+ * works in (`ColorValue` with 0–255 channels, HSL/HSV in degrees/percent), plus
+ * rounding and null-hue handling for greys.
+ */
+export declare const colorFormats: readonly ["hex", "rgb", "hsl", "hsb"];
+export type ColorFormat = (typeof colorFormats)[number];
+export interface ColorValue {
+    r: number;
+    g: number;
+    b: number;
+    a: number;
+}
+export interface HSVColorValue {
+    h: number;
+    s: number;
+    v: number;
+    a: number;
+}
+export declare function hexToRgb(hex: string, alpha?: number): ColorValue;
+export declare function isColorEqual(a: ColorValue, b: ColorValue): boolean;
+export declare function isHsvEqual(a: HSVColorValue, b: HSVColorValue): boolean;
+export declare function rgbToHex(color: ColorValue): string;
+export declare function rgbToHsv(color: ColorValue, fallbackHue?: number): HSVColorValue;
+export declare function hsvToRgb(hsv: HSVColorValue): ColorValue;
+export declare function rgbToHsl(color: ColorValue): {
+    h: number;
+    s: number;
+    l: number;
+};
+export declare function hslToRgb(hsl: {
+    h: number;
+    s: number;
+    l: number;
+}, alpha?: number): ColorValue;
+export declare function colorToString(color: ColorValue, format?: ColorFormat): string;
+export declare function parseColorString(value: string): ColorValue | null;
+//# sourceMappingURL=color.d.ts.map

package/dist/lib/color.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"color.d.ts","sourceRoot":"","sources":["../../src/lib/color.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAMH,eAAO,MAAM,YAAY,uCAAwC,CAAC;AAElE,MAAM,MAAM,WAAW,GAAG,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,CAAC,CAAC;AAExD,MAAM,WAAW,UAAU;IACzB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACX;AAED,MAAM,WAAW,aAAa;IAC5B,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACX;AA2DD,wBAAgB,QAAQ,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,GAAG,UAAU,CAOhE;AAED,wBAAgB,YAAY,CAAC,CAAC,EAAE,UAAU,EAAE,CAAC,EAAE,UAAU,WAExD;AAED,wBAAgB,UAAU,CAAC,CAAC,EAAE,aAAa,EAAE,CAAC,EAAE,aAAa,WAE5D;AAED,wBAAgB,QAAQ,CAAC,KAAK,EAAE,UAAU,GAAG,MAAM,CAElD;AAED,wBAAgB,QAAQ,CAAC,KAAK,EAAE,UAAU,EAAE,WAAW,SAAI,GAAG,aAAa,CAS1E;AAED,wBAAgB,QAAQ,CAAC,GAAG,EAAE,aAAa,GAAG,UAAU,CAUvD;AAED,wBAAgB,QAAQ,CAAC,KAAK,EAAE,UAAU;;;;EAQzC;AAED,wBAAgB,QAAQ,CACtB,GAAG,EAAE;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,EACxC,KAAK,SAAI,GACR,UAAU,CAUZ;AAED,wBAAgB,aAAa,CAC3B,KAAK,EAAE,UAAU,EACjB,MAAM,GAAE,WAAmB,GAC1B,MAAM,CAuBR;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,MAAM,GAAG,UAAU,GAAG,IAAI,CAMjE"}

package/dist/lib/color.js

@@ -0,0 +1,140 @@
+/**
+ * Color helpers for the color picker.
+ *
+ * culori performs every color-space conversion and string parse. The functions
+ * here are thin adapters that translate between culori's normalized shape
+ * (`{ mode, r/g/b: 0–1, alpha: 0–1 }`) and the integer/percentage shape the UI
+ * works in (`ColorValue` with 0–255 channels, HSL/HSV in degrees/percent), plus
+ * rounding and null-hue handling for greys.
+ */
+/* eslint-disable perfectionist/sort-objects, perfectionist/sort-object-types, perfectionist/sort-interfaces, perfectionist/sort-modules, perfectionist/sort-switch-case -- color values read best in their conventional order (RGBA/HSVA channels, culori's mode-first shape, rgb↔x conversion pairs, format precedence) rather than alphabetically. */
+import { converter, formatHex, parse } from 'culori';
+export const colorFormats = ['hex', 'rgb', 'hsl', 'hsb'];
+const toRgb = converter('rgb');
+const toHsl = converter('hsl');
+const toHsv = converter('hsv');
+function clamp(value, min, max) {
+    return Math.min(max, Math.max(min, value));
+}
+function alphaToValue(alpha) {
+    return clamp(alpha ?? 1, 0, 1);
+}
+function parseAlphaValue(value, isPercent) {
+    if (!value)
+        return 1;
+    const alpha = Number.parseFloat(value);
+    return alphaToValue(isPercent ? alpha / 100 : alpha);
+}
+function toCuloriRgb(color) {
+    return {
+        mode: 'rgb',
+        r: color.r / 255,
+        g: color.g / 255,
+        b: color.b / 255,
+        alpha: color.a,
+    };
+}
+function fromCuloriRgb(color) {
+    return {
+        r: Math.round(clamp(color.r, 0, 1) * 255),
+        g: Math.round(clamp(color.g, 0, 1) * 255),
+        b: Math.round(clamp(color.b, 0, 1) * 255),
+        a: alphaToValue(color.alpha),
+    };
+}
+/** culori does not parse the `hsb()`/`hsba()` notation, so handle it ourselves. */
+function parseHsbString(value) {
+    const numberPattern = String.raw `([+-]?(?:\d+\.?\d*|\.\d+))`;
+    const hsbMatch = new RegExp(String.raw `^hsba?\(\s*${numberPattern}(?:deg)?(?:\s*,\s*|\s+)${numberPattern}%(?:\s*,\s*|\s+)${numberPattern}%(?:\s*(?:,|\/)\s*${numberPattern}(%)?)?\s*\)$`, 'i').exec(value);
+    if (!hsbMatch)
+        return null;
+    return {
+        mode: 'hsv',
+        h: Number.parseFloat(hsbMatch[1] ?? '0'),
+        s: clamp(Number.parseFloat(hsbMatch[2] ?? '0') / 100, 0, 1),
+        v: clamp(Number.parseFloat(hsbMatch[3] ?? '0') / 100, 0, 1),
+        alpha: parseAlphaValue(hsbMatch[4], hsbMatch[5]),
+    };
+}
+export function hexToRgb(hex, alpha) {
+    const color = parse(hex);
+    const rgb = color ? toRgb(color) : undefined;
+    return rgb
+        ? { ...fromCuloriRgb(rgb), a: alpha ?? 1 }
+        : { r: 0, g: 0, b: 0, a: alpha ?? 1 };
+}
+export function isColorEqual(a, b) {
+    return a.r === b.r && a.g === b.g && a.b === b.b && a.a === b.a;
+}
+export function isHsvEqual(a, b) {
+    return a.h === b.h && a.s === b.s && a.v === b.v && a.a === b.a;
+}
+export function rgbToHex(color) {
+    return formatHex(toCuloriRgb(color)) ?? '#000000';
+}
+export function rgbToHsv(color, fallbackHue = 0) {
+    const hsv = toHsv(toCuloriRgb(color));
+    return {
+        h: Math.round(hsv.h ?? fallbackHue),
+        s: Math.round(hsv.s * 100),
+        v: Math.round(hsv.v * 100),
+        a: alphaToValue(hsv.alpha),
+    };
+}
+export function hsvToRgb(hsv) {
+    return fromCuloriRgb(toRgb({
+        mode: 'hsv',
+        h: hsv.h,
+        s: hsv.s / 100,
+        v: hsv.v / 100,
+        alpha: hsv.a,
+    }));
+}
+export function rgbToHsl(color) {
+    const hsl = toHsl(toCuloriRgb(color));
+    return {
+        h: Math.round(hsl.h ?? 0),
+        s: Math.round(hsl.s * 100),
+        l: Math.round(hsl.l * 100),
+    };
+}
+export function hslToRgb(hsl, alpha = 1) {
+    return fromCuloriRgb(toRgb({
+        mode: 'hsl',
+        h: hsl.h,
+        s: hsl.s / 100,
+        l: hsl.l / 100,
+        alpha,
+    }));
+}
+export function colorToString(color, format = 'hex') {
+    switch (format) {
+        case 'hex':
+            return rgbToHex(color);
+        case 'rgb':
+            return color.a < 1
+                ? `rgba(${color.r}, ${color.g}, ${color.b}, ${color.a})`
+                : `rgb(${color.r}, ${color.g}, ${color.b})`;
+        case 'hsl': {
+            const hsl = rgbToHsl(color);
+            return color.a < 1
+                ? `hsla(${hsl.h}, ${hsl.s}%, ${hsl.l}%, ${color.a})`
+                : `hsl(${hsl.h}, ${hsl.s}%, ${hsl.l}%)`;
+        }
+        case 'hsb': {
+            const hsv = rgbToHsv(color);
+            return color.a < 1
+                ? `hsba(${hsv.h}, ${hsv.s}%, ${hsv.v}%, ${color.a})`
+                : `hsb(${hsv.h}, ${hsv.s}%, ${hsv.v}%)`;
+        }
+        default:
+            return rgbToHex(color);
+    }
+}
+export function parseColorString(value) {
+    const trimmed = value.trim();
+    const color = parseHsbString(trimmed) ?? parse(trimmed);
+    const rgb = color ? toRgb(color) : undefined;
+    return rgb ? fromCuloriRgb(rgb) : null;
+}
+//# sourceMappingURL=color.js.map

package/dist/lib/color.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"color.js","sourceRoot":"","sources":["../../src/lib/color.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,wVAAwV;AAExV,OAAO,EAAE,SAAS,EAAE,SAAS,EAAY,KAAK,EAAY,MAAM,QAAQ,CAAC;AAEzE,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,CAAU,CAAC;AAkBlE,MAAM,KAAK,GAAG,SAAS,CAAC,KAAK,CAAC,CAAC;AAC/B,MAAM,KAAK,GAAG,SAAS,CAAC,KAAK,CAAC,CAAC;AAC/B,MAAM,KAAK,GAAG,SAAS,CAAC,KAAK,CAAC,CAAC;AAE/B,SAAS,KAAK,CAAC,KAAa,EAAE,GAAW,EAAE,GAAW;IACpD,OAAO,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC,CAAC;AAC7C,CAAC;AAED,SAAS,YAAY,CAAC,KAAyB;IAC7C,OAAO,KAAK,CAAC,KAAK,IAAI,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;AACjC,CAAC;AAED,SAAS,eAAe,CAAC,KAAyB,EAAE,SAAkB;IACpE,IAAI,CAAC,KAAK;QAAE,OAAO,CAAC,CAAC;IAErB,MAAM,KAAK,GAAG,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;IACvC,OAAO,YAAY,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,GAAG,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;AACvD,CAAC;AAED,SAAS,WAAW,CAAC,KAAiB;IACpC,OAAO;QACL,IAAI,EAAE,KAAK;QACX,CAAC,EAAE,KAAK,CAAC,CAAC,GAAG,GAAG;QAChB,CAAC,EAAE,KAAK,CAAC,CAAC,GAAG,GAAG;QAChB,CAAC,EAAE,KAAK,CAAC,CAAC,GAAG,GAAG;QAChB,KAAK,EAAE,KAAK,CAAC,CAAC;KACf,CAAC;AACJ,CAAC;AAED,SAAS,aAAa,CAAC,KAAU;IAC/B,OAAO;QACL,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,GAAG,GAAG,CAAC;QACzC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,GAAG,GAAG,CAAC;QACzC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,GAAG,GAAG,CAAC;QACzC,CAAC,EAAE,YAAY,CAAC,KAAK,CAAC,KAAK,CAAC;KAC7B,CAAC;AACJ,CAAC;AAED,mFAAmF;AACnF,SAAS,cAAc,CAAC,KAAa;IACnC,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAAA,4BAA4B,CAAC;IAC7D,MAAM,QAAQ,GAAG,IAAI,MAAM,CACzB,MAAM,CAAC,GAAG,CAAA,cAAc,aAAa,0BAA0B,aAAa,mBAAmB,aAAa,qBAAqB,aAAa,cAAc,EAC5J,GAAG,CACJ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAEd,IAAI,CAAC,QAAQ;QAAE,OAAO,IAAI,CAAC;IAE3B,OAAO;QACL,IAAI,EAAE,KAAK;QACX,CAAC,EAAE,MAAM,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,GAAG,CAAC;QACxC,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,GAAG,CAAC,GAAG,GAAG,EAAE,CAAC,EAAE,CAAC,CAAC;QAC3D,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,GAAG,CAAC,GAAG,GAAG,EAAE,CAAC,EAAE,CAAC,CAAC;QAC3D,KAAK,EAAE,eAAe,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC;KACjD,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,QAAQ,CAAC,GAAW,EAAE,KAAc;IAClD,MAAM,KAAK,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC;IACzB,MAAM,GAAG,GAAG,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IAE7C,OAAO,GAAG;QACR,CAAC,CAAC,EAAE,GAAG,aAAa,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC,EAAE;QAC1C,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC,EAAE,CAAC;AAC1C,CAAC;AAED,MAAM,UAAU,YAAY,CAAC,CAAa,EAAE,CAAa;IACvD,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;AAClE,CAAC;AAED,MAAM,UAAU,UAAU,CAAC,CAAgB,EAAE,CAAgB;IAC3D,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;AAClE,CAAC;AAED,MAAM,UAAU,QAAQ,CAAC,KAAiB;IACxC,OAAO,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,IAAI,SAAS,CAAC;AACpD,CAAC;AAED,MAAM,UAAU,QAAQ,CAAC,KAAiB,EAAE,WAAW,GAAG,CAAC;IACzD,MAAM,GAAG,GAAG,KAAK,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC;IAEtC,OAAO;QACL,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,WAAW,CAAC;QACnC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC;QAC1B,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC;QAC1B,CAAC,EAAE,YAAY,CAAC,GAAG,CAAC,KAAK,CAAC;KAC3B,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,QAAQ,CAAC,GAAkB;IACzC,OAAO,aAAa,CAClB,KAAK,CAAC;QACJ,IAAI,EAAE,KAAK;QACX,CAAC,EAAE,GAAG,CAAC,CAAC;QACR,CAAC,EAAE,GAAG,CAAC,CAAC,GAAG,GAAG;QACd,CAAC,EAAE,GAAG,CAAC,CAAC,GAAG,GAAG;QACd,KAAK,EAAE,GAAG,CAAC,CAAC;KACb,CAAC,CACH,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,QAAQ,CAAC,KAAiB;IACxC,MAAM,GAAG,GAAG,KAAK,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC;IAEtC,OAAO;QACL,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC;QACzB,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC;QAC1B,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC;KAC3B,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,QAAQ,CACtB,GAAwC,EACxC,KAAK,GAAG,CAAC;IAET,OAAO,aAAa,CAClB,KAAK,CAAC;QACJ,IAAI,EAAE,KAAK;QACX,CAAC,EAAE,GAAG,CAAC,CAAC;QACR,CAAC,EAAE,GAAG,CAAC,CAAC,GAAG,GAAG;QACd,CAAC,EAAE,GAAG,CAAC,CAAC,GAAG,GAAG;QACd,KAAK;KACN,CAAC,CACH,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,aAAa,CAC3B,KAAiB,EACjB,SAAsB,KAAK;IAE3B,QAAQ,MAAM,EAAE,CAAC;QACf,KAAK,KAAK;YACR,OAAO,QAAQ,CAAC,KAAK,CAAC,CAAC;QACzB,KAAK,KAAK;YACR,OAAO,KAAK,CAAC,CAAC,GAAG,CAAC;gBAChB,CAAC,CAAC,QAAQ,KAAK,CAAC,CAAC,KAAK,KAAK,CAAC,CAAC,KAAK,KAAK,CAAC,CAAC,KAAK,KAAK,CAAC,CAAC,GAAG;gBACxD,CAAC,CAAC,OAAO,KAAK,CAAC,CAAC,KAAK,KAAK,CAAC,CAAC,KAAK,KAAK,CAAC,CAAC,GAAG,CAAC;QAChD,KAAK,KAAK,CAAC,CAAC,CAAC;YACX,MAAM,GAAG,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;YAC5B,OAAO,KAAK,CAAC,CAAC,GAAG,CAAC;gBAChB,CAAC,CAAC,QAAQ,GAAG,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC,MAAM,KAAK,CAAC,CAAC,GAAG;gBACpD,CAAC,CAAC,OAAO,GAAG,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC,IAAI,CAAC;QAC5C,CAAC;QACD,KAAK,KAAK,CAAC,CAAC,CAAC;YACX,MAAM,GAAG,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;YAC5B,OAAO,KAAK,CAAC,CAAC,GAAG,CAAC;gBAChB,CAAC,CAAC,QAAQ,GAAG,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC,MAAM,KAAK,CAAC,CAAC,GAAG;gBACpD,CAAC,CAAC,OAAO,GAAG,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC,IAAI,CAAC;QAC5C,CAAC;QACD;YACE,OAAO,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC3B,CAAC;AACH,CAAC;AAED,MAAM,UAAU,gBAAgB,CAAC,KAAa;IAC5C,MAAM,OAAO,GAAG,KAAK,CAAC,IAAI,EAAE,CAAC;IAC7B,MAAM,KAAK,GAAG,cAAc,CAAC,OAAO,CAAC,IAAI,KAAK,CAAC,OAAO,CAAC,CAAC;IACxD,MAAM,GAAG,GAAG,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IAE7C,OAAO,GAAG,CAAC,CAAC,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;AACzC,CAAC"}

package/dist/lib/compose-refs.d.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+type PossibleRef<T> = React.Ref<T> | undefined;
+/**
+ * A utility to compose multiple refs together
+ * Accepts callback refs and RefObject(s)
+ */
+declare function composeRefs<T>(...refs: PossibleRef<T>[]): React.RefCallback<T>;
+/**
+ * A custom hook that composes multiple refs
+ * Accepts callback refs and RefObject(s)
+ */
+declare function useComposedRefs<T>(...refs: PossibleRef<T>[]): React.RefCallback<T>;
+export { composeRefs, useComposedRefs };
+//# sourceMappingURL=compose-refs.d.ts.map

package/dist/lib/compose-refs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"compose-refs.d.ts","sourceRoot":"","sources":["../../src/lib/compose-refs.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,KAAK,WAAW,CAAC,CAAC,IAAI,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC;AAE/C;;;GAGG;AACH,iBAAS,WAAW,CAAC,CAAC,EAAE,GAAG,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC,EAAE,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,CA4BvE;AAgBD;;;GAGG;AACH,iBAAS,eAAe,CAAC,CAAC,EAAE,GAAG,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC,EAAE,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,CAI3E;AAED,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,CAAC"}

package/dist/lib/compose-refs.js

@@ -0,0 +1,57 @@
+import * as React from 'react';
+/**
+ * A utility to compose multiple refs together
+ * Accepts callback refs and RefObject(s)
+ */
+function composeRefs(...refs) {
+    return (node) => {
+        let hasCleanup = false;
+        const cleanups = refs.map((ref) => {
+            const cleanup = setRef(ref, node);
+            if (!hasCleanup && typeof cleanup === 'function') {
+                hasCleanup = true;
+            }
+            return cleanup;
+        });
+        // React <19 will log an error to the console if a callback ref returns a
+        // value. We don't use ref cleanups internally so this will only happen if a
+        // user's ref callback returns a value, which we only expect if they are
+        // using the cleanup functionality added in React 19.
+        if (hasCleanup) {
+            return () => {
+                for (let i = 0; i < cleanups.length; i++) {
+                    const cleanup = cleanups[i];
+                    if (typeof cleanup === 'function') {
+                        cleanup();
+                    }
+                    else {
+                        setRef(refs[i], null);
+                    }
+                }
+            };
+        }
+    };
+}
+/**
+ * Set a given ref to a given value
+ * This utility takes care of different types of refs: callback refs and RefObject(s)
+ */
+function setRef(ref, value) {
+    if (typeof ref === 'function') {
+        return ref(value);
+    }
+    if (ref !== null && ref !== undefined) {
+        ref.current = value;
+    }
+}
+/**
+ * A custom hook that composes multiple refs
+ * Accepts callback refs and RefObject(s)
+ */
+function useComposedRefs(...refs) {
+    // biome-ignore lint/correctness/useExhaustiveDependencies: we want to memoize by all values
+    // eslint-disable-next-line react-hooks/exhaustive-deps, react-hooks/use-memo -- memoize by every ref value; the spread `refs` array is the intended dependency list
+    return React.useCallback(composeRefs(...refs), refs); // react-doctor-disable-line react-doctor/exhaustive-deps -- same intentional memo: the dependency list is the spread `refs` array on purpose
+}
+export { composeRefs, useComposedRefs };
+//# sourceMappingURL=compose-refs.js.map

package/dist/lib/compose-refs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"compose-refs.js","sourceRoot":"","sources":["../../src/lib/compose-refs.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B;;;GAGG;AACH,SAAS,WAAW,CAAI,GAAG,IAAsB;IAC/C,OAAO,CAAC,IAAI,EAAE,EAAE;QACd,IAAI,UAAU,GAAG,KAAK,CAAC;QACvB,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE;YAChC,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,EAAE,IAAI,CAAC,CAAC;YAClC,IAAI,CAAC,UAAU,IAAI,OAAO,OAAO,KAAK,UAAU,EAAE,CAAC;gBACjD,UAAU,GAAG,IAAI,CAAC;YACpB,CAAC;YACD,OAAO,OAAO,CAAC;QACjB,CAAC,CAAC,CAAC;QAEH,yEAAyE;QACzE,4EAA4E;QAC5E,wEAAwE;QACxE,qDAAqD;QACrD,IAAI,UAAU,EAAE,CAAC;YACf,OAAO,GAAG,EAAE;gBACV,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,QAAQ,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;oBACzC,MAAM,OAAO,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;oBAC5B,IAAI,OAAO,OAAO,KAAK,UAAU,EAAE,CAAC;wBAClC,OAAO,EAAE,CAAC;oBACZ,CAAC;yBAAM,CAAC;wBACN,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC;oBACxB,CAAC;gBACH,CAAC;YACH,CAAC,CAAC;QACJ,CAAC;IACH,CAAC,CAAC;AACJ,CAAC;AAED;;;GAGG;AACH,SAAS,MAAM,CAAI,GAAmB,EAAE,KAAQ;IAC9C,IAAI,OAAO,GAAG,KAAK,UAAU,EAAE,CAAC;QAC9B,OAAO,GAAG,CAAC,KAAK,CAAC,CAAC;IACpB,CAAC;IAED,IAAI,GAAG,KAAK,IAAI,IAAI,GAAG,KAAK,SAAS,EAAE,CAAC;QACtC,GAAG,CAAC,OAAO,GAAG,KAAK,CAAC;IACtB,CAAC;AACH,CAAC;AAED;;;GAGG;AACH,SAAS,eAAe,CAAI,GAAG,IAAsB;IACnD,4FAA4F;IAC5F,oKAAoK;IACpK,OAAO,KAAK,CAAC,WAAW,CAAC,WAAW,CAAC,GAAG,IAAI,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,6IAA6I;AACrM,CAAC;AAED,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,CAAC"}

package/dist/lib/theme.d.ts

@@ -0,0 +1,40 @@
+/**
+ * Theme generator: derives Pickle's brand-dependent tokens from a single
+ * primary color so consumers can theme the library without hand-writing CSS
+ * variables. Tokens that do not depend on the brand (neutrals, status colors)
+ * keep the values from `@pickle-ui/react/theme.css`.
+ */
+type Theme = {
+    dark: ThemeVariables;
+    light: ThemeVariables;
+};
+type ThemeCssOptions = {
+    darkSelector?: string;
+    lightSelector?: string;
+};
+type ThemeFonts = {
+    heading?: string;
+    mono?: string;
+    sans?: string;
+};
+type ThemeOptions = {
+    /** Font stacks, written to `--font-sans`, `--font-heading` and `--font-mono`. */
+    fonts?: ThemeFonts;
+    /** Brand color in any CSS notation (hex, rgb, hsl, oklch, …). */
+    primary: string;
+    /** Brand color for the dark scheme. Defaults to a lighter version of `primary`. */
+    primaryDark?: string;
+    /** Base radius, e.g. `'0.5rem'`. Every `rounded-*` scale derives from it. */
+    radius?: string;
+};
+type ThemeVariables = Record<`--${string}`, string>;
+/**
+ * Build the light and dark token sets for a brand color. Apply the result
+ * with `themeToCss` in a stylesheet, or spread `theme.light` / `theme.dark`
+ * as the `style` of a wrapper element.
+ */
+export declare function createTheme(options: ThemeOptions): Theme;
+/** Serialize a theme as CSS rules for the light and dark selectors. */
+export declare function themeToCss(theme: Theme, { darkSelector, lightSelector }?: ThemeCssOptions): string;
+export type { Theme, ThemeCssOptions, ThemeFonts, ThemeOptions, ThemeVariables, };
+//# sourceMappingURL=theme.d.ts.map

package/dist/lib/theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/lib/theme.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAWH,KAAK,KAAK,GAAG;IACX,IAAI,EAAE,cAAc,CAAC;IACrB,KAAK,EAAE,cAAc,CAAC;CACvB,CAAC;AAEF,KAAK,eAAe,GAAG;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF,KAAK,UAAU,GAAG;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,KAAK,YAAY,GAAG;IAClB,iFAAiF;IACjF,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,iEAAiE;IACjE,OAAO,EAAE,MAAM,CAAC;IAChB,mFAAmF;IACnF,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,6EAA6E;IAC7E,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,KAAK,cAAc,GAAG,MAAM,CAAC,KAAK,MAAM,EAAE,EAAE,MAAM,CAAC,CAAC;AAOpD;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,OAAO,EAAE,YAAY,GAAG,KAAK,CAWxD;AAED,uEAAuE;AACvE,wBAAgB,UAAU,CACxB,KAAK,EAAE,KAAK,EACZ,EAAE,YAAsB,EAAE,aAAuB,EAAE,GAAE,eAAoB,GACxE,MAAM,CAOR;AAyDD,YAAY,EACV,KAAK,EACL,eAAe,EACf,UAAU,EACV,YAAY,EACZ,cAAc,GACf,CAAC"}

package/dist/lib/theme.js

@@ -0,0 +1,82 @@
+/**
+ * Theme generator: derives Pickle's brand-dependent tokens from a single
+ * primary color so consumers can theme the library without hand-writing CSS
+ * variables. Tokens that do not depend on the brand (neutrals, status colors)
+ * keep the values from `@pickle-ui/react/theme.css`.
+ */
+import { clampChroma, converter, formatCss, parse, wcagContrast, } from 'culori';
+const toOklch = converter('oklch');
+const LIGHT_FOREGROUND = { c: 0, h: 0, l: 1, mode: 'oklch' };
+const DARK_FOREGROUND = { c: 0.006, h: 285.9, l: 0.21, mode: 'oklch' };
+/**
+ * Build the light and dark token sets for a brand color. Apply the result
+ * with `themeToCss` in a stylesheet, or spread `theme.light` / `theme.dark`
+ * as the `style` of a wrapper element.
+ */
+export function createTheme(options) {
+    const primary = parseColor(options.primary, 'primary');
+    const primaryDark = options.primaryDark
+        ? parseColor(options.primaryDark, 'primaryDark')
+        : lightenForDark(primary);
+    const shared = sharedVariables(options);
+    return {
+        dark: { ...shared, ...brandVariables(primaryDark) },
+        light: { ...shared, ...brandVariables(primary) },
+    };
+}
+/** Serialize a theme as CSS rules for the light and dark selectors. */
+export function themeToCss(theme, { darkSelector = '.dark', lightSelector = ':root' } = {}) {
+    const block = (selector, variables) => `${selector} {\n${Object.entries(variables)
+        .map(([name, value]) => `  ${name}: ${value};`)
+        .join('\n')}\n}`;
+    return `${block(lightSelector, theme.light)}\n\n${block(darkSelector, theme.dark)}\n`;
+}
+function brandVariables(primary) {
+    const foreground = foregroundFor(primary);
+    return {
+        '--primary': format(primary),
+        '--primary-foreground': format(foreground),
+        '--ring': format({ ...primary, c: primary.c * 0.6 }),
+        '--sidebar-primary': format(primary),
+        '--sidebar-primary-foreground': format(foreground),
+        '--sidebar-ring': format({ ...primary, c: primary.c * 0.6 }),
+    };
+}
+/** White or near-black, whichever reads better on the given fill. */
+function foregroundFor(fill) {
+    return wcagContrast(fill, LIGHT_FOREGROUND) >=
+        wcagContrast(fill, DARK_FOREGROUND)
+        ? LIGHT_FOREGROUND
+        : DARK_FOREGROUND;
+}
+function format(color) {
+    return formatCss(clampChroma(color, 'oklch'));
+}
+/** Lift a brand color so it stays vivid on dark surfaces. */
+function lightenForDark(color) {
+    return {
+        ...color,
+        c: color.c * 0.92,
+        l: Math.min(Math.max(color.l + 0.12, 0.6), 0.85),
+    };
+}
+function parseColor(value, name) {
+    const color = parse(value);
+    if (!color) {
+        throw new Error(`createTheme: ${name} is not a valid CSS color: ${value}`);
+    }
+    return toOklch(color);
+}
+function sharedVariables({ fonts, radius }) {
+    const variables = {};
+    if (radius)
+        variables['--radius'] = radius;
+    if (fonts?.sans)
+        variables['--font-sans'] = fonts.sans;
+    if (fonts?.heading)
+        variables['--font-heading'] = fonts.heading;
+    if (fonts?.mono)
+        variables['--font-mono'] = fonts.mono;
+    return variables;
+}
+//# sourceMappingURL=theme.js.map

package/dist/lib/theme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../src/lib/theme.ts"],"names":[],"mappings":"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"}

package/dist/lib/utils.d.ts

@@ -0,0 +1,8 @@
+import { type ClassValue } from 'clsx';
+/**
+ * Per-slot class overrides for components that render several parts from a
+ * single props object. Keys match the suffix of each part's `data-slot`.
+ */
+export type SlotClassNames<Slot extends string> = Partial<Record<Slot, string>>;
+export declare function cn(...inputs: ClassValue[]): string;
+//# sourceMappingURL=utils.d.ts.map

package/dist/lib/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/lib/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,UAAU,EAAQ,MAAM,MAAM,CAAC;AAgB7C;;;GAGG;AACH,MAAM,MAAM,cAAc,CAAC,IAAI,SAAS,MAAM,IAAI,OAAO,CAAC,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC;AAEhF,wBAAgB,EAAE,CAAC,GAAG,MAAM,EAAE,UAAU,EAAE,UAEzC"}

package/dist/lib/utils.js

@@ -0,0 +1,18 @@
+import { clsx } from 'clsx';
+import { extendTailwindMerge } from 'tailwind-merge';
+/**
+ * Teaches tailwind-merge Pickle's theme scales: `text-body`, `text-h1`, … are
+ * font sizes, so they must not be mistaken for text colors and dropped next
+ * to one.
+ */
+const twMerge = extendTailwindMerge({
+    extend: {
+        theme: {
+            text: ['body', 'code', 'h1', 'h2', 'h3', 'h4', 'lead', 'small'],
+        },
+    },
+});
+export function cn(...inputs) {
+    return twMerge(clsx(inputs));
+}
+//# sourceMappingURL=utils.js.map

package/dist/lib/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/lib/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAmB,IAAI,EAAE,MAAM,MAAM,CAAC;AAC7C,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAErD;;;;GAIG;AACH,MAAM,OAAO,GAAG,mBAAmB,CAAC;IAClC,MAAM,EAAE;QACN,KAAK,EAAE;YACL,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,CAAC;SAChE;KACF;CACF,CAAC,CAAC;AAQH,MAAM,UAAU,EAAE,CAAC,GAAG,MAAoB;IACxC,OAAO,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC;AAC/B,CAAC"}

package/dist/test-setup.d.ts

@@ -0,0 +1,2 @@
+import '@testing-library/jest-dom/vitest';
+//# sourceMappingURL=test-setup.d.ts.map

package/dist/test-setup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"test-setup.d.ts","sourceRoot":"","sources":["../src/test-setup.ts"],"names":[],"mappings":"AAAA,OAAO,kCAAkC,CAAC"}

package/dist/test-setup.js

@@ -0,0 +1,2 @@
+import '@testing-library/jest-dom/vitest';
+//# sourceMappingURL=test-setup.js.map

package/dist/test-setup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"test-setup.js","sourceRoot":"","sources":["../src/test-setup.ts"],"names":[],"mappings":"AAAA,OAAO,kCAAkC,CAAC"}

package/package.json

@@ -1,6 +1,109 @@
 {
   "name": "@pickle-ui/react",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
-}
+  "version": "1.0.0-beta.4",
+  "type": "module",
+  "description": "React component library built with Base UI, shadcn/ui, Tailwind CSS, and reui.",
+  "main": "dist/index.js",
+  "style": "src/styles.css",
+  "types": "dist/index.d.ts",
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/ugogo/pickle-ui.git",
+    "directory": "packages/react"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "default": "./dist/index.js"
+    },
+    "./styles.css": "./src/styles.css",
+    "./theme.css": "./src/theme.css",
+    "./base.css": "./src/base.css",
+    "./*": {
+      "types": "./dist/entries/*.d.ts",
+      "import": "./dist/entries/*.js",
+      "default": "./dist/entries/*.js"
+    }
+  },
+  "files": [
+    "dist",
+    "src"
+  ],
+  "scripts": {
+    "dev": "storybook dev -p 6006",
+    "clean": "node -e \"require('node:fs').rmSync('dist', { force: true, recursive: true })\"",
+    "build": "pnpm run clean && tsc -p tsconfig.build.json && tsc-alias -p tsconfig.build.json --resolve-full-paths",
+    "typecheck": "tsc --noEmit",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
+    "test": "vitest run",
+    "doctor": "react-doctor",
+    "prepublishOnly": "pnpm run build",
+    "release": "release-it"
+  },
+  "keywords": [
+    "react",
+    "components",
+    "ui",
+    "shadcn",
+    "tailwind",
+    "reui"
+  ],
+  "author": "Ugo Onali",
+  "license": "MIT",
+  "dependencies": {
+    "@base-ui/react": "^1.5.0",
+    "@tabler/icons-react": "^3.44.0",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "culori": "^4.0.2",
+    "tailwind-merge": "^3.6.0",
+    "tw-animate-css": "^1.4.0"
+  },
+  "devDependencies": {
+    "@fontsource-variable/geist": "5.2.9",
+    "@fontsource/jetbrains-mono": "5.2.8",
+    "@hookform/resolvers": "^5.4.0",
+    "@storybook/addon-docs": "^10.6.3",
+    "@storybook/addon-links": "^10.6.3",
+    "@storybook/react": "^10.6.3",
+    "@storybook/react-vite": "^10.6.3",
+    "@tailwindcss/postcss": "^4.3.0",
+    "@testing-library/dom": "^10.4.1",
+    "@testing-library/jest-dom": "^6.9.1",
+    "@testing-library/react": "^16.3.2",
+    "@types/culori": "^4.0.1",
+    "@types/node": "^25.9.3",
+    "@types/react": "^19.2.17",
+    "@types/react-dom": "^19.2.3",
+    "@vitejs/plugin-react": "^6.0.2",
+    "jsdom": "^29.1.1",
+    "postcss": "^8.5.15",
+    "react": "^19.2.7",
+    "react-doctor": "^0.5.6",
+    "react-dom": "^19.2.7",
+    "react-hook-form": "^7.79.0",
+    "release-it": "^20.2.0",
+    "storybook": "^10.6.3",
+    "storybook-addon-pseudo-states": "^10.6.3",
+    "tailwindcss": "^4.3.0",
+    "tsc-alias": "^1.8.17",
+    "typescript": "^6.0.3",
+    "vite": "^8.0.16",
+    "vitest": "^3.2.6",
+    "zod": "4.0.17"
+  },
+  "peerDependencies": {
+    "react": "^18.0.0 || ^19.0.0",
+    "react-dom": "^18.0.0 || ^19.0.0",
+    "react-hook-form": "^7.0.0",
+    "tailwindcss": "^4.0.0"
+  }
+}