@economic/taco 1.16.2 → 1.17.0-alpha.0

package/dist/esm/packages/taco/src/components/Progress/Progress.js

@@ -1,30 +0,0 @@
-import React__default from 'react';
-import cn from 'classnames';
-
-const Progress = ({
-  duration = undefined,
-  ...props
-}) => {
-  let style;
-  if (duration) {
-    style = {
-      animationDuration: `${duration}ms`
-    };
-  }
-  const className = cn('bg-grey-light rounded block h-1 overflow-hidden w-full', props.className);
-  const progressClassName = cn('yt-progress__bar block h-1', {
-    "w-full before:h-1 before:bg-grey-dark before:block before:animate-[progress-indeterminate_2s_cubic-bezier(0.4,0,0.2,1)_infinite] before:content-[' ']": !duration,
-    [`w-0 bg-grey-dark animate-[progress_linear]`]: duration
-  });
-  return /*#__PURE__*/React__default.createElement("span", Object.assign({}, props, {
-    "data-taco": "progress",
-    className: className
-  }), /*#__PURE__*/React__default.createElement("span", {
-    className: progressClassName,
-    "data-taco": "progress-bar",
-    style: style
-  }));
-};
-
-export { Progress };
-//# sourceMappingURL=Progress.js.map

package/dist/esm/packages/taco/src/components/Progress/Progress.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Progress.js","sources":["../../../../../../../src/components/Progress/Progress.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\nimport './Progress.css';\n\nexport type ProgressProps = React.HTMLAttributes<HTMLSpanElement> & {\n    /**\n     * Indicates how long (in milliseconds) a progress bar will take to progress through.\n     * By default, progress bar has no duration\n     */\n    duration?: number;\n};\n\nexport const Progress = ({ duration = undefined, ...props }: ProgressProps): JSX.Element => {\n    let style;\n\n    if (duration) {\n        style = {\n            animationDuration: `${duration}ms`,\n        };\n    }\n\n    const className = cn('bg-grey-light rounded block h-1 overflow-hidden w-full', props.className);\n\n    const progressClassName = cn('yt-progress__bar block h-1', {\n        \"w-full before:h-1 before:bg-grey-dark before:block before:animate-[progress-indeterminate_2s_cubic-bezier(0.4,0,0.2,1)_infinite] before:content-[' ']\":\n            !duration,\n        [`w-0 bg-grey-dark animate-[progress_linear]`]: duration,\n    });\n\n    return (\n        <span {...props} data-taco=\"progress\" className={className}>\n            <span className={progressClassName} data-taco=\"progress-bar\" style={style} />\n        </span>\n    );\n};\n"],"names":["Progress","duration","undefined","props","style","animationDuration","className","cn","progressClassName","React"],"mappings":";;;MAYaA,QAAQ,GAAG,CAAC;EAAEC,QAAQ,GAAGC,SAAS;EAAE,GAAGC;CAAsB;EACtE,IAAIC,KAAK;EAET,IAAIH,QAAQ,EAAE;IACVG,KAAK,GAAG;MACJC,iBAAiB,KAAKJ;KACzB;;EAGL,MAAMK,SAAS,GAAGC,EAAE,CAAC,wDAAwD,EAAEJ,KAAK,CAACG,SAAS,CAAC;EAE/F,MAAME,iBAAiB,GAAGD,EAAE,CAAC,4BAA4B,EAAE;IACvD,uJAAuJ,EACnJ,CAACN,QAAQ;IACb,6CAA6C,GAAGA;GACnD,CAAC;EAEF,oBACIQ,uDAAUN,KAAK;iBAAY,UAAU;IAACG,SAAS,EAAEA;mBAC7CG;IAAMH,SAAS,EAAEE,iBAAiB;iBAAY,cAAc;IAACJ,KAAK,EAAEA;IAAS,CAC1E;AAEf;;;;"}

package/dist/esm/packages/taco/src/components/Provider/Localization.js

@@ -1,112 +0,0 @@
-import { createContext, createElement, useContext } from 'react';
-
-const defaultLocalisationTexts = {
-  calendar: {
-    months: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],
-    weekdaysShort: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],
-    actions: {
-      previousMonth: 'Previous month',
-      nextMonth: 'Next month',
-      previousYear: 'Previous year',
-      nextYear: 'Next year',
-      today: 'Today'
-    }
-  },
-  combobox: {
-    tooltip: 'Search in list'
-  },
-  datepicker: {
-    calendar: 'Calendar',
-    clear: 'Clear',
-    expand: 'Show calendar',
-    shortcuts: 'Shortcuts'
-  },
-  hanger: {
-    close: 'Close'
-  },
-  banner: {
-    close: 'Close'
-  },
-  listbox: {
-    loading: 'Loading results...',
-    empty: 'No results found',
-    allOption: 'All'
-  },
-  dialog: {
-    close: 'Close',
-    drag: 'Drag'
-  },
-  pagination: {
-    label: 'Pagination',
-    pageSize: 'Items per page',
-    showingXofYofTotal: 'Showing [X] - [Y] of [total]',
-    actions: {
-      firstPage: 'Goto first page',
-      firstPageWithShortcut: 'Goto first page (Home)',
-      previousPage: 'Goto previous page',
-      previousPageWithShortcut: 'Goto previous page (Page Up)',
-      nextPage: 'Goto next page',
-      nextPageWithShortcut: 'Goto next page (Page Down)',
-      lastPage: 'Goto last page',
-      lastPageWithShortcut: 'Goto last page (End)',
-      pageX: 'Goto page [X]'
-    }
-  },
-  table: {
-    actions: 'Other actions',
-    edit: 'Edit (e)',
-    copy: 'Copy (c)',
-    del: 'Delete (del)',
-    newSubRow: 'New row (shift + n)',
-    loading: 'Loading...'
-  },
-  select: {
-    allOptionsSelected: 'All'
-  },
-  select2: {
-    allSelect: 'Select all',
-    allDeselect: 'Deselect all',
-    cancel: 'Cancel',
-    chooseColor: 'Pick a color',
-    create: 'Create',
-    delete: 'Delete',
-    save: 'Save',
-    search: 'Search...',
-    searchOrCreate: 'Search or create...'
-  },
-  toasts: {
-    dismiss: 'Dismiss'
-  },
-  tour: {
-    back: 'Back',
-    close: 'Close',
-    skip: 'Close and complete',
-    last: 'Done',
-    next: 'Next',
-    open: 'Open'
-  },
-  searchInput: {
-    inputLabel: 'Search...',
-    buttonLabel: 'Search'
-  }
-};
-const defaultLocalizationContext = {
-  locale: 'en-GB',
-  texts: defaultLocalisationTexts,
-  formatting: {
-    date: 'dd.mm.yy'
-  }
-};
-const LocalizationContext = /*#__PURE__*/createContext(defaultLocalizationContext);
-const LocalizationProvider = ({
-  localization,
-  children
-}) => {
-  return /*#__PURE__*/createElement(LocalizationContext.Provider, {
-    value: localization || defaultLocalizationContext
-  }, children);
-};
-const useLocalization = () => useContext(LocalizationContext);
-
-export { LocalizationContext, LocalizationProvider, defaultLocalisationTexts, useLocalization };
-//# sourceMappingURL=Localization.js.map

