@flipdish/ui-library 0.2.1

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

@@ -0,0 +1,122 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var cx = require('@flipdish/ui-library/utilities/cx');
+var isReactComponent = require('@flipdish/ui-library/utilities/isReactComponent');
+var React = require('react');
+
+const iconsSizes = {
+    sm: '*:data-icon:size-4 *:data-icon:stroke-[2.25px]',
+    md: '*:data-icon:size-5',
+    lg: '*:data-icon:size-6',
+    xl: '*:data-icon:size-7',
+};
+const styles = cx.sortCx({
+    light: {
+        base: 'rounded-full',
+        sizes: {
+            sm: 'size-8',
+            md: 'size-10',
+            lg: 'size-12',
+            xl: 'size-14',
+        },
+        colors: {
+            brand: 'bg-brand-secondary text-featured-icon-light-fg-brand',
+            gray: 'bg-tertiary text-featured-icon-light-fg-gray',
+            error: 'bg-error-secondary text-featured-icon-light-fg-error',
+            warning: 'bg-warning-secondary text-featured-icon-light-fg-warning',
+            success: 'bg-success-secondary text-featured-icon-light-fg-success',
+        },
+    },
+    gradient: {
+        base: 'rounded-full text-fg-white before:absolute before:inset-0 before:size-full before:rounded-full before:border before:mask-b-from-0% after:absolute after:block after:rounded-full',
+        sizes: {
+            sm: 'size-8 after:size-6 *:data-icon:size-4',
+            md: 'size-10 after:size-7 *:data-icon:size-4',
+            lg: 'size-12 after:size-8 *:data-icon:size-5',
+            xl: 'size-14 after:size-10 *:data-icon:size-5',
+        },
+        colors: {
+            brand: 'before:border-utility-brand-200 before:bg-utility-brand-50 after:bg-brand-solid',
+            gray: 'before:border-utility-neutral-200 before:bg-utility-neutral-50 after:bg-secondary-solid',
+            error: 'before:border-utility-red-200 before:bg-utility-red-50 after:bg-error-solid',
+            warning: 'before:border-utility-yellow-200 before:bg-utility-yellow-50 after:bg-warning-solid',
+            success: 'before:border-utility-green-200 before:bg-utility-green-50 after:bg-success-solid',
+        },
+    },
+    dark: {
+        base: 'text-fg-white shadow-xs-skeuomorphic before:absolute before:inset-px before:border before:border-white/12 before:mask-b-from-0%',
+        sizes: {
+            sm: 'size-8 rounded-md before:rounded-[5px]',
+            md: 'size-10 rounded-lg before:rounded-[7px]',
+            lg: 'size-12 rounded-[10px] before:rounded-[9px]',
+            xl: 'size-14 rounded-xl before:rounded-[11px]',
+        },
+        colors: {
+            brand: 'bg-brand-solid before:border-utility-brand-200/12',
+            gray: 'bg-secondary-solid before:border-utility-neutral-200/12',
+            error: 'bg-error-solid before:border-utility-red-200/12',
+            warning: 'bg-warning-solid before:border-utility-yellow-200/12',
+            success: 'bg-success-solid before:border-utility-green-200/12',
+        },
+    },
+    modern: {
+        base: 'bg-primary shadow-xs-skeuomorphic ring-1 ring-primary ring-inset',
+        sizes: {
+            sm: 'size-8 rounded-md',
+            md: 'size-10 rounded-lg',
+            lg: 'size-12 rounded-[10px]',
+            xl: 'size-14 rounded-xl',
+        },
+        colors: {
+            brand: 'text-fg-brand-primary',
+            gray: 'text-fg-secondary',
+            error: 'text-fg-error-primary',
+            warning: 'text-fg-warning-primary',
+            success: 'text-fg-success-primary',
+        },
+    },
+    'modern-neue': {
+        base: [
+            'bg-primary_alt ring-1 ring-inset before:absolute before:inset-1',
+            // Shadow
+            'before:shadow-[0px_1px_2px_0px_rgba(0,0,0,0.1),0px_3px_3px_0px_rgba(0,0,0,0.09),1px_8px_5px_0px_rgba(0,0,0,0.05),2px_21px_6px_0px_rgba(0,0,0,0),0px_0px_0px_1px_rgba(0,0,0,0.08),1px_13px_5px_0px_rgba(0,0,0,0.01),0px_-2px_2px_0px_rgba(0,0,0,0.13)_inset] before:ring-1 before:ring-secondary_alt',
+        ].join(' '),
+        sizes: {
+            sm: 'size-8 rounded-[8px] before:rounded-[4px]',
+            md: 'size-10 rounded-[10px] before:rounded-[6px]',
+            lg: 'size-12 rounded-[12px] before:rounded-[8px]',
+            xl: 'size-14 rounded-[14px] before:rounded-[10px]',
+        },
+        colors: {
+            brand: '',
+            gray: 'text-fg-secondary ring-primary',
+            error: '',
+            warning: '',
+            success: '',
+        },
+    },
+    outline: {
+        base: 'before:absolute before:rounded-full before:border-2 after:absolute after:rounded-full after:border-2',
+        sizes: {
+            sm: 'size-4 before:size-6 after:size-8.5',
+            md: 'size-5 before:size-7 after:size-9.5',
+            lg: 'size-6 before:size-8 after:size-10.5',
+            xl: 'size-7 before:size-9 after:size-11.5',
+        },
+        colors: {
+            brand: 'text-fg-brand-primary before:border-fg-brand-primary/30 after:border-fg-brand-primary/10',
+            gray: 'text-fg-tertiary before:border-fg-tertiary/30 after:border-fg-tertiary/10',
+            error: 'text-fg-error-primary before:border-fg-error-primary/30 after:border-fg-error-primary/10',
+            warning: 'text-fg-warning-primary before:border-fg-warning-primary/30 after:border-fg-warning-primary/10',
+            success: 'text-fg-success-primary before:border-fg-success-primary/30 after:border-fg-success-primary/10',
+        },
+    },
+});
+const FeaturedIcon = (props) => {
+    const { size = 'sm', theme: variant = 'light', color = 'brand', icon: Icon, ...otherProps } = props;
+    return (jsxRuntime.jsxs("div", { ...otherProps, "data-featured-icon": true, className: cx.cx('relative flex shrink-0 items-center justify-center', iconsSizes[size], styles[variant].base, styles[variant].sizes[size], styles[variant].colors[color], props.className), children: [isReactComponent.isReactComponent(Icon) && jsxRuntime.jsx(Icon, { "data-icon": true, className: "z-1" }), React.isValidElement(Icon) && jsxRuntime.jsx("div", { className: "z-1", children: Icon }), props.children] }));
+};
+
+exports.FeaturedIcon = FeaturedIcon;
+//# sourceMappingURL=index.cjs.map

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

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

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

