@flipdish/ui-library 0.2.1

package/dist/components/atoms/Input/index.js

@@ -0,0 +1,72 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { HelpCircle, InfoCircle, EyeOff, Eye } from '@flipdish/ui-icons';
+import { Tooltip, TooltipTrigger } from '@flipdish/ui-library/components/atoms/Tooltip';
+import { sortCx, cx } from '@flipdish/ui-library/utilities/cx';
+import { createContext, useState, useContext } from 'react';
+import { Group, Input as Input$1, Button, TextField as TextField$1 } from 'react-aria-components';
+import { HintText } from './components/hint-text.js';
+import { Label } from './components/label.js';
+
+const InputBase = ({ ref, tooltip, shortcut, groupRef, size = 'md', isInvalid, isDisabled, isRequired, icon: Icon, placeholder, wrapperClassName, tooltipClassName, inputClassName, iconClassName, type = 'text', ...inputProps }) => {
+    const [isPasswordVisible, setIsPasswordVisible] = useState(false);
+    // Check if the input has a leading icon or a trailing adornment (tooltip, invalid
+    // indicator, or the password visibility toggle) so we can reserve right-side padding.
+    const hasTrailingIcon = Boolean(tooltip) || Boolean(isInvalid) || type === 'password';
+    const hasLeadingIcon = Icon;
+    // If the input is inside a `TextFieldContext`, use its context to simplify applying styles
+    const context = useContext(TextFieldContext);
+    const inputSize = context?.size || size;
+    const sizes = sortCx({
+        sm: {
+            root: cx('px-3 py-2 text-sm', hasLeadingIcon && 'pl-9', hasTrailingIcon && 'pr-9'),
+            iconLeading: 'left-3 size-4 stroke-[2.25px]',
+            iconTrailing: 'right-3',
+            shortcut: 'pr-1.5',
+        },
+        md: {
+            root: cx('px-3 py-2 text-md', hasLeadingIcon && 'pl-10', hasTrailingIcon && 'pr-9'),
+            iconLeading: 'left-3 size-5',
+            iconTrailing: 'right-3',
+            shortcut: 'pr-2',
+        },
+        lg: {
+            root: cx('px-3.5 py-2.5 text-md', hasLeadingIcon && 'pl-10.5', hasTrailingIcon && 'pr-9.5'),
+            iconLeading: 'left-3.5 size-5',
+            iconTrailing: 'right-3.5',
+            shortcut: 'pr-2.5',
+        },
+    });
+    return (jsxs(Group, { isDisabled, isInvalid, ref: groupRef, className: ({ isFocusWithin, isDisabled, isInvalid }) => cx('group/input relative flex w-full flex-row place-content-center place-items-center rounded-lg bg-primary shadow-xs ring-1 ring-primary transition-shadow duration-100 ease-linear ring-inset', isFocusWithin && !isDisabled && 'ring-2 ring-brand', 
+        // Disabled state styles
+        isDisabled && 'cursor-not-allowed opacity-50', 'group-disabled:cursor-not-allowed group-disabled:opacity-50', 
+        // Invalid state styles
+        isInvalid && 'ring-error_subtle', 'group-invalid:ring-error_subtle', 
+        // Invalid state with focus-within styles
+        isInvalid && isFocusWithin && 'ring-2 ring-error', isFocusWithin && 'group-invalid:ring-2 group-invalid:ring-error', context?.wrapperClassName, wrapperClassName), children: [Icon && (jsx(Icon, { className: cx('pointer-events-none absolute text-fg-quaternary', sizes[inputSize].iconLeading, context?.iconClassName, iconClassName) })), jsx(Input$1, { ...inputProps, ref: ref, required: isRequired, type: type === 'password' && isPasswordVisible ? 'text' : type, placeholder: placeholder, className: cx('m-0 w-full bg-transparent text-primary ring-0 outline-hidden placeholder:text-placeholder autofill:rounded-lg autofill:text-primary disabled:cursor-not-allowed', sizes[inputSize].root, context?.inputClassName, inputClassName) }), tooltip && type !== 'password' && (jsx(Tooltip, { title: tooltip, placement: "top", children: jsx(TooltipTrigger, { className: cx('absolute cursor-pointer text-fg-quaternary transition duration-100 ease-linear group-invalid/input:hidden hover:text-fg-quaternary_hover focus:text-fg-quaternary_hover', sizes[inputSize].iconTrailing, context?.tooltipClassName, tooltipClassName), children: jsx(HelpCircle, { className: "size-4 stroke-[2.25px]" }) }) })), type !== 'password' && (jsx(InfoCircle, { className: cx('pointer-events-none absolute hidden size-4 stroke-[2.25px] text-fg-error-secondary group-invalid/input:block', sizes[inputSize].iconTrailing, context?.tooltipClassName, tooltipClassName) })), type === 'password' && (jsx(Button, { "aria-label": "Toggle password visibility", onClick: () => setIsPasswordVisible(!isPasswordVisible), className: cx('absolute flex cursor-pointer items-center justify-center text-fg-quaternary transition duration-100 ease-linear hover:text-fg-quaternary_hover focus:text-fg-quaternary_hover focus:outline-hidden', sizes[inputSize].iconTrailing), children: isPasswordVisible ? jsx(EyeOff, { className: "size-4 stroke-[2.25px]" }) : jsx(Eye, { className: "size-4 stroke-[2.25px]" }) })), shortcut && (jsx("div", { className: cx('pointer-events-none absolute inset-y-0.5 right-0.5 z-10 hidden items-center rounded-r-[inherit] bg-linear-to-r from-transparent to-bg-primary to-40% pl-8 md:flex', sizes[inputSize].shortcut), children: jsx("span", { "aria-hidden": "true", className: "pointer-events-none rounded px-1 py-px text-xs font-medium text-quaternary ring-1 ring-secondary select-none ring-inset", children: typeof shortcut === 'string' ? shortcut : '⌘K' }) }))] }));
+};
+InputBase.displayName = 'InputBase';
+const TextFieldContext = createContext({});
+const TextField = ({ className, size = 'md', inputClassName, wrapperClassName, iconClassName, tooltipClassName, ...props }) => {
+    return (jsx(TextFieldContext.Provider, { value: { inputClassName, wrapperClassName, iconClassName, tooltipClassName, size }, children: jsx(TextField$1, { ...props, "data-input-wrapper": true, "data-input-size": size, className: (state) => cx('group flex h-max w-full flex-col items-start justify-start gap-1.5', typeof className === 'function' ? className(state) : className) }) }));
+};
+TextField.displayName = 'TextField';
+const Input = ({ size = 'md', placeholder, icon: Icon, label, hint, shortcut, hideRequiredIndicator, className, ref, groupRef, tooltip, iconClassName, inputClassName, wrapperClassName, tooltipClassName, type = 'text', ...props }) => {
+    return (jsx(TextField, { "aria-label": !label ? placeholder : undefined, ...props, size: size, className: className, children: ({ isRequired, isInvalid }) => (jsxs(Fragment, { children: [label && (jsx(Label, { isRequired: hideRequiredIndicator ? !hideRequiredIndicator : isRequired, isInvalid: isInvalid, children: label })), jsx(InputBase, { ref,
+                    groupRef,
+                    size,
+                    placeholder,
+                    icon: Icon,
+                    shortcut,
+                    isInvalid,
+                    isRequired,
+                    iconClassName,
+                    inputClassName,
+                    wrapperClassName,
+                    tooltipClassName,
+                    tooltip,
+                    type }), hint && jsx(HintText, { isInvalid: isInvalid, children: hint })] })) }));
+};
+Input.displayName = 'Input';
+
+export { HintText, Input, InputBase, Label, TextField };
+//# sourceMappingURL=index.js.map