package/dist/esm/packages/taco/src/components/Provider/Localization.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Localization.js","sources":["../../../../../../../src/components/Provider/Localization.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Locale } from '../../types';\nimport { CalendarTexts } from '../Calendar/Calendar';\nimport { ComboboxTexts } from '../Combobox/Combobox';\nimport { DialogTexts } from '../Dialog/Dialog';\nimport { PaginationTexts } from '../Pagination/Pagination';\nimport { ListboxTexts } from '../Listbox/Listbox';\nimport { ToastsTexts } from '../Toast/Toast';\nimport { DatepickerTexts } from '../Datepicker/Datepicker';\nimport { HangerTexts } from '../Hanger/Hanger';\nimport { SelectTexts } from '../Select/Select';\nimport { TourTexts } from '../Tour/Tour';\nimport { TableTexts } from '../Table/Table';\nimport { SearchInputTexts } from '../SearchInput/SearchInput';\nimport { Select2Texts } from '../Select2/Select2';\nimport { BannerTexts } from '../Banner/Banner';\n\nexport type LocalizationTexts = {\n    /** Localized texts and aria-labels for [Calendar](component:calendar) component */\n    calendar: CalendarTexts;\n    /** Localized texts and aria-labels for [Combobox](component:combobox) component */\n    combobox: ComboboxTexts;\n    /** Localized texts and aria-labels for [DatePicker](component:datepicker) component */\n    datepicker: DatepickerTexts;\n    /** Localized texts and aria-labels for [Hanger](component:hanger) component */\n    hanger: HangerTexts;\n    /** Localized texts and aria-labels for [Banner](component:banner) component */\n    banner: BannerTexts;\n    /** Localized texts and aria-labels for [Listbox](component:listbox) component */\n    listbox: ListboxTexts;\n    /** Localized texts and aria-labels for [Dialog](component:dialog) component */\n    dialog: DialogTexts;\n    /** Localized texts and aria-labels for [Pagination](component:pagination) component */\n    pagination: PaginationTexts;\n    /** Localized texts and aria-labels for [Table](component:table) component */\n    table: TableTexts;\n    /** Localized texts and aria-labels for [Select](component:select) component */\n    select: SelectTexts;\n    /** Localized texts and aria-labels for [Select2](component:select2) component */\n    select2: Select2Texts;\n    /** Localized texts and aria-labels for [Toast](component:toast) component */\n    toasts: ToastsTexts;\n    /** Localized texts and aria-labels for [Tour](component:tour) component */\n    tour: TourTexts;\n    /** Localized texts and aria-labels for [SearchInput](component:searchinput) component */\n    searchInput: SearchInputTexts;\n};\n\nexport type Localization = {\n    /**\n     * Provide the language code used in application.\n     * Default value is `en-GB`\n     */\n    locale: Locale;\n    /** Provide the texts and aria-labels for components used within the provider */\n    texts: LocalizationTexts;\n    /** Provide the formatting */\n    formatting: {\n        /** Default value is `dd.mm.yy` */\n        date: string;\n    };\n};\n\nexport const defaultLocalisationTexts = {\n    calendar: {\n        months: [\n            'January',\n            'February',\n            'March',\n            'April',\n            'May',\n            'June',\n            'July',\n            'August',\n            'September',\n            'October',\n            'November',\n            'December',\n        ],\n        weekdaysShort: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],\n        actions: {\n            previousMonth: 'Previous month',\n            nextMonth: 'Next month',\n            previousYear: 'Previous year',\n            nextYear: 'Next year',\n            today: 'Today',\n        },\n    },\n    combobox: {\n        tooltip: 'Search in list',\n    },\n    datepicker: {\n        calendar: 'Calendar',\n        clear: 'Clear',\n        expand: 'Show calendar',\n        shortcuts: 'Shortcuts',\n    },\n    hanger: {\n        close: 'Close',\n    },\n    banner: {\n        close: 'Close',\n    },\n    listbox: {\n        loading: 'Loading results...',\n        empty: 'No results found',\n        allOption: 'All',\n    },\n    dialog: {\n        close: 'Close',\n        drag: 'Drag',\n    },\n    pagination: {\n        label: 'Pagination',\n        pageSize: 'Items per page',\n        showingXofYofTotal: 'Showing [X] - [Y] of [total]',\n        actions: {\n            firstPage: 'Goto first page',\n            firstPageWithShortcut: 'Goto first page (Home)',\n            previousPage: 'Goto previous page',\n            previousPageWithShortcut: 'Goto previous page (Page Up)',\n            nextPage: 'Goto next page',\n            nextPageWithShortcut: 'Goto next page (Page Down)',\n            lastPage: 'Goto last page',\n            lastPageWithShortcut: 'Goto last page (End)',\n            pageX: 'Goto page [X]',\n        },\n    },\n    table: {\n        actions: 'Other actions',\n        edit: 'Edit (e)',\n        copy: 'Copy (c)',\n        del: 'Delete (del)',\n        newSubRow: 'New row (shift + n)',\n        loading: 'Loading...',\n    },\n    select: {\n        allOptionsSelected: 'All',\n    },\n    select2: {\n        allSelect: 'Select all',\n        allDeselect: 'Deselect all',\n        cancel: 'Cancel',\n        chooseColor: 'Pick a color',\n        create: 'Create',\n        delete: 'Delete',\n        save: 'Save',\n        search: 'Search...',\n        searchOrCreate: 'Search or create...',\n    },\n    toasts: {\n        dismiss: 'Dismiss',\n    },\n    tour: {\n        back: 'Back',\n        close: 'Close',\n        skip: 'Close and complete',\n        last: 'Done',\n        next: 'Next',\n        open: 'Open',\n    },\n    searchInput: {\n        inputLabel: 'Search...',\n        buttonLabel: 'Search',\n    },\n};\n\nconst defaultLocalizationContext: Localization = {\n    locale: 'en-GB',\n    texts: defaultLocalisationTexts,\n    formatting: {\n        date: 'dd.mm.yy',\n    },\n};\n\nexport const LocalizationContext = React.createContext<Localization>(defaultLocalizationContext);\nexport interface LocalizationProviderProps {\n    children: React.ReactNode;\n    localization?: Localization;\n}\nexport const LocalizationProvider: React.FC<LocalizationProviderProps> = ({ localization, children }) => {\n    return (\n        <LocalizationContext.Provider value={localization || defaultLocalizationContext}>{children}</LocalizationContext.Provider>\n    );\n};\n\nexport const useLocalization = () => React.useContext(LocalizationContext);\n"],"names":["defaultLocalisationTexts","calendar","months","weekdaysShort","actions","previousMonth","nextMonth","previousYear","nextYear","today","combobox","tooltip","datepicker","clear","expand","shortcuts","hanger","close","banner","listbox","loading","empty","allOption","dialog","drag","pagination","label","pageSize","showingXofYofTotal","firstPage","firstPageWithShortcut","previousPage","previousPageWithShortcut","nextPage","nextPageWithShortcut","lastPage","lastPageWithShortcut","pageX","table","edit","copy","del","newSubRow","select","allOptionsSelected","select2","allSelect","allDeselect","cancel","chooseColor","create","delete","save","search","searchOrCreate","toasts","dismiss","tour","back","skip","last","next","open","searchInput","inputLabel","buttonLabel","defaultLocalizationContext","locale","texts","formatting","date","LocalizationContext","React","LocalizationProvider","localization","children","Provider","value","useLocalization"],"mappings":"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"}

