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

package/dist/components/_internal/VisuallyHiddenInput.js

@@ -0,0 +1,105 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+function VisuallyHiddenInput(props) {
+    const { bubbles = true, checked, control, style, type = 'hidden', value, ...inputProps
+    // react-doctor-disable-next-line react-doctor/no-event-handler -- this hidden input intentionally mirrors value/checked into the native control and dispatches a native input/click event from an effect; the side effect is driven by prop changes, not a user event, so it cannot move into an event handler
+     } = props;
+    const isCheckInput = React.useMemo(() => type === 'checkbox' || type === 'radio' || type === 'switch', [type]);
+    const inputRef = React.useRef(null);
+    const prevValueRef = React.useRef({
+        previous: isCheckInput ? checked : value,
+        value: isCheckInput ? checked : value,
+    });
+    const prevValue = React.useMemo(() => {
+        const currentValue = isCheckInput ? checked : value;
+        if (prevValueRef.current.value !== currentValue) {
+            prevValueRef.current.previous = prevValueRef.current.value;
+            prevValueRef.current.value = currentValue;
+        }
+        return prevValueRef.current.previous;
+    }, [isCheckInput, value, checked]);
+    const [controlSize, setControlSize] = React.useState({});
+    // react-doctor-disable-next-line react-doctor/no-cascading-set-state -- this effect measures the control element and only calls setControlSize in mutually exclusive branches (or inside an async ResizeObserver callback), not as a synchronous render cascade
+    React.useLayoutEffect(() => {
+        if (!control) {
+            // eslint-disable-next-line react-hooks/set-state-in-effect -- reset measured size synchronously when the control is removed so the hidden input does not retain a stale size
+            setControlSize({});
+            return;
+        }
+        setControlSize({
+            height: control.offsetHeight,
+            width: control.offsetWidth,
+        });
+        if (typeof window === 'undefined')
+            return;
+        const resizeObserver = new ResizeObserver((entries) => {
+            if (!Array.isArray(entries) || !entries.length)
+                return;
+            const entry = entries[0];
+            if (!entry)
+                return;
+            let width;
+            let height;
+            if ('borderBoxSize' in entry) {
+                const borderSizeEntry = entry.borderBoxSize;
+                const borderSize = Array.isArray(borderSizeEntry)
+                    ? borderSizeEntry[0]
+                    : borderSizeEntry;
+                width = borderSize.inlineSize;
+                height = borderSize.blockSize;
+            }
+            else {
+                width = control.offsetWidth;
+                height = control.offsetHeight;
+            }
+            setControlSize({ height, width });
+        });
+        resizeObserver.observe(control, { box: 'border-box' });
+        return () => {
+            resizeObserver.disconnect();
+        };
+    }, [control]);
+    React.useEffect(() => {
+        const input = inputRef.current;
+        if (!input)
+            return;
+        const inputProto = window.HTMLInputElement.prototype;
+        const propertyKey = isCheckInput ? 'checked' : 'value';
+        const eventType = isCheckInput ? 'click' : 'input';
+        const currentValue = isCheckInput ? checked : value;
+        const serializedCurrentValue = isCheckInput
+            ? checked
+            : typeof value === 'object' && value !== null
+                ? JSON.stringify(value)
+                : value;
+        const descriptor = Object.getOwnPropertyDescriptor(inputProto, propertyKey);
+        const setter = descriptor?.set;
+        if (prevValue !== currentValue && setter) {
+            const event = new Event(eventType, { bubbles });
+            setter.call(input, serializedCurrentValue);
+            input.dispatchEvent(event);
+        }
+    }, [prevValue, value, checked, bubbles, isCheckInput]);
+    const composedStyle = React.useMemo(() => {
+        return {
+            ...style,
+            ...(controlSize.width !== undefined && controlSize.height !== undefined
+                ? controlSize
+                : {}),
+            border: 0,
+            clip: 'rect(0 0 0 0)',
+            clipPath: 'inset(50%)',
+            height: '1px',
+            margin: '-1px',
+            overflow: 'hidden',
+            padding: 0,
+            position: 'absolute',
+            whiteSpace: 'nowrap',
+            width: '1px',
+        };
+    }, [style, controlSize]);
+    return (_jsx("input", { type: type, ...inputProps, "aria-hidden": isCheckInput, defaultChecked: isCheckInput ? checked : undefined, ref: inputRef, style: composedStyle, tabIndex: -1 }));
+}
+export { VisuallyHiddenInput };
+//# sourceMappingURL=VisuallyHiddenInput.js.map

package/dist/components/_internal/VisuallyHiddenInput.js.map

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

package/dist/components/_internal/dialog-styles.d.ts