package/dist/components/atoms/Input/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/atoms/Input/index.tsx"],"sourcesContent":[null],"names":["_jsxs","AriaGroup","_jsx","AriaInput","AriaButton","AriaTextField","_Fragment"],"mappings":"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"}

package/dist/components/atoms/LoadingIndicator/index.cjs

@@ -0,0 +1,54 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var cx = require('@flipdish/ui-library/utilities/cx');
+
+const styles = {
+    sm: {
+        root: 'gap-4',
+        label: 'text-sm font-medium',
+        spinner: 'size-8',
+    },
+    md: {
+        root: 'gap-4',
+        label: 'text-sm font-medium',
+        spinner: 'size-12',
+    },
+    lg: {
+        root: 'gap-4',
+        label: 'text-lg font-medium',
+        spinner: 'size-14',
+    },
+    xl: {
+        root: 'gap-5',
+        label: 'text-lg font-medium',
+        spinner: 'size-16',
+    },
+};
+/**
+ * Animated spinner shown while content or an action is in progress, with an optional label.
+ *
+ * @summary in-progress loading spinner
+ */
+const LoadingIndicator = ({ type = 'line-simple', size = 'sm', label }) => {
+    const renderSpinner = () => {
+        if (type === 'line-spinner') {
+            return (
+            // biome-ignore lint/a11y/noSvgWithoutTitle: this is an icon
+            jsxRuntime.jsx("svg", { className: cx.cx('animate-spin', styles[size].spinner), viewBox: "0 0 32 32", fill: "none", children: jsxRuntime.jsx("circle", { className: "stroke-fg-brand-primary", cx: "16", cy: "16", r: "14", fill: "none", strokeWidth: "4", strokeDashoffset: "40", strokeDasharray: "100", strokeLinecap: "round" }) }));
+        }
+        if (type === 'dot-circle') {
+            return (
+            // biome-ignore lint/a11y/noSvgWithoutTitle: this is an icon
+            jsxRuntime.jsxs("svg", { className: cx.cx('animate-spin text-fg-brand-primary', styles[size].spinner), viewBox: "0 0 36 36", fill: "none", children: [jsxRuntime.jsx("path", { d: "M34 18C34 15.8989 33.5861 13.8183 32.7821 11.8771C31.978 9.93586 30.7994 8.17203 29.3137 6.68629C27.828 5.20055 26.0641 4.022 24.1229 3.21793C22.1817 2.41385 20.1011 2 18 2C15.8988 2 13.8183 2.41385 11.8771 3.21793C9.93585 4.022 8.17203 5.20055 6.68629 6.68629C5.20055 8.17203 4.022 9.93586 3.21793 11.8771C2.41385 13.8183 2 15.8989 2 18", stroke: "url(#paint0)", strokeWidth: "4", strokeLinecap: "round", strokeLinejoin: "round", strokeDasharray: "0.1 8" }), jsxRuntime.jsx("path", { d: "M3.21793 24.1229C4.022 26.0641 5.20055 27.828 6.68629 29.3137C8.17203 30.7994 9.93585 31.978 11.8771 32.7821C13.8183 33.5861 15.8988 34 18 34C20.1011 34 22.1817 33.5861 24.1229 32.7821C26.0641 31.978 27.828 30.7994 29.3137 29.3137C30.7994 27.828 31.978 26.0641 32.7821 24.1229", stroke: "url(#paint1)", strokeWidth: "4", strokeLinecap: "round", strokeLinejoin: "round", strokeDasharray: "0.1 8" }), jsxRuntime.jsxs("defs", { children: [jsxRuntime.jsxs("linearGradient", { id: "paint0", x1: "34", y1: "18", x2: "2", y2: "18", gradientUnits: "userSpaceOnUse", children: [jsxRuntime.jsx("stop", { stopColor: "currentColor" }), jsxRuntime.jsx("stop", { offset: "1", stopColor: "currentColor", stopOpacity: "0.5" })] }), jsxRuntime.jsxs("linearGradient", { id: "paint1", x1: "33", y1: "23.5", x2: "3", y2: "24", gradientUnits: "userSpaceOnUse", children: [jsxRuntime.jsx("stop", { stopOpacity: "0", stopColor: "currentColor" }), jsxRuntime.jsx("stop", { offset: "1", stopColor: "currentColor", stopOpacity: "0.48" })] })] })] }));
+        }
+        // Default case: type === "line-simple"
+        return (
+        // biome-ignore lint/a11y/noSvgWithoutTitle: this is an icon
+        jsxRuntime.jsxs("svg", { className: cx.cx('animate-spin', styles[size].spinner), viewBox: "0 0 32 32", fill: "none", children: [jsxRuntime.jsx("circle", { className: "text-bg-tertiary", cx: "16", cy: "16", r: "14", stroke: "currentColor", strokeWidth: "4" }), jsxRuntime.jsx("circle", { className: "stroke-fg-brand-primary", cx: "16", cy: "16", r: "14", fill: "none", strokeWidth: "4", strokeDashoffset: "75", strokeDasharray: "100", strokeLinecap: "round" })] }));
+    };
+    return (jsxRuntime.jsxs("div", { className: cx.cx('flex flex-col items-center justify-center', styles[size].root), children: [renderSpinner(), label && jsxRuntime.jsx("span", { className: cx.cx('text-secondary', styles[size].label), children: label })] }));
+};
+
+exports.LoadingIndicator = LoadingIndicator;
+//# sourceMappingURL=index.cjs.map

package/dist/components/atoms/LoadingIndicator/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../../src/components/atoms/LoadingIndicator/index.tsx"],"sourcesContent":[null],"names":["_jsx","cx","_jsxs"],"mappings":"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"}

package/dist/components/atoms/LoadingIndicator/index.d.ts

@@ -0,0 +1,24 @@
+interface LoadingIndicatorProps {
+    /**
+     * The visual style of the loading indicator.
+     * @default 'line-simple'
+     */
+    type?: 'line-simple' | 'line-spinner' | 'dot-circle';
+    /**
+     * The size of the loading indicator.
+     * @default 'sm'
+     */
+    size?: 'sm' | 'md' | 'lg' | 'xl';
+    /**
+     * Optional text label displayed below the indicator.
+     */
+    label?: string;
+}
+/**
+ * Animated spinner shown while content or an action is in progress, with an optional label.
+ *
+ * @summary in-progress loading spinner
+ */
+export declare const LoadingIndicator: ({ type, size, label }: LoadingIndicatorProps) => import("react").JSX.Element;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/components/atoms/LoadingIndicator/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/LoadingIndicator/index.tsx"],"names":[],"mappings":"AA2BA,UAAU,qBAAqB;IAC7B;;;OAGG;IACH,IAAI,CAAC,EAAE,aAAa,GAAG,cAAc,GAAG,YAAY,CAAC;IACrD;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACjC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;;GAIG;AACH,eAAO,MAAM,gBAAgB,GAAI,uBAA8C,qBAAqB,gCAiFnG,CAAC"}