package/dist/esm/packages/taco/src/components/Provider/Provider.js

@@ -1,17 +0,0 @@
-import { createElement } from 'react';
-import { Provider as Provider$1 } from '@radix-ui/react-tooltip';
-import { LocalizationProvider } from './Localization.js';
-import { ToastProvider } from '../Toast/Toaster.js';
-
-const Provider = props => {
-  const {
-    children,
-    localization
-  } = props;
-  return /*#__PURE__*/createElement(LocalizationProvider, {
-    localization: localization
-  }, /*#__PURE__*/createElement(Provider$1, null, /*#__PURE__*/createElement(ToastProvider, null, children)));
-};
-
-export { Provider };
-//# sourceMappingURL=Provider.js.map

package/dist/esm/packages/taco/src/components/Provider/Provider.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Provider.js","sources":["../../../../../../../src/components/Provider/Provider.tsx"],"sourcesContent":["import * as React from 'react';\nimport * as Tooltip from '@radix-ui/react-tooltip';\nimport { ToastProvider } from '../Toast/Toaster';\nimport { Localization, LocalizationProvider } from './Localization';\n\nexport type ProviderProps = {\n    /** Content would be your application */\n    children?: any;\n    /** Define localized texts and formatted data in your application */\n    localization?: Localization;\n};\n\nexport const Provider = (props: ProviderProps): JSX.Element => {\n    const { children, localization } = props;\n\n    return (\n        <LocalizationProvider localization={localization}>\n            <Tooltip.Provider>\n                <ToastProvider>{children}</ToastProvider>\n            </Tooltip.Provider>\n        </LocalizationProvider>\n    );\n};\n"],"names":["Provider","props","children","localization","React","LocalizationProvider","Tooltip","ToastProvider"],"mappings":";;;;;MAYaA,QAAQ,GAAIC,KAAoB;EACzC,MAAM;IAAEC,QAAQ;IAAEC;GAAc,GAAGF,KAAK;EAExC,oBACIG,cAACC,oBAAoB;IAACF,YAAY,EAAEA;kBAChCC,cAACE,UAAgB,qBACbF,cAACG,aAAa,QAAEL,QAAQ,CAAiB,CAC1B,CACA;AAE/B;;;;"}

package/dist/esm/packages/taco/src/components/RadioGroup/RadioGroup.js

