@reforma/components 0.0.0-stage → 0.1.0

package/dist/Textarea/Textarea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Textarea.js","sources":["../../src/Textarea/Textarea.tsx"],"sourcesContent":["import { cn, mergeRefs } from '@reforma/lib';\nimport React, { useCallback, useEffect, useLayoutEffect, useRef, type ReactNode, type Ref } from 'react';\nimport {\n    Group,\n    TextArea as RACTextArea,\n    type TextAreaProps as RACTextAreaProps,\n} from 'react-aria-components';\n\nimport { Show } from '../Show';\nimport { useSlotContextProps } from '../Slot';\nimport styles from './Textarea.module.css';\n\nexport type TextareaVariant = 'filled' | 'bordered' | 'transparent' | 'inline';\nexport type TextareaSize = 'xs' | 'sm' | 'md' | 'lg';\n\nexport interface TextareaProps extends Omit<\n    RACTextAreaProps,\n    'className' | 'isDisabled' | 'isInvalid' | 'isReadOnly' | 'onChange'\n> {\n    ref?: Ref<HTMLTextAreaElement | null>;\n    variant?: TextareaVariant;\n    size?: TextareaSize;\n    /** Allow user to resize textarea vertically. Ignored when autoResize is true. */\n    isResizable?: boolean;\n    /** When true, height grows with content via CSS `field-sizing: content`. */\n    autoResize?: boolean;\n    /** Classes on the field wrapper (`Group`). */\n    className?: string;\n    /** Classes on the native `<textarea>` */\n    textareaClassName?: string;\n    isDisabled?: boolean;\n    isInvalid?: boolean;\n    isReadOnly?: boolean;\n    /** Same contract as `Input` — string value, not the DOM event. */\n    onChange?: (value: string) => void;\n    onRowCountChange?: (rows: number) => void;\n    /** Top-end control inside the field (e.g. jump-to-source). */\n    endAction?: ReactNode;\n}\n\nfunction readRowCount(el: HTMLTextAreaElement): number | null {\n    const lineHeight = parseFloat(getComputedStyle(el).lineHeight || '0');\n\n    if (!lineHeight) {\n        return null;\n    }\n\n    return Math.max(1, Math.round(el.scrollHeight / lineHeight));\n}\n\nexport function Textarea(props: TextareaProps) {\n    // SlotContext size/variant first; local props win; defaults after merge.\n    const merged = useSlotContextProps(props);\n    const {\n        variant = 'filled',\n        size = 'md',\n        isResizable = true,\n        autoResize = false,\n        className,\n        textareaClassName,\n        isDisabled,\n        isInvalid,\n        isReadOnly,\n        value,\n        defaultValue,\n        onChange,\n        onInput,\n        rows,\n        onRowCountChange,\n        autoFocus,\n        endAction,\n        ref: refProp,\n        ...restProps\n    } = merged;\n\n    const ref = useRef<HTMLTextAreaElement>(null);\n    const lastRowCountRef = useRef<number | null>(null);\n\n    useEffect(() => {\n        if (!autoFocus) {\n            return;\n        }\n\n        const timer = setTimeout(() => {\n            ref.current?.focus();\n        }, 50);\n\n        return () => clearTimeout(timer);\n    }, [autoFocus]);\n\n    const minRows = rows ?? 1;\n\n    const notifyRowCount = useCallback(\n        (el: HTMLTextAreaElement | null) => {\n            if (!el || !onRowCountChange) {\n                return;\n            }\n\n            const rowsCount = readRowCount(el);\n\n            if (rowsCount == null || lastRowCountRef.current === rowsCount) {\n                return;\n            }\n\n            lastRowCountRef.current = rowsCount;\n            onRowCountChange(rowsCount);\n        },\n        [onRowCountChange]\n    );\n\n    useLayoutEffect(() => {\n        if (!autoResize) {\n            return;\n        }\n\n        notifyRowCount(ref.current);\n    }, [autoResize, notifyRowCount, value]);\n\n    const handleChange = useCallback(\n        (event: React.ChangeEvent<HTMLTextAreaElement>) => {\n            onChange?.(event.currentTarget.value);\n        },\n        [onChange]\n    );\n\n    const handleInput: NonNullable<RACTextAreaProps['onInput']> = useCallback(\n        (e) => {\n            if (autoResize) {\n                notifyRowCount(e.currentTarget);\n            }\n\n            onInput?.(e);\n        },\n        [autoResize, onInput, notifyRowCount]\n    );\n\n    const handleContainerClick = () => {\n        ref.current?.focus();\n    };\n\n    return (\n        <Group\n            className={ cn(styles.field, className) }\n            data-variant={ variant }\n            data-size={ size }\n            data-end-action={ endAction ? '' : undefined }\n            isDisabled={ isDisabled }\n            isReadOnly={ isReadOnly }\n            isInvalid={ isInvalid }\n            data-modal-drag-exclude\n            onClick={ handleContainerClick }\n        >\n            <RACTextArea\n                { ...restProps }\n                rows={ rows }\n                ref={ mergeRefs(ref, refProp) }\n                value={ value }\n                defaultValue={ defaultValue }\n                onChange={ handleChange }\n                onInput={ handleInput }\n                className={ cn(styles.textarea, textareaClassName) }\n                style={ { '--reforma-textarea-min-rows': minRows } as React.CSSProperties }\n                data-resizable={ autoResize ? 'false' : (isResizable ? 'true' : 'false') }\n                data-autoresize={ autoResize ? 'true' : undefined }\n                disabled={ isDisabled }\n                readOnly={ isReadOnly }\n                aria-invalid={ isInvalid ?? restProps['aria-invalid'] }\n            />\n            <Show when={ endAction }>\n                <span\n                    className={ styles.endAction }\n                    onClick={ (event) => {\n                        event.stopPropagation();\n                    } }\n                    onPointerDown={ (event) => {\n                        event.stopPropagation();\n                    } }\n                >\n                    { endAction }\n                </span>\n            </Show>\n        </Group>\n    );\n}\n\nTextarea.displayName = 'Textarea';\n"],"names":["readRowCount","el","lineHeight","Textarea","props","merged","useSlotContextProps","variant","size","isResizable","autoResize","className","textareaClassName","isDisabled","isInvalid","isReadOnly","value","defaultValue","onChange","onInput","rows","onRowCountChange","autoFocus","endAction","refProp","restProps","ref","useRef","lastRowCountRef","useEffect","timer","minRows","notifyRowCount","useCallback","rowsCount","useLayoutEffect","handleChange","event","handleInput","handleContainerClick","Group","cn","styles","_jsx","RACTextArea","mergeRefs","Show"],"mappings":"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"}

package/dist/Textarea/Textarea.module.css

@@ -0,0 +1 @@
+@layer components{.Textarea_field_KSKZs6{--reforma-textarea-min-rows: 1;--reforma-textarea-resizer-radius: var(--radius-md);--reforma-textarea-radius: var(--radius-lg);--reforma-textarea-min-height: var(--spacing-36);--reforma-textarea-line-height: var(--leading-md);--reforma-textarea-padding-inline: var(--spacing-10);--reforma-textarea-padding-block: var(--spacing-6);--reforma-textarea-bg: var(--color-secondary);--reforma-textarea-border-width: var(--spacing-1);--reforma-textarea-border: transparent;--reforma-textarea-border-hover: var(--color-secondary-muted-border);--reforma-textarea-border-focus: var(--color-primary);--reforma-textarea-color: var(--color-secondary-content);display:inline-flex;position:relative;align-items:center;transition-duration:var(--transition-duration-fast);transition-property:background-color,border-color;transition-timing-function:var(--ease-in-out);cursor:text;box-sizing:border-box;outline:none;border-radius:calc(var(--reforma-textarea-radius) * var(--squircle-radius-factor));width:100%;min-height:var(--reforma-textarea-min-height);corner-shape:superellipse(var(--squircle-value));border:var(--reforma-textarea-border-width) solid var(--reforma-textarea-border);background-color:var(--reforma-textarea-bg);color:var(--reforma-textarea-color)}.Textarea_textarea_SkThCj{-webkit-appearance:none;-moz-appearance:none;flex:1;appearance:none;cursor:inherit;box-sizing:border-box;margin:0;outline:none;border:none;background:transparent;padding-inline:var(--reforma-textarea-padding-inline);padding-block:var(--reforma-textarea-padding-block);width:100%;min-width:0;min-height:calc(var(--reforma-textarea-line-height, var(--leading-md)) * var(--reforma-textarea-min-rows, 1) + var(--reforma-textarea-padding-block) * 2);resize:vertical;color:inherit;font:inherit;line-height:var(--reforma-textarea-line-height, var(--leading-md))}.Textarea_field_KSKZs6[data-size=xs]{--reforma-textarea-min-height: var(--spacing-24);--reforma-textarea-radius: var(--radius-sm);--reforma-textarea-padding-inline: var(--spacing-8);--reforma-textarea-padding-block: var(--spacing-2);--reforma-textarea-line-height: var(--leading-sm);font-weight:400;font-size:var(--text-sm);line-height:var(--leading-sm);font-family:Onest,sans-serif;letter-spacing:0}.Textarea_field_KSKZs6[data-size=sm]{--reforma-textarea-min-height: var(--spacing-30);--reforma-textarea-radius: var(--radius-md);--reforma-textarea-padding-inline: var(--spacing-8);--reforma-textarea-padding-block: var(--spacing-4);--reforma-textarea-line-height: var(--leading-sm);font-weight:400;font-size:var(--text-sm);line-height:var(--leading-sm);font-family:Onest,sans-serif;letter-spacing:0}.Textarea_field_KSKZs6[data-size=md]{--reforma-textarea-min-height: var(--spacing-36);--reforma-textarea-radius: var(--radius-lg);--reforma-textarea-padding-inline: var(--spacing-8);--reforma-textarea-padding-block: var(--spacing-6);--reforma-textarea-line-height: var(--leading-md);font-weight:400;font-size:var(--text-md);line-height:var(--leading-md);font-family:Onest,sans-serif;letter-spacing:0}.Textarea_field_KSKZs6[data-size=lg]{--reforma-textarea-min-height: var(--spacing-56);--reforma-textarea-radius: var(--radius-xl);--reforma-textarea-padding-inline: var(--spacing-16);--reforma-textarea-padding-block: var(--spacing-12);--reforma-textarea-line-height: var(--leading-lg);font-weight:400;font-size:var(--text-lg);line-height:var(--leading-lg);font-family:Onest,sans-serif;letter-spacing:0}.Textarea_field_KSKZs6[data-variant=filled]{--reforma-textarea-bg: var(--color-secondary);--reforma-textarea-border: transparent;--reforma-textarea-color: var(--color-secondary-content);--reforma-textarea-border-hover: var(--color-secondary-muted-border);--reforma-textarea-border-focus: var(--color-primary)}.Textarea_field_KSKZs6[data-variant=bordered]{--reforma-textarea-bg: transparent;--reforma-textarea-border: var(--color-secondary-border);--reforma-textarea-color: var(--color-secondary-content);--reforma-textarea-border-hover: var(--color-secondary-border-hover);--reforma-textarea-border-focus: var(--color-primary)}.Textarea_field_KSKZs6[data-variant=transparent]{--reforma-textarea-bg: transparent;--reforma-textarea-border: transparent;--reforma-textarea-color: var(--color-text);--reforma-textarea-border-hover: var(--color-secondary-muted);--reforma-textarea-border-focus: var(--color-secondary-muted)}.Textarea_field_KSKZs6[data-variant=inline]{--reforma-textarea-bg: transparent;--reforma-textarea-border: transparent;--reforma-textarea-color: var(--color-text);--reforma-textarea-border-hover: transparent;--reforma-textarea-border-focus: transparent;--reforma-textarea-min-height: 0;--reforma-textarea-padding-inline: 0;--reforma-textarea-padding-block: 0}.Textarea_field_KSKZs6:hover:not(:focus-within):not([data-disabled]){border-color:var(--reforma-textarea-border-hover)}.Textarea_field_KSKZs6:focus-within{border-color:var(--reforma-textarea-border-focus)}.Textarea_field_KSKZs6[data-disabled]{opacity:var(--opacity-disabled);cursor:not-allowed;pointer-events:none}.Textarea_field_KSKZs6[data-invalid]{border-color:var(--color-danger-border)}.Textarea_field_KSKZs6[data-invalid]:hover:not(:focus-within):not([data-disabled]){border-color:var(--color-danger-border-hover)}.Textarea_field_KSKZs6[data-invalid]:focus-within{border-color:var(--color-danger)}.Textarea_textarea_SkThCj[data-resizable=false]{resize:none}.Textarea_textarea_SkThCj[data-autoresize=true]{field-sizing:content;height:auto;overflow-y:auto;resize:none}.Textarea_textarea_SkThCj::-moz-placeholder{opacity:var(--opacity-placeholder);color:currentColor}.Textarea_textarea_SkThCj::placeholder{opacity:var(--opacity-placeholder);color:currentColor}.Textarea_endAction_IdaX4I{display:flex;position:absolute;top:var(--spacing-2);align-items:center;opacity:0;z-index:1;transition:opacity var(--transition-duration-fast) var(--ease-in-out);inset-inline-end:var(--spacing-2);pointer-events:none;line-height:0}.Textarea_field_KSKZs6:hover>.Textarea_endAction_IdaX4I,.Textarea_field_KSKZs6:focus-within>.Textarea_endAction_IdaX4I{opacity:1;pointer-events:auto}@media(hover:none){.Textarea_endAction_IdaX4I{opacity:1;pointer-events:auto}}.Textarea_field_KSKZs6[data-end-action] .Textarea_textarea_SkThCj{padding-inline-end:calc(var(--spacing-2) + var(--spacing-24) + var(--spacing-4))}@supports selector(::-webkit-resizer){.Textarea_textarea_SkThCj[data-resizable=true]::-webkit-resizer{opacity:0}.Textarea_field_KSKZs6:has(.Textarea_textarea_SkThCj[data-resizable=true]):after{position:absolute;right:var(--spacing-2);bottom:var(--spacing-2);border:0 solid var(--reforma-textarea-border-hover);border-right-width:var(--reforma-textarea-border-width);border-bottom-width:var(--reforma-textarea-border-width);border-bottom-right-radius:calc(var(--reforma-textarea-resizer-radius) * var(--squircle-radius-factor));width:var(--spacing-10);height:var(--spacing-10);pointer-events:none;content:"";corner-shape:superellipse(var(--squircle-value))}}}

package/dist/Textarea/Textarea.module.css.js

@@ -0,0 +1,12 @@
+const e = "Textarea_field_KSKZs6", t = "Textarea_textarea_SkThCj", a = "Textarea_endAction_IdaX4I", n = {
+  field: e,
+  textarea: t,
+  endAction: a
+};
+export {
+  n as default,
+  a as endAction,
+  e as field,
+  t as textarea
+};
+//# sourceMappingURL=Textarea.module.css.js.map

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

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

package/dist/Textarea/index.d.ts

@@ -0,0 +1,3 @@
+export { Textarea } from './Textarea';
+export type { TextareaProps, TextareaSize, TextareaVariant } from './Textarea';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Textarea/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EAAE,aAAa,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC"}

package/dist/Textarea/index.js

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

package/dist/Textarea/index.js.map

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

package/dist/Toast/Toast.d.ts

@@ -0,0 +1,20 @@
+import { UNSTABLE_ToastQueue as AriaToastQueue, ToastProps } from 'react-aria-components';
+/** Options for toast.show / toast.error / toast.success / toast.info / toast.warning */
+export type ToastOptions = {
+    title?: string;
+    message?: string;
+    type?: 'default' | 'info' | 'warning' | 'success' | 'error';
+    timeout?: number;
+};
+export declare function Toast(props: ToastProps<ToastOptions>): import("react").JSX.Element;
+export declare function ToastRegion(): import("react").JSX.Element;
+/** Simple imperative API: toast.show / .error / .success / .info / .warning */
+export declare const toast: {
+    queue: AriaToastQueue<ToastOptions>;
+    show: (options: ToastOptions) => string;
+    success: (options: ToastOptions) => string;
+    error: (options: ToastOptions) => string;
+    info: (options: ToastOptions) => string;
+    warning: (options: ToastOptions) => string;
+};
+//# sourceMappingURL=Toast.d.ts.map

package/dist/Toast/Toast.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../src/Toast/Toast.tsx"],"names":[],"mappings":"AAEA,OAAO,EAGH,mBAAmB,IAAI,cAAc,EAGrC,UAAU,EACb,MAAM,uBAAuB,CAAC;AAM/B,wFAAwF;AACxF,MAAM,MAAM,YAAY,GAAG;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;IAC5D,OAAO,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAIF,wBAAgB,KAAK,CAAC,KAAK,EAAE,UAAU,CAAC,YAAY,CAAC,+BAOpD;AAED,wBAAgB,WAAW,gCA+B1B;AAGD,+EAA+E;AAC/E,eAAO,MAAM,KAAK;;oBAEE,YAAY;uBACT,YAAY;qBACd,YAAY;oBACb,YAAY;uBACT,YAAY;CAClC,CAAC"}

package/dist/Toast/Toast.js

@@ -0,0 +1,93 @@
+import { Close as s } from "@reforma/icons/16";
+import { cn as l } from "@reforma/lib";
+import { UNSTABLE_ToastQueue as c, UNSTABLE_Toast as m, UNSTABLE_ToastRegion as d, UNSTABLE_ToastContent as u, Text as r } from "react-aria-components";
+import { Button as h } from "../Button/Button.js";
+import { Show as i } from "../Show/Show.js";
+import n from "./Toast.module.css.js";
+import { jsx as t, jsxs as a } from "react/jsx-runtime";
+const o = new c();
+function f(e) {
+  return /* @__PURE__ */ t(m, {
+    ...e,
+    className: l(n.toast, e.className)
+  });
+}
+function S() {
+  return /* @__PURE__ */ t(d, {
+    queue: o,
+    className: n.region,
+    children: ({
+      toast: e
+    }) => /* @__PURE__ */ a(f, {
+      toast: e,
+      "data-type": e.content.type ?? "default",
+      children: [/* @__PURE__ */ t("div", {
+        className: n.line,
+        "aria-hidden": !0
+      }), /* @__PURE__ */ t("div", {
+        className: n.content,
+        children: /* @__PURE__ */ a(u, {
+          children: [/* @__PURE__ */ t(i, {
+            when: e.content.title != null,
+            children: /* @__PURE__ */ t(r, {
+              slot: "title",
+              children: e.content.title
+            })
+          }), /* @__PURE__ */ t(i, {
+            when: e.content.message != null,
+            children: /* @__PURE__ */ t(r, {
+              slot: "description",
+              children: e.content.message
+            })
+          })]
+        })
+      }), /* @__PURE__ */ t(h, {
+        iconOnly: !0,
+        slot: "close",
+        "aria-label": "Close",
+        variant: "transparent",
+        color: "inherit",
+        children: /* @__PURE__ */ t(s, {})
+      })]
+    })
+  });
+}
+const x = {
+  queue: o,
+  show: (e) => o.add({
+    ...e,
+    type: e.type ?? "default"
+  }, {
+    timeout: e.timeout ?? 3e3
+  }),
+  success: (e) => o.add({
+    ...e,
+    type: "success"
+  }, {
+    timeout: e.timeout ?? 3e3
+  }),
+  error: (e) => o.add({
+    ...e,
+    type: "error"
+  }, {
+    timeout: e.timeout ?? 5e3
+  }),
+  info: (e) => o.add({
+    ...e,
+    type: "info"
+  }, {
+    timeout: e.timeout ?? 3e3
+  }),
+  warning: (e) => o.add({
+    ...e,
+    type: "warning"
+  }, {
+    timeout: e.timeout ?? 3e3
+  })
+};
+export {
+  f as Toast,
+  S as ToastRegion,
+  x as toast
+};
+//# sourceMappingURL=Toast.js.map

package/dist/Toast/Toast.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.js","sources":["../../src/Toast/Toast.tsx"],"sourcesContent":["import { Close as CloseIcon } from '@reforma/icons/16';\nimport { cn } from '@reforma/lib';\nimport {\n    UNSTABLE_Toast as AriaToast,\n    UNSTABLE_ToastContent as AriaToastContent,\n    UNSTABLE_ToastQueue as AriaToastQueue,\n    UNSTABLE_ToastRegion as AriaToastRegion,\n    Text,\n    ToastProps\n} from 'react-aria-components';\n\nimport { Button } from '../Button';\nimport { Show } from '../Show';\nimport styles from './Toast.module.css';\n\n/** Options for toast.show / toast.error / toast.success / toast.info / toast.warning */\nexport type ToastOptions = {\n    title?: string;\n    message?: string;\n    type?: 'default' | 'info' | 'warning' | 'success' | 'error';\n    timeout?: number;\n};\n\nconst queue = new AriaToastQueue<ToastOptions>();\n\nexport function Toast(props: ToastProps<ToastOptions>) {\n    return (\n        <AriaToast\n            { ...props }\n            className={ cn(styles.toast, props.className) }\n        />\n    );\n}\n\nexport function ToastRegion() {\n    return (\n        <AriaToastRegion\n            queue={ queue }\n            className={ styles.region }\n        >\n            {({ toast: t }) => (\n                <Toast\n                    toast={ t }\n                    data-type={ t.content.type ?? 'default' }\n                >\n                    <div className={ styles.line } aria-hidden />\n                    <div className={ styles.content }>\n                        <AriaToastContent>\n                            <Show when={ t.content.title != null }>\n                                <Text slot=\"title\">{ t.content.title }</Text>\n                            </Show>\n\n                            <Show when={ t.content.message != null }>\n                                <Text slot=\"description\">{ t.content.message }</Text>\n                            </Show>\n                        </AriaToastContent>\n                    </div>\n\n                    <Button iconOnly slot=\"close\" aria-label=\"Close\" variant=\"transparent\" color=\"inherit\">\n                        <CloseIcon />\n                    </Button>\n                </Toast>\n            )}\n        </AriaToastRegion>\n    );\n}\n\n\n/** Simple imperative API: toast.show / .error / .success / .info / .warning */\nexport const toast = {\n    queue,\n    show: (options: ToastOptions) => queue.add({ ...options, type: options.type ?? 'default' }, { timeout: options.timeout ?? 3000 }),\n    success: (options: ToastOptions) => queue.add({ ...options, type: 'success' }, { timeout: options.timeout ?? 3000 }),\n    error: (options: ToastOptions) => queue.add({ ...options, type: 'error' }, { timeout: options.timeout ?? 5000 }),\n    info: (options: ToastOptions) => queue.add({ ...options, type: 'info' }, { timeout: options.timeout ?? 3000 }),\n    warning: (options: ToastOptions) => queue.add({ ...options, type: 'warning' }, { timeout: options.timeout ?? 3000 }),\n};\n"],"names":["queue","AriaToastQueue","Toast","props","AriaToast","cn","styles","ToastRegion","AriaToastRegion","t","_jsx","AriaToastContent","Show","Text","Button","CloseIcon","toast","options"],"mappings":";;;;;;;AASA,MAAMA,IAAQ,IAAIC,EAAA;AACX,SAASC,EAAMC,GAAO;AAC3B,2BAAyBC,GAAW;AAAA,IAClC,GAAGD;AAAA,IACH,WAAWE,EAAGC,EAAO,OAAOH,EAAM,SAAS;AAAA,EAAA,CAC5C;AACH;AACO,SAASI,IAAc;AAC5B,2BAAyBC,GAAiB;AAAA,IACxC,OAAAR;AAAA,IACA,WAAWM,EAAO;AAAA,IAClB,UAAU,CAAC;AAAA,MACT,OAAOG;AAAA,IAAA,wBACgBP,GAAO;AAAA,MAC9B,OAAOO;AAAA,MACP,aAAaA,EAAE,QAAQ,QAAQ;AAAA,MAC/B,UAAU,CAAcC,gBAAAA,EAAK,OAAO;AAAA,QAClC,WAAWJ,EAAO;AAAA,QAClB,eAAe;AAAA,MAAA,CAChB,GAAgBI,gBAAAA,EAAK,OAAO;AAAA,QAC3B,WAAWJ,EAAO;AAAA,QAClB,4BAA6BK,GAAkB;AAAA,UAC7C,UAAU,CAAcD,gBAAAA,EAAKE,GAAM;AAAA,YACjC,MAAMH,EAAE,QAAQ,SAAS;AAAA,YACzB,4BAA4BI,GAAM;AAAA,cAChC,MAAM;AAAA,cACN,UAAUJ,EAAE,QAAQ;AAAA,YAAA,CACrB;AAAA,UAAA,CACF,GAAgBC,gBAAAA,EAAKE,GAAM;AAAA,YAC1B,MAAMH,EAAE,QAAQ,WAAW;AAAA,YAC3B,4BAA4BI,GAAM;AAAA,cAChC,MAAM;AAAA,cACN,UAAUJ,EAAE,QAAQ;AAAA,YAAA,CACrB;AAAA,UAAA,CACF,CAAC;AAAA,QAAA,CACH;AAAA,MAAA,CACF,GAAgBC,gBAAAA,EAAKI,GAAQ;AAAA,QAC5B,UAAU;AAAA,QACV,MAAM;AAAA,QACN,cAAc;AAAA,QACd,SAAS;AAAA,QACT,OAAO;AAAA,QACP,UAAuBJ,gBAAAA,EAAKK,GAAW,CAAA,CAAE;AAAA,MAAA,CAC1C,CAAC;AAAA,IAAA,CACH;AAAA,EAAA,CACF;AACH;AAGO,MAAMC,IAAQ;AAAA,EACnB,OAAAhB;AAAA,EACA,MAAM,CAAAiB,MAAWjB,EAAM,IAAI;AAAA,IACzB,GAAGiB;AAAA,IACH,MAAMA,EAAQ,QAAQ;AAAA,EAAA,GACrB;AAAA,IACD,SAASA,EAAQ,WAAW;AAAA,EAAA,CAC7B;AAAA,EACD,SAAS,CAAAA,MAAWjB,EAAM,IAAI;AAAA,IAC5B,GAAGiB;AAAA,IACH,MAAM;AAAA,EAAA,GACL;AAAA,IACD,SAASA,EAAQ,WAAW;AAAA,EAAA,CAC7B;AAAA,EACD,OAAO,CAAAA,MAAWjB,EAAM,IAAI;AAAA,IAC1B,GAAGiB;AAAA,IACH,MAAM;AAAA,EAAA,GACL;AAAA,IACD,SAASA,EAAQ,WAAW;AAAA,EAAA,CAC7B;AAAA,EACD,MAAM,CAAAA,MAAWjB,EAAM,IAAI;AAAA,IACzB,GAAGiB;AAAA,IACH,MAAM;AAAA,EAAA,GACL;AAAA,IACD,SAASA,EAAQ,WAAW;AAAA,EAAA,CAC7B;AAAA,EACD,SAAS,CAAAA,MAAWjB,EAAM,IAAI;AAAA,IAC5B,GAAGiB;AAAA,IACH,MAAM;AAAA,EAAA,GACL;AAAA,IACD,SAASA,EAAQ,WAAW;AAAA,EAAA,CAC7B;AACH;"}

package/dist/Toast/Toast.module.css

@@ -0,0 +1 @@
+@layer components{.Toast_region_u4eI3m{display:flex;position:fixed;right:var(--spacing-16);bottom:var(--spacing-16);flex-direction:column-reverse;gap:var(--spacing-8);z-index:var(--z-toast);outline:none}.Toast_region_u4eI3m[data-focus-visible]{outline:var(--spacing-4) solid var(--color-primary-muted-border);outline-offset:0}.Toast_toast_AYVTg7{display:flex;position:relative;align-items:center;gap:var(--spacing-md);border-radius:calc(var(--radius-md) * var(--squircle-radius-factor));width:240px;corner-shape:superellipse(var(--squircle-value));animation:Toast_slide-in-from-right_XhtG6H .4s;outline:none;box-shadow:0 var(--spacing-md) var(--spacing-lg) 0 #03030305;background:var(--color-surface-float);padding:var(--spacing-md);color:var(--color-text);forced-color-adjust:none}.Toast_line_aUweZ5{flex-shrink:0;align-self:stretch;border-radius:calc(var(--radius-md) * var(--squircle-radius-factor));width:var(--spacing-xs);corner-shape:superellipse(var(--squircle-value))}.Toast_toast_AYVTg7[data-type=default] .Toast_line_aUweZ5{display:none}.Toast_toast_AYVTg7[data-focus-visible]{outline:var(--spacing-4) solid var(--color-primary-muted-border);outline-offset:0}.Toast_content_uyjgZF{display:flex;flex:1 1 auto;flex-direction:column;min-width:0}.Toast_content_uyjgZF>*{display:flex;flex-direction:column;gap:var(--spacing-md);min-width:0}.Toast_content_uyjgZF [slot=title]{font-weight:500;font-size:var(--text-sm);line-height:var(--leading-sm);font-family:Onest,sans-serif;letter-spacing:0}.Toast_content_uyjgZF [slot=description]{font-weight:400;font-size:var(--text-md);line-height:var(--leading-md);font-family:Onest,sans-serif;letter-spacing:0}.Toast_content_uyjgZF [slot=title]+[slot=description]{opacity:.8}.Toast_toast_AYVTg7 [slot=close]{flex:0 0 auto;border:none;background:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;padding:0;-webkit-tap-highlight-color:transparent}.Toast_toast_AYVTg7 [slot=close][data-hovered]{opacity:.8}.Toast_toast_AYVTg7[data-type=info] .Toast_line_aUweZ5{background:var(--color-primary)}.Toast_toast_AYVTg7[data-type=warning] .Toast_line_aUweZ5{background:var(--color-warning)}.Toast_toast_AYVTg7[data-type=success] .Toast_line_aUweZ5{background:var(--color-success)}.Toast_toast_AYVTg7[data-type=error] .Toast_line_aUweZ5{background:var(--color-danger)}}

package/dist/Toast/Toast.module.css.js

@@ -0,0 +1,14 @@
+const t = "Toast_region_u4eI3m", o = "Toast_toast_AYVTg7", n = "Toast_line_aUweZ5", s = "Toast_content_uyjgZF", e = {
+  region: t,
+  toast: o,
+  line: n,
+  content: s
+};
+export {
+  s as content,
+  e as default,
+  n as line,
+  t as region,
+  o as toast
+};
+//# sourceMappingURL=Toast.module.css.js.map

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

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

package/dist/Toast/index.d.ts

@@ -0,0 +1,3 @@
+export { toast, Toast, ToastRegion } from './Toast';
+export type { ToastOptions as ToastContent } from './Toast';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Toast/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AACpD,YAAY,EAAE,YAAY,IAAI,YAAY,EAAE,MAAM,SAAS,CAAC"}

package/dist/Toast/index.js

@@ -0,0 +1,7 @@
+import { Toast as a, ToastRegion as s, toast as e } from "./Toast.js";
+export {
+  a as Toast,
+  s as ToastRegion,
+  e as toast
+};
+//# sourceMappingURL=index.js.map

package/dist/Toast/index.js.map

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

package/dist/ToggleButtonGroup/ToggleButtonGroup.d.ts

@@ -0,0 +1,49 @@
+import { type SelectionInput } from '@reforma/lib';
+import { type Key, type SelectProps as RACSelectProps, type ToggleButtonGroupProps as RACToggleButtonGroupProps, type ToggleButtonProps as RACToggleButtonProps } from 'react-aria-components';
+import type { ReactNode } from 'react';
+export type ToggleButtonGroupVariant = 'filled' | 'transparent' | 'multiselect' | 'text';
+export type ToggleButtonGroupSize = 'xs' | 'sm' | 'md' | 'lg';
+export type { Key };
+export type SelectedKeysInput = SelectionInput<Key>;
+export interface ToggleButtonGroupProps extends Omit<RACToggleButtonGroupProps, 'className' | 'children' | 'selectionMode' | 'selectedKeys'> {
+    variant?: ToggleButtonGroupVariant;
+    size?: ToggleButtonGroupSize;
+    fullWidth?: boolean;
+    isActive?: boolean;
+    isPlaceholderSelected?: boolean;
+    className?: string;
+    selectedKeys?: SelectedKeysInput | null;
+    children: ReactNode;
+}
+export interface ToggleButtonGroupItemProps extends Omit<RACToggleButtonProps, 'id' | 'className' | 'children'> {
+    /** Value used to identify the item in selection. */
+    value: Key;
+    iconOnly?: boolean;
+    tooltip?: string | ReactNode;
+    tooltipPlacement?: 'top' | 'bottom' | 'left' | 'right';
+    className?: RACToggleButtonProps['className'];
+    children: ReactNode;
+}
+export interface ToggleButtonGroupSelectItemProps<T extends object = object> extends Omit<RACSelectProps<T>, 'className' | 'children'> {
+    items: Iterable<T>;
+    isSelected?: boolean;
+    iconOnly?: boolean;
+    className?: string;
+    popoverClassName?: string;
+    selectedContent: ReactNode;
+    tooltip?: string | ReactNode;
+    children: (item: T) => ReactNode;
+}
+export declare function ToggleButtonGroup(props: ToggleButtonGroupProps): import("react").JSX.Element;
+export declare namespace ToggleButtonGroup {
+    var displayName: string;
+}
+export declare function ToggleButtonGroupItem({ value, iconOnly, tooltip, tooltipPlacement, className, children, ...props }: ToggleButtonGroupItemProps): import("react").JSX.Element;
+export declare namespace ToggleButtonGroupItem {
+    var displayName: string;
+}
+export declare function ToggleButtonGroupSelectItem<T extends object = object>({ isSelected, iconOnly, className, popoverClassName, selectedContent, tooltip, items, children, ...props }: ToggleButtonGroupSelectItemProps<T>): import("react").JSX.Element;
+export declare namespace ToggleButtonGroupSelectItem {
+    var displayName: string;
+}
+//# sourceMappingURL=ToggleButtonGroup.d.ts.map

package/dist/ToggleButtonGroup/ToggleButtonGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleButtonGroup.d.ts","sourceRoot":"","sources":["../../src/ToggleButtonGroup/ToggleButtonGroup.tsx"],"names":[],"mappings":"AACA,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;AAE9D,OAAO,EAOH,KAAK,GAAG,EACR,KAAK,WAAW,IAAI,cAAc,EAClC,KAAK,sBAAsB,IAAI,yBAAyB,EACxD,KAAK,iBAAiB,IAAI,oBAAoB,EACjD,MAAM,uBAAuB,CAAC;AAQ/B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,wBAAwB,GAAG,QAAQ,GAAG,aAAa,GAAG,aAAa,GAAG,MAAM,CAAC;AACzF,MAAM,MAAM,qBAAqB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAC9D,YAAY,EAAE,GAAG,EAAE,CAAC;AAEpB,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAAC,GAAG,CAAC,CAAC;AASpD,MAAM,WAAW,sBAAuB,SAAQ,IAAI,CAAC,yBAAyB,EAAE,WAAW,GAAG,UAAU,GAAG,eAAe,GAAG,cAAc,CAAC;IACxI,OAAO,CAAC,EAAE,wBAAwB,CAAC;IACnC,IAAI,CAAC,EAAE,qBAAqB,CAAC;IAC7B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,iBAAiB,GAAG,IAAI,CAAC;IACxC,QAAQ,EAAE,SAAS,CAAC;CACvB;AAED,MAAM,WAAW,0BAA2B,SAAQ,IAAI,CAAC,oBAAoB,EAAE,IAAI,GAAG,WAAW,GAAG,UAAU,CAAC;IAC3G,oDAAoD;IACpD,KAAK,EAAE,GAAG,CAAC;IACX,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC7B,gBAAgB,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;IACvD,SAAS,CAAC,EAAE,oBAAoB,CAAC,WAAW,CAAC,CAAC;IAC9C,QAAQ,EAAE,SAAS,CAAC;CACvB;AAED,MAAM,WAAW,gCAAgC,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,CAAE,SAAQ,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,WAAW,GAAG,UAAU,CAAC;IAClI,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,eAAe,EAAE,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC7B,QAAQ,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,SAAS,CAAC;CACpC;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,+BAuC9D;yBAvCe,iBAAiB;;;AA2CjC,wBAAgB,qBAAqB,CAAC,EAClC,KAAK,EACL,QAAgB,EAChB,OAAO,EACP,gBAAgB,EAChB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACX,EAAE,0BAA0B,+BA6C5B;yBArDe,qBAAqB;;;AAyDrC,wBAAgB,2BAA2B,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,EAAE,EACnE,UAAU,EACV,QAAgB,EAChB,SAAS,EACT,gBAAgB,EAChB,eAAe,EACf,OAAO,EACP,KAAK,EACL,QAAQ,EACR,GAAG,KAAK,EACX,EAAE,gCAAgC,CAAC,CAAC,CAAC,+BAiDrC;yBA3De,2BAA2B"}

package/dist/ToggleButtonGroup/ToggleButtonGroup.js

@@ -0,0 +1,154 @@
+import { ChevronDown as y } from "@reforma/icons/10";
+import { toSet as w, cn as v } from "@reforma/lib";
+import { useMemo as S, use as x, createContext as z } from "react";
+import { ToggleButtonGroup as C, ToggleButton as b, composeRenderProps as T, SelectionIndicator as P, Button as E, Select as K } from "react-aria-components";
+import { ListBox as L } from "../List/ListBox.js";
+import { Popover as j } from "../Popover/Popover.js";
+import { useSlotContextProps as F } from "../Slot/Slot.js";
+import { Tooltip as I } from "../Tooltip/Tooltip.js";
+import e from "./ToggleButtonGroup.module.css.js";
+import { jsx as t, jsxs as h, Fragment as M } from "react/jsx-runtime";
+const N = /* @__PURE__ */ z(null);
+function q(d) {
+  const p = F(d), {
+    variant: o = "filled",
+    size: i = "md",
+    fullWidth: r = !1,
+    isActive: c,
+    isPlaceholderSelected: g,
+    className: u,
+    children: a,
+    selectedKeys: s,
+    disallowEmptySelection: m,
+    ...l
+  } = p, n = o === "multiselect" ? "multiple" : "single", B = m ?? o !== "multiselect", f = S(() => ({
+    variant: o,
+    size: i
+  }), [o, i]), G = S(() => s !== void 0 ? w(s) : void 0, [s]);
+  return /* @__PURE__ */ t(N, {
+    value: f,
+    children: /* @__PURE__ */ t(C, {
+      ...l,
+      selectedKeys: G,
+      selectionMode: n,
+      disallowEmptySelection: B,
+      className: v(e.group, u, {
+        "w-full": r
+      }),
+      "data-variant": o,
+      "data-size": i,
+      "data-active": c || void 0,
+      "data-placeholder-selected": g || void 0,
+      children: a
+    })
+  });
+}
+q.displayName = "ToggleButtonGroup";
+function A({
+  value: d,
+  iconOnly: p = !1,
+  tooltip: o,
+  tooltipPlacement: i,
+  className: r,
+  children: c,
+  ...g
+}) {
+  const u = x(N);
+  if (!u)
+    throw new Error("ToggleButtonGroupItem must be used within ToggleButtonGroup");
+  const {
+    variant: a,
+    size: s
+  } = u, l = /* @__PURE__ */ t(b, {
+    ...g,
+    id: d,
+    className: (n) => v(e.item, typeof r == "function" ? r(n) : r),
+    "data-variant": a,
+    "data-size": s,
+    "data-icon-only": p || void 0,
+    children: a === "filled" || a === "transparent" ? T(c, (n) => /* @__PURE__ */ h(M, {
+      children: [/* @__PURE__ */ t(P, {
+        className: e.selectionIndicator,
+        "data-selected": !0
+      }), /* @__PURE__ */ t("span", {
+        className: e.itemContent,
+        children: n
+      })]
+    })) : T(c, (n) => /* @__PURE__ */ t("span", {
+      className: e.itemContent,
+      children: n
+    }))
+  });
+  return o ? /* @__PURE__ */ t(I, {
+    content: o,
+    placement: i,
+    children: l
+  }) : l;
+}
+A.displayName = "ToggleButtonGroupItem";
+function D({
+  isSelected: d,
+  iconOnly: p = !1,
+  className: o,
+  popoverClassName: i,
+  selectedContent: r,
+  tooltip: c,
+  items: g,
+  children: u,
+  ...a
+}) {
+  const s = x(N);
+  if (!s)
+    throw new Error("ToggleButtonGroupSelectItem must be used within ToggleButtonGroup");
+  const {
+    variant: m,
+    size: l
+  } = s, n = l === "xs" ? "sm" : l, B = m === "filled" || m === "transparent", f = /* @__PURE__ */ h(E, {
+    className: v(e.item, o),
+    "data-variant": m,
+    "data-size": l,
+    "data-icon-only": p || void 0,
+    "data-selected": d || void 0,
+    "data-select-item": !0,
+    children: [B && d && /* @__PURE__ */ t("span", {
+      className: e.selectionIndicator,
+      "data-selected": !0,
+      "aria-hidden": !0
+    }), /* @__PURE__ */ h("span", {
+      className: e.itemContent,
+      children: [/* @__PURE__ */ t("span", {
+        className: e.selectItemLabel,
+        children: r
+      }), /* @__PURE__ */ t(y, {
+        className: e.itemChevron,
+        "aria-hidden": !0
+      })]
+    })]
+  });
+  return /* @__PURE__ */ h(K, {
+    ...a,
+    className: e.selectItem,
+    children: [c ? /* @__PURE__ */ t(I, {
+      content: c,
+      children: f
+    }) : f, /* @__PURE__ */ t(j, {
+      className: v(e.selectPopover, i),
+      spacing: "xs",
+      children: /* @__PURE__ */ t(L, {
+        "aria-label": a["aria-label"],
+        size: n,
+        autoFocus: !0,
+        className: e.selectListBox,
+        items: g,
+        children: u
+      })
+    })]
+  });
+}
+D.displayName = "ToggleButtonGroupSelectItem";
+export {
+  q as ToggleButtonGroup,
+  A as ToggleButtonGroupItem,
+  D as ToggleButtonGroupSelectItem
+};
+//# sourceMappingURL=ToggleButtonGroup.js.map

package/dist/ToggleButtonGroup/ToggleButtonGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleButtonGroup.js","sources":["../../src/ToggleButtonGroup/ToggleButtonGroup.tsx"],"sourcesContent":["import { ChevronDown } from '@reforma/icons/10';\nimport { cn, toSet, type SelectionInput } from '@reforma/lib';\nimport { createContext, use, useMemo } from 'react';\nimport {\n    composeRenderProps,\n    Button as RACButton,\n    Select as RACSelect,\n    ToggleButton as RACToggleButton,\n    ToggleButtonGroup as RACToggleButtonGroup,\n    SelectionIndicator,\n    type Key,\n    type SelectProps as RACSelectProps,\n    type ToggleButtonGroupProps as RACToggleButtonGroupProps,\n    type ToggleButtonProps as RACToggleButtonProps,\n} from 'react-aria-components';\n\nimport { ListBox, type ListBoxSize } from '../List';\nimport { Popover } from '../Popover';\nimport { useSlotContextProps } from '../Slot';\nimport { Tooltip } from '../Tooltip';\nimport styles from './ToggleButtonGroup.module.css';\n\nimport type { ReactNode } from 'react';\n\nexport type ToggleButtonGroupVariant = 'filled' | 'transparent' | 'multiselect' | 'text';\nexport type ToggleButtonGroupSize = 'xs' | 'sm' | 'md' | 'lg';\nexport type { Key };\n\nexport type SelectedKeysInput = SelectionInput<Key>;\n\ninterface ToggleButtonGroupContextValue {\n    variant: ToggleButtonGroupVariant;\n    size: ToggleButtonGroupSize;\n}\n\nconst ToggleButtonGroupContext = createContext<ToggleButtonGroupContextValue | null>(null);\n\nexport interface ToggleButtonGroupProps extends Omit<RACToggleButtonGroupProps, 'className' | 'children' | 'selectionMode' | 'selectedKeys'> {\n    variant?: ToggleButtonGroupVariant;\n    size?: ToggleButtonGroupSize;\n    fullWidth?: boolean;\n    isActive?: boolean;\n    isPlaceholderSelected?: boolean;\n    className?: string;\n    selectedKeys?: SelectedKeysInput | null;\n    children: ReactNode;\n}\n\nexport interface ToggleButtonGroupItemProps extends Omit<RACToggleButtonProps, 'id' | 'className' | 'children'> {\n    /** Value used to identify the item in selection. */\n    value: Key;\n    iconOnly?: boolean;\n    tooltip?: string | ReactNode;\n    tooltipPlacement?: 'top' | 'bottom' | 'left' | 'right';\n    className?: RACToggleButtonProps['className'];\n    children: ReactNode;\n}\n\nexport interface ToggleButtonGroupSelectItemProps<T extends object = object> extends Omit<RACSelectProps<T>, 'className' | 'children'> {\n    items: Iterable<T>;\n    isSelected?: boolean;\n    iconOnly?: boolean;\n    className?: string;\n    popoverClassName?: string;\n    selectedContent: ReactNode;\n    tooltip?: string | ReactNode;\n    children: (item: T) => ReactNode;\n}\n\nexport function ToggleButtonGroup(props: ToggleButtonGroupProps) {\n    const merged = useSlotContextProps(props);\n    const {\n        variant = 'filled',\n        size = 'md',\n        fullWidth = false,\n        isActive,\n        isPlaceholderSelected,\n        className,\n        children,\n        selectedKeys,\n        disallowEmptySelection,\n        ...restProps\n    } = merged;\n    const selectionMode = variant === 'multiselect' ? 'multiple' : 'single';\n    const requireSelection = disallowEmptySelection ?? (variant !== 'multiselect');\n    const contextValue = useMemo(() => ({ variant, size }), [variant, size]);\n    const selectedKeysSet = useMemo(\n        () => (selectedKeys !== undefined ? toSet(selectedKeys) : undefined),\n        [selectedKeys]\n    );\n\n    return (\n        <ToggleButtonGroupContext value={ contextValue }>\n            <RACToggleButtonGroup\n                { ...restProps }\n                selectedKeys={ selectedKeysSet }\n                selectionMode={ selectionMode }\n                disallowEmptySelection={ requireSelection }\n                className={ cn(styles.group, className, { 'w-full': fullWidth }) }\n                data-variant={ variant }\n                data-size={ size }\n                data-active={ isActive || undefined }\n                data-placeholder-selected={ isPlaceholderSelected || undefined }\n            >\n                { children }\n            </RACToggleButtonGroup>\n        </ToggleButtonGroupContext>\n    );\n}\n\nToggleButtonGroup.displayName = 'ToggleButtonGroup';\n\nexport function ToggleButtonGroupItem({\n    value,\n    iconOnly = false,\n    tooltip,\n    tooltipPlacement,\n    className,\n    children,\n    ...props\n}: ToggleButtonGroupItemProps) {\n    const context = use(ToggleButtonGroupContext);\n\n    if (!context) {\n        throw new Error('ToggleButtonGroupItem must be used within ToggleButtonGroup');\n    }\n\n    const { variant, size } = context;\n\n    const useSelectionIndicator = variant === 'filled' || variant === 'transparent';\n\n    const button = (\n        <RACToggleButton\n            { ...props }\n            id={ value }\n            className={ renderProps => cn(\n                styles.item,\n                typeof className === 'function' ? className(renderProps) : className\n            ) }\n            data-variant={ variant }\n            data-size={ size }\n            data-icon-only={ iconOnly || undefined }\n        >\n            { useSelectionIndicator\n                ? composeRenderProps(children, content => (\n                    <>\n                        <SelectionIndicator className={ styles.selectionIndicator } data-selected />\n                        <span className={ styles.itemContent }>{ content }</span>\n                    </>\n                ))\n                : composeRenderProps(children, content => (\n                    <span className={ styles.itemContent }>{ content }</span>\n                )) }\n        </RACToggleButton>\n    );\n\n    if (tooltip) {\n        return (\n            <Tooltip content={ tooltip } placement={ tooltipPlacement }>\n                { button }\n            </Tooltip>\n        );\n    }\n\n    return button;\n}\n\nToggleButtonGroupItem.displayName = 'ToggleButtonGroupItem';\n\nexport function ToggleButtonGroupSelectItem<T extends object = object>({\n    isSelected,\n    iconOnly = false,\n    className,\n    popoverClassName,\n    selectedContent,\n    tooltip,\n    items,\n    children,\n    ...props\n}: ToggleButtonGroupSelectItemProps<T>) {\n    const context = use(ToggleButtonGroupContext);\n\n    if (!context) {\n        throw new Error('ToggleButtonGroupSelectItem must be used within ToggleButtonGroup');\n    }\n\n    const { variant, size } = context;\n    const listBoxSize: ListBoxSize = size === 'xs' ? 'sm' : size;\n    const useSelectionIndicator = variant === 'filled' || variant === 'transparent';\n\n    const button = (\n        <RACButton\n            className={ cn(styles.item, className) }\n            data-variant={ variant }\n            data-size={ size }\n            data-icon-only={ iconOnly || undefined }\n            data-selected={ isSelected || undefined }\n            data-select-item\n        >\n            { useSelectionIndicator && isSelected && (\n                <span className={ styles.selectionIndicator } data-selected aria-hidden />\n            ) }\n            <span className={ styles.itemContent }>\n                <span className={ styles.selectItemLabel }>{ selectedContent }</span>\n                <ChevronDown className={ styles.itemChevron } aria-hidden />\n            </span>\n        </RACButton>\n    );\n\n    return (\n        <RACSelect { ...props } className={ styles.selectItem }>\n            { tooltip\n                ? <Tooltip content={ tooltip }>{ button }</Tooltip>\n                : button }\n\n            <Popover className={ cn(styles.selectPopover, popoverClassName) } spacing=\"xs\">\n                <ListBox\n                    aria-label={ props['aria-label'] }\n                    size={ listBoxSize }\n                    autoFocus\n                    className={ styles.selectListBox }\n                    items={ items }\n                >\n                    { children }\n                </ListBox>\n            </Popover>\n        </RACSelect>\n    );\n}\n\nToggleButtonGroupSelectItem.displayName = 'ToggleButtonGroupSelectItem';\n"],"names":["ToggleButtonGroupContext","ToggleButtonGroup","props","merged","useSlotContextProps","variant","size","fullWidth","isActive","isPlaceholderSelected","className","children","selectedKeys","disallowEmptySelection","restProps","selectionMode","requireSelection","contextValue","useMemo","selectedKeysSet","toSet","RACToggleButtonGroup","cn","styles","ToggleButtonGroupItem","value","iconOnly","tooltip","tooltipPlacement","context","use","button","RACToggleButton","renderProps","composeRenderProps","content","_Fragment","_jsx","SelectionIndicator","Tooltip","ToggleButtonGroupSelectItem","isSelected","popoverClassName","selectedContent","items","listBoxSize","useSelectionIndicator","RACButton","_jsxs","ChevronDown","RACSelect","Popover","ListBox"],"mappings":"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"}

package/dist/ToggleButtonGroup/ToggleButtonGroup.module.css

@@ -0,0 +1 @@
+@layer components{.ToggleButtonGroup_group_aBSDUm{--reforma-toggle-group-radius: var(--radius-md);display:inline-flex;align-items:center;gap:var(--spacing-sm);box-sizing:border-box;border-radius:calc(var(--reforma-toggle-group-radius) * var(--squircle-radius-factor));corner-shape:superellipse(var(--squircle-value));background-color:var(--color-secondary);overflow:hidden;color:var(--color-text)}.ToggleButtonGroup_group_aBSDUm[data-variant=filled]{padding:0 var(--spacing-xxs)}.ToggleButtonGroup_group_aBSDUm[data-variant=transparent]{gap:1px;background-color:transparent;padding:0;overflow:visible}.ToggleButtonGroup_group_aBSDUm[data-variant=multiselect]{gap:1px;background-color:transparent}.ToggleButtonGroup_group_aBSDUm[data-variant=text]{background-color:transparent;padding:0;overflow:visible}.ToggleButtonGroup_group_aBSDUm[data-active]{box-shadow:0 0 0 1px var(--color-primary)}.ToggleButtonGroup_group_aBSDUm[data-size=xs][data-variant=text]{gap:var(--spacing-8)}.ToggleButtonGroup_group_aBSDUm[data-size=sm][data-variant=text]{gap:var(--spacing-12)}.ToggleButtonGroup_group_aBSDUm[data-size=md][data-variant=text]{gap:var(--spacing-16)}.ToggleButtonGroup_group_aBSDUm[data-size=lg][data-variant=text]{gap:var(--spacing-18)}.ToggleButtonGroup_item_92PAm9{--reforma-toggle-bg: transparent;--reforma-toggle-bg--selected: transparent;--reforma-toggle-color: var(--color-text);--reforma-toggle-color--selected: var(--color-text);--reforma-toggle-opacity: 1;--reforma-toggle-opacity--hover: 1;--reforma-toggle-opacity--selected: 1;--reforma-toggle-item-radius: 0;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;-webkit-tap-highlight-color:transparent;display:inline-flex;flex:1 1 auto;justify-content:center;align-items:center;gap:var(--spacing-sm);opacity:var(--reforma-toggle-opacity);outline:none;border:none;border-radius:calc(var(--reforma-toggle-item-radius) * var(--squircle-radius-factor));background-color:var(--reforma-toggle-bg);padding:var(--spacing-xs) var(--spacing-md);color:var(--reforma-toggle-color);corner-shape:superellipse(var(--squircle-value));transition-duration:var(--transition-duration-fast);transition-property:background-color,color,opacity;transition-timing-function:var(--ease-in-out)}.ToggleButtonGroup_item_92PAm9:not([data-disabled]):hover{opacity:var(--reforma-toggle-opacity--hover)}.ToggleButtonGroup_item_92PAm9[data-selected=true]{opacity:var(--reforma-toggle-opacity--selected);background-color:var(--reforma-toggle-bg--selected);color:var(--reforma-toggle-color--selected)}.ToggleButtonGroup_group_aBSDUm[data-placeholder-selected] .ToggleButtonGroup_item_92PAm9[data-selected=true]{--reforma-toggle-color--selected: var(--color-secondary-muted-text)}.ToggleButtonGroup_item_92PAm9[data-disabled]{opacity:var(--opacity-disabled);cursor:not-allowed}.ToggleButtonGroup_item_92PAm9[data-focus-visible]{outline:var(--spacing-4) solid var(--color-primary-muted-border);outline-offset:0}.ToggleButtonGroup_group_aBSDUm[data-size=xs]{--reforma-toggle-group-radius: var(--radius-sm);height:var(--spacing-24);font-weight:400;font-size:var(--text-sm);line-height:var(--leading-sm);font-family:Onest,sans-serif;letter-spacing:0}.ToggleButtonGroup_group_aBSDUm[data-size=xs][data-variant=filled]{padding:var(--spacing-xxs)}.ToggleButtonGroup_group_aBSDUm[data-size=sm]{--reforma-toggle-group-radius: var(--radius-md);height:var(--spacing-30);font-weight:400;font-size:var(--text-sm);line-height:var(--leading-sm);font-family:Onest,sans-serif;letter-spacing:0}.ToggleButtonGroup_group_aBSDUm[data-size=sm][data-variant=filled]{padding:var(--spacing-xxs)}.ToggleButtonGroup_group_aBSDUm[data-size=md]{--reforma-toggle-group-radius: var(--radius-lg);height:var(--spacing-36);font-weight:400;font-size:var(--text-md);line-height:var(--leading-md);font-family:Onest,sans-serif;letter-spacing:0}.ToggleButtonGroup_group_aBSDUm[data-size=md][data-variant=filled]{padding:var(--spacing-xs)}.ToggleButtonGroup_group_aBSDUm[data-size=lg]{--reforma-toggle-group-radius: var(--radius-xl);height:var(--spacing-56);font-weight:400;font-size:var(--text-lg);line-height:var(--leading-lg);font-family:Onest,sans-serif;letter-spacing:0}.ToggleButtonGroup_group_aBSDUm[data-size=lg][data-variant=filled]{padding:var(--spacing-sm)}.ToggleButtonGroup_group_aBSDUm[data-variant=text]{height:auto}.ToggleButtonGroup_group_aBSDUm[data-variant=text],.ToggleButtonGroup_group_aBSDUm[data-variant=transparent]{--reforma-toggle-group-radius: 0}.ToggleButtonGroup_group_aBSDUm[data-orientation=vertical]{flex-direction:column;align-items:stretch;width:-moz-fit-content;width:fit-content;height:auto}.ToggleButtonGroup_item_92PAm9[data-size=xs][data-variant=filled]{padding:var(--spacing-2) var(--spacing-6);min-width:var(--spacing-20);height:var(--spacing-20);min-height:var(--spacing-20);--reforma-toggle-item-radius: var(--radius-xs)}.ToggleButtonGroup_item_92PAm9[data-size=sm][data-variant=filled]{padding:var(--spacing-4) var(--spacing-10);min-width:var(--spacing-26);height:var(--spacing-26);min-height:var(--spacing-26);--reforma-toggle-item-radius: var(--radius-sm)}.ToggleButtonGroup_item_92PAm9[data-size=md][data-variant=filled]{padding:var(--spacing-6) var(--spacing-14);min-width:var(--spacing-28);height:var(--spacing-28);min-height:var(--spacing-28);--reforma-toggle-item-radius: var(--radius-md)}.ToggleButtonGroup_item_92PAm9[data-size=lg][data-variant=filled]{padding:var(--spacing-10) var(--spacing-30);min-width:var(--spacing-44);height:var(--spacing-44);min-height:var(--spacing-44);--reforma-toggle-item-radius: var(--radius-lg)}.ToggleButtonGroup_item_92PAm9[data-size=xs][data-variant=transparent],.ToggleButtonGroup_item_92PAm9[data-size=xs][data-variant=multiselect]{padding:var(--spacing-2) var(--spacing-6);min-width:var(--spacing-24);height:var(--spacing-24)}.ToggleButtonGroup_item_92PAm9[data-size=sm][data-variant=transparent],.ToggleButtonGroup_item_92PAm9[data-size=sm][data-variant=multiselect]{padding:var(--spacing-4) var(--spacing-10);min-width:var(--spacing-30);height:var(--spacing-30)}.ToggleButtonGroup_item_92PAm9[data-size=md][data-variant=transparent],.ToggleButtonGroup_item_92PAm9[data-size=md][data-variant=multiselect]{padding:var(--spacing-6) var(--spacing-14);min-width:var(--spacing-36);height:var(--spacing-36)}.ToggleButtonGroup_item_92PAm9[data-size=lg][data-variant=transparent],.ToggleButtonGroup_item_92PAm9[data-size=lg][data-variant=multiselect]{padding:var(--spacing-10) var(--spacing-30);min-width:var(--spacing-56);height:var(--spacing-56)}.ToggleButtonGroup_item_92PAm9[data-size=xs][data-variant=transparent]{--reforma-toggle-item-radius: var(--radius-sm)}.ToggleButtonGroup_item_92PAm9[data-size=sm][data-variant=transparent]{--reforma-toggle-item-radius: var(--radius-md)}.ToggleButtonGroup_item_92PAm9[data-size=md][data-variant=transparent]{--reforma-toggle-item-radius: var(--radius-lg)}.ToggleButtonGroup_item_92PAm9[data-size=lg][data-variant=transparent]{--reforma-toggle-item-radius: var(--radius-xl)}.ToggleButtonGroup_item_92PAm9[data-size=xs][data-variant=text]{padding:var(--spacing-2);min-width:var(--spacing-24);height:var(--spacing-24);font-weight:500;font-size:var(--text-xs);line-height:var(--leading-xs);font-family:Onest,sans-serif;letter-spacing:0}.ToggleButtonGroup_item_92PAm9[data-size=sm][data-variant=text]{padding:var(--spacing-2);min-width:var(--spacing-30);height:var(--spacing-30);font-weight:500;font-size:var(--text-sm);line-height:var(--leading-sm);font-family:Onest,sans-serif;letter-spacing:0}.ToggleButtonGroup_item_92PAm9[data-size=md][data-variant=text]{padding:var(--spacing-2);min-width:var(--spacing-36);height:var(--spacing-36);font-weight:500;font-size:var(--text-md);line-height:var(--leading-md);font-family:Onest,sans-serif;letter-spacing:0}.ToggleButtonGroup_item_92PAm9[data-size=lg][data-variant=text]{padding:var(--spacing-2);min-width:var(--spacing-56);height:var(--spacing-56);font-weight:500;font-size:var(--text-lg);line-height:var(--leading-lg);font-family:Onest,sans-serif;letter-spacing:0}.ToggleButtonGroup_item_92PAm9[data-variant=text][data-selected=true]{--reforma-toggle-opacity--hover: 1 !important}.ToggleButtonGroup_item_92PAm9[data-icon-only][data-size=xs]{padding:var(--spacing-2)}.ToggleButtonGroup_item_92PAm9[data-icon-only][data-size=sm]{padding:var(--spacing-4)}.ToggleButtonGroup_item_92PAm9[data-icon-only][data-size=md]{padding:var(--spacing-6)}.ToggleButtonGroup_item_92PAm9[data-icon-only][data-size=lg]{padding:var(--spacing-10)}.ToggleButtonGroup_item_92PAm9:not([data-icon-only]):not([data-select-item]){min-width:-moz-max-content;min-width:max-content}.ToggleButtonGroup_item_92PAm9[data-variant=filled],.ToggleButtonGroup_item_92PAm9[data-variant=transparent]{--reforma-toggle-color: var(--color-secondary-muted-text);--reforma-toggle-color--selected: var(--color-text);--reforma-toggle-press-nudge: var(--spacing-2);position:relative;z-index:1}.ToggleButtonGroup_item_92PAm9[data-variant=filled]:not([data-selected=true]):not([data-disabled]):is([data-hovered],[data-pressed],:hover),.ToggleButtonGroup_item_92PAm9[data-variant=transparent]:not([data-selected=true]):not([data-disabled]):is([data-hovered],[data-pressed],:hover){background-color:var(--color-secondary-muted-light)}.ToggleButtonGroup_item_92PAm9[data-variant=filled][data-selected=true],.ToggleButtonGroup_item_92PAm9[data-variant=transparent][data-selected=true]{z-index:0}.ToggleButtonGroup_item_92PAm9[data-variant=filled] .ToggleButtonGroup_selectionIndicator_HFwFs0,.ToggleButtonGroup_item_92PAm9[data-variant=transparent] .ToggleButtonGroup_selectionIndicator_HFwFs0{position:absolute;z-index:-1;inset:0;border-radius:inherit;corner-shape:inherit;transition-duration:var(--transition-duration-fast);transition-property:translate,width,scale;transition-timing-function:var(--ease-in-out)}.ToggleButtonGroup_item_92PAm9[data-variant=filled][data-selected=true][data-pressed] .ToggleButtonGroup_selectionIndicator_HFwFs0,.ToggleButtonGroup_item_92PAm9[data-variant=transparent][data-selected=true][data-pressed] .ToggleButtonGroup_selectionIndicator_HFwFs0{scale:.97}.ToggleButtonGroup_group_aBSDUm[data-orientation=horizontal][data-variant=filled]:has(.ToggleButtonGroup_item_92PAm9[data-pressed]:not([data-selected=true])+.ToggleButtonGroup_item_92PAm9[data-selected=true]) .ToggleButtonGroup_item_92PAm9[data-selected=true] .ToggleButtonGroup_selectionIndicator_HFwFs0,.ToggleButtonGroup_group_aBSDUm[data-orientation=horizontal][data-variant=transparent]:has(.ToggleButtonGroup_item_92PAm9[data-pressed]:not([data-selected=true])+.ToggleButtonGroup_item_92PAm9[data-selected=true]) .ToggleButtonGroup_item_92PAm9[data-selected=true] .ToggleButtonGroup_selectionIndicator_HFwFs0{translate:calc(var(--reforma-toggle-press-nudge) * -1) 0;width:calc(100% + var(--reforma-toggle-press-nudge))}.ToggleButtonGroup_group_aBSDUm[data-orientation=horizontal][data-variant=filled]:has(.ToggleButtonGroup_item_92PAm9[data-selected=true]+.ToggleButtonGroup_item_92PAm9[data-pressed]:not([data-selected=true])) .ToggleButtonGroup_item_92PAm9[data-selected=true] .ToggleButtonGroup_selectionIndicator_HFwFs0,.ToggleButtonGroup_group_aBSDUm[data-orientation=horizontal][data-variant=transparent]:has(.ToggleButtonGroup_item_92PAm9[data-selected=true]+.ToggleButtonGroup_item_92PAm9[data-pressed]:not([data-selected=true])) .ToggleButtonGroup_item_92PAm9[data-selected=true] .ToggleButtonGroup_selectionIndicator_HFwFs0{width:calc(100% + var(--reforma-toggle-press-nudge))}.ToggleButtonGroup_group_aBSDUm[data-orientation=horizontal][data-variant=filled]:has(.ToggleButtonGroup_item_92PAm9[data-pressed]:not([data-selected=true])+.ToggleButtonGroup_item_92PAm9:not([data-selected=true])+.ToggleButtonGroup_item_92PAm9[data-selected=true]) .ToggleButtonGroup_item_92PAm9[data-selected=true] .ToggleButtonGroup_selectionIndicator_HFwFs0,.ToggleButtonGroup_group_aBSDUm[data-orientation=horizontal][data-variant=transparent]:has(.ToggleButtonGroup_item_92PAm9[data-pressed]:not([data-selected=true])+.ToggleButtonGroup_item_92PAm9:not([data-selected=true])+.ToggleButtonGroup_item_92PAm9[data-selected=true]) .ToggleButtonGroup_item_92PAm9[data-selected=true] .ToggleButtonGroup_selectionIndicator_HFwFs0{translate:calc(var(--reforma-toggle-press-nudge) * -2) 0;width:calc(100% + var(--reforma-toggle-press-nudge) * 2)}.ToggleButtonGroup_group_aBSDUm[data-orientation=horizontal][data-variant=filled]:has(.ToggleButtonGroup_item_92PAm9[data-selected=true]+.ToggleButtonGroup_item_92PAm9:not([data-selected=true])+.ToggleButtonGroup_item_92PAm9[data-pressed]:not([data-selected=true])) .ToggleButtonGroup_item_92PAm9[data-selected=true] .ToggleButtonGroup_selectionIndicator_HFwFs0,.ToggleButtonGroup_group_aBSDUm[data-orientation=horizontal][data-variant=transparent]:has(.ToggleButtonGroup_item_92PAm9[data-selected=true]+.ToggleButtonGroup_item_92PAm9:not([data-selected=true])+.ToggleButtonGroup_item_92PAm9[data-pressed]:not([data-selected=true])) .ToggleButtonGroup_item_92PAm9[data-selected=true] .ToggleButtonGroup_selectionIndicator_HFwFs0{width:calc(100% + var(--reforma-toggle-press-nudge) * 2)}.ToggleButtonGroup_item_92PAm9[data-variant=filled] .ToggleButtonGroup_selectionIndicator_HFwFs0{box-shadow:0 var(--spacing-4) var(--spacing-6) 0 var(--color-dark-a8);background-color:var(--color-surface)}.ToggleButtonGroup_item_92PAm9[data-variant=transparent] .ToggleButtonGroup_selectionIndicator_HFwFs0{background-color:var(--color-secondary)}.ToggleButtonGroup_group_aBSDUm[data-placeholder-selected] .ToggleButtonGroup_item_92PAm9[data-variant=filled] .ToggleButtonGroup_selectionIndicator_HFwFs0,.ToggleButtonGroup_group_aBSDUm[data-placeholder-selected] .ToggleButtonGroup_item_92PAm9[data-variant=transparent] .ToggleButtonGroup_selectionIndicator_HFwFs0{box-shadow:none}.ToggleButtonGroup_item_92PAm9[data-variant=multiselect]{--reforma-toggle-bg: var(--color-secondary);--reforma-toggle-color: var(--color-secondary-muted-text);--reforma-toggle-bg--selected: var(--color-secondary-light);--reforma-toggle-color--selected: var(--color-text);--reforma-toggle-item-radius: 0;padding:var(--spacing-md)}.ToggleButtonGroup_item_92PAm9[data-variant=text]{--reforma-toggle-opacity: var(--opacity-inactive);--reforma-toggle-opacity--hover: var(--opacity-hover);--reforma-toggle-opacity--selected: 1;flex:0 0 auto}@media(prefers-reduced-motion:reduce){.ToggleButtonGroup_item_92PAm9[data-variant=filled] .ToggleButtonGroup_selectionIndicator_HFwFs0,.ToggleButtonGroup_item_92PAm9[data-variant=transparent] .ToggleButtonGroup_selectionIndicator_HFwFs0{transition:none}.ToggleButtonGroup_item_92PAm9[data-variant=filled][data-selected=true][data-pressed] .ToggleButtonGroup_selectionIndicator_HFwFs0,.ToggleButtonGroup_item_92PAm9[data-variant=transparent][data-selected=true][data-pressed] .ToggleButtonGroup_selectionIndicator_HFwFs0{scale:none}}.ToggleButtonGroup_itemContent_38HpIc{display:inline-flex;justify-content:center;align-items:center;gap:var(--spacing-sm);width:100%;min-width:0}.ToggleButtonGroup_selectItem_6o13WW{display:contents}.ToggleButtonGroup_item_92PAm9[data-select-item]{min-width:0}.ToggleButtonGroup_selectItemLabel_8QT16c{padding-right:var(--spacing-4);min-width:0;overflow:hidden;text-overflow:clip;white-space:nowrap;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - var(--spacing-2)),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - var(--spacing-2)),transparent)}.ToggleButtonGroup_itemChevron_9sOsUI{flex-shrink:0;opacity:var(--opacity-inactive);transition:transform var(--transition-duration-fast) var(--ease-in-out);fill:currentColor}.ToggleButtonGroup_selectItem_6o13WW[data-open] .ToggleButtonGroup_itemChevron_9sOsUI{transform:rotate(180deg)}.ToggleButtonGroup_selectPopover_Ecq4nt{min-width:var(--trigger-width)}.ToggleButtonGroup_selectListBox_Lv53fJ{min-width:100%}}

package/dist/ToggleButtonGroup/ToggleButtonGroup.module.css.js

@@ -0,0 +1,24 @@
+const t = "ToggleButtonGroup_group_aBSDUm", e = "ToggleButtonGroup_item_92PAm9", o = "ToggleButtonGroup_selectionIndicator_HFwFs0", n = "ToggleButtonGroup_itemContent_38HpIc", s = "ToggleButtonGroup_selectItem_6o13WW", c = "ToggleButtonGroup_selectItemLabel_8QT16c", l = "ToggleButtonGroup_itemChevron_9sOsUI", r = "ToggleButtonGroup_selectPopover_Ecq4nt", u = "ToggleButtonGroup_selectListBox_Lv53fJ", g = {
+  group: t,
+  item: e,
+  selectionIndicator: o,
+  itemContent: n,
+  selectItem: s,
+  selectItemLabel: c,
+  itemChevron: l,
+  selectPopover: r,
+  selectListBox: u
+};
+export {
+  g as default,
+  t as group,
+  e as item,
+  l as itemChevron,
+  n as itemContent,
+  s as selectItem,
+  c as selectItemLabel,
+  u as selectListBox,
+  r as selectPopover,
+  o as selectionIndicator
+};
+//# sourceMappingURL=ToggleButtonGroup.module.css.js.map

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

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

package/dist/ToggleButtonGroup/index.d.ts

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

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

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

package/dist/ToggleButtonGroup/index.js

@@ -0,0 +1,7 @@
+import { ToggleButtonGroup as e, ToggleButtonGroupItem as g, ToggleButtonGroupSelectItem as u } from "./ToggleButtonGroup.js";
+export {
+  e as ToggleButtonGroup,
+  g as ToggleButtonGroupItem,
+  u as ToggleButtonGroupSelectItem
+};
+//# sourceMappingURL=index.js.map

package/dist/ToggleButtonGroup/index.js.map

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

package/dist/Tooltip/HelpTip.d.ts

@@ -0,0 +1,19 @@
+import { type ReactNode } from 'react';
+import { type TooltipProps } from './Tooltip';
+export interface HelpTipProps {
+    /** Help content — also used as the accessible name when it's text. */
+    children: ReactNode;
+    /** Override accessible name (defaults to text extracted from `children`). */
+    'aria-label'?: string;
+    className?: string;
+    placement?: TooltipProps['placement'];
+    delay?: TooltipProps['delay'];
+    closeDelay?: TooltipProps['closeDelay'];
+    warmUp?: TooltipProps['warmUp'];
+}
+/**
+ * Compact “?” control that reveals help on hover/focus.
+ * Spectrum’s analogue is ContextualHelp (popover); this is the tooltip-sized version.
+ */
+export declare function HelpTip({ children, 'aria-label': ariaLabel, className, placement, delay, closeDelay, warmUp, }: HelpTipProps): import("react").JSX.Element;
+//# sourceMappingURL=HelpTip.d.ts.map

package/dist/Tooltip/HelpTip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HelpTip.d.ts","sourceRoot":"","sources":["../../src/Tooltip/HelpTip.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAkB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvD,OAAO,EAAW,KAAK,YAAY,EAAE,MAAM,WAAW,CAAC;AAEvD,MAAM,WAAW,YAAY;IACzB,sEAAsE;IACtE,QAAQ,EAAE,SAAS,CAAC;IACpB,6EAA6E;IAC7E,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,YAAY,CAAC,WAAW,CAAC,CAAC;IACtC,KAAK,CAAC,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC;IAC9B,UAAU,CAAC,EAAE,YAAY,CAAC,YAAY,CAAC,CAAC;IACxC,MAAM,CAAC,EAAE,YAAY,CAAC,QAAQ,CAAC,CAAC;CACnC;AAmBD;;;GAGG;AACH,wBAAgB,OAAO,CAAC,EACpB,QAAQ,EACR,YAAY,EAAE,SAAS,EACvB,SAAS,EACT,SAAiB,EACjB,KAAK,EACL,UAAU,EACV,MAAM,GACT,EAAE,YAAY,+BAwBd"}