package/dist/components/atoms/LoadingIndicator/index.js

@@ -0,0 +1,52 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { cx } from '@flipdish/ui-library/utilities/cx';
+
+const styles = {
+    sm: {
+        root: 'gap-4',
+        label: 'text-sm font-medium',
+        spinner: 'size-8',
+    },
+    md: {
+        root: 'gap-4',
+        label: 'text-sm font-medium',
+        spinner: 'size-12',
+    },
+    lg: {
+        root: 'gap-4',
+        label: 'text-lg font-medium',
+        spinner: 'size-14',
+    },
+    xl: {
+        root: 'gap-5',
+        label: 'text-lg font-medium',
+        spinner: 'size-16',
+    },
+};
+/**
+ * Animated spinner shown while content or an action is in progress, with an optional label.
+ *
+ * @summary in-progress loading spinner
+ */
+const LoadingIndicator = ({ type = 'line-simple', size = 'sm', label }) => {
+    const renderSpinner = () => {
+        if (type === 'line-spinner') {
+            return (
+            // biome-ignore lint/a11y/noSvgWithoutTitle: this is an icon
+            jsx("svg", { className: cx('animate-spin', styles[size].spinner), viewBox: "0 0 32 32", fill: "none", children: jsx("circle", { className: "stroke-fg-brand-primary", cx: "16", cy: "16", r: "14", fill: "none", strokeWidth: "4", strokeDashoffset: "40", strokeDasharray: "100", strokeLinecap: "round" }) }));
+        }
+        if (type === 'dot-circle') {
+            return (
+            // biome-ignore lint/a11y/noSvgWithoutTitle: this is an icon
+            jsxs("svg", { className: cx('animate-spin text-fg-brand-primary', styles[size].spinner), viewBox: "0 0 36 36", fill: "none", children: [jsx("path", { d: "M34 18C34 15.8989 33.5861 13.8183 32.7821 11.8771C31.978 9.93586 30.7994 8.17203 29.3137 6.68629C27.828 5.20055 26.0641 4.022 24.1229 3.21793C22.1817 2.41385 20.1011 2 18 2C15.8988 2 13.8183 2.41385 11.8771 3.21793C9.93585 4.022 8.17203 5.20055 6.68629 6.68629C5.20055 8.17203 4.022 9.93586 3.21793 11.8771C2.41385 13.8183 2 15.8989 2 18", stroke: "url(#paint0)", strokeWidth: "4", strokeLinecap: "round", strokeLinejoin: "round", strokeDasharray: "0.1 8" }), jsx("path", { d: "M3.21793 24.1229C4.022 26.0641 5.20055 27.828 6.68629 29.3137C8.17203 30.7994 9.93585 31.978 11.8771 32.7821C13.8183 33.5861 15.8988 34 18 34C20.1011 34 22.1817 33.5861 24.1229 32.7821C26.0641 31.978 27.828 30.7994 29.3137 29.3137C30.7994 27.828 31.978 26.0641 32.7821 24.1229", stroke: "url(#paint1)", strokeWidth: "4", strokeLinecap: "round", strokeLinejoin: "round", strokeDasharray: "0.1 8" }), jsxs("defs", { children: [jsxs("linearGradient", { id: "paint0", x1: "34", y1: "18", x2: "2", y2: "18", gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "currentColor" }), jsx("stop", { offset: "1", stopColor: "currentColor", stopOpacity: "0.5" })] }), jsxs("linearGradient", { id: "paint1", x1: "33", y1: "23.5", x2: "3", y2: "24", gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopOpacity: "0", stopColor: "currentColor" }), jsx("stop", { offset: "1", stopColor: "currentColor", stopOpacity: "0.48" })] })] })] }));
+        }
+        // Default case: type === "line-simple"
+        return (
+        // biome-ignore lint/a11y/noSvgWithoutTitle: this is an icon
+        jsxs("svg", { className: cx('animate-spin', styles[size].spinner), viewBox: "0 0 32 32", fill: "none", children: [jsx("circle", { className: "text-bg-tertiary", cx: "16", cy: "16", r: "14", stroke: "currentColor", strokeWidth: "4" }), jsx("circle", { className: "stroke-fg-brand-primary", cx: "16", cy: "16", r: "14", fill: "none", strokeWidth: "4", strokeDashoffset: "75", strokeDasharray: "100", strokeLinecap: "round" })] }));
+    };
+    return (jsxs("div", { className: cx('flex flex-col items-center justify-center', styles[size].root), children: [renderSpinner(), label && jsx("span", { className: cx('text-secondary', styles[size].label), children: label })] }));
+};
+
+export { LoadingIndicator };
+//# sourceMappingURL=index.js.map

package/dist/components/atoms/LoadingIndicator/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/atoms/LoadingIndicator/index.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":"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"}

package/dist/components/atoms/RadioButton/index.cjs

@@ -0,0 +1,43 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var cx = require('@flipdish/ui-library/utilities/cx');
+var React = require('react');
+var reactAriaComponents = require('react-aria-components');
+
+const RadioGroupContext = React.createContext(null);
+const RadioButtonBase = ({ className, isFocusVisible, isSelected, isDisabled, size = 'sm' }) => {
+    return (jsxRuntime.jsx("div", { className: cx.cx('flex size-4 shrink-0 cursor-pointer appearance-none items-center justify-center rounded-full bg-primary ring-1 ring-primary ring-inset', size === 'md' && 'size-5', isSelected && 'bg-brand-solid ring-brand-solid', isDisabled && 'cursor-not-allowed opacity-50', isDisabled && !isSelected && 'bg-tertiary', isFocusVisible && 'outline-2 outline-offset-2 outline-focus-ring', className), children: jsxRuntime.jsx("div", { className: cx.cx('size-1.5 rounded-full bg-fg-white opacity-0 transition-inherit-all', size === 'md' && 'size-2', isSelected && 'opacity-100') }) }));
+};
+RadioButtonBase.displayName = 'RadioButtonBase';
+const RadioButton = ({ label, hint, className, size = 'sm', ...ariaRadioProps }) => {
+    const context = React.useContext(RadioGroupContext);
+    size = context?.size ?? size;
+    const sizes = {
+        sm: {
+            root: 'gap-2',
+            textWrapper: '',
+            label: 'text-sm font-medium',
+            hint: 'text-sm',
+        },
+        md: {
+            root: 'gap-3',
+            textWrapper: 'gap-0.5',
+            label: 'text-md font-medium',
+            hint: 'text-md',
+        },
+    };
+    return (jsxRuntime.jsx(reactAriaComponents.Radio, { ...ariaRadioProps, className: (state) => cx.cx('relative flex items-start', state.isDisabled && 'cursor-not-allowed', sizes[size].root, typeof className === 'function' ? className(state) : className), children: ({ isSelected, isDisabled, isFocusVisible }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(RadioButtonBase, { size: size, isSelected: isSelected, isDisabled: isDisabled, isFocusVisible: isFocusVisible, className: label || hint ? 'mt-0.5' : '' }), (label || hint) && (jsxRuntime.jsxs("div", { className: cx.cx('inline-flex flex-col', sizes[size].textWrapper), children: [label && jsxRuntime.jsx("p", { className: cx.cx('text-secondary select-none', sizes[size].label), children: label }), hint && (
+                        // biome-ignore lint/a11y/noStaticElementInteractions: This is a hint that is not interactive
+                        // biome-ignore lint/a11y/useKeyWithClickEvents: This is a hint that is not interactive
+                        jsxRuntime.jsx("span", { className: cx.cx('text-tertiary', sizes[size].hint), onClick: (event) => event.stopPropagation(), children: hint }))] }))] })) }));
+};
+RadioButton.displayName = 'RadioButton';
+const RadioGroup = ({ children, className, size = 'sm', ...props }) => {
+    return (jsxRuntime.jsx(RadioGroupContext.Provider, { value: { size }, children: jsxRuntime.jsx(reactAriaComponents.RadioGroup, { ...props, className: cx.cx('flex flex-col gap-4', className), children: children }) }));
+};
+
+exports.RadioButton = RadioButton;
+exports.RadioButtonBase = RadioButtonBase;
+exports.RadioGroup = RadioGroup;
+//# sourceMappingURL=index.cjs.map