@@ -1,106 +0,0 @@
-import { useMemo, Children, forwardRef, createElement, createContext, useContext, isValidElement } from 'react';
-import cn from 'classnames';
-import { Root, Item, Indicator } from '@radix-ui/react-radio-group';
-
-const getRadioGroupItemValueAsString = value => String(value !== null && value !== void 0 ? value : '');
-const findByValue = (values, valueAsString) => values.find(value => getRadioGroupItemValueAsString(value) === valueAsString);
-const RadioGroupContext = /*#__PURE__*/createContext({
-  disabled: false,
-  invalid: false
-});
-const RadioGroupItem = /*#__PURE__*/forwardRef(function RadioGroupItem(props, ref) {
-  const context = useContext(RadioGroupContext);
-  const {
-    children,
-    value,
-    ...otherProps
-  } = props;
-  const isDisabled = context.disabled || props.disabled;
-  const className = cn('flex flex-shrink-0 self-start items-center justify-center h-4 w-4 mt-[0.2rem] rounded-full bg-white border-2', {
-    'border-grey-dark hover:border-4 focus:yt-focus aria-checked:bg-blue aria-checked:border-blue hover:aria-checked:border-blue-light': !isDisabled && !context.invalid,
-    'border-grey cursor-not-allowed aria-checked:bg-blue-light aria-checked:border-blue-light ': isDisabled,
-    'border-red hover:border-4 text-red focus:border-red focus:yt-focus-red aria-checked:bg-red aria-checked:border-red': context.invalid && !isDisabled
-  });
-  const labelClassName = cn('flex items-center gap-2', {
-    'cursor-pointer': !isDisabled,
-    'cursor-not-allowed text-grey-dark': isDisabled
-  }, props.className);
-  return /*#__PURE__*/createElement("label", {
-    className: labelClassName
-  }, /*#__PURE__*/createElement(Item, Object.assign({}, otherProps, {
-    className: className,
-    disabled: isDisabled,
-    ref: ref,
-    value: getRadioGroupItemValueAsString(value)
-  }), /*#__PURE__*/createElement(Indicator, {
-    className: "h-2 w-2 rounded-full bg-white"
-  })), children);
-});
-const useRadioGroup = props => {
-  const {
-    children,
-    defaultValue,
-    disabled,
-    invalid,
-    onChange,
-    orientation = 'vertical',
-    value,
-    ...otherProps
-  } = props;
-  const values = useMemo(() => {
-    const radioGroupItemValues = [];
-    Children.forEach(children, child => {
-      if ( /*#__PURE__*/isValidElement(child)) {
-        radioGroupItemValues.push(child.props.value);
-      }
-    });
-    return radioGroupItemValues;
-  }, [children]);
-  const context = useMemo(() => ({
-    disabled: disabled !== null && disabled !== void 0 ? disabled : false,
-    invalid: invalid !== null && invalid !== void 0 ? invalid : false
-  }), [disabled, invalid]);
-  let valueProps;
-  if (onChange !== undefined) {
-    const handleChange = value => onChange(findByValue(values, value));
-    valueProps = {
-      onValueChange: handleChange,
-      value: value !== undefined ? getRadioGroupItemValueAsString(value) : undefined
-    };
-  } else {
-    valueProps = {
-      defaultValue: defaultValue !== undefined ? getRadioGroupItemValueAsString(defaultValue) : undefined
-    };
-  }
-  return {
-    context,
-    props: {
-      ...otherProps,
-      ...valueProps,
-      children,
-      disabled,
-      orientation
-    }
-  };
-};
-const RadioGroup = /*#__PURE__*/forwardRef(function RadioGroup(props, ref) {
-  const {
-    context,
-    props: otherProps
-  } = useRadioGroup(props);
-  const className = cn('flex items-start gap-y-2', {
-    'flex-wrap gap-x-4 ': otherProps.orientation === 'horizontal',
-    'flex-col': otherProps.orientation === 'vertical'
-  }, otherProps.className);
-  return /*#__PURE__*/createElement(RadioGroupContext.Provider, {
-    value: context
-  }, /*#__PURE__*/createElement(Root, Object.assign({}, otherProps, {
-    className: className,
-    "data-taco": "radio-group",
-    ref: ref
-  })));
-});
-RadioGroup.Item = RadioGroupItem;
-
-export { RadioGroup, findByValue, getRadioGroupItemValueAsString, useRadioGroup };
-//# sourceMappingURL=RadioGroup.js.map

