@fuf-stack/uniform 0.9.5 → 0.9.6

package/dist/RadioGroup-D_kiBt0M.d.ts

@@ -0,0 +1,162 @@
+import * as tailwind_variants_dist_config_js from 'tailwind-variants/dist/config.js';
+import * as tailwind_variants from 'tailwind-variants';
+import { TVProps, TVClassName } from '@fuf-stack/pixel-utils';
+import { ReactNode, ReactElement } from 'react';
+
+declare const radioGroupVariants: tailwind_variants.TVReturnType<{
+    [key: string]: {
+        [key: string]: tailwind_variants.ClassValue | {
+            base?: tailwind_variants.ClassValue;
+            label?: tailwind_variants.ClassValue;
+            itemBase?: tailwind_variants.ClassValue;
+            itemLabel?: tailwind_variants.ClassValue;
+            itemWrapper?: tailwind_variants.ClassValue;
+            wrapper?: tailwind_variants.ClassValue;
+            buttonGroup?: tailwind_variants.ClassValue;
+            itemBaseActive?: tailwind_variants.ClassValue;
+            itemControl?: tailwind_variants.ClassValue;
+            itemDescription?: tailwind_variants.ClassValue;
+            itemLabelWrapper?: tailwind_variants.ClassValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: tailwind_variants.ClassValue | {
+            base?: tailwind_variants.ClassValue;
+            label?: tailwind_variants.ClassValue;
+            itemBase?: tailwind_variants.ClassValue;
+            itemLabel?: tailwind_variants.ClassValue;
+            itemWrapper?: tailwind_variants.ClassValue;
+            wrapper?: tailwind_variants.ClassValue;
+            buttonGroup?: tailwind_variants.ClassValue;
+            itemBaseActive?: tailwind_variants.ClassValue;
+            itemControl?: tailwind_variants.ClassValue;
+            itemDescription?: tailwind_variants.ClassValue;
+            itemLabelWrapper?: tailwind_variants.ClassValue;
+        };
+    };
+} | {}, {
+    base: string;
+    buttonGroup: string;
+    itemBase: string;
+    itemBaseActive: string;
+    itemControl: string;
+    itemDescription: string;
+    itemLabel: string;
+    itemLabelWrapper: string;
+    itemWrapper: string;
+    label: string;
+    wrapper: string;
+}, undefined, tailwind_variants_dist_config_js.TVConfig<unknown, {
+    [key: string]: {
+        [key: string]: tailwind_variants.ClassValue | {
+            base?: tailwind_variants.ClassValue;
+            label?: tailwind_variants.ClassValue;
+            itemBase?: tailwind_variants.ClassValue;
+            itemLabel?: tailwind_variants.ClassValue;
+            itemWrapper?: tailwind_variants.ClassValue;
+            wrapper?: tailwind_variants.ClassValue;
+            buttonGroup?: tailwind_variants.ClassValue;
+            itemBaseActive?: tailwind_variants.ClassValue;
+            itemControl?: tailwind_variants.ClassValue;
+            itemDescription?: tailwind_variants.ClassValue;
+            itemLabelWrapper?: tailwind_variants.ClassValue;
+        };
+    };
+} | {}>, {
+    [key: string]: {
+        [key: string]: tailwind_variants.ClassValue | {
+            base?: tailwind_variants.ClassValue;
+            label?: tailwind_variants.ClassValue;
+            itemBase?: tailwind_variants.ClassValue;
+            itemLabel?: tailwind_variants.ClassValue;
+            itemWrapper?: tailwind_variants.ClassValue;
+            wrapper?: tailwind_variants.ClassValue;
+            buttonGroup?: tailwind_variants.ClassValue;
+            itemBaseActive?: tailwind_variants.ClassValue;
+            itemControl?: tailwind_variants.ClassValue;
+            itemDescription?: tailwind_variants.ClassValue;
+            itemLabelWrapper?: tailwind_variants.ClassValue;
+        };
+    };
+} | {}, {
+    base: string;
+    buttonGroup: string;
+    itemBase: string;
+    itemBaseActive: string;
+    itemControl: string;
+    itemDescription: string;
+    itemLabel: string;
+    itemLabelWrapper: string;
+    itemWrapper: string;
+    label: string;
+    wrapper: string;
+}, tailwind_variants.TVReturnType<unknown, {
+    base: string;
+    buttonGroup: string;
+    itemBase: string;
+    itemBaseActive: string;
+    itemControl: string;
+    itemDescription: string;
+    itemLabel: string;
+    itemLabelWrapper: string;
+    itemWrapper: string;
+    label: string;
+    wrapper: string;
+}, undefined, tailwind_variants_dist_config_js.TVConfig<unknown, {
+    [key: string]: {
+        [key: string]: tailwind_variants.ClassValue | {
+            base?: tailwind_variants.ClassValue;
+            label?: tailwind_variants.ClassValue;
+            itemBase?: tailwind_variants.ClassValue;
+            itemLabel?: tailwind_variants.ClassValue;
+            itemWrapper?: tailwind_variants.ClassValue;
+            wrapper?: tailwind_variants.ClassValue;
+            buttonGroup?: tailwind_variants.ClassValue;
+            itemBaseActive?: tailwind_variants.ClassValue;
+            itemControl?: tailwind_variants.ClassValue;
+            itemDescription?: tailwind_variants.ClassValue;
+            itemLabelWrapper?: tailwind_variants.ClassValue;
+        };
+    };
+} | {}>, unknown, unknown, undefined>>;
+type VariantProps = TVProps<typeof radioGroupVariants>;
+type ClassName = TVClassName<typeof radioGroupVariants>;
+interface RadioGroupOption {
+    /** Description of the value. Works with variant radioBox. */
+    description?: React.ReactNode;
+    /** disables the option */
+    disabled?: boolean;
+    /** option label */
+    label?: React.ReactNode;
+    /** option icon */
+    icon?: ReactNode;
+    /** HTML data-testid attribute of the option */
+    testId?: string;
+    /** option value */
+    value: string;
+}
+interface RadioGroupProps extends VariantProps {
+    /** CSS class name */
+    className?: ClassName;
+    /** Determines if the Buttons are disabled or not. */
+    disabled?: boolean;
+    /** determines orientation of the Buttons. */
+    inline?: boolean;
+    /** Label displayed next to the RadioButton. */
+    label?: ReactNode;
+    /** Name the RadioButtons are registered at in HTML forms (react-hook-form). */
+    name: string;
+    /** Radio button configuration. */
+    options: RadioGroupOption[];
+    /** Id to grab element in internal tests. */
+    testId?: string;
+    /** How the RadioGroup should look like. */
+    variant?: 'default' | 'radioBox' | 'radioButton';
+}
+/**
+ * RadioGroup component based on [NextUI RadioGroup](https://nextui.org/docs/components/radio-group)
+ */
+declare const RadioGroup: ({ className, disabled, inline, label, name, options, testId: _testId, variant, }: RadioGroupProps) => ReactElement;
+
+export { RadioGroup as R, type RadioGroupProps as a };

package/dist/Select/index.cjs

@@ -1,13 +1,13 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunkQVBZ5RLNcjs = require('../chunk-QVBZ5RLN.cjs');
+var _chunkNXTXKBTPcjs = require('../chunk-NXTXKBTP.cjs');
 require('../chunk-KMMS4G7A.cjs');
-require('../chunk-QTL5FREE.cjs');
+require('../chunk-OHJYXA6R.cjs');
 require('../chunk-LDCRR7FP.cjs');
 require('../chunk-BBB4FEY6.cjs');
 
 
 
-exports.Select = _chunkQVBZ5RLNcjs.Select_default; exports.default = _chunkQVBZ5RLNcjs.Select_default2;
+exports.Select = _chunkNXTXKBTPcjs.Select_default; exports.default = _chunkNXTXKBTPcjs.Select_default2;
 //# sourceMappingURL=index.cjs.map

package/dist/Select/index.d.cts

@@ -1,8 +1,8 @@
-import { S as Select } from '../Select-C08Oftdr.cjs';
-export { a as SelectProps } from '../Select-C08Oftdr.cjs';
+import { S as Select } from '../Select-BhS4z0Pj.cjs';
+export { a as SelectProps } from '../Select-BhS4z0Pj.cjs';
 import 'react/jsx-runtime';
-import 'tailwind-variants';
 import 'tailwind-variants/dist/config.js';
+import 'tailwind-variants';
 import '@fuf-stack/pixel-utils';
 import 'react-select';
 

package/dist/Select/index.d.ts

@@ -1,8 +1,8 @@
-import { S as Select } from '../Select-C08Oftdr.js';
-export { a as SelectProps } from '../Select-C08Oftdr.js';
+import { S as Select } from '../Select-BhS4z0Pj.js';
+export { a as SelectProps } from '../Select-BhS4z0Pj.js';
 import 'react/jsx-runtime';
-import 'tailwind-variants';
 import 'tailwind-variants/dist/config.js';
+import 'tailwind-variants';
 import '@fuf-stack/pixel-utils';
 import 'react-select';
 

package/dist/Select/index.js

@@ -1,9 +1,9 @@
 import {
   Select_default,
   Select_default2
-} from "../chunk-I5M2A3MN.js";
+} from "../chunk-LDW7K7LW.js";
 import "../chunk-T3CCNJHK.js";