package/dist/components/atoms/RadioButton/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../../src/components/atoms/RadioButton/index.tsx"],"sourcesContent":[null],"names":["createContext","_jsx","cx","useContext","AriaRadio","_jsxs","_Fragment","AriaRadioGroup"],"mappings":"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"}

package/dist/components/atoms/RadioButton/index.d.ts

@@ -0,0 +1,33 @@
+import { type ReactNode, type Ref } from 'react';
+import { type RadioGroupProps as AriaRadioGroupProps, type RadioProps as AriaRadioProps } from 'react-aria-components';
+export interface RadioGroupContextType {
+    size?: 'sm' | 'md';
+}
+export interface RadioButtonBaseProps {
+    size?: 'sm' | 'md';
+    className?: string;
+    isFocusVisible?: boolean;
+    isSelected?: boolean;
+    isDisabled?: boolean;
+}
+export declare const RadioButtonBase: {
+    ({ className, isFocusVisible, isSelected, isDisabled, size }: RadioButtonBaseProps): import("react").JSX.Element;
+    displayName: string;
+};
+interface RadioButtonProps extends AriaRadioProps {
+    size?: 'sm' | 'md';
+    label?: ReactNode;
+    hint?: ReactNode;
+    ref?: Ref<HTMLLabelElement>;
+}
+export declare const RadioButton: {
+    ({ label, hint, className, size, ...ariaRadioProps }: RadioButtonProps): import("react").JSX.Element;
+    displayName: string;
+};
+interface RadioGroupProps extends RadioGroupContextType, AriaRadioGroupProps {
+    children: ReactNode;
+    className?: string;
+}
+export declare const RadioGroup: ({ children, className, size, ...props }: RadioGroupProps) => import("react").JSX.Element;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/components/atoms/RadioButton/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/RadioButton/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAiB,KAAK,SAAS,EAAE,KAAK,GAAG,EAAc,MAAM,OAAO,CAAC;AAC5E,OAAO,EAGL,KAAK,eAAe,IAAI,mBAAmB,EAC3C,KAAK,UAAU,IAAI,cAAc,EAClC,MAAM,uBAAuB,CAAC;AAE/B,MAAM,WAAW,qBAAqB;IACpC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;CACpB;AAID,MAAM,WAAW,oBAAoB;IACnC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,eAAO,MAAM,eAAe;kEAAwE,oBAAoB;;CAkBvH,CAAC;AAGF,UAAU,gBAAiB,SAAQ,cAAc;IAC/C,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,GAAG,CAAC,EAAE,GAAG,CAAC,gBAAgB,CAAC,CAAC;CAC7B;AAED,eAAO,MAAM,WAAW;0DAAgE,gBAAgB;;CAyDvG,CAAC;AAGF,UAAU,eAAgB,SAAQ,qBAAqB,EAAE,mBAAmB;IAC1E,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,UAAU,GAAI,yCAAgD,eAAe,gCAQzF,CAAC"}

package/dist/components/atoms/RadioButton/index.js

@@ -0,0 +1,39 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { cx } from '@flipdish/ui-library/utilities/cx';
+import { createContext, useContext } from 'react';
+import { Radio, RadioGroup as RadioGroup$1 } from 'react-aria-components';
+
+const RadioGroupContext = createContext(null);
+const RadioButtonBase = ({ className, isFocusVisible, isSelected, isDisabled, size = 'sm' }) => {
+    return (jsx("div", { className: cx('flex size-4 shrink-0 cursor-pointer appearance-none items-center justify-center rounded-full bg-primary ring-1 ring-primary ring-inset', size === 'md' && 'size-5', isSelected && 'bg-brand-solid ring-brand-solid', isDisabled && 'cursor-not-allowed opacity-50', isDisabled && !isSelected && 'bg-tertiary', isFocusVisible && 'outline-2 outline-offset-2 outline-focus-ring', className), children: jsx("div", { className: cx('size-1.5 rounded-full bg-fg-white opacity-0 transition-inherit-all', size === 'md' && 'size-2', isSelected && 'opacity-100') }) }));
+};
+RadioButtonBase.displayName = 'RadioButtonBase';
+const RadioButton = ({ label, hint, className, size = 'sm', ...ariaRadioProps }) => {
+    const context = useContext(RadioGroupContext);
+    size = context?.size ?? size;
+    const sizes = {
+        sm: {
+            root: 'gap-2',
+            textWrapper: '',
+            label: 'text-sm font-medium',
+            hint: 'text-sm',
+        },
+        md: {
+            root: 'gap-3',
+            textWrapper: 'gap-0.5',
+            label: 'text-md font-medium',
+            hint: 'text-md',
+        },
+    };
+    return (jsx(Radio, { ...ariaRadioProps, className: (state) => cx('relative flex items-start', state.isDisabled && 'cursor-not-allowed', sizes[size].root, typeof className === 'function' ? className(state) : className), children: ({ isSelected, isDisabled, isFocusVisible }) => (jsxs(Fragment, { children: [jsx(RadioButtonBase, { size: size, isSelected: isSelected, isDisabled: isDisabled, isFocusVisible: isFocusVisible, className: label || hint ? 'mt-0.5' : '' }), (label || hint) && (jsxs("div", { className: cx('inline-flex flex-col', sizes[size].textWrapper), children: [label && jsx("p", { className: cx('text-secondary select-none', sizes[size].label), children: label }), hint && (
+                        // biome-ignore lint/a11y/noStaticElementInteractions: This is a hint that is not interactive
+                        // biome-ignore lint/a11y/useKeyWithClickEvents: This is a hint that is not interactive
+                        jsx("span", { className: cx('text-tertiary', sizes[size].hint), onClick: (event) => event.stopPropagation(), children: hint }))] }))] })) }));
+};
+RadioButton.displayName = 'RadioButton';
+const RadioGroup = ({ children, className, size = 'sm', ...props }) => {
+    return (jsx(RadioGroupContext.Provider, { value: { size }, children: jsx(RadioGroup$1, { ...props, className: cx('flex flex-col gap-4', className), children: children }) }));
+};
+
+export { RadioButton, RadioButtonBase, RadioGroup };
+//# sourceMappingURL=index.js.map