package/dist/esm/packages/taco/src/components/RadioGroup/RadioGroup.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"RadioGroup.js","sources":["../../../../../../../src/components/RadioGroup/RadioGroup.tsx"],"sourcesContent":["import * as React from 'react';\nimport cn from 'classnames';\nimport * as RadioGroupPrimitive from '@radix-ui/react-radio-group';\nimport { Orientation } from '../../types';\n\nexport type RadioGroupItemValue = string | number | boolean | null;\n\nexport const getRadioGroupItemValueAsString = (value: RadioGroupItemValue): string => String(value ?? '');\n\nexport const findByValue = (values: RadioGroupItemValue[], valueAsString: string): RadioGroupItemValue =>\n    values.find(value => getRadioGroupItemValueAsString(value) === valueAsString) as RadioGroupItemValue;\n\nconst RadioGroupContext = React.createContext({ disabled: false, invalid: false });\n\nexport type RadioGroupItemProps<T = HTMLButtonElement> = Omit<\n    React.ButtonHTMLAttributes<T>,\n    'children' | 'onSelect' | 'value'\n> & {\n    /** Label for the radio group item */\n    children: React.ReactNode;\n    /* Whether the radio group item is disabled */\n    disabled?: boolean;\n    /** Value of the radio button */\n    value: RadioGroupItemValue;\n};\n\nconst RadioGroupItem = React.forwardRef(function RadioGroupItem(props: RadioGroupItemProps, ref: React.Ref<HTMLButtonElement>) {\n    const context = React.useContext(RadioGroupContext);\n    const { children, value, ...otherProps } = props;\n\n    const isDisabled = context.disabled || props.disabled;\n\n    const className = cn(\n        'flex flex-shrink-0 self-start items-center justify-center h-4 w-4 mt-[0.2rem] rounded-full bg-white border-2',\n        {\n            'border-grey-dark hover:border-4 focus:yt-focus aria-checked:bg-blue aria-checked:border-blue hover:aria-checked:border-blue-light':\n                !isDisabled && !context.invalid,\n            'border-grey cursor-not-allowed aria-checked:bg-blue-light aria-checked:border-blue-light ': isDisabled,\n            'border-red hover:border-4 text-red focus:border-red focus:yt-focus-red aria-checked:bg-red aria-checked:border-red':\n                context.invalid && !isDisabled,\n        }\n    );\n    const labelClassName = cn(\n        'flex items-center gap-2',\n        {\n            'cursor-pointer': !isDisabled,\n            'cursor-not-allowed text-grey-dark': isDisabled,\n        },\n        props.className\n    );\n\n    return (\n        <label className={labelClassName}>\n            <RadioGroupPrimitive.Item\n                {...otherProps}\n                className={className}\n                disabled={isDisabled}\n                ref={ref}\n                value={getRadioGroupItemValueAsString(value)}>\n                <RadioGroupPrimitive.Indicator className=\"h-2 w-2 rounded-full bg-white\" />\n            </RadioGroupPrimitive.Item>\n            {children}\n        </label>\n    );\n});\n\ntype ReactGroupBaseChild = React.ReactElement<RadioGroupItemProps> | boolean | null;\n\ntype RadioGroupBaseProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'children' | 'defaultValue' | 'onChange' | 'value'> & {\n    children: ReactGroupBaseChild[];\n    /* Whether the radio group is disabled */\n    disabled?: boolean;\n    /* Whether the radio group is in an invalid state */\n    invalid?: boolean;\n    /** The name of the radio group, used when submitting an HTML form */\n    name?: string;\n    /**\n     * Orientation of the radio group\n     * @defaultValue vertical\n     */\n    orientation?: Orientation;\n    /* Whether the radio group requires user input */\n    required?: boolean;\n};\n\ninterface UncontrolledRadioGroupProps extends RadioGroupBaseProps {\n    /* The default value (uncontrolled) */\n    defaultValue?: RadioGroupItemValue;\n    onChange?: never;\n    value?: never;\n}\n\ninterface ControlledRadioGroupProps extends RadioGroupBaseProps {\n    defaultValue?: never;\n    /** Handler called when the value changes */\n    onChange: (value: RadioGroupItemValue) => void;\n    /** The current value (controlled) */\n    value?: RadioGroupItemValue;\n}\n\nexport type RadioGroupProps = UncontrolledRadioGroupProps | ControlledRadioGroupProps;\n\nexport type ForwardedRadioGroupWithStatics = React.ForwardRefExoticComponent<\n    RadioGroupProps & React.RefAttributes<HTMLDivElement>\n> & {\n    /** Item component rendered in a `RadioGroup` component */\n    Item: React.ForwardRefExoticComponent<RadioGroupItemProps>;\n};\n\nexport const useRadioGroup = (props: RadioGroupProps) => {\n    const { children, defaultValue, disabled, invalid, onChange, orientation = 'vertical', value, ...otherProps } = props;\n\n    const values = React.useMemo<RadioGroupItemValue[]>(() => {\n        const radioGroupItemValues: RadioGroupItemValue[] = [];\n\n        React.Children.forEach(children, child => {\n            if (React.isValidElement(child)) {\n                radioGroupItemValues.push(child.props.value);\n            }\n        });\n\n        return radioGroupItemValues;\n    }, [children]);\n\n    const context = React.useMemo(() => ({ disabled: disabled ?? false, invalid: invalid ?? false }), [disabled, invalid]);\n\n    let valueProps;\n\n    if (onChange !== undefined) {\n        const handleChange = (value: string): void => onChange(findByValue(values, value));\n\n        valueProps = {\n            onValueChange: handleChange,\n            value: value !== undefined ? getRadioGroupItemValueAsString(value) : undefined,\n        };\n    } else {\n        valueProps = {\n            defaultValue: defaultValue !== undefined ? getRadioGroupItemValueAsString(defaultValue) : undefined,\n        };\n    }\n\n    return {\n        context,\n        props: {\n            ...otherProps,\n            ...valueProps,\n            children,\n            disabled,\n            orientation,\n        },\n    };\n};\n\nexport const RadioGroup = React.forwardRef(function RadioGroup(props: RadioGroupProps, ref: React.Ref<HTMLDivElement>) {\n    const { context, props: otherProps } = useRadioGroup(props);\n    const className = cn(\n        'flex items-start gap-y-2',\n        {\n            'flex-wrap gap-x-4 ': otherProps.orientation === 'horizontal',\n            'flex-col': otherProps.orientation === 'vertical',\n        },\n        otherProps.className\n    );\n\n    return (\n        <RadioGroupContext.Provider value={context}>\n            <RadioGroupPrimitive.Root {...otherProps} className={className} data-taco=\"radio-group\" ref={ref} />\n        </RadioGroupContext.Provider>\n    );\n}) as ForwardedRadioGroupWithStatics;\nRadioGroup.Item = RadioGroupItem;\n"],"names":["getRadioGroupItemValueAsString","value","String","findByValue","values","valueAsString","find","RadioGroupContext","React","disabled","invalid","RadioGroupItem","props","ref","context","children","otherProps","isDisabled","className","cn","labelClassName","RadioGroupPrimitive","useRadioGroup","defaultValue","onChange","orientation","radioGroupItemValues","forEach","child","push","valueProps","undefined","handleChange","onValueChange","RadioGroup","Provider","Item"],"mappings":"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"}

package/dist/esm/packages/taco/src/components/ScrollArea/ScrollArea.js

@@ -1,37 +0,0 @@
-import React__default from 'react';
-import cn from 'classnames';
-import { Root, Viewport, Scrollbar, Thumb as Thumb$1, Corner as Corner$1 } from '@radix-ui/react-scroll-area';
-
-const Bar = props => {
-  const className = cn(`flex select-none touch-none transition-colors hover:bg-grey`, {
-    'w-[7px] hover:w-[14px] mr-[2px] hover:px-[2px] hover:mr-0': props.orientation === 'vertical',
-    'flex-col h-[7px] hover:h-[14px] mb-[2px] hover:py-[2px] hover:mb-0': props.orientation === 'horizontal'
-  });
-  return /*#__PURE__*/React__default.createElement(Scrollbar, Object.assign({}, props, {
-    className: className
-  }));
-};
-const Thumb = props => /*#__PURE__*/React__default.createElement(Thumb$1, Object.assign({}, props, {
-  className: "flex-[1] rounded bg-black opacity-50"
-}));
-const Corner = props => /*#__PURE__*/React__default.createElement(Corner$1, Object.assign({}, props, {
-  classname: "bg-grey-darker"
-}));
-const ScrollArea = props => {
-  const {
-    children,
-    ...otherProps
-  } = props;
-  return /*#__PURE__*/React__default.createElement(Root, Object.assign({}, otherProps, {
-    className: cn('overflow-hidden', props.className)
-  }), /*#__PURE__*/React__default.createElement(Viewport, {
-    className: "h-full w-full"
-  }, children), /*#__PURE__*/React__default.createElement(Bar, {
-    orientation: "vertical"
-  }, /*#__PURE__*/React__default.createElement(Thumb, null)), /*#__PURE__*/React__default.createElement(Bar, {
-    orientation: "horizontal"
-  }, /*#__PURE__*/React__default.createElement(Thumb, null)), /*#__PURE__*/React__default.createElement(Corner, null));
-};
-
-export { ScrollArea };
-//# sourceMappingURL=ScrollArea.js.map