@@ -0,0 +1,15 @@
+import type { FC, ReactNode, Ref } from 'react';
+interface FeaturedIconProps {
+    ref?: Ref<HTMLDivElement>;
+    children?: ReactNode;
+    className?: string;
+    icon?: FC<{
+        className?: string;
+    }> | ReactNode;
+    size?: 'sm' | 'md' | 'lg' | 'xl';
+    color: 'brand' | 'gray' | 'success' | 'warning' | 'error';
+    theme?: 'light' | 'gradient' | 'dark' | 'outline' | 'modern' | 'modern-neue';
+}
+export declare const FeaturedIcon: (props: FeaturedIconProps) => import("react").JSX.Element;
+export {};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/FeaturedIcon/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAqHhD,UAAU,iBAAiB;IACzB,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;IAC1B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,EAAE,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,GAAG,SAAS,CAAC;IAC9C,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACjC,KAAK,EAAE,OAAO,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;IAC1D,KAAK,CAAC,EAAE,OAAO,GAAG,UAAU,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,GAAG,aAAa,CAAC;CAC9E;AAED,eAAO,MAAM,YAAY,GAAI,OAAO,iBAAiB,gCAwBpD,CAAC"}

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

@@ -0,0 +1,120 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { sortCx, cx } from '@flipdish/ui-library/utilities/cx';
+import { isReactComponent } from '@flipdish/ui-library/utilities/isReactComponent';
+import { isValidElement } from 'react';
+
+const iconsSizes = {
+    sm: '*:data-icon:size-4 *:data-icon:stroke-[2.25px]',
+    md: '*:data-icon:size-5',
+    lg: '*:data-icon:size-6',
+    xl: '*:data-icon:size-7',
+};
+const styles = sortCx({
+    light: {
+        base: 'rounded-full',
+        sizes: {
+            sm: 'size-8',
+            md: 'size-10',
+            lg: 'size-12',
+            xl: 'size-14',
+        },
+        colors: {
+            brand: 'bg-brand-secondary text-featured-icon-light-fg-brand',
+            gray: 'bg-tertiary text-featured-icon-light-fg-gray',
+            error: 'bg-error-secondary text-featured-icon-light-fg-error',
+            warning: 'bg-warning-secondary text-featured-icon-light-fg-warning',
+            success: 'bg-success-secondary text-featured-icon-light-fg-success',
+        },
+    },
+    gradient: {
+        base: 'rounded-full text-fg-white before:absolute before:inset-0 before:size-full before:rounded-full before:border before:mask-b-from-0% after:absolute after:block after:rounded-full',
+        sizes: {
+            sm: 'size-8 after:size-6 *:data-icon:size-4',
+            md: 'size-10 after:size-7 *:data-icon:size-4',
+            lg: 'size-12 after:size-8 *:data-icon:size-5',
+            xl: 'size-14 after:size-10 *:data-icon:size-5',
+        },
+        colors: {
+            brand: 'before:border-utility-brand-200 before:bg-utility-brand-50 after:bg-brand-solid',
+            gray: 'before:border-utility-neutral-200 before:bg-utility-neutral-50 after:bg-secondary-solid',
+            error: 'before:border-utility-red-200 before:bg-utility-red-50 after:bg-error-solid',
+            warning: 'before:border-utility-yellow-200 before:bg-utility-yellow-50 after:bg-warning-solid',
+            success: 'before:border-utility-green-200 before:bg-utility-green-50 after:bg-success-solid',
+        },
+    },
+    dark: {
+        base: 'text-fg-white shadow-xs-skeuomorphic before:absolute before:inset-px before:border before:border-white/12 before:mask-b-from-0%',
+        sizes: {
+            sm: 'size-8 rounded-md before:rounded-[5px]',
+            md: 'size-10 rounded-lg before:rounded-[7px]',
+            lg: 'size-12 rounded-[10px] before:rounded-[9px]',
+            xl: 'size-14 rounded-xl before:rounded-[11px]',
+        },
+        colors: {
+            brand: 'bg-brand-solid before:border-utility-brand-200/12',
+            gray: 'bg-secondary-solid before:border-utility-neutral-200/12',
+            error: 'bg-error-solid before:border-utility-red-200/12',
+            warning: 'bg-warning-solid before:border-utility-yellow-200/12',
+            success: 'bg-success-solid before:border-utility-green-200/12',
+        },
+    },
+    modern: {
+        base: 'bg-primary shadow-xs-skeuomorphic ring-1 ring-primary ring-inset',
+        sizes: {
+            sm: 'size-8 rounded-md',
+            md: 'size-10 rounded-lg',
+            lg: 'size-12 rounded-[10px]',
+            xl: 'size-14 rounded-xl',
+        },
+        colors: {
+            brand: 'text-fg-brand-primary',
+            gray: 'text-fg-secondary',
+            error: 'text-fg-error-primary',
+            warning: 'text-fg-warning-primary',
+            success: 'text-fg-success-primary',
+        },
+    },
+    'modern-neue': {
+        base: [
+            'bg-primary_alt ring-1 ring-inset before:absolute before:inset-1',
+            // Shadow
+            'before:shadow-[0px_1px_2px_0px_rgba(0,0,0,0.1),0px_3px_3px_0px_rgba(0,0,0,0.09),1px_8px_5px_0px_rgba(0,0,0,0.05),2px_21px_6px_0px_rgba(0,0,0,0),0px_0px_0px_1px_rgba(0,0,0,0.08),1px_13px_5px_0px_rgba(0,0,0,0.01),0px_-2px_2px_0px_rgba(0,0,0,0.13)_inset] before:ring-1 before:ring-secondary_alt',
+        ].join(' '),
+        sizes: {
+            sm: 'size-8 rounded-[8px] before:rounded-[4px]',
+            md: 'size-10 rounded-[10px] before:rounded-[6px]',
+            lg: 'size-12 rounded-[12px] before:rounded-[8px]',
+            xl: 'size-14 rounded-[14px] before:rounded-[10px]',
+        },
+        colors: {
+            brand: '',
+            gray: 'text-fg-secondary ring-primary',
+            error: '',
+            warning: '',
+            success: '',
+        },
+    },
+    outline: {
+        base: 'before:absolute before:rounded-full before:border-2 after:absolute after:rounded-full after:border-2',
+        sizes: {
+            sm: 'size-4 before:size-6 after:size-8.5',
+            md: 'size-5 before:size-7 after:size-9.5',
+            lg: 'size-6 before:size-8 after:size-10.5',
+            xl: 'size-7 before:size-9 after:size-11.5',
+        },
+        colors: {
+            brand: 'text-fg-brand-primary before:border-fg-brand-primary/30 after:border-fg-brand-primary/10',
+            gray: 'text-fg-tertiary before:border-fg-tertiary/30 after:border-fg-tertiary/10',
+            error: 'text-fg-error-primary before:border-fg-error-primary/30 after:border-fg-error-primary/10',
+            warning: 'text-fg-warning-primary before:border-fg-warning-primary/30 after:border-fg-warning-primary/10',
+            success: 'text-fg-success-primary before:border-fg-success-primary/30 after:border-fg-success-primary/10',
+        },
+    },
+});
+const FeaturedIcon = (props) => {
+    const { size = 'sm', theme: variant = 'light', color = 'brand', icon: Icon, ...otherProps } = props;
+    return (jsxs("div", { ...otherProps, "data-featured-icon": true, className: cx('relative flex shrink-0 items-center justify-center', iconsSizes[size], styles[variant].base, styles[variant].sizes[size], styles[variant].colors[color], props.className), children: [isReactComponent(Icon) && jsx(Icon, { "data-icon": true, className: "z-1" }), isValidElement(Icon) && jsx("div", { className: "z-1", children: Icon }), props.children] }));
+};
+
+export { FeaturedIcon };
+//# sourceMappingURL=index.js.map

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

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