@@ -0,0 +1,15 @@
+import { type VariantProps } from 'class-variance-authority';
+/** Shared look for `Dialog` and `AlertDialog`; not part of the public API. */
+declare const dialogBackdropClassName = "fixed inset-0 z-50 bg-black/32 backdrop-blur-sm duration-200 data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0";
+declare const dialogViewportClassName = "fixed inset-0 z-50 flex flex-col items-center overflow-y-auto p-4 sm:p-6";
+declare const dialogPopupVariants: (props?: ({
+    size?: "md" | "lg" | "sm" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare const dialogHeaderClassName = "flex flex-col gap-1.5 text-center sm:text-start";
+declare const dialogFooterClassName = "flex flex-col-reverse gap-2 sm:flex-row sm:justify-end";
+declare const dialogTitleClassName: string;
+declare const dialogDescriptionClassName: string;
+type DialogSize = NonNullable<VariantProps<typeof dialogPopupVariants>['size']>;
+export { dialogBackdropClassName, dialogDescriptionClassName, dialogFooterClassName, dialogHeaderClassName, dialogPopupVariants, dialogTitleClassName, dialogViewportClassName, };
+export type { DialogSize };
+//# sourceMappingURL=dialog-styles.d.ts.map

package/dist/components/_internal/dialog-styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-styles.d.ts","sourceRoot":"","sources":["../../../src/components/_internal/dialog-styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAMlE,8EAA8E;AAE9E,QAAA,MAAM,uBAAuB,yJAC2H,CAAC;AAEzJ,QAAA,MAAM,uBAAuB,6EAC+C,CAAC;AAE7E,QAAA,MAAM,mBAAmB;;8EAcxB,CAAC;AAEF,QAAA,MAAM,qBAAqB,oDAAoD,CAAC;AAEhF,QAAA,MAAM,qBAAqB,2DAC+B,CAAC;AAE3D,QAAA,MAAM,oBAAoB,QAGzB,CAAC;AAEF,QAAA,MAAM,0BAA0B,QAG9B,CAAC;AAEH,KAAK,UAAU,GAAG,WAAW,CAAC,YAAY,CAAC,OAAO,mBAAmB,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC;AAEhF,OAAO,EACL,uBAAuB,EACvB,0BAA0B,EAC1B,qBAAqB,EACrB,qBAAqB,EACrB,mBAAmB,EACnB,oBAAoB,EACpB,uBAAuB,GACxB,CAAC;AACF,YAAY,EAAE,UAAU,EAAE,CAAC"}

package/dist/components/_internal/dialog-styles.js

@@ -0,0 +1,27 @@
+import { cva } from 'class-variance-authority';
+import { cn } from '../../lib/utils.js';
+import { textVariants } from '../Text.js';
+/** Shared look for `Dialog` and `AlertDialog`; not part of the public API. */
+const dialogBackdropClassName = 'fixed inset-0 z-50 bg-black/32 backdrop-blur-sm duration-200 data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0';
+const dialogViewportClassName = 'fixed inset-0 z-50 flex flex-col items-center overflow-y-auto p-4 sm:p-6';
+const dialogPopupVariants = cva('bg-popover text-popover-foreground relative my-auto flex w-full min-w-0 flex-col gap-4 rounded-2xl border p-6 shadow-lg/5 duration-200 outline-none not-dark:bg-clip-padding before:pointer-events-none before:absolute before:inset-0 before:rounded-[calc(var(--radius-2xl)-1px)] before:shadow-[0_1px_--theme(--color-black/4%)] data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 dark:before:shadow-[0_-1px_--theme(--color-white/6%)]', {
+    defaultVariants: {
+        size: 'md',
+    },
+    variants: {
+        size: {
+            lg: 'max-w-2xl',
+            md: 'max-w-lg',
+            sm: 'max-w-sm',
+        },
+    },
+});
+const dialogHeaderClassName = 'flex flex-col gap-1.5 text-center sm:text-start';
+const dialogFooterClassName = 'flex flex-col-reverse gap-2 sm:flex-row sm:justify-end';
+const dialogTitleClassName = cn(textVariants({ variant: 'h4' }), 'font-heading leading-snug font-semibold');
+const dialogDescriptionClassName = textVariants({
+    tone: 'muted',
+    variant: 'body',
+});
+export { dialogBackdropClassName, dialogDescriptionClassName, dialogFooterClassName, dialogHeaderClassName, dialogPopupVariants, dialogTitleClassName, dialogViewportClassName, };
+//# sourceMappingURL=dialog-styles.js.map

package/dist/components/_internal/dialog-styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-styles.js","sourceRoot":"","sources":["../../../src/components/_internal/dialog-styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAElE,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AAEjC,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAEvC,8EAA8E;AAE9E,MAAM,uBAAuB,GAC3B,sJAAsJ,CAAC;AAEzJ,MAAM,uBAAuB,GAC3B,0EAA0E,CAAC;AAE7E,MAAM,mBAAmB,GAAG,GAAG,CAC7B,ggBAAggB,EAChgB;IACE,eAAe,EAAE;QACf,IAAI,EAAE,IAAI;KACX;IACD,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,EAAE,EAAE,WAAW;YACf,EAAE,EAAE,UAAU;YACd,EAAE,EAAE,UAAU;SACf;KACF;CACF,CACF,CAAC;AAEF,MAAM,qBAAqB,GAAG,iDAAiD,CAAC;AAEhF,MAAM,qBAAqB,GACzB,wDAAwD,CAAC;AAE3D,MAAM,oBAAoB,GAAG,EAAE,CAC7B,YAAY,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,EAC/B,yCAAyC,CAC1C,CAAC;AAEF,MAAM,0BAA0B,GAAG,YAAY,CAAC;IAC9C,IAAI,EAAE,OAAO;IACb,OAAO,EAAE,MAAM;CAChB,CAAC,CAAC;AAIH,OAAO,EACL,uBAAuB,EACvB,0BAA0B,EAC1B,qBAAqB,EACrB,qBAAqB,EACrB,mBAAmB,EACnB,oBAAoB,EACpB,uBAAuB,GACxB,CAAC"}

package/dist/components/_internal/layout.d.ts

@@ -0,0 +1,46 @@
+declare const alignClasses: {
+    readonly baseline: "items-baseline";
+    readonly center: "items-center";
+    readonly end: "items-end";
+    readonly start: "items-start";
+    readonly stretch: "items-stretch";
+};
+declare const gapClasses: {
+    readonly 0: "gap-0";
+    readonly 0.5: "gap-0.5";
+    readonly 1: "gap-1";
+    readonly 1.5: "gap-1.5";
+    readonly 2: "gap-2";
+    readonly 2.5: "gap-2.5";
+    readonly 3: "gap-3";
+    readonly 3.5: "gap-3.5";
+    readonly 4: "gap-4";
+    readonly 5: "gap-5";
+    readonly 6: "gap-6";
+    readonly 8: "gap-8";
+    readonly 10: "gap-10";
+    readonly 12: "gap-12";
+    readonly 16: "gap-16";
+};
+declare const justifyClasses: {
+    readonly around: "justify-around";
+    readonly between: "justify-between";
+    readonly center: "justify-center";
+    readonly end: "justify-end";
+    readonly evenly: "justify-evenly";
+    readonly start: "justify-start";
+};
+type LayoutAlign = keyof typeof alignClasses;
+type LayoutGap = keyof typeof gapClasses;
+type LayoutJustify = keyof typeof justifyClasses;
+type LayoutStyleProps = {
+    align?: LayoutAlign;
+    gap?: LayoutGap;
+    gapX?: LayoutGap;
+    gapY?: LayoutGap;
+    justify?: LayoutJustify;
+};
+declare function getLayoutClasses({ align, gap, gapX, gapY, justify, }: LayoutStyleProps): string;
+export { getLayoutClasses };
+export type { LayoutStyleProps };
+//# sourceMappingURL=layout.d.ts.map

package/dist/components/_internal/layout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout.d.ts","sourceRoot":"","sources":["../../../src/components/_internal/layout.ts"],"names":[],"mappings":"AAEA,QAAA,MAAM,YAAY;;;;;;CAMR,CAAC;AAEX,QAAA,MAAM,UAAU;;;;;;;;;;;;;;;;CAgBN,CAAC;AAsCX,QAAA,MAAM,cAAc;;;;;;;CAOV,CAAC;AAEX,KAAK,WAAW,GAAG,MAAM,OAAO,YAAY,CAAC;AAC7C,KAAK,SAAS,GAAG,MAAM,OAAO,UAAU,CAAC;AACzC,KAAK,aAAa,GAAG,MAAM,OAAO,cAAc,CAAC;AAEjD,KAAK,gBAAgB,GAAG;IACtB,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,GAAG,CAAC,EAAE,SAAS,CAAC;IAChB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,OAAO,CAAC,EAAE,aAAa,CAAC;CACzB,CAAC;AAEF,iBAAS,gBAAgB,CAAC,EACxB,KAAK,EACL,GAAG,EACH,IAAI,EACJ,IAAI,EACJ,OAAO,GACR,EAAE,gBAAgB,UAQlB;AAED,OAAO,EAAE,gBAAgB,EAAE,CAAC;AAC5B,YAAY,EAAE,gBAAgB,EAAE,CAAC"}

package/dist/components/_internal/layout.js

@@ -0,0 +1,72 @@
+import { cn } from '../../lib/utils.js';
+const alignClasses = {
+    baseline: 'items-baseline',
+    center: 'items-center',
+    end: 'items-end',
+    start: 'items-start',
+    stretch: 'items-stretch',
+};
+const gapClasses = {
+    0: 'gap-0',
+    0.5: 'gap-0.5',
+    1: 'gap-1',
+    1.5: 'gap-1.5',
+    2: 'gap-2',
+    2.5: 'gap-2.5',
+    3: 'gap-3',
+    3.5: 'gap-3.5',
+    4: 'gap-4',
+    5: 'gap-5',
+    6: 'gap-6',
+    8: 'gap-8',
+    10: 'gap-10',
+    12: 'gap-12',
+    16: 'gap-16',
+};
+const gapXClasses = {
+    0: 'gap-x-0',
+    0.5: 'gap-x-0.5',
+    1: 'gap-x-1',
+    1.5: 'gap-x-1.5',
+    2: 'gap-x-2',
+    2.5: 'gap-x-2.5',
+    3: 'gap-x-3',
+    3.5: 'gap-x-3.5',
+    4: 'gap-x-4',
+    5: 'gap-x-5',
+    6: 'gap-x-6',
+    8: 'gap-x-8',
+    10: 'gap-x-10',
+    12: 'gap-x-12',
+    16: 'gap-x-16',
+};
+const gapYClasses = {
+    0: 'gap-y-0',
+    0.5: 'gap-y-0.5',
+    1: 'gap-y-1',
+    1.5: 'gap-y-1.5',
+    2: 'gap-y-2',
+    2.5: 'gap-y-2.5',
+    3: 'gap-y-3',
+    3.5: 'gap-y-3.5',
+    4: 'gap-y-4',
+    5: 'gap-y-5',
+    6: 'gap-y-6',
+    8: 'gap-y-8',
+    10: 'gap-y-10',
+    12: 'gap-y-12',
+    16: 'gap-y-16',
+};
+const justifyClasses = {
+    around: 'justify-around',
+    between: 'justify-between',
+    center: 'justify-center',
+    end: 'justify-end',
+    evenly: 'justify-evenly',
+    start: 'justify-start',
+};
+function getLayoutClasses({ align, gap, gapX, gapY, justify, }) {
+    return cn(align === undefined ? undefined : alignClasses[align], gap === undefined ? undefined : gapClasses[gap], gapX === undefined ? undefined : gapXClasses[gapX], gapY === undefined ? undefined : gapYClasses[gapY], justify === undefined ? undefined : justifyClasses[justify]);
+}
+export { getLayoutClasses };
+//# sourceMappingURL=layout.js.map

package/dist/components/_internal/layout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout.js","sourceRoot":"","sources":["../../../src/components/_internal/layout.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AAEjC,MAAM,YAAY,GAAG;IACnB,QAAQ,EAAE,gBAAgB;IAC1B,MAAM,EAAE,cAAc;IACtB,GAAG,EAAE,WAAW;IAChB,KAAK,EAAE,aAAa;IACpB,OAAO,EAAE,eAAe;CAChB,CAAC;AAEX,MAAM,UAAU,GAAG;IACjB,CAAC,EAAE,OAAO;IACV,GAAG,EAAE,SAAS;IACd,CAAC,EAAE,OAAO;IACV,GAAG,EAAE,SAAS;IACd,CAAC,EAAE,OAAO;IACV,GAAG,EAAE,SAAS;IACd,CAAC,EAAE,OAAO;IACV,GAAG,EAAE,SAAS;IACd,CAAC,EAAE,OAAO;IACV,CAAC,EAAE,OAAO;IACV,CAAC,EAAE,OAAO;IACV,CAAC,EAAE,OAAO;IACV,EAAE,EAAE,QAAQ;IACZ,EAAE,EAAE,QAAQ;IACZ,EAAE,EAAE,QAAQ;CACJ,CAAC;AAEX,MAAM,WAAW,GAAG;IAClB,CAAC,EAAE,SAAS;IACZ,GAAG,EAAE,WAAW;IAChB,CAAC,EAAE,SAAS;IACZ,GAAG,EAAE,WAAW;IAChB,CAAC,EAAE,SAAS;IACZ,GAAG,EAAE,WAAW;IAChB,CAAC,EAAE,SAAS;IACZ,GAAG,EAAE,WAAW;IAChB,CAAC,EAAE,SAAS;IACZ,CAAC,EAAE,SAAS;IACZ,CAAC,EAAE,SAAS;IACZ,CAAC,EAAE,SAAS;IACZ,EAAE,EAAE,UAAU;IACd,EAAE,EAAE,UAAU;IACd,EAAE,EAAE,UAAU;CACN,CAAC;AAEX,MAAM,WAAW,GAAG;IAClB,CAAC,EAAE,SAAS;IACZ,GAAG,EAAE,WAAW;IAChB,CAAC,EAAE,SAAS;IACZ,GAAG,EAAE,WAAW;IAChB,CAAC,EAAE,SAAS;IACZ,GAAG,EAAE,WAAW;IAChB,CAAC,EAAE,SAAS;IACZ,GAAG,EAAE,WAAW;IAChB,CAAC,EAAE,SAAS;IACZ,CAAC,EAAE,SAAS;IACZ,CAAC,EAAE,SAAS;IACZ,CAAC,EAAE,SAAS;IACZ,EAAE,EAAE,UAAU;IACd,EAAE,EAAE,UAAU;IACd,EAAE,EAAE,UAAU;CACN,CAAC;AAEX,MAAM,cAAc,GAAG;IACrB,MAAM,EAAE,gBAAgB;IACxB,OAAO,EAAE,iBAAiB;IAC1B,MAAM,EAAE,gBAAgB;IACxB,GAAG,EAAE,aAAa;IAClB,MAAM,EAAE,gBAAgB;IACxB,KAAK,EAAE,eAAe;CACd,CAAC;AAcX,SAAS,gBAAgB,CAAC,EACxB,KAAK,EACL,GAAG,EACH,IAAI,EACJ,IAAI,EACJ,OAAO,GACU;IACjB,OAAO,EAAE,CACP,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,YAAY,CAAC,KAAK,CAAC,EACrD,GAAG,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC,GAAG,CAAC,EAC/C,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,IAAI,CAAC,EAClD,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,IAAI,CAAC,EAClD,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,cAAc,CAAC,OAAO,CAAC,CAC5D,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,gBAAgB,EAAE,CAAC"}

package/dist/components/form/Checkbox.d.ts

@@ -0,0 +1,19 @@
+import { Checkbox as CheckboxPrimitive } from '@base-ui/react/checkbox';
+import * as React from 'react';
+import { type SlotClassNames } from '../../lib/utils.js';
+type CheckboxLabelProps = Omit<React.ComponentProps<'label'>, 'htmlFor'> & {
+    htmlFor: string;
+};
+type CheckboxProps = React.ComponentProps<typeof CheckboxPrimitive.Root> & {
+    classNames?: SlotClassNames<'field' | 'indicator' | 'label'>;
+    label?: React.ReactNode;
+    size?: 'md' | 'sm';
+};
+declare function CheckboxLabel({ className, htmlFor, ...props }: CheckboxLabelProps): React.JSX.Element;
+declare function CheckboxRoot({ classNames, id, label, ...props }: CheckboxProps): React.JSX.Element;
+declare const Checkbox: typeof CheckboxRoot & {
+    Label: typeof CheckboxLabel;
+};
+export { Checkbox };
+export type { CheckboxLabelProps, CheckboxProps };
+//# sourceMappingURL=Checkbox.d.ts.map

package/dist/components/form/Checkbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/form/Checkbox.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,IAAI,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAExE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAM,KAAK,cAAc,EAAE,MAAM,aAAa,CAAC;AAEtD,KAAK,kBAAkB,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE,SAAS,CAAC,GAAG;IACzE,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,KAAK,aAAa,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,iBAAiB,CAAC,IAAI,CAAC,GAAG;IACzE,UAAU,CAAC,EAAE,cAAc,CAAC,OAAO,GAAG,WAAW,GAAG,OAAO,CAAC,CAAC;IAC7D,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;CACpB,CAAC;AAqCF,iBAAS,aAAa,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,kBAAkB,qBAY1E;AAED,iBAAS,YAAY,CAAC,EAAE,UAAU,EAAE,EAAE,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,qBAoBvE;AAED,QAAA,MAAM,QAAQ;;CAEZ,CAAC;AAEH,OAAO,EAAE,QAAQ,EAAE,CAAC;AACpB,YAAY,EAAE,kBAAkB,EAAE,aAAa,EAAE,CAAC"}

package/dist/components/form/Checkbox.js

@@ -0,0 +1,27 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Checkbox as CheckboxPrimitive } from '@base-ui/react/checkbox';
+import { IconCheck, IconMinus } from '@tabler/icons-react';
+import * as React from 'react';
+import { cn } from '../../lib/utils.js';
+function CheckboxControl({ className, classNames, nativeButton = true, 
+// react-doctor-disable-next-line react-doctor/control-has-associated-label -- consumers provide aria-label/aria-labelledby, or CheckboxRoot wires this button to the sibling label by id
+render = _jsx("button", { type: "button" }), size = 'md', ...props }) {
+    return (_jsx(CheckboxPrimitive.Root, { className: cn('group/checkbox border-input bg-background aria-invalid:border-destructive/36 focus-visible:ring-ring focus-visible:ring-offset-background dark:not-data-checked:bg-input/32 dark:aria-invalid:ring-destructive/24 ring-ring focus-visible:aria-invalid:border-destructive/64 focus-visible:aria-invalid:ring-destructive/48 relative inline-flex shrink-0 cursor-pointer items-center justify-center rounded-[.25rem] border shadow-xs/5 transition-shadow outline-none not-dark:bg-clip-padding before:pointer-events-none before:absolute before:inset-0 before:rounded-[3px] not-data-disabled:not-data-checked:not-aria-invalid:before:shadow-[0_1px_--theme(--color-black/4%)] focus-visible:ring-2 focus-visible:ring-offset-1 data-disabled:cursor-not-allowed data-disabled:opacity-64 data-[size=md]:size-4.5 data-[size=sm]:size-3.5 dark:not-data-disabled:not-data-checked:not-aria-invalid:before:shadow-[0_-1px_--theme(--color-white/6%)] [[data-disabled],[data-checked],[aria-invalid]]:shadow-none', className), "data-size": size, "data-slot": "checkbox", nativeButton: nativeButton, render: render, ...props, children: _jsxs(CheckboxPrimitive.Indicator, { className: cn('text-primary-foreground data-indeterminate:text-foreground data-checked:bg-primary absolute -inset-px flex items-center justify-center rounded-[.25rem] data-unchecked:hidden', classNames?.indicator), "data-slot": "checkbox-indicator", children: [_jsx(IconCheck, { className: "group-data-[size=md]/checkbox:size-3 group-data-[size=sm]/checkbox:size-2.5 data-indeterminate:hidden [[data-indeterminate]_&]:hidden" }), _jsx(IconMinus, { className: "hidden group-data-[size=md]/checkbox:size-3 group-data-[size=sm]/checkbox:size-2.5 [[data-indeterminate]_&]:block" })] }) }));
+}
+function CheckboxLabel({ className, htmlFor, ...props }) {
+    return (_jsx("label", { className: cn('text-sm leading-none font-medium peer-disabled:cursor-not-allowed peer-disabled:opacity-50', className), "data-slot": "checkbox-label", htmlFor: htmlFor, ...props }));
+}
+function CheckboxRoot({ classNames, id, label, ...props }) {
+    const generatedId = React.useId();
+    if (!label) {
+        return _jsx(CheckboxControl, { classNames: classNames, id: id, ...props });
+    }
+    const checkboxId = id ?? generatedId;
+    return (_jsxs("div", { className: cn('flex items-center gap-2', classNames?.field), "data-slot": "checkbox-field", children: [_jsx(CheckboxControl, { classNames: classNames, id: checkboxId, ...props }), _jsx(CheckboxLabel, { className: classNames?.label, htmlFor: checkboxId, children: label })] }));
+}
+const Checkbox = Object.assign(CheckboxRoot, {
+    Label: CheckboxLabel,
+});
+export { Checkbox };
+//# sourceMappingURL=Checkbox.js.map

package/dist/components/form/Checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../src/components/form/Checkbox.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,QAAQ,IAAI,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AACxE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAC3D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,EAAE,EAAuB,MAAM,aAAa,CAAC;AAYtD,SAAS,eAAe,CAAC,EACvB,SAAS,EACT,UAAU,EACV,YAAY,GAAG,IAAI;AACnB,yLAAyL;AACzL,MAAM,GAAG,iBAAQ,IAAI,EAAC,QAAQ,GAAG,EACjC,IAAI,GAAG,IAAI,EACX,GAAG,KAAK,EACqB;IAC7B,OAAO,CACL,KAAC,iBAAiB,CAAC,IAAI,IACrB,SAAS,EAAE,EAAE,CACX,s9BAAs9B,EACt9B,SAAS,CACV,eACU,IAAI,eACL,UAAU,EACpB,YAAY,EAAE,YAAY,EAC1B,MAAM,EAAE,MAAM,KACV,KAAK,YAET,MAAC,iBAAiB,CAAC,SAAS,IAC1B,SAAS,EAAE,EAAE,CACX,+KAA+K,EAC/K,UAAU,EAAE,SAAS,CACtB,eACS,oBAAoB,aAE9B,KAAC,SAAS,IAAC,SAAS,EAAC,uIAAuI,GAAG,EAC/J,KAAC,SAAS,IAAC,SAAS,EAAC,mHAAmH,GAAG,IAC/G,GACP,CAC1B,CAAC;AACJ,CAAC;AAED,SAAS,aAAa,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,KAAK,EAAsB;IACzE,OAAO,CACL,gBACE,SAAS,EAAE,EAAE,CACX,4FAA4F,EAC5F,SAAS,CACV,eACS,gBAAgB,EAC1B,OAAO,EAAE,OAAO,KACZ,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAED,SAAS,YAAY,CAAC,EAAE,UAAU,EAAE,EAAE,EAAE,KAAK,EAAE,GAAG,KAAK,EAAiB;IACtE,MAAM,WAAW,GAAG,KAAK,CAAC,KAAK,EAAE,CAAC;IAElC,IAAI,CAAC,KAAK,EAAE,CAAC;QACX,OAAO,KAAC,eAAe,IAAC,UAAU,EAAE,UAAU,EAAE,EAAE,EAAE,EAAE,KAAM,KAAK,GAAI,CAAC;IACxE,CAAC;IAED,MAAM,UAAU,GAAG,EAAE,IAAI,WAAW,CAAC;IAErC,OAAO,CACL,eACE,SAAS,EAAE,EAAE,CAAC,yBAAyB,EAAE,UAAU,EAAE,KAAK,CAAC,eACjD,gBAAgB,aAE1B,KAAC,eAAe,IAAC,UAAU,EAAE,UAAU,EAAE,EAAE,EAAE,UAAU,KAAM,KAAK,GAAI,EACtE,KAAC,aAAa,IAAC,SAAS,EAAE,UAAU,EAAE,KAAK,EAAE,OAAO,EAAE,UAAU,YAC7D,KAAK,GACQ,IACZ,CACP,CAAC;AACJ,CAAC;AAED,MAAM,QAAQ,GAAG,MAAM,CAAC,MAAM,CAAC,YAAY,EAAE;IAC3C,KAAK,EAAE,aAAa;CACrB,CAAC,CAAC;AAEH,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/dist/components/form/ColorPicker.d.ts

@@ -0,0 +1,25 @@
+import type { ComponentProps } from 'react';
+import { ColorPickerAlphaSlider, ColorPickerArea, ColorPickerContent, ColorPickerEyeDropper, ColorPickerFormatSelect, ColorPickerHueSlider, ColorPickerInput, type ColorPickerProps, ColorPicker as ColorPickerRoot, ColorPickerSwatch, ColorPickerTrigger } from './ColorPickerPrimitive.js';
+type ColorPickerAlphaSliderProps = ComponentProps<typeof ColorPickerAlphaSlider>;
+type ColorPickerAreaProps = ComponentProps<typeof ColorPickerArea>;
+type ColorPickerContentProps = ComponentProps<typeof ColorPickerContent>;
+type ColorPickerEyeDropperProps = ComponentProps<typeof ColorPickerEyeDropper>;
+type ColorPickerFormatSelectProps = ComponentProps<typeof ColorPickerFormatSelect>;
+type ColorPickerHueSliderProps = ComponentProps<typeof ColorPickerHueSlider>;
+type ColorPickerInputProps = ComponentProps<typeof ColorPickerInput>;
+type ColorPickerSwatchProps = ComponentProps<typeof ColorPickerSwatch>;
+type ColorPickerTriggerProps = ComponentProps<typeof ColorPickerTrigger>;
+declare const ColorPicker: typeof ColorPickerRoot & {
+    AlphaSlider: typeof ColorPickerAlphaSlider;
+    Area: typeof ColorPickerArea;
+    Content: typeof ColorPickerContent;
+    EyeDropper: typeof ColorPickerEyeDropper;
+    FormatSelect: typeof ColorPickerFormatSelect;
+    HueSlider: typeof ColorPickerHueSlider;
+    Input: typeof ColorPickerInput;
+    Swatch: typeof ColorPickerSwatch;
+    Trigger: typeof ColorPickerTrigger;
+};
+export { ColorPicker };
+export type { ColorPickerAlphaSliderProps, ColorPickerAreaProps, ColorPickerContentProps, ColorPickerEyeDropperProps, ColorPickerFormatSelectProps, ColorPickerHueSliderProps, ColorPickerInputProps, ColorPickerProps, ColorPickerSwatchProps, ColorPickerTriggerProps, };
+//# sourceMappingURL=ColorPicker.d.ts.map

package/dist/components/form/ColorPicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorPicker.d.ts","sourceRoot":"","sources":["../../../src/components/form/ColorPicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,EACL,sBAAsB,EACtB,eAAe,EACf,kBAAkB,EAClB,qBAAqB,EACrB,uBAAuB,EACvB,oBAAoB,EACpB,gBAAgB,EAChB,KAAK,gBAAgB,EACrB,WAAW,IAAI,eAAe,EAC9B,iBAAiB,EACjB,kBAAkB,EACnB,MAAM,wBAAwB,CAAC;AAEhC,KAAK,2BAA2B,GAAG,cAAc,CAC/C,OAAO,sBAAsB,CAC9B,CAAC;AACF,KAAK,oBAAoB,GAAG,cAAc,CAAC,OAAO,eAAe,CAAC,CAAC;AACnE,KAAK,uBAAuB,GAAG,cAAc,CAAC,OAAO,kBAAkB,CAAC,CAAC;AACzE,KAAK,0BAA0B,GAAG,cAAc,CAAC,OAAO,qBAAqB,CAAC,CAAC;AAC/E,KAAK,4BAA4B,GAAG,cAAc,CAChD,OAAO,uBAAuB,CAC/B,CAAC;AACF,KAAK,yBAAyB,GAAG,cAAc,CAAC,OAAO,oBAAoB,CAAC,CAAC;AAC7E,KAAK,qBAAqB,GAAG,cAAc,CAAC,OAAO,gBAAgB,CAAC,CAAC;AACrE,KAAK,sBAAsB,GAAG,cAAc,CAAC,OAAO,iBAAiB,CAAC,CAAC;AACvE,KAAK,uBAAuB,GAAG,cAAc,CAAC,OAAO,kBAAkB,CAAC,CAAC;AAEzE,QAAA,MAAM,WAAW;;;;;;;;;;CAUf,CAAC;AAEH,OAAO,EAAE,WAAW,EAAE,CAAC;AACvB,YAAY,EACV,2BAA2B,EAC3B,oBAAoB,EACpB,uBAAuB,EACvB,0BAA0B,EAC1B,4BAA4B,EAC5B,yBAAyB,EACzB,qBAAqB,EACrB,gBAAgB,EAChB,sBAAsB,EACtB,uBAAuB,GACxB,CAAC"}

package/dist/components/form/ColorPicker.js

@@ -0,0 +1,14 @@
+import { ColorPickerAlphaSlider, ColorPickerArea, ColorPickerContent, ColorPickerEyeDropper, ColorPickerFormatSelect, ColorPickerHueSlider, ColorPickerInput, ColorPicker as ColorPickerRoot, ColorPickerSwatch, ColorPickerTrigger, } from './ColorPickerPrimitive.js';
+const ColorPicker = Object.assign(ColorPickerRoot, {
+    AlphaSlider: ColorPickerAlphaSlider,
+    Area: ColorPickerArea,
+    Content: ColorPickerContent,
+    EyeDropper: ColorPickerEyeDropper,
+    FormatSelect: ColorPickerFormatSelect,
+    HueSlider: ColorPickerHueSlider,
+    Input: ColorPickerInput,
+    Swatch: ColorPickerSwatch,
+    Trigger: ColorPickerTrigger,
+});
+export { ColorPicker };
+//# sourceMappingURL=ColorPicker.js.map

package/dist/components/form/ColorPicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorPicker.js","sourceRoot":"","sources":["../../../src/components/form/ColorPicker.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,sBAAsB,EACtB,eAAe,EACf,kBAAkB,EAClB,qBAAqB,EACrB,uBAAuB,EACvB,oBAAoB,EACpB,gBAAgB,EAEhB,WAAW,IAAI,eAAe,EAC9B,iBAAiB,EACjB,kBAAkB,GACnB,MAAM,wBAAwB,CAAC;AAgBhC,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC,eAAe,EAAE;IACjD,WAAW,EAAE,sBAAsB;IACnC,IAAI,EAAE,eAAe;IACrB,OAAO,EAAE,kBAAkB;IAC3B,UAAU,EAAE,qBAAqB;IACjC,YAAY,EAAE,uBAAuB;IACrC,SAAS,EAAE,oBAAoB;IAC/B,KAAK,EAAE,gBAAgB;IACvB,MAAM,EAAE,iBAAiB;IACzB,OAAO,EAAE,kBAAkB;CAC5B,CAAC,CAAC;AAEH,OAAO,EAAE,WAAW,EAAE,CAAC"}

package/dist/components/form/ColorPickerPrimitive.d.ts

@@ -0,0 +1,65 @@
+import { useRender } from '@base-ui/react/use-render';
+import * as React from 'react';
+import { Button } from '../../components/Button.js';
+import { Input } from '../../components/form/Input.js';
+import { Select, SelectTrigger } from '../../components/form/Select.js';
+import { Slider } from '../../components/form/Slider.js';
+import { Popover, PopoverContent } from '../../components/Popover.js';
+import { type ColorFormat } from '../../lib/color.js';
+type DivProps = useRender.ComponentProps<'div'>;
+/**
+ * @see https://gist.github.com/bkrmendy/f4582173f50fab209ddfef1377ab31e3
+ */
+interface EyeDropper {
+    open: (options?: {
+        signal?: AbortSignal;
+    }) => Promise<{
+        sRGBHex: string;
+    }>;
+}
+declare global {
+    interface Window {
+        EyeDropper?: {
+            new (): EyeDropper;
+        };
+    }
+}
+type Direction = 'ltr' | 'rtl';
+type ColorPickerContentProps = Omit<React.ComponentProps<typeof PopoverContent>, 'className' | 'style'> & {
+    className?: string;
+    style?: React.CSSProperties;
+};
+interface ColorPickerFormatSelectProps extends Omit<React.ComponentProps<typeof Select>, 'onValueChange' | 'value'>, Pick<React.ComponentProps<typeof SelectTrigger>, 'className'> {
+}
+interface ColorPickerInputProps extends Omit<React.ComponentProps<typeof Input>, 'className' | 'color' | 'onChange' | 'value'> {
+    className?: string;
+    withoutAlpha?: boolean;
+}
+interface ColorPickerProps extends Omit<DivProps, 'onValueChange'>, Pick<React.ComponentProps<typeof Popover>, 'defaultOpen' | 'modal' | 'open'> {
+    defaultFormat?: ColorFormat;
+    defaultValue?: string;
+    dir?: Direction;
+    disabled?: boolean;
+    format?: ColorFormat;
+    inline?: boolean;
+    name?: string;
+    onFormatChange?: (format: ColorFormat) => void;
+    onOpenChange?: (open: boolean) => void;
+    onValueChange?: (value: string) => void;
+    readOnly?: boolean;
+    required?: boolean;
+    value?: string;
+}
+type ColorPickerTriggerProps = React.ComponentProps<typeof Button>;
+declare function ColorPicker(props: ColorPickerProps): React.JSX.Element;
+declare function ColorPickerAlphaSlider(props: React.ComponentProps<typeof Slider>): React.JSX.Element;
+declare function ColorPickerArea(props: DivProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+declare function ColorPickerContent(props: ColorPickerContentProps): React.JSX.Element | null;
+declare function ColorPickerEyeDropper(props: React.ComponentProps<typeof Button>): React.JSX.Element | null;
+declare function ColorPickerFormatSelect(props: ColorPickerFormatSelectProps): React.JSX.Element;
+declare function ColorPickerHueSlider(props: React.ComponentProps<typeof Slider>): React.JSX.Element;
+declare function ColorPickerInput(props: ColorPickerInputProps): React.JSX.Element | undefined;
+declare function ColorPickerSwatch(props: DivProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+declare function ColorPickerTrigger(props: ColorPickerTriggerProps): React.JSX.Element;
+export { ColorPicker, ColorPickerAlphaSlider, ColorPickerArea, ColorPickerContent, ColorPickerEyeDropper, ColorPickerFormatSelect, ColorPickerHueSlider, ColorPickerInput, type ColorPickerProps, ColorPickerSwatch, ColorPickerTrigger, };
+//# sourceMappingURL=ColorPickerPrimitive.d.ts.map

package/dist/components/form/ColorPickerPrimitive.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorPickerPrimitive.d.ts","sourceRoot":"","sources":["../../../src/components/form/ColorPickerPrimitive.tsx"],"names":[],"mappings":"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"}