@reforma/components 0.0.0-stage → 0.1.0

package/dist/Collapsible/Collapsible.d.ts

@@ -0,0 +1,50 @@
+import type { HTMLAttributes, ReactNode, Ref } from 'react';
+import type { DisclosureState } from 'react-stately';
+type CollapsibleContextValue = {
+    isDisabled: boolean;
+    panelProps: HTMLAttributes<HTMLElement>;
+    panelRef: React.RefObject<HTMLDivElement | null>;
+    state: DisclosureState;
+    triggerProps: HTMLAttributes<HTMLElement>;
+    triggerRef: React.RefObject<HTMLElement | null>;
+};
+/**
+ * Access disclosure state, refs, and ARIA props when composing without {@link CollapsibleTrigger}.
+ */
+export declare function useCollapsible(): CollapsibleContextValue;
+/** Render props passed when {@link Collapsible} `children` is a function (see `composeRenderProps`). */
+export type CollapsibleRenderProps = {
+    defaultChildren?: ReactNode;
+    state: DisclosureState;
+};
+export type CollapsibleProps = Omit<HTMLAttributes<HTMLDivElement>, 'children' | 'defaultValue' | 'as'> & {
+    as?: 'div' | 'button' | 'span' | 'Fragment';
+    children?: ReactNode | ((props: CollapsibleRenderProps) => ReactNode);
+    defaultOpen?: boolean;
+    isDisabled?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    open?: boolean;
+};
+export declare function Collapsible({ as, children, className, defaultOpen, isDisabled, onOpenChange, open, ...attributes }: CollapsibleProps): import("react").JSX.Element;
+export type CollapsibleTriggerProps = Omit<HTMLAttributes<HTMLButtonElement>, 'children' | 'ref'> & {
+    as?: 'div' | 'button' | 'span';
+    asChild?: boolean;
+    children: ReactNode;
+    ref?: Ref<HTMLElement | null>;
+};
+export declare function CollapsibleTrigger({ as: Component, asChild: asChildProp, children, className, ref, ...rest }: CollapsibleTriggerProps): import("react").JSX.Element;
+export type CollapsibleContentProps = HTMLAttributes<HTMLDivElement> & {
+    asChild?: boolean;
+    children: ReactNode;
+};
+/**
+ * Disclosure panel
+ */
+export declare function CollapsibleContent({ asChild, children, className, ...rest }: CollapsibleContentProps): import("react").JSX.Element;
+/** Height panel; skips Aria `hidden` so exit is not `display: none`. */
+export declare function CollapsibleMotionContent({ children, className, }: {
+    children: ReactNode;
+    className?: string;
+}): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=Collapsible.d.ts.map

package/dist/Collapsible/Collapsible.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Collapsible.d.ts","sourceRoot":"","sources":["../../src/Collapsible/Collapsible.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAErD,KAAK,uBAAuB,GAAG;IAC3B,UAAU,EAAE,OAAO,CAAC;IACpB,UAAU,EAAE,cAAc,CAAC,WAAW,CAAC,CAAC;IACxC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACjD,KAAK,EAAE,eAAe,CAAC;IACvB,YAAY,EAAE,cAAc,CAAC,WAAW,CAAC,CAAC;IAC1C,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;CACnD,CAAC;AAIF;;GAEG;AACH,wBAAgB,cAAc,IAAI,uBAAuB,CAQxD;AAED,wGAAwG;AACxG,MAAM,MAAM,sBAAsB,GAAG;IACjC,eAAe,CAAC,EAAE,SAAS,CAAC;IAC5B,KAAK,EAAE,eAAe,CAAC;CAC1B,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,GAAG,cAAc,GAAG,IAAI,CAAC,GAAG;IACtG,EAAE,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,UAAU,CAAC;IAC5C,QAAQ,CAAC,EAAE,SAAS,GAAG,CAAC,CAAC,KAAK,EAAE,sBAAsB,KAAK,SAAS,CAAC,CAAC;IACtE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,IAAI,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF,wBAAgB,WAAW,CAAC,EACxB,EAAU,EACV,QAAQ,EACR,SAAS,EACT,WAAW,EACX,UAAU,EACV,YAAY,EACZ,IAAI,EACJ,GAAG,UAAU,EAChB,EAAE,gBAAgB,+BA4ClB;AAED,MAAM,MAAM,uBAAuB,GAAG,IAAI,CAAC,cAAc,CAAC,iBAAiB,CAAC,EAAE,UAAU,GAAG,KAAK,CAAC,GAAG;IAChG,EAAE,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,CAAC;IAC/B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,SAAS,CAAC;IACpB,GAAG,CAAC,EAAE,GAAG,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;CACjC,CAAC;AAEF,wBAAgB,kBAAkB,CAAC,EAAE,EAAE,EAAE,SAAiB,EAAE,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,EAAE,GAAG,IAAI,EAAE,EAAE,uBAAuB,+BA4B7I;AAED,MAAM,MAAM,uBAAuB,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IACnE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,SAAS,CAAC;CACvB,CAAC;AAEF;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,EAC/B,OAAO,EACP,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACV,EAAE,uBAAuB,+BAazB;AAED,wEAAwE;AACxE,wBAAgB,wBAAwB,CAAC,EACrC,QAAQ,EACR,SAAS,GACZ,EAAE;IACC,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB,+BAuBA"}

package/dist/Collapsible/Collapsible.js

@@ -0,0 +1,146 @@
+import { MOTION_TRANSITION_COLLAPSE as w } from "@reforma/constants";
+import { mergeRefs as y } from "@reforma/lib";
+import { useReducedMotion as A, AnimatePresence as O, motion as T } from "motion/react";
+import { useRef as g, useMemo as B, Fragment as h, createElement as F, Children as I, isValidElement as N, use as S, createContext as L } from "react";
+import { useDisclosure as V, useButton as _, mergeProps as P, Focusable as j } from "react-aria";
+import { composeRenderProps as D } from "react-aria-components";
+import { useDisclosureState as k } from "react-stately";
+import { AsChild as b } from "../AsChild/AsChild.js";
+import { jsx as n } from "react/jsx-runtime";
+const x = /* @__PURE__ */ L(null);
+function m() {
+  const e = S(x);
+  if (!e)
+    throw new Error("useCollapsible must be used within Collapsible");
+  return e;
+}
+function X({
+  as: e = "div",
+  children: r,
+  className: o,
+  defaultOpen: i,
+  isDisabled: t,
+  onOpenChange: s,
+  open: a,
+  ...c
+}) {
+  const p = g(null), l = g(null), u = k({
+    defaultExpanded: i,
+    isExpanded: a,
+    onExpandedChange: s
+  }), {
+    buttonProps: R,
+    panelProps: d
+  } = V({
+    isDisabled: t
+  }, u, p), {
+    buttonProps: f
+  } = _(R, l), E = B(() => ({
+    isDisabled: !!t,
+    panelProps: d,
+    panelRef: p,
+    state: u,
+    triggerProps: f,
+    triggerRef: l
+  }), [t, d, u, f]), C = D(r, (M) => M)({
+    defaultChildren: void 0,
+    state: u
+  }), v = e === "Fragment" ? /* @__PURE__ */ n(h, {
+    children: C
+  }) : /* @__PURE__ */ F(e, {
+    className: o,
+    ...c
+  }, C);
+  return /* @__PURE__ */ n(x, {
+    value: E,
+    children: v
+  });
+}
+function Y({
+  as: e = "div",
+  asChild: r,
+  children: o,
+  className: i,
+  ref: t,
+  ...s
+}) {
+  const {
+    triggerProps: a,
+    triggerRef: c
+  } = m(), p = r ?? (I.count(o) === 1 && /* @__PURE__ */ N(o) && o.type !== h), l = P(a, s, {
+    className: i,
+    // eslint-disable-next-line react-hooks/refs -- mergeRefs composes; it does not read `.current`
+    ref: y(c, t)
+  });
+  return p ? /* @__PURE__ */ n(b, {
+    ...l,
+    children: o
+  }) : /* @__PURE__ */ n(j, {
+    children: /* @__PURE__ */ n(e, {
+      ...l,
+      children: o
+    })
+  });
+}
+function Z({
+  asChild: e,
+  children: r,
+  className: o,
+  ...i
+}) {
+  const {
+    panelProps: t,
+    panelRef: s
+  } = m();
+  return /* @__PURE__ */ n(e ? b : "div", {
+    ref: s,
+    ...P(t, i, {
+      className: o
+    }),
+    children: r
+  });
+}
+function $({
+  children: e,
+  className: r
+}) {
+  const {
+    panelProps: o,
+    panelRef: i,
+    state: t
+  } = m(), s = A();
+  return /* @__PURE__ */ n(O, {
+    initial: !1,
+    children: t.isExpanded && /* @__PURE__ */ n(T.div, {
+      id: o.id,
+      ref: i,
+      className: r,
+      initial: {
+        opacity: 0,
+        height: 0
+      },
+      animate: {
+        opacity: 1,
+        height: "auto"
+      },
+      exit: {
+        height: 0
+      },
+      transition: s ? {
+        duration: 0
+      } : w,
+      style: {
+        overflow: "hidden"
+      },
+      children: e
+    }, "collapsible-panel")
+  });
+}
+export {
+  X as Collapsible,
+  Z as CollapsibleContent,
+  $ as CollapsibleMotionContent,
+  Y as CollapsibleTrigger,
+  m as useCollapsible
+};
+//# sourceMappingURL=Collapsible.js.map