package/dist/components/atoms/Input/components/hint-text.cjs

@@ -0,0 +1,17 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var cx = require('@flipdish/ui-library/utilities/cx');
+var reactAriaComponents = require('react-aria-components');
+
+const HintText = ({ isInvalid, className, size = 'md', ...props }) => {
+    return (jsxRuntime.jsx(reactAriaComponents.Text, { ...props, slot: isInvalid ? 'errorMessage' : 'description', className: cx.cx('text-sm text-tertiary', 
+        // Size
+        size === 'sm' && 'text-xs', 'in-data-[input-size=sm]:text-xs', 
+        // Invalid state
+        isInvalid && 'text-error-primary', 'group-invalid:text-error-primary', className) }));
+};
+HintText.displayName = 'HintText';
+
+exports.HintText = HintText;
+//# sourceMappingURL=hint-text.cjs.map

package/dist/components/atoms/Input/components/hint-text.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"hint-text.cjs","sources":["../../../../../src/components/atoms/Input/components/hint-text.tsx"],"sourcesContent":[null],"names":["_jsx","AriaText","cx"],"mappings":";;;;;;AAeO,MAAM,QAAQ,GAAG,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,IAAI,GAAG,IAAI,EAAE,GAAG,KAAK,EAAiB,KAAI;IACzF,QACEA,eAACC,wBAAQ,EAAA,EAAA,GACH,KAAK,EACT,IAAI,EAAE,SAAS,GAAG,cAAc,GAAG,aAAa,EAChD,SAAS,EAAEC,KAAE,CACX,uBAAuB;;AAGvB,QAAA,IAAI,KAAK,IAAI,IAAI,SAAS,EAC1B,iCAAiC;;QAGjC,SAAS,IAAI,oBAAoB,EACjC,kCAAkC,EAElC,SAAS,CACV,EAAA,CACD;AAEN;AAEA,QAAQ,CAAC,WAAW,GAAG,UAAU;;;;"}