package/dist/components/atoms/RadioButton/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/atoms/RadioButton/index.tsx"],"sourcesContent":[null],"names":["_jsx","AriaRadio","_jsxs","_Fragment","AriaRadioGroup"],"mappings":";;;;;AAeA,MAAM,iBAAiB,GAAG,aAAa,CAA+B,IAAI,CAAC;AAUpE,MAAM,eAAe,GAAG,CAAC,EAAE,SAAS,EAAE,cAAc,EAAE,UAAU,EAAE,UAAU,EAAE,IAAI,GAAG,IAAI,EAAwB,KAAI;IAC1H,QACEA,GAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,EAAE,CACX,wIAAwI,EACxI,IAAI,KAAK,IAAI,IAAI,QAAQ,EACzB,UAAU,IAAI,iCAAiC,EAC/C,UAAU,IAAI,+BAA+B,EAC7C,UAAU,IAAI,CAAC,UAAU,IAAI,aAAa,EAC1C,cAAc,IAAI,+CAA+C,EACjE,SAAS,CACV,EAAA,QAAA,EAEDA,GAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,EAAE,CAAC,oEAAoE,EAAE,IAAI,KAAK,IAAI,IAAI,QAAQ,EAAE,UAAU,IAAI,aAAa,CAAC,EAAA,CAC3I,EAAA,CACE;AAEV;AACA,eAAe,CAAC,WAAW,GAAG,iBAAiB;MASlC,WAAW,GAAG,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,GAAG,IAAI,EAAE,GAAG,cAAc,EAAoB,KAAI;AAC1G,IAAA,MAAM,OAAO,GAAG,UAAU,CAAC,iBAAiB,CAAC;AAE7C,IAAA,IAAI,GAAG,OAAO,EAAE,IAAI,IAAI,IAAI;AAE5B,IAAA,MAAM,KAAK,GAAG;AACZ,QAAA,EAAE,EAAE;AACF,YAAA,IAAI,EAAE,OAAO;AACb,YAAA,WAAW,EAAE,EAAE;AACf,YAAA,KAAK,EAAE,qBAAqB;AAC5B,YAAA,IAAI,EAAE,SAAS;AAChB,SAAA;AACD,QAAA,EAAE,EAAE;AACF,YAAA,IAAI,EAAE,OAAO;AACb,YAAA,WAAW,EAAE,SAAS;AACtB,YAAA,KAAK,EAAE,qBAAqB;AAC5B,YAAA,IAAI,EAAE,SAAS;AAChB,SAAA;KACF;AAED,IAAA,QACEA,GAAA,CAACC,KAAS,EAAA,EAAA,GACJ,cAAc,EAClB,SAAS,EAAE,CAAC,KAAK,KACf,EAAE,CACA,2BAA2B,EAC3B,KAAK,CAAC,UAAU,IAAI,oBAAoB,EACxC,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,EAChB,OAAO,SAAS,KAAK,UAAU,GAAG,SAAS,CAAC,KAAK,CAAC,GAAG,SAAS,CAC/D,EAAA,QAAA,EAGF,CAAC,EAAE,UAAU,EAAE,UAAU,EAAE,cAAc,EAAE,MAC1CC,IAAA,CAAAC,QAAA,EAAA,EAAA,QAAA,EAAA,CACEH,GAAA,CAAC,eAAe,EAAA,EACd,IAAI,EAAE,IAAI,EACV,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,UAAU,EACtB,cAAc,EAAE,cAAc,EAC9B,SAAS,EAAE,KAAK,IAAI,IAAI,GAAG,QAAQ,GAAG,EAAE,EAAA,CACxC,EACD,CAAC,KAAK,IAAI,IAAI,MACbE,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,EAAE,CAAC,sBAAsB,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC,EAAA,QAAA,EAAA,CAChE,KAAK,IAAIF,WAAG,SAAS,EAAE,EAAE,CAAC,4BAA4B,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,EAAA,QAAA,EAAG,KAAK,EAAA,CAAK,EACvF,IAAI;;;AAGH,wBAAAA,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAE,EAAE,CAAC,eAAe,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,EAAE,OAAO,EAAE,CAAC,KAAK,KAAK,KAAK,CAAC,eAAe,EAAE,EAAA,QAAA,EAChG,IAAI,EAAA,CACA,CACR,IACG,CACP,CAAA,EAAA,CACA,CACJ,EAAA,CACS;AAEhB;AACA,WAAW,CAAC,WAAW,GAAG,aAAa;AAOhC,MAAM,UAAU,GAAG,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,IAAI,GAAG,IAAI,EAAE,GAAG,KAAK,EAAmB,KAAI;AAC5F,IAAA,QACEA,GAAA,CAAC,iBAAiB,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,EAAE,IAAI,EAAE,EAAA,QAAA,EACzCA,IAACI,YAAc,EAAA,EAAA,GAAK,KAAK,EAAE,SAAS,EAAE,EAAE,CAAC,qBAAqB,EAAE,SAAS,CAAC,EAAA,QAAA,EACvE,QAAQ,EAAA,CACM,EAAA,CACU;AAEjC;;;;"}

package/dist/components/atoms/Toggle/index.cjs

