@economic/taco 12.0.0 → 14.0.0-tanstack-virtual-update.0

package/dist/components/Actions/LinkButton/LinkButton.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"LinkButton.cjs","sources":["../../../../src/components/Actions/LinkButton/LinkButton.tsx"],"sourcesContent":["import cn from 'clsx';\nimport * as React from 'react';\n\nimport type { IconName } from '../../Icon/Icon';\nimport { Icon } from '../../Icon/Icon';\n\nimport type { ButtonSize, ButtonVariant } from './../utils';\nimport { SHARED_BUTTON_CLASSNAMES, sizeClasses, APPEARANCE_CLASSNAME, PADDING_CLASSNAME, setIconSizeClass } from './../utils';\n\n/**\n * LinkButton Text: string text (literals, template literals, i18n helpers that return `string`, string constants),\n * or a single React element—typically a component whose output is text-only.\n */\nexport type LinkButtonChildren = string | React.ReactElement;\n\ntype IconProps =\n    | {\n          /**\n           *  Which icon to display\n           *  This dynamic type causes the type extraction for props to fail\n           * */\n          icon: IconName;\n          /**\n           * Renders only the icon; children becomes the accessible label\n           * @default false\n           */\n          iconOnly?: boolean;\n      }\n    | {\n          icon?: never;\n          iconOnly?: never;\n      };\n\n/** Props specific to our Link component */\ntype LinkButtonBaseProps<T extends React.ElementType = 'a'> = {\n    /** Allows using a custom or framework-specific link component (e.g. Next.js or React Router) */\n    as?: T;\n    /**\n     * Set size to either sm, md or lg\n     * @default md\n     */\n    size?: ButtonSize;\n    /**\n     * Variant determines primary, secondary or tertiary use\n     * @default secondary\n     */\n    variant?: ButtonVariant;\n    /** The content of the Link */\n    children: LinkButtonChildren;\n};\n\n/**\n * LinkProps combines the base props with the props of the underlying element (via `as`).\n * This allows the component to accept props like `to` for React Router or `href` for native anchors.\n * Note: `className` and `style` are explicitly excluded.\n */\nexport type LinkButtonProps<T extends React.ElementType = 'a'> = LinkButtonBaseProps<T> &\n    IconProps &\n    Omit<React.ComponentPropsWithoutRef<T>, keyof LinkButtonBaseProps<T> | 'className' | 'style'>;\n\nfunction LinkButtonInner<T extends React.ElementType = 'a'>(\n    props: LinkButtonProps<T> & { ref?: React.Ref<unknown> },\n    ref: React.Ref<unknown>\n) {\n    // Destructure and discard className/style to prevent them from being applied at runtime\n    const {\n        as,\n        size = 'md',\n        variant = 'secondary',\n        children,\n        icon,\n        iconOnly,\n        className: _,\n        style: __,\n        ...otherProps\n    } = props as LinkButtonProps<T> & {\n        className?: string;\n        style?: React.CSSProperties;\n    };\n\n    const Component: React.ElementType = as || 'a';\n\n    /**\n     * Todo:\n     * - Find a clever way to pass 'regular' and 'end'\n     */\n    const btnClassName = cn(\n        SHARED_BUTTON_CLASSNAMES,\n        APPEARANCE_CLASSNAME.regular[variant],\n        !iconOnly && PADDING_CLASSNAME[icon ? 'end' : 'none'][size],\n        sizeClasses[size],\n        'no-underline',\n        { 'aspect-square p-0': iconOnly }\n    );\n\n    return (\n        <Component {...otherProps} className={btnClassName} data-taco=\"linkbutton\" ref={ref}>\n            <span data-taco=\"linkbutton-text\" className={cn({ 'sr-only': iconOnly && icon }, 'text-nowrap')}>\n                {children}\n            </span>\n            {icon ? (\n                <span data-taco=\"linkbutton-icon\" className=\"leading-none\">\n                    <Icon name={icon} className={cn(setIconSizeClass[size])} />\n                </span>\n            ) : null}\n        </Component>\n    );\n}\n\nexport const LinkButton = React.forwardRef(LinkButtonInner as React.ForwardRefRenderFunction<unknown, LinkButtonProps>) as <\n    T extends React.ElementType = 'a',\n>(\n    props: LinkButtonProps<T> & { ref?: React.Ref<unknown> }\n) => React.ReactElement | null;\n"],"names":["SHARED_BUTTON_CLASSNAMES","APPEARANCE_CLASSNAME","PADDING_CLASSNAME","sizeClasses","React","Icon","setIconSizeClass"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AA4DA,SAAS,gBACL,OACA,KACF;AAEE,QAAM;AAAA,IACF;AAAA,IACA,OAAO;AAAA,IACP,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX,OAAO;AAAA,IACP,GAAG;AAAA,EAAA,IACH;AAKJ,QAAM,YAA+B,MAAM;AAM3C,QAAM,eAAe;AAAA,IACjBA,MAAAA;AAAAA,IACAC,MAAAA,qBAAqB,QAAQ,OAAO;AAAA,IACpC,CAAC,YAAYC,MAAAA,kBAAkB,OAAO,QAAQ,MAAM,EAAE,IAAI;AAAA,IAC1DC,MAAAA,YAAY,IAAI;AAAA,IAChB;AAAA,IACA,EAAE,qBAAqB,SAAA;AAAA,EAAS;AAGpC,wDACK,WAAA,EAAW,GAAG,YAAY,WAAW,cAAc,aAAU,cAAa,IAAA,kDACtE,QAAA,EAAK,aAAU,mBAAkB,WAAW,GAAG,EAAE,WAAW,YAAY,QAAQ,aAAa,KACzF,QACL,GACC,OACGC,iCAAA,cAAC,QAAA,EAAK,aAAU,mBAAkB,WAAU,kBACxCA,iCAAA,cAACC,KAAAA,MAAA,EAAK,MAAM,MAAM,WAAW,GAAGC,MAAAA,iBAAiB,IAAI,CAAC,GAAG,CAC7D,IACA,IACR;AAER;AAEO,MAAM,aAAaF,iBAAM,WAAW,eAA2E;;"}
+{"version":3,"file":"LinkButton.cjs","sources":["../../../../src/components/Actions/LinkButton/LinkButton.tsx"],"sourcesContent":["import cn from 'clsx';\nimport * as React from 'react';\n\nimport type { IconName } from '@/components';\nimport { Icon } from '@/components';\n\nimport type { ButtonSize, ButtonVariant } from '../utils';\nimport { SHARED_BUTTON_CLASSNAMES, sizeClasses, APPEARANCE_CLASSNAME, PADDING_CLASSNAME, setIconSizeClass } from '../utils';\n\n/**\n * LinkButton Text: string text (literals, template literals, i18n helpers that return `string`, string constants),\n * or a single React element—typically a component whose output is text-only.\n */\nexport type LinkButtonChildren = string | React.ReactElement;\n\ntype IconProps =\n    | {\n          /**\n           *  Which icon to display\n           *  This dynamic type causes the type extraction for props to fail\n           * */\n          icon: IconName;\n          /**\n           * Renders only the icon; children becomes the accessible label\n           * @default false\n           */\n          iconOnly?: boolean;\n      }\n    | {\n          icon?: never;\n          iconOnly?: never;\n      };\n\n/** Props specific to our Link component */\ntype LinkButtonBaseProps<T extends React.ElementType = 'a'> = {\n    /** Allows using a custom or framework-specific link component (e.g. Next.js or React Router) */\n    as?: T;\n    /**\n     * Set size to either sm, md or lg\n     * @default md\n     */\n    size?: ButtonSize;\n    /**\n     * Variant determines primary, secondary or tertiary use\n     * @default secondary\n     */\n    variant?: ButtonVariant;\n    /** The content of the Link */\n    children: LinkButtonChildren;\n};\n\n/**\n * LinkProps combines the base props with the props of the underlying element (via `as`).\n * This allows the component to accept props like `to` for React Router or `href` for native anchors.\n * Note: `className` and `style` are explicitly excluded.\n */\nexport type LinkButtonProps<T extends React.ElementType = 'a'> = LinkButtonBaseProps<T> &\n    IconProps &\n    Omit<React.ComponentPropsWithoutRef<T>, keyof LinkButtonBaseProps<T> | 'className' | 'style'>;\n\nfunction LinkButtonInner<T extends React.ElementType = 'a'>(\n    props: LinkButtonProps<T> & { ref?: React.Ref<unknown> },\n    ref: React.Ref<unknown>\n) {\n    // Destructure and discard className/style to prevent them from being applied at runtime\n    const {\n        as,\n        size = 'md',\n        variant = 'secondary',\n        children,\n        icon,\n        iconOnly,\n        className: _,\n        style: __,\n        ...otherProps\n    } = props as LinkButtonProps<T> & {\n        className?: string;\n        style?: React.CSSProperties;\n    };\n\n    const Component: React.ElementType = as || 'a';\n\n    /**\n     * Todo:\n     * - Find a clever way to pass 'regular' and 'end'\n     */\n    const btnClassName = cn(\n        SHARED_BUTTON_CLASSNAMES,\n        APPEARANCE_CLASSNAME.regular[variant],\n        !iconOnly && PADDING_CLASSNAME[icon ? 'end' : 'none'][size],\n        sizeClasses[size],\n        'no-underline',\n        { 'aspect-square p-0': iconOnly }\n    );\n\n    return (\n        <Component {...otherProps} className={btnClassName} data-taco=\"linkbutton\" ref={ref}>\n            <span data-taco=\"linkbutton-text\" className={cn({ 'sr-only': iconOnly && icon }, 'text-nowrap')}>\n                {children}\n            </span>\n            {icon ? (\n                <span data-taco=\"linkbutton-icon\" className=\"leading-none\">\n                    <Icon name={icon} className={cn(setIconSizeClass[size])} />\n                </span>\n            ) : null}\n        </Component>\n    );\n}\n\nexport const LinkButton = React.forwardRef(LinkButtonInner as React.ForwardRefRenderFunction<unknown, LinkButtonProps>) as <\n    T extends React.ElementType = 'a',\n>(\n    props: LinkButtonProps<T> & { ref?: React.Ref<unknown> }\n) => React.ReactElement | null;\n"],"names":["SHARED_BUTTON_CLASSNAMES","APPEARANCE_CLASSNAME","PADDING_CLASSNAME","sizeClasses","React","Icon","setIconSizeClass"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AA4DA,SAAS,gBACL,OACA,KACF;AAEE,QAAM;AAAA,IACF;AAAA,IACA,OAAO;AAAA,IACP,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX,OAAO;AAAA,IACP,GAAG;AAAA,EAAA,IACH;AAKJ,QAAM,YAA+B,MAAM;AAM3C,QAAM,eAAe;AAAA,IACjBA,MAAAA;AAAAA,IACAC,MAAAA,qBAAqB,QAAQ,OAAO;AAAA,IACpC,CAAC,YAAYC,MAAAA,kBAAkB,OAAO,QAAQ,MAAM,EAAE,IAAI;AAAA,IAC1DC,MAAAA,YAAY,IAAI;AAAA,IAChB;AAAA,IACA,EAAE,qBAAqB,SAAA;AAAA,EAAS;AAGpC,wDACK,WAAA,EAAW,GAAG,YAAY,WAAW,cAAc,aAAU,cAAa,IAAA,kDACtE,QAAA,EAAK,aAAU,mBAAkB,WAAW,GAAG,EAAE,WAAW,YAAY,QAAQ,aAAa,KACzF,QACL,GACC,OACGC,iCAAA,cAAC,QAAA,EAAK,aAAU,mBAAkB,WAAU,kBACxCA,iCAAA,cAACC,KAAAA,MAAA,EAAK,MAAM,MAAM,WAAW,GAAGC,MAAAA,iBAAiB,IAAI,CAAC,GAAG,CAC7D,IACA,IACR;AAER;AAEO,MAAM,aAAaF,iBAAM,WAAW,eAA2E;;"}

package/dist/components/Actions/LinkButton/LinkButton.d.ts

@@ -1,5 +1,5 @@
-import { IconName } from '../../Icon/Icon';
-import { ButtonSize, ButtonVariant } from './../utils';
+import { IconName } from '../..';
+import { ButtonSize, ButtonVariant } from '../utils';
 import * as React from 'react';
 /**
  * LinkButton Text: string text (literals, template literals, i18n helpers that return `string`, string constants),

package/dist/components/Actions/LinkButton/LinkButton.js

@@ -1,7 +1,7 @@
 import cn from "clsx";
 import * as React from "react";
-import { Icon } from "../../Icon/Icon.js";
 import { SHARED_BUTTON_CLASSNAMES, APPEARANCE_CLASSNAME, PADDING_CLASSNAME, sizeClasses, setIconSizeClass } from "../utils.js";
+import { Icon } from "../../Icon/Icon.js";
 function LinkButtonInner(props, ref) {
   const {
     as,

package/dist/components/Actions/LinkButton/LinkButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"LinkButton.js","sources":["../../../../src/components/Actions/LinkButton/LinkButton.tsx"],"sourcesContent":["import cn from 'clsx';\nimport * as React from 'react';\n\nimport type { IconName } from '../../Icon/Icon';\nimport { Icon } from '../../Icon/Icon';\n\nimport type { ButtonSize, ButtonVariant } from './../utils';\nimport { SHARED_BUTTON_CLASSNAMES, sizeClasses, APPEARANCE_CLASSNAME, PADDING_CLASSNAME, setIconSizeClass } from './../utils';\n\n/**\n * LinkButton Text: string text (literals, template literals, i18n helpers that return `string`, string constants),\n * or a single React element—typically a component whose output is text-only.\n */\nexport type LinkButtonChildren = string | React.ReactElement;\n\ntype IconProps =\n    | {\n          /**\n           *  Which icon to display\n           *  This dynamic type causes the type extraction for props to fail\n           * */\n          icon: IconName;\n          /**\n           * Renders only the icon; children becomes the accessible label\n           * @default false\n           */\n          iconOnly?: boolean;\n      }\n    | {\n          icon?: never;\n          iconOnly?: never;\n      };\n\n/** Props specific to our Link component */\ntype LinkButtonBaseProps<T extends React.ElementType = 'a'> = {\n    /** Allows using a custom or framework-specific link component (e.g. Next.js or React Router) */\n    as?: T;\n    /**\n     * Set size to either sm, md or lg\n     * @default md\n     */\n    size?: ButtonSize;\n    /**\n     * Variant determines primary, secondary or tertiary use\n     * @default secondary\n     */\n    variant?: ButtonVariant;\n    /** The content of the Link */\n    children: LinkButtonChildren;\n};\n\n/**\n * LinkProps combines the base props with the props of the underlying element (via `as`).\n * This allows the component to accept props like `to` for React Router or `href` for native anchors.\n * Note: `className` and `style` are explicitly excluded.\n */\nexport type LinkButtonProps<T extends React.ElementType = 'a'> = LinkButtonBaseProps<T> &\n    IconProps &\n    Omit<React.ComponentPropsWithoutRef<T>, keyof LinkButtonBaseProps<T> | 'className' | 'style'>;\n\nfunction LinkButtonInner<T extends React.ElementType = 'a'>(\n    props: LinkButtonProps<T> & { ref?: React.Ref<unknown> },\n    ref: React.Ref<unknown>\n) {\n    // Destructure and discard className/style to prevent them from being applied at runtime\n    const {\n        as,\n        size = 'md',\n        variant = 'secondary',\n        children,\n        icon,\n        iconOnly,\n        className: _,\n        style: __,\n        ...otherProps\n    } = props as LinkButtonProps<T> & {\n        className?: string;\n        style?: React.CSSProperties;\n    };\n\n    const Component: React.ElementType = as || 'a';\n\n    /**\n     * Todo:\n     * - Find a clever way to pass 'regular' and 'end'\n     */\n    const btnClassName = cn(\n        SHARED_BUTTON_CLASSNAMES,\n        APPEARANCE_CLASSNAME.regular[variant],\n        !iconOnly && PADDING_CLASSNAME[icon ? 'end' : 'none'][size],\n        sizeClasses[size],\n        'no-underline',\n        { 'aspect-square p-0': iconOnly }\n    );\n\n    return (\n        <Component {...otherProps} className={btnClassName} data-taco=\"linkbutton\" ref={ref}>\n            <span data-taco=\"linkbutton-text\" className={cn({ 'sr-only': iconOnly && icon }, 'text-nowrap')}>\n                {children}\n            </span>\n            {icon ? (\n                <span data-taco=\"linkbutton-icon\" className=\"leading-none\">\n                    <Icon name={icon} className={cn(setIconSizeClass[size])} />\n                </span>\n            ) : null}\n        </Component>\n    );\n}\n\nexport const LinkButton = React.forwardRef(LinkButtonInner as React.ForwardRefRenderFunction<unknown, LinkButtonProps>) as <\n    T extends React.ElementType = 'a',\n>(\n    props: LinkButtonProps<T> & { ref?: React.Ref<unknown> }\n) => React.ReactElement | null;\n"],"names":[],"mappings":";;;;AA4DA,SAAS,gBACL,OACA,KACF;AAEE,QAAM;AAAA,IACF;AAAA,IACA,OAAO;AAAA,IACP,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX,OAAO;AAAA,IACP,GAAG;AAAA,EAAA,IACH;AAKJ,QAAM,YAA+B,MAAM;AAM3C,QAAM,eAAe;AAAA,IACjB;AAAA,IACA,qBAAqB,QAAQ,OAAO;AAAA,IACpC,CAAC,YAAY,kBAAkB,OAAO,QAAQ,MAAM,EAAE,IAAI;AAAA,IAC1D,YAAY,IAAI;AAAA,IAChB;AAAA,IACA,EAAE,qBAAqB,SAAA;AAAA,EAAS;AAGpC,6CACK,WAAA,EAAW,GAAG,YAAY,WAAW,cAAc,aAAU,cAAa,IAAA,uCACtE,QAAA,EAAK,aAAU,mBAAkB,WAAW,GAAG,EAAE,WAAW,YAAY,QAAQ,aAAa,KACzF,QACL,GACC,OACG,sBAAA,cAAC,QAAA,EAAK,aAAU,mBAAkB,WAAU,kBACxC,sBAAA,cAAC,MAAA,EAAK,MAAM,MAAM,WAAW,GAAG,iBAAiB,IAAI,CAAC,GAAG,CAC7D,IACA,IACR;AAER;AAEO,MAAM,aAAa,MAAM,WAAW,eAA2E;"}
+{"version":3,"file":"LinkButton.js","sources":["../../../../src/components/Actions/LinkButton/LinkButton.tsx"],"sourcesContent":["import cn from 'clsx';\nimport * as React from 'react';\n\nimport type { IconName } from '@/components';\nimport { Icon } from '@/components';\n\nimport type { ButtonSize, ButtonVariant } from '../utils';\nimport { SHARED_BUTTON_CLASSNAMES, sizeClasses, APPEARANCE_CLASSNAME, PADDING_CLASSNAME, setIconSizeClass } from '../utils';\n\n/**\n * LinkButton Text: string text (literals, template literals, i18n helpers that return `string`, string constants),\n * or a single React element—typically a component whose output is text-only.\n */\nexport type LinkButtonChildren = string | React.ReactElement;\n\ntype IconProps =\n    | {\n          /**\n           *  Which icon to display\n           *  This dynamic type causes the type extraction for props to fail\n           * */\n          icon: IconName;\n          /**\n           * Renders only the icon; children becomes the accessible label\n           * @default false\n           */\n          iconOnly?: boolean;\n      }\n    | {\n          icon?: never;\n          iconOnly?: never;\n      };\n\n/** Props specific to our Link component */\ntype LinkButtonBaseProps<T extends React.ElementType = 'a'> = {\n    /** Allows using a custom or framework-specific link component (e.g. Next.js or React Router) */\n    as?: T;\n    /**\n     * Set size to either sm, md or lg\n     * @default md\n     */\n    size?: ButtonSize;\n    /**\n     * Variant determines primary, secondary or tertiary use\n     * @default secondary\n     */\n    variant?: ButtonVariant;\n    /** The content of the Link */\n    children: LinkButtonChildren;\n};\n\n/**\n * LinkProps combines the base props with the props of the underlying element (via `as`).\n * This allows the component to accept props like `to` for React Router or `href` for native anchors.\n * Note: `className` and `style` are explicitly excluded.\n */\nexport type LinkButtonProps<T extends React.ElementType = 'a'> = LinkButtonBaseProps<T> &\n    IconProps &\n    Omit<React.ComponentPropsWithoutRef<T>, keyof LinkButtonBaseProps<T> | 'className' | 'style'>;\n\nfunction LinkButtonInner<T extends React.ElementType = 'a'>(\n    props: LinkButtonProps<T> & { ref?: React.Ref<unknown> },\n    ref: React.Ref<unknown>\n) {\n    // Destructure and discard className/style to prevent them from being applied at runtime\n    const {\n        as,\n        size = 'md',\n        variant = 'secondary',\n        children,\n        icon,\n        iconOnly,\n        className: _,\n        style: __,\n        ...otherProps\n    } = props as LinkButtonProps<T> & {\n        className?: string;\n        style?: React.CSSProperties;\n    };\n\n    const Component: React.ElementType = as || 'a';\n\n    /**\n     * Todo:\n     * - Find a clever way to pass 'regular' and 'end'\n     */\n    const btnClassName = cn(\n        SHARED_BUTTON_CLASSNAMES,\n        APPEARANCE_CLASSNAME.regular[variant],\n        !iconOnly && PADDING_CLASSNAME[icon ? 'end' : 'none'][size],\n        sizeClasses[size],\n        'no-underline',\n        { 'aspect-square p-0': iconOnly }\n    );\n\n    return (\n        <Component {...otherProps} className={btnClassName} data-taco=\"linkbutton\" ref={ref}>\n            <span data-taco=\"linkbutton-text\" className={cn({ 'sr-only': iconOnly && icon }, 'text-nowrap')}>\n                {children}\n            </span>\n            {icon ? (\n                <span data-taco=\"linkbutton-icon\" className=\"leading-none\">\n                    <Icon name={icon} className={cn(setIconSizeClass[size])} />\n                </span>\n            ) : null}\n        </Component>\n    );\n}\n\nexport const LinkButton = React.forwardRef(LinkButtonInner as React.ForwardRefRenderFunction<unknown, LinkButtonProps>) as <\n    T extends React.ElementType = 'a',\n>(\n    props: LinkButtonProps<T> & { ref?: React.Ref<unknown> }\n) => React.ReactElement | null;\n"],"names":[],"mappings":";;;;AA4DA,SAAS,gBACL,OACA,KACF;AAEE,QAAM;AAAA,IACF;AAAA,IACA,OAAO;AAAA,IACP,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX,OAAO;AAAA,IACP,GAAG;AAAA,EAAA,IACH;AAKJ,QAAM,YAA+B,MAAM;AAM3C,QAAM,eAAe;AAAA,IACjB;AAAA,IACA,qBAAqB,QAAQ,OAAO;AAAA,IACpC,CAAC,YAAY,kBAAkB,OAAO,QAAQ,MAAM,EAAE,IAAI;AAAA,IAC1D,YAAY,IAAI;AAAA,IAChB;AAAA,IACA,EAAE,qBAAqB,SAAA;AAAA,EAAS;AAGpC,6CACK,WAAA,EAAW,GAAG,YAAY,WAAW,cAAc,aAAU,cAAa,IAAA,uCACtE,QAAA,EAAK,aAAU,mBAAkB,WAAW,GAAG,EAAE,WAAW,YAAY,QAAQ,aAAa,KACzF,QACL,GACC,OACG,sBAAA,cAAC,QAAA,EAAK,aAAU,mBAAkB,WAAU,kBACxC,sBAAA,cAAC,MAAA,EAAK,MAAM,MAAM,WAAW,GAAG,iBAAiB,IAAI,CAAC,GAAG,CAC7D,IACA,IACR;AAER;AAEO,MAAM,aAAa,MAAM,WAAW,eAA2E;"}

package/dist/components/Alert/Alert.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Alert.cjs","sources":["../../../src/components/Alert/Alert.tsx"],"sourcesContent":["import cn from 'clsx';\nimport React from 'react';\n\nimport type { State } from '../../types';\nimport { COLOR_BY_STATE, SUBTLE_COLOR_SHADE_CLASSNAME } from '../../utils/tailwind';\nimport { BadgeIcon } from '../BadgeIcon/BadgeIcon';\nimport type { IconName } from '../Icon/Icon';\nimport { Icon } from '../Icon/Icon';\n\nexport type AlertProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'children' | 'title'> & {\n    children: React.ReactNode;\n    state?: State;\n    title?: string;\n    onClose?: () => void;\n};\n\nconst ICON_NAME_BY_STATE: Record<State, IconName> = {\n    information: 'info',\n    warning: 'warning',\n    error: 'close',\n    experiment: 'experiment',\n    success: 'tick',\n    default: 'question-mark',\n};\n\nexport const Alert = React.forwardRef(function Alert(props: AlertProps, ref: React.Ref<HTMLDivElement>) {\n    const { children, title, state = 'default', onClose } = props;\n    const color = COLOR_BY_STATE[state];\n\n    const className = cn(\n        'flex w-full flex-row items-start gap-2 rounded-lg border-transparent p-3',\n        SUBTLE_COLOR_SHADE_CLASSNAME[color],\n        props.className\n    );\n\n    return (\n        <div {...props} ref={ref} className={className} data-taco=\"alert\" role=\"alert\">\n            <BadgeIcon className=\"flex-none\" icon={ICON_NAME_BY_STATE[state]} color={color} />\n            <div className=\"grow text-sm\" data-taco=\"alert-content\">\n                {title && (\n                    <div className=\"font-bold\" data-taco=\"alert-title\">\n                        {title}\n                    </div>\n                )}\n                {children}\n            </div>\n            {onClose && <Icon className=\"flex-none cursor-pointer\" name=\"close\" onClick={onClose} data-testid=\"alert-close\" />}\n        </div>\n    );\n});\n"],"names":["Alert","COLOR_BY_STATE","SUBTLE_COLOR_SHADE_CLASSNAME","BadgeIcon","Icon"],"mappings":";;;;;;;AAgBA,MAAM,qBAA8C;AAAA,EAChD,aAAa;AAAA,EACb,SAAS;AAAA,EACT,OAAO;AAAA,EACP,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,SAAS;AACb;AAEO,MAAM,QAAQ,MAAM,WAAW,SAASA,OAAM,OAAmB,KAAgC;AACpG,QAAM,EAAE,UAAU,OAAO,QAAQ,WAAW,YAAY;AACxD,QAAM,QAAQC,SAAAA,eAAe,KAAK;AAElC,QAAM,YAAY;AAAA,IACd;AAAA,IACAC,SAAAA,6BAA6B,KAAK;AAAA,IAClC,MAAM;AAAA,EAAA;AAGV,SACI,sBAAA,cAAC,SAAK,GAAG,OAAO,KAAU,WAAsB,aAAU,SAAQ,MAAK,QAAA,GACnE,sBAAA,cAACC,UAAAA,aAAU,WAAU,aAAY,MAAM,mBAAmB,KAAK,GAAG,MAAA,CAAc,GAChF,sBAAA,cAAC,OAAA,EAAI,WAAU,gBAAe,aAAU,gBAAA,GACnC,6CACI,OAAA,EAAI,WAAU,aAAY,aAAU,cAAA,GAChC,KACL,GAEH,QACL,GACC,WAAW,sBAAA,cAACC,WAAA,EAAK,WAAU,4BAA2B,MAAK,SAAQ,SAAS,SAAS,eAAY,cAAA,CAAc,CACpH;AAER,CAAC;;"}
+{"version":3,"file":"Alert.cjs","sources":["../../../src/components/Alert/Alert.tsx"],"sourcesContent":["import cn from 'clsx';\nimport React from 'react';\n\nimport type { IconName } from '@/components';\nimport { BadgeIcon, Icon } from '@/components';\nimport type { State } from '@/types';\nimport { COLOR_BY_STATE, SUBTLE_COLOR_SHADE_CLASSNAME } from '@/utils/tailwind';\n\nexport type AlertProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'children' | 'title'> & {\n    children: React.ReactNode;\n    state?: State;\n    title?: string;\n    onClose?: () => void;\n};\n\nconst ICON_NAME_BY_STATE: Record<State, IconName> = {\n    information: 'info',\n    warning: 'warning',\n    error: 'close',\n    experiment: 'experiment',\n    success: 'tick',\n    default: 'question-mark',\n};\n\nexport const Alert = React.forwardRef(function Alert(props: AlertProps, ref: React.Ref<HTMLDivElement>) {\n    const { children, title, state = 'default', onClose } = props;\n    const color = COLOR_BY_STATE[state];\n\n    const className = cn(\n        'flex w-full flex-row items-start gap-2 rounded-lg border-transparent p-3',\n        SUBTLE_COLOR_SHADE_CLASSNAME[color],\n        props.className\n    );\n\n    return (\n        <div {...props} ref={ref} className={className} data-taco=\"alert\" role=\"alert\">\n            <BadgeIcon className=\"flex-none\" icon={ICON_NAME_BY_STATE[state]} color={color} />\n            <div className=\"grow text-sm\" data-taco=\"alert-content\">\n                {title && (\n                    <div className=\"font-bold\" data-taco=\"alert-title\">\n                        {title}\n                    </div>\n                )}\n                {children}\n            </div>\n            {onClose && <Icon className=\"flex-none cursor-pointer\" name=\"close\" onClick={onClose} data-testid=\"alert-close\" />}\n        </div>\n    );\n});\n"],"names":["Alert","COLOR_BY_STATE","SUBTLE_COLOR_SHADE_CLASSNAME","BadgeIcon","Icon"],"mappings":";;;;;;;AAeA,MAAM,qBAA8C;AAAA,EAChD,aAAa;AAAA,EACb,SAAS;AAAA,EACT,OAAO;AAAA,EACP,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,SAAS;AACb;AAEO,MAAM,QAAQ,MAAM,WAAW,SAASA,OAAM,OAAmB,KAAgC;AACpG,QAAM,EAAE,UAAU,OAAO,QAAQ,WAAW,YAAY;AACxD,QAAM,QAAQC,SAAAA,eAAe,KAAK;AAElC,QAAM,YAAY;AAAA,IACd;AAAA,IACAC,SAAAA,6BAA6B,KAAK;AAAA,IAClC,MAAM;AAAA,EAAA;AAGV,SACI,sBAAA,cAAC,SAAK,GAAG,OAAO,KAAU,WAAsB,aAAU,SAAQ,MAAK,QAAA,GACnE,sBAAA,cAACC,UAAAA,aAAU,WAAU,aAAY,MAAM,mBAAmB,KAAK,GAAG,MAAA,CAAc,GAChF,sBAAA,cAAC,OAAA,EAAI,WAAU,gBAAe,aAAU,gBAAA,GACnC,6CACI,OAAA,EAAI,WAAU,aAAY,aAAU,cAAA,GAChC,KACL,GAEH,QACL,GACC,WAAW,sBAAA,cAACC,WAAA,EAAK,WAAU,4BAA2B,MAAK,SAAQ,SAAS,SAAS,eAAY,cAAA,CAAc,CACpH;AAER,CAAC;;"}

package/dist/components/Alert/Alert.js.map

@@ -1 +1 @@
-{"version":3,"file":"Alert.js","sources":["../../../src/components/Alert/Alert.tsx"],"sourcesContent":["import cn from 'clsx';\nimport React from 'react';\n\nimport type { State } from '../../types';\nimport { COLOR_BY_STATE, SUBTLE_COLOR_SHADE_CLASSNAME } from '../../utils/tailwind';\nimport { BadgeIcon } from '../BadgeIcon/BadgeIcon';\nimport type { IconName } from '../Icon/Icon';\nimport { Icon } from '../Icon/Icon';\n\nexport type AlertProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'children' | 'title'> & {\n    children: React.ReactNode;\n    state?: State;\n    title?: string;\n    onClose?: () => void;\n};\n\nconst ICON_NAME_BY_STATE: Record<State, IconName> = {\n    information: 'info',\n    warning: 'warning',\n    error: 'close',\n    experiment: 'experiment',\n    success: 'tick',\n    default: 'question-mark',\n};\n\nexport const Alert = React.forwardRef(function Alert(props: AlertProps, ref: React.Ref<HTMLDivElement>) {\n    const { children, title, state = 'default', onClose } = props;\n    const color = COLOR_BY_STATE[state];\n\n    const className = cn(\n        'flex w-full flex-row items-start gap-2 rounded-lg border-transparent p-3',\n        SUBTLE_COLOR_SHADE_CLASSNAME[color],\n        props.className\n    );\n\n    return (\n        <div {...props} ref={ref} className={className} data-taco=\"alert\" role=\"alert\">\n            <BadgeIcon className=\"flex-none\" icon={ICON_NAME_BY_STATE[state]} color={color} />\n            <div className=\"grow text-sm\" data-taco=\"alert-content\">\n                {title && (\n                    <div className=\"font-bold\" data-taco=\"alert-title\">\n                        {title}\n                    </div>\n                )}\n                {children}\n            </div>\n            {onClose && <Icon className=\"flex-none cursor-pointer\" name=\"close\" onClick={onClose} data-testid=\"alert-close\" />}\n        </div>\n    );\n});\n"],"names":["React","Alert"],"mappings":";;;;;AAgBA,MAAM,qBAA8C;AAAA,EAChD,aAAa;AAAA,EACb,SAAS;AAAA,EACT,OAAO;AAAA,EACP,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,SAAS;AACb;AAEO,MAAM,QAAQA,eAAM,WAAW,SAASC,OAAM,OAAmB,KAAgC;AACpG,QAAM,EAAE,UAAU,OAAO,QAAQ,WAAW,YAAY;AACxD,QAAM,QAAQ,eAAe,KAAK;AAElC,QAAM,YAAY;AAAA,IACd;AAAA,IACA,6BAA6B,KAAK;AAAA,IAClC,MAAM;AAAA,EAAA;AAGV,SACID,+BAAA,cAAC,SAAK,GAAG,OAAO,KAAU,WAAsB,aAAU,SAAQ,MAAK,QAAA,GACnEA,+BAAA,cAAC,aAAU,WAAU,aAAY,MAAM,mBAAmB,KAAK,GAAG,MAAA,CAAc,GAChFA,+BAAA,cAAC,OAAA,EAAI,WAAU,gBAAe,aAAU,gBAAA,GACnC,sDACI,OAAA,EAAI,WAAU,aAAY,aAAU,cAAA,GAChC,KACL,GAEH,QACL,GACC,WAAWA,+BAAA,cAAC,MAAA,EAAK,WAAU,4BAA2B,MAAK,SAAQ,SAAS,SAAS,eAAY,cAAA,CAAc,CACpH;AAER,CAAC;"}
+{"version":3,"file":"Alert.js","sources":["../../../src/components/Alert/Alert.tsx"],"sourcesContent":["import cn from 'clsx';\nimport React from 'react';\n\nimport type { IconName } from '@/components';\nimport { BadgeIcon, Icon } from '@/components';\nimport type { State } from '@/types';\nimport { COLOR_BY_STATE, SUBTLE_COLOR_SHADE_CLASSNAME } from '@/utils/tailwind';\n\nexport type AlertProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'children' | 'title'> & {\n    children: React.ReactNode;\n    state?: State;\n    title?: string;\n    onClose?: () => void;\n};\n\nconst ICON_NAME_BY_STATE: Record<State, IconName> = {\n    information: 'info',\n    warning: 'warning',\n    error: 'close',\n    experiment: 'experiment',\n    success: 'tick',\n    default: 'question-mark',\n};\n\nexport const Alert = React.forwardRef(function Alert(props: AlertProps, ref: React.Ref<HTMLDivElement>) {\n    const { children, title, state = 'default', onClose } = props;\n    const color = COLOR_BY_STATE[state];\n\n    const className = cn(\n        'flex w-full flex-row items-start gap-2 rounded-lg border-transparent p-3',\n        SUBTLE_COLOR_SHADE_CLASSNAME[color],\n        props.className\n    );\n\n    return (\n        <div {...props} ref={ref} className={className} data-taco=\"alert\" role=\"alert\">\n            <BadgeIcon className=\"flex-none\" icon={ICON_NAME_BY_STATE[state]} color={color} />\n            <div className=\"grow text-sm\" data-taco=\"alert-content\">\n                {title && (\n                    <div className=\"font-bold\" data-taco=\"alert-title\">\n                        {title}\n                    </div>\n                )}\n                {children}\n            </div>\n            {onClose && <Icon className=\"flex-none cursor-pointer\" name=\"close\" onClick={onClose} data-testid=\"alert-close\" />}\n        </div>\n    );\n});\n"],"names":["React","Alert"],"mappings":";;;;;AAeA,MAAM,qBAA8C;AAAA,EAChD,aAAa;AAAA,EACb,SAAS;AAAA,EACT,OAAO;AAAA,EACP,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,SAAS;AACb;AAEO,MAAM,QAAQA,eAAM,WAAW,SAASC,OAAM,OAAmB,KAAgC;AACpG,QAAM,EAAE,UAAU,OAAO,QAAQ,WAAW,YAAY;AACxD,QAAM,QAAQ,eAAe,KAAK;AAElC,QAAM,YAAY;AAAA,IACd;AAAA,IACA,6BAA6B,KAAK;AAAA,IAClC,MAAM;AAAA,EAAA;AAGV,SACID,+BAAA,cAAC,SAAK,GAAG,OAAO,KAAU,WAAsB,aAAU,SAAQ,MAAK,QAAA,GACnEA,+BAAA,cAAC,aAAU,WAAU,aAAY,MAAM,mBAAmB,KAAK,GAAG,MAAA,CAAc,GAChFA,+BAAA,cAAC,OAAA,EAAI,WAAU,gBAAe,aAAU,gBAAA,GACnC,sDACI,OAAA,EAAI,WAAU,aAAY,aAAU,cAAA,GAChC,KACL,GAEH,QACL,GACC,WAAWA,+BAAA,cAAC,MAAA,EAAK,WAAU,4BAA2B,MAAK,SAAQ,SAAS,SAAS,eAAY,cAAA,CAAc,CACpH;AAER,CAAC;"}

package/dist/components/AlertDialog/components/Content.cjs

@@ -3,10 +3,10 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const alertDialog = require("@base-ui/react/alert-dialog");
 const cn = require("clsx");
 const React = require("react");
-const Backdrop = require("../../Backdrop/Backdrop.cjs");
-const BadgeIcon = require("../../BadgeIcon/BadgeIcon.cjs");
 const util = require("../../Dialog/util.cjs");
 const Context = require("../Context.cjs");
+const Backdrop = require("../../Backdrop/Backdrop.cjs");
+const BadgeIcon = require("../../BadgeIcon/BadgeIcon.cjs");
 function _interopNamespaceDefault(e) {
   const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
   if (e) {

package/dist/components/AlertDialog/components/Content.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Content.cjs","sources":["../../../../src/components/AlertDialog/components/Content.tsx"],"sourcesContent":["import { AlertDialog as AlertDialogPrimitive } from '@base-ui/react/alert-dialog';\nimport cn from 'clsx';\nimport * as React from 'react';\n\nimport type { Color } from '../../../types';\nimport { Backdrop } from '../../Backdrop/Backdrop';\nimport { BadgeIcon } from '../../BadgeIcon/BadgeIcon';\nimport { DIALOG_POSITION_CLASSNAMES, DIALOG_SIZE_CLASSNAME, DIALOG_STYLING_CLASSNAMES } from '../../Dialog/util';\nimport type { IconName } from '../../Icon/components';\nimport { useCurrentAlertDialog } from '../Context';\n\nconst ICON_PROPS_BY_VARIANT: Record<'information' | 'error' | 'warning', { color: Color; icon: IconName }> = {\n    information: {\n        color: 'blue',\n        icon: 'info',\n    },\n    error: {\n        color: 'red',\n        icon: 'close',\n    },\n    warning: {\n        color: 'yellow',\n        icon: 'warning',\n    },\n};\n\nexport type AlertDialogTitleProps = React.HTMLAttributes<HTMLHeadingElement>;\nexport const Title = React.forwardRef(function AlertDialogTitle(\n    props: AlertDialogTitleProps,\n    ref: React.Ref<HTMLHeadingElement>\n) {\n    const { props: parentProps } = useCurrentAlertDialog();\n\n    const iconProps = parentProps.variant\n        ? ICON_PROPS_BY_VARIANT[parentProps.variant as keyof typeof ICON_PROPS_BY_VARIANT]\n        : undefined;\n    return (\n        <AlertDialogPrimitive.Title {...props} className={cn('flex items-center', props.className)} ref={ref}>\n            {iconProps ? <BadgeIcon {...iconProps} className=\"mr-2\" /> : undefined}\n            {props.children}\n        </AlertDialogPrimitive.Title>\n    );\n});\n\nexport type AlertDialogDescriptionProps = React.HTMLAttributes<HTMLParagraphElement>;\nexport const Description = React.forwardRef(function AlertDialogDescription(\n    props: AlertDialogDescriptionProps,\n    ref: React.Ref<HTMLParagraphElement>\n) {\n    return <AlertDialogPrimitive.Description ref={ref} className={props.className} {...props} />;\n});\n\nexport type AlertDialogContentProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> & {\n    /** An accessible label to be announced when the dialog is opened */\n    'aria-label': string;\n    children: React.ReactNode;\n};\nexport const Content = React.forwardRef(function AlertDialogContent(\n    props: AlertDialogContentProps,\n    ref: React.Ref<HTMLDivElement>\n) {\n    const className = cn('p-6', DIALOG_POSITION_CLASSNAMES, DIALOG_STYLING_CLASSNAMES, DIALOG_SIZE_CLASSNAME.dialog);\n\n    return (\n        <AlertDialogPrimitive.Portal>\n            <Backdrop>\n                <AlertDialogPrimitive.Popup {...props} ref={ref} className={className}>\n                    {props.children}\n                </AlertDialogPrimitive.Popup>\n            </Backdrop>\n        </AlertDialogPrimitive.Portal>\n    );\n});\n"],"names":["React","useCurrentAlertDialog","AlertDialogPrimitive","BadgeIcon","DIALOG_POSITION_CLASSNAMES","DIALOG_STYLING_CLASSNAMES","DIALOG_SIZE_CLASSNAME","Backdrop"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAWA,MAAM,wBAAuG;AAAA,EACzG,aAAa;AAAA,IACT,OAAO;AAAA,IACP,MAAM;AAAA,EAAA;AAAA,EAEV,OAAO;AAAA,IACH,OAAO;AAAA,IACP,MAAM;AAAA,EAAA;AAAA,EAEV,SAAS;AAAA,IACL,OAAO;AAAA,IACP,MAAM;AAAA,EAAA;AAEd;AAGO,MAAM,QAAQA,iBAAM,WAAW,SAAS,iBAC3C,OACA,KACF;AACE,QAAM,EAAE,OAAO,YAAA,IAAgBC,8BAAA;AAE/B,QAAM,YAAY,YAAY,UACxB,sBAAsB,YAAY,OAA6C,IAC/E;AACN,SACID,iCAAA,cAACE,YAAAA,YAAqB,OAArB,EAA4B,GAAG,OAAO,WAAW,GAAG,qBAAqB,MAAM,SAAS,GAAG,OACvF,YAAYF,iCAAA,cAACG,UAAAA,WAAA,EAAW,GAAG,WAAW,WAAU,OAAA,CAAO,IAAK,QAC5D,MAAM,QACX;AAER,CAAC;AAGM,MAAM,cAAcH,iBAAM,WAAW,SAAS,uBACjD,OACA,KACF;AACE,SAAOA,iCAAA,cAACE,YAAAA,YAAqB,aAArB,EAAiC,KAAU,WAAW,MAAM,WAAY,GAAG,MAAA,CAAO;AAC9F,CAAC;AAOM,MAAM,UAAUF,iBAAM,WAAW,SAAS,mBAC7C,OACA,KACF;AACE,QAAM,YAAY,GAAG,OAAOI,KAAAA,4BAA4BC,KAAAA,2BAA2BC,KAAAA,sBAAsB,MAAM;AAE/G,wDACKJ,YAAAA,YAAqB,QAArB,MACGF,iCAAA,cAACO,SAAAA,gBACGP,iCAAA,cAACE,YAAAA,YAAqB,OAArB,EAA4B,GAAG,OAAO,KAAU,aAC5C,MAAM,QACX,CACJ,CACJ;AAER,CAAC;;;;"}
+{"version":3,"file":"Content.cjs","sources":["../../../../src/components/AlertDialog/components/Content.tsx"],"sourcesContent":["import { AlertDialog as AlertDialogPrimitive } from '@base-ui/react/alert-dialog';\nimport cn from 'clsx';\nimport * as React from 'react';\n\nimport type { IconName } from '@/components';\nimport { Backdrop, BadgeIcon } from '@/components';\nimport { DIALOG_POSITION_CLASSNAMES, DIALOG_SIZE_CLASSNAME, DIALOG_STYLING_CLASSNAMES } from '@/components/Dialog/util';\nimport type { Color } from '@/types';\n\nimport { useCurrentAlertDialog } from '../Context';\n\nconst ICON_PROPS_BY_VARIANT: Record<'information' | 'error' | 'warning', { color: Color; icon: IconName }> = {\n    information: {\n        color: 'blue',\n        icon: 'info',\n    },\n    error: {\n        color: 'red',\n        icon: 'close',\n    },\n    warning: {\n        color: 'yellow',\n        icon: 'warning',\n    },\n};\n\nexport type AlertDialogTitleProps = React.HTMLAttributes<HTMLHeadingElement>;\nexport const Title = React.forwardRef(function AlertDialogTitle(\n    props: AlertDialogTitleProps,\n    ref: React.Ref<HTMLHeadingElement>\n) {\n    const { props: parentProps } = useCurrentAlertDialog();\n\n    const iconProps = parentProps.variant\n        ? ICON_PROPS_BY_VARIANT[parentProps.variant as keyof typeof ICON_PROPS_BY_VARIANT]\n        : undefined;\n    return (\n        <AlertDialogPrimitive.Title {...props} className={cn('flex items-center', props.className)} ref={ref}>\n            {iconProps ? <BadgeIcon {...iconProps} className=\"mr-2\" /> : undefined}\n            {props.children}\n        </AlertDialogPrimitive.Title>\n    );\n});\n\nexport type AlertDialogDescriptionProps = React.HTMLAttributes<HTMLParagraphElement>;\nexport const Description = React.forwardRef(function AlertDialogDescription(\n    props: AlertDialogDescriptionProps,\n    ref: React.Ref<HTMLParagraphElement>\n) {\n    return <AlertDialogPrimitive.Description ref={ref} className={props.className} {...props} />;\n});\n\nexport type AlertDialogContentProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> & {\n    /** An accessible label to be announced when the dialog is opened */\n    'aria-label': string;\n    children: React.ReactNode;\n};\nexport const Content = React.forwardRef(function AlertDialogContent(\n    props: AlertDialogContentProps,\n    ref: React.Ref<HTMLDivElement>\n) {\n    const className = cn('p-6', DIALOG_POSITION_CLASSNAMES, DIALOG_STYLING_CLASSNAMES, DIALOG_SIZE_CLASSNAME.dialog);\n\n    return (\n        <AlertDialogPrimitive.Portal>\n            <Backdrop>\n                <AlertDialogPrimitive.Popup {...props} ref={ref} className={className}>\n                    {props.children}\n                </AlertDialogPrimitive.Popup>\n            </Backdrop>\n        </AlertDialogPrimitive.Portal>\n    );\n});\n"],"names":["React","useCurrentAlertDialog","AlertDialogPrimitive","BadgeIcon","DIALOG_POSITION_CLASSNAMES","DIALOG_STYLING_CLASSNAMES","DIALOG_SIZE_CLASSNAME","Backdrop"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAWA,MAAM,wBAAuG;AAAA,EACzG,aAAa;AAAA,IACT,OAAO;AAAA,IACP,MAAM;AAAA,EAAA;AAAA,EAEV,OAAO;AAAA,IACH,OAAO;AAAA,IACP,MAAM;AAAA,EAAA;AAAA,EAEV,SAAS;AAAA,IACL,OAAO;AAAA,IACP,MAAM;AAAA,EAAA;AAEd;AAGO,MAAM,QAAQA,iBAAM,WAAW,SAAS,iBAC3C,OACA,KACF;AACE,QAAM,EAAE,OAAO,YAAA,IAAgBC,8BAAA;AAE/B,QAAM,YAAY,YAAY,UACxB,sBAAsB,YAAY,OAA6C,IAC/E;AACN,SACID,iCAAA,cAACE,YAAAA,YAAqB,OAArB,EAA4B,GAAG,OAAO,WAAW,GAAG,qBAAqB,MAAM,SAAS,GAAG,OACvF,YAAYF,iCAAA,cAACG,UAAAA,WAAA,EAAW,GAAG,WAAW,WAAU,OAAA,CAAO,IAAK,QAC5D,MAAM,QACX;AAER,CAAC;AAGM,MAAM,cAAcH,iBAAM,WAAW,SAAS,uBACjD,OACA,KACF;AACE,SAAOA,iCAAA,cAACE,YAAAA,YAAqB,aAArB,EAAiC,KAAU,WAAW,MAAM,WAAY,GAAG,MAAA,CAAO;AAC9F,CAAC;AAOM,MAAM,UAAUF,iBAAM,WAAW,SAAS,mBAC7C,OACA,KACF;AACE,QAAM,YAAY,GAAG,OAAOI,KAAAA,4BAA4BC,KAAAA,2BAA2BC,KAAAA,sBAAsB,MAAM;AAE/G,wDACKJ,YAAAA,YAAqB,QAArB,MACGF,iCAAA,cAACO,SAAAA,gBACGP,iCAAA,cAACE,YAAAA,YAAqB,OAArB,EAA4B,GAAG,OAAO,KAAU,aAC5C,MAAM,QACX,CACJ,CACJ;AAER,CAAC;;;;"}

package/dist/components/AlertDialog/components/Content.js

@@ -1,10 +1,10 @@
 import { AlertDialog } from "@base-ui/react/alert-dialog";
 import cn from "clsx";
 import * as React from "react";
-import { Backdrop } from "../../Backdrop/Backdrop.js";
-import { BadgeIcon } from "../../BadgeIcon/BadgeIcon.js";
 import { DIALOG_POSITION_CLASSNAMES, DIALOG_STYLING_CLASSNAMES, DIALOG_SIZE_CLASSNAME } from "../../Dialog/util.js";
 import { useCurrentAlertDialog } from "../Context.js";
+import { Backdrop } from "../../Backdrop/Backdrop.js";
+import { BadgeIcon } from "../../BadgeIcon/BadgeIcon.js";
 const ICON_PROPS_BY_VARIANT = {
   information: {
     color: "blue",

package/dist/components/AlertDialog/components/Content.js.map

@@ -1 +1 @@
-{"version":3,"file":"Content.js","sources":["../../../../src/components/AlertDialog/components/Content.tsx"],"sourcesContent":["import { AlertDialog as AlertDialogPrimitive } from '@base-ui/react/alert-dialog';\nimport cn from 'clsx';\nimport * as React from 'react';\n\nimport type { Color } from '../../../types';\nimport { Backdrop } from '../../Backdrop/Backdrop';\nimport { BadgeIcon } from '../../BadgeIcon/BadgeIcon';\nimport { DIALOG_POSITION_CLASSNAMES, DIALOG_SIZE_CLASSNAME, DIALOG_STYLING_CLASSNAMES } from '../../Dialog/util';\nimport type { IconName } from '../../Icon/components';\nimport { useCurrentAlertDialog } from '../Context';\n\nconst ICON_PROPS_BY_VARIANT: Record<'information' | 'error' | 'warning', { color: Color; icon: IconName }> = {\n    information: {\n        color: 'blue',\n        icon: 'info',\n    },\n    error: {\n        color: 'red',\n        icon: 'close',\n    },\n    warning: {\n        color: 'yellow',\n        icon: 'warning',\n    },\n};\n\nexport type AlertDialogTitleProps = React.HTMLAttributes<HTMLHeadingElement>;\nexport const Title = React.forwardRef(function AlertDialogTitle(\n    props: AlertDialogTitleProps,\n    ref: React.Ref<HTMLHeadingElement>\n) {\n    const { props: parentProps } = useCurrentAlertDialog();\n\n    const iconProps = parentProps.variant\n        ? ICON_PROPS_BY_VARIANT[parentProps.variant as keyof typeof ICON_PROPS_BY_VARIANT]\n        : undefined;\n    return (\n        <AlertDialogPrimitive.Title {...props} className={cn('flex items-center', props.className)} ref={ref}>\n            {iconProps ? <BadgeIcon {...iconProps} className=\"mr-2\" /> : undefined}\n            {props.children}\n        </AlertDialogPrimitive.Title>\n    );\n});\n\nexport type AlertDialogDescriptionProps = React.HTMLAttributes<HTMLParagraphElement>;\nexport const Description = React.forwardRef(function AlertDialogDescription(\n    props: AlertDialogDescriptionProps,\n    ref: React.Ref<HTMLParagraphElement>\n) {\n    return <AlertDialogPrimitive.Description ref={ref} className={props.className} {...props} />;\n});\n\nexport type AlertDialogContentProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> & {\n    /** An accessible label to be announced when the dialog is opened */\n    'aria-label': string;\n    children: React.ReactNode;\n};\nexport const Content = React.forwardRef(function AlertDialogContent(\n    props: AlertDialogContentProps,\n    ref: React.Ref<HTMLDivElement>\n) {\n    const className = cn('p-6', DIALOG_POSITION_CLASSNAMES, DIALOG_STYLING_CLASSNAMES, DIALOG_SIZE_CLASSNAME.dialog);\n\n    return (\n        <AlertDialogPrimitive.Portal>\n            <Backdrop>\n                <AlertDialogPrimitive.Popup {...props} ref={ref} className={className}>\n                    {props.children}\n                </AlertDialogPrimitive.Popup>\n            </Backdrop>\n        </AlertDialogPrimitive.Portal>\n    );\n});\n"],"names":["AlertDialogPrimitive"],"mappings":";;;;;;;AAWA,MAAM,wBAAuG;AAAA,EACzG,aAAa;AAAA,IACT,OAAO;AAAA,IACP,MAAM;AAAA,EAAA;AAAA,EAEV,OAAO;AAAA,IACH,OAAO;AAAA,IACP,MAAM;AAAA,EAAA;AAAA,EAEV,SAAS;AAAA,IACL,OAAO;AAAA,IACP,MAAM;AAAA,EAAA;AAEd;AAGO,MAAM,QAAQ,MAAM,WAAW,SAAS,iBAC3C,OACA,KACF;AACE,QAAM,EAAE,OAAO,YAAA,IAAgB,sBAAA;AAE/B,QAAM,YAAY,YAAY,UACxB,sBAAsB,YAAY,OAA6C,IAC/E;AACN,SACI,sBAAA,cAACA,YAAqB,OAArB,EAA4B,GAAG,OAAO,WAAW,GAAG,qBAAqB,MAAM,SAAS,GAAG,OACvF,YAAY,sBAAA,cAAC,WAAA,EAAW,GAAG,WAAW,WAAU,OAAA,CAAO,IAAK,QAC5D,MAAM,QACX;AAER,CAAC;AAGM,MAAM,cAAc,MAAM,WAAW,SAAS,uBACjD,OACA,KACF;AACE,SAAO,sBAAA,cAACA,YAAqB,aAArB,EAAiC,KAAU,WAAW,MAAM,WAAY,GAAG,MAAA,CAAO;AAC9F,CAAC;AAOM,MAAM,UAAU,MAAM,WAAW,SAAS,mBAC7C,OACA,KACF;AACE,QAAM,YAAY,GAAG,OAAO,4BAA4B,2BAA2B,sBAAsB,MAAM;AAE/G,6CACKA,YAAqB,QAArB,MACG,sBAAA,cAAC,gBACG,sBAAA,cAACA,YAAqB,OAArB,EAA4B,GAAG,OAAO,KAAU,aAC5C,MAAM,QACX,CACJ,CACJ;AAER,CAAC;"}
+{"version":3,"file":"Content.js","sources":["../../../../src/components/AlertDialog/components/Content.tsx"],"sourcesContent":["import { AlertDialog as AlertDialogPrimitive } from '@base-ui/react/alert-dialog';\nimport cn from 'clsx';\nimport * as React from 'react';\n\nimport type { IconName } from '@/components';\nimport { Backdrop, BadgeIcon } from '@/components';\nimport { DIALOG_POSITION_CLASSNAMES, DIALOG_SIZE_CLASSNAME, DIALOG_STYLING_CLASSNAMES } from '@/components/Dialog/util';\nimport type { Color } from '@/types';\n\nimport { useCurrentAlertDialog } from '../Context';\n\nconst ICON_PROPS_BY_VARIANT: Record<'information' | 'error' | 'warning', { color: Color; icon: IconName }> = {\n    information: {\n        color: 'blue',\n        icon: 'info',\n    },\n    error: {\n        color: 'red',\n        icon: 'close',\n    },\n    warning: {\n        color: 'yellow',\n        icon: 'warning',\n    },\n};\n\nexport type AlertDialogTitleProps = React.HTMLAttributes<HTMLHeadingElement>;\nexport const Title = React.forwardRef(function AlertDialogTitle(\n    props: AlertDialogTitleProps,\n    ref: React.Ref<HTMLHeadingElement>\n) {\n    const { props: parentProps } = useCurrentAlertDialog();\n\n    const iconProps = parentProps.variant\n        ? ICON_PROPS_BY_VARIANT[parentProps.variant as keyof typeof ICON_PROPS_BY_VARIANT]\n        : undefined;\n    return (\n        <AlertDialogPrimitive.Title {...props} className={cn('flex items-center', props.className)} ref={ref}>\n            {iconProps ? <BadgeIcon {...iconProps} className=\"mr-2\" /> : undefined}\n            {props.children}\n        </AlertDialogPrimitive.Title>\n    );\n});\n\nexport type AlertDialogDescriptionProps = React.HTMLAttributes<HTMLParagraphElement>;\nexport const Description = React.forwardRef(function AlertDialogDescription(\n    props: AlertDialogDescriptionProps,\n    ref: React.Ref<HTMLParagraphElement>\n) {\n    return <AlertDialogPrimitive.Description ref={ref} className={props.className} {...props} />;\n});\n\nexport type AlertDialogContentProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> & {\n    /** An accessible label to be announced when the dialog is opened */\n    'aria-label': string;\n    children: React.ReactNode;\n};\nexport const Content = React.forwardRef(function AlertDialogContent(\n    props: AlertDialogContentProps,\n    ref: React.Ref<HTMLDivElement>\n) {\n    const className = cn('p-6', DIALOG_POSITION_CLASSNAMES, DIALOG_STYLING_CLASSNAMES, DIALOG_SIZE_CLASSNAME.dialog);\n\n    return (\n        <AlertDialogPrimitive.Portal>\n            <Backdrop>\n                <AlertDialogPrimitive.Popup {...props} ref={ref} className={className}>\n                    {props.children}\n                </AlertDialogPrimitive.Popup>\n            </Backdrop>\n        </AlertDialogPrimitive.Portal>\n    );\n});\n"],"names":["AlertDialogPrimitive"],"mappings":";;;;;;;AAWA,MAAM,wBAAuG;AAAA,EACzG,aAAa;AAAA,IACT,OAAO;AAAA,IACP,MAAM;AAAA,EAAA;AAAA,EAEV,OAAO;AAAA,IACH,OAAO;AAAA,IACP,MAAM;AAAA,EAAA;AAAA,EAEV,SAAS;AAAA,IACL,OAAO;AAAA,IACP,MAAM;AAAA,EAAA;AAEd;AAGO,MAAM,QAAQ,MAAM,WAAW,SAAS,iBAC3C,OACA,KACF;AACE,QAAM,EAAE,OAAO,YAAA,IAAgB,sBAAA;AAE/B,QAAM,YAAY,YAAY,UACxB,sBAAsB,YAAY,OAA6C,IAC/E;AACN,SACI,sBAAA,cAACA,YAAqB,OAArB,EAA4B,GAAG,OAAO,WAAW,GAAG,qBAAqB,MAAM,SAAS,GAAG,OACvF,YAAY,sBAAA,cAAC,WAAA,EAAW,GAAG,WAAW,WAAU,OAAA,CAAO,IAAK,QAC5D,MAAM,QACX;AAER,CAAC;AAGM,MAAM,cAAc,MAAM,WAAW,SAAS,uBACjD,OACA,KACF;AACE,SAAO,sBAAA,cAACA,YAAqB,aAArB,EAAiC,KAAU,WAAW,MAAM,WAAY,GAAG,MAAA,CAAO;AAC9F,CAAC;AAOM,MAAM,UAAU,MAAM,WAAW,SAAS,mBAC7C,OACA,KACF;AACE,QAAM,YAAY,GAAG,OAAO,4BAA4B,2BAA2B,sBAAsB,MAAM;AAE/G,6CACKA,YAAqB,QAArB,MACG,sBAAA,cAAC,gBACG,sBAAA,cAACA,YAAqB,OAArB,EAA4B,GAAG,OAAO,KAAU,aAC5C,MAAM,QACX,CACJ,CACJ;AAER,CAAC;"}

package/dist/components/AlertDialog/components/Trigger.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Trigger.cjs","sources":["../../../../src/components/AlertDialog/components/Trigger.tsx"],"sourcesContent":["import { AlertDialog as AlertDialogPrimitive } from '@base-ui/react/alert-dialog';\nimport * as React from 'react';\n\nimport { mergeRefs } from '../../../utils/mergeRefs';\nimport { useCurrentAlertDialog } from '../Context';\n\nexport type AlertDialogTriggerProps = React.HTMLAttributes<HTMLButtonElement> & { children: React.ReactElement };\n\nexport const Trigger = React.forwardRef(function AlertDialogTrigger(\n    props: AlertDialogTriggerProps,\n    externalRef: React.Ref<HTMLButtonElement>\n) {\n    const { children, ...otherProps } = props;\n    const { ref: parentRef, props: parentProps } = useCurrentAlertDialog();\n    const refCallback = mergeRefs([parentRef, externalRef]);\n\n    return <AlertDialogPrimitive.Trigger {...parentProps} {...otherProps} ref={refCallback} render={children} />;\n});\n"],"names":["React","useCurrentAlertDialog","mergeRefs","AlertDialogPrimitive"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAQO,MAAM,UAAUA,iBAAM,WAAW,SAAS,mBAC7C,OACA,aACF;AACE,QAAM,EAAE,UAAU,GAAG,WAAA,IAAe;AACpC,QAAM,EAAE,KAAK,WAAW,OAAO,YAAA,IAAgBC,QAAAA,sBAAA;AAC/C,QAAM,cAAcC,UAAAA,UAAU,CAAC,WAAW,WAAW,CAAC;AAEtD,SAAOF,iCAAA,cAACG,wBAAqB,SAArB,EAA8B,GAAG,aAAc,GAAG,YAAY,KAAK,aAAa,QAAQ,SAAA,CAAU;AAC9G,CAAC;;"}
+{"version":3,"file":"Trigger.cjs","sources":["../../../../src/components/AlertDialog/components/Trigger.tsx"],"sourcesContent":["import { AlertDialog as AlertDialogPrimitive } from '@base-ui/react/alert-dialog';\nimport * as React from 'react';\n\nimport { mergeRefs } from '@/utils/mergeRefs';\n\nimport { useCurrentAlertDialog } from '../Context';\n\nexport type AlertDialogTriggerProps = React.HTMLAttributes<HTMLButtonElement> & { children: React.ReactElement };\n\nexport const Trigger = React.forwardRef(function AlertDialogTrigger(\n    props: AlertDialogTriggerProps,\n    externalRef: React.Ref<HTMLButtonElement>\n) {\n    const { children, ...otherProps } = props;\n    const { ref: parentRef, props: parentProps } = useCurrentAlertDialog();\n    const refCallback = mergeRefs([parentRef, externalRef]);\n\n    return <AlertDialogPrimitive.Trigger {...parentProps} {...otherProps} ref={refCallback} render={children} />;\n});\n"],"names":["React","useCurrentAlertDialog","mergeRefs","AlertDialogPrimitive"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AASO,MAAM,UAAUA,iBAAM,WAAW,SAAS,mBAC7C,OACA,aACF;AACE,QAAM,EAAE,UAAU,GAAG,WAAA,IAAe;AACpC,QAAM,EAAE,KAAK,WAAW,OAAO,YAAA,IAAgBC,QAAAA,sBAAA;AAC/C,QAAM,cAAcC,UAAAA,UAAU,CAAC,WAAW,WAAW,CAAC;AAEtD,SAAOF,iCAAA,cAACG,wBAAqB,SAArB,EAA8B,GAAG,aAAc,GAAG,YAAY,KAAK,aAAa,QAAQ,SAAA,CAAU;AAC9G,CAAC;;"}

package/dist/components/AlertDialog/components/Trigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"Trigger.js","sources":["../../../../src/components/AlertDialog/components/Trigger.tsx"],"sourcesContent":["import { AlertDialog as AlertDialogPrimitive } from '@base-ui/react/alert-dialog';\nimport * as React from 'react';\n\nimport { mergeRefs } from '../../../utils/mergeRefs';\nimport { useCurrentAlertDialog } from '../Context';\n\nexport type AlertDialogTriggerProps = React.HTMLAttributes<HTMLButtonElement> & { children: React.ReactElement };\n\nexport const Trigger = React.forwardRef(function AlertDialogTrigger(\n    props: AlertDialogTriggerProps,\n    externalRef: React.Ref<HTMLButtonElement>\n) {\n    const { children, ...otherProps } = props;\n    const { ref: parentRef, props: parentProps } = useCurrentAlertDialog();\n    const refCallback = mergeRefs([parentRef, externalRef]);\n\n    return <AlertDialogPrimitive.Trigger {...parentProps} {...otherProps} ref={refCallback} render={children} />;\n});\n"],"names":["AlertDialogPrimitive"],"mappings":";;;;AAQO,MAAM,UAAU,MAAM,WAAW,SAAS,mBAC7C,OACA,aACF;AACE,QAAM,EAAE,UAAU,GAAG,WAAA,IAAe;AACpC,QAAM,EAAE,KAAK,WAAW,OAAO,YAAA,IAAgB,sBAAA;AAC/C,QAAM,cAAc,UAAU,CAAC,WAAW,WAAW,CAAC;AAEtD,SAAO,sBAAA,cAACA,YAAqB,SAArB,EAA8B,GAAG,aAAc,GAAG,YAAY,KAAK,aAAa,QAAQ,SAAA,CAAU;AAC9G,CAAC;"}
+{"version":3,"file":"Trigger.js","sources":["../../../../src/components/AlertDialog/components/Trigger.tsx"],"sourcesContent":["import { AlertDialog as AlertDialogPrimitive } from '@base-ui/react/alert-dialog';\nimport * as React from 'react';\n\nimport { mergeRefs } from '@/utils/mergeRefs';\n\nimport { useCurrentAlertDialog } from '../Context';\n\nexport type AlertDialogTriggerProps = React.HTMLAttributes<HTMLButtonElement> & { children: React.ReactElement };\n\nexport const Trigger = React.forwardRef(function AlertDialogTrigger(\n    props: AlertDialogTriggerProps,\n    externalRef: React.Ref<HTMLButtonElement>\n) {\n    const { children, ...otherProps } = props;\n    const { ref: parentRef, props: parentProps } = useCurrentAlertDialog();\n    const refCallback = mergeRefs([parentRef, externalRef]);\n\n    return <AlertDialogPrimitive.Trigger {...parentProps} {...otherProps} ref={refCallback} render={children} />;\n});\n"],"names":["AlertDialogPrimitive"],"mappings":";;;;AASO,MAAM,UAAU,MAAM,WAAW,SAAS,mBAC7C,OACA,aACF;AACE,QAAM,EAAE,UAAU,GAAG,WAAA,IAAe;AACpC,QAAM,EAAE,KAAK,WAAW,OAAO,YAAA,IAAgB,sBAAA;AAC/C,QAAM,cAAc,UAAU,CAAC,WAAW,WAAW,CAAC;AAEtD,SAAO,sBAAA,cAACA,YAAqB,SAArB,EAA8B,GAAG,aAAc,GAAG,YAAY,KAAK,aAAa,QAAQ,SAAA,CAAU;AAC9G,CAAC;"}

package/dist/components/Backdrop/Backdrop.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Backdrop.cjs","sources":["../../../src/components/Backdrop/Backdrop.tsx"],"sourcesContent":["import cn from 'clsx';\nimport * as React from 'react';\n\nimport { useMergedRef } from '../../hooks/useMergedRef';\n\nexport type BackdropProps = React.HTMLAttributes<HTMLDivElement>;\n\nexport const Backdrop = React.forwardRef<HTMLDivElement, BackdropProps>(function Backdrop(props, forwardedRef) {\n    const ref = useMergedRef<HTMLDivElement>(forwardedRef);\n    const className = cn(\n        'fixed inset-0 cursor-default overflow-y-auto bg-brand-midnight/[0.3] aria-hidden:invisible print:absolute print:overflow-visible',\n        props.className\n    );\n\n    // prevents focus from leaving dialogs when clicking on backdrops\n    const onPointerDown = (event: React.PointerEvent<HTMLDivElement>) => {\n        if (event.target === ref.current) {\n            event.preventDefault();\n        }\n    };\n\n    return <div {...props} className={className} onPointerDown={onPointerDown} data-taco=\"backdrop\" ref={ref} />;\n});\n"],"names":["React","Backdrop","useMergedRef"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAOO,MAAM,WAAWA,iBAAM,WAA0C,SAASC,UAAS,OAAO,cAAc;AAC3G,QAAM,MAAMC,aAAAA,aAA6B,YAAY;AACrD,QAAM,YAAY;AAAA,IACd;AAAA,IACA,MAAM;AAAA,EAAA;AAIV,QAAM,gBAAgB,CAAC,UAA8C;AACjE,QAAI,MAAM,WAAW,IAAI,SAAS;AAC9B,YAAM,eAAA;AAAA,IACV;AAAA,EACJ;AAEA,SAAOF,iCAAA,cAAC,SAAK,GAAG,OAAO,WAAsB,eAA8B,aAAU,YAAW,IAAA,CAAU;AAC9G,CAAC;;"}
+{"version":3,"file":"Backdrop.cjs","sources":["../../../src/components/Backdrop/Backdrop.tsx"],"sourcesContent":["import cn from 'clsx';\nimport * as React from 'react';\n\nimport { useMergedRef } from '@/hooks/useMergedRef';\n\nexport type BackdropProps = React.HTMLAttributes<HTMLDivElement>;\n\nexport const Backdrop = React.forwardRef<HTMLDivElement, BackdropProps>(function Backdrop(props, forwardedRef) {\n    const ref = useMergedRef<HTMLDivElement>(forwardedRef);\n    const className = cn(\n        'fixed inset-0 cursor-default overflow-y-auto bg-brand-midnight/[0.3] aria-hidden:invisible print:absolute print:overflow-visible',\n        props.className\n    );\n\n    // prevents focus from leaving dialogs when clicking on backdrops\n    const onPointerDown = (event: React.PointerEvent<HTMLDivElement>) => {\n        if (event.target === ref.current) {\n            event.preventDefault();\n        }\n    };\n\n    return <div {...props} className={className} onPointerDown={onPointerDown} data-taco=\"backdrop\" ref={ref} />;\n});\n"],"names":["React","Backdrop","useMergedRef"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAOO,MAAM,WAAWA,iBAAM,WAA0C,SAASC,UAAS,OAAO,cAAc;AAC3G,QAAM,MAAMC,aAAAA,aAA6B,YAAY;AACrD,QAAM,YAAY;AAAA,IACd;AAAA,IACA,MAAM;AAAA,EAAA;AAIV,QAAM,gBAAgB,CAAC,UAA8C;AACjE,QAAI,MAAM,WAAW,IAAI,SAAS;AAC9B,YAAM,eAAA;AAAA,IACV;AAAA,EACJ;AAEA,SAAOF,iCAAA,cAAC,SAAK,GAAG,OAAO,WAAsB,eAA8B,aAAU,YAAW,IAAA,CAAU;AAC9G,CAAC;;"}

package/dist/components/Backdrop/Backdrop.js.map

@@ -1 +1 @@
-{"version":3,"file":"Backdrop.js","sources":["../../../src/components/Backdrop/Backdrop.tsx"],"sourcesContent":["import cn from 'clsx';\nimport * as React from 'react';\n\nimport { useMergedRef } from '../../hooks/useMergedRef';\n\nexport type BackdropProps = React.HTMLAttributes<HTMLDivElement>;\n\nexport const Backdrop = React.forwardRef<HTMLDivElement, BackdropProps>(function Backdrop(props, forwardedRef) {\n    const ref = useMergedRef<HTMLDivElement>(forwardedRef);\n    const className = cn(\n        'fixed inset-0 cursor-default overflow-y-auto bg-brand-midnight/[0.3] aria-hidden:invisible print:absolute print:overflow-visible',\n        props.className\n    );\n\n    // prevents focus from leaving dialogs when clicking on backdrops\n    const onPointerDown = (event: React.PointerEvent<HTMLDivElement>) => {\n        if (event.target === ref.current) {\n            event.preventDefault();\n        }\n    };\n\n    return <div {...props} className={className} onPointerDown={onPointerDown} data-taco=\"backdrop\" ref={ref} />;\n});\n"],"names":["Backdrop"],"mappings":";;;AAOO,MAAM,WAAW,MAAM,WAA0C,SAASA,UAAS,OAAO,cAAc;AAC3G,QAAM,MAAM,aAA6B,YAAY;AACrD,QAAM,YAAY;AAAA,IACd;AAAA,IACA,MAAM;AAAA,EAAA;AAIV,QAAM,gBAAgB,CAAC,UAA8C;AACjE,QAAI,MAAM,WAAW,IAAI,SAAS;AAC9B,YAAM,eAAA;AAAA,IACV;AAAA,EACJ;AAEA,SAAO,sBAAA,cAAC,SAAK,GAAG,OAAO,WAAsB,eAA8B,aAAU,YAAW,IAAA,CAAU;AAC9G,CAAC;"}
+{"version":3,"file":"Backdrop.js","sources":["../../../src/components/Backdrop/Backdrop.tsx"],"sourcesContent":["import cn from 'clsx';\nimport * as React from 'react';\n\nimport { useMergedRef } from '@/hooks/useMergedRef';\n\nexport type BackdropProps = React.HTMLAttributes<HTMLDivElement>;\n\nexport const Backdrop = React.forwardRef<HTMLDivElement, BackdropProps>(function Backdrop(props, forwardedRef) {\n    const ref = useMergedRef<HTMLDivElement>(forwardedRef);\n    const className = cn(\n        'fixed inset-0 cursor-default overflow-y-auto bg-brand-midnight/[0.3] aria-hidden:invisible print:absolute print:overflow-visible',\n        props.className\n    );\n\n    // prevents focus from leaving dialogs when clicking on backdrops\n    const onPointerDown = (event: React.PointerEvent<HTMLDivElement>) => {\n        if (event.target === ref.current) {\n            event.preventDefault();\n        }\n    };\n\n    return <div {...props} className={className} onPointerDown={onPointerDown} data-taco=\"backdrop\" ref={ref} />;\n});\n"],"names":["Backdrop"],"mappings":";;;AAOO,MAAM,WAAW,MAAM,WAA0C,SAASA,UAAS,OAAO,cAAc;AAC3G,QAAM,MAAM,aAA6B,YAAY;AACrD,QAAM,YAAY;AAAA,IACd;AAAA,IACA,MAAM;AAAA,EAAA;AAIV,QAAM,gBAAgB,CAAC,UAA8C;AACjE,QAAI,MAAM,WAAW,IAAI,SAAS;AAC9B,YAAM,eAAA;AAAA,IACV;AAAA,EACJ;AAEA,SAAO,sBAAA,cAAC,SAAK,GAAG,OAAO,WAAsB,eAA8B,aAAU,YAAW,IAAA,CAAU;AAC9G,CAAC;"}

package/dist/components/Badge/Badge.cjs

@@ -3,8 +3,8 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const cn = require("clsx");
 const React = require("react");
 const tailwind = require("../../utils/tailwind.cjs");
-const VisuallyHidden = require("../VisuallyHidden/VisuallyHidden.cjs");
 ;/* empty css            */
+const VisuallyHidden = require("../VisuallyHidden/VisuallyHidden.cjs");
 function _interopNamespaceDefault(e) {
   const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
   if (e) {

package/dist/components/Badge/Badge.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.cjs","sources":["../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import cn from 'clsx';\nimport * as React from 'react';\n\nimport type { Color } from '../../types';\nimport { SUBTLE_COLOR_SHADE_CLASSNAME, COLOR_SHADE_CLASSNAME, OUTLINE_COLOR_SHADE_CLASSNAME } from '../../utils/tailwind';\nimport { VisuallyHidden } from '../VisuallyHidden/VisuallyHidden';\n\nimport './Badge.css';\n\nexport type BadgeBaseProps = React.HTMLAttributes<HTMLSpanElement> & {\n    /** Content should be a numerical value or tag/status like text **/\n    children: React.ReactNode;\n    /**\n     * Show small version of badge\n     * @default false\n     **/\n    small?: boolean;\n    /**\n     * Background color\n     * @default grey\n     **/\n    color?: Color;\n};\n\ntype CompactBadgeProps = {\n    /**\n     * Show compact version\n     * @default false\n     **/\n    compact?: boolean;\n    /**\n     * Show outlined version\n     * @default false\n     **/\n    outline?: never;\n    /**\n     * Show subtle version\n     * @default false\n     **/\n    subtle?: never;\n    /** Show status dot - can be used only in subtle badge **/\n    status?: never;\n} & BadgeBaseProps;\n\ntype OutlineBadgeProps = {\n    /** Show compact version **/\n    compact?: never;\n    /** Show outlined version **/\n    outline?: boolean;\n    /** Show subtle version **/\n    subtle?: never;\n    /** Show status dot - can be used only in subtle badge **/\n    status?: never;\n} & BadgeBaseProps;\n\ntype SubtleBadgeProps = {\n    /** Show compact version **/\n    compact?: never;\n    /** Show outlined version **/\n    outline?: never;\n    /** Show subtle version **/\n    subtle?: boolean;\n    /** Show status dot - can be used only in subtle badge **/\n    status?: never;\n} & BadgeBaseProps;\n\ntype StatusBadgeProps = {\n    /** Show compact version **/\n    compact?: never;\n    /** Show outlined version **/\n    outline?: never;\n    /** Show subtle version **/\n    subtle?: boolean;\n    /**\n     * Show status dot - can be used only in subtle badge\n     * @default false\n     **/\n    status?: boolean;\n} & BadgeBaseProps;\n\nexport type BadgeProps = CompactBadgeProps | OutlineBadgeProps | SubtleBadgeProps | StatusBadgeProps;\n\ntype BadgeAppearance = 'solid' | 'outline' | 'subtle';\n\nconst APPEARANCE_CLASSNAME: Record<BadgeAppearance, string> = {\n    solid: 'border-none',\n    outline: 'border',\n    subtle: 'border-none font-normal',\n};\n\nconst APPEARANCE_COLOR_CLASSNAME: Record<BadgeAppearance, Record<Color, string>> = {\n    solid: COLOR_SHADE_CLASSNAME,\n    outline: OUTLINE_COLOR_SHADE_CLASSNAME,\n    subtle: SUBTLE_COLOR_SHADE_CLASSNAME,\n};\n\nexport const Badge = React.forwardRef(function Badge(props: BadgeProps, ref: React.Ref<HTMLSpanElement>) {\n    const {\n        children,\n        compact = false,\n        outline = false,\n        status = false,\n        subtle = false,\n        small = false,\n        color = 'grey',\n        ...otherProps\n    } = props;\n    const isTransparent = color === 'transparent';\n    const appearance: BadgeAppearance = outline ? 'outline' : subtle ? 'subtle' : 'solid';\n    const className = cn(\n        'box-border inline-flex items-center justify-center overflow-hidden whitespace-nowrap rounded-full border',\n        APPEARANCE_CLASSNAME[appearance],\n        APPEARANCE_COLOR_CLASSNAME[appearance][color],\n        {\n            'h-4 min-w-0 px-1 py-0 text-xs': small,\n            'h-2 w-2 min-w-0': compact,\n            'font-bold': appearance !== 'subtle',\n            'text-sm': !small,\n            // custom padding keeps single digits in a perfect circle\n            'h-5 px-1.5 py-0': !compact && !small,\n            '!bg-gray-700': compact && isTransparent,\n        },\n        props.className\n    );\n\n    const content = () => {\n        if (compact) {\n            return <VisuallyHidden>{children}</VisuallyHidden>;\n        }\n\n        const contentToRender =\n            typeof children === 'string' ? <span className=\"items-center truncate\">{children}</span> : children;\n\n        if (status) {\n            return (\n                <>\n                    <div className={cn('mr-1 h-2 w-2 shrink-0 rounded-full', COLOR_SHADE_CLASSNAME[color])} />\n                    {contentToRender}\n                </>\n            );\n        }\n        return contentToRender;\n    };\n\n    return (\n        <span {...otherProps} className={className} data-taco=\"badge\" ref={ref} role=\"status\" title={props['aria-label']}>\n            {content()}\n        </span>\n    );\n});\n"],"names":["COLOR_SHADE_CLASSNAME","OUTLINE_COLOR_SHADE_CLASSNAME","SUBTLE_COLOR_SHADE_CLASSNAME","React","Badge","VisuallyHidden"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAoFA,MAAM,uBAAwD;AAAA,EAC1D,OAAO;AAAA,EACP,SAAS;AAAA,EACT,QAAQ;AACZ;AAEA,MAAM,6BAA6E;AAAA,EAC/E,OAAOA,SAAAA;AAAAA,EACP,SAASC,SAAAA;AAAAA,EACT,QAAQC,SAAAA;AACZ;AAEO,MAAM,QAAQC,iBAAM,WAAW,SAASC,OAAM,OAAmB,KAAiC;AACrG,QAAM;AAAA,IACF;AAAA,IACA,UAAU;AAAA,IACV,UAAU;AAAA,IACV,SAAS;AAAA,IACT,SAAS;AAAA,IACT,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,GAAG;AAAA,EAAA,IACH;AACJ,QAAM,gBAAgB,UAAU;AAChC,QAAM,aAA8B,UAAU,YAAY,SAAS,WAAW;AAC9E,QAAM,YAAY;AAAA,IACd;AAAA,IACA,qBAAqB,UAAU;AAAA,IAC/B,2BAA2B,UAAU,EAAE,KAAK;AAAA,IAC5C;AAAA,MACI,iCAAiC;AAAA,MACjC,mBAAmB;AAAA,MACnB,aAAa,eAAe;AAAA,MAC5B,WAAW,CAAC;AAAA;AAAA,MAEZ,mBAAmB,CAAC,WAAW,CAAC;AAAA,MAChC,gBAAgB,WAAW;AAAA,IAAA;AAAA,IAE/B,MAAM;AAAA,EAAA;AAGV,QAAM,UAAU,MAAM;AAClB,QAAI,SAAS;AACT,aAAOD,iCAAA,cAACE,qCAAgB,QAAS;AAAA,IACrC;AAEA,UAAM,kBACF,OAAO,aAAa,0DAAY,QAAA,EAAK,WAAU,2BAAyB,QAAS,IAAU;AAE/F,QAAI,QAAQ;AACR,aACIF,iCAAA,cAAAA,iBAAA,UAAA,MACIA,iCAAA,cAAC,OAAA,EAAI,WAAW,GAAG,sCAAsCH,SAAAA,sBAAsB,KAAK,CAAC,EAAA,CAAG,GACvF,eACL;AAAA,IAER;AACA,WAAO;AAAA,EACX;AAEA,SACIG,iCAAA,cAAC,QAAA,EAAM,GAAG,YAAY,WAAsB,aAAU,SAAQ,KAAU,MAAK,UAAS,OAAO,MAAM,YAAY,EAAA,GAC1G,SACL;AAER,CAAC;;"}
+{"version":3,"file":"Badge.cjs","sources":["../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import cn from 'clsx';\nimport * as React from 'react';\n\nimport { VisuallyHidden } from '@/components';\nimport type { Color } from '@/types';\nimport { SUBTLE_COLOR_SHADE_CLASSNAME, COLOR_SHADE_CLASSNAME, OUTLINE_COLOR_SHADE_CLASSNAME } from '@/utils/tailwind';\n\nimport './Badge.css';\n\nexport type BadgeBaseProps = React.HTMLAttributes<HTMLSpanElement> & {\n    /** Content should be a numerical value or tag/status like text **/\n    children: React.ReactNode;\n    /**\n     * Show small version of badge\n     * @default false\n     **/\n    small?: boolean;\n    /**\n     * Background color\n     * @default grey\n     **/\n    color?: Color;\n};\n\ntype CompactBadgeProps = {\n    /**\n     * Show compact version\n     * @default false\n     **/\n    compact?: boolean;\n    /**\n     * Show outlined version\n     * @default false\n     **/\n    outline?: never;\n    /**\n     * Show subtle version\n     * @default false\n     **/\n    subtle?: never;\n    /** Show status dot - can be used only in subtle badge **/\n    status?: never;\n} & BadgeBaseProps;\n\ntype OutlineBadgeProps = {\n    /** Show compact version **/\n    compact?: never;\n    /** Show outlined version **/\n    outline?: boolean;\n    /** Show subtle version **/\n    subtle?: never;\n    /** Show status dot - can be used only in subtle badge **/\n    status?: never;\n} & BadgeBaseProps;\n\ntype SubtleBadgeProps = {\n    /** Show compact version **/\n    compact?: never;\n    /** Show outlined version **/\n    outline?: never;\n    /** Show subtle version **/\n    subtle?: boolean;\n    /** Show status dot - can be used only in subtle badge **/\n    status?: never;\n} & BadgeBaseProps;\n\ntype StatusBadgeProps = {\n    /** Show compact version **/\n    compact?: never;\n    /** Show outlined version **/\n    outline?: never;\n    /** Show subtle version **/\n    subtle?: boolean;\n    /**\n     * Show status dot - can be used only in subtle badge\n     * @default false\n     **/\n    status?: boolean;\n} & BadgeBaseProps;\n\nexport type BadgeProps = CompactBadgeProps | OutlineBadgeProps | SubtleBadgeProps | StatusBadgeProps;\n\ntype BadgeAppearance = 'solid' | 'outline' | 'subtle';\n\nconst APPEARANCE_CLASSNAME: Record<BadgeAppearance, string> = {\n    solid: 'border-none',\n    outline: 'border',\n    subtle: 'border-none font-normal',\n};\n\nconst APPEARANCE_COLOR_CLASSNAME: Record<BadgeAppearance, Record<Color, string>> = {\n    solid: COLOR_SHADE_CLASSNAME,\n    outline: OUTLINE_COLOR_SHADE_CLASSNAME,\n    subtle: SUBTLE_COLOR_SHADE_CLASSNAME,\n};\n\nexport const Badge = React.forwardRef(function Badge(props: BadgeProps, ref: React.Ref<HTMLSpanElement>) {\n    const {\n        children,\n        compact = false,\n        outline = false,\n        status = false,\n        subtle = false,\n        small = false,\n        color = 'grey',\n        ...otherProps\n    } = props;\n    const isTransparent = color === 'transparent';\n    const appearance: BadgeAppearance = outline ? 'outline' : subtle ? 'subtle' : 'solid';\n    const className = cn(\n        'box-border inline-flex items-center justify-center overflow-hidden whitespace-nowrap rounded-full border',\n        APPEARANCE_CLASSNAME[appearance],\n        APPEARANCE_COLOR_CLASSNAME[appearance][color],\n        {\n            'h-4 min-w-0 px-1 py-0 text-xs': small,\n            'h-2 w-2 min-w-0': compact,\n            'font-bold': appearance !== 'subtle',\n            'text-sm': !small,\n            // custom padding keeps single digits in a perfect circle\n            'h-5 px-1.5 py-0': !compact && !small,\n            '!bg-gray-700': compact && isTransparent,\n        },\n        props.className\n    );\n\n    const content = () => {\n        if (compact) {\n            return <VisuallyHidden>{children}</VisuallyHidden>;\n        }\n\n        const contentToRender =\n            typeof children === 'string' ? <span className=\"items-center truncate\">{children}</span> : children;\n\n        if (status) {\n            return (\n                <>\n                    <div className={cn('mr-1 h-2 w-2 shrink-0 rounded-full', COLOR_SHADE_CLASSNAME[color])} />\n                    {contentToRender}\n                </>\n            );\n        }\n        return contentToRender;\n    };\n\n    return (\n        <span {...otherProps} className={className} data-taco=\"badge\" ref={ref} role=\"status\" title={props['aria-label']}>\n            {content()}\n        </span>\n    );\n});\n"],"names":["COLOR_SHADE_CLASSNAME","OUTLINE_COLOR_SHADE_CLASSNAME","SUBTLE_COLOR_SHADE_CLASSNAME","React","Badge","VisuallyHidden"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAoFA,MAAM,uBAAwD;AAAA,EAC1D,OAAO;AAAA,EACP,SAAS;AAAA,EACT,QAAQ;AACZ;AAEA,MAAM,6BAA6E;AAAA,EAC/E,OAAOA,SAAAA;AAAAA,EACP,SAASC,SAAAA;AAAAA,EACT,QAAQC,SAAAA;AACZ;AAEO,MAAM,QAAQC,iBAAM,WAAW,SAASC,OAAM,OAAmB,KAAiC;AACrG,QAAM;AAAA,IACF;AAAA,IACA,UAAU;AAAA,IACV,UAAU;AAAA,IACV,SAAS;AAAA,IACT,SAAS;AAAA,IACT,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,GAAG;AAAA,EAAA,IACH;AACJ,QAAM,gBAAgB,UAAU;AAChC,QAAM,aAA8B,UAAU,YAAY,SAAS,WAAW;AAC9E,QAAM,YAAY;AAAA,IACd;AAAA,IACA,qBAAqB,UAAU;AAAA,IAC/B,2BAA2B,UAAU,EAAE,KAAK;AAAA,IAC5C;AAAA,MACI,iCAAiC;AAAA,MACjC,mBAAmB;AAAA,MACnB,aAAa,eAAe;AAAA,MAC5B,WAAW,CAAC;AAAA;AAAA,MAEZ,mBAAmB,CAAC,WAAW,CAAC;AAAA,MAChC,gBAAgB,WAAW;AAAA,IAAA;AAAA,IAE/B,MAAM;AAAA,EAAA;AAGV,QAAM,UAAU,MAAM;AAClB,QAAI,SAAS;AACT,aAAOD,iCAAA,cAACE,qCAAgB,QAAS;AAAA,IACrC;AAEA,UAAM,kBACF,OAAO,aAAa,0DAAY,QAAA,EAAK,WAAU,2BAAyB,QAAS,IAAU;AAE/F,QAAI,QAAQ;AACR,aACIF,iCAAA,cAAAA,iBAAA,UAAA,MACIA,iCAAA,cAAC,OAAA,EAAI,WAAW,GAAG,sCAAsCH,SAAAA,sBAAsB,KAAK,CAAC,EAAA,CAAG,GACvF,eACL;AAAA,IAER;AACA,WAAO;AAAA,EACX;AAEA,SACIG,iCAAA,cAAC,QAAA,EAAM,GAAG,YAAY,WAAsB,aAAU,SAAQ,KAAU,MAAK,UAAS,OAAO,MAAM,YAAY,EAAA,GAC1G,SACL;AAER,CAAC;;"}

package/dist/components/Badge/Badge.js

@@ -1,8 +1,8 @@
 import cn from "clsx";
 import * as React from "react";
 import { SUBTLE_COLOR_SHADE_CLASSNAME, OUTLINE_COLOR_SHADE_CLASSNAME, COLOR_SHADE_CLASSNAME } from "../../utils/tailwind.js";
-import { VisuallyHidden } from "../VisuallyHidden/VisuallyHidden.js";
 /* empty css          */
+import { VisuallyHidden } from "../VisuallyHidden/VisuallyHidden.js";
 const APPEARANCE_CLASSNAME = {
   solid: "border-none",
   outline: "border",

package/dist/components/Badge/Badge.js.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.js","sources":["../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import cn from 'clsx';\nimport * as React from 'react';\n\nimport type { Color } from '../../types';\nimport { SUBTLE_COLOR_SHADE_CLASSNAME, COLOR_SHADE_CLASSNAME, OUTLINE_COLOR_SHADE_CLASSNAME } from '../../utils/tailwind';\nimport { VisuallyHidden } from '../VisuallyHidden/VisuallyHidden';\n\nimport './Badge.css';\n\nexport type BadgeBaseProps = React.HTMLAttributes<HTMLSpanElement> & {\n    /** Content should be a numerical value or tag/status like text **/\n    children: React.ReactNode;\n    /**\n     * Show small version of badge\n     * @default false\n     **/\n    small?: boolean;\n    /**\n     * Background color\n     * @default grey\n     **/\n    color?: Color;\n};\n\ntype CompactBadgeProps = {\n    /**\n     * Show compact version\n     * @default false\n     **/\n    compact?: boolean;\n    /**\n     * Show outlined version\n     * @default false\n     **/\n    outline?: never;\n    /**\n     * Show subtle version\n     * @default false\n     **/\n    subtle?: never;\n    /** Show status dot - can be used only in subtle badge **/\n    status?: never;\n} & BadgeBaseProps;\n\ntype OutlineBadgeProps = {\n    /** Show compact version **/\n    compact?: never;\n    /** Show outlined version **/\n    outline?: boolean;\n    /** Show subtle version **/\n    subtle?: never;\n    /** Show status dot - can be used only in subtle badge **/\n    status?: never;\n} & BadgeBaseProps;\n\ntype SubtleBadgeProps = {\n    /** Show compact version **/\n    compact?: never;\n    /** Show outlined version **/\n    outline?: never;\n    /** Show subtle version **/\n    subtle?: boolean;\n    /** Show status dot - can be used only in subtle badge **/\n    status?: never;\n} & BadgeBaseProps;\n\ntype StatusBadgeProps = {\n    /** Show compact version **/\n    compact?: never;\n    /** Show outlined version **/\n    outline?: never;\n    /** Show subtle version **/\n    subtle?: boolean;\n    /**\n     * Show status dot - can be used only in subtle badge\n     * @default false\n     **/\n    status?: boolean;\n} & BadgeBaseProps;\n\nexport type BadgeProps = CompactBadgeProps | OutlineBadgeProps | SubtleBadgeProps | StatusBadgeProps;\n\ntype BadgeAppearance = 'solid' | 'outline' | 'subtle';\n\nconst APPEARANCE_CLASSNAME: Record<BadgeAppearance, string> = {\n    solid: 'border-none',\n    outline: 'border',\n    subtle: 'border-none font-normal',\n};\n\nconst APPEARANCE_COLOR_CLASSNAME: Record<BadgeAppearance, Record<Color, string>> = {\n    solid: COLOR_SHADE_CLASSNAME,\n    outline: OUTLINE_COLOR_SHADE_CLASSNAME,\n    subtle: SUBTLE_COLOR_SHADE_CLASSNAME,\n};\n\nexport const Badge = React.forwardRef(function Badge(props: BadgeProps, ref: React.Ref<HTMLSpanElement>) {\n    const {\n        children,\n        compact = false,\n        outline = false,\n        status = false,\n        subtle = false,\n        small = false,\n        color = 'grey',\n        ...otherProps\n    } = props;\n    const isTransparent = color === 'transparent';\n    const appearance: BadgeAppearance = outline ? 'outline' : subtle ? 'subtle' : 'solid';\n    const className = cn(\n        'box-border inline-flex items-center justify-center overflow-hidden whitespace-nowrap rounded-full border',\n        APPEARANCE_CLASSNAME[appearance],\n        APPEARANCE_COLOR_CLASSNAME[appearance][color],\n        {\n            'h-4 min-w-0 px-1 py-0 text-xs': small,\n            'h-2 w-2 min-w-0': compact,\n            'font-bold': appearance !== 'subtle',\n            'text-sm': !small,\n            // custom padding keeps single digits in a perfect circle\n            'h-5 px-1.5 py-0': !compact && !small,\n            '!bg-gray-700': compact && isTransparent,\n        },\n        props.className\n    );\n\n    const content = () => {\n        if (compact) {\n            return <VisuallyHidden>{children}</VisuallyHidden>;\n        }\n\n        const contentToRender =\n            typeof children === 'string' ? <span className=\"items-center truncate\">{children}</span> : children;\n\n        if (status) {\n            return (\n                <>\n                    <div className={cn('mr-1 h-2 w-2 shrink-0 rounded-full', COLOR_SHADE_CLASSNAME[color])} />\n                    {contentToRender}\n                </>\n            );\n        }\n        return contentToRender;\n    };\n\n    return (\n        <span {...otherProps} className={className} data-taco=\"badge\" ref={ref} role=\"status\" title={props['aria-label']}>\n            {content()}\n        </span>\n    );\n});\n"],"names":["Badge"],"mappings":";;;;;AAoFA,MAAM,uBAAwD;AAAA,EAC1D,OAAO;AAAA,EACP,SAAS;AAAA,EACT,QAAQ;AACZ;AAEA,MAAM,6BAA6E;AAAA,EAC/E,OAAO;AAAA,EACP,SAAS;AAAA,EACT,QAAQ;AACZ;AAEO,MAAM,QAAQ,MAAM,WAAW,SAASA,OAAM,OAAmB,KAAiC;AACrG,QAAM;AAAA,IACF;AAAA,IACA,UAAU;AAAA,IACV,UAAU;AAAA,IACV,SAAS;AAAA,IACT,SAAS;AAAA,IACT,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,GAAG;AAAA,EAAA,IACH;AACJ,QAAM,gBAAgB,UAAU;AAChC,QAAM,aAA8B,UAAU,YAAY,SAAS,WAAW;AAC9E,QAAM,YAAY;AAAA,IACd;AAAA,IACA,qBAAqB,UAAU;AAAA,IAC/B,2BAA2B,UAAU,EAAE,KAAK;AAAA,IAC5C;AAAA,MACI,iCAAiC;AAAA,MACjC,mBAAmB;AAAA,MACnB,aAAa,eAAe;AAAA,MAC5B,WAAW,CAAC;AAAA;AAAA,MAEZ,mBAAmB,CAAC,WAAW,CAAC;AAAA,MAChC,gBAAgB,WAAW;AAAA,IAAA;AAAA,IAE/B,MAAM;AAAA,EAAA;AAGV,QAAM,UAAU,MAAM;AAClB,QAAI,SAAS;AACT,aAAO,sBAAA,cAAC,sBAAgB,QAAS;AAAA,IACrC;AAEA,UAAM,kBACF,OAAO,aAAa,+CAAY,QAAA,EAAK,WAAU,2BAAyB,QAAS,IAAU;AAE/F,QAAI,QAAQ;AACR,aACI,sBAAA,cAAA,MAAA,UAAA,MACI,sBAAA,cAAC,OAAA,EAAI,WAAW,GAAG,sCAAsC,sBAAsB,KAAK,CAAC,EAAA,CAAG,GACvF,eACL;AAAA,IAER;AACA,WAAO;AAAA,EACX;AAEA,SACI,sBAAA,cAAC,QAAA,EAAM,GAAG,YAAY,WAAsB,aAAU,SAAQ,KAAU,MAAK,UAAS,OAAO,MAAM,YAAY,EAAA,GAC1G,SACL;AAER,CAAC;"}
+{"version":3,"file":"Badge.js","sources":["../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import cn from 'clsx';\nimport * as React from 'react';\n\nimport { VisuallyHidden } from '@/components';\nimport type { Color } from '@/types';\nimport { SUBTLE_COLOR_SHADE_CLASSNAME, COLOR_SHADE_CLASSNAME, OUTLINE_COLOR_SHADE_CLASSNAME } from '@/utils/tailwind';\n\nimport './Badge.css';\n\nexport type BadgeBaseProps = React.HTMLAttributes<HTMLSpanElement> & {\n    /** Content should be a numerical value or tag/status like text **/\n    children: React.ReactNode;\n    /**\n     * Show small version of badge\n     * @default false\n     **/\n    small?: boolean;\n    /**\n     * Background color\n     * @default grey\n     **/\n    color?: Color;\n};\n\ntype CompactBadgeProps = {\n    /**\n     * Show compact version\n     * @default false\n     **/\n    compact?: boolean;\n    /**\n     * Show outlined version\n     * @default false\n     **/\n    outline?: never;\n    /**\n     * Show subtle version\n     * @default false\n     **/\n    subtle?: never;\n    /** Show status dot - can be used only in subtle badge **/\n    status?: never;\n} & BadgeBaseProps;\n\ntype OutlineBadgeProps = {\n    /** Show compact version **/\n    compact?: never;\n    /** Show outlined version **/\n    outline?: boolean;\n    /** Show subtle version **/\n    subtle?: never;\n    /** Show status dot - can be used only in subtle badge **/\n    status?: never;\n} & BadgeBaseProps;\n\ntype SubtleBadgeProps = {\n    /** Show compact version **/\n    compact?: never;\n    /** Show outlined version **/\n    outline?: never;\n    /** Show subtle version **/\n    subtle?: boolean;\n    /** Show status dot - can be used only in subtle badge **/\n    status?: never;\n} & BadgeBaseProps;\n\ntype StatusBadgeProps = {\n    /** Show compact version **/\n    compact?: never;\n    /** Show outlined version **/\n    outline?: never;\n    /** Show subtle version **/\n    subtle?: boolean;\n    /**\n     * Show status dot - can be used only in subtle badge\n     * @default false\n     **/\n    status?: boolean;\n} & BadgeBaseProps;\n\nexport type BadgeProps = CompactBadgeProps | OutlineBadgeProps | SubtleBadgeProps | StatusBadgeProps;\n\ntype BadgeAppearance = 'solid' | 'outline' | 'subtle';\n\nconst APPEARANCE_CLASSNAME: Record<BadgeAppearance, string> = {\n    solid: 'border-none',\n    outline: 'border',\n    subtle: 'border-none font-normal',\n};\n\nconst APPEARANCE_COLOR_CLASSNAME: Record<BadgeAppearance, Record<Color, string>> = {\n    solid: COLOR_SHADE_CLASSNAME,\n    outline: OUTLINE_COLOR_SHADE_CLASSNAME,\n    subtle: SUBTLE_COLOR_SHADE_CLASSNAME,\n};\n\nexport const Badge = React.forwardRef(function Badge(props: BadgeProps, ref: React.Ref<HTMLSpanElement>) {\n    const {\n        children,\n        compact = false,\n        outline = false,\n        status = false,\n        subtle = false,\n        small = false,\n        color = 'grey',\n        ...otherProps\n    } = props;\n    const isTransparent = color === 'transparent';\n    const appearance: BadgeAppearance = outline ? 'outline' : subtle ? 'subtle' : 'solid';\n    const className = cn(\n        'box-border inline-flex items-center justify-center overflow-hidden whitespace-nowrap rounded-full border',\n        APPEARANCE_CLASSNAME[appearance],\n        APPEARANCE_COLOR_CLASSNAME[appearance][color],\n        {\n            'h-4 min-w-0 px-1 py-0 text-xs': small,\n            'h-2 w-2 min-w-0': compact,\n            'font-bold': appearance !== 'subtle',\n            'text-sm': !small,\n            // custom padding keeps single digits in a perfect circle\n            'h-5 px-1.5 py-0': !compact && !small,\n            '!bg-gray-700': compact && isTransparent,\n        },\n        props.className\n    );\n\n    const content = () => {\n        if (compact) {\n            return <VisuallyHidden>{children}</VisuallyHidden>;\n        }\n\n        const contentToRender =\n            typeof children === 'string' ? <span className=\"items-center truncate\">{children}</span> : children;\n\n        if (status) {\n            return (\n                <>\n                    <div className={cn('mr-1 h-2 w-2 shrink-0 rounded-full', COLOR_SHADE_CLASSNAME[color])} />\n                    {contentToRender}\n                </>\n            );\n        }\n        return contentToRender;\n    };\n\n    return (\n        <span {...otherProps} className={className} data-taco=\"badge\" ref={ref} role=\"status\" title={props['aria-label']}>\n            {content()}\n        </span>\n    );\n});\n"],"names":["Badge"],"mappings":";;;;;AAoFA,MAAM,uBAAwD;AAAA,EAC1D,OAAO;AAAA,EACP,SAAS;AAAA,EACT,QAAQ;AACZ;AAEA,MAAM,6BAA6E;AAAA,EAC/E,OAAO;AAAA,EACP,SAAS;AAAA,EACT,QAAQ;AACZ;AAEO,MAAM,QAAQ,MAAM,WAAW,SAASA,OAAM,OAAmB,KAAiC;AACrG,QAAM;AAAA,IACF;AAAA,IACA,UAAU;AAAA,IACV,UAAU;AAAA,IACV,SAAS;AAAA,IACT,SAAS;AAAA,IACT,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,GAAG;AAAA,EAAA,IACH;AACJ,QAAM,gBAAgB,UAAU;AAChC,QAAM,aAA8B,UAAU,YAAY,SAAS,WAAW;AAC9E,QAAM,YAAY;AAAA,IACd;AAAA,IACA,qBAAqB,UAAU;AAAA,IAC/B,2BAA2B,UAAU,EAAE,KAAK;AAAA,IAC5C;AAAA,MACI,iCAAiC;AAAA,MACjC,mBAAmB;AAAA,MACnB,aAAa,eAAe;AAAA,MAC5B,WAAW,CAAC;AAAA;AAAA,MAEZ,mBAAmB,CAAC,WAAW,CAAC;AAAA,MAChC,gBAAgB,WAAW;AAAA,IAAA;AAAA,IAE/B,MAAM;AAAA,EAAA;AAGV,QAAM,UAAU,MAAM;AAClB,QAAI,SAAS;AACT,aAAO,sBAAA,cAAC,sBAAgB,QAAS;AAAA,IACrC;AAEA,UAAM,kBACF,OAAO,aAAa,+CAAY,QAAA,EAAK,WAAU,2BAAyB,QAAS,IAAU;AAE/F,QAAI,QAAQ;AACR,aACI,sBAAA,cAAA,MAAA,UAAA,MACI,sBAAA,cAAC,OAAA,EAAI,WAAW,GAAG,sCAAsC,sBAAsB,KAAK,CAAC,EAAA,CAAG,GACvF,eACL;AAAA,IAER;AACA,WAAO;AAAA,EACX;AAEA,SACI,sBAAA,cAAC,QAAA,EAAM,GAAG,YAAY,WAAsB,aAAU,SAAQ,KAAU,MAAK,UAAS,OAAO,MAAM,YAAY,EAAA,GAC1G,SACL;AAER,CAAC;"}

package/dist/components/BadgeIcon/BadgeIcon.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"BadgeIcon.cjs","sources":["../../../src/components/BadgeIcon/BadgeIcon.tsx"],"sourcesContent":["import cn from 'clsx';\nimport * as React from 'react';\n\nimport type { Color } from '../../types';\nimport { SUBTLE_COLOR_SHADE_CLASSNAME, COLOR_SHADE_CLASSNAME } from '../../utils/tailwind';\nimport type { IconName } from '../Icon/Icon';\nimport { Icon } from '../Icon/Icon';\n\ntype BadgeIconAppearance = 'solid' | 'subtle';\n\nconst APPEARANCE_COLOR_CLASSNAME: Record<BadgeIconAppearance, Record<Color, string>> = {\n    solid: COLOR_SHADE_CLASSNAME,\n    subtle: SUBTLE_COLOR_SHADE_CLASSNAME,\n};\n\nexport type BadgeIconProps = React.HTMLAttributes<HTMLSpanElement> & {\n    /** Icon type **/\n    icon: IconName;\n    /**\n     * Background color\n     * @default grey\n     **/\n    color?: Color;\n    /**\n     * Show subtle version\n     * @default false\n     **/\n    subtle?: boolean;\n    /**\n     * Show small version of badge icon\n     * @default false\n     **/\n    small?: boolean;\n};\n\nexport const BadgeIcon = React.forwardRef(function Badge(props: BadgeIconProps, ref: React.Ref<HTMLSpanElement>) {\n    const { color = 'grey', icon, subtle, small, ...otherProps } = props;\n\n    const appearance: BadgeIconAppearance = subtle ? 'subtle' : 'solid';\n\n    const className = cn(\n        'inline-flex shrink-0 items-center justify-center overflow-hidden whitespace-nowrap rounded-full border border-transparent [&>*]:max-h-full',\n        { 'h-5 w-5': !small },\n        { 'h-4 w-4 text-xs': small },\n        APPEARANCE_COLOR_CLASSNAME[appearance][color],\n        props.className\n    );\n\n    const iconProps = {\n        strokeWidth: 1,\n        stroke: 'currentColor',\n    };\n\n    return (\n        <span\n            {...otherProps}\n            aria-label=\"icon\"\n            className={className}\n            data-taco=\"badge-icon\"\n            ref={ref}\n            role=\"status\"\n            title={props['aria-label']}>\n            <Icon name={icon} {...iconProps} />\n        </span>\n    );\n});\n"],"names":["COLOR_SHADE_CLASSNAME","SUBTLE_COLOR_SHADE_CLASSNAME","React","Icon"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAUA,MAAM,6BAAiF;AAAA,EACnF,OAAOA,SAAAA;AAAAA,EACP,QAAQC,SAAAA;AACZ;AAsBO,MAAM,YAAYC,iBAAM,WAAW,SAAS,MAAM,OAAuB,KAAiC;AAC7G,QAAM,EAAE,QAAQ,QAAQ,MAAM,QAAQ,OAAO,GAAG,eAAe;AAE/D,QAAM,aAAkC,SAAS,WAAW;AAE5D,QAAM,YAAY;AAAA,IACd;AAAA,IACA,EAAE,WAAW,CAAC,MAAA;AAAA,IACd,EAAE,mBAAmB,MAAA;AAAA,IACrB,2BAA2B,UAAU,EAAE,KAAK;AAAA,IAC5C,MAAM;AAAA,EAAA;AAGV,QAAM,YAAY;AAAA,IACd,aAAa;AAAA,IACb,QAAQ;AAAA,EAAA;AAGZ,SACIA,iCAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAG;AAAA,MACJ,cAAW;AAAA,MACX;AAAA,MACA,aAAU;AAAA,MACV;AAAA,MACA,MAAK;AAAA,MACL,OAAO,MAAM,YAAY;AAAA,IAAA;AAAA,IACzBA,iCAAA,cAACC,KAAAA,MAAA,EAAK,MAAM,MAAO,GAAG,UAAA,CAAW;AAAA,EAAA;AAG7C,CAAC;;"}
+{"version":3,"file":"BadgeIcon.cjs","sources":["../../../src/components/BadgeIcon/BadgeIcon.tsx"],"sourcesContent":["import cn from 'clsx';\nimport * as React from 'react';\n\nimport type { IconName } from '@/components';\nimport { Icon } from '@/components';\nimport type { Color } from '@/types';\nimport { SUBTLE_COLOR_SHADE_CLASSNAME, COLOR_SHADE_CLASSNAME } from '@/utils/tailwind';\n\ntype BadgeIconAppearance = 'solid' | 'subtle';\n\nconst APPEARANCE_COLOR_CLASSNAME: Record<BadgeIconAppearance, Record<Color, string>> = {\n    solid: COLOR_SHADE_CLASSNAME,\n    subtle: SUBTLE_COLOR_SHADE_CLASSNAME,\n};\n\nexport type BadgeIconProps = React.HTMLAttributes<HTMLSpanElement> & {\n    /** Icon type **/\n    icon: IconName;\n    /**\n     * Background color\n     * @default grey\n     **/\n    color?: Color;\n    /**\n     * Show subtle version\n     * @default false\n     **/\n    subtle?: boolean;\n    /**\n     * Show small version of badge icon\n     * @default false\n     **/\n    small?: boolean;\n};\n\nexport const BadgeIcon = React.forwardRef(function Badge(props: BadgeIconProps, ref: React.Ref<HTMLSpanElement>) {\n    const { color = 'grey', icon, subtle, small, ...otherProps } = props;\n\n    const appearance: BadgeIconAppearance = subtle ? 'subtle' : 'solid';\n\n    const className = cn(\n        'inline-flex shrink-0 items-center justify-center overflow-hidden whitespace-nowrap rounded-full border border-transparent [&>*]:max-h-full',\n        { 'h-5 w-5': !small },\n        { 'h-4 w-4 text-xs': small },\n        APPEARANCE_COLOR_CLASSNAME[appearance][color],\n        props.className\n    );\n\n    const iconProps = {\n        strokeWidth: 1,\n        stroke: 'currentColor',\n    };\n\n    return (\n        <span\n            {...otherProps}\n            aria-label=\"icon\"\n            className={className}\n            data-taco=\"badge-icon\"\n            ref={ref}\n            role=\"status\"\n            title={props['aria-label']}>\n            <Icon name={icon} {...iconProps} />\n        </span>\n    );\n});\n"],"names":["COLOR_SHADE_CLASSNAME","SUBTLE_COLOR_SHADE_CLASSNAME","React","Icon"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAUA,MAAM,6BAAiF;AAAA,EACnF,OAAOA,SAAAA;AAAAA,EACP,QAAQC,SAAAA;AACZ;AAsBO,MAAM,YAAYC,iBAAM,WAAW,SAAS,MAAM,OAAuB,KAAiC;AAC7G,QAAM,EAAE,QAAQ,QAAQ,MAAM,QAAQ,OAAO,GAAG,eAAe;AAE/D,QAAM,aAAkC,SAAS,WAAW;AAE5D,QAAM,YAAY;AAAA,IACd;AAAA,IACA,EAAE,WAAW,CAAC,MAAA;AAAA,IACd,EAAE,mBAAmB,MAAA;AAAA,IACrB,2BAA2B,UAAU,EAAE,KAAK;AAAA,IAC5C,MAAM;AAAA,EAAA;AAGV,QAAM,YAAY;AAAA,IACd,aAAa;AAAA,IACb,QAAQ;AAAA,EAAA;AAGZ,SACIA,iCAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAG;AAAA,MACJ,cAAW;AAAA,MACX;AAAA,MACA,aAAU;AAAA,MACV;AAAA,MACA,MAAK;AAAA,MACL,OAAO,MAAM,YAAY;AAAA,IAAA;AAAA,IACzBA,iCAAA,cAACC,KAAAA,MAAA,EAAK,MAAM,MAAO,GAAG,UAAA,CAAW;AAAA,EAAA;AAG7C,CAAC;;"}

package/dist/components/BadgeIcon/BadgeIcon.d.ts

@@ -1,5 +1,5 @@
+import { IconName } from '..';
 import { Color } from '../../types';
-import { IconName } from '../Icon/Icon';
 import * as React from 'react';
 export type BadgeIconProps = React.HTMLAttributes<HTMLSpanElement> & {
     /** Icon type **/

package/dist/components/BadgeIcon/BadgeIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"BadgeIcon.js","sources":["../../../src/components/BadgeIcon/BadgeIcon.tsx"],"sourcesContent":["import cn from 'clsx';\nimport * as React from 'react';\n\nimport type { Color } from '../../types';\nimport { SUBTLE_COLOR_SHADE_CLASSNAME, COLOR_SHADE_CLASSNAME } from '../../utils/tailwind';\nimport type { IconName } from '../Icon/Icon';\nimport { Icon } from '../Icon/Icon';\n\ntype BadgeIconAppearance = 'solid' | 'subtle';\n\nconst APPEARANCE_COLOR_CLASSNAME: Record<BadgeIconAppearance, Record<Color, string>> = {\n    solid: COLOR_SHADE_CLASSNAME,\n    subtle: SUBTLE_COLOR_SHADE_CLASSNAME,\n};\n\nexport type BadgeIconProps = React.HTMLAttributes<HTMLSpanElement> & {\n    /** Icon type **/\n    icon: IconName;\n    /**\n     * Background color\n     * @default grey\n     **/\n    color?: Color;\n    /**\n     * Show subtle version\n     * @default false\n     **/\n    subtle?: boolean;\n    /**\n     * Show small version of badge icon\n     * @default false\n     **/\n    small?: boolean;\n};\n\nexport const BadgeIcon = React.forwardRef(function Badge(props: BadgeIconProps, ref: React.Ref<HTMLSpanElement>) {\n    const { color = 'grey', icon, subtle, small, ...otherProps } = props;\n\n    const appearance: BadgeIconAppearance = subtle ? 'subtle' : 'solid';\n\n    const className = cn(\n        'inline-flex shrink-0 items-center justify-center overflow-hidden whitespace-nowrap rounded-full border border-transparent [&>*]:max-h-full',\n        { 'h-5 w-5': !small },\n        { 'h-4 w-4 text-xs': small },\n        APPEARANCE_COLOR_CLASSNAME[appearance][color],\n        props.className\n    );\n\n    const iconProps = {\n        strokeWidth: 1,\n        stroke: 'currentColor',\n    };\n\n    return (\n        <span\n            {...otherProps}\n            aria-label=\"icon\"\n            className={className}\n            data-taco=\"badge-icon\"\n            ref={ref}\n            role=\"status\"\n            title={props['aria-label']}>\n            <Icon name={icon} {...iconProps} />\n        </span>\n    );\n});\n"],"names":[],"mappings":";;;;AAUA,MAAM,6BAAiF;AAAA,EACnF,OAAO;AAAA,EACP,QAAQ;AACZ;AAsBO,MAAM,YAAY,MAAM,WAAW,SAAS,MAAM,OAAuB,KAAiC;AAC7G,QAAM,EAAE,QAAQ,QAAQ,MAAM,QAAQ,OAAO,GAAG,eAAe;AAE/D,QAAM,aAAkC,SAAS,WAAW;AAE5D,QAAM,YAAY;AAAA,IACd;AAAA,IACA,EAAE,WAAW,CAAC,MAAA;AAAA,IACd,EAAE,mBAAmB,MAAA;AAAA,IACrB,2BAA2B,UAAU,EAAE,KAAK;AAAA,IAC5C,MAAM;AAAA,EAAA;AAGV,QAAM,YAAY;AAAA,IACd,aAAa;AAAA,IACb,QAAQ;AAAA,EAAA;AAGZ,SACI,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAG;AAAA,MACJ,cAAW;AAAA,MACX;AAAA,MACA,aAAU;AAAA,MACV;AAAA,MACA,MAAK;AAAA,MACL,OAAO,MAAM,YAAY;AAAA,IAAA;AAAA,IACzB,sBAAA,cAAC,MAAA,EAAK,MAAM,MAAO,GAAG,UAAA,CAAW;AAAA,EAAA;AAG7C,CAAC;"}
+{"version":3,"file":"BadgeIcon.js","sources":["../../../src/components/BadgeIcon/BadgeIcon.tsx"],"sourcesContent":["import cn from 'clsx';\nimport * as React from 'react';\n\nimport type { IconName } from '@/components';\nimport { Icon } from '@/components';\nimport type { Color } from '@/types';\nimport { SUBTLE_COLOR_SHADE_CLASSNAME, COLOR_SHADE_CLASSNAME } from '@/utils/tailwind';\n\ntype BadgeIconAppearance = 'solid' | 'subtle';\n\nconst APPEARANCE_COLOR_CLASSNAME: Record<BadgeIconAppearance, Record<Color, string>> = {\n    solid: COLOR_SHADE_CLASSNAME,\n    subtle: SUBTLE_COLOR_SHADE_CLASSNAME,\n};\n\nexport type BadgeIconProps = React.HTMLAttributes<HTMLSpanElement> & {\n    /** Icon type **/\n    icon: IconName;\n    /**\n     * Background color\n     * @default grey\n     **/\n    color?: Color;\n    /**\n     * Show subtle version\n     * @default false\n     **/\n    subtle?: boolean;\n    /**\n     * Show small version of badge icon\n     * @default false\n     **/\n    small?: boolean;\n};\n\nexport const BadgeIcon = React.forwardRef(function Badge(props: BadgeIconProps, ref: React.Ref<HTMLSpanElement>) {\n    const { color = 'grey', icon, subtle, small, ...otherProps } = props;\n\n    const appearance: BadgeIconAppearance = subtle ? 'subtle' : 'solid';\n\n    const className = cn(\n        'inline-flex shrink-0 items-center justify-center overflow-hidden whitespace-nowrap rounded-full border border-transparent [&>*]:max-h-full',\n        { 'h-5 w-5': !small },\n        { 'h-4 w-4 text-xs': small },\n        APPEARANCE_COLOR_CLASSNAME[appearance][color],\n        props.className\n    );\n\n    const iconProps = {\n        strokeWidth: 1,\n        stroke: 'currentColor',\n    };\n\n    return (\n        <span\n            {...otherProps}\n            aria-label=\"icon\"\n            className={className}\n            data-taco=\"badge-icon\"\n            ref={ref}\n            role=\"status\"\n            title={props['aria-label']}>\n            <Icon name={icon} {...iconProps} />\n        </span>\n    );\n});\n"],"names":[],"mappings":";;;;AAUA,MAAM,6BAAiF;AAAA,EACnF,OAAO;AAAA,EACP,QAAQ;AACZ;AAsBO,MAAM,YAAY,MAAM,WAAW,SAAS,MAAM,OAAuB,KAAiC;AAC7G,QAAM,EAAE,QAAQ,QAAQ,MAAM,QAAQ,OAAO,GAAG,eAAe;AAE/D,QAAM,aAAkC,SAAS,WAAW;AAE5D,QAAM,YAAY;AAAA,IACd;AAAA,IACA,EAAE,WAAW,CAAC,MAAA;AAAA,IACd,EAAE,mBAAmB,MAAA;AAAA,IACrB,2BAA2B,UAAU,EAAE,KAAK;AAAA,IAC5C,MAAM;AAAA,EAAA;AAGV,QAAM,YAAY;AAAA,IACd,aAAa;AAAA,IACb,QAAQ;AAAA,EAAA;AAGZ,SACI,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAG;AAAA,MACJ,cAAW;AAAA,MACX;AAAA,MACA,aAAU;AAAA,MACV;AAAA,MACA,MAAK;AAAA,MACL,OAAO,MAAM,YAAY;AAAA,IAAA;AAAA,IACzB,sBAAA,cAAC,MAAA,EAAK,MAAM,MAAO,GAAG,UAAA,CAAW;AAAA,EAAA;AAG7C,CAAC;"}

package/dist/components/Banner/Banner.cjs

@@ -2,9 +2,9 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const cn = require("clsx");
 const React = require("react");
-const IconButton = require("../LegacyComponents/IconButton/IconButton.cjs");
-const Localization = require("../Provider/Localization.cjs");
 const util = require("./util.cjs");
+const Localization = require("../Provider/Localization.cjs");
+const IconButton = require("../LegacyComponents/IconButton/IconButton.cjs");
 function _interopNamespaceDefault(e) {
   const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
   if (e) {

package/dist/components/Banner/Banner.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Banner.cjs","sources":["../../../src/components/Banner/Banner.tsx"],"sourcesContent":["import cn from 'clsx';\nimport * as React from 'react';\n\nimport type { State } from '../../types';\nimport { LegacyIconButton } from '../LegacyComponents/IconButton/IconButton';\nimport { useLocalization } from '../Provider/Localization';\n\nimport { getBannerIcon } from './util';\n\nexport type BannerProps = React.HTMLAttributes<HTMLDivElement> & {\n    /** Content can be any react element, for e.g. a `div` */\n    children: React.ReactNode;\n    /** State will change the icon displayed in banner */\n    state: State;\n    onClose?: () => void;\n};\n\nexport type BannerTexts = {\n    /** Aria-label for the close icon button of banner */\n    close: string;\n};\n\nexport const Banner = React.forwardRef(function Banner(props: BannerProps, ref: React.Ref<HTMLDivElement>) {\n    const { children, state, onClose } = props;\n    const { texts } = useLocalization();\n    const className = cn('relative z-10 flex items-center gap-2 bg-white px-4 py-2 leading-6 shadow-md', props.className);\n\n    return (\n        <div className={className} data-taco=\"banner\" ref={ref}>\n            {getBannerIcon(state)}\n            {children}\n            {onClose ? (\n                <LegacyIconButton\n                    aria-label={texts.banner.close}\n                    className=\"-mr-2 ml-auto self-start\"\n                    icon=\"close\"\n                    appearance=\"discrete\"\n                    onClick={onClose}\n                />\n            ) : null}\n        </div>\n    );\n});\n"],"names":["React","Banner","useLocalization","getBannerIcon","LegacyIconButton"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAsBO,MAAM,SAASA,iBAAM,WAAW,SAASC,QAAO,OAAoB,KAAgC;AACvG,QAAM,EAAE,UAAU,OAAO,QAAA,IAAY;AACrC,QAAM,EAAE,MAAA,IAAUC,6BAAA;AAClB,QAAM,YAAY,GAAG,gFAAgF,MAAM,SAAS;AAEpH,SACIF,iCAAA,cAAC,OAAA,EAAI,WAAsB,aAAU,UAAS,OACzCG,KAAAA,cAAc,KAAK,GACnB,UACA,UACGH,iCAAA;AAAA,IAACI,WAAAA;AAAAA,IAAA;AAAA,MACG,cAAY,MAAM,OAAO;AAAA,MACzB,WAAU;AAAA,MACV,MAAK;AAAA,MACL,YAAW;AAAA,MACX,SAAS;AAAA,IAAA;AAAA,EAAA,IAEb,IACR;AAER,CAAC;;"}
+{"version":3,"file":"Banner.cjs","sources":["../../../src/components/Banner/Banner.tsx"],"sourcesContent":["import cn from 'clsx';\nimport * as React from 'react';\n\nimport { LegacyIconButton, useLocalization } from '@/components';\nimport type { State } from '@/types';\n\nimport { getBannerIcon } from './util';\n\nexport type BannerProps = React.HTMLAttributes<HTMLDivElement> & {\n    /** Content can be any react element, for e.g. a `div` */\n    children: React.ReactNode;\n    /** State will change the icon displayed in banner */\n    state: State;\n    onClose?: () => void;\n};\n\nexport type BannerTexts = {\n    /** Aria-label for the close icon button of banner */\n    close: string;\n};\n\nexport const Banner = React.forwardRef(function Banner(props: BannerProps, ref: React.Ref<HTMLDivElement>) {\n    const { children, state, onClose } = props;\n    const { texts } = useLocalization();\n    const className = cn('relative z-10 flex items-center gap-2 bg-white px-4 py-2 leading-6 shadow-md', props.className);\n\n    return (\n        <div className={className} data-taco=\"banner\" ref={ref}>\n            {getBannerIcon(state)}\n            {children}\n            {onClose ? (\n                <LegacyIconButton\n                    aria-label={texts.banner.close}\n                    className=\"-mr-2 ml-auto self-start\"\n                    icon=\"close\"\n                    appearance=\"discrete\"\n                    onClick={onClose}\n                />\n            ) : null}\n        </div>\n    );\n});\n"],"names":["React","Banner","useLocalization","getBannerIcon","LegacyIconButton"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAqBO,MAAM,SAASA,iBAAM,WAAW,SAASC,QAAO,OAAoB,KAAgC;AACvG,QAAM,EAAE,UAAU,OAAO,QAAA,IAAY;AACrC,QAAM,EAAE,MAAA,IAAUC,6BAAA;AAClB,QAAM,YAAY,GAAG,gFAAgF,MAAM,SAAS;AAEpH,SACIF,iCAAA,cAAC,OAAA,EAAI,WAAsB,aAAU,UAAS,OACzCG,KAAAA,cAAc,KAAK,GACnB,UACA,UACGH,iCAAA;AAAA,IAACI,WAAAA;AAAAA,IAAA;AAAA,MACG,cAAY,MAAM,OAAO;AAAA,MACzB,WAAU;AAAA,MACV,MAAK;AAAA,MACL,YAAW;AAAA,MACX,SAAS;AAAA,IAAA;AAAA,EAAA,IAEb,IACR;AAER,CAAC;;"}

package/dist/components/Banner/Banner.js

@@ -1,8 +1,8 @@
 import cn from "clsx";
 import * as React from "react";
-import { LegacyIconButton } from "../LegacyComponents/IconButton/IconButton.js";
-import { useLocalization } from "../Provider/Localization.js";
 import { getBannerIcon } from "./util.js";
+import { useLocalization } from "../Provider/Localization.js";
+import { LegacyIconButton } from "../LegacyComponents/IconButton/IconButton.js";
 const Banner = React.forwardRef(function Banner2(props, ref) {
   const { children, state, onClose } = props;
   const { texts } = useLocalization();

package/dist/components/Banner/Banner.js.map

@@ -1 +1 @@
-{"version":3,"file":"Banner.js","sources":["../../../src/components/Banner/Banner.tsx"],"sourcesContent":["import cn from 'clsx';\nimport * as React from 'react';\n\nimport type { State } from '../../types';\nimport { LegacyIconButton } from '../LegacyComponents/IconButton/IconButton';\nimport { useLocalization } from '../Provider/Localization';\n\nimport { getBannerIcon } from './util';\n\nexport type BannerProps = React.HTMLAttributes<HTMLDivElement> & {\n    /** Content can be any react element, for e.g. a `div` */\n    children: React.ReactNode;\n    /** State will change the icon displayed in banner */\n    state: State;\n    onClose?: () => void;\n};\n\nexport type BannerTexts = {\n    /** Aria-label for the close icon button of banner */\n    close: string;\n};\n\nexport const Banner = React.forwardRef(function Banner(props: BannerProps, ref: React.Ref<HTMLDivElement>) {\n    const { children, state, onClose } = props;\n    const { texts } = useLocalization();\n    const className = cn('relative z-10 flex items-center gap-2 bg-white px-4 py-2 leading-6 shadow-md', props.className);\n\n    return (\n        <div className={className} data-taco=\"banner\" ref={ref}>\n            {getBannerIcon(state)}\n            {children}\n            {onClose ? (\n                <LegacyIconButton\n                    aria-label={texts.banner.close}\n                    className=\"-mr-2 ml-auto self-start\"\n                    icon=\"close\"\n                    appearance=\"discrete\"\n                    onClick={onClose}\n                />\n            ) : null}\n        </div>\n    );\n});\n"],"names":["Banner"],"mappings":";;;;;AAsBO,MAAM,SAAS,MAAM,WAAW,SAASA,QAAO,OAAoB,KAAgC;AACvG,QAAM,EAAE,UAAU,OAAO,QAAA,IAAY;AACrC,QAAM,EAAE,MAAA,IAAU,gBAAA;AAClB,QAAM,YAAY,GAAG,gFAAgF,MAAM,SAAS;AAEpH,SACI,sBAAA,cAAC,OAAA,EAAI,WAAsB,aAAU,UAAS,OACzC,cAAc,KAAK,GACnB,UACA,UACG,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,cAAY,MAAM,OAAO;AAAA,MACzB,WAAU;AAAA,MACV,MAAK;AAAA,MACL,YAAW;AAAA,MACX,SAAS;AAAA,IAAA;AAAA,EAAA,IAEb,IACR;AAER,CAAC;"}
+{"version":3,"file":"Banner.js","sources":["../../../src/components/Banner/Banner.tsx"],"sourcesContent":["import cn from 'clsx';\nimport * as React from 'react';\n\nimport { LegacyIconButton, useLocalization } from '@/components';\nimport type { State } from '@/types';\n\nimport { getBannerIcon } from './util';\n\nexport type BannerProps = React.HTMLAttributes<HTMLDivElement> & {\n    /** Content can be any react element, for e.g. a `div` */\n    children: React.ReactNode;\n    /** State will change the icon displayed in banner */\n    state: State;\n    onClose?: () => void;\n};\n\nexport type BannerTexts = {\n    /** Aria-label for the close icon button of banner */\n    close: string;\n};\n\nexport const Banner = React.forwardRef(function Banner(props: BannerProps, ref: React.Ref<HTMLDivElement>) {\n    const { children, state, onClose } = props;\n    const { texts } = useLocalization();\n    const className = cn('relative z-10 flex items-center gap-2 bg-white px-4 py-2 leading-6 shadow-md', props.className);\n\n    return (\n        <div className={className} data-taco=\"banner\" ref={ref}>\n            {getBannerIcon(state)}\n            {children}\n            {onClose ? (\n                <LegacyIconButton\n                    aria-label={texts.banner.close}\n                    className=\"-mr-2 ml-auto self-start\"\n                    icon=\"close\"\n                    appearance=\"discrete\"\n                    onClick={onClose}\n                />\n            ) : null}\n        </div>\n    );\n});\n"],"names":["Banner"],"mappings":";;;;;AAqBO,MAAM,SAAS,MAAM,WAAW,SAASA,QAAO,OAAoB,KAAgC;AACvG,QAAM,EAAE,UAAU,OAAO,QAAA,IAAY;AACrC,QAAM,EAAE,MAAA,IAAU,gBAAA;AAClB,QAAM,YAAY,GAAG,gFAAgF,MAAM,SAAS;AAEpH,SACI,sBAAA,cAAC,OAAA,EAAI,WAAsB,aAAU,UAAS,OACzC,cAAc,KAAK,GACnB,UACA,UACG,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,cAAY,MAAM,OAAO;AAAA,MACzB,WAAU;AAAA,MACV,MAAK;AAAA,MACL,YAAW;AAAA,MACX,SAAS;AAAA,IAAA;AAAA,EAAA,IAEb,IACR;AAER,CAAC;"}

package/dist/components/Banner/util.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"util.cjs","sources":["../../../src/components/Banner/util.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { State } from '../../types';\nimport { BadgeIcon } from '../BadgeIcon/BadgeIcon';\n\nexport const getBannerIcon = (type: State): React.JSX.Element | null => {\n    return (\n        // oxlint-disable-next-line taco/no-component-margin -- grandfathered; removing this margin is a visual breaking change\n        <div className=\"mt-[5px] self-start\">\n            {(() => {\n                switch (type) {\n                    case 'success':\n                        return <BadgeIcon icon=\"tick\" color=\"green\" />;\n                    case 'error':\n                        return <BadgeIcon icon=\"close\" color=\"red\" />;\n                    case 'experiment':\n                        return <BadgeIcon icon=\"experiment\" color=\"purple\" />;\n                    case 'warning':\n                        return <BadgeIcon icon=\"warning\" color=\"yellow\" />;\n                    case 'information':\n                        return <BadgeIcon icon=\"info\" color=\"blue\" />;\n                    default:\n                        return null;\n                }\n            })()}\n        </div>\n    );\n};\n"],"names":["BadgeIcon"],"mappings":";;;;AAKO,MAAM,gBAAgB,CAAC,SAA0C;AACpE;AAAA;AAAA,IAEI,sBAAA,cAAC,OAAA,EAAI,WAAU,sBAAA,IACT,MAAM;AACJ,cAAQ,MAAA;AAAA,QACJ,KAAK;AACD,iBAAO,sBAAA,cAACA,qBAAA,EAAU,MAAK,QAAO,OAAM,SAAQ;AAAA,QAChD,KAAK;AACD,iBAAO,sBAAA,cAACA,qBAAA,EAAU,MAAK,SAAQ,OAAM,OAAM;AAAA,QAC/C,KAAK;AACD,iBAAO,sBAAA,cAACA,qBAAA,EAAU,MAAK,cAAa,OAAM,UAAS;AAAA,QACvD,KAAK;AACD,iBAAO,sBAAA,cAACA,qBAAA,EAAU,MAAK,WAAU,OAAM,UAAS;AAAA,QACpD,KAAK;AACD,iBAAO,sBAAA,cAACA,qBAAA,EAAU,MAAK,QAAO,OAAM,QAAO;AAAA,QAC/C;AACI,iBAAO;AAAA,MAAA;AAAA,IAEnB,IACJ;AAAA;AAER;;"}
+{"version":3,"file":"util.cjs","sources":["../../../src/components/Banner/util.tsx"],"sourcesContent":["import React from 'react';\n\nimport { BadgeIcon } from '@/components';\nimport type { State } from '@/types';\n\nexport const getBannerIcon = (type: State): React.JSX.Element | null => {\n    return (\n        // oxlint-disable-next-line taco/no-component-margin -- grandfathered; removing this margin is a visual breaking change\n        <div className=\"mt-[5px] self-start\">\n            {(() => {\n                switch (type) {\n                    case 'success':\n                        return <BadgeIcon icon=\"tick\" color=\"green\" />;\n                    case 'error':\n                        return <BadgeIcon icon=\"close\" color=\"red\" />;\n                    case 'experiment':\n                        return <BadgeIcon icon=\"experiment\" color=\"purple\" />;\n                    case 'warning':\n                        return <BadgeIcon icon=\"warning\" color=\"yellow\" />;\n                    case 'information':\n                        return <BadgeIcon icon=\"info\" color=\"blue\" />;\n                    default:\n                        return null;\n                }\n            })()}\n        </div>\n    );\n};\n"],"names":["BadgeIcon"],"mappings":";;;;AAKO,MAAM,gBAAgB,CAAC,SAA0C;AACpE;AAAA;AAAA,IAEI,sBAAA,cAAC,OAAA,EAAI,WAAU,sBAAA,IACT,MAAM;AACJ,cAAQ,MAAA;AAAA,QACJ,KAAK;AACD,iBAAO,sBAAA,cAACA,qBAAA,EAAU,MAAK,QAAO,OAAM,SAAQ;AAAA,QAChD,KAAK;AACD,iBAAO,sBAAA,cAACA,qBAAA,EAAU,MAAK,SAAQ,OAAM,OAAM;AAAA,QAC/C,KAAK;AACD,iBAAO,sBAAA,cAACA,qBAAA,EAAU,MAAK,cAAa,OAAM,UAAS;AAAA,QACvD,KAAK;AACD,iBAAO,sBAAA,cAACA,qBAAA,EAAU,MAAK,WAAU,OAAM,UAAS;AAAA,QACpD,KAAK;AACD,iBAAO,sBAAA,cAACA,qBAAA,EAAU,MAAK,QAAO,OAAM,QAAO;AAAA,QAC/C;AACI,iBAAO;AAAA,MAAA;AAAA,IAEnB,IACJ;AAAA;AAER;;"}

package/dist/components/Banner/util.js.map

@@ -1 +1 @@
-{"version":3,"file":"util.js","sources":["../../../src/components/Banner/util.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { State } from '../../types';\nimport { BadgeIcon } from '../BadgeIcon/BadgeIcon';\n\nexport const getBannerIcon = (type: State): React.JSX.Element | null => {\n    return (\n        // oxlint-disable-next-line taco/no-component-margin -- grandfathered; removing this margin is a visual breaking change\n        <div className=\"mt-[5px] self-start\">\n            {(() => {\n                switch (type) {\n                    case 'success':\n                        return <BadgeIcon icon=\"tick\" color=\"green\" />;\n                    case 'error':\n                        return <BadgeIcon icon=\"close\" color=\"red\" />;\n                    case 'experiment':\n                        return <BadgeIcon icon=\"experiment\" color=\"purple\" />;\n                    case 'warning':\n                        return <BadgeIcon icon=\"warning\" color=\"yellow\" />;\n                    case 'information':\n                        return <BadgeIcon icon=\"info\" color=\"blue\" />;\n                    default:\n                        return null;\n                }\n            })()}\n        </div>\n    );\n};\n"],"names":["React"],"mappings":";;AAKO,MAAM,gBAAgB,CAAC,SAA0C;AACpE;AAAA;AAAA,IAEIA,+BAAA,cAAC,OAAA,EAAI,WAAU,sBAAA,IACT,MAAM;AACJ,cAAQ,MAAA;AAAA,QACJ,KAAK;AACD,iBAAOA,+BAAA,cAAC,WAAA,EAAU,MAAK,QAAO,OAAM,SAAQ;AAAA,QAChD,KAAK;AACD,iBAAOA,+BAAA,cAAC,WAAA,EAAU,MAAK,SAAQ,OAAM,OAAM;AAAA,QAC/C,KAAK;AACD,iBAAOA,+BAAA,cAAC,WAAA,EAAU,MAAK,cAAa,OAAM,UAAS;AAAA,QACvD,KAAK;AACD,iBAAOA,+BAAA,cAAC,WAAA,EAAU,MAAK,WAAU,OAAM,UAAS;AAAA,QACpD,KAAK;AACD,iBAAOA,+BAAA,cAAC,WAAA,EAAU,MAAK,QAAO,OAAM,QAAO;AAAA,QAC/C;AACI,iBAAO;AAAA,MAAA;AAAA,IAEnB,IACJ;AAAA;AAER;"}
+{"version":3,"file":"util.js","sources":["../../../src/components/Banner/util.tsx"],"sourcesContent":["import React from 'react';\n\nimport { BadgeIcon } from '@/components';\nimport type { State } from '@/types';\n\nexport const getBannerIcon = (type: State): React.JSX.Element | null => {\n    return (\n        // oxlint-disable-next-line taco/no-component-margin -- grandfathered; removing this margin is a visual breaking change\n        <div className=\"mt-[5px] self-start\">\n            {(() => {\n                switch (type) {\n                    case 'success':\n                        return <BadgeIcon icon=\"tick\" color=\"green\" />;\n                    case 'error':\n                        return <BadgeIcon icon=\"close\" color=\"red\" />;\n                    case 'experiment':\n                        return <BadgeIcon icon=\"experiment\" color=\"purple\" />;\n                    case 'warning':\n                        return <BadgeIcon icon=\"warning\" color=\"yellow\" />;\n                    case 'information':\n                        return <BadgeIcon icon=\"info\" color=\"blue\" />;\n                    default:\n                        return null;\n                }\n            })()}\n        </div>\n    );\n};\n"],"names":["React"],"mappings":";;AAKO,MAAM,gBAAgB,CAAC,SAA0C;AACpE;AAAA;AAAA,IAEIA,+BAAA,cAAC,OAAA,EAAI,WAAU,sBAAA,IACT,MAAM;AACJ,cAAQ,MAAA;AAAA,QACJ,KAAK;AACD,iBAAOA,+BAAA,cAAC,WAAA,EAAU,MAAK,QAAO,OAAM,SAAQ;AAAA,QAChD,KAAK;AACD,iBAAOA,+BAAA,cAAC,WAAA,EAAU,MAAK,SAAQ,OAAM,OAAM;AAAA,QAC/C,KAAK;AACD,iBAAOA,+BAAA,cAAC,WAAA,EAAU,MAAK,cAAa,OAAM,UAAS;AAAA,QACvD,KAAK;AACD,iBAAOA,+BAAA,cAAC,WAAA,EAAU,MAAK,WAAU,OAAM,UAAS;AAAA,QACpD,KAAK;AACD,iBAAOA,+BAAA,cAAC,WAAA,EAAU,MAAK,QAAO,OAAM,QAAO;AAAA,QAC/C;AACI,iBAAO;AAAA,MAAA;AAAA,IAEnB,IACJ;AAAA;AAER;"}

package/dist/components/Calendar/Calendar.cjs

@@ -5,10 +5,10 @@ const dateFns = require("date-fns");
 const range = require("lodash/range");
 const React = require("react");
 const reactDayPicker = require("react-day-picker");
-const IconButton = require("../LegacyComponents/IconButton/IconButton.cjs");
+;/* empty css               */
 const Localization = require("../Provider/Localization.cjs");
 const Tooltip = require("../Tooltip/Tooltip.cjs");
-;/* empty css               */
+const IconButton = require("../LegacyComponents/IconButton/IconButton.cjs");
 function _interopNamespaceDefault(e) {
   const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
   if (e) {

package/dist/components/Calendar/Calendar.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Calendar.cjs","sources":["../../../src/components/Calendar/Calendar.tsx"],"sourcesContent":["import cn from 'clsx';\nimport { addYears, endOfYear, startOfYear, subYears } from 'date-fns';\nimport range from 'lodash/range';\nimport * as React from 'react';\nimport type { DropdownProps, Matcher, OnSelectHandler } from 'react-day-picker';\nimport { DayPicker } from 'react-day-picker';\n\nimport { LegacyIconButton } from '../LegacyComponents/IconButton/IconButton';\nimport { useLocalization } from '../Provider/Localization';\nimport { Tooltip } from '../Tooltip/Tooltip';\n\nimport './Calendar.css';\n\nexport type CalendarTextsActions = {\n    /** Aria-label for previous month action button */\n    previousMonth: string;\n    /** Aria-label for next month action button */\n    nextMonth: string;\n    /** Aria-label for previous year action button */\n    previousYear: string;\n    /** Aria-label for next year action button */\n    nextYear: string;\n    /** Text displayed within today action button */\n    today: string;\n};\n\nexport type CalendarTexts = {\n    /** Text and aria-label for action buttons in Calendar */\n    actions: CalendarTextsActions;\n    /** Text abbreviation for months in Calendar's header, starting with January */\n    months: string[];\n    /** Text abbreviation for days in Calendar's header, starting with Sunday */\n    weekdaysShort: string[];\n    /** Text for days in Calendar's header, starting with Sunday */\n    weekdays: string[];\n};\n\nexport type CalendarProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'value'> & {\n    /** Handler called when a day is clicked in calendar */\n    onChange: (date: Date, event?: React.MouseEvent<Element>) => void;\n    value?: Date;\n    disabledDays?: Matcher[];\n};\n\nconst TodayButton = ({ handleChange }: { handleChange: (month: Date) => void }) => {\n    const { texts } = useLocalization();\n\n    const handleCalendarClickToday = (): void => {\n        const today = new Date();\n\n        // set to midday to avoid UTC offset causing dates to be mismatched server side\n        today.setHours(12);\n        today.setMinutes(0);\n        today.setSeconds(0);\n\n        handleChange(today);\n    };\n    return (\n        <button\n            type=\"button\"\n            className=\"cursor-pointer border-none bg-transparent text-xs text-blue-500 hover:text-blue-300\"\n            onClick={handleCalendarClickToday}\n            data-taco=\"calendar-today-button\">\n            {texts.calendar.actions.today}\n        </button>\n    );\n};\n\nconst MonthsDropdown = (props: DropdownProps) => {\n    const { texts } = useLocalization();\n    const { onChange, value } = props;\n\n    return (\n        <select className=\"h-8 px-2\" name=\"month\" onChange={onChange} value={value}>\n            {texts.calendar.months.map((month, i) => (\n                <option key={month} value={i}>\n                    {month}\n                </option>\n            ))}\n        </select>\n    );\n};\n\nconst today = new Date();\nconst startDateOfCalendar = startOfYear(subYears(today, 50));\nconst endDateOfCalendar = endOfYear(addYears(today, 10));\n\nconst YearsDropdown = (props: DropdownProps) => {\n    const { onChange, value } = props;\n\n    const years = React.useMemo(() => {\n        return range(startDateOfCalendar.getFullYear(), endDateOfCalendar.getFullYear() + 1);\n    }, []);\n\n    return (\n        <select className=\"h-8 px-2\" name=\"year\" onChange={onChange} value={value}>\n            {years.map(year => (\n                <option key={year} value={year}>\n                    {String(year)}\n                </option>\n            ))}\n        </select>\n    );\n};\n\nexport const Calendar = (props: CalendarProps) => {\n    const { onChange: handleChange, value, disabledDays, ...otherProps } = props;\n    const [visibleMonth, setVisibleMonth] = React.useState(value ?? new Date());\n    const { texts } = useLocalization();\n\n    React.useEffect(() => {\n        if (visibleMonth !== value) {\n            setVisibleMonth(value ?? new Date());\n        }\n    }, [value]);\n\n    const className = cn('flex flex-col bg-white p-2 text-xs', otherProps.className);\n\n    const handleSelect: OnSelectHandler<Date | undefined> = (_, date, modifiers, e) => {\n        if (modifiers.outside || modifiers.disabled) {\n            return;\n        }\n\n        handleChange(date, e as React.MouseEvent<Element, MouseEvent>);\n    };\n\n    return (\n        <div data-taco=\"calendar\">\n            <DayPicker\n                captionLayout=\"dropdown\"\n                className={className}\n                components={{\n                    NextMonthButton: props => (\n                        <Tooltip title={texts.calendar.actions.nextMonth}>\n                            <LegacyIconButton\n                                appearance=\"discrete\"\n                                icon=\"chevron-right\"\n                                aria-label={texts.calendar.actions.nextMonth}\n                                onClick={props.onClick}\n                                rounded\n                                data-taco=\"calendar-next-month-button\"\n                            />\n                        </Tooltip>\n                    ),\n                    PreviousMonthButton: props => (\n                        <Tooltip title={texts.calendar.actions.previousMonth}>\n                            <LegacyIconButton\n                                appearance=\"discrete\"\n                                icon=\"chevron-left\"\n                                aria-label={texts.calendar.actions.previousMonth}\n                                onClick={props.onClick}\n                                rounded\n                                data-taco=\"calendar-prev-month-button\"\n                            />\n                        </Tooltip>\n                    ),\n                    MonthsDropdown,\n                    YearsDropdown,\n                    Weekdays: () => (\n                        <thead>\n                            <tr>\n                                {texts.calendar.weekdaysShort.map((weekday, index) => {\n                                    const label = texts.calendar.weekdays && texts.calendar.weekdays[index];\n                                    return (\n                                        <th key={weekday} aria-label={label} className=\"rdp-head_cell\" title={label}>\n                                            {weekday}\n                                        </th>\n                                    );\n                                })}\n                            </tr>\n                        </thead>\n                    ),\n                }}\n                disabled={disabledDays}\n                endMonth={endDateOfCalendar}\n                footer={<TodayButton handleChange={handleChange} />}\n                mode=\"single\"\n                month={visibleMonth}\n                navLayout=\"after\" // needed to have the right tab-focus order\n                numberOfMonths={1}\n                onMonthChange={setVisibleMonth}\n                onSelect={handleSelect}\n                required={false}\n                selected={value}\n                startMonth={startDateOfCalendar}\n                weekStartsOn={1}\n            />\n        </div>\n    );\n};\n"],"names":["useLocalization","today","React","startOfYear","subYears","endOfYear","addYears","DayPicker","props","Tooltip","LegacyIconButton"],"mappings":"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"}
+{"version":3,"file":"Calendar.cjs","sources":["../../../src/components/Calendar/Calendar.tsx"],"sourcesContent":["import cn from 'clsx';\nimport { addYears, endOfYear, startOfYear, subYears } from 'date-fns';\nimport range from 'lodash/range';\nimport * as React from 'react';\nimport type { DropdownProps, Matcher, OnSelectHandler } from 'react-day-picker';\nimport { DayPicker } from 'react-day-picker';\n\nimport { LegacyIconButton, Tooltip, useLocalization } from '@/components';\n\nimport './Calendar.css';\n\nexport type CalendarTextsActions = {\n    /** Aria-label for previous month action button */\n    previousMonth: string;\n    /** Aria-label for next month action button */\n    nextMonth: string;\n    /** Aria-label for previous year action button */\n    previousYear: string;\n    /** Aria-label for next year action button */\n    nextYear: string;\n    /** Text displayed within today action button */\n    today: string;\n};\n\nexport type CalendarTexts = {\n    /** Text and aria-label for action buttons in Calendar */\n    actions: CalendarTextsActions;\n    /** Text abbreviation for months in Calendar's header, starting with January */\n    months: string[];\n    /** Text abbreviation for days in Calendar's header, starting with Sunday */\n    weekdaysShort: string[];\n    /** Text for days in Calendar's header, starting with Sunday */\n    weekdays: string[];\n};\n\nexport type CalendarProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'value'> & {\n    /** Handler called when a day is clicked in calendar */\n    onChange: (date: Date, event?: React.MouseEvent<Element>) => void;\n    value?: Date;\n    disabledDays?: Matcher[];\n};\n\nconst TodayButton = ({ handleChange }: { handleChange: (month: Date) => void }) => {\n    const { texts } = useLocalization();\n\n    const handleCalendarClickToday = (): void => {\n        const today = new Date();\n\n        // set to midday to avoid UTC offset causing dates to be mismatched server side\n        today.setHours(12);\n        today.setMinutes(0);\n        today.setSeconds(0);\n\n        handleChange(today);\n    };\n    return (\n        <button\n            type=\"button\"\n            className=\"cursor-pointer border-none bg-transparent text-xs text-blue-500 hover:text-blue-300\"\n            onClick={handleCalendarClickToday}\n            data-taco=\"calendar-today-button\">\n            {texts.calendar.actions.today}\n        </button>\n    );\n};\n\nconst MonthsDropdown = (props: DropdownProps) => {\n    const { texts } = useLocalization();\n    const { onChange, value } = props;\n\n    return (\n        <select className=\"h-8 px-2\" name=\"month\" onChange={onChange} value={value}>\n            {texts.calendar.months.map((month, i) => (\n                <option key={month} value={i}>\n                    {month}\n                </option>\n            ))}\n        </select>\n    );\n};\n\nconst today = new Date();\nconst startDateOfCalendar = startOfYear(subYears(today, 50));\nconst endDateOfCalendar = endOfYear(addYears(today, 10));\n\nconst YearsDropdown = (props: DropdownProps) => {\n    const { onChange, value } = props;\n\n    const years = React.useMemo(() => {\n        return range(startDateOfCalendar.getFullYear(), endDateOfCalendar.getFullYear() + 1);\n    }, []);\n\n    return (\n        <select className=\"h-8 px-2\" name=\"year\" onChange={onChange} value={value}>\n            {years.map(year => (\n                <option key={year} value={year}>\n                    {String(year)}\n                </option>\n            ))}\n        </select>\n    );\n};\n\nexport const Calendar = (props: CalendarProps) => {\n    const { onChange: handleChange, value, disabledDays, ...otherProps } = props;\n    const [visibleMonth, setVisibleMonth] = React.useState(value ?? new Date());\n    const { texts } = useLocalization();\n\n    React.useEffect(() => {\n        if (visibleMonth !== value) {\n            setVisibleMonth(value ?? new Date());\n        }\n    }, [value]);\n\n    const className = cn('flex flex-col bg-white p-2 text-xs', otherProps.className);\n\n    const handleSelect: OnSelectHandler<Date | undefined> = (_, date, modifiers, e) => {\n        if (modifiers.outside || modifiers.disabled) {\n            return;\n        }\n\n        handleChange(date, e as React.MouseEvent<Element, MouseEvent>);\n    };\n\n    return (\n        <div data-taco=\"calendar\">\n            <DayPicker\n                captionLayout=\"dropdown\"\n                className={className}\n                components={{\n                    NextMonthButton: props => (\n                        <Tooltip title={texts.calendar.actions.nextMonth}>\n                            <LegacyIconButton\n                                appearance=\"discrete\"\n                                icon=\"chevron-right\"\n                                aria-label={texts.calendar.actions.nextMonth}\n                                onClick={props.onClick}\n                                rounded\n                                data-taco=\"calendar-next-month-button\"\n                            />\n                        </Tooltip>\n                    ),\n                    PreviousMonthButton: props => (\n                        <Tooltip title={texts.calendar.actions.previousMonth}>\n                            <LegacyIconButton\n                                appearance=\"discrete\"\n                                icon=\"chevron-left\"\n                                aria-label={texts.calendar.actions.previousMonth}\n                                onClick={props.onClick}\n                                rounded\n                                data-taco=\"calendar-prev-month-button\"\n                            />\n                        </Tooltip>\n                    ),\n                    MonthsDropdown,\n                    YearsDropdown,\n                    Weekdays: () => (\n                        <thead>\n                            <tr>\n                                {texts.calendar.weekdaysShort.map((weekday, index) => {\n                                    const label = texts.calendar.weekdays && texts.calendar.weekdays[index];\n                                    return (\n                                        <th key={weekday} aria-label={label} className=\"rdp-head_cell\" title={label}>\n                                            {weekday}\n                                        </th>\n                                    );\n                                })}\n                            </tr>\n                        </thead>\n                    ),\n                }}\n                disabled={disabledDays}\n                endMonth={endDateOfCalendar}\n                footer={<TodayButton handleChange={handleChange} />}\n                mode=\"single\"\n                month={visibleMonth}\n                navLayout=\"after\" // needed to have the right tab-focus order\n                numberOfMonths={1}\n                onMonthChange={setVisibleMonth}\n                onSelect={handleSelect}\n                required={false}\n                selected={value}\n                startMonth={startDateOfCalendar}\n                weekStartsOn={1}\n            />\n        </div>\n    );\n};\n"],"names":["useLocalization","today","React","startOfYear","subYears","endOfYear","addYears","DayPicker","props","Tooltip","LegacyIconButton"],"mappings":"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"}

package/dist/components/Calendar/Calendar.js

@@ -3,10 +3,10 @@ import { startOfYear, subYears, endOfYear, addYears } from "date-fns";
 import range from "lodash/range";
 import * as React from "react";
 import { DayPicker } from "react-day-picker";
-import { LegacyIconButton } from "../LegacyComponents/IconButton/IconButton.js";
+/* empty css             */
 import { useLocalization } from "../Provider/Localization.js";
 import { Tooltip } from "../Tooltip/Tooltip.js";
-/* empty css             */
+import { LegacyIconButton } from "../LegacyComponents/IconButton/IconButton.js";
 const TodayButton = ({ handleChange }) => {
   const { texts } = useLocalization();
   const handleCalendarClickToday = () => {