package/dist/Collapsible/Collapsible.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Collapsible.js","sources":["../../src/Collapsible/Collapsible.tsx"],"sourcesContent":["import { MOTION_TRANSITION_COLLAPSE } from '@reforma/constants';\nimport { mergeRefs } from '@reforma/lib';\nimport { AnimatePresence, motion, useReducedMotion } from 'motion/react';\nimport {\n    Children,\n    createContext,\n    createElement,\n    Fragment,\n    isValidElement,\n    use,\n    useMemo,\n    useRef,\n} from 'react';\nimport { Focusable, mergeProps, useButton, useDisclosure } from 'react-aria';\nimport { composeRenderProps } from 'react-aria-components';\nimport { useDisclosureState } from 'react-stately';\n\nimport { AsChild } from '../AsChild';\n\nimport type { HTMLAttributes, ReactNode, Ref } from 'react';\nimport type { DisclosureState } from 'react-stately';\n\ntype CollapsibleContextValue = {\n    isDisabled: boolean;\n    panelProps: HTMLAttributes<HTMLElement>;\n    panelRef: React.RefObject<HTMLDivElement | null>;\n    state: DisclosureState;\n    triggerProps: HTMLAttributes<HTMLElement>;\n    triggerRef: React.RefObject<HTMLElement | null>;\n};\n\nconst CollapsibleContext = createContext<CollapsibleContextValue | null>(null);\n\n/**\n * Access disclosure state, refs, and ARIA props when composing without {@link CollapsibleTrigger}.\n */\nexport function useCollapsible(): CollapsibleContextValue {\n    const ctx = use(CollapsibleContext);\n\n    if (!ctx) {\n        throw new Error('useCollapsible must be used within Collapsible');\n    }\n\n    return ctx;\n}\n\n/** Render props passed when {@link Collapsible} `children` is a function (see `composeRenderProps`). */\nexport type CollapsibleRenderProps = {\n    defaultChildren?: ReactNode;\n    state: DisclosureState;\n};\n\nexport type CollapsibleProps = Omit<HTMLAttributes<HTMLDivElement>, 'children' | 'defaultValue' | 'as'> & {\n    as?: 'div' | 'button' | 'span' | 'Fragment';\n    children?: ReactNode | ((props: CollapsibleRenderProps) => ReactNode);\n    defaultOpen?: boolean;\n    isDisabled?: boolean;\n    onOpenChange?: (open: boolean) => void;\n    open?: boolean;\n};\n\nexport function Collapsible({\n    as = 'div',\n    children,\n    className,\n    defaultOpen,\n    isDisabled,\n    onOpenChange,\n    open,\n    ...attributes\n}: CollapsibleProps) {\n    const panelRef = useRef<HTMLDivElement | null>(null);\n    const triggerRef = useRef<HTMLElement | null>(null);\n\n    const state = useDisclosureState({\n        defaultExpanded: defaultOpen,\n        isExpanded: open,\n        onExpandedChange: onOpenChange,\n    });\n\n    const { buttonProps: disclosureButtonProps, panelProps } = useDisclosure(\n        { isDisabled },\n        state,\n        panelRef\n    );\n    const { buttonProps: triggerProps } = useButton(disclosureButtonProps, triggerRef);\n\n    const contextValue = useMemo(\n        (): CollapsibleContextValue => ({\n            isDisabled: Boolean(isDisabled),\n            panelProps,\n            panelRef,\n            state,\n            triggerProps,\n            triggerRef,\n        }),\n        [isDisabled, panelProps, state, triggerProps]\n    );\n\n    const inner = composeRenderProps(children, (content): ReactNode => content)({\n        defaultChildren: undefined,\n        state,\n    });\n\n    // `Fragment` is not a DOM type: no wrapper node, and `className` / div props do not apply.\n    const root = as === 'Fragment'\n        ? <Fragment>{inner}</Fragment>\n        : createElement(as, { className, ...attributes }, inner);\n\n    return (\n        <CollapsibleContext value={ contextValue }>\n            {root}\n        </CollapsibleContext>\n    );\n}\n\nexport type CollapsibleTriggerProps = Omit<HTMLAttributes<HTMLButtonElement>, 'children' | 'ref'> & {\n    as?: 'div' | 'button' | 'span';\n    asChild?: boolean;\n    children: ReactNode;\n    ref?: Ref<HTMLElement | null>;\n};\n\nexport function CollapsibleTrigger({ as: Component = 'div', asChild: asChildProp, children, className, ref, ...rest }: CollapsibleTriggerProps) {\n    const { triggerProps, triggerRef } = useCollapsible();\n\n    const asChild = asChildProp ?? (Children.count(children) === 1 && isValidElement(children) && children.type !== Fragment);\n\n    // Omit `slot` here: merged props land on native nodes (`<button asChild>`); React 19 rejects invalid `slot` on DOM. RAC `slot` is not for raw HTML.\n    const hostProps = mergeProps(triggerProps, rest, {\n        className,\n        // eslint-disable-next-line react-hooks/refs -- mergeRefs composes; it does not read `.current`\n        ref: mergeRefs(triggerRef, ref),\n    });\n\n    if (asChild) {\n        return (\n            <AsChild { ...hostProps }>\n                {children}\n            </AsChild>\n        );\n    }\n\n    // By default, trigger is a focusable DIV\n    return (\n        <Focusable>\n            <Component { ...(hostProps as object) }>\n                {children}\n            </Component>\n        </Focusable>\n    );\n}\n\nexport type CollapsibleContentProps = HTMLAttributes<HTMLDivElement> & {\n    asChild?: boolean;\n    children: ReactNode;\n};\n\n/**\n * Disclosure panel\n */\nexport function CollapsibleContent({\n    asChild,\n    children,\n    className,\n    ...rest\n}: CollapsibleContentProps) {\n    const { panelProps, panelRef } = useCollapsible();\n\n    const Component = asChild ? AsChild : 'div';\n\n    return (\n        <Component\n            ref={ panelRef }\n            { ...mergeProps(panelProps, rest, { className }) }\n        >\n            {children}\n        </Component>\n    );\n}\n\n/** Height panel; skips Aria `hidden` so exit is not `display: none`. */\nexport function CollapsibleMotionContent({\n    children,\n    className,\n}: {\n    children: ReactNode;\n    className?: string;\n}) {\n    const { panelProps, panelRef, state } = useCollapsible();\n    const reduceMotion = useReducedMotion();\n\n    return (\n        <AnimatePresence initial={ false }>\n            {state.isExpanded && (\n                <motion.div\n                    key=\"collapsible-panel\"\n                    id={ panelProps.id }\n                    ref={ panelRef }\n                    className={ className }\n                    initial={ { opacity: 0, height: 0 } }\n                    animate={ { opacity: 1, height: 'auto' } }\n                    exit={ { height: 0 } }\n                    transition={ reduceMotion ? { duration: 0 } : MOTION_TRANSITION_COLLAPSE }\n                    style={ { overflow: 'hidden' } }\n                >\n                    {children}\n                </motion.div>\n            )}\n        </AnimatePresence>\n    );\n}\n"],"names":["CollapsibleContext","useCollapsible","ctx","use","Collapsible","as","children","className","defaultOpen","isDisabled","onOpenChange","open","attributes","panelRef","useRef","triggerRef","state","useDisclosureState","disclosureButtonProps","panelProps","useDisclosure","triggerProps","useButton","contextValue","useMemo","inner","composeRenderProps","content","root","_jsx","Fragment","createElement","CollapsibleTrigger","Component","asChildProp","ref","rest","asChild","Children","isValidElement","hostProps","mergeProps","mergeRefs","AsChild","Focusable","CollapsibleContent","CollapsibleMotionContent","reduceMotion","useReducedMotion","AnimatePresence","motion","MOTION_TRANSITION_COLLAPSE"],"mappings":"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"}

package/dist/Collapsible/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Collapsible';
+//# sourceMappingURL=index.d.ts.map

package/dist/Collapsible/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Collapsible/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC"}

package/dist/Collapsible/index.js

@@ -0,0 +1,9 @@
+import { Collapsible as e, CollapsibleContent as i, CollapsibleMotionContent as C, CollapsibleTrigger as p, useCollapsible as s } from "./Collapsible.js";
+export {
+  e as Collapsible,
+  i as CollapsibleContent,
+  C as CollapsibleMotionContent,
+  p as CollapsibleTrigger,
+  s as useCollapsible
+};
+//# sourceMappingURL=index.js.map

package/dist/Collapsible/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/ColorArea/ColorArea.d.ts

@@ -0,0 +1,13 @@
+import { type ColorAreaProps as AriaColorAreaProps } from 'react-aria-components';
+import type { ReactNode, Ref } from 'react';
+export interface ColorAreaProps extends Omit<AriaColorAreaProps, 'children' | 'className'> {
+    ref?: Ref<HTMLDivElement | null>;
+    className?: string;
+    thumbClassName?: string;
+    children?: ReactNode;
+}
+export declare function ColorArea({ ref, className, thumbClassName, children, ...props }: ColorAreaProps): import("react").JSX.Element;
+export declare namespace ColorArea {
+    var displayName: string;
+}
+//# sourceMappingURL=ColorArea.d.ts.map

package/dist/ColorArea/ColorArea.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorArea.d.ts","sourceRoot":"","sources":["../../src/ColorArea/ColorArea.tsx"],"names":[],"mappings":"AAEA,OAAO,EAIH,KAAK,cAAc,IAAI,kBAAkB,EAC5C,MAAM,uBAAuB,CAAC;AAK/B,OAAO,KAAK,EAAgB,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE1D,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,kBAAkB,EAAE,UAAU,GAAG,WAAW,CAAC;IACtF,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB;AAED,wBAAgB,SAAS,CAAC,EACtB,GAAG,EACH,SAAS,EACT,cAAc,EACd,QAAQ,EACR,GAAG,KAAK,EACX,EAAE,cAAc,+BAgBhB;yBAtBe,SAAS"}

package/dist/ColorArea/ColorArea.js

@@ -0,0 +1,70 @@
+import { cn as f } from "@reforma/lib";
+import { useContext as P, useRef as C, useEffect as V } from "react";
+import { ColorArea as w, ColorThumb as R, ColorAreaStateContext as y } from "react-aria-components";
+import { Show as p } from "../Show/Show.js";
+import s from "./ColorArea.module.css.js";
+import { jsxs as T, jsx as i } from "react/jsx-runtime";
+function A({
+  ref: o,
+  className: t,
+  thumbClassName: l,
+  children: e,
+  ...r
+}) {
+  return /* @__PURE__ */ T(w, {
+    ...r,
+    ref: o,
+    className: f(s.area, t),
+    "data-modal-drag-exclude": !0,
+    children: [/* @__PURE__ */ i(p, {
+      when: e,
+      fallback: /* @__PURE__ */ i(R, {
+        className: f(s.thumb, l)
+      }),
+      children: e
+    }), /* @__PURE__ */ i(p, {
+      when: !r.isDisabled,
+      children: /* @__PURE__ */ i(D, {})
+    })]
+  });
+}
+A.displayName = "ColorArea";
+function D() {
+  const o = P(y), t = C(o), l = C("ltr");
+  if (V(() => {
+    t.current = o;
+  }), !o)
+    return null;
+  const e = (r) => {
+    const n = t.current;
+    if (!n)
+      return;
+    const a = r.currentTarget.getBoundingClientRect();
+    if (a.width === 0 || a.height === 0)
+      return;
+    const g = Math.min(1, Math.max(0, (r.clientX - a.left) / a.width)), d = Math.min(1, Math.max(0, (r.clientY - a.top) / a.height)), x = l.current === "rtl" ? 1 - g : g, {
+      xChannel: m,
+      yChannel: h
+    } = n.channels, u = n.value.getChannelRange(m), c = n.value.getChannelRange(h);
+    n.setValue(n.value.withChannelValue(m, u.minValue + x * (u.maxValue - u.minValue)).withChannelValue(h, c.minValue + (1 - d) * (c.maxValue - c.minValue)));
+  };
+  return /* @__PURE__ */ i("div", {
+    className: s.drag,
+    onPointerDown: (r) => {
+      r.button === 0 && (r.stopPropagation(), l.current = getComputedStyle(r.currentTarget).direction === "rtl" ? "rtl" : "ltr", r.currentTarget.setPointerCapture(r.pointerId), t.current?.setDragging(!0), e(r));
+    },
+    onPointerMove: (r) => {
+      r.currentTarget.hasPointerCapture(r.pointerId) && e(r);
+    },
+    onPointerUp: (r) => {
+      r.currentTarget.hasPointerCapture(r.pointerId) && (e(r), r.currentTarget.releasePointerCapture(r.pointerId), t.current?.setDragging(!1));
+    },
+    onPointerCancel: () => {
+      t.current?.setDragging(!1);
+    }
+  });
+}
+export {
+  A as ColorArea
+};
+//# sourceMappingURL=ColorArea.js.map

package/dist/ColorArea/ColorArea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorArea.js","sources":["../../src/ColorArea/ColorArea.tsx"],"sourcesContent":["import { cn } from '@reforma/lib';\nimport { useContext, useEffect, useRef } from 'react';\nimport {\n    ColorArea as AriaColorArea,\n    ColorAreaStateContext,\n    ColorThumb,\n    type ColorAreaProps as AriaColorAreaProps,\n} from 'react-aria-components';\n\nimport { Show } from '../Show';\nimport styles from './ColorArea.module.css';\n\nimport type { PointerEvent, ReactNode, Ref } from 'react';\n\nexport interface ColorAreaProps extends Omit<AriaColorAreaProps, 'children' | 'className'> {\n    ref?: Ref<HTMLDivElement | null>;\n    className?: string;\n    thumbClassName?: string;\n    children?: ReactNode;\n}\n\nexport function ColorArea({\n    ref,\n    className,\n    thumbClassName,\n    children,\n    ...props\n}: ColorAreaProps) {\n    return (\n        <AriaColorArea\n            { ...props }\n            ref={ ref }\n            className={ cn(styles.area, className) }\n            data-modal-drag-exclude\n        >\n            <Show when={ children } fallback={ <ColorThumb className={ cn(styles.thumb, thumbClassName) } /> }>\n                { children }\n            </Show>\n            <Show when={ !props.isDisabled }>\n                <ColorAreaDrag />\n            </Show>\n        </AriaColorArea>\n    );\n}\n\nColorArea.displayName = 'ColorArea';\n\n/**\n * React Aria snaps the area to a channel step of 1 (one percent of saturation\n * or brightness). On this field that is a few pixels. Pointer drags set the\n * channel from the pointer instead; arrow keys keep the step.\n */\nfunction ColorAreaDrag() {\n    const state = useContext(ColorAreaStateContext);\n    const stateRef = useRef(state);\n    const directionRef = useRef<'ltr' | 'rtl'>('ltr');\n\n    useEffect(() => {\n        stateRef.current = state;\n    });\n\n    if (!state) {\n        return null;\n    }\n\n    const apply = (event: PointerEvent<HTMLDivElement>) => {\n        const current = stateRef.current;\n\n        if (!current) {\n            return;\n        }\n\n        const rect = event.currentTarget.getBoundingClientRect();\n\n        if (rect.width === 0 || rect.height === 0) {\n            return;\n        }\n\n        const visualX = Math.min(1, Math.max(0, (event.clientX - rect.left) / rect.width));\n        const y = Math.min(1, Math.max(0, (event.clientY - rect.top) / rect.height));\n        const x = directionRef.current === 'rtl' ? 1 - visualX : visualX;\n\n        const { xChannel, yChannel } = current.channels;\n        const xRange = current.value.getChannelRange(xChannel);\n        const yRange = current.value.getChannelRange(yChannel);\n\n        current.setValue(current.value\n            .withChannelValue(xChannel, xRange.minValue + (x * (xRange.maxValue - xRange.minValue)))\n            .withChannelValue(yChannel, yRange.minValue + ((1 - y) * (yRange.maxValue - yRange.minValue))));\n    };\n\n    return (\n        <div\n            className={ styles.drag }\n            onPointerDown={ (event) => {\n                if (event.button !== 0) {\n                    return;\n                }\n\n                event.stopPropagation();\n                directionRef.current = getComputedStyle(event.currentTarget).direction === 'rtl' ? 'rtl' : 'ltr';\n                event.currentTarget.setPointerCapture(event.pointerId);\n                stateRef.current?.setDragging(true);\n                apply(event);\n            } }\n            onPointerMove={ (event) => {\n                if (!event.currentTarget.hasPointerCapture(event.pointerId)) {\n                    return;\n                }\n\n                apply(event);\n            } }\n            onPointerUp={ (event) => {\n                if (!event.currentTarget.hasPointerCapture(event.pointerId)) {\n                    return;\n                }\n\n                apply(event);\n                event.currentTarget.releasePointerCapture(event.pointerId);\n                stateRef.current?.setDragging(false);\n            } }\n            onPointerCancel={ () => {\n                stateRef.current?.setDragging(false);\n            } }\n        />\n    );\n}\n"],"names":["ColorArea","ref","className","thumbClassName","children","props","AriaColorArea","cn","styles","_jsx","Show","ColorThumb","ColorAreaDrag","state","useContext","ColorAreaStateContext","stateRef","useRef","directionRef","useEffect","apply","event","current","rect","visualX","y","xChannel","yChannel","xRange","yRange"],"mappings":";;;;;;AAMO,SAASA,EAAU;AAAA,EACxB,KAAAC;AAAA,EACA,WAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,GAAG;AACD,2BAA0BC,GAAe;AAAA,IACvC,GAAGD;AAAA,IACH,KAAAJ;AAAA,IACA,WAAWM,EAAGC,EAAO,MAAMN,CAAS;AAAA,IACpC,2BAA2B;AAAA,IAC3B,UAAU,CAAcO,gBAAAA,EAAKC,GAAM;AAAA,MACjC,MAAMN;AAAA,MACN,4BAA4BO,GAAY;AAAA,QACtC,WAAWJ,EAAGC,EAAO,OAAOL,CAAc;AAAA,MAAA,CAC3C;AAAA,MACD,UAAAC;AAAA,IAAA,CACD,GAAgBK,gBAAAA,EAAKC,GAAM;AAAA,MAC1B,MAAM,CAACL,EAAM;AAAA,MACb,UAAuBI,gBAAAA,EAAKG,GAAe,CAAA,CAAE;AAAA,IAAA,CAC9C,CAAC;AAAA,EAAA,CACH;AACH;AACAZ,EAAU,cAAc;AAOxB,SAASY,IAAgB;AACvB,QAAMC,IAAQC,EAAWC,CAAqB,GACxCC,IAAWC,EAAOJ,CAAK,GACvBK,IAAeD,EAAO,KAAK;AAIjC,MAHAE,EAAU,MAAM;AACd,IAAAH,EAAS,UAAUH;AAAA,EACrB,CAAC,GACG,CAACA;AACH,WAAO;AAET,QAAMO,IAAQ,CAAAC,MAAS;AACrB,UAAMC,IAAUN,EAAS;AACzB,QAAI,CAACM;AACH;AAEF,UAAMC,IAAOF,EAAM,cAAc,sBAAA;AACjC,QAAIE,EAAK,UAAU,KAAKA,EAAK,WAAW;AACtC;AAEF,UAAMC,IAAU,KAAK,IAAI,GAAG,KAAK,IAAI,IAAIH,EAAM,UAAUE,EAAK,QAAQA,EAAK,KAAK,CAAC,GAC3EE,IAAI,KAAK,IAAI,GAAG,KAAK,IAAI,IAAIJ,EAAM,UAAUE,EAAK,OAAOA,EAAK,MAAM,CAAC,GACrE,IAAIL,EAAa,YAAY,QAAQ,IAAIM,IAAUA,GACnD;AAAA,MACJ,UAAAE;AAAA,MACA,UAAAC;AAAA,IAAA,IACEL,EAAQ,UACNM,IAASN,EAAQ,MAAM,gBAAgBI,CAAQ,GAC/CG,IAASP,EAAQ,MAAM,gBAAgBK,CAAQ;AACrD,IAAAL,EAAQ,SAASA,EAAQ,MAAM,iBAAiBI,GAAUE,EAAO,WAAW,KAAKA,EAAO,WAAWA,EAAO,SAAS,EAAE,iBAAiBD,GAAUE,EAAO,YAAY,IAAIJ,MAAMI,EAAO,WAAWA,EAAO,SAAS,CAAC;AAAA,EAClN;AACA,2BAAyB,OAAO;AAAA,IAC9B,WAAWrB,EAAO;AAAA,IAClB,eAAe,CAAAa,MAAS;AACtB,MAAIA,EAAM,WAAW,MAGrBA,EAAM,gBAAA,GACNH,EAAa,UAAU,iBAAiBG,EAAM,aAAa,EAAE,cAAc,QAAQ,QAAQ,OAC3FA,EAAM,cAAc,kBAAkBA,EAAM,SAAS,GACrDL,EAAS,SAAS,YAAY,EAAI,GAClCI,EAAMC,CAAK;AAAA,IACb;AAAA,IACA,eAAe,CAAAA,MAAS;AACtB,MAAKA,EAAM,cAAc,kBAAkBA,EAAM,SAAS,KAG1DD,EAAMC,CAAK;AAAA,IACb;AAAA,IACA,aAAa,CAAAA,MAAS;AACpB,MAAKA,EAAM,cAAc,kBAAkBA,EAAM,SAAS,MAG1DD,EAAMC,CAAK,GACXA,EAAM,cAAc,sBAAsBA,EAAM,SAAS,GACzDL,EAAS,SAAS,YAAY,EAAK;AAAA,IACrC;AAAA,IACA,iBAAiB,MAAM;AACrB,MAAAA,EAAS,SAAS,YAAY,EAAK;AAAA,IACrC;AAAA,EAAA,CACD;AACH;"}

package/dist/ColorArea/ColorArea.module.css

@@ -0,0 +1 @@
+@layer components{.ColorArea_area_TzJ7sM{--reforma-color-area-radius: var(--radius-md);--reforma-color-area-thumb-size: var(--spacing-12);--reforma-color-area-thumb-border: var(--spacing-2);--reforma-color-area-thumb-shadow: var(--color-secondary-muted-border);position:relative;border-radius:calc(var(--reforma-color-area-radius) * var(--squircle-radius-factor));aspect-ratio:3 / 2;width:100%;min-width:0;corner-shape:superellipse(var(--squircle-value));cursor:crosshair;isolation:isolate}.ColorArea_area_TzJ7sM:after{position:absolute;inset:0;border:var(--spacing-1) solid var(--color-secondary-muted-border);border-radius:inherit;content:"";corner-shape:inherit;z-index:1;pointer-events:none}.ColorArea_area_TzJ7sM[data-disabled]{opacity:var(--opacity-disabled);pointer-events:none}.ColorArea_thumb_3wSc6e{z-index:2;box-sizing:border-box;outline:none;box-shadow:0 0 0 var(--spacing-1) var(--reforma-color-area-thumb-shadow);border:var(--reforma-color-area-thumb-border) solid var(--color-white);border-radius:var(--radius-full);width:var(--reforma-color-area-thumb-size);height:var(--reforma-color-area-thumb-size)}.ColorArea_thumb_3wSc6e[data-focus-visible]{box-shadow:0 0 0 var(--spacing-1) var(--reforma-color-area-thumb-shadow),0 0 0 var(--spacing-4) var(--color-primary-muted-border)}.ColorArea_thumb_3wSc6e[data-disabled]{opacity:var(--opacity-disabled)}.ColorArea_drag_G6Zdva{position:absolute;z-index:3;inset:0;touch-action:none}}

package/dist/ColorArea/ColorArea.module.css.js

@@ -0,0 +1,12 @@
+const a = "ColorArea_area_TzJ7sM", r = "ColorArea_thumb_3wSc6e", o = "ColorArea_drag_G6Zdva", e = {
+  area: a,
+  thumb: r,
+  drag: o
+};
+export {
+  a as area,
+  e as default,
+  o as drag,
+  r as thumb
+};
+//# sourceMappingURL=ColorArea.module.css.js.map

package/dist/ColorArea/ColorArea.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorArea.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

package/dist/ColorArea/index.d.ts

@@ -0,0 +1,2 @@
+export * from './ColorArea';
+//# sourceMappingURL=index.d.ts.map

package/dist/ColorArea/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ColorArea/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC"}

package/dist/ColorArea/index.js

@@ -0,0 +1,5 @@
+import { ColorArea as e } from "./ColorArea.js";
+export {
+  e as ColorArea
+};
+//# sourceMappingURL=index.js.map

package/dist/ColorArea/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/ColorInput/ColorInput.d.ts

@@ -0,0 +1,43 @@
+import { type ColorInputEditorFormat, type ColorInputFormat } from './format';
+import { type ColorInputChangeDetails } from './value';
+import type { HTMLAttributes, ReactNode, Ref } from 'react';
+import type { Color } from 'react-stately';
+import type { InputSize } from '../Input';
+export type ColorInputSize = InputSize;
+export type ColorInputVariant = 'filled' | 'bordered';
+export type ColorInputValue = string | Color | null;
+export interface ColorInputRenderState extends ColorInputChangeDetails {
+    inputValue: string;
+    isInvalid: boolean;
+}
+export interface ColorInputProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children' | 'defaultValue' | 'onChange'> {
+    ref?: Ref<HTMLDivElement | null>;
+    inputRef?: Ref<HTMLInputElement | null>;
+    value?: ColorInputValue;
+    defaultValue?: ColorInputValue;
+    onChange?: (value: string | null, details: ColorInputChangeDetails) => void;
+    size?: ColorInputSize;
+    variant?: ColorInputVariant;
+    format?: ColorInputFormat;
+    showAlpha?: boolean;
+    placeholder?: string;
+    isDisabled?: boolean;
+    isReadOnly?: boolean;
+    isInvalid?: boolean;
+    isActive?: boolean;
+    autoFocus?: boolean;
+    name?: string;
+    form?: string;
+    children?: ReactNode | ((state: ColorInputRenderState) => ReactNode);
+}
+export interface ColorInputEditorProps extends Omit<ColorInputProps, 'value' | 'defaultValue' | 'onChange'> {
+    currentValue: ColorInputValue | undefined;
+    editorFormat: ColorInputEditorFormat;
+    requestedFormat: ColorInputFormat;
+    onValueChange: (value: string | null, details: ColorInputChangeDetails) => void;
+}
+export declare function ColorInput({ value, defaultValue, onChange, format, ...props }: ColorInputProps): import("react").JSX.Element;
+export declare namespace ColorInput {
+    var displayName: string;
+}
+//# sourceMappingURL=ColorInput.d.ts.map