@@ -0,0 +1,63 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var cx = require('@flipdish/ui-library/utilities/cx');
+var reactAriaComponents = require('react-aria-components');
+
+const ToggleBase = ({ className, isHovered, isDisabled, isFocusVisible, isSelected, slim, size = 'sm' }) => {
+    const styles = {
+        default: {
+            sm: {
+                root: 'h-5 w-9 p-0.5',
+                switch: cx.cx('size-4', isSelected && 'translate-x-4'),
+            },
+            md: {
+                root: 'h-6 w-11 p-0.5',
+                switch: cx.cx('size-5', isSelected && 'translate-x-5'),
+            },
+        },
+        slim: {
+            sm: {
+                root: 'h-4 w-8',
+                switch: cx.cx('size-4', isSelected && 'translate-x-4'),
+            },
+            md: {
+                root: 'h-5 w-10',
+                switch: cx.cx('size-5', isSelected && 'translate-x-5'),
+            },
+        },
+    };
+    const classes = slim ? styles.slim[size] : styles.default[size];
+    return (jsxRuntime.jsx("div", { className: cx.cx('cursor-pointer rounded-full bg-tertiary ring-[0.5px] ring-secondary outline-focus-ring transition duration-150 ease-linear ring-inset', isSelected && 'bg-brand-solid', isSelected && isHovered && 'bg-brand-solid_hover', isDisabled && 'cursor-not-allowed opacity-50', isFocusVisible && 'outline-2 outline-offset-2', slim && 'ring-1', slim && isSelected && 'ring-transparent', classes.root, className), children: jsxRuntime.jsx("div", { style: {
+                transition: 'transform 0.15s ease-in-out, translate 0.15s ease-in-out, border-color 0.1s linear, background-color 0.1s linear',
+            }, className: cx.cx('rounded-full bg-fg-white shadow-sm', slim && 'shadow-xs', slim && 'border border-toggle-border', slim && isSelected && 'border-toggle-slim-border_pressed', slim && isSelected && isHovered && 'border-toggle-slim-border_pressed-hover', classes.switch) }) }));
+};
+const styles = {
+    sm: {
+        root: 'gap-2',
+        textWrapper: '',
+        label: 'text-sm font-medium',
+        hint: 'text-sm',
+    },
+    md: {
+        root: 'gap-3',
+        textWrapper: 'gap-0.5',
+        label: 'text-md font-medium',
+        hint: 'text-md',
+    },
+};
+/**
+ * Switch control for toggling a single setting on or off, with optional label and hint.
+ *
+ * @summary on/off switch for a single setting
+ */
+const Toggle = ({ label, hint, className, size = 'sm', slim, ...ariaSwitchProps }) => {
+    return (jsxRuntime.jsx(reactAriaComponents.Switch, { ...ariaSwitchProps, className: (state) => cx.cx('relative flex w-max items-start', state.isDisabled && 'cursor-not-allowed', styles[size].root, typeof className === 'function' ? className(state) : className), children: ({ isSelected, isDisabled, isFocusVisible, isHovered }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(ToggleBase, { slim: slim, size: size, isHovered: isHovered, isDisabled: isDisabled, isFocusVisible: isFocusVisible, isSelected: isSelected, className: slim ? 'mt-0.5' : '' }), (label || hint) && (jsxRuntime.jsxs("div", { className: cx.cx('flex flex-col', styles[size].textWrapper), children: [label && jsxRuntime.jsx("p", { className: cx.cx('text-secondary select-none', styles[size].label), children: label }), hint && (
+                        // biome-ignore lint/a11y/noStaticElementInteractions: This is a hint that is not interactive
+                        // biome-ignore lint/a11y/useKeyWithClickEvents: This is a hint that is not interactive
+                        jsxRuntime.jsx("span", { className: cx.cx('text-tertiary', styles[size].hint), onClick: (event) => event.stopPropagation(), children: hint }))] }))] })) }));
+};
+
+exports.Toggle = Toggle;
+exports.ToggleBase = ToggleBase;
+//# sourceMappingURL=index.cjs.map

package/dist/components/atoms/Toggle/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../../src/components/atoms/Toggle/index.tsx"],"sourcesContent":[null],"names":["cx","_jsx","AriaSwitch","_jsxs","_Fragment"],"mappings":";;;;;;MAiBa,UAAU,GAAG,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,UAAU,EAAE,cAAc,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,GAAG,IAAI,EAAmB,KAAI;AACjI,IAAA,MAAM,MAAM,GAAG;AACb,QAAA,OAAO,EAAE;AACP,YAAA,EAAE,EAAE;AACF,gBAAA,IAAI,EAAE,eAAe;gBACrB,MAAM,EAAEA,KAAE,CAAC,QAAQ,EAAE,UAAU,IAAI,eAAe,CAAC;AACpD,aAAA;AACD,YAAA,EAAE,EAAE;AACF,gBAAA,IAAI,EAAE,gBAAgB;gBACtB,MAAM,EAAEA,KAAE,CAAC,QAAQ,EAAE,UAAU,IAAI,eAAe,CAAC;AACpD,aAAA;AACF,SAAA;AACD,QAAA,IAAI,EAAE;AACJ,YAAA,EAAE,EAAE;AACF,gBAAA,IAAI,EAAE,SAAS;gBACf,MAAM,EAAEA,KAAE,CAAC,QAAQ,EAAE,UAAU,IAAI,eAAe,CAAC;AACpD,aAAA;AACD,YAAA,EAAE,EAAE;AACF,gBAAA,IAAI,EAAE,UAAU;gBAChB,MAAM,EAAEA,KAAE,CAAC,QAAQ,EAAE,UAAU,IAAI,eAAe,CAAC;AACpD,aAAA;AACF,SAAA;KACF;IAED,MAAM,OAAO,GAAG,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC;IAE/D,QACEC,wBACE,SAAS,EAAED,KAAE,CACX,uIAAuI,EACvI,UAAU,IAAI,gBAAgB,EAC9B,UAAU,IAAI,SAAS,IAAI,sBAAsB,EACjD,UAAU,IAAI,+BAA+B,EAC7C,cAAc,IAAI,4BAA4B,EAE9C,IAAI,IAAI,QAAQ,EAChB,IAAI,IAAI,UAAU,IAAI,kBAAkB,EACxC,OAAO,CAAC,IAAI,EACZ,SAAS,CACV,EAAA,QAAA,EAEDC,cAAA,CAAA,KAAA,EAAA,EACE,KAAK,EAAE;AACL,gBAAA,UAAU,EAAE,kHAAkH;AAC/H,aAAA,EACD,SAAS,EAAED,KAAE,CACX,oCAAoC,EAEpC,IAAI,IAAI,WAAW,EACnB,IAAI,IAAI,6BAA6B,EACrC,IAAI,IAAI,UAAU,IAAI,mCAAmC,EACzD,IAAI,IAAI,UAAU,IAAI,SAAS,IAAI,yCAAyC,EAE5E,OAAO,CAAC,MAAM,CACf,EAAA,CACD,EAAA,CACE;AAEV;AAEA,MAAM,MAAM,GAAG;AACb,IAAA,EAAE,EAAE;AACF,QAAA,IAAI,EAAE,OAAO;AACb,QAAA,WAAW,EAAE,EAAE;AACf,QAAA,KAAK,EAAE,qBAAqB;AAC5B,QAAA,IAAI,EAAE,SAAS;AAChB,KAAA;AACD,IAAA,EAAE,EAAE;AACF,QAAA,IAAI,EAAE,OAAO;AACb,QAAA,WAAW,EAAE,SAAS;AACtB,QAAA,KAAK,EAAE,qBAAqB;AAC5B,QAAA,IAAI,EAAE,SAAS;AAChB,KAAA;CACF;AASD;;;;AAIG;MACU,MAAM,GAAG,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,GAAG,IAAI,EAAE,IAAI,EAAE,GAAG,eAAe,EAAe,KAAI;AACvG,IAAA,QACEC,cAAA,CAACC,0BAAU,EAAA,EAAA,GACL,eAAe,EACnB,SAAS,EAAE,CAAC,KAAK,KACfF,KAAE,CACA,iCAAiC,EACjC,KAAK,CAAC,UAAU,IAAI,oBAAoB,EACxC,MAAM,CAAC,IAAI,CAAC,CAAC,IAAI,EACjB,OAAO,SAAS,KAAK,UAAU,GAAG,SAAS,CAAC,KAAK,CAAC,GAAG,SAAS,CAC/D,EAAA,QAAA,EAGF,CAAC,EAAE,UAAU,EAAE,UAAU,EAAE,cAAc,EAAE,SAAS,EAAE,MACrDG,eAAA,CAAAC,mBAAA,EAAA,EAAA,QAAA,EAAA,CACEH,cAAA,CAAC,UAAU,IACT,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,cAAc,EAAE,cAAc,EAC9B,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,IAAI,GAAG,QAAQ,GAAG,EAAE,EAAA,CAC/B,EAED,CAAC,KAAK,IAAI,IAAI,MACbE,eAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAEH,KAAE,CAAC,eAAe,EAAE,MAAM,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC,EAAA,QAAA,EAAA,CAC1D,KAAK,IAAIC,cAAA,CAAA,GAAA,EAAA,EAAG,SAAS,EAAED,KAAE,CAAC,4BAA4B,EAAE,MAAM,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,EAAA,QAAA,EAAG,KAAK,EAAA,CAAK,EACxF,IAAI;;;AAGH,wBAAAC,cAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAED,KAAE,CAAC,eAAe,EAAE,MAAM,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,EAAE,OAAO,EAAE,CAAC,KAAK,KAAK,KAAK,CAAC,eAAe,EAAE,EAAA,QAAA,EACjG,IAAI,EAAA,CACA,CACR,IACG,CACP,CAAA,EAAA,CACA,CACJ,EAAA,CACU;AAEjB;;;;;"}