package/dist/esm/packages/taco/src/components/ScrollArea/ScrollArea.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ScrollArea.js","sources":["../../../../../../../src/components/ScrollArea/ScrollArea.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\nimport * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';\n\n\nconst Bar = props => {\n    const className = cn(`flex select-none touch-none transition-colors hover:bg-grey`, {\n        'w-[7px] hover:w-[14px] mr-[2px] hover:px-[2px] hover:mr-0': props.orientation === 'vertical',\n        'flex-col h-[7px] hover:h-[14px] mb-[2px] hover:py-[2px] hover:mb-0': props.orientation === 'horizontal',\n    });\n    return <ScrollAreaPrimitive.Scrollbar {...props} className={className} />;\n};\n\nconst Thumb = props => <ScrollAreaPrimitive.Thumb {...props} className=\"flex-[1] rounded bg-black opacity-50\" />;\n\nconst Corner = props => <ScrollAreaPrimitive.Corner {...props} classname=\"bg-grey-darker\" />;\n\nexport type ScrollbarProps = Omit<ScrollAreaPrimitive.ScrollAreaProps, 'scrollHideDelay'>;\n\nexport const ScrollArea = (props: ScrollbarProps) => {\n    const { children, ...otherProps } = props;\n\n    return (\n        <ScrollAreaPrimitive.Root {...otherProps} className={cn('overflow-hidden', props.className)}>\n            <ScrollAreaPrimitive.Viewport className=\"h-full w-full\">{children}</ScrollAreaPrimitive.Viewport>\n            <Bar orientation=\"vertical\">\n                <Thumb />\n            </Bar>\n            <Bar orientation=\"horizontal\">\n                <Thumb />\n            </Bar>\n            <Corner />\n        </ScrollAreaPrimitive.Root>\n    );\n};\n"],"names":["Bar","props","className","cn","orientation","React","ScrollAreaPrimitive","Thumb","Corner","classname","ScrollArea","children","otherProps"],"mappings":";;;;AAKA,MAAMA,GAAG,GAAGC,KAAK;EACb,MAAMC,SAAS,GAAGC,EAAE,8DAA8D,EAAE;IAChF,2DAA2D,EAAEF,KAAK,CAACG,WAAW,KAAK,UAAU;IAC7F,oEAAoE,EAAEH,KAAK,CAACG,WAAW,KAAK;GAC/F,CAAC;EACF,oBAAOC,6BAACC,SAA6B,oBAAKL,KAAK;IAAEC,SAAS,EAAEA;KAAa;AAC7E,CAAC;AAED,MAAMK,KAAK,GAAGN,KAAK,iBAAII,6BAACC,OAAyB,oBAAKL,KAAK;EAAEC,SAAS,EAAC;GAAyC;AAEhH,MAAMM,MAAM,GAAGP,KAAK,iBAAII,6BAACC,QAA0B,oBAAKL,KAAK;EAAEQ,SAAS,EAAC;GAAmB;MAI/EC,UAAU,GAAIT,KAAqB;EAC5C,MAAM;IAAEU,QAAQ;IAAE,GAAGC;GAAY,GAAGX,KAAK;EAEzC,oBACII,6BAACC,IAAwB,oBAAKM,UAAU;IAAEV,SAAS,EAAEC,EAAE,CAAC,iBAAiB,EAAEF,KAAK,CAACC,SAAS;mBACtFG,6BAACC,QAA4B;IAACJ,SAAS,EAAC;KAAiBS,QAAQ,CAAgC,eACjGN,6BAACL,GAAG;IAACI,WAAW,EAAC;kBACbC,6BAACE,KAAK,OAAG,CACP,eACNF,6BAACL,GAAG;IAACI,WAAW,EAAC;kBACbC,6BAACE,KAAK,OAAG,CACP,eACNF,6BAACG,MAAM,OAAG,CACa;AAEnC;;;;"}

package/dist/esm/packages/taco/src/components/SearchInput/SearchInput.js

@@ -1,43 +0,0 @@
-import { forwardRef, createElement } from 'react';
-import { IconButton } from '../IconButton/IconButton.js';
-import { useLocalization } from '../Provider/Localization.js';
-import { Input } from '../Input/Input.js';
-
-const SearchInput = /*#__PURE__*/forwardRef(function SearchInput({
-  onSearch,
-  ...props
-}, ref) {
-  const {
-    texts
-  } = useLocalization();
-  const handleClick = () => {
-    if (!props.disabled) {
-      onSearch === null || onSearch === void 0 ? void 0 : onSearch(props.value);
-    }
-  };
-  const handleKeyDown = event => {
-    var _props$onKeyDown;
-    const isEnterKeyPressed = event.key === 'Enter';
-    if (isEnterKeyPressed) {
-      handleClick();
-    }
-    (_props$onKeyDown = props.onKeyDown) === null || _props$onKeyDown === void 0 ? void 0 : _props$onKeyDown.call(props, event);
-  };
-  return /*#__PURE__*/createElement(Input, Object.assign({
-    "aria-label": texts.searchInput.inputLabel
-  }, props, {
-    button: /*#__PURE__*/createElement(IconButton, {
-      "aria-label": texts.searchInput.buttonLabel,
-      icon: "search",
-      className: "!border-transparent !bg-transparent focus:!border-transparent peer-focus:!border-transparent peer-focus:peer-active:!border-transparent",
-      disabled: props.disabled,
-      onClick: handleClick
-    }),
-    onKeyDown: handleKeyDown,
-    ref: ref,
-    type: "search"
-  }));
-});
-
-export { SearchInput };
-//# sourceMappingURL=SearchInput.js.map