package/dist/ColorInput/ColorInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorInput.d.ts","sourceRoot":"","sources":["../../src/ColorInput/ColorInput.tsx"],"names":[],"mappings":"AAEA,OAAO,EAKH,KAAK,sBAAsB,EAC3B,KAAK,gBAAgB,EACxB,MAAM,UAAU,CAAC;AAKlB,OAAO,EAGH,KAAK,uBAAuB,EAE/B,MAAM,SAAS,CAAC;AAEjB,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5D,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAI1C,MAAM,MAAM,cAAc,GAAG,SAAS,CAAC;AACvC,MAAM,MAAM,iBAAiB,GAAG,QAAQ,GAAG,UAAU,CAAC;AACtD,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,KAAK,GAAG,IAAI,CAAC;AAEpD,MAAM,WAAW,qBAAsB,SAAQ,uBAAuB;IAClE,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,GAAG,cAAc,GAAG,UAAU,CAAC;IACnH,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACjC,QAAQ,CAAC,EAAE,GAAG,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAC;IACxC,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,YAAY,CAAC,EAAE,eAAe,CAAC;IAC/B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,EAAE,OAAO,EAAE,uBAAuB,KAAK,IAAI,CAAC;IAC5E,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,SAAS,GAAG,CAAC,CAAC,KAAK,EAAE,qBAAqB,KAAK,SAAS,CAAC,CAAC;CACxE;AAED,MAAM,WAAW,qBAAsB,SAAQ,IAAI,CAAC,eAAe,EAAE,OAAO,GAAG,cAAc,GAAG,UAAU,CAAC;IACvG,YAAY,EAAE,eAAe,GAAG,SAAS,CAAC;IAC1C,YAAY,EAAE,sBAAsB,CAAC;IACrC,eAAe,EAAE,gBAAgB,CAAC;IAClC,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,EAAE,OAAO,EAAE,uBAAuB,KAAK,IAAI,CAAC;CACnF;AAED,wBAAgB,UAAU,CAAC,EACvB,KAAK,EACL,YAAwB,EACxB,QAAQ,EACR,MAAe,EACf,GAAG,KAAK,EACX,EAAE,eAAe,+BA+CjB;yBArDe,UAAU"}