package/dist/components/atoms/Input/components/hint-text.d.ts

@@ -0,0 +1,15 @@
+import type { ReactNode, Ref } from 'react';
+import type { TextProps as AriaTextProps } from 'react-aria-components';
+interface HintTextProps extends AriaTextProps {
+    /** Indicates that the hint text is an error message. */
+    isInvalid?: boolean;
+    ref?: Ref<HTMLElement>;
+    size?: 'sm' | 'md';
+    children: ReactNode;
+}
+export declare const HintText: {
+    ({ isInvalid, className, size, ...props }: HintTextProps): import("react").JSX.Element;
+    displayName: string;
+};
+export {};
+//# sourceMappingURL=hint-text.d.ts.map

package/dist/components/atoms/Input/components/hint-text.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hint-text.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/Input/components/hint-text.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,KAAK,EAAE,SAAS,IAAI,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAGxE,UAAU,aAAc,SAAQ,aAAa;IAC3C,wDAAwD;IACxD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,GAAG,CAAC,EAAE,GAAG,CAAC,WAAW,CAAC,CAAC;IACvB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,eAAO,MAAM,QAAQ;+CAAqD,aAAa;;CAoBtF,CAAC"}

package/dist/components/atoms/Input/components/hint-text.js

@@ -0,0 +1,15 @@
+import { jsx } from 'react/jsx-runtime';
+import { cx } from '@flipdish/ui-library/utilities/cx';
+import { Text } from 'react-aria-components';
+
+const HintText = ({ isInvalid, className, size = 'md', ...props }) => {
+    return (jsx(Text, { ...props, slot: isInvalid ? 'errorMessage' : 'description', className: cx('text-sm text-tertiary', 
+        // Size
+        size === 'sm' && 'text-xs', 'in-data-[input-size=sm]:text-xs', 
+        // Invalid state
+        isInvalid && 'text-error-primary', 'group-invalid:text-error-primary', className) }));
+};
+HintText.displayName = 'HintText';
+
+export { HintText };
+//# sourceMappingURL=hint-text.js.map

package/dist/components/atoms/Input/components/hint-text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hint-text.js","sources":["../../../../../src/components/atoms/Input/components/hint-text.tsx"],"sourcesContent":[null],"names":["_jsx","AriaText"],"mappings":";;;;AAeO,MAAM,QAAQ,GAAG,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,IAAI,GAAG,IAAI,EAAE,GAAG,KAAK,EAAiB,KAAI;IACzF,QACEA,IAACC,IAAQ,EAAA,EAAA,GACH,KAAK,EACT,IAAI,EAAE,SAAS,GAAG,cAAc,GAAG,aAAa,EAChD,SAAS,EAAE,EAAE,CACX,uBAAuB;;AAGvB,QAAA,IAAI,KAAK,IAAI,IAAI,SAAS,EAC1B,iCAAiC;;QAGjC,SAAS,IAAI,oBAAoB,EACjC,kCAAkC,EAElC,SAAS,CACV,EAAA,CACD;AAEN;AAEA,QAAQ,CAAC,WAAW,GAAG,UAAU;;;;"}