-import "../chunk-DBLODROX.js";
+import "../chunk-WKM2D7LF.js";
 import "../chunk-HWDQZO7X.js";
 import "../chunk-V46BHM2U.js";
 export {

package/dist/Select-BhS4z0Pj.d.cts

@@ -0,0 +1,317 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as tailwind_variants_dist_config_js from 'tailwind-variants/dist/config.js';
+import * as tailwind_variants from 'tailwind-variants';
+import { TVProps, TVClassName } from '@fuf-stack/pixel-utils';
+import { Props } from 'react-select';
+
+declare const selectVariants: tailwind_variants.TVReturnType<{
+    [key: string]: {
+        [key: string]: tailwind_variants.ClassValue | {
+            control?: tailwind_variants.ClassValue;
+            base?: tailwind_variants.ClassValue;
+            input?: tailwind_variants.ClassValue;
+            label?: tailwind_variants.ClassValue;
+            menu?: tailwind_variants.ClassValue;
+            option?: tailwind_variants.ClassValue;
+            group?: tailwind_variants.ClassValue;
+            placeholder?: tailwind_variants.ClassValue;
+            clearIndicator?: tailwind_variants.ClassValue;
+            control_focused?: tailwind_variants.ClassValue;
+            crossIcon?: tailwind_variants.ClassValue;
+            downChevron?: tailwind_variants.ClassValue;
+            dropdownIndicator?: tailwind_variants.ClassValue;
+            groupHeading?: tailwind_variants.ClassValue;
+            indicatorsContainer?: tailwind_variants.ClassValue;
+            indicatorSeparator?: tailwind_variants.ClassValue;
+            loadingIndicator?: tailwind_variants.ClassValue;
+            loadingMessage?: tailwind_variants.ClassValue;
+            menuList?: tailwind_variants.ClassValue;
+            menuPortal?: tailwind_variants.ClassValue;
+            multiValue?: tailwind_variants.ClassValue;
+            multiValueContainer?: tailwind_variants.ClassValue;
+            multiValueLabel?: tailwind_variants.ClassValue;
+            multiValueRemove?: tailwind_variants.ClassValue;
+            noOptionsMessage?: tailwind_variants.ClassValue;
+            option_focused?: tailwind_variants.ClassValue;
+            option_selected?: tailwind_variants.ClassValue;
+            selectContainer?: tailwind_variants.ClassValue;
+            singleValue?: tailwind_variants.ClassValue;
+            valueContainer?: tailwind_variants.ClassValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: tailwind_variants.ClassValue | {
+            control?: tailwind_variants.ClassValue;
+            base?: tailwind_variants.ClassValue;
+            input?: tailwind_variants.ClassValue;
+            label?: tailwind_variants.ClassValue;
+            menu?: tailwind_variants.ClassValue;
+            option?: tailwind_variants.ClassValue;
+            group?: tailwind_variants.ClassValue;
+            placeholder?: tailwind_variants.ClassValue;
+            clearIndicator?: tailwind_variants.ClassValue;
+            control_focused?: tailwind_variants.ClassValue;
+            crossIcon?: tailwind_variants.ClassValue;
+            downChevron?: tailwind_variants.ClassValue;
+            dropdownIndicator?: tailwind_variants.ClassValue;
+            groupHeading?: tailwind_variants.ClassValue;
+            indicatorsContainer?: tailwind_variants.ClassValue;
+            indicatorSeparator?: tailwind_variants.ClassValue;
+            loadingIndicator?: tailwind_variants.ClassValue;
+            loadingMessage?: tailwind_variants.ClassValue;
+            menuList?: tailwind_variants.ClassValue;
+            menuPortal?: tailwind_variants.ClassValue;
+            multiValue?: tailwind_variants.ClassValue;
+            multiValueContainer?: tailwind_variants.ClassValue;
+            multiValueLabel?: tailwind_variants.ClassValue;
+            multiValueRemove?: tailwind_variants.ClassValue;
+            noOptionsMessage?: tailwind_variants.ClassValue;
+            option_focused?: tailwind_variants.ClassValue;
+            option_selected?: tailwind_variants.ClassValue;
+            selectContainer?: tailwind_variants.ClassValue;
+            singleValue?: tailwind_variants.ClassValue;
+            valueContainer?: tailwind_variants.ClassValue;
+        };
+    };
+} | {}, {
+    base: string;
+    clearIndicator: string;
+    control: string;
+    control_focused: string;
+    crossIcon: string;
+    downChevron: string;
+    dropdownIndicator: string;
+    group: string;
+    groupHeading: string;
+    indicatorsContainer: string;
+    indicatorSeparator: string;
+    input: string;
+    label: string;
+    loadingIndicator: string;
+    loadingMessage: string;
+    menu: string;
+    menuList: string;
+    menuPortal: string;
+    multiValue: string;
+    multiValueContainer: string;
+    multiValueLabel: string;
+    multiValueRemove: string;
+    noOptionsMessage: string;
+    option_focused: string;
+    option_selected: string;
+    option: string;
+    placeholder: string;
+    selectContainer: string;
+    singleValue: string;
+    valueContainer: string;
+}, undefined, tailwind_variants_dist_config_js.TVConfig<unknown, {
+    [key: string]: {
+        [key: string]: tailwind_variants.ClassValue | {
+            control?: tailwind_variants.ClassValue;
+            base?: tailwind_variants.ClassValue;
+            input?: tailwind_variants.ClassValue;
+            label?: tailwind_variants.ClassValue;
+            menu?: tailwind_variants.ClassValue;
+            option?: tailwind_variants.ClassValue;
+            group?: tailwind_variants.ClassValue;
+            placeholder?: tailwind_variants.ClassValue;
+            clearIndicator?: tailwind_variants.ClassValue;
+            control_focused?: tailwind_variants.ClassValue;
+            crossIcon?: tailwind_variants.ClassValue;
+            downChevron?: tailwind_variants.ClassValue;
+            dropdownIndicator?: tailwind_variants.ClassValue;
+            groupHeading?: tailwind_variants.ClassValue;
+            indicatorsContainer?: tailwind_variants.ClassValue;
+            indicatorSeparator?: tailwind_variants.ClassValue;
+            loadingIndicator?: tailwind_variants.ClassValue;
+            loadingMessage?: tailwind_variants.ClassValue;
+            menuList?: tailwind_variants.ClassValue;
+            menuPortal?: tailwind_variants.ClassValue;
+            multiValue?: tailwind_variants.ClassValue;
+            multiValueContainer?: tailwind_variants.ClassValue;
+            multiValueLabel?: tailwind_variants.ClassValue;
+            multiValueRemove?: tailwind_variants.ClassValue;
+            noOptionsMessage?: tailwind_variants.ClassValue;
+            option_focused?: tailwind_variants.ClassValue;
+            option_selected?: tailwind_variants.ClassValue;
+            selectContainer?: tailwind_variants.ClassValue;
+            singleValue?: tailwind_variants.ClassValue;
+            valueContainer?: tailwind_variants.ClassValue;
+        };
+    };
+} | {}>, {
+    [key: string]: {
+        [key: string]: tailwind_variants.ClassValue | {
+            control?: tailwind_variants.ClassValue;
+            base?: tailwind_variants.ClassValue;
+            input?: tailwind_variants.ClassValue;
+            label?: tailwind_variants.ClassValue;
+            menu?: tailwind_variants.ClassValue;
+            option?: tailwind_variants.ClassValue;
+            group?: tailwind_variants.ClassValue;
+            placeholder?: tailwind_variants.ClassValue;
+            clearIndicator?: tailwind_variants.ClassValue;
+            control_focused?: tailwind_variants.ClassValue;
+            crossIcon?: tailwind_variants.ClassValue;
+            downChevron?: tailwind_variants.ClassValue;
+            dropdownIndicator?: tailwind_variants.ClassValue;
+            groupHeading?: tailwind_variants.ClassValue;
+            indicatorsContainer?: tailwind_variants.ClassValue;
+            indicatorSeparator?: tailwind_variants.ClassValue;
+            loadingIndicator?: tailwind_variants.ClassValue;
+            loadingMessage?: tailwind_variants.ClassValue;
+            menuList?: tailwind_variants.ClassValue;
+            menuPortal?: tailwind_variants.ClassValue;
+            multiValue?: tailwind_variants.ClassValue;
+            multiValueContainer?: tailwind_variants.ClassValue;
+            multiValueLabel?: tailwind_variants.ClassValue;
+            multiValueRemove?: tailwind_variants.ClassValue;
+            noOptionsMessage?: tailwind_variants.ClassValue;
+            option_focused?: tailwind_variants.ClassValue;
+            option_selected?: tailwind_variants.ClassValue;
+            selectContainer?: tailwind_variants.ClassValue;
+            singleValue?: tailwind_variants.ClassValue;
+            valueContainer?: tailwind_variants.ClassValue;
+        };
+    };
+} | {}, {
+    base: string;
+    clearIndicator: string;
+    control: string;
+    control_focused: string;
+    crossIcon: string;
+    downChevron: string;
+    dropdownIndicator: string;
+    group: string;
+    groupHeading: string;
+    indicatorsContainer: string;
+    indicatorSeparator: string;
+    input: string;
+    label: string;
+    loadingIndicator: string;
+    loadingMessage: string;
+    menu: string;
+    menuList: string;
+    menuPortal: string;
+    multiValue: string;
+    multiValueContainer: string;
+    multiValueLabel: string;
+    multiValueRemove: string;
+    noOptionsMessage: string;
+    option_focused: string;
+    option_selected: string;
+    option: string;
+    placeholder: string;
+    selectContainer: string;
+    singleValue: string;
+    valueContainer: string;
+}, tailwind_variants.TVReturnType<unknown, {
+    base: string;
+    clearIndicator: string;
+    control: string;
+    control_focused: string;
+    crossIcon: string;
+    downChevron: string;
+    dropdownIndicator: string;
+    group: string;
+    groupHeading: string;
+    indicatorsContainer: string;
+    indicatorSeparator: string;
+    input: string;
+    label: string;
+    loadingIndicator: string;
+    loadingMessage: string;
+    menu: string;
+    menuList: string;
+    menuPortal: string;
+    multiValue: string;
+    multiValueContainer: string;
+    multiValueLabel: string;
+    multiValueRemove: string;
+    noOptionsMessage: string;
+    option_focused: string;
+    option_selected: string;
+    option: string;
+    placeholder: string;
+    selectContainer: string;
+    singleValue: string;
+    valueContainer: string;
+}, undefined, tailwind_variants_dist_config_js.TVConfig<unknown, {
+    [key: string]: {
+        [key: string]: tailwind_variants.ClassValue | {
+            control?: tailwind_variants.ClassValue;
+            base?: tailwind_variants.ClassValue;
+            input?: tailwind_variants.ClassValue;
+            label?: tailwind_variants.ClassValue;
+            menu?: tailwind_variants.ClassValue;
+            option?: tailwind_variants.ClassValue;
+            group?: tailwind_variants.ClassValue;
+            placeholder?: tailwind_variants.ClassValue;
+            clearIndicator?: tailwind_variants.ClassValue;
+            control_focused?: tailwind_variants.ClassValue;
+            crossIcon?: tailwind_variants.ClassValue;
+            downChevron?: tailwind_variants.ClassValue;
+            dropdownIndicator?: tailwind_variants.ClassValue;
+            groupHeading?: tailwind_variants.ClassValue;
+            indicatorsContainer?: tailwind_variants.ClassValue;
+            indicatorSeparator?: tailwind_variants.ClassValue;
+            loadingIndicator?: tailwind_variants.ClassValue;
+            loadingMessage?: tailwind_variants.ClassValue;
+            menuList?: tailwind_variants.ClassValue;
+            menuPortal?: tailwind_variants.ClassValue;
+            multiValue?: tailwind_variants.ClassValue;
+            multiValueContainer?: tailwind_variants.ClassValue;
+            multiValueLabel?: tailwind_variants.ClassValue;
+            multiValueRemove?: tailwind_variants.ClassValue;
+            noOptionsMessage?: tailwind_variants.ClassValue;
+            option_focused?: tailwind_variants.ClassValue;
+            option_selected?: tailwind_variants.ClassValue;
+            selectContainer?: tailwind_variants.ClassValue;
+            singleValue?: tailwind_variants.ClassValue;
+            valueContainer?: tailwind_variants.ClassValue;
+        };
+    };
+} | {}>, unknown, unknown, undefined>>;
+type SelectOption = {
+    /** option label */
+    label?: React.ReactNode;
+    /** option value */
+    value: string;
+};
+type VariantProps = TVProps<typeof selectVariants>;
+type ClassName = TVClassName<typeof selectVariants>;
+interface SelectProps extends VariantProps {
+    /** CSS class name */
+    className?: ClassName;
+    /** Determine if the  */
+    clearable?: boolean;
+    /** Set the select to disabled state. */
+    disabled?: boolean;
+    /** Filter Select Options */
+    filterOption?: undefined | ((option?: SelectOption, inputValue?: string) => boolean);
+    /** Format the label of the option */
+    renderOptionLabel?: undefined | Props['formatOptionLabel'];
+    /** The value of the search input */
+    inputValue?: string;
+    /** Label that should be associated with the select. */
+    label?: React.ReactNode;
+    /** Set the select to a loading state. */
+    loading?: boolean;
+    /** switch between single and multi select mode. */
+    multiSelect?: boolean;
+    /** The name for the Select component, used by react-hook-form */
+    name: string;
+    /** Placeholder that is displayed when nothing is selected */
+    placeholder?: string;
+    /** The options for the Select component */
+    options: SelectOption[];
+    /** Handle change events on the input */
+    onInputChange?: Props['onInputChange'];
+    /** HTML data-testid attribute used in e2e tests */
+    testId?: string;
+}
+/** Select component based on [NextUI Select](https://nextui.org/docs/components/select) and [React-Select](https://react-select.com/home) */
+declare const Select: ({ className, clearable, disabled, filterOption, renderOptionLabel, inputValue, label: _label, loading, multiSelect, name, onInputChange, options, placeholder, testId: _testId, }: SelectProps) => react_jsx_runtime.JSX.Element;
+
+export { Select as S, type SelectProps as a };