package/dist/ColorInput/ColorInput.js

@@ -0,0 +1,49 @@
+import { useState as I, useMemo as d, useCallback as L } from "react";
+import { resolveColorInputEditorFormat as O, isColorObjectEditorFormat as V, isParsedColorEditorFormat as b, canEditColorChannels as j } from "./format.js";
+import { ColorObjectChannelEditor as x } from "./ui/ColorObjectChannelEditor.js";
+import { CssFunctionChannelEditor as N } from "./ui/CssFunctionChannelEditor.js";
+import { HexColorEditor as R } from "./ui/HexColorEditor.js";
+import { RawColorEditor as g } from "./ui/RawColorEditor.js";
+import { parseColorInputValue as c, colorInputValueToString as B } from "./value.js";
+import { jsx as i } from "react/jsx-runtime";
+const f = c("#000000");
+function H({
+  value: r,
+  defaultValue: o = "#000000",
+  onChange: e,
+  format: u = "auto",
+  ...h
+}) {
+  const a = r !== void 0, [E, F] = I(o), t = a ? r : E, p = O(t, u), s = d(() => c(t), [t]), C = d(() => c(o), [o]), n = S(t, p, s.color) ? "raw" : p, w = L((m, A) => {
+    a || F(m), e?.(m, A);
+  }, [a, e]), l = {
+    ...h,
+    currentValue: t,
+    editorFormat: n,
+    requestedFormat: u,
+    onValueChange: w
+  };
+  return n === "raw" ? /* @__PURE__ */ i(g, {
+    ...l
+  }) : V(n) ? /* @__PURE__ */ i(x, {
+    ...l,
+    editorFormat: n,
+    parsedColor: s.color ?? C.color ?? f.color,
+    parsedAlpha: P(s, C)
+  }) : n !== "hex" ? /* @__PURE__ */ i(N, {
+    ...l
+  }) : /* @__PURE__ */ i(R, {
+    ...l
+  });
+}
+function P(r, o) {
+  return r.color ? r.alpha : o.color ? o.alpha : f.alpha;
+}
+function S(r, o, e) {
+  return o === "raw" ? !0 : b(o) ? !!B(r) && !e : !j(r, o);
+}
+H.displayName = "ColorInput";
+export {
+  H as ColorInput
+};
+//# sourceMappingURL=ColorInput.js.map