package/dist/components/atoms/Input/components/label.cjs

@@ -0,0 +1,28 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var uiIcons = require('@flipdish/ui-icons');
+var Tooltip = require('@flipdish/ui-library/components/atoms/Tooltip');
+var cx = require('@flipdish/ui-library/utilities/cx');
+var reactAriaComponents = require('react-aria-components');
+
+const Label = ({ isInvalid, isRequired, tooltip, tooltipDescription, className, ...props }) => {
+    return (jsxRuntime.jsxs(reactAriaComponents.Label
+    // Used for conditionally hiding/showing the label element via CSS:
+    // <Input label="Visible only on mobile" className="lg:**:data-label:hidden" />
+    // or
+    // <Input label="Visible only on mobile" className="lg:label:hidden" />
+    , { "data-label": "true", ...props, className: cx.cx('flex cursor-default items-center gap-0.5 text-sm font-medium text-secondary', className), children: [props.children, jsxRuntime.jsx("span", { className: cx.cx('hidden text-brand-tertiary', isRequired && 'block', typeof isRequired === 'undefined' && 'group-required:block', isInvalid && 'text-error-primary', typeof isInvalid === 'undefined' && 'group-invalid:text-error-primary'), children: "*" }), tooltip && (jsxRuntime.jsx(Tooltip.Tooltip, { title: tooltip, description: tooltipDescription, placement: "top", children: jsxRuntime.jsx(Tooltip.TooltipTrigger
+                // `TooltipTrigger` inherits the disabled state from the parent form field
+                // but we don't that. We want the tooltip be enabled even if the parent
+                // field is disabled.
+                , { 
+                    // `TooltipTrigger` inherits the disabled state from the parent form field
+                    // but we don't that. We want the tooltip be enabled even if the parent
+                    // field is disabled.
+                    isDisabled: false, className: "cursor-pointer text-fg-quaternary transition duration-200 hover:text-fg-quaternary_hover focus:text-fg-quaternary_hover", children: jsxRuntime.jsx(uiIcons.HelpCircle, { className: "size-4" }) }) }))] }));
+};
+Label.displayName = 'Label';
+
+exports.Label = Label;
+//# sourceMappingURL=label.cjs.map

package/dist/components/atoms/Input/components/label.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"label.cjs","sources":["../../../../../src/components/atoms/Input/components/label.tsx"],"sourcesContent":[null],"names":["_jsxs","AriaLabel","cx","_jsx","Tooltip","TooltipTrigger","HelpCircle"],"mappings":";;;;;;;;MAkBa,KAAK,GAAG,CAAC,EAAE,SAAS,EAAE,UAAU,EAAE,OAAO,EAAE,kBAAkB,EAAE,SAAS,EAAE,GAAG,KAAK,EAAc,KAAI;IAC/G,QACEA,gBAACC;;;;;AAKY,MAAA,EAAA,YAAA,EAAA,MAAM,EAAA,GACb,KAAK,EACT,SAAS,EAAEC,KAAE,CAAC,6EAA6E,EAAE,SAAS,CAAC,EAAA,QAAA,EAAA,CAEtG,KAAK,CAAC,QAAQ,EAEfC,cAAA,CAAA,MAAA,EAAA,EACE,SAAS,EAAED,KAAE,CACX,4BAA4B,EAC5B,UAAU,IAAI,OAAO,EACrB,OAAO,UAAU,KAAK,WAAW,IAAI,sBAAsB,EAE3D,SAAS,IAAI,oBAAoB,EACjC,OAAO,SAAS,KAAK,WAAW,IAAI,kCAAkC,CACvE,EAAA,QAAA,EAAA,GAAA,EAAA,CAGI,EAEN,OAAO,KACNC,cAAA,CAACC,eAAO,EAAA,EAAC,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,SAAS,EAAC,KAAK,EAAA,QAAA,EACvED,eAACE;;;;;;;;AAIC,oBAAA,UAAU,EAAE,KAAK,EACjB,SAAS,EAAC,yHAAyH,YAEnIF,cAAA,CAACG,kBAAU,IAAC,SAAS,EAAC,QAAQ,EAAA,CAAG,EAAA,CAClB,GACT,CACX,CAAA,EAAA,CACS;AAEhB;AAEA,KAAK,CAAC,WAAW,GAAG,OAAO;;;;"}

package/dist/components/atoms/Input/components/label.d.ts

@@ -0,0 +1,16 @@
+import type { ReactNode, Ref } from 'react';
+import type { LabelProps as AriaLabelProps } from 'react-aria-components';
+interface LabelProps extends AriaLabelProps {
+    children: ReactNode;
+    isInvalid?: boolean;
+    isRequired?: boolean;
+    tooltip?: string;
+    tooltipDescription?: string;
+    ref?: Ref<HTMLLabelElement>;
+}
+export declare const Label: {
+    ({ isInvalid, isRequired, tooltip, tooltipDescription, className, ...props }: LabelProps): import("react").JSX.Element;
+    displayName: string;
+};
+export {};
+//# sourceMappingURL=label.d.ts.map