package/dist/esm/packages/taco/src/components/SearchInput/SearchInput.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SearchInput.js","sources":["../../../../../../../src/components/SearchInput/SearchInput.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Input, InputProps } from '../Input/Input';\nimport { useLocalization } from '../Provider/Localization';\nimport { IconButton } from '../IconButton/IconButton';\n\nexport type SearchInputTexts = {\n    /**\n     * aria-label text for input\n     */\n    inputLabel: string;\n    /**\n     * aria-label text for the search button\n     */\n    buttonLabel: string;\n};\n\nexport type SearchInputProps = Omit<InputProps, 'icon'> & {\n    /** Current input value will be passed to the method. In order to get the value, the component must be controlled otherwise value will always be undefined */\n    onSearch?: (value: string | number | readonly string[] | undefined) => void;\n};\n\nexport const SearchInput = React.forwardRef(function SearchInput(\n    { onSearch, ...props }: SearchInputProps,\n    ref: React.Ref<HTMLInputElement>\n) {\n    const { texts } = useLocalization();\n\n    const handleClick = (): void => {\n        if (!props.disabled) {\n            onSearch?.(props.value);\n        }\n    };\n\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>): void => {\n        const isEnterKeyPressed = event.key === 'Enter';\n\n        if (isEnterKeyPressed) {\n            handleClick();\n        }\n\n        props.onKeyDown?.(event);\n    };\n\n    return (\n        <Input\n            aria-label={texts.searchInput.inputLabel}\n            {...props}\n            button={\n                <IconButton\n                    aria-label={texts.searchInput.buttonLabel}\n                    icon=\"search\"\n                    className=\"!border-transparent !bg-transparent focus:!border-transparent peer-focus:!border-transparent peer-focus:peer-active:!border-transparent\"\n                    disabled={props.disabled}\n                    onClick={handleClick}\n                />\n            }\n            onKeyDown={handleKeyDown}\n            ref={ref}\n            type=\"search\"\n        />\n    );\n});\n"],"names":["SearchInput","React","onSearch","props","ref","texts","useLocalization","handleClick","disabled","value","handleKeyDown","event","isEnterKeyPressed","key","onKeyDown","Input","searchInput","inputLabel","button","IconButton","buttonLabel","icon","className","onClick","type"],"mappings":";;;;;MAqBaA,WAAW,gBAAGC,UAAgB,CAAC,SAASD,WAAW,CAC5D;EAAEE,QAAQ;EAAE,GAAGC;CAAyB,EACxCC,GAAgC;EAEhC,MAAM;IAAEC;GAAO,GAAGC,eAAe,EAAE;EAEnC,MAAMC,WAAW,GAAG;IAChB,IAAI,CAACJ,KAAK,CAACK,QAAQ,EAAE;MACjBN,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAGC,KAAK,CAACM,KAAK,CAAC;;GAE9B;EAED,MAAMC,aAAa,GAAIC,KAA4C;;IAC/D,MAAMC,iBAAiB,GAAGD,KAAK,CAACE,GAAG,KAAK,OAAO;IAE/C,IAAID,iBAAiB,EAAE;MACnBL,WAAW,EAAE;;IAGjB,oBAAAJ,KAAK,CAACW,SAAS,qDAAf,sBAAAX,KAAK,EAAaQ,KAAK,CAAC;GAC3B;EAED,oBACIV,cAACc,KAAK;kBACUV,KAAK,CAACW,WAAW,CAACC;KAC1Bd,KAAK;IACTe,MAAM,eACFjB,cAACkB,UAAU;oBACKd,KAAK,CAACW,WAAW,CAACI,WAAW;MACzCC,IAAI,EAAC,QAAQ;MACbC,SAAS,EAAC,yIAAyI;MACnJd,QAAQ,EAAEL,KAAK,CAACK,QAAQ;MACxBe,OAAO,EAAEhB;MACX;IAENO,SAAS,EAAEJ,aAAa;IACxBN,GAAG,EAAEA,GAAG;IACRoB,IAAI,EAAC;KACP;AAEV,CAAC;;;;"}

package/dist/esm/packages/taco/src/components/Select/Select.js

@@ -1,97 +0,0 @@
-import { forwardRef, createElement, useRef, useEffect, Fragment } from 'react';
-import cn from 'classnames';
-import { Icon } from '../Icon/Icon.js';
-import { Badge } from '../Badge/Badge.js';
-import { Root, Trigger, Portal, Content } from '@radix-ui/react-popover';
-import { getInputClasses } from '../Input/util.js';
-import { useBoundingClientRectListener } from '../../hooks/useBoundingClientRectListener.js';
-import { Combobox } from '../Combobox/Combobox.js';
-import { MultiListbox, Listbox } from '../Listbox/Listbox.js';
-import { useSelect } from './useSelect.js';
-
-const BaseSelect = /*#__PURE__*/forwardRef(function BaseSelect(props, ref) {
-  const {
-    autoFocus,
-    className: externalClassName,
-    highlighted,
-    style,
-    ...otherProps
-  } = props;
-  const {
-    button,
-    listbox,
-    popover,
-    input,
-    text,
-    more = 0
-  } = useSelect(otherProps, ref);
-  const internalRef = useRef(null);
-  const selectDimensions = useBoundingClientRectListener(internalRef);
-  const className = cn('inline-flex relative w-full', {
-    'yt-select--readonly': props.readOnly
-  }, externalClassName);
-  const inputClassname = cn(getInputClasses(props), 'h-8 text-left pr-0', {
-    'border-blue': popover.open
-  });
-  useEffect(() => {
-    if (autoFocus && internalRef.current) {
-      internalRef.current.focus();
-    }
-  }, []);
-  const renderMultiSelection = () => {
-    return /*#__PURE__*/createElement(Fragment, null, /*#__PURE__*/createElement("span", {
-      className: "flex-grow truncate text-left"
-    }, text), more > 0 && /*#__PURE__*/createElement(Badge, {
-      className: "ml-2"
-    }, `+${more}`));
-  };
-  const commonListboxProps = {
-    ...listbox,
-    className: 'w-auto',
-    invalid: undefined,
-    style: {
-      minWidth: selectDimensions === null || selectDimensions === void 0 ? void 0 : selectDimensions.width
-    },
-    tabIndex: popover.open ? 0 : -1
-  };
-  return /*#__PURE__*/createElement("span", {
-    className: className,
-    "data-taco": "select",
-    style: style
-  }, /*#__PURE__*/createElement(Root, Object.assign({}, popover), /*#__PURE__*/createElement(Trigger, Object.assign({}, button, {
-    className: inputClassname,
-    ref: internalRef
-  }), props.multiselect ? renderMultiSelection() : /*#__PURE__*/createElement("span", {
-    className: "flex-grow truncate text-left"
-  }, text), /*#__PURE__*/createElement("span", {
-    className: "flex h-8 w-8 items-center justify-center"
-  }, /*#__PURE__*/createElement(Icon, {
-    className: "pointer-events-none",
-    name: popover.open ? 'chevron-up' : 'chevron-down'
-  }))), /*#__PURE__*/createElement(Portal, null, /*#__PURE__*/createElement(Content, {
-    align: "start",
-    sideOffset: 4
-  }, props.multiselect ? /*#__PURE__*/createElement(MultiListbox, Object.assign({}, commonListboxProps)) : /*#__PURE__*/createElement(Listbox, Object.assign({}, commonListboxProps)))), /*#__PURE__*/createElement("input", Object.assign({}, input, {
-    className: "hidden",
-    type: "text"
-  }))));
-});
-const Select = /*#__PURE__*/forwardRef(function Select(props, ref) {
-  const {
-    editable,
-    ...otherProps
-  } = props;
-  if (editable) {
-    return /*#__PURE__*/createElement(Combobox, Object.assign({}, otherProps, {
-      dialog: undefined,
-      inline: true,
-      ref: ref
-    }));
-  }
-  return /*#__PURE__*/createElement(BaseSelect, Object.assign({}, otherProps, {
-    ref: ref
-  }));
-});
-
-export { Select };
-//# sourceMappingURL=Select.js.map

package/dist/esm/packages/taco/src/components/Select/Select.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Select.js","sources":["../../../../../../../src/components/Select/Select.tsx"],"sourcesContent":["import * as React from 'react';\nimport cn from 'classnames';\nimport * as PopoverPrimitive from '@radix-ui/react-popover';\nimport { Icon } from '../Icon/Icon';\nimport { Listbox, MultiListbox, ListboxProps } from '../Listbox/Listbox';\nimport { useBoundingClientRectListener } from '../../hooks/useBoundingClientRectListener';\nimport { useSelect } from './useSelect';\nimport { Combobox, ComboboxProps } from '../Combobox/Combobox';\nimport { Badge } from '../Badge/Badge';\nimport { getInputClasses } from '../Input/util';\n\nexport type SelectTexts = {\n    /**\n     * The text displayed when all options are selected when multiselect mode in on.\n     */\n    allOptionsSelected: string;\n};\n\nexport type BaseSelectProps = Omit<ListboxProps, 'dialog'> &\n    Omit<ComboboxProps, 'inline'> & {\n        /**\n         * Allows to select multiple values.\n         * All the selected values will be combined in a comma-seperated string as the value of the input.\n         */\n        multiselect?: boolean;\n    };\n\nexport type SelectProps = BaseSelectProps & {\n    /**\n     * Creates an editable select.\n     * Setting this will render a inline Combobox which will display the provided data on click/focus,\n     * even if there is no value in the input.\n     * After user starts typing, matching data will be displayed.\n     */\n    editable?: boolean;\n};\n\nconst BaseSelect = React.forwardRef(function BaseSelect(props: BaseSelectProps, ref: React.Ref<HTMLInputElement>) {\n    const { autoFocus, className: externalClassName, highlighted, style, ...otherProps } = props;\n    const { button, listbox, popover, input, text, more = 0 } = useSelect(otherProps, ref);\n    const internalRef = React.useRef<HTMLButtonElement>(null);\n    const selectDimensions = useBoundingClientRectListener(internalRef);\n    const className = cn('inline-flex relative w-full', { 'yt-select--readonly': props.readOnly }, externalClassName);\n    const inputClassname = cn(getInputClasses(props), 'h-8 text-left pr-0', {\n        'border-blue': popover.open,\n    });\n\n    React.useEffect(() => {\n        if (autoFocus && internalRef.current) {\n            internalRef.current.focus();\n        }\n    }, []);\n\n    const renderMultiSelection = (): React.ReactNode => {\n        return (\n            <>\n                <span className=\"flex-grow truncate text-left\">{text}</span>\n                {more > 0 && <Badge className=\"ml-2\">{`+${more}`}</Badge>}\n            </>\n        );\n    };\n\n    const commonListboxProps: ListboxProps = {\n        ...listbox,\n        className: 'w-auto',\n        invalid: undefined,\n        style: { minWidth: selectDimensions?.width },\n        tabIndex: popover.open ? 0 : -1,\n    };\n\n    return (\n        <span className={className} data-taco=\"select\" style={style}>\n            <PopoverPrimitive.Root {...popover}>\n                <PopoverPrimitive.Trigger {...button} className={inputClassname} ref={internalRef}>\n                    {props.multiselect ? renderMultiSelection() : <span className=\"flex-grow truncate text-left\">{text}</span>}\n                    <span className=\"flex h-8 w-8 items-center justify-center\">\n                        <Icon className=\"pointer-events-none\" name={popover.open ? 'chevron-up' : 'chevron-down'} />\n                    </span>\n                </PopoverPrimitive.Trigger>\n                <PopoverPrimitive.Portal>\n                    <PopoverPrimitive.Content align=\"start\" sideOffset={4}>\n                        {props.multiselect ? <MultiListbox {...commonListboxProps} /> : <Listbox {...commonListboxProps} />}\n                    </PopoverPrimitive.Content>\n                </PopoverPrimitive.Portal>\n                <input {...input} className=\"hidden\" type=\"text\" />\n            </PopoverPrimitive.Root>\n        </span>\n    );\n});\n\nexport const Select = React.forwardRef(function Select(props: SelectProps, ref: React.Ref<HTMLInputElement>) {\n    const { editable, ...otherProps } = props;\n\n    if (editable) {\n        return <Combobox {...otherProps} dialog={undefined} inline ref={ref} />;\n    }\n\n    return <BaseSelect {...otherProps} ref={ref} />;\n});\n"],"names":["BaseSelect","React","props","ref","autoFocus","className","externalClassName","highlighted","style","otherProps","button","listbox","popover","input","text","more","useSelect","internalRef","selectDimensions","useBoundingClientRectListener","cn","readOnly","inputClassname","getInputClasses","open","current","focus","renderMultiSelection","Badge","commonListboxProps","invalid","undefined","minWidth","width","tabIndex","PopoverPrimitive","multiselect","Icon","name","align","sideOffset","MultiListbox","Listbox","type","Select","editable","Combobox","dialog","inline"],"mappings":"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"}