package/dist/ColorInput/ColorInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorInput.js","sources":["../../src/ColorInput/ColorInput.tsx"],"sourcesContent":["import { useCallback, useMemo, useState } from 'react';\n\nimport {\n    canEditColorChannels,\n    isColorObjectEditorFormat,\n    isParsedColorEditorFormat,\n    resolveColorInputEditorFormat,\n    type ColorInputEditorFormat,\n    type ColorInputFormat,\n} from './format';\nimport { ColorObjectChannelEditor } from './ui/ColorObjectChannelEditor';\nimport { CssFunctionChannelEditor } from './ui/CssFunctionChannelEditor';\nimport { HexColorEditor } from './ui/HexColorEditor';\nimport { RawColorEditor } from './ui/RawColorEditor';\nimport {\n    colorInputValueToString,\n    parseColorInputValue,\n    type ColorInputChangeDetails,\n    type ParsedColorInputValue,\n} from './value';\n\nimport type { HTMLAttributes, ReactNode, Ref } from 'react';\nimport type { Color } from 'react-stately';\nimport type { InputSize } from '../Input';\n\nconst FALLBACK_CHANNEL_COLOR = parseColorInputValue('#000000');\n\nexport type ColorInputSize = InputSize;\nexport type ColorInputVariant = 'filled' | 'bordered';\nexport type ColorInputValue = string | Color | null;\n\nexport interface ColorInputRenderState extends ColorInputChangeDetails {\n    inputValue: string;\n    isInvalid: boolean;\n}\n\nexport interface ColorInputProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children' | 'defaultValue' | 'onChange'> {\n    ref?: Ref<HTMLDivElement | null>;\n    inputRef?: Ref<HTMLInputElement | null>;\n    value?: ColorInputValue;\n    defaultValue?: ColorInputValue;\n    onChange?: (value: string | null, details: ColorInputChangeDetails) => void;\n    size?: ColorInputSize;\n    variant?: ColorInputVariant;\n    format?: ColorInputFormat;\n    showAlpha?: boolean;\n    placeholder?: string;\n    isDisabled?: boolean;\n    isReadOnly?: boolean;\n    isInvalid?: boolean;\n    isActive?: boolean;\n    autoFocus?: boolean;\n    name?: string;\n    form?: string;\n    children?: ReactNode | ((state: ColorInputRenderState) => ReactNode);\n}\n\nexport interface ColorInputEditorProps extends Omit<ColorInputProps, 'value' | 'defaultValue' | 'onChange'> {\n    currentValue: ColorInputValue | undefined;\n    editorFormat: ColorInputEditorFormat;\n    requestedFormat: ColorInputFormat;\n    onValueChange: (value: string | null, details: ColorInputChangeDetails) => void;\n}\n\nexport function ColorInput({\n    value,\n    defaultValue = '#000000',\n    onChange,\n    format = 'auto',\n    ...props\n}: ColorInputProps) {\n    const isControlled = value !== undefined;\n    const [localValue, setLocalValue] = useState<ColorInputValue>(defaultValue);\n    const currentValue = isControlled ? value : localValue;\n    const detectedEditorFormat = resolveColorInputEditorFormat(currentValue, format);\n    const parsedColor = useMemo(() => parseColorInputValue(currentValue), [currentValue]);\n    const defaultParsedColor = useMemo(() => parseColorInputValue(defaultValue), [defaultValue]);\n    const editorFormat = shouldUseRawEditor(currentValue, detectedEditorFormat, parsedColor.color)\n        ? 'raw'\n        : detectedEditorFormat;\n\n    const handleValueChange = useCallback((nextValue: string | null, details: ColorInputChangeDetails) => {\n        if (!isControlled) {\n            setLocalValue(nextValue);\n        }\n\n        onChange?.(nextValue, details);\n    }, [isControlled, onChange]);\n\n    const editorProps: ColorInputEditorProps = {\n        ...props,\n        currentValue,\n        editorFormat,\n        requestedFormat: format,\n        onValueChange: handleValueChange,\n    };\n\n    if (editorFormat === 'raw') {\n        return <RawColorEditor { ...editorProps } />;\n    }\n\n    if (isColorObjectEditorFormat(editorFormat)) {\n        return (\n            <ColorObjectChannelEditor\n                { ...editorProps }\n                editorFormat={ editorFormat }\n                parsedColor={ parsedColor.color ?? defaultParsedColor.color ?? FALLBACK_CHANNEL_COLOR.color! }\n                parsedAlpha={ resolveChannelEditorAlpha(parsedColor, defaultParsedColor) }\n            />\n        );\n    }\n\n    if (editorFormat !== 'hex') {\n        return <CssFunctionChannelEditor { ...editorProps } />;\n    }\n\n    return <HexColorEditor { ...editorProps } />;\n}\n\nfunction resolveChannelEditorAlpha(\n    parsedColor: ParsedColorInputValue,\n    defaultParsedColor: ParsedColorInputValue\n): number {\n    if (parsedColor.color) {\n        return parsedColor.alpha;\n    }\n\n    if (defaultParsedColor.color) {\n        return defaultParsedColor.alpha;\n    }\n\n    return FALLBACK_CHANNEL_COLOR.alpha;\n}\n\nfunction shouldUseRawEditor(value: ColorInputValue | undefined, editorFormat: ColorInputEditorFormat, parsedColor: Color | null): boolean {\n    if (editorFormat === 'raw') {\n        return true;\n    }\n\n    if (isParsedColorEditorFormat(editorFormat)) {\n        return Boolean(colorInputValueToString(value)) && !parsedColor;\n    }\n\n    return !canEditColorChannels(value, editorFormat);\n}\n\nColorInput.displayName = 'ColorInput';\n"],"names":["FALLBACK_CHANNEL_COLOR","parseColorInputValue","ColorInput","value","defaultValue","onChange","format","props","isControlled","localValue","setLocalValue","useState","currentValue","detectedEditorFormat","resolveColorInputEditorFormat","parsedColor","useMemo","defaultParsedColor","editorFormat","shouldUseRawEditor","handleValueChange","useCallback","nextValue","details","editorProps","RawColorEditor","isColorObjectEditorFormat","ColorObjectChannelEditor","resolveChannelEditorAlpha","CssFunctionChannelEditor","HexColorEditor","isParsedColorEditorFormat","colorInputValueToString","canEditColorChannels"],"mappings":";;;;;;;;AAQA,MAAMA,IAAyBC,EAAqB,SAAS;AACtD,SAASC,EAAW;AAAA,EACzB,OAAAC;AAAA,EACA,cAAAC,IAAe;AAAA,EACf,UAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,GAAGC;AACL,GAAG;AACD,QAAMC,IAAeL,MAAU,QACzB,CAACM,GAAYC,CAAa,IAAIC,EAASP,CAAY,GACnDQ,IAAeJ,IAAeL,IAAQM,GACtCI,IAAuBC,EAA8BF,GAAcN,CAAM,GACzES,IAAcC,EAAQ,MAAMf,EAAqBW,CAAY,GAAG,CAACA,CAAY,CAAC,GAC9EK,IAAqBD,EAAQ,MAAMf,EAAqBG,CAAY,GAAG,CAACA,CAAY,CAAC,GACrFc,IAAeC,EAAmBP,GAAcC,GAAsBE,EAAY,KAAK,IAAI,QAAQF,GACnGO,IAAoBC,EAAY,CAACC,GAAWC,MAAY;AAC5D,IAAKf,KACHE,EAAcY,CAAS,GAEzBjB,IAAWiB,GAAWC,CAAO;AAAA,EAC/B,GAAG,CAACf,GAAcH,CAAQ,CAAC,GACrBmB,IAAc;AAAA,IAClB,GAAGjB;AAAA,IACH,cAAAK;AAAA,IACA,cAAAM;AAAA,IACA,iBAAiBZ;AAAA,IACjB,eAAec;AAAA,EAAA;AAEjB,SAAIF,MAAiB,0BACMO,GAAgB;AAAA,IACvC,GAAGD;AAAA,EAAA,CACJ,IAECE,EAA0BR,CAAY,sBACfS,GAA0B;AAAA,IACjD,GAAGH;AAAA,IACH,cAAAN;AAAA,IACA,aAAaH,EAAY,SAASE,EAAmB,SAASjB,EAAuB;AAAA,IACrF,aAAa4B,EAA0Bb,GAAaE,CAAkB;AAAA,EAAA,CACvE,IAECC,MAAiB,0BACMW,GAA0B;AAAA,IACjD,GAAGL;AAAA,EAAA,CACJ,sBAEsBM,GAAgB;AAAA,IACvC,GAAGN;AAAA,EAAA,CACJ;AACH;AACA,SAASI,EAA0Bb,GAAaE,GAAoB;AAClE,SAAIF,EAAY,QACPA,EAAY,QAEjBE,EAAmB,QACdA,EAAmB,QAErBjB,EAAuB;AAChC;AACA,SAASmB,EAAmBhB,GAAOe,GAAcH,GAAa;AAC5D,SAAIG,MAAiB,QACZ,KAELa,EAA0Bb,CAAY,IACjC,EAAQc,EAAwB7B,CAAK,KAAM,CAACY,IAE9C,CAACkB,EAAqB9B,GAAOe,CAAY;AAClD;AACAhB,EAAW,cAAc;"}