package/dist/components/atoms/Input/components/label.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"label.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/Input/components/label.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,KAAK,EAAE,UAAU,IAAI,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAG1E,UAAU,UAAW,SAAQ,cAAc;IACzC,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,GAAG,CAAC,EAAE,GAAG,CAAC,gBAAgB,CAAC,CAAC;CAC7B;AAED,eAAO,MAAM,KAAK;kFAAiF,UAAU;;CAyC5G,CAAC"}

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

@@ -0,0 +1,26 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { HelpCircle } from '@flipdish/ui-icons';
+import { Tooltip, TooltipTrigger } from '@flipdish/ui-library/components/atoms/Tooltip';
+import { cx } from '@flipdish/ui-library/utilities/cx';
+import { Label as Label$1 } from 'react-aria-components';
+
+const Label = ({ isInvalid, isRequired, tooltip, tooltipDescription, className, ...props }) => {
+    return (jsxs(Label$1
+    // Used for conditionally hiding/showing the label element via CSS:
+    // <Input label="Visible only on mobile" className="lg:**:data-label:hidden" />
+    // or
+    // <Input label="Visible only on mobile" className="lg:label:hidden" />
+    , { "data-label": "true", ...props, className: cx('flex cursor-default items-center gap-0.5 text-sm font-medium text-secondary', className), children: [props.children, jsx("span", { className: cx('hidden text-brand-tertiary', isRequired && 'block', typeof isRequired === 'undefined' && 'group-required:block', isInvalid && 'text-error-primary', typeof isInvalid === 'undefined' && 'group-invalid:text-error-primary'), children: "*" }), tooltip && (jsx(Tooltip, { title: tooltip, description: tooltipDescription, placement: "top", children: jsx(TooltipTrigger
+                // `TooltipTrigger` inherits the disabled state from the parent form field
+                // but we don't that. We want the tooltip be enabled even if the parent
+                // field is disabled.
+                , { 
+                    // `TooltipTrigger` inherits the disabled state from the parent form field
+                    // but we don't that. We want the tooltip be enabled even if the parent
+                    // field is disabled.
+                    isDisabled: false, className: "cursor-pointer text-fg-quaternary transition duration-200 hover:text-fg-quaternary_hover focus:text-fg-quaternary_hover", children: jsx(HelpCircle, { className: "size-4" }) }) }))] }));
+};
+Label.displayName = 'Label';
+
+export { Label };
+//# sourceMappingURL=label.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"label.js","sources":["../../../../../src/components/atoms/Input/components/label.tsx"],"sourcesContent":[null],"names":["_jsxs","AriaLabel","_jsx"],"mappings":";;;;;;MAkBa,KAAK,GAAG,CAAC,EAAE,SAAS,EAAE,UAAU,EAAE,OAAO,EAAE,kBAAkB,EAAE,SAAS,EAAE,GAAG,KAAK,EAAc,KAAI;IAC/G,QACEA,KAACC;;;;;AAKY,MAAA,EAAA,YAAA,EAAA,MAAM,EAAA,GACb,KAAK,EACT,SAAS,EAAE,EAAE,CAAC,6EAA6E,EAAE,SAAS,CAAC,EAAA,QAAA,EAAA,CAEtG,KAAK,CAAC,QAAQ,EAEfC,GAAA,CAAA,MAAA,EAAA,EACE,SAAS,EAAE,EAAE,CACX,4BAA4B,EAC5B,UAAU,IAAI,OAAO,EACrB,OAAO,UAAU,KAAK,WAAW,IAAI,sBAAsB,EAE3D,SAAS,IAAI,oBAAoB,EACjC,OAAO,SAAS,KAAK,WAAW,IAAI,kCAAkC,CACvE,EAAA,QAAA,EAAA,GAAA,EAAA,CAGI,EAEN,OAAO,KACNA,GAAA,CAAC,OAAO,EAAA,EAAC,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,SAAS,EAAC,KAAK,EAAA,QAAA,EACvEA,IAAC;;;;;;;;AAIC,oBAAA,UAAU,EAAE,KAAK,EACjB,SAAS,EAAC,yHAAyH,YAEnIA,GAAA,CAAC,UAAU,IAAC,SAAS,EAAC,QAAQ,EAAA,CAAG,EAAA,CAClB,GACT,CACX,CAAA,EAAA,CACS;AAEhB;AAEA,KAAK,CAAC,WAAW,GAAG,OAAO;;;;"}

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