package/dist/components/atoms/Toggle/index.d.ts

@@ -0,0 +1,26 @@
+import type { ReactNode } from 'react';
+import type { SwitchProps as AriaSwitchProps } from 'react-aria-components';
+interface ToggleBaseProps {
+    size?: 'sm' | 'md';
+    slim?: boolean;
+    className?: string;
+    isHovered?: boolean;
+    isFocusVisible?: boolean;
+    isSelected?: boolean;
+    isDisabled?: boolean;
+}
+export declare const ToggleBase: ({ className, isHovered, isDisabled, isFocusVisible, isSelected, slim, size }: ToggleBaseProps) => import("react").JSX.Element;
+interface ToggleProps extends AriaSwitchProps {
+    size?: 'sm' | 'md';
+    label?: string;
+    hint?: ReactNode;
+    slim?: boolean;
+}
+/**
+ * Switch control for toggling a single setting on or off, with optional label and hint.
+ *
+ * @summary on/off switch for a single setting
+ */
+export declare const Toggle: ({ label, hint, className, size, slim, ...ariaSwitchProps }: ToggleProps) => import("react").JSX.Element;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/components/atoms/Toggle/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Toggle/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,WAAW,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAG5E,UAAU,eAAe;IACvB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,eAAO,MAAM,UAAU,GAAI,8EAAqF,eAAe,gCA0D9H,CAAC;AAiBF,UAAU,WAAY,SAAQ,eAAe;IAC3C,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED;;;;GAIG;AACH,eAAO,MAAM,MAAM,GAAI,4DAAmE,WAAW,gCAyCpG,CAAC"}

package/dist/components/atoms/Toggle/index.js

@@ -0,0 +1,60 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { cx } from '@flipdish/ui-library/utilities/cx';
+import { Switch } from 'react-aria-components';
+
+const ToggleBase = ({ className, isHovered, isDisabled, isFocusVisible, isSelected, slim, size = 'sm' }) => {
+    const styles = {
+        default: {
+            sm: {
+                root: 'h-5 w-9 p-0.5',
+                switch: cx('size-4', isSelected && 'translate-x-4'),
+            },
+            md: {
+                root: 'h-6 w-11 p-0.5',
+                switch: cx('size-5', isSelected && 'translate-x-5'),
+            },
+        },
+        slim: {
+            sm: {
+                root: 'h-4 w-8',
+                switch: cx('size-4', isSelected && 'translate-x-4'),
+            },
+            md: {
+                root: 'h-5 w-10',
+                switch: cx('size-5', isSelected && 'translate-x-5'),
+            },
+        },
+    };
+    const classes = slim ? styles.slim[size] : styles.default[size];
+    return (jsx("div", { className: cx('cursor-pointer rounded-full bg-tertiary ring-[0.5px] ring-secondary outline-focus-ring transition duration-150 ease-linear ring-inset', isSelected && 'bg-brand-solid', isSelected && isHovered && 'bg-brand-solid_hover', isDisabled && 'cursor-not-allowed opacity-50', isFocusVisible && 'outline-2 outline-offset-2', slim && 'ring-1', slim && isSelected && 'ring-transparent', classes.root, className), children: jsx("div", { style: {
+                transition: 'transform 0.15s ease-in-out, translate 0.15s ease-in-out, border-color 0.1s linear, background-color 0.1s linear',
+            }, className: cx('rounded-full bg-fg-white shadow-sm', slim && 'shadow-xs', slim && 'border border-toggle-border', slim && isSelected && 'border-toggle-slim-border_pressed', slim && isSelected && isHovered && 'border-toggle-slim-border_pressed-hover', classes.switch) }) }));
+};
+const styles = {
+    sm: {
+        root: 'gap-2',
+        textWrapper: '',
+        label: 'text-sm font-medium',
+        hint: 'text-sm',
+    },
+    md: {
+        root: 'gap-3',
+        textWrapper: 'gap-0.5',
+        label: 'text-md font-medium',
+        hint: 'text-md',
+    },
+};
+/**
+ * Switch control for toggling a single setting on or off, with optional label and hint.
+ *
+ * @summary on/off switch for a single setting
+ */
+const Toggle = ({ label, hint, className, size = 'sm', slim, ...ariaSwitchProps }) => {
+    return (jsx(Switch, { ...ariaSwitchProps, className: (state) => cx('relative flex w-max items-start', state.isDisabled && 'cursor-not-allowed', styles[size].root, typeof className === 'function' ? className(state) : className), children: ({ isSelected, isDisabled, isFocusVisible, isHovered }) => (jsxs(Fragment, { children: [jsx(ToggleBase, { slim: slim, size: size, isHovered: isHovered, isDisabled: isDisabled, isFocusVisible: isFocusVisible, isSelected: isSelected, className: slim ? 'mt-0.5' : '' }), (label || hint) && (jsxs("div", { className: cx('flex flex-col', styles[size].textWrapper), children: [label && jsx("p", { className: cx('text-secondary select-none', styles[size].label), children: label }), hint && (
+                        // biome-ignore lint/a11y/noStaticElementInteractions: This is a hint that is not interactive
+                        // biome-ignore lint/a11y/useKeyWithClickEvents: This is a hint that is not interactive
+                        jsx("span", { className: cx('text-tertiary', styles[size].hint), onClick: (event) => event.stopPropagation(), children: hint }))] }))] })) }));
+};
+
+export { Toggle, ToggleBase };
+//# sourceMappingURL=index.js.map

package/dist/components/atoms/Toggle/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/atoms/Toggle/index.tsx"],"sourcesContent":[null],"names":["_jsx","AriaSwitch","_jsxs","_Fragment"],"mappings":"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"}

package/dist/components/atoms/Tooltip/index.cjs

@@ -0,0 +1,22 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var cx = require('@flipdish/ui-library/utilities/cx');
+var reactAriaComponents = require('react-aria-components');
+
+const Tooltip = ({ title, description, children, arrow = false, delay = 300, closeDelay = 0, trigger, isDisabled, isOpen, defaultOpen, offset = 6, crossOffset, placement = 'top', onOpenChange, ...tooltipProps }) => {
+    const isTopOrBottomLeft = ['top left', 'top end', 'bottom left', 'bottom end'].includes(placement);
+    const isTopOrBottomRight = ['top right', 'top start', 'bottom right', 'bottom start'].includes(placement);
+    // Set negative cross offset for left and right placement to visually balance the tooltip.
+    const calculatedCrossOffset = isTopOrBottomLeft ? -12 : isTopOrBottomRight ? 12 : 0;
+    return (jsxRuntime.jsxs(reactAriaComponents.TooltipTrigger, { trigger, delay, closeDelay, isDisabled, isOpen, defaultOpen, onOpenChange, children: [children, jsxRuntime.jsx(reactAriaComponents.Tooltip, { ...tooltipProps, offset: offset, placement: placement, crossOffset: crossOffset ?? calculatedCrossOffset, className: ({ isEntering, isExiting }) => cx.cx(isEntering && 'ease-out animate-in', isExiting && 'ease-in animate-out'), children: ({ isEntering, isExiting }) => (jsxRuntime.jsxs("div", { className: cx.cx('z-50 flex max-w-xs origin-(--trigger-anchor-point) flex-col items-start gap-1 rounded-lg bg-primary-solid px-3 shadow-lg will-change-transform', description ? 'py-3' : 'py-2', isEntering &&
+                        'ease-out animate-in fade-in zoom-in-95 in-placement-left:slide-in-from-right-0.5 in-placement-right:slide-in-from-left-0.5 in-placement-top:slide-in-from-bottom-0.5 in-placement-bottom:slide-in-from-top-0.5', isExiting &&
+                        'ease-in animate-out fade-out zoom-out-95 in-placement-left:slide-out-to-right-0.5 in-placement-right:slide-out-to-left-0.5 in-placement-top:slide-out-to-bottom-0.5 in-placement-bottom:slide-out-to-top-0.5'), children: [jsxRuntime.jsx("span", { className: "text-xs font-semibold text-white", children: title }), description && jsxRuntime.jsx("span", { className: "text-xs font-medium text-tooltip-supporting-text", children: description }), arrow && (jsxRuntime.jsx(reactAriaComponents.OverlayArrow, { children: jsxRuntime.jsx("svg", { viewBox: "0 0 100 100", className: "size-2.5 fill-bg-primary-solid in-placement-left:-rotate-90 in-placement-right:rotate-90 in-placement-top:rotate-0 in-placement-bottom:rotate-180", children: jsxRuntime.jsx("path", { d: "M0,0 L35.858,35.858 Q50,50 64.142,35.858 L100,0 Z" }) }) }))] })) })] }));
+};
+const TooltipTrigger = ({ children, className, ...buttonProps }) => {
+    return (jsxRuntime.jsx(reactAriaComponents.Button, { ...buttonProps, className: (values) => cx.cx('h-max w-max outline-hidden', typeof className === 'function' ? className(values) : className), children: children }));
+};
+
+exports.Tooltip = Tooltip;
+exports.TooltipTrigger = TooltipTrigger;
+//# sourceMappingURL=index.cjs.map

package/dist/components/atoms/Tooltip/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../../src/components/atoms/Tooltip/index.tsx"],"sourcesContent":[null],"names":["_jsxs","AriaTooltipTrigger","_jsx","AriaTooltip","cx","AriaOverlayArrow","AriaButton"],"mappings":";;;;;;MAuCa,OAAO,GAAG,CAAC,EACtB,KAAK,EACL,WAAW,EACX,QAAQ,EACR,KAAK,GAAG,KAAK,EACb,KAAK,GAAG,GAAG,EACX,UAAU,GAAG,CAAC,EACd,OAAO,EACP,UAAU,EACV,MAAM,EACN,WAAW,EACX,MAAM,GAAG,CAAC,EACV,WAAW,EACX,SAAS,GAAG,KAAK,EACjB,YAAY,EACZ,GAAG,YAAY,EACF,KAAI;AACjB,IAAA,MAAM,iBAAiB,GAAG,CAAC,UAAU,EAAE,SAAS,EAAE,aAAa,EAAE,YAAY,CAAC,CAAC,QAAQ,CAAC,SAAS,CAAC;AAClG,IAAA,MAAM,kBAAkB,GAAG,CAAC,WAAW,EAAE,WAAW,EAAE,cAAc,EAAE,cAAc,CAAC,CAAC,QAAQ,CAAC,SAAS,CAAC;;IAEzG,MAAM,qBAAqB,GAAG,iBAAiB,GAAG,GAAG,GAAG,kBAAkB,GAAG,EAAE,GAAG,CAAC;AAEnF,IAAA,QACEA,eAAA,CAACC,kCAAkB,IAAO,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,EAAE,WAAW,EAAE,YAAY,EAAA,QAAA,EAAA,CAChG,QAAQ,EAETC,cAAA,CAACC,2BAAW,EAAA,EAAA,GACN,YAAY,EAChB,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,WAAW,IAAI,qBAAqB,EACjD,SAAS,EAAE,CAAC,EAAE,UAAU,EAAE,SAAS,EAAE,KAAKC,KAAE,CAAC,UAAU,IAAI,qBAAqB,EAAE,SAAS,IAAI,qBAAqB,CAAC,EAAA,QAAA,EAEpH,CAAC,EAAE,UAAU,EAAE,SAAS,EAAE,MACzBJ,eAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAEI,KAAE,CACX,gJAAgJ,EAChJ,WAAW,GAAG,MAAM,GAAG,MAAM,EAE7B,UAAU;AACR,wBAAA,gNAAgN,EAClN,SAAS;wBACP,8MAA8M,CACjN,aAEDF,cAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,kCAAkC,EAAA,QAAA,EAAE,KAAK,EAAA,CAAQ,EAEhE,WAAW,IAAIA,cAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,kDAAkD,EAAA,QAAA,EAAE,WAAW,EAAA,CAAQ,EAEtG,KAAK,KACJA,cAAA,CAACG,gCAAgB,EAAA,EAAA,QAAA,EAEfH,cAAA,CAAA,KAAA,EAAA,EACE,OAAO,EAAC,aAAa,EACrB,SAAS,EAAC,mJAAmJ,EAAA,QAAA,EAE7JA,cAAA,CAAA,MAAA,EAAA,EAAM,CAAC,EAAC,mDAAmD,EAAA,CAAG,GAC1D,EAAA,CACW,CACpB,IACG,CACP,EAAA,CACW,CAAA,EAAA,CACK;AAEzB;AAIO,MAAM,cAAc,GAAG,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,WAAW,EAAuB,KAAI;AAC7F,IAAA,QACEA,cAAA,CAACI,0BAAU,EAAA,EAAA,GACL,WAAW,EACf,SAAS,EAAE,CAAC,MAAM,KAAKF,KAAE,CAAC,4BAA4B,EAAE,OAAO,SAAS,KAAK,UAAU,GAAG,SAAS,CAAC,MAAM,CAAC,GAAG,SAAS,CAAC,YAEvH,QAAQ,EAAA,CACE;AAEjB;;;;;"}