package/dist/ColorInput/ColorInput.module.css

@@ -0,0 +1 @@
+@layer components{.ColorInput_root_65AGxW{--reforma-color-input-height: var(--spacing-30);--reforma-color-input-radius: var(--radius-md);--reforma-color-input-padding-start: var(--spacing-4);--reforma-color-input-padding-end: var(--spacing-2);--reforma-color-input-gap: var(--spacing-6);--reforma-color-input-alpha-width: var(--spacing-48);--reforma-color-input-border-width: var(--spacing-1);--reforma-color-input-separator-width: var(--spacing-1);--reforma-color-input-bg: var(--color-secondary);--reforma-color-input-border: transparent;--reforma-color-input-border-hover: var(--color-secondary-muted-border);--reforma-color-input-border-focus: var(--color-primary);--reforma-color-input-color: var(--color-secondary-content);--reforma-color-input-min-width: var(--spacing-144);display:inline-flex;align-items:center;border-radius:calc(var(--reforma-color-input-radius) * var(--squircle-radius-factor));isolation:isolate;width:100%;min-width:var(--reforma-color-input-min-width);corner-shape:superellipse(var(--squircle-value));color:var(--reforma-color-input-color)}.ColorInput_root_65AGxW[data-size=xs]{--reforma-color-input-height: var(--spacing-24);--reforma-color-input-radius: var(--radius-sm);--reforma-color-input-alpha-width: var(--spacing-44);--reforma-color-input-min-width: var(--spacing-128);font-weight:400;font-size:var(--text-sm);line-height:var(--leading-sm);font-family:Onest,sans-serif;letter-spacing:0}.ColorInput_root_65AGxW[data-size=sm]{--reforma-color-input-height: var(--spacing-30);--reforma-color-input-radius: var(--radius-md);--reforma-color-input-alpha-width: var(--spacing-48);--reforma-color-input-min-width: var(--spacing-144);font-weight:400;font-size:var(--text-sm);line-height:var(--leading-sm);font-family:Onest,sans-serif;letter-spacing:0}.ColorInput_root_65AGxW[data-size=md]{--reforma-color-input-height: var(--spacing-36);--reforma-color-input-radius: var(--radius-lg);--reforma-color-input-padding-start: var(--spacing-6);--reforma-color-input-padding-end: var(--spacing-4);--reforma-color-input-alpha-width: var(--spacing-56);--reforma-color-input-min-width: var(--spacing-160);font-weight:400;font-size:var(--text-md);line-height:var(--leading-md);font-family:Onest,sans-serif;letter-spacing:0}.ColorInput_root_65AGxW[data-size=lg]{--reforma-color-input-height: var(--spacing-56);--reforma-color-input-radius: var(--radius-xl);--reforma-color-input-padding-start: var(--spacing-12);--reforma-color-input-padding-end: var(--spacing-8);--reforma-color-input-gap: var(--spacing-8);--reforma-color-input-alpha-width: calc(var(--spacing-56) + var(--spacing-16));--reforma-color-input-min-width: var(--spacing-224);font-weight:400;font-size:var(--text-xl);line-height:var(--leading-xl);font-family:Onest,sans-serif;letter-spacing:0}.ColorInput_root_65AGxW[data-variant=bordered]{--reforma-color-input-bg: transparent;--reforma-color-input-border: var(--color-secondary-border);--reforma-color-input-border-hover: var(--color-secondary-border-hover)}.ColorInput_root_65AGxW[data-disabled]{opacity:var(--opacity-disabled);pointer-events:none}.ColorInput_root_65AGxW[data-editor=channels]{--reforma-color-input-min-width: var(--spacing-192);--reforma-control-group-input-gap-override: var(--reforma-color-input-gap);--reforma-control-group-input-padding-inline-override: var(--reforma-color-input-padding-start);align-items:start}.ColorInput_root_65AGxW[data-editor=raw]{--reforma-color-input-min-width: var(--spacing-160)}.ColorInput_colorField_3FD855,.ColorInput_alphaField_EHpn4k{display:flex;position:relative;align-items:center;z-index:0;transition-duration:var(--transition-duration-fast);transition-property:background-color,border-color;transition-timing-function:var(--ease-in-out);border:var(--reforma-color-input-border-width) solid var(--reforma-color-input-border);background:var(--reforma-color-input-bg);min-height:var(--reforma-color-input-height)}.ColorInput_colorField_3FD855{flex:1 1 auto;gap:var(--reforma-color-input-gap);border-top-left-radius:calc(var(--reforma-color-input-radius) * var(--squircle-radius-factor));border-bottom-left-radius:calc(var(--reforma-color-input-radius) * var(--squircle-radius-factor));padding-inline:var(--reforma-color-input-padding-start) var(--reforma-color-input-padding-end);min-width:0;corner-shape:superellipse(var(--squircle-value))}.ColorInput_colorField_3FD855[data-single]{border-top-right-radius:calc(var(--reforma-color-input-radius) * var(--squircle-radius-factor));border-bottom-right-radius:calc(var(--reforma-color-input-radius) * var(--squircle-radius-factor))}.ColorInput_root_65AGxW:is([data-variant=bordered],[data-disabled],[data-invalid],[data-active]) .ColorInput_colorField_3FD855:not([data-single]){margin-right:calc((var(--reforma-color-input-border-width) + var(--reforma-color-input-separator-width)) * -1)}.ColorInput_alphaField_EHpn4k{flex:0 0 var(--reforma-color-input-alpha-width);justify-content:center;gap:var(--spacing-2);margin-left:var(--reforma-color-input-separator-width);border-top-right-radius:calc(var(--reforma-color-input-radius) * var(--squircle-radius-factor));border-bottom-right-radius:calc(var(--reforma-color-input-radius) * var(--squircle-radius-factor));padding-inline:var(--spacing-4);width:var(--reforma-color-input-alpha-width);corner-shape:superellipse(var(--squircle-value))}.ColorInput_colorField_3FD855:hover,.ColorInput_alphaField_EHpn4k:hover{z-index:1;border-color:var(--reforma-color-input-border-hover)}.ColorInput_colorField_3FD855:focus-within,.ColorInput_alphaField_EHpn4k:focus-within,.ColorInput_root_65AGxW[data-active] .ColorInput_colorField_3FD855,.ColorInput_root_65AGxW[data-active] .ColorInput_alphaField_EHpn4k{z-index:2;border-color:var(--reforma-color-input-border-focus)}.ColorInput_root_65AGxW[data-invalid] .ColorInput_colorField_3FD855,.ColorInput_root_65AGxW[data-invalid] .ColorInput_alphaField_EHpn4k{border-color:var(--color-danger-border)}.ColorInput_alphaInput_fLWXvo{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;outline:none;border:0;background:transparent;padding:0;min-width:0;color:inherit;font:inherit}.ColorInput_hexInput_Il5BBy{flex:1 1 auto;min-width:0}.ColorInput_hexInput_Il5BBy input{text-transform:uppercase}.ColorInput_hexInput_Il5BBy input::-moz-placeholder{text-transform:none}.ColorInput_hexInput_Il5BBy input::placeholder{text-transform:none}.ColorInput_alphaInput_fLWXvo,.ColorInput_alphaInput_fLWXvo input{flex:0 1 3ch;width:3ch;text-align:center}.ColorInput_alphaSuffix_tHF95J{flex:0 0 auto;opacity:var(--opacity-placeholder)}.ColorInput_alphaScrubHandle_E8lgXv{position:absolute;top:0;bottom:0;left:0;transform:translate(calc(var(--spacing-2) * -1));z-index:1;cursor:ew-resize;width:var(--spacing-8)}.ColorInput_cssPreview_OIqTZA,.ColorInput_cssPreviewChecker_MmIHNL,.ColorInput_cssPreviewColor_l4jbAY{position:absolute;inset:0;border-radius:inherit;corner-shape:inherit;pointer-events:none}.ColorInput_cssPreview_OIqTZA{overflow:hidden}.ColorInput_cssPreviewChecker_MmIHNL{opacity:.1;z-index:0;background:repeating-conic-gradient(var(--color-dark) 0% 25%,transparent 0% 50%) 0 0 / var(--spacing-4) var(--spacing-4),var(--color-white)}.ColorInput_cssPreviewColor_l4jbAY{z-index:1;background:var(--reforma-color-input-preview, transparent)}}