@@ -0,0 +1,78 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var uiIcons = require('@flipdish/ui-icons');
+var Tooltip = require('@flipdish/ui-library/components/atoms/Tooltip');
+var cx = require('@flipdish/ui-library/utilities/cx');
+var React = require('react');
+var reactAriaComponents = require('react-aria-components');
+var hintText = require('./components/hint-text.cjs');
+var label = require('./components/label.cjs');
+
+const InputBase = ({ ref, tooltip, shortcut, groupRef, size = 'md', isInvalid, isDisabled, isRequired, icon: Icon, placeholder, wrapperClassName, tooltipClassName, inputClassName, iconClassName, type = 'text', ...inputProps }) => {
+    const [isPasswordVisible, setIsPasswordVisible] = React.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 = React.useContext(TextFieldContext);
+    const inputSize = context?.size || size;
+    const sizes = cx.sortCx({
+        sm: {
+            root: cx.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.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.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 (jsxRuntime.jsxs(reactAriaComponents.Group, { isDisabled, isInvalid, ref: groupRef, className: ({ isFocusWithin, isDisabled, isInvalid }) => cx.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 && (jsxRuntime.jsx(Icon, { className: cx.cx('pointer-events-none absolute text-fg-quaternary', sizes[inputSize].iconLeading, context?.iconClassName, iconClassName) })), jsxRuntime.jsx(reactAriaComponents.Input, { ...inputProps, ref: ref, required: isRequired, type: type === 'password' && isPasswordVisible ? 'text' : type, placeholder: placeholder, className: cx.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' && (jsxRuntime.jsx(Tooltip.Tooltip, { title: tooltip, placement: "top", children: jsxRuntime.jsx(Tooltip.TooltipTrigger, { className: cx.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: jsxRuntime.jsx(uiIcons.HelpCircle, { className: "size-4 stroke-[2.25px]" }) }) })), type !== 'password' && (jsxRuntime.jsx(uiIcons.InfoCircle, { className: cx.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' && (jsxRuntime.jsx(reactAriaComponents.Button, { "aria-label": "Toggle password visibility", onClick: () => setIsPasswordVisible(!isPasswordVisible), className: cx.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 ? jsxRuntime.jsx(uiIcons.EyeOff, { className: "size-4 stroke-[2.25px]" }) : jsxRuntime.jsx(uiIcons.Eye, { className: "size-4 stroke-[2.25px]" }) })), shortcut && (jsxRuntime.jsx("div", { className: cx.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: jsxRuntime.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 = React.createContext({});
+const TextField = ({ className, size = 'md', inputClassName, wrapperClassName, iconClassName, tooltipClassName, ...props }) => {
+    return (jsxRuntime.jsx(TextFieldContext.Provider, { value: { inputClassName, wrapperClassName, iconClassName, tooltipClassName, size }, children: jsxRuntime.jsx(reactAriaComponents.TextField, { ...props, "data-input-wrapper": true, "data-input-size": size, className: (state) => cx.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: label$1, hint, shortcut, hideRequiredIndicator, className, ref, groupRef, tooltip, iconClassName, inputClassName, wrapperClassName, tooltipClassName, type = 'text', ...props }) => {
+    return (jsxRuntime.jsx(TextField, { "aria-label": !label$1 ? placeholder : undefined, ...props, size: size, className: className, children: ({ isRequired, isInvalid }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [label$1 && (jsxRuntime.jsx(label.Label, { isRequired: hideRequiredIndicator ? !hideRequiredIndicator : isRequired, isInvalid: isInvalid, children: label$1 })), jsxRuntime.jsx(InputBase, { ref,
+                    groupRef,
+                    size,
+                    placeholder,
+                    icon: Icon,
+                    shortcut,
+                    isInvalid,
+                    isRequired,
+                    iconClassName,
+                    inputClassName,
+                    wrapperClassName,
+                    tooltipClassName,
+                    tooltip,
+                    type }), hint && jsxRuntime.jsx(hintText.HintText, { isInvalid: isInvalid, children: hint })] })) }));
+};
+Input.displayName = 'Input';
+
+exports.HintText = hintText.HintText;
+exports.Label = label.Label;
+exports.Input = Input;
+exports.InputBase = InputBase;
+exports.TextField = TextField;
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../../src/components/atoms/Input/index.tsx"],"sourcesContent":[null],"names":["useState","useContext","sortCx","cx","_jsxs","AriaGroup","_jsx","AriaInput","Tooltip","TooltipTrigger","HelpCircle","InfoCircle","AriaButton","EyeOff","Eye","createContext","AriaTextField","label","_Fragment","Label","HintText"],"mappings":"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"}

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

@@ -0,0 +1,60 @@
+import { type ComponentType, type HTMLAttributes, type ReactNode, type Ref } from 'react';
+import type { InputProps as AriaInputProps, TextFieldProps as AriaTextFieldProps } from 'react-aria-components';
+export { HintText } from './components/hint-text';
+export { Label } from './components/label';
+export interface InputBaseProps extends Omit<AriaInputProps, 'size'> {
+    /** Tooltip message on hover. */
+    tooltip?: string;
+    /** Whether the input is invalid. */
+    isInvalid?: boolean;
+    /** Whether the input is disabled. */
+    isDisabled?: boolean;
+    /** Whether the input is required. */
+    isRequired?: boolean;
+    /**
+     * Input size.
+     * @default "sm"
+     */
+    size?: 'sm' | 'md' | 'lg';
+    /** Placeholder text. */
+    placeholder?: string;
+    /** Class name for the icon. */
+    iconClassName?: string;
+    /** Class name for the input. */
+    inputClassName?: string;
+    /** Class name for the input wrapper. */
+    wrapperClassName?: string;
+    /** Class name for the tooltip. */
+    tooltipClassName?: string;
+    /** Keyboard shortcut to display. */
+    shortcut?: string | boolean;
+    ref?: Ref<HTMLInputElement>;
+    groupRef?: Ref<HTMLDivElement>;
+    /** Icon component to display on the left side of the input. */
+    icon?: ComponentType<HTMLAttributes<HTMLOrSVGElement>>;
+}
+export declare const InputBase: {
+    ({ ref, tooltip, shortcut, groupRef, size, isInvalid, isDisabled, isRequired, icon: Icon, placeholder, wrapperClassName, tooltipClassName, inputClassName, iconClassName, type, ...inputProps }: InputBaseProps): import("react").JSX.Element;
+    displayName: string;
+};
+interface TextFieldContextProps extends Partial<Pick<InputBaseProps, 'size' | 'wrapperClassName' | 'inputClassName' | 'iconClassName' | 'tooltipClassName'>> {
+}
+export interface TextFieldProps extends AriaTextFieldProps, TextFieldContextProps {
+}
+export declare const TextField: {
+    ({ className, size, inputClassName, wrapperClassName, iconClassName, tooltipClassName, ...props }: TextFieldProps): import("react").JSX.Element;
+    displayName: string;
+};
+export interface InputProps extends AriaTextFieldProps, Pick<InputBaseProps, 'ref' | 'placeholder' | 'icon' | 'shortcut' | 'tooltip' | 'groupRef' | 'size' | 'wrapperClassName' | 'inputClassName' | 'iconClassName' | 'tooltipClassName'> {
+    /** Label text for the input */
+    label?: string;
+    /** Helper text displayed below the input */
+    hint?: ReactNode;
+    /** Whether to hide required indicator from label */
+    hideRequiredIndicator?: boolean;
+}
+export declare const Input: {
+    ({ size, placeholder, icon: Icon, label, hint, shortcut, hideRequiredIndicator, className, ref, groupRef, tooltip, iconClassName, inputClassName, wrapperClassName, tooltipClassName, type, ...props }: InputProps): import("react").JSX.Element;
+    displayName: string;
+};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Input/index.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,KAAK,aAAa,EAAiB,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,KAAK,GAAG,EAAwB,MAAM,OAAO,CAAC;AAC/H,OAAO,KAAK,EAAE,UAAU,IAAI,cAAc,EAAE,cAAc,IAAI,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAKhH,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAClD,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAE3C,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,cAAc,EAAE,MAAM,CAAC;IAClE,gCAAgC;IAChC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,oCAAoC;IACpC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,qCAAqC;IACrC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,qCAAqC;IACrC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,wBAAwB;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,+BAA+B;IAC/B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gCAAgC;IAChC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,wCAAwC;IACxC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,kCAAkC;IAClC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,oCAAoC;IACpC,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC5B,GAAG,CAAC,EAAE,GAAG,CAAC,gBAAgB,CAAC,CAAC;IAC5B,QAAQ,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;IAC/B,+DAA+D;IAC/D,IAAI,CAAC,EAAE,aAAa,CAAC,cAAc,CAAC,gBAAgB,CAAC,CAAC,CAAC;CACxD;AAED,eAAO,MAAM,SAAS;qMAiBnB,cAAc;;CA+IhB,CAAC;AAIF,UAAU,qBACR,SAAQ,OAAO,CAAC,IAAI,CAAC,cAAc,EAAE,MAAM,GAAG,kBAAkB,GAAG,gBAAgB,GAAG,eAAe,GAAG,kBAAkB,CAAC,CAAC;CAAG;AAIjI,MAAM,WAAW,cAAe,SAAQ,kBAAkB,EAAE,qBAAqB;CAAG;AAEpF,eAAO,MAAM,SAAS;uGAQnB,cAAc;;CAahB,CAAC;AAIF,MAAM,WAAW,UACf,SAAQ,kBAAkB,EACxB,IAAI,CACF,cAAc,EACZ,KAAK,GACL,aAAa,GACb,MAAM,GACN,UAAU,GACV,SAAS,GACT,UAAU,GACV,MAAM,GACN,kBAAkB,GAClB,gBAAgB,GAChB,eAAe,GACf,kBAAkB,CACrB;IACH,+BAA+B;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4CAA4C;IAC5C,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,oDAAoD;IACpD,qBAAqB,CAAC,EAAE,OAAO,CAAC;CACjC;AAED,eAAO,MAAM,KAAK;4MAkBf,UAAU;;CAmCZ,CAAC"}