package/dist/ColorInput/ColorInput.module.css.js

@@ -0,0 +1,26 @@
+const o = "ColorInput_root_65AGxW", l = "ColorInput_colorField_3FD855", e = "ColorInput_alphaField_EHpn4k", r = "ColorInput_alphaInput_fLWXvo", t = "ColorInput_hexInput_Il5BBy", s = "ColorInput_alphaSuffix_tHF95J", n = "ColorInput_alphaScrubHandle_E8lgXv", p = "ColorInput_cssPreview_OIqTZA", a = "ColorInput_cssPreviewChecker_MmIHNL", c = "ColorInput_cssPreviewColor_l4jbAY", u = {
+  root: o,
+  colorField: l,
+  alphaField: e,
+  alphaInput: r,
+  hexInput: t,
+  alphaSuffix: s,
+  alphaScrubHandle: n,
+  cssPreview: p,
+  cssPreviewChecker: a,
+  cssPreviewColor: c
+};
+export {
+  e as alphaField,
+  r as alphaInput,
+  n as alphaScrubHandle,
+  s as alphaSuffix,
+  l as colorField,
+  p as cssPreview,
+  a as cssPreviewChecker,
+  c as cssPreviewColor,
+  u as default,
+  t as hexInput,
+  o as root
+};
+//# sourceMappingURL=ColorInput.module.css.js.map

package/dist/ColorInput/ColorInput.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorInput.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}

package/dist/ColorInput/format.d.ts

@@ -0,0 +1,34 @@
+import type { Color } from 'react-stately';
+export type ColorInputFormat = 'auto' | 'hex' | 'hexa' | 'rgb' | 'rgba' | 'hsl' | 'hwb' | 'lab' | 'lch' | 'oklab' | 'oklch' | 'color' | 'css' | 'raw';
+export type ColorInputEditorFormat = 'hex' | 'rgb' | 'hsl' | 'hwb' | 'lab' | 'lch' | 'oklab' | 'oklch' | 'color' | 'raw';
+export type ColorObjectEditorFormat = Extract<ColorInputEditorFormat, 'rgb' | 'hsl'>;
+export type CssColorChannelKey = 'r' | 'g' | 'b' | 'h' | 's' | 'l' | 'w' | 'blackness' | 'c' | 'a' | 'x' | 'y' | 'z';
+export interface CssColorChannel {
+    key: CssColorChannelKey;
+    label: string;
+    value: number;
+    minValue?: number;
+    maxValue?: number;
+    step?: number;
+    interactionStep?: number;
+    roundTo?: number;
+}
+export interface ParsedCssColorChannels {
+    format: Exclude<ColorInputEditorFormat, 'hex' | 'rgb' | 'hsl' | 'raw'>;
+    channels: readonly CssColorChannel[];
+    alpha: number;
+    colorSpace?: string;
+}
+type DetectableColorValue = string | Color | null | undefined;
+export declare function resolveColorInputEditorFormat(value: DetectableColorValue, requestedFormat: ColorInputFormat): ColorInputEditorFormat;
+export declare function detectColorInputEditorFormat(value: DetectableColorValue): ColorInputEditorFormat;
+export declare function canEditColorChannels(value: DetectableColorValue, editorFormat: ColorInputEditorFormat): boolean;
+export declare function isColorObjectEditorFormat(editorFormat: ColorInputEditorFormat): editorFormat is ColorObjectEditorFormat;
+export declare function isParsedColorEditorFormat(editorFormat: ColorInputEditorFormat): boolean;
+export declare function parseCssColorChannels(value: string | undefined, expectedFormat?: ColorInputEditorFormat): ParsedCssColorChannels | null;
+export declare function serializeCssColorChannels(parsed: ParsedCssColorChannels): string;
+export declare function serializeColorObject(color: Color, alpha: number, requestedFormat: ColorInputFormat, editorFormat: ColorInputEditorFormat): string;
+export declare function normalizeAlpha(value: number): number;
+export declare function formatNumber(value: number, precision?: number): string;
+export {};
+//# sourceMappingURL=format.d.ts.map

package/dist/ColorInput/format.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"format.d.ts","sourceRoot":"","sources":["../../src/ColorInput/format.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAE3C,MAAM,MAAM,gBAAgB,GACpB,MAAM,GACN,KAAK,GACL,MAAM,GACN,KAAK,GACL,MAAM,GACN,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,OAAO,GACP,OAAO,GACP,OAAO,GACP,KAAK,GACL,KAAK,CAAC;AAEd,MAAM,MAAM,sBAAsB,GAC1B,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,OAAO,GACP,OAAO,GACP,OAAO,GACP,KAAK,CAAC;AAEd,MAAM,MAAM,uBAAuB,GAAG,OAAO,CAAC,sBAAsB,EAAE,KAAK,GAAG,KAAK,CAAC,CAAC;AAErF,MAAM,MAAM,kBAAkB,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,WAAW,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;AAErH,MAAM,WAAW,eAAe;IAC5B,GAAG,EAAE,kBAAkB,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,sBAAsB;IACnC,MAAM,EAAE,OAAO,CAAC,sBAAsB,EAAE,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,CAAC,CAAC;IACvE,QAAQ,EAAE,SAAS,eAAe,EAAE,CAAC;IACrC,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,KAAK,oBAAoB,GAAG,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,SAAS,CAAC;AAW9D,wBAAgB,6BAA6B,CAAC,KAAK,EAAE,oBAAoB,EAAE,eAAe,EAAE,gBAAgB,GAAG,sBAAsB,CAcpI;AAED,wBAAgB,4BAA4B,CAAC,KAAK,EAAE,oBAAoB,GAAG,sBAAsB,CAkChG;AAED,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,oBAAoB,EAAE,YAAY,EAAE,sBAAsB,GAAG,OAAO,CAM/G;AAED,wBAAgB,yBAAyB,CAAC,YAAY,EAAE,sBAAsB,GAAG,YAAY,IAAI,uBAAuB,CAEvH;AAED,wBAAgB,yBAAyB,CAAC,YAAY,EAAE,sBAAsB,GAAG,OAAO,CAEvF;AAED,wBAAgB,qBAAqB,CACjC,KAAK,EAAE,MAAM,GAAG,SAAS,EACzB,cAAc,CAAC,EAAE,sBAAsB,GACxC,sBAAsB,GAAG,IAAI,CAmD/B;AAED,wBAAgB,yBAAyB,CAAC,MAAM,EAAE,sBAAsB,GAAG,MAAM,CAsBhF;AAED,wBAAgB,oBAAoB,CAChC,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,MAAM,EACb,eAAe,EAAE,gBAAgB,EACjC,YAAY,EAAE,sBAAsB,GACrC,MAAM,CAsBR;AAQD,wBAAgB,cAAc,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAMpD;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,SAAI,GAAG,MAAM,CAIjE"}