@v-miniapp/ui-react 1.0.41 → 1.0.45

package/dist-storybook/assets/en-Cs9O0XWn.js

@@ -0,0 +1,15 @@
+const e={"common.table.description":"Description","common.table.name":"Property Name","common.table.no":"No","common.table.required":"Required","common.table.title":"Properties","common.table.type":"Data Type","common.table.yes":"Yes","components.alert.actionDescription":"Action element (e.g. button) displayed on the right side of the alert.","components.alert.argTypes.actionDescription":"Action element (e.g. button) displayed on the right side of the alert.","components.alert.argTypes.classNameDescription":"Additional CSS classes for the alert container.","components.alert.argTypes.closeableDescription":"Controls whether the close button is displayed. Can be a boolean, icon props, or a custom React element.","components.alert.argTypes.messageDescription":"Message content displayed below the title.","components.alert.argTypes.titleDescription":"Alert title displayed in bold.","components.alert.argTypes.typeDescription":"The alert type that determines the visual style and icon. Defaults to `informative`.","components.alert.classNameDescription":"Additional CSS classes for the alert container.","components.alert.closeableDescription":"Controls whether the close button is displayed. Can be a boolean, icon props, or a custom React element.","components.alert.completeExample.errorButton":"Try again","components.alert.completeExample.errorMessage":"An error occurred while processing your request. Please try again or contact support if the issue persists.","components.alert.completeExample.errorTitle":"An error occurred","components.alert.completeExample.infoButton":"Learn more","components.alert.completeExample.infoMessage":"This is an example of an alert with all available properties. You can include any additional content here.","components.alert.completeExample.infoTitle":"Information","components.alert.completeExample.successButton":"View changes","components.alert.completeExample.successMessage":"Your changes have been saved successfully. You can continue working or review the changes.","components.alert.completeExample.successTitle":"Success!","components.alert.default.message":"This is an informational message","components.alert.description":"The Alert component displays contextual feedback messages to users. It supports multiple types (informative, positive, negative) and can include a title, message content, action buttons, and an optional close function.","components.alert.informative.message":"This is an informational message","components.alert.interactive.message":"This alert can be configured using the controls in the panel below.","components.alert.interactive.title":"Interactive alert","components.alert.messageDescription":"Message content displayed below the title.","components.alert.negative.message":"An error occurred","components.alert.positive.message":"The action was completed successfully","components.alert.propsDescription":"Supports all standard HTML div element attributes.","components.alert.titleDescription":"Alert title displayed in bold.","components.alert.typeDescription":"The alert type that determines the visual style and icon. Defaults to `informative`.","components.alert.withAction.sessionButton":"Save now","components.alert.withAction.sessionMessage":"Your session is about to expire. Please save your work.","components.alert.withAction.sessionTitle":"Action required","components.alert.withAction.updateButton":"Update now","components.alert.withAction.updateMessage":"A new version of the application is available. Would you like to update now?","components.alert.withAction.updateTitle":"New update available","components.alert.withCloseButton.errorMessage":"An error occurred","components.alert.withCloseButton.errorTitle":"Error","components.alert.withCloseButton.infoMessage":"This alert can be closed","components.alert.withCloseButton.infoTitle":"Information","components.alert.withCloseButton.successMessage":"This alert can also be closed","components.alert.withCloseButton.successTitle":"Success","components.alert.withTitle.message":"This is the alert message content","components.alert.withTitle.title":"Alert title","components.alert.withTitleAndMessage.errorMessage":"An error occurred while saving your changes","components.alert.withTitleAndMessage.errorTitle":"Error","components.alert.withTitleAndMessage.infoMessage":"This is an informational alert with both title and message","components.alert.withTitleAndMessage.infoTitle":"Information","components.alert.withTitleAndMessage.successMessage":"Your changes have been saved successfully","components.alert.withTitleAndMessage.successTitle":"Success","components.alert.stories.default.title":"Default","components.alert.stories.informative.title":"Informational alert","components.alert.stories.positive.title":"Success alert","components.alert.stories.negative.title":"Error alert","components.alert.stories.withTitle.title":"With title","components.alert.stories.withTitleAndMessage.title":"With title and message","components.alert.stories.withCloseButton.title":"With close button","components.alert.stories.withAction.title":"With action","components.alert.stories.completeExample.title":"Complete example","components.alert.stories.interactive.title":"Interactive","components.avatar.stories.default.title":"Default","components.avatar.stories.shapes.title":"Shapes","components.avatar.stories.sizes.title":"Sizes","components.avatar.stories.withBorder.title":"With border","components.avatar.stories.withImage.title":"With image","components.avatar.stories.customLabelStyling.title":"Custom label styling","components.avatar.stories.fallbackToLabel.title":"Fallback to label","components.avatar.stories.completeExample.title":"Complete example","components.avatar.stories.interactive.title":"Interactive","components.badge.stories.default.title":"Default","components.badge.stories.dotBadge.title":"Dot badge","components.badge.stories.numberBadges.title":"Number badges","components.badge.stories.numberBadgesWithOutline.title":"Outlined number badges","components.badge.stories.labelBadges.title":"Label badges","components.badge.stories.labelBadgesWithOutline.title":"Outlined label badges","components.badge.stories.allVariants.title":"All variants","components.badge.stories.withBadgeContainer.title":"With badge container","components.badge.stories.interactive.title":"Interactive","components.avatar.argTypes.borderDescription":"Whether to display a border around the avatar.","components.avatar.argTypes.classNameDescription":"Additional CSS classes for the avatar container.","components.avatar.argTypes.colorDescription":"Background color for the avatar when displaying a label.","components.avatar.argTypes.labelColorDescription":"Text color of the label. Defaults to the theme color if not specified.","components.avatar.argTypes.labelDescription":"Text displayed when no image is provided (usually the user's initial).","components.avatar.argTypes.labelSizeDescription":"Font size of the label. Automatically determined based on avatar size if not specified.","components.avatar.argTypes.shapeDescription":"Shape of the avatar. Defaults to `rounded`.","components.avatar.argTypes.sizeDescription":"Avatar size in pixels. Defaults to `40`.","components.avatar.argTypes.srcDescription":"Source URL of the avatar image.","components.avatar.argTypes.srcSetDescription":"Set of image sources for responsive display.","components.avatar.borderDescription":"Whether to display a border around the avatar.","components.avatar.classNameDescription":"Additional CSS classes for the avatar container.","components.avatar.colorDescription":"Background color for the avatar when displaying a label.","components.avatar.description":"The Avatar component displays a user's profile image or initial. It supports multiple sizes, shapes (circular or rounded), and customizable styling.","components.avatar.labelColorDescription":"Text color of the label. Defaults to the theme color if not specified.","components.avatar.labelDescription":"Text displayed when no image is provided (usually the user's initial).","components.avatar.labelSizeDescription":"Font size of the label. Automatically determined based on avatar size if not specified.","components.avatar.propsDescription":"Supports all standard HTML img element attributes (alt, loading, etc.).","components.avatar.shapeDescription":"Shape of the avatar. Defaults to `rounded`.","components.avatar.sizeDescription":"Avatar size in pixels. Defaults to `40`.","components.avatar.srcDescription":"Source URL of the avatar image.","components.avatar.srcSetDescription":"Set of image sources for responsive display.","components.badge.argTypes.childrenDescription":"Badge content. If empty, a dot will be displayed. Can be a number, text, or ReactNode.","components.badge.argTypes.classNameDescription":"Additional CSS classes for the badge.","components.badge.argTypes.outlineDescription":"Whether to display the badge with an outline (white border).","components.badge.childrenDescription":"Badge content. If empty, a dot will be displayed. Can be a number, text, or ReactNode.","components.badge.classNameDescription":"Additional CSS classes for the badge.","components.badge.description":"The Badge component displays small status indicators, commonly used for notifications, counts, or labels. It can appear as a dot, number, or text, with optional outline styling.","components.badge.outlineDescription":"Whether to display the badge with an outline (white border).","components.badge.propsDescription":"Supports all standard HTML div element attributes.","components.bottomTabBar.activeIdDescription":"ID of the currently active tab item.","components.bottomTabBar.argTypes.activeIdDescription":"ID of the currently active tab item.","components.bottomTabBar.argTypes.classNameDescription":"Additional CSS classes for the tab bar.","components.bottomTabBar.argTypes.indicatorDescription":"Whether to display the active indicator bar. Defaults to true.","components.bottomTabBar.argTypes.itemsDescription":"Array of tab items to display. Each item requires an id and name.","components.bottomTabBar.argTypes.onItemClickDescription":"Callback function invoked when a tab item is clicked.","components.bottomTabBar.argTypes.safeAreaBottomOffsetDescription":"Whether to add safe area padding at the bottom. Useful for devices with a notch or home indicator. Defaults to true.","components.bottomTabBar.argTypes.setCssVariableDescription":"Whether to set the CSS variable --vsf-bottom-tab-bar-height on the root document.","components.bottomTabBar.classNameDescription":"Additional CSS classes for the tab bar.","components.bottomTabBar.description":"The BottomTabBar component provides bottom navigation, allowing users to switch between different sections of the application. It supports text-only tabs or icon + text tabs, active state indicators, and safe area padding for mobile devices.","components.bottomTabBar.indicatorDescription":"Whether to display the active indicator bar. Defaults to true.","components.bottomTabBar.itemsDescription":"Array of tab items to display. Each item requires an id and name.","components.bottomTabBar.onItemClickDescription":"Callback function invoked when a tab item is clicked.","components.bottomTabBar.propsDescription":"Supports all standard HTML div element attributes.","components.bottomTabBar.safeAreaBottomOffsetDescription":"Whether to add safe area padding at the bottom. Useful for devices with a notch or home indicator. Defaults to true.","components.bottomTabBar.setCssVariableDescription":"Whether to set the CSS variable --vsf-bottom-tab-bar-height on the root document.","components.bottomTabBar.stories.default.content":"This is the default content of the tab bar. Click the tabs to switch between items.","components.bottomTabBar.stories.interactive.activeTab":"You selected tab: {{tabName}}","components.bottomTabBar.stories.default.title":"Default","components.bottomTabBar.stories.withIcons.title":"With icons","components.bottomTabBar.stories.withActiveIcons.title":"With active icons","components.bottomTabBar.stories.withoutIndicator.title":"Without indicator","components.bottomTabBar.stories.interactive.title":"Interactive","components.bottomTabBar.stories.tabs.home":"Home","components.bottomTabBar.stories.tabs.profile":"Profile","components.bottomTabBar.stories.tabs.search":"Search","components.bottomTabBar.stories.tabs.tab1":"Tab 1","components.bottomTabBar.stories.tabs.tab2":"Tab 2","components.bottomTabBar.stories.tabs.tab3":"Tab 3","components.bottomTabBar.stories.withActiveIcons.content":"This is a tab bar with active icons. Icons change when the tab is selected.","components.bottomTabBar.stories.withIcons.content":"This is a tab bar with icons. Each tab has a corresponding icon.","components.bottomTabBar.stories.withoutIndicator.content":"This is a tab bar without an indicator. No indicator is shown under the active tab.","components.button.argTypes.blockDescription":"Whether the button should take up the full width of its container.","components.button.argTypes.childrenDescription":"Text or content displayed inside the button.","components.button.argTypes.classNameDescription":"Additional CSS classes for the button.","components.button.argTypes.disabledDescription":"Whether the button is disabled and cannot be interacted with.","components.button.argTypes.htmlTypeDescription":"HTML type attribute for the button element.","components.button.argTypes.leadingIconDescription":"Icon or element displayed before the button text.","components.button.argTypes.loadingDescription":"Whether to display a loading indicator when the button is in a loading state.","components.button.argTypes.shapeDescription":"Shape of the button. Defaults to 'rounded'.","components.button.argTypes.sizeDescription":"Size of the button. Defaults to 'medium'.","components.button.argTypes.themeDescription":"Color theme of the button. Defaults to 'default' (mapped to 'brand').","components.button.argTypes.trailingIconDescription":"Icon or element displayed after the button text.","components.button.argTypes.typeDescription":"Visual style of the button. Defaults to 'solid'.","components.button.blockDescription":"Whether the button should take up the full width of its container.","components.button.childrenDescription":"Text or content displayed inside the button.","components.button.classNameDescription":"Additional CSS classes for the button.","components.button.description":"The Button component provides interactive elements that users can click to trigger actions. It supports multiple themes, styles, sizes, and optional icons or loading states.","components.button.disabledDescription":"Whether the button is disabled and cannot be interacted with.","components.button.htmlTypeDescription":"HTML type attribute for the button element.","components.button.leadingIconDescription":"Icon or element displayed before the button text.","components.button.loadingDescription":"Whether to display a loading indicator when the button is in a loading state.","components.button.propsDescription":"Supports all standard HTML button element attributes.","components.button.shapeDescription":"Shape of the button. Can be 'rounded' or 'pill'.","components.button.sizeDescription":"Size of the button. Can be 'large' or 'medium'.","components.button.stories.block.fullWidth":"Full-width button","components.button.stories.block.fullWidthLoading":"Full-width loading button","components.button.stories.block.fullWidthOutline":"Full-width outlined button","components.button.stories.complete.cancel":"Cancel","components.button.stories.complete.iconButtons":"Icon buttons","components.button.stories.complete.primaryActions":"Primary actions","components.button.stories.complete.saveChanges":"Save changes","components.button.stories.complete.secondary":"Secondary","components.button.stories.complete.secondaryActions":"Secondary actions","components.button.stories.complete.tertiary":"Tertiary","components.button.stories.default.label":"Click me","components.button.stories.icons.both":"Both icons","components.button.stories.icons.leading":"Leading icon","components.button.stories.icons.trailing":"Trailing icon","components.button.stories.interactive.label":"Interactive button","components.button.stories.default.title":"Default","components.button.stories.types.title":"Button types","components.button.stories.sizes.title":"Sizes","components.button.stories.shapes.title":"Shapes","components.button.stories.withIcons.title":"With icons","components.button.stories.states.title":"States","components.button.stories.blockButton.title":"Full-width button","components.button.stories.completeExample.title":"Complete example","components.button.stories.interactive.title":"Interactive","components.button.stories.shapes.pill":"Pill","components.button.stories.shapes.rounded":"Rounded","components.button.stories.sizes.large":"Large","components.button.stories.sizes.medium":"Medium","components.button.stories.states.default":"Default","components.button.stories.states.disabled":"Disabled","components.button.stories.states.disabledLoading":"Disabled loading","components.button.stories.states.loading":"Loading","components.button.stories.themes.title":"Themes","components.button.stories.themes.brand":"Brand","components.button.stories.themes.neutral":"Neutral","components.button.stories.themes.neutralInverse":"Neutral inverse","components.button.stories.types.ghost":"Ghost","components.button.stories.types.outline":"Outline","components.button.stories.types.solid":"Solid","components.button.stories.types.solidSubtle":"Solid subtle","components.button.themeDescription":"The color theme of the button. Can be 'default' (mapped to 'brand'), 'brand', 'neutral', or 'neutral-inverse'.","components.button.trailingIconDescription":"Icon or element displayed after the button text.","components.button.typeDescription":"The visual style of the button. Can be 'solid', 'solid-subtle', 'outline', or 'ghost'.","components.calendar.argTypes.classNameDescription":"Additional CSS classes for the calendar container.","components.calendar.argTypes.defaultValueDescription":"Default value for the selected date. Used for uncontrolled components. A Date object for single mode, [Date, Date] for range mode.","components.calendar.argTypes.idDescription":"ID of the calendar element.","components.calendar.argTypes.langDescription":"Language for the calendar. Default is 'vi'.","components.calendar.argTypes.maxDateDescription":"Maximum selectable date. Dates after this will be disabled.","components.calendar.argTypes.minDateDescription":"Minimum selectable date. Dates before this will be disabled.","components.calendar.argTypes.navigationModeDescription":"Navigation mode for the calendar header. Default is 'month-year'.","components.calendar.argTypes.onChangeDescription":"Callback function called when the selected date changes.","components.calendar.argTypes.onClickDescription":"Click event handler for the calendar container.","components.calendar.argTypes.refDescription":"Ref for the calendar container element.","components.calendar.argTypes.renderTextDescription":"Custom render function for displaying text in the calendar.","components.calendar.argTypes.styleDescription":"Inline styles for the calendar container.","components.calendar.argTypes.typeDescription":"Selection mode. Default is 'single' (single date).","components.calendar.argTypes.valueDescription":"Selected date. A Date object for single mode, [Date, Date] for range mode.","components.calendar.classNameDescription":"Additional CSS classes for the calendar container.","components.calendar.defaultValueDescription":"Default value for the selected date. Used for uncontrolled components. A Date object for single mode, [Date, Date] for range mode.","components.calendar.description":`The Calendar component provides an intuitive calendar interface for date selection. It supports both single-date and date-range selection modes, customizable navigation modes, and custom text rendering for each day cell.
+
+### Features
+- Single date or date range selection
+- Custom navigation modes (month, month-year, time only)
+- Multilingual support (Vietnamese and English)
+- Customizable day, weekday, and header rendering`,"components.calendar.langDescription":"Language for the calendar. Default is 'vi'.","components.calendar.maxDateDescription":"Maximum selectable date. Dates after this will be disabled.","components.calendar.minDateDescription":"Minimum selectable date. Dates before this will be disabled.","components.calendar.navigationModeDescription":"Navigation mode for the calendar header. Default is 'month-year'.","components.calendar.onChangeDescription":"Callback function called when the selected date changes.","components.calendar.propsDescription":"Supports all standard HTML div element props (onClick, etc.).","components.calendar.stories.controlledDateRange.noSelection":"No selection","components.calendar.stories.controlledDateRange.selected":"Selected:","components.calendar.stories.controlledDateRange.title":"Controlled date range","components.calendar.stories.controlledSingleDate.title":"Controlled single date","components.calendar.stories.controlledSingleDate.selected":"Selected:","components.calendar.stories.months.april":"April","components.calendar.stories.months.august":"August","components.calendar.stories.months.december":"December","components.calendar.stories.months.february":"February","components.calendar.stories.months.january":"January","components.calendar.stories.months.july":"July","components.calendar.stories.months.june":"June","components.calendar.stories.months.march":"March","components.calendar.stories.months.may":"May","components.calendar.stories.months.november":"November","components.calendar.stories.months.october":"October","components.calendar.stories.months.september":"September","components.calendar.stories.navigationModes.monthOnly":"Month only","components.calendar.stories.navigationModes.monthYear":"Month and year (Default)","components.calendar.stories.navigationModes.timeOnly":"Time only","components.calendar.stories.weekdays.friday":"Fri","components.calendar.stories.weekdays.monday":"Mon","components.calendar.stories.weekdays.saturday":"Sat","components.calendar.stories.weekdays.sunday":"Sun","components.calendar.stories.weekdays.thursday":"Thu","components.calendar.stories.weekdays.tuesday":"Tue","components.calendar.stories.weekdays.wednesday":"Wed","components.calendar.stories.withCustomRendering.event":"Event","components.calendar.stories.withCustomRendering.sale":"Sale","components.calendar.stories.withDateRangeConstraints.noDateSelected":"No date selected","components.calendar.stories.withDateRangeConstraints.selectableRange":"Selectable range:","components.calendar.stories.withDateRangeConstraints.selectedDate":"Selected date:","components.calendar.stories.default.title":"Default","components.calendar.stories.navigationModes.title":"Navigation modes","components.calendar.stories.withCustomRendering.title":"Custom rendering","components.calendar.stories.withDateRangeConstraints.title":"Date range constraints","components.calendar.stories.interactive.title":"Interactive","components.calendar.typeDescription":"Selection mode. Default is 'single' (single date).","components.calendar.valueDescription":"Selected date. A Date object for single mode, [Date, Date] for range mode.","components.carousel.argTypes.carouselDescription":"External Carousel instance optionally created by the `useCarousel` hook. If not provided, a new instance will be created.","components.carousel.argTypes.childrenDescription":"CarouselItem elements to display.","components.carousel.argTypes.classNameDescription":"Additional CSS classes for the carousel container.","components.carousel.argTypes.options.alignDescription":"Alignment of slides within the viewport. Default is 'center'.","components.carousel.argTypes.options.autoHeightDescription":"Whether to automatically adjust height based on the active slide. Default is true.","components.carousel.argTypes.options.autoplayDescription":"Whether the carousel should autoplay. Default is true.","components.carousel.argTypes.options.delayDescription":"Delay between automatic slide transitions in milliseconds. Default is 3000.","components.carousel.argTypes.options.durationDescription":"Scroll duration when triggered via API methods. Higher values result in slower scrolling. Default is 25.","components.carousel.argTypes.options.gapDescription":"Gap between slides in pixels. Default is 8.","components.carousel.argTypes.options.initialIndexDescription":"Initial slide index to display. Default is 0.","components.carousel.argTypes.options.loopDescription":"Whether the carousel should loop infinitely.","components.carousel.argTypes.optionsDescription":"Configuration options for carousel behavior.","components.carousel.argTypes.paginationDescription":"Whether to display pagination indicators. Default is `true`.","components.carousel.carouselDescription":"External Carousel instance optionally created by the `useCarousel` hook. If not provided, a new instance will be created.","components.carousel.childrenDescription":"CarouselItem elements to display.","components.carousel.classNameDescription":"Additional CSS classes for the carousel container.","components.carousel.description":`The Carousel component displays a horizontally scrollable collection of items, typically images. It supports pagination indicators, infinite looping, autoplay, and programmatic navigation.
+
+### Features
+- Horizontally scrollable item collection
+- Pagination indicators
+- Infinite looping
+- Autoplay with configurable delay
+- Programmatic navigation
+- Customizable alignment and spacing`,"components.carousel.options.alignDescription":"Alignment of slides within the viewport. Default is 'center'.","components.carousel.options.autoHeightDescription":"Whether to automatically adjust height based on the active slide. Default is true.","components.carousel.options.autoplayDescription":"Whether the carousel should autoplay. Default is true.","components.carousel.options.delayDescription":"Delay between automatic slide transitions in milliseconds. Default is 3000.","components.carousel.options.durationDescription":"Scroll duration when triggered via API methods. Higher values result in slower scrolling. Default is 25.","components.carousel.options.gapDescription":"Gap between slides in pixels. Default is 8.","components.carousel.options.initialIndexDescription":"Initial slide index to display. Default is 0.","components.carousel.options.loopDescription":"Whether the carousel should loop infinitely.","components.carousel.optionsDescription":"Configuration options for carousel behavior.","components.carousel.paginationDescription":"Whether to display pagination indicators. Default is `true`.","components.carousel.stories.alignmentOptions.center":"Center","components.carousel.stories.alignmentOptions.end":"End","components.carousel.stories.alignmentOptions.start":"Start","components.carousel.stories.externalCarouselInstance.activeIndex":"Current slide:","components.carousel.stories.externalCarouselInstance.canNext":"Can next?","components.carousel.stories.externalCarouselInstance.canPrev":"Can previous?","components.carousel.stories.externalCarouselInstance.next":"Next","components.carousel.stories.externalCarouselInstance.no":"No","components.carousel.stories.externalCarouselInstance.previous":"Previous","components.carousel.stories.externalCarouselInstance.yes":"Yes","components.carousel.stories.programmaticControl.goToSlide":"Go to slide {{index}}","components.carousel.stories.programmaticControl.next":"Next","components.carousel.stories.programmaticControl.previous":"Previous","components.carousel.stories.slide":"Slide","components.carousel.stories.default.title":"Default","components.carousel.stories.withLoop.title":"With loop","components.carousel.stories.withoutPagination.title":"Without pagination","components.carousel.stories.customOptions.title":"Custom options","components.carousel.stories.programmaticControl.title":"Programmatic control","components.carousel.stories.externalCarouselInstance.title":"External Carousel instance","components.carousel.stories.alignmentOptions.title":"Alignment options","components.carousel.stories.multipleSlides.title":"Multiple slides","components.carousel.stories.withoutAutoplay.title":"Without autoplay","components.carousel.stories.interactive.title":"Interactive","components.checkbox.argTypes.checkedDescription":"Whether the checkbox is checked. Used for controlled components.","components.checkbox.argTypes.childrenDescription":"The label content of the checkbox.","components.checkbox.argTypes.classNameDescription":"Additional CSS classes for the checkbox container.","components.checkbox.argTypes.defaultCheckedDescription":"Initial checked state for uncontrolled components. Defaults to `false`.","components.checkbox.argTypes.defaultNumberDescription":"Default numeric value when using the uncontrolled number variant.","components.checkbox.argTypes.disabledDescription":"Whether the checkbox is disabled. Defaults to `false`.","components.checkbox.argTypes.numberDescription":"The number displayed when using the 'number' variant.","components.checkbox.argTypes.onChangeDescription":"Callback fired when the checked state changes.","components.checkbox.argTypes.onNumberChangeDescription":"Callback fired when the numeric value changes.","components.checkbox.argTypes.propsDescription":"Supports all standard HTML input element props.","components.checkbox.argTypes.themeDescription":"Visual theme of the checkbox. Defaults to `default` (mapped to `brand`).","components.checkbox.argTypes.typographyDescription":"Typography props for customizing the label text.","components.checkbox.argTypes.variantDescription":"Variant type of the checkbox. Defaults to `default`.","components.checkbox.checkedDescription":"Whether the checkbox is checked. Used for controlled components.","components.checkbox.childrenDescription":"Text or content displayed next to the checkbox.","components.checkbox.classNameDescription":"Additional CSS classes for the checkbox.","components.checkbox.defaultCheckedDescription":"Initial checked state for uncontrolled components.","components.checkbox.defaultNumberDescription":"Initial numeric value for the uncontrolled number variant.","components.checkbox.description":"The Checkbox component allows users to select one or more options from a set. It supports standard checkbox behavior, an indeterminate state, and a number variant for quantity selection.","components.checkbox.disabledDescription":"Whether the checkbox is disabled.","components.checkbox.numberDescription":"Numeric value for the number variant. Used for controlled components.","components.checkbox.onChangeDescription":"Callback fired when the checked state changes (default variant).","components.checkbox.onNumberChangeDescription":"Callback fired when the numeric value changes (number variant).","components.checkbox.propsDescription":"Supports all standard HTML input element props (name, id, etc.).","components.checkbox.stories.checkboxGroup.none":"None","components.checkbox.stories.checkboxGroup.options.Option 1":"Option 1","components.checkbox.stories.checkboxGroup.options.Option 2":"Option 2","components.checkbox.stories.checkboxGroup.options.Option 3":"Option 3","components.checkbox.stories.checkboxGroup.selected":"Selected:","components.checkbox.stories.complete.agreeTerms":"I agree to the terms and conditions","components.checkbox.stories.complete.disabledOption":"Disabled option","components.checkbox.stories.complete.disabledTitle":"Disabled option","components.checkbox.stories.complete.items":"Products","components.checkbox.stories.complete.quantityTitle":"Select quantity","components.checkbox.stories.complete.termsTitle":"Terms and Conditions","components.checkbox.stories.controlled.checked":"checked","components.checkbox.stories.default.title":"Default","components.checkbox.stories.states.title":"States","components.checkbox.stories.variants.title":"Variants","components.checkbox.stories.themes.title":"Themes","components.checkbox.stories.controlled.title":"Controlled","components.checkbox.stories.controlled.currently":"Controlled checkbox (current: {{state}})","components.checkbox.stories.controlled.toggleButton":"Toggle Checkbox","components.checkbox.stories.controlled.unchecked":"unchecked","components.checkbox.stories.numberVariant.title":"Number variant","components.checkbox.stories.checkboxGroup.title":"Checkbox group","components.checkbox.stories.completeExample.title":"Complete example","components.checkbox.stories.interactive.title":"Interactive","components.checkbox.stories.interactive.label":"Interactive checkbox","components.checkbox.stories.numberVariant.instructions":"Click the checkbox to increase the number. Current value: {{count}}","components.checkbox.stories.numberVariant.quantity":"Quantity","components.checkbox.stories.states.checked":"Checked","components.checkbox.stories.states.disabledChecked":"Disabled (checked)","components.checkbox.stories.states.disabledUnchecked":"Disabled (unchecked)","components.checkbox.stories.states.notChecked":"Unchecked","components.checkbox.stories.themes.brandTheme":"Brand theme (default)","components.checkbox.stories.themes.inverseTheme":"Inverse theme","components.checkbox.stories.variants.defaultCheckbox":"Default checkbox","components.checkbox.stories.variants.indeterminateCheckbox":"Indeterminate checkbox","components.checkbox.stories.variants.quantity":"Quantity: {{count}}","components.checkbox.themeDescription":"Visual theme of the checkbox. Can be 'default' (mapped to 'brand'), 'brand', or 'inverse'.","components.checkbox.typographyDescription":"Typography props for customizing the label styling.","components.checkbox.variantDescription":"Variant type of the checkbox. Can be 'default', 'number', or 'indeterminate'.","components.chip.argTypes.childrenDescription":"Content of the chip. Can be used instead of the label prop.","components.chip.argTypes.classNameDescription":"Additional CSS classes for the chip container.","components.chip.argTypes.countDescription":"Count to display (for action type, shown as a badge).","components.chip.argTypes.disabledDescription":"Whether the chip is disabled and non-interactive.","components.chip.argTypes.labelDescription":"Text displayed inside the chip. Can be replaced by children.","components.chip.argTypes.leadingIconDescription":"Icon or element displayed before the label.","components.chip.argTypes.propsDescription":"Supports all standard HTML div element props.","components.chip.argTypes.selectedDescription":"Whether the chip is in a selected state.","components.chip.argTypes.themeDescription":"Color theme of the chip. Defaults to 'default' (mapped to 'brand').","components.chip.argTypes.trailingIconDescription":"Icon or element displayed after the label.","components.chip.argTypes.typeDescription":"Variant type of the chip. Defaults to 'selection'.","components.chip.childrenDescription":"Label content of the chip. Can be used instead of the 'label' prop.","components.chip.classNameDescription":"Additional CSS classes for the chip.","components.chip.countDescription":"Count displayed (for 'action' type, shown as a badge).","components.chip.description":"The Chip component represents an input, attribute, or action in a compact form. It supports multiple types (selection, dropdown, action, input), themes, and can display icons and counts.","components.chip.disabledDescription":"Whether the chip is disabled and non-interactive.","components.chip.labelDescription":"Label text displayed inside the chip. Can be replaced by children.","components.chip.leadingIconDescription":"Icon or element displayed before the label. For the 'selection' type, a check icon is automatically shown when selected.","components.chip.propsDescription":"Supports all standard HTML div element props (onClick, etc.).","components.chip.selectedDescription":"Whether the chip is currently selected.","components.chip.stories.actionChip.messages":"Messages","components.chip.stories.actionChip.notifications":"Notifications","components.chip.stories.chipGroup.none":"None","components.chip.stories.chipGroup.selected":"Selected:","components.chip.stories.completeExample.actionChips":"Action chips","components.chip.stories.completeExample.all":"All","components.chip.stories.completeExample.completed":"Completed","components.chip.stories.completeExample.favorite":"Favorite","components.chip.stories.completeExample.filterChips":"Filters","components.chip.stories.completeExample.inbox":"Inbox","components.chip.stories.completeExample.interactiveChip":"Interactive chip","components.chip.stories.completeExample.sortBy":"Sort by","components.chip.stories.disabledState.actionDisabled":"Disabled action","components.chip.stories.disabledState.disabled":"Disabled","components.chip.stories.disabledState.disabledChips":"Disabled chips","components.chip.stories.disabledState.selectedAndDisabled":"Selected & Disabled","components.chip.stories.interactive.label":"Interactive chip","components.chip.stories.themes.brandTheme":"Brand theme (default)","components.chip.stories.themes.neutralTheme":"Neutral theme","components.chip.stories.types.action":"Action","components.chip.stories.types.dropdown":"Dropdown","components.chip.stories.types.highCount":"High count","components.chip.stories.types.input":"Input","components.chip.stories.types.notSelected":"Not selected","components.chip.stories.types.selected":"Selected","components.chip.stories.types.selectedWithIcon":"Selected (with check icon)","components.chip.stories.types.selection":"Selection","components.chip.stories.types.veryHighCount":"Very high count","components.chip.stories.withIcons.bothIcons":"Both icons","components.chip.stories.withIcons.customTrailingIcon":"Custom trailing icon","components.chip.stories.withIcons.leadingIcon":"Leading icon","components.chip.stories.withIcons.selectedWithIcon":"Selected with icon","components.chip.stories.withIcons.trailingIcon":"Trailing icon","components.chip.stories.withIcons.withIcon":"With icon","components.chip.stories.withIcons.withTrailingIcon":"With trailing icon","components.chip.stories.default.title":"Default","components.chip.stories.types.title":"Types","components.chip.stories.themes.title":"Themes","components.chip.stories.selectedState.title":"Selected state","components.chip.stories.withIcons.title":"With icons","components.chip.stories.actionChipWithCount.title":"Action chip with count","components.chip.stories.disabledState.title":"Disabled state","components.chip.stories.chipGroup.title":"Chip group","components.chip.stories.completeExample.title":"Complete example","components.chip.stories.interactive.title":"Interactive","components.chip.themeDescription":"Color theme of the chip. Can be 'default' (mapped to 'brand'), 'brand', or 'neutral'.","components.chip.trailingIconDescription":"Icon or element displayed after the label. The 'dropdown' type automatically shows a down arrow. The 'input' type shows an X icon when selected.","components.chip.typeDescription":"Variant type of the chip. Can be 'selection', 'dropdown', 'action', or 'input'.","components.dateField.argTypes.classNameDescription":"Additional CSS classes for the wrapper element.","components.dateField.argTypes.loadingDescription":"Whether the field is in a loading state and displays a skeleton.","components.dateField.argTypes.onChangeDescription":"Callback function called when the date value changes.","components.dateField.argTypes.pickerDescription":"Whether to show the date picker. Can be true or a picker configuration object. Defaults to true.","components.dateField.argTypes.propsDescription":"Supports all standard HTML div element props (onClick, etc.).","components.dateField.argTypes.valueDescription":"Selected date value. Used for controlled components.","components.dateField.classNameDescription":"Additional CSS classes for the component.","components.dateField.description":"A date input field with an integrated date picker. Supports multiple formats, validation, and various states.","components.dateField.disabledDescription":"Disables the input field.","components.dateField.errorDescription":"Displays the error state.","components.dateField.errorMessageDescription":"Error message displayed when an error occurs.","components.dateField.labelDescription":"Label configuration for the input field.","components.dateField.loadingDescription":"Displays the loading state.","components.dateField.onChangeDescription":"Callback invoked when the value changes.","components.dateField.pickerDescription":"Whether to show the date picker. Can be a boolean or a configuration object.","components.dateField.placeholderDescription":"Placeholder text when the input field is empty.","components.dateField.propsDescription":"Supports all standard HTML div element props.","components.dateField.shapeDescription":"Shape of the input field. Can be 'rounded' or 'pill'.","components.dateField.stories.default.placeholder":"Select date","components.dateField.stories.shapes.pill":"Pill","components.dateField.stories.shapes.rounded":"Rounded (default)","components.dateField.stories.states.errorMessage":"Please select a valid date","components.dateField.stories.states.loading":"Loading...","components.dateField.stories.withLabel.label":"Date of birth","components.dateField.stories.withLabel.placeholder":"dd/mm/yyyy","components.dateField.stories.withoutPicker.placeholder":"Enter date manually","components.dateField.stories.default.title":"Default","components.dateField.stories.controlled.title":"Controlled","components.dateField.stories.withoutPicker.title":"Without picker","components.dateField.stories.states.title":"States","components.dateField.stories.withLabel.title":"With label","components.dateField.stories.shapes.title":"Shapes","components.dateField.stories.interactive.title":"Interactive","components.dateField.stories.rangeDateField.title":"Range date field","components.dateField.stories.rangeDateField.datePickerControlled.label":"Controlled - Date picker","components.dateField.stories.rangeDateField.calendarControlled.label":"Controlled - Calendar","components.dateField.stories.rangeDateField.inputControlled.label":"Controlled - Only input","components.dateField.stories.rangeDateField.datePickerUncontrolled.label":"Uncontrolled - Date picker","components.dateField.stories.rangeDateField.calendarUncontrolled.label":"Uncontrolled - Calendar","components.dateField.stories.rangeDateField.inputUncontrolled.label":"Uncontrolled - Only input","components.dateField.successDescription":"Displays the success state.","components.dateField.successMessageDescription":"Success message displayed on success.","components.dateField.valueDescription":"Current date value of the input field.","components.datePicker.argTypes.classNameDescription":"Additional CSS classes for the component.","components.datePicker.argTypes.dayDescription":"Whether to show day selection.","components.datePicker.argTypes.hourDescription":"Whether to show hour selection.","components.datePicker.argTypes.maxDescription":"Maximum selectable date.","components.datePicker.argTypes.minDescription":"Minimum selectable date.","components.datePicker.argTypes.monthDescription":"Whether to show month selection.","components.datePicker.argTypes.onChangeDescription":"Callback function called when the value changes.","components.datePicker.argTypes.valueDescription":"Current date value.","components.datePicker.argTypes.yearDescription":"Whether to show year selection.","components.datePicker.classNameDescription":"Additional CSS classes for the component.","components.datePicker.dayDescription":"Whether to show day selection.","components.datePicker.description":"A flexible date picker with support for selecting day, month, year, and hour. Can be customized to display only the required parts.","components.datePicker.hourDescription":"Whether to show hour selection.","components.datePicker.maxDescription":"Maximum selectable date.","components.datePicker.minDescription":"Minimum selectable date.","components.datePicker.monthDescription":"Whether to show month selection.","components.datePicker.onChangeDescription":"Callback function called when the value changes.","components.datePicker.propsDescription":"Supports all standard HTML div element props.","components.datePicker.stories.dateAndTime.description":"Displays full date, month, year, and time.","components.datePicker.stories.dateAndTimeNoYear.description":"Displays date, month, and time (without year).","components.datePicker.stories.dateOnly.description":"Displays date, month, and year only (no time).","components.datePicker.stories.interactive.selected":"Selected: ","components.datePicker.stories.timeOnly.description":"Displays time only (no date, month, or year).","components.datePicker.stories.withDateRange.description":"Limits the selectable date range from {{min}} to {{max}}.","components.datePicker.stories.default.title":"Default","components.datePicker.stories.controlled.title":"Controlled","components.datePicker.stories.dateOnly.title":"Date only","components.datePicker.stories.timeOnly.title":"Time only","components.datePicker.stories.dateAndTime.title":"Date and time","components.datePicker.stories.dateAndTimeNoYear.title":"Date and time (no year)","components.datePicker.stories.withDateRange.title":"With date range","components.datePicker.stories.interactive.title":"Interactive","components.datePicker.valueDescription":"Current date value.","components.datePicker.yearDescription":"Whether to show year selection.","components.dialog.argTypes.childrenDescription":"Main content of the dialog.","components.dialog.argTypes.classNameDescription":"Additional CSS classes for the dialog container.","components.dialog.argTypes.closeActionDescription":"Whether to show a close button in the top-right corner.","components.dialog.argTypes.openInPortalDescription":"Whether to render the dialog in a portal (document.body). Defaults to false.","components.dialog.argTypes.descriptionDescription":"Description text displayed below the title.","components.dialog.argTypes.footerDescription":"Footer content, usually containing action buttons.","components.dialog.argTypes.onBackdropClickDescription":"Callback fired when clicking on the backdrop.","components.dialog.argTypes.onCloseClickDescription":"Callback fired when clicking the close button.","components.dialog.argTypes.openDescription":"Whether the dialog is open.","components.dialog.argTypes.titleDescription":"Title text displayed at the top of the dialog.","components.dialog.argTypes.topDescription":"Custom content displayed at the top of the dialog (replaces topImageUrl).","components.dialog.argTypes.topImageUrlDescription":"URL of the image displayed at the top of the dialog.","components.dialog.childrenDescription":"Main content of the dialog.","components.dialog.classNameDescription":"Additional CSS classes for the dialog container.","components.dialog.closeActionDescription":"Whether to show a close button in the top-right corner.","components.dialog.openInPortalDescription":"Whether to render the dialog in a portal (document.body). Defaults to false.","components.dialog.description":"The Dialog component displays temporary modal content that blocks interaction with the main interface. It is used to show information, confirmations, or collect user input through a focused overlay.","components.dialog.descriptionDescription":"Description text displayed below the title.","components.dialog.footerDescription":"Footer content, usually containing action buttons.","components.dialog.onBackdropClickDescription":"Callback fired when clicking on the backdrop.","components.dialog.onCloseClickDescription":"Callback fired when clicking the close button.","components.dialog.openDescription":"Whether the dialog is open.","components.dialog.propsDescription":"Supports all standard HTML div element props.","components.dialog.stories.completeExample.buttonText":"Open complete example","components.dialog.stories.completeExample.cancel":"Cancel","components.dialog.stories.completeExample.cancelButton":"Cancel","components.dialog.stories.completeExample.confirm":"Confirm","components.dialog.stories.completeExample.delete":"Delete","components.dialog.stories.completeExample.deleteButton":"Delete","components.dialog.stories.completeExample.descriptionText":"Are you sure you want to delete this item? This action cannot be undone.","components.dialog.stories.completeExample.title":"Complete example","components.dialog.stories.completeExample.titleText":"Confirm deletion","components.dialog.stories.completeExample.storyName":"Complete example","components.dialog.stories.withCustomContent.storyName":"Custom content","components.dialog.stories.default.storyName":"Default","components.dialog.stories.default.buttonText":"Open Dialog","components.dialog.stories.default.title2":"Dialog title 2","components.dialog.stories.default.description2":"This is the dialog description 2","components.dialog.stories.default.open2":"Open Dialog 2","components.dialog.stories.default.cancel":"Cancel","components.dialog.stories.default.close":"Close","components.dialog.stories.default.confirm":"Confirm","components.dialog.stories.default.description":"This is the dialog description","components.dialog.stories.default.title":"Dialog title","components.dialog.stories.footerWithMultipleButtons.buttonText":"Open multi-button dialog","components.dialog.stories.footerWithMultipleButtons.cancel":"Cancel","components.dialog.stories.footerWithMultipleButtons.delete":"Delete","components.dialog.stories.footerWithMultipleButtons.description":"This is a description with multiple buttons","components.dialog.stories.footerWithMultipleButtons.save":"Save","components.dialog.stories.footerWithMultipleButtons.title":"Multi-button title","components.dialog.stories.footerWithMultipleButtons.storyName":"Multiple footer buttons","components.dialog.stories.withCustomTopContent.storyName":"Custom top content","components.dialog.stories.footerWithStackedButtons.buttonText":"Open stacked buttons dialog","components.dialog.stories.footerWithStackedButtons.description":"This is a description with stacked buttons","components.dialog.stories.footerWithStackedButtons.primaryAction":"Primary action","components.dialog.stories.footerWithStackedButtons.secondaryAction":"Secondary action","components.dialog.stories.footerWithStackedButtons.title":"Stacked buttons title","components.dialog.stories.footerWithStackedButtons.storyName":"Stacked footer buttons","components.dialog.stories.interactive.buttonText":"Open interactive dialog","components.dialog.stories.interactive.close":"Close dialog","components.dialog.stories.interactive.closeButton":"Close dialog","components.dialog.stories.interactive.customContent":"Custom content can be added here.","components.dialog.stories.interactive.descriptionText":"This is a dialog that can be customized via the controls panel below.","components.dialog.stories.interactive.title":"Interactive","components.dialog.stories.interactive.titleText":"Custom dialog","components.dialog.stories.titleOnly.storyName":"Title only","components.dialog.stories.titleOnly.buttonText":"Open title-only dialog","components.dialog.stories.titleOnly.close":"Close","components.dialog.stories.titleOnly.title":"Dialog title","components.dialog.stories.withCloseButton.storyName":"With close button","components.dialog.stories.withCloseButton.buttonText":"Open dialog with close button","components.dialog.stories.withCloseButton.close":"Close","components.dialog.stories.withCloseButton.description":"This is a description with a close button","components.dialog.stories.withCloseButton.title":"Title with close button","components.dialog.stories.withCustomContent.buttonText":"Open custom content dialog","components.dialog.stories.withCustomContent.close":"Close","components.dialog.stories.withCustomContent.contentText":"This is the custom content of the dialog. You can add any React component here.","components.dialog.stories.withCustomContent.contentTitle":"Custom content","components.dialog.stories.withCustomContent.title":"Custom content title","components.dialog.stories.withCustomTopContent.buttonText":"Open custom content dialog","components.dialog.stories.withCustomTopContent.close":"Close","components.dialog.stories.withCustomTopContent.customSubtitle":"This is a custom subtitle","components.dialog.stories.withCustomTopContent.customTitle":"Welcome","components.dialog.stories.withCustomTopContent.description":"This is a description with custom content","components.dialog.stories.withCustomTopContent.title":"Custom title","components.dialog.stories.withTopImage.storyName":"With top image","components.dialog.stories.withTopImage.buttonText":"Open dialog with image","components.dialog.stories.withTopImage.close":"Close","components.dialog.stories.withTopImage.description":"This is a description with a top image","components.dialog.stories.withTopImage.imageUrl":"https://picsum.photos/600/300","components.dialog.stories.withTopImage.title":"Title with image","components.dialog.titleDescription":"Title text displayed at the top of the dialog.","components.dialog.topDescription":"Custom content displayed at the top of the dialog (replaces topImageUrl).","components.dialog.topImageUrlDescription":"URL of the image displayed at the top of the dialog.","components.dropdown.allowSearchDescription":"Whether search is enabled in the dropdown.","components.dropdown.argTypes.allowSearchDescription":"Whether search is enabled in the dropdown.","components.dropdown.argTypes.classNameDescription":"Additional CSS classes for the dropdown.","components.dropdown.argTypes.disabledDescription":"Whether the dropdown is disabled.","components.dropdown.argTypes.loadingDescription":"Whether to show the loading state.","components.dropdown.argTypes.onChangeDescription":"Callback function called when the value changes.","components.dropdown.argTypes.optionsDescription":"Array of options to display in the dropdown.","components.dropdown.argTypes.placeholderDescription":"Placeholder text displayed when no value is selected.","components.dropdown.argTypes.shapeDescription":"Shape of the dropdown. Defaults to 'rounded'.","components.dropdown.argTypes.valueDescription":"Currently selected value. Used for controlled components.","components.dropdown.classNameDescription":"Additional CSS classes for the dropdown.","components.dropdown.description":"The Dropdown component provides a selectable list of options. It supports search, loading states, and multiple configurations.","components.dropdown.disabledDescription":"Whether the dropdown is disabled.","components.dropdown.loadingDescription":"Whether to show the loading state.","components.dropdown.onChangeDescription":"Callback function called when the value changes.","components.dropdown.optionsDescription":"Array of options to display in the dropdown.","components.dropdown.placeholderDescription":"Placeholder text displayed when no value is selected.","components.dropdown.propsDescription":"Supports all standard HTML div element properties.","components.dropdown.shapeDescription":"Shape of the dropdown. Defaults to 'rounded'.","components.dropdown.stories.default.placeholder":"Select an option","components.dropdown.stories.options.option1":"Option 1","components.dropdown.stories.options.option2":"Option 2","components.dropdown.stories.options.option3":"Option 3","components.dropdown.stories.options.option4":"Option 4","components.dropdown.stories.options.option5":"Option 5","components.dropdown.stories.shapes.pill":"Pill","components.dropdown.stories.shapes.rounded":"Rounded (default)","components.dropdown.stories.states.disabled":"Disabled","components.dropdown.stories.states.errorMessage":"Please select an option","components.dropdown.stories.states.loading":"Loading...","components.dropdown.stories.withLabel.label":"Select option","components.dropdown.stories.withSearch.apple":"Apple","components.dropdown.stories.withSearch.banana":"Banana","components.dropdown.stories.withSearch.cherry":"Cherry","components.dropdown.stories.withSearch.date":"Date","components.dropdown.stories.withSearch.elderberry":"Elderberry","components.dropdown.stories.withSearch.placeholder":"Search and select","components.dropdown.stories.default.storyName":"Default","components.dropdown.stories.controlled.storyName":"Controlled","components.dropdown.stories.withLabel.storyName":"With label","components.dropdown.stories.shapes.storyName":"Shapes","components.dropdown.stories.states.storyName":"States","components.dropdown.stories.withSearch.storyName":"With search","components.dropdown.stories.interactive.storyName":"Interactive","components.dropdown.valueDescription":"Currently selected value. Used for controlled components.","components.icon.animationDescription":"Animation effect applied to the icon.","components.icon.argTypes.animationDescription":"Animation effect applied to the icon.","components.icon.argTypes.childrenDescription":"Custom icon content (SVG element or React component). When provided, name is not required.","components.icon.argTypes.classNameDescription":"Additional CSS classes for the icon container.","components.icon.argTypes.colorDescription":"Color of the icon. Can be a theme color name or any CSS color value.","components.icon.argTypes.nameDescription":"Name of the icon to display. Required when children is not used.","components.icon.argTypes.sizeDescription":"Size of the icon in pixels or CSS units (e.g. '1rem', '24px').","components.icon.argTypes.styleDescription":"Inline CSS styles applied to the icon container.","components.icon.argTypes.typeDescription":"Icon style type. Defaults to 'outline'.","components.icon.childrenDescription":"Custom icon content (SVG element or React component). When provided, name is not required.","components.icon.classNameDescription":"Additional CSS classes for the icon container.","components.icon.colorDescription":"Color of the icon. Can be a theme color name or any CSS color value.","components.icon.description":"The Icon component provides a customizable icon library with various sizes, colors, and animation effects.","components.icon.nameDescription":"Name of the icon. Required unless using a custom SVG.","components.icon.propsDescription":"Additional properties for the SVG element (title, titleId, desc, descId, etc.).","components.icon.sizeDescription":"Size of the icon in pixels or CSS units (e.g. '1rem', '24px').","components.icon.stories.animations.bounce":"Bounce","components.icon.stories.animations.ping":"Ping","components.icon.stories.animations.pulse":"Pulse","components.icon.stories.animations.spin":"Spin","components.icon.stories.colors.cssColors":"CSS colors","components.icon.stories.colors.themeColors":"Theme colors","components.icon.stories.iconTypes.fill":"Fill","components.icon.stories.iconTypes.outline":"Outline","components.icon.stories.default.storyName":"Default","components.icon.stories.iconTypes.storyName":"Icon styles","components.icon.stories.sizes.storyName":"Sizes","components.icon.stories.colors.storyName":"Colors","components.icon.stories.animations.storyName":"Animations","components.icon.stories.customSVGIcon.storyName":"Custom SVG icon","components.icon.stories.withSVGProps.storyName":"With SVG props","components.icon.stories.completeExample.storyName":"Complete example","components.icon.stories.interactive.storyName":"Interactive","components.icon.styleDescription":"Inline CSS styles applied to the icon container.","components.icon.typeDescription":"Icon style type. Defaults to 'outline'.","components.image.altDescription":"Alternative text for the image.","components.image.argTypes.altDescription":"Alternative text for the image.","components.image.argTypes.classNameDescription":"Additional CSS classes for the image container.","components.image.argTypes.fallbackDescription":"Content displayed if the image fails to load. Defaults to a broken image icon.","components.image.argTypes.fitDescription":"CSS object-fit value for the image. Defaults to 'fill'.","components.image.argTypes.heightDescription":"Height of the image container.","components.image.argTypes.lazyDescription":"Whether lazy loading is enabled. Defaults to false.","components.image.argTypes.placeholderDescription":"Content displayed while the image is loading. Defaults to an image icon.","components.image.argTypes.srcDescription":"Source URL of the image.","components.image.argTypes.srcSetDescription":"Set of image sources for responsive loading.","components.image.argTypes.widthDescription":"Width of the image container.","components.image.classNameDescription":"Additional CSS classes for the image container.","components.image.description":"The Image component provides robust image rendering with support for lazy loading, placeholders, and fallbacks. It automatically handles loading and error states.","components.image.fallbackDescription":"Content displayed if the image fails to load. Defaults to a broken image icon.","components.image.fitDescription":"CSS object-fit value for the image. Defaults to 'fill'.","components.image.heightDescription":"Height of the image container.","components.image.lazyDescription":"Whether lazy loading is enabled. Defaults to false.","components.image.placeholderDescription":"Content displayed while the image is loading. Defaults to an image icon.","components.image.propsDescription":"Supports all standard HTML img element properties (onLoad, onError, etc.).","components.image.srcDescription":"Source URL of the image.","components.image.srcSetDescription":"Set of image sources for responsive loading.","components.image.stories.completeExample.lazyLoadedImage":"Lazy loaded image","components.image.stories.completeExample.standardImage":"Standard image","components.image.stories.customPlaceholder.loading":"Loading...","components.image.stories.customPlaceholder.withCustom":"With custom placeholder","components.image.stories.customPlaceholder.withSpinner":"With loading spinner","components.image.stories.default.altText":"Default image","components.image.stories.fallback.brokenImage":"Broken image","components.image.stories.fallback.brokenWithFallback":"Broken image with fallback","components.image.stories.fallback.failedToLoad":"Failed to load image","components.image.stories.interactive.altText":"Interactive image","components.image.stories.lazyLoading.image1":"Lazy image 1","components.image.stories.lazyLoading.image2":"Lazy image 2","components.image.stories.lazyLoading.scrollDown":"Scroll down...","components.image.stories.lazyLoading.scrollPrompt":"Scroll down to see lazy-loaded images. Images below will load when they enter the viewport.","components.image.stories.objectFit.contain":"Contain","components.image.stories.objectFit.cover":"Cover","components.image.stories.objectFit.fill":"Fill (default)","components.image.stories.objectFit.none":"None","components.image.stories.objectFit.scaleDown":"Scale down","components.image.stories.responsiveImages.alt":"Responsive image","components.image.stories.responsiveImages.description":"This image uses srcSet to load responsively based on device pixel ratio.","components.image.stories.withDimensions.portrait":"Portrait","components.image.stories.withDimensions.rectangle":"Landscape","components.image.stories.withDimensions.square":"Square","components.image.stories.default.storyName":"Default","components.image.stories.withDimensions.storyName":"With dimensions","components.image.stories.objectFit.storyName":"Object fit","components.image.stories.lazyLoading.storyName":"Lazy loading","components.image.stories.customPlaceholder.storyName":"Custom placeholder","components.image.stories.fallback.storyName":"Fallback handling","components.image.stories.responsiveImages.storyName":"Responsive images","components.image.stories.completeExample.storyName":"Complete example","components.image.stories.interactive.storyName":"Interactive","components.image.widthDescription":"Width of the image container.","components.label.argTypes.childrenDescription":"Label content. Can be used instead of the text prop.","components.label.argTypes.classNameDescription":"Additional CSS classes for the label.","components.label.argTypes.disabledDescription":"Whether the label is disabled (affects styling).","components.label.argTypes.helperTextDescription":"Helper text displayed below the label.","components.label.argTypes.htmlForDescription":"For attribute linking the label to an input element.","components.label.argTypes.iconDescription":"Icon displayed next to the label text.","components.label.argTypes.loadingDescription":"Whether to display a loading skeleton.","components.label.argTypes.propsDescription":"Supports all standard HTML label element properties.","components.label.argTypes.requiredDescription":"Whether to display an asterisk (*) indicating a required field.","components.label.argTypes.textDescription":"Text displayed as the label. Can be replaced by children.","components.label.childrenDescription":"Label content. Can be used instead of the text prop.","components.label.classNameDescription":"Additional CSS classes for the label.","components.label.description":"The Label component provides consistent labeling for form fields with support for required indicators, icons, helper text, and loading states.","components.label.disabledDescription":"Whether the label is disabled (affects styling).","components.label.helperTextDescription":"Helper text displayed below the label.","components.label.htmlForDescription":"For attribute linking the label to an input element.","components.label.iconDescription":"Icon displayed next to the label text.","components.label.loadingDescription":"Whether to display a loading skeleton.","components.label.propsDescription":"Supports all standard HTML label element properties.","components.label.requiredDescription":"Whether to display an asterisk (*) indicating a required field.","components.label.stories.associatedWithInput.email":"Email","components.label.stories.associatedWithInput.emailPlaceholder":"Enter your email address","components.label.stories.associatedWithInput.password":"Password","components.label.stories.associatedWithInput.passwordHelper":"Must be at least 8 characters","components.label.stories.associatedWithInput.passwordPlaceholder":"Enter your password","components.label.stories.completeExample.email":"Email address","components.label.stories.completeExample.emailHelper":"We will never share your email","components.label.stories.completeExample.optional":"Optional","components.label.stories.completeExample.phone":"Phone number","components.label.stories.completeExample.username":"Username","components.label.stories.completeExample.usernameHelper":"Choose a unique username","components.label.stories.default.text":"Email address","components.label.stories.disabledState.disabledLabel":"Disabled label","components.label.stories.disabledState.disabledWithHelper":"Disabled with helper text","components.label.stories.disabledState.helperText":"Helper text","components.label.stories.interactive.text":"Interactive label","components.label.stories.loadingState.helperText":"Helper text","components.label.stories.loadingState.loading":"Loading...","components.label.stories.loadingState.loadingWithHelper":"Loading with helper text","components.label.stories.withHelperText.email":"Email","components.label.stories.withHelperText.emailHelper":"We will never share your email","components.label.stories.withHelperText.password":"Password","components.label.stories.withHelperText.passwordHelper":"Must be at least 8 characters","components.label.stories.withHelperText.username":"Username","components.label.stories.withHelperText.usernameHelper":"Choose a unique username","components.label.stories.withIcon.email":"Email","components.label.stories.withIcon.password":"Password","components.label.stories.withIcon.phone":"Phone","components.label.stories.withRequired.email":"Email address","components.label.stories.withRequired.password":"Password","components.label.stories.default.storyName":"Default","components.label.stories.withRequired.storyName":"With required field","components.label.stories.withIcon.storyName":"With icon","components.label.stories.withHelperText.storyName":"With helper text","components.label.stories.withRequiredAndHelperText.storyName":"Required and helper text","components.label.stories.loadingState.storyName":"Loading state","components.label.stories.disabledState.storyName":"Disabled state","components.label.stories.associatedWithInput.storyName":"Associated with input","components.label.stories.completeExample.storyName":"Complete example","components.label.stories.interactive.storyName":"Interactive","components.label.stories.withRequired.username":"Username","components.label.stories.withRequiredAndHelper.email":"Email address","components.label.stories.withRequiredAndHelper.password":"Password","components.label.stories.withRequiredAndHelper.passwordHelper":"Must be at least 8 characters","components.label.stories.withRequiredAndHelper.requiredField":"Required field","components.label.textDescription":"Text displayed as the label. Can be replaced by children.","components.navigationBar.argTypes.backIconDescription":"Whether to show the back icon. true shows the default back arrow, or provide a custom icon.","components.navigationBar.argTypes.classNameDescription":"Additional CSS classes for the navigation bar.","components.navigationBar.argTypes.dividerDescription":"Whether to show a divider at the bottom of the navigation bar.","components.navigationBar.argTypes.leftIconDescription":"Icon displayed on the left side of the navigation bar.","components.navigationBar.argTypes.onBackClickDescription":"Callback function called when the back icon is clicked.","components.navigationBar.argTypes.onLeftIconClickDescription":"Callback function called when the left icon is clicked.","components.navigationBar.argTypes.onRightIconClickDescription":"Callback function called when the right icon is clicked.","components.navigationBar.argTypes.propsDescription":"Supports all standard HTML div element properties.","components.navigationBar.argTypes.rightIconDescription":"Icon displayed on the right side of the navigation bar.","components.navigationBar.argTypes.themeDescription":"Visual theme of the navigation bar. Defaults to 'default'.","components.navigationBar.argTypes.titleDescription":"Title displayed at the center of the navigation bar.","components.navigationBar.argTypes.transparentDescription":"Whether the navigation bar should be transparent. 'always': always transparent, 'never': never transparent, 'auto': becomes transparent when scrolled to the top.","components.navigationBar.backIconDescription":"Whether to show the back icon. true shows the default back arrow, or provide a custom icon.","components.navigationBar.classNameDescription":"Additional CSS classes for the navigation bar.","components.navigationBar.description":"The NavigationBar component provides a top navigation bar with a title, icons, and scroll-based transparency. It supports automatic theme switching and transparency behavior based on scroll position.","components.navigationBar.dividerDescription":"Whether to show a divider at the bottom of the navigation bar.","components.navigationBar.leftIconDescription":"Icon displayed on the left side of the navigation bar.","components.navigationBar.onBackClickDescription":"Callback function called when the back icon is clicked.","components.navigationBar.onLeftIconClickDescription":"Callback function called when the left icon is clicked.","components.navigationBar.onRightIconClickDescription":"Callback function called when the right icon is clicked.","components.navigationBar.propsDescription":"Supports all standard HTML div element properties.","components.navigationBar.rightIconDescription":"Icon displayed on the right side of the navigation bar.","components.navigationBar.stories.customContent.leftButton":"Custom","components.navigationBar.stories.customContent.rightButton":"Action","components.navigationBar.stories.customContent.title":"Title","components.navigationBar.stories.default.title":"Page Title","components.navigationBar.stories.interactive.title":"Page Title","components.navigationBar.stories.transparentAlways.title":"Transparent","components.navigationBar.stories.withBackIcon.title":"Details","components.navigationBar.stories.withBadge.badgeCount":"1","components.navigationBar.stories.withBadge.title":"Messages","components.navigationBar.stories.withLeftAndRightIcons.title":"Settings","components.navigationBar.stories.default.storyName":"Default","components.navigationBar.stories.withBackIcon.storyName":"With back button","components.navigationBar.stories.withLeftAndRightIcons.storyName":"With left and right icons","components.navigationBar.stories.withBadge.storyName":"With badge","components.navigationBar.stories.transparentAlways.storyName":"Always transparent","components.navigationBar.stories.customContent.storyName":"Custom content","components.navigationBar.stories.interactive.storyName":"Interactive","components.navigationBar.themeDescription":"Visual theme of the navigation bar. Defaults to 'default'.","components.navigationBar.titleDescription":"Title displayed at the center of the navigation bar.","components.navigationBar.transparentDescription":"Whether the navigation bar should be transparent. 'always': always transparent, 'never': never transparent, 'auto': becomes transparent when scrolled to the top.","components.numberField.argTypes.classNameDescription":"Additional CSS classes for the container.","components.numberField.argTypes.defaultValueDescription":"Initial value for the uncontrolled component.","components.numberField.argTypes.disabledDescription":"Whether the input field is disabled.","components.numberField.argTypes.errorMessageDescription":"Error message displayed below the input boxes.","components.numberField.argTypes.labelDescription":"Label text displayed above the input boxes.","components.numberField.argTypes.lengthDescription":"Number of input boxes displayed. Defaults to `6`.","components.numberField.argTypes.loadingDescription":"Whether the field is in a loading state, displaying a skeleton.","components.numberField.argTypes.maskedDescription":"Whether to mask the input content (show dots instead of numbers).","components.numberField.argTypes.onChangeDescription":"Callback function called when the value changes.","components.numberField.argTypes.propsDescription":"Supports all standard HTML div element properties.","components.numberField.argTypes.shapeDescription":"Shape of the input boxes. Defaults to `rounded`.","components.numberField.argTypes.valueDescription":"Current value. Used for controlled components.","components.numberField.classNameDescription":"Additional CSS classes for the container.","components.numberField.defaultValueDescription":"Initial value for the uncontrolled component.","components.numberField.description":"The NumberField component displays a series of input boxes for entering numeric codes (such as OTP, PIN, etc.). It supports masked input, loading states, and automatic focus management.","components.numberField.disabledDescription":"Whether the input field is disabled.","components.numberField.errorMessageDescription":"Error message displayed below the input fields.","components.numberField.labelDescription":"Label text displayed above the input fields.","components.numberField.lengthDescription":"Number of input fields to display. Defaults to `6`.","components.numberField.loadingDescription":"Whether the field is in a loading state, displaying a skeleton.","components.numberField.maskedDescription":"Whether to hide the input content, displaying dots instead of numbers.","components.numberField.onChangeDescription":"Callback function triggered when the value changes.","components.numberField.propsDescription":"Supports all standard HTML div attributes.","components.numberField.shapeDescription":"Shape of the input fields. Defaults to `rounded`.","components.numberField.stories.completeExample.instructions":'Enter the 6-digit code. Try entering "123456" to test.',"components.numberField.stories.controlled.currentValue":"Current value","components.numberField.stories.controlled.empty":"(empty)","components.numberField.stories.controlled.enterCode":"Enter code","components.numberField.stories.differentLengths.eightDigit":"8-digit code","components.numberField.stories.differentLengths.fourDigit":"4-digit code","components.numberField.stories.differentLengths.sixDigit":"6-digit code (default)","components.numberField.stories.maskedInput.enterPin":"Enter PIN","components.numberField.stories.maskedInput.passwordCode":"Password","components.numberField.stories.shapes.pill":"Pill shape","components.numberField.stories.shapes.rounded":"Rounded (default)","components.numberField.stories.states.default":"Default","components.numberField.stories.states.disabled":"Disabled","components.numberField.stories.states.loading":"Loading","components.numberField.stories.withErrorMessage.codeExpired":"The code has expired. Please request a new one.","components.numberField.stories.withErrorMessage.invalidCode":"Invalid code. Please try again.","components.numberField.stories.withLabel.enterPin":"Enter PIN","components.numberField.stories.withLabel.otpCode":"OTP code","components.numberField.stories.withLabel.verificationCode":"Verification code","components.numberField.stories.default.storyName":"Default","components.numberField.stories.differentLengths.storyName":"Different lengths","components.numberField.stories.withLabel.storyName":"With label","components.numberField.stories.maskedInput.storyName":"Masked input","components.numberField.stories.controlled.storyName":"Controlled","components.numberField.stories.withErrorMessage.storyName":"With error message","components.numberField.stories.shapes.storyName":"Shapes","components.numberField.stories.states.storyName":"States","components.numberField.stories.completeExample.storyName":"Complete example","components.numberField.stories.interactive.storyName":"Interactive","components.numberField.valueDescription":"Current value. Used for controlled components.","components.optionItem.argTypes.classNameDescription":"Additional CSS classes for the option item.","components.optionItem.argTypes.dividerDescription":"Whether to display a divider. Defaults to true.","components.optionItem.argTypes.propsDescription":"Supports all standard HTML div attributes.","components.optionItem.argTypes.selectedDescription":"Whether the option item is selected.","components.optionItem.argTypes.themeDescription":"Visual theme of the option item. Defaults to 'default'.","components.optionItem.classNameDescription":"Additional CSS classes for the option item.","components.optionItem.description":"The OptionItem component displays a selectable option with theme support, selection state, and optional divider. Commonly used in dropdowns and selection lists.","components.optionItem.dividerDescription":"Whether to display a divider. Defaults to true.","components.optionItem.propsDescription":"Supports all standard HTML div attributes.","components.optionItem.selectedDescription":"Whether the option item is selected.","components.optionItem.stories.default.text":"Option item","components.optionItem.stories.interactive.text":"Click me","components.optionItem.stories.multipleOptions.option1":"Option 1","components.optionItem.stories.multipleOptions.option2":"Option 2 (Selected)","components.optionItem.stories.multipleOptions.option3":"Option 3","components.optionItem.stories.multipleOptions.option4":"Option 4","components.optionItem.stories.selected.text":"Selected option","components.optionItem.stories.themes.brand":"Brand theme","components.optionItem.stories.themes.default":"Default theme","components.optionItem.stories.themes.neutral":"Neutral theme","components.optionItem.stories.withoutDivider.text":"Option without divider","components.optionItem.stories.default.storyName":"Default","components.optionItem.stories.selected.storyName":"Selected","components.optionItem.stories.themes.storyName":"Themes","components.optionItem.stories.withoutDivider.storyName":"Without divider","components.optionItem.stories.multipleOptions.storyName":"Multiple options","components.optionItem.stories.interactive.storyName":"Interactive","components.optionItem.themeDescription":"Visual theme of the option item. Defaults to 'default'.","components.pagination.activeIndexDescription":"Index of the current page/item (starting from 0).","components.pagination.argTypes.activeIndexDescription":"Index of the current page/item (starting from 0).","components.pagination.argTypes.classNameDescription":"Additional CSS classes for the pagination container.","components.pagination.argTypes.propsDescription":"Supports all standard HTML div attributes.","components.pagination.argTypes.totalDescription":"Total number of pages/items.","components.pagination.classNameDescription":"Additional CSS classes for the pagination container.","components.pagination.description":"The Pagination component displays dots indicating the current position within a sequence of items, commonly used with carousels or multi-step flows.","components.pagination.propsDescription":"Supports all standard HTML div attributes.","components.pagination.stories.differentTotals.eightItems":"8 items","components.pagination.stories.differentTotals.fiveItems":"5 items","components.pagination.stories.differentTotals.threeItems":"3 items","components.pagination.stories.firstPage.name":"First page","components.pagination.stories.interactive.activeIndex":"Active index","components.pagination.stories.interactive.next":"Next","components.pagination.stories.interactive.previous":"Previous","components.pagination.stories.lastPage.name":"Last page","components.pagination.stories.default.storyName":"Default","components.pagination.stories.differentTotals.storyName":"Different item counts","components.pagination.stories.interactive.storyName":"Interactive","components.pagination.stories.firstPage.storyName":"First page","components.pagination.stories.lastPage.storyName":"Last page","components.pagination.totalDescription":"Total number of pages/items.","components.radio.argTypes.checkedDescription":"Whether the radio is checked. Used for controlled components.","components.radio.argTypes.childrenDescription":"Text or content displayed next to the radio.","components.radio.argTypes.classNameDescription":"Additional CSS classes for the radio.","components.radio.argTypes.disabledDescription":"Whether the radio is disabled.","components.radio.argTypes.nameDescription":"Name attribute used to group radio buttons.","components.radio.argTypes.onChangeDescription":"Callback function triggered when the checked state changes.","components.radio.argTypes.propsDescription":"Supports all standard HTML input attributes.","components.radio.argTypes.themeDescription":"Visual theme of the radio. Defaults to 'default' (equivalent to 'brand').","components.radio.argTypes.typeDescription":"Input type. Defaults to 'radio'.","components.radio.argTypes.valueDescription":"Value of the radio button.","components.radio.checkedDescription":"Whether the radio is checked. Used for controlled components.","components.radio.childrenDescription":"Text or content displayed next to the radio.","components.radio.classNameDescription":"Additional CSS classes for the radio.","components.radio.description":"The Radio component provides radio button functionality. It supports multiple themes and can be used as a radio or checkbox depending on the type prop.","components.radio.disabledDescription":"Whether the radio is disabled.","components.radio.nameDescription":"Name attribute used to group radio buttons.","components.radio.onChangeDescription":"Callback function triggered when the checked state changes.","components.radio.propsDescription":"Supports all standard HTML input attributes.","components.radio.states.checked":"Checked","components.radio.states.disabledChecked":"Disabled (checked)","components.radio.states.disabledUnchecked":"Disabled (unchecked)","components.radio.states.unchecked":"Unchecked","components.radio.stories.checkboxType.checked":"Checkbox type (checked)","components.radio.stories.checkboxType.unchecked":"Checkbox type (unchecked)","components.radio.stories.completeExample.bankTransfer":"Bank transfer (Disabled)","components.radio.stories.completeExample.creditCard":"Credit card","components.radio.stories.completeExample.debitCard":"Debit card","components.radio.stories.completeExample.paypal":"PayPal","components.radio.stories.completeExample.selected":"Selected","components.radio.stories.completeExample.title":"Payment method","components.radio.stories.default.text":"Option 1","components.radio.stories.interactive.text":"Interactive radio","components.radio.stories.radioGroup.option1":"Option 1","components.radio.stories.radioGroup.option2":"Option 2","components.radio.stories.radioGroup.option3":"Option 3","components.radio.stories.radioGroup.selected":"Selected","components.radio.stories.themes.brand":"Brand theme (default)","components.radio.stories.themes.neutral":"Neutral theme","components.radio.stories.typography.default":"Default typography","components.radio.stories.typography.large":"Large bold text","components.radio.stories.typography.small":"Small medium text","components.radio.stories.default.storyName":"Default","components.radio.stories.states.storyName":"States","components.radio.stories.radioGroup.storyName":"Radio group","components.radio.stories.themes.storyName":"Themes","components.radio.stories.checkboxType.storyName":"Checkbox type","components.radio.stories.typography.storyName":"Custom typography","components.radio.stories.completeExample.storyName":"Complete example","components.radio.stories.interactive.storyName":"Interactive","components.radio.themeDescription":"Visual theme of the radio. Defaults to 'default' (equivalent to 'brand').","components.radio.typeDescription":"Input type. Defaults to 'radio'.","components.radio.valueDescription":"Value of the radio button.","components.rating.argTypes.allowHalfDescription":"Whether half-star ratings are allowed.","components.rating.argTypes.characterDescription":"Custom character used instead of a star.","components.rating.argTypes.characterRenderDescription":"Custom render function for the character.","components.rating.argTypes.classNameDescription":"Additional CSS classes for the rating container.","components.rating.argTypes.countDescription":"Maximum number of stars. Equivalent to 'max'.","components.rating.argTypes.defaultValueDescription":"Initial rating value for uncontrolled components.","components.rating.argTypes.disabledDescription":"Whether the rating is disabled.","components.rating.argTypes.maxDescription":"Maximum number of stars. Defaults to 5.","components.rating.argTypes.onChangeDescription":"Callback function triggered when the rating changes.","components.rating.argTypes.onHoverChangeDescription":"Callback function triggered when the hover state changes.","components.rating.argTypes.readOnlyDescription":"Whether the rating is read-only.","components.rating.argTypes.sizeDescription":"Size of the stars in pixels.","components.rating.argTypes.tooltipsDescription":"Custom tooltip text for each star.","components.rating.argTypes.valueDescription":"Current rating value. Used for controlled components.","components.rating.description":"The Rating component displays a star-based rating interface. Users can click on stars to set a rating or use it in read-only mode to display a rating.","components.rating.stories.controlled.name":"Controlled","components.rating.stories.customMaximum.name":"Custom rating","components.rating.stories.default.name":"Default","components.rating.stories.differentSizes.large":"Large","components.rating.stories.differentSizes.medium":"Medium (default)","components.rating.stories.differentSizes.xlarge":"Extra large","components.rating.stories.interactive.name":"Interactive","components.rating.stories.readonly.name":"Read-only","components.rating.stories.withHalfStars.fourPointTwo":"4.2 stars","components.rating.stories.withHalfStars.threePointFive":"3.5 stars","components.rating.stories.withHalfStars.twoPointSeven":"2.7 stars","components.rating.stories.default.storyName":"Default","components.rating.stories.controlled.storyName":"Controlled","components.rating.stories.readonly.storyName":"Read-only","components.rating.stories.customMaximum.storyName":"Custom rating","components.rating.stories.differentSizes.storyName":"Different sizes","components.rating.stories.withHalfStars.storyName":"Half stars","components.rating.stories.interactive.storyName":"Interactive","components.searchField.argTypes.classNameDescription":"Additional CSS classes for the search field.","components.searchField.argTypes.clearableDescription":"Whether to show a clear button when there is text in the field.","components.searchField.argTypes.disabledDescription":"Whether the search field is disabled.","components.searchField.argTypes.labelDescription":"Label configuration for the input field.","components.searchField.argTypes.loadingDescription":"Whether the field is in a loading state.","components.searchField.argTypes.onChangeDescription":"Callback function triggered when the search value changes.","components.searchField.argTypes.onClearDescription":"Callback function triggered when the clear button is clicked.","components.searchField.argTypes.placeholderDescription":"Placeholder text displayed when the field is empty.","components.searchField.argTypes.shapeDescription":"Shape of the input field. Defaults to 'rounded'.","components.searchField.argTypes.valueDescription":"Current search value. Used for controlled components.","components.searchField.classNameDescription":"Additional CSS classes for the search field.","components.searchField.clearableDescription":"Whether to show a clear button when there is text in the field.","components.searchField.description":"The SearchField component is a text input optimized for search functionality. It includes a search icon on the left and a clear button on the right when there is text.","components.searchField.disabledDescription":"Whether the search field is disabled.","components.searchField.labelDescription":"Label configuration for the input field.","components.searchField.loadingDescription":"Whether the field is in a loading state.","components.searchField.onChangeDescription":"Callback function triggered when the search value changes.","components.searchField.onClearDescription":"Callback function triggered when the clear button is clicked.","components.searchField.placeholderDescription":"Placeholder text displayed when the field is empty.","components.searchField.shapeDescription":"Shape of the input field. Defaults to 'rounded'.","components.searchField.stories.controlled.name":"Controlled","components.searchField.stories.controlled.placeholder":"Search...","components.searchField.stories.default.name":"Default","components.searchField.stories.default.placeholder":"Search...","components.searchField.stories.disabledState.name":"Disabled","components.searchField.stories.disabledState.placeholder":"Search...","components.searchField.stories.disabledState.value":"Search keyword","components.searchField.stories.interactive.name":"Interactive","components.searchField.stories.interactive.placeholder":"Search...","components.searchField.stories.loadingState.name":"Loading state","components.searchField.stories.loadingState.placeholder":"Searching...","components.searchField.stories.shapes.name":"Shapes","components.searchField.stories.shapes.pill":"Pill shape","components.searchField.stories.shapes.rounded":"Rounded (default)","components.searchField.stories.withLabel.labelText":"Search products","components.searchField.stories.withLabel.name":"With label","components.searchField.stories.withLabel.placeholder":"Enter search keywords","components.searchField.stories.default.storyName":"Default","components.searchField.stories.controlled.storyName":"Controlled","components.searchField.stories.withLabel.storyName":"With label","components.searchField.stories.loadingState.storyName":"Loading state","components.searchField.stories.disabledState.storyName":"Disabled","components.searchField.stories.shapes.storyName":"Shapes","components.searchField.stories.interactive.storyName":"Interactive","components.searchField.valueDescription":"Current search value. Used for controlled components.","components.section.argTypes.childrenDescription":"Content displayed inside the section.","components.section.argTypes.shapeDescription":"Shape of the section. Defaults to 'rounded'.","components.section.argTypes.spaceDescription":"Whether to apply spacing/padding. Defaults to true.","components.section.childrenDescription":"Content displayed inside the section.","components.section.classNameDescription":"Additional CSS classes for the section container.","components.section.description":"The Section component provides a container for grouping related content with consistent spacing and styling. It is commonly used together with SectionTitle and SectionContent components.","components.section.shapeDescription":"Corner radius shape. Defaults to 'rounded'.","components.section.stories.default.content":"Section content goes here","components.section.stories.default.name":"Default","components.section.stories.interactive.content":"Interactive section content","components.section.stories.interactive.name":"Interactive","components.section.stories.multipleSections.firstContent":"Content of the first section","components.section.stories.multipleSections.firstTitle":"First section","components.section.stories.multipleSections.name":"Multiple sections","components.section.stories.multipleSections.secondContent":"Content of the second section","components.section.stories.multipleSections.secondTitle":"Second section","components.section.stories.squareShape.content":"Square corners","components.section.stories.squareShape.name":"Square shape","components.section.stories.withTitleAndContent.content":"Section content will be displayed here","components.section.stories.withTitleAndContent.name":"With title and content","components.section.stories.withTitleAndContent.title":"Section title","components.section.stories.withoutSpacing.content":"Content without padding","components.section.stories.withoutSpacing.name":"Without spacing","components.sheet..onBackClickDescription":"Callback function triggered when the back button is clicked.","components.sheet.argTypes.childrenDescription":"Content of the sheet (usually includes SheetHeader, SheetBody, etc.).","components.sheet.argTypes.classNameDescription":"Additional CSS classes for the sheet container.","components.sheet.argTypes.onBackdropClickDescription":"Callback function triggered when clicking on the backdrop.","components.sheet.argTypes.onCloseClickDescription":"Callback function triggered when the close button is clicked.","components.sheet.argTypes.openDescription":"Whether the sheet is visible.","components.sheet.argTypes.openInPortalDescription":"Whether to render the sheet in a portal (document.body). Defaults to false.","components.sheet.childrenDescription":"Content of the sheet (usually includes SheetHeader, SheetBody, etc.).","components.sheet.classNameDescription":"Additional CSS classes for the sheet container.","components.sheet.description":"The Sheet component displays a panel that slides up from the bottom of the screen. It includes a backdrop and is commonly used for mobile interfaces. This component works together with SheetHeader, SheetBody, and SheetFooter subcomponents.","components.sheet.onBackdropClickDescription":"Callback function triggered when clicking on the backdrop.","components.sheet.openDescription":"Whether the sheet is visible.","components.sheet.openInPortalDescription":"Whether to render the sheet in a portal (document.body). Defaults to false.","components.sheet.sheetBodyHorizontalSpaceDescription":"Whether to add horizontal padding to the sheet body.","components.sheet.sheetHeaderBackIconDescription":"Whether to display a back icon in the sheet header.","components.sheet.sheetHeaderCloseIconDescription":"Whether to display a close icon in the sheet header.","components.sheet.sheetHeaderTitleDescription":"Title text displayed in the sheet header.","components.sheet.stories.default.content":"Sheet content goes here","components.sheet.stories.default.name":"Default","components.sheet.stories.default.openButton":"Open sheet","components.sheet.stories.default.title":"Sheet title","components.sheet.stories.default.title2":"Sheet title 2","components.sheet.stories.default.content2":"This is the sheet content 2","components.sheet.stories.default.open2":"Open Sheet 2","components.sheet.stories.interactive.content":"Click the backdrop or close button to close","components.sheet.stories.interactive.name":"Interactive","components.sheet.stories.interactive.title":"Interactive sheet","components.sheet.stories.withBackIcon.content":"Content","components.sheet.stories.withBackIcon.name":"With back button","components.sheet.stories.withBackIcon.openButton":"Open sheet with back button","components.sheet.stories.withBackIcon.title":"Details","components.sheet.stories.withFooter.content":"Content","components.sheet.stories.withFooter.name":"With footer","components.sheet.stories.withFooter.openButton":"Open sheet with footer","components.sheet.stories.withFooter.title":"Actions","components.sheet.stories.withoutHorizontalSpace.content":"Full-width content","components.sheet.stories.withoutHorizontalSpace.name":"Without horizontal spacing","components.sheet.stories.withoutHorizontalSpace.openButton":"Open full-width sheet","components.sheet.stories.nested.name":"Nested","components.sheet.stories.nested.openButton":"Open parent sheet","components.sheet.stories.nested.title":"Parent Sheet","components.sheet.stories.nested.content":"Parent sheet content","components.sheet.stories.nested.openNestedButton":"Open Nested Sheet","components.sheet.stories.nested.nestedTitle":"Nested Sheet","components.sheet.stories.nested.nestedContent":"Nested sheet content","components.skeleton.animatedDescription":"Whether to show animation during loading. Defaults to true.","components.skeleton.argTypes.animatedDescription":"Whether to show animation during loading. Defaults to true.","components.skeleton.argTypes.classNameDescription":"Additional CSS classes for the skeleton.","components.skeleton.argTypes.heightDescription":"Height of the skeleton. Can be a number (pixels) or a CSS string.","components.skeleton.argTypes.lineCountDescription":"Number of lines for SkeletonParagraph. Defaults to 3.","components.skeleton.argTypes.paragraphDescription":"Indicates whether this is a paragraph. When true, multiple placeholder text lines are shown.","components.skeleton.argTypes.paragraphPropsDescription":"Additional props for SkeletonParagraph.","components.skeleton.argTypes.shapeDescription":"Border radius shape. Defaults to 'rounded'. Other values: 'rounded-8', 'rounded-4', 'pill', 'none'.","components.skeleton.argTypes.titleDescription":"Indicates whether this is a title. When true, a bolder style is applied.","components.skeleton.argTypes.widthDescription":"Width of the skeleton. Can be a number (pixels) or a CSS string (e.g. '100%').","components.skeleton.classNameDescription":"Additional CSS classes for the skeleton.","components.skeleton.description":"The Skeleton component displays placeholder content while data is loading. It provides visual feedback to users and supports multiple shapes and sizes. It also includes SkeletonTitle and SkeletonParagraph for common use cases.","components.skeleton.heightDescription":"Height of the skeleton. Can be a number (pixels) or a CSS string.","components.skeleton.lineCountDescription":"Number of lines for SkeletonParagraph. Defaults to 3.","components.skeleton.paragraphDescription":"Indicates whether this is a paragraph. When true, multiple placeholder text lines are shown.","components.skeleton.paragraphPropsDescription":"Additional props for SkeletonParagraph.","components.skeleton.shapeDescription":"Border radius shape. Defaults to 'rounded'. Other values: 'rounded-8', 'rounded-4', 'pill', 'none'.","components.skeleton.stories.default.name":"Default","components.skeleton.stories.differentShapes.name":"Different shapes","components.skeleton.stories.differentShapes.pill":"Pill shape","components.skeleton.stories.differentShapes.rounded":"Rounded","components.skeleton.stories.differentShapes.square":"Square (no border radius)","components.skeleton.stories.interactive.name":"Interactive","components.skeleton.stories.loadingStatePattern.actualContent":"Actual content","components.skeleton.stories.loadingStatePattern.actualTitle":"Actual title","components.skeleton.stories.loadingStatePattern.name":"Loading state pattern","components.skeleton.stories.paragraphComponent.customLineCountTitle":"Custom line count (5 lines)","components.skeleton.stories.paragraphComponent.customSizeTitle":"Custom width and height (3 lines)","components.skeleton.stories.paragraphComponent.defaultTitle":"Default (3 lines)","components.skeleton.stories.paragraphComponent.name":"Paragraph component","components.skeleton.stories.titleComponent.name":"Title component","components.skeleton.stories.titleComponent.title":"Skeleton title","components.skeleton.stories.withoutAnimation.name":"Without animation","components.skeleton.titleDescription":"Indicates whether this is a title. When true, a bolder style is applied.","components.skeleton.widthDescription":"Width of the skeleton. Can be a number (pixels) or a CSS string (e.g. '100%').","components.switch.argTypes.checkedDescription":"On/off state of the switch. Used for controlled components.","components.switch.argTypes.classNameDescription":"Additional CSS classes for the switch.","components.switch.argTypes.disabledDescription":"Whether the switch is disabled. Defaults to false.","components.switch.argTypes.onChangeDescription":"Callback function triggered when the switch state changes.","components.switch.argTypes.propsDescription":"Supports all standard HTML input attributes (name, id, etc.).","components.switch.argTypes.themeDescription":"Visual theme of the switch. Defaults to 'default'.","components.switch.description":"The Switch component provides a toggle for boolean values. It is an alternative to checkboxes when a more visual on/off indicator is desired.","components.switch.states.off":"Off","components.switch.states.offDisabled":"Off (disabled)","components.switch.states.on":"On","components.switch.states.onDisabled":"On (disabled)","components.switch.stories.completeExample.autoSave":"Auto save","components.switch.stories.completeExample.currentSettings":"Current settings","components.switch.stories.completeExample.darkMode":"Dark mode","components.switch.stories.completeExample.name":"Complete example","components.switch.stories.completeExample.publicProfile":"Public profile (disabled)","components.switch.stories.completeExample.pushNotifications":"Push notifications","hooks.useAppResume.description":"This hook allows you to handle the app resume event in React components. It listens for the 'onAppResume' event and triggers the provided callback when the app is resumed from the background.","hooks.useAppResume.onResumeDescription":"Required callback function that will be called when the app is resumed from the background","hooks.useAppPause.description":"The useAppPause hook allows you to handle the app pause event in React components. It listens for the 'onAppPause' event and triggers the provided callback when the app is paused (sent to background).","hooks.useAppPause.onPauseDescription":"Required callback function that will be called when the app is paused (sent to background)","hooks.useSettingsChanged.description":"The useSettingsChanged hook allows you to listen for settings changes in your React components. It triggers the provided callback whenever the app settings are updated.","hooks.useSettingsChanged.onSettingsChangedDescription":"Required callback function that receives the updated settings object when settings change","hooks.useCustomIconEvent.description":"The useCustomIconEvent hook allows you to handle custom icon click events in your React components. It triggers the provided callback with the index of the clicked icon.","hooks.useCustomIconEvent.onCustomIconEventDescription":"Required callback function that receives the index of the clicked custom icon","hooks.usageExample":"Usage Example","components.switch.stories.completeExample.settingsTitle":"Settings","components.switch.stories.controlled.name":"Controlled","components.switch.stories.controlled.notificationLabel":"Enable notifications (current: {status})","components.switch.stories.controlled.toggleButton":"Toggle switch","components.switch.stories.interactive.name":"Interactive","components.switch.stories.states.name":"States","components.switch.stories.themes.default":"Default theme","components.switch.stories.themes.inverse":"Inverse theme","components.switch.stories.themes.name":"Themes","components.switch.stories.withLabels.autoSave":"Auto save","components.switch.stories.withLabels.darkMode":"Dark mode","components.switch.stories.withLabels.name":"With labels","components.switch.stories.withLabels.notifications":"Enable notifications","components.tabBar.argTypes.activeIdDescription":"ID of the currently selected tab. Used for controlled components.","components.tabBar.argTypes.classNameDescription":"Additional CSS classes for the tab bar.","components.tabBar.argTypes.defaultActiveIdDescription":"Default selected tab ID. Used for uncontrolled components.","components.tabBar.argTypes.itemsDescription":"Array of tab items to display.","components.tabBar.argTypes.onItemClickDescription":"Callback function triggered when a tab item is clicked.","components.tabBar.argTypes.themeDescription":"Visual theme of the tab bar. Defaults to 'default'.","components.tabBar.description":"The TabBar component displays a horizontal tab bar for navigating between different views or sections. It supports icons, badges, and multiple themes.","components.tabBar.stories.interactive.activeTab":"Active tab: {id}","components.tabBar.stories.interactive.name":"Interactive","components.tabBar.stories.items.home":"Home","components.tabBar.stories.items.messages":"Messages","components.tabBar.stories.items.profile":"Profile","components.tabBar.stories.items.search":"Search","components.tabBar.stories.items.tab1":"Tab 1","components.tabBar.stories.items.tab2":"Tab 2","components.tabBar.stories.items.tab3":"Tab 3","components.tabBar.stories.textOnly.name":"Text only","components.tabBar.stories.themes.brandTheme":"Brand theme","components.tabBar.stories.themes.defaultTheme":"Default theme","components.tabBar.stories.themes.name":"Themes","components.tabBar.stories.themes.neutralTheme":"Neutral theme","components.tabBar.stories.withBadges.name":"With badges","components.tabBar.stories.withIcons.name":"With icons","components.textArea.argTypes.autoHeightDescription":"Whether to automatically adjust height based on content.","components.textArea.argTypes.classNameDescription":"Additional CSS classes for the wrapper.","components.textArea.argTypes.disabledDescription":"Whether the text area is disabled.","components.textArea.argTypes.errorDescription":"Whether the text area is in an error state.","components.textArea.argTypes.errorMessageDescription":"Error message displayed when an error occurs.","components.textArea.argTypes.labelDescription":"Label configuration for the text area.","components.textArea.argTypes.loadingDescription":"Whether the text area is in a loading state.","components.textArea.argTypes.maxLengthDescription":"Maximum number of characters allowed.","components.textArea.argTypes.onChangeDescription":"Callback function triggered when the value changes.","components.textArea.argTypes.placeholderDescription":"Placeholder text displayed when the field is empty.","components.textArea.argTypes.shapeDescription":"Shape of the input field. Defaults to 'rounded'.","components.textArea.argTypes.valueDescription":"Current value. Used for controlled components.","components.textArea.description":"The TextArea component provides a multi-line text input. It supports labels, error states, loading states, and automatic height adjustment.","components.textArea.states.disabled":"Disabled","components.textArea.states.loading":"Loading...","components.textArea.stories.autoHeight.name":"Auto height","components.textArea.stories.autoHeight.placeholder":"Auto height...","components.textArea.stories.controlled.name":"Controlled","components.textArea.stories.controlled.placeholder":"Enter text...","components.textArea.stories.default.name":"Default","components.textArea.stories.default.placeholder":"Enter text...","components.textArea.stories.interactive.name":"Interactive","components.textArea.stories.interactive.placeholder":"Enter text...","components.textArea.stories.shapes.name":"Shapes","components.textArea.stories.shapes.pill":"Pill shape","components.textArea.stories.shapes.rounded":"Rounded (default)","components.textArea.stories.states.error":"Error","components.textArea.stories.states.errorMessage":"This field is required","components.textArea.stories.states.filled":"Filled text area","components.textArea.stories.states.name":"States","components.textArea.stories.states.normal":"Normal state","components.textArea.stories.withLabel.label":"Description","components.textArea.stories.withLabel.name":"With label","components.textArea.stories.withLabel.placeholder":"Enter description...","components.textArea.stories.withMaxLength.name":"Character limit","components.textArea.stories.withMaxLength.placeholder":"Maximum {{count}} characters","components.textField.argTypes.classNameDescription":"Additional CSS classes for the wrapper.","components.textField.argTypes.disabledDescription":"Whether the input field is disabled.","components.textField.argTypes.errorDescription":"Whether the input field is in an error state.","components.textField.argTypes.errorMessageDescription":"Error message displayed when an error occurs.","components.textField.argTypes.labelDescription":"Label configuration for the input field.","components.textField.argTypes.loadingDescription":"Whether the input field is in a loading state.","components.textField.argTypes.maxLengthDescription":"Maximum number of characters allowed.","components.textField.argTypes.onChangeDescription":"Callback function triggered when the value changes.","components.textField.argTypes.placeholderDescription":"Placeholder text displayed when the field is empty.","components.textField.argTypes.shapeDescription":"Shape of the input field. Defaults to 'rounded'.","components.textField.argTypes.valueDescription":"Current value. Used for controlled components.","components.textField.description":"The TextField component provides a single-line text input. It supports labels, icons, error states, loading states, and multiple shapes.","components.textField.states.disabled":"Disabled","components.textField.states.loading":"Loading...","components.textField.stories.controlled.name":"Controlled","components.textField.stories.controlled.placeholder":"Enter text...","components.textField.stories.default.name":"Default","components.textField.stories.default.placeholder":"Enter text...","components.textField.stories.interactive.name":"Interactive","components.textField.stories.interactive.placeholder":"Enter text...","components.textField.stories.shapes.name":"Shapes","components.textField.stories.shapes.pill":"Pill shape","components.textField.stories.shapes.rounded":"Rounded (default)","components.textField.stories.states.error":"Error","components.textField.stories.states.errorMessage":"This field is required","components.textField.stories.states.filled":"Filled text field","components.textField.stories.states.name":"States","components.textField.stories.states.normal":"Normal state","components.textField.stories.states.success":"Success","components.textField.stories.states.successMessage":"Success","components.textField.stories.withIcons.both":"With both icons","components.textField.stories.withIcons.leading":"With leading icon","components.textField.stories.withIcons.name":"With icons","components.textField.stories.withIcons.trailing":"With trailing icon","components.textField.stories.withLabel.label":"Name","components.textField.stories.withLabel.name":"With label","components.textField.stories.withLabel.placeholder":"Enter your name","components.tooltip.argTypes.childrenDescription":"Content displayed inside the tooltip.","components.tooltip.argTypes.classNameDescription":"Additional CSS classes for the tooltip.","components.tooltip.argTypes.closeableDescription":"Whether to show a close button on the tooltip.","components.tooltip.argTypes.positionDescription":"Position of the tooltip. Defaults to 'top'.","components.tooltip.argTypes.typeDescription":"Visual style of the tooltip. Defaults to 'default'.","components.tooltip.description":"The Tooltip component displays a floating label that provides additional information when hovering over or focusing on an element. It supports multiple positions and styles.","components.tooltip.positions.bottom":"Bottom","components.tooltip.positions.bottomLeft":"Bottom left","components.tooltip.positions.bottomRight":"Bottom right","components.tooltip.positions.left":"Left","components.tooltip.positions.leftBottom":"Left bottom","components.tooltip.positions.leftTop":"Left top","components.tooltip.positions.right":"Right","components.tooltip.positions.rightBottom":"Right bottom","components.tooltip.positions.rightTop":"Right top","components.tooltip.positions.top":"Top","components.tooltip.positions.topLeft":"Top left","components.tooltip.positions.topRight":"Top right","components.tooltip.stories.closeable.content":"Closable tooltip","components.tooltip.stories.closeable.name":"Closable","components.tooltip.stories.default.content":"This is a tooltip","components.tooltip.stories.default.name":"Default","components.tooltip.stories.interactive.content":"Hover or click to view the tooltip","components.tooltip.stories.interactive.name":"Interactive","components.tooltip.stories.longContent.content":"This is a longer tooltip message containing more information to help users better understand the feature or action.","components.tooltip.stories.longContent.name":"Long content","components.tooltip.stories.positions.bottom":"Bottom position","components.tooltip.stories.positions.left":"Left position","components.tooltip.stories.positions.name":"Positions","components.tooltip.stories.positions.right":"Right position","components.tooltip.stories.positions.top":"Top position","components.tooltip.stories.types.default":"Default","components.tooltip.stories.types.defaultContent":"Default tooltip","components.tooltip.stories.types.name":"Types","components.tooltip.stories.types.reverse":"Reverse","components.tooltip.stories.types.reverseContent":"Reverse tooltip","components.typography.argTypes.childrenDescription":"Text content to display.","components.typography.argTypes.classNameDescription":"Additional CSS classes for the Typography component.","components.typography.argTypes.colorDescription":"Text color. Can be any valid CSS color value.","components.typography.argTypes.componentDescription":"HTML element to render (div, p, span, h1, etc.). Defaults to 'div'.","components.typography.argTypes.sizeDescription":"Text size. Defaults to 'inherit' (inherits from parent).","components.typography.argTypes.weightDescription":"Text weight. Defaults to 'inherit' (inherits from parent).","components.typography.childrenDescription":"Text content to display.","components.typography.classNameDescription":"Additional CSS classes for the Typography component.","components.typography.colorDescription":"Text color. Can be any valid CSS color value.","components.typography.componentDescription":"HTML element to render (div, p, span, h1, etc.). Defaults to 'div'.","components.typography.description":"The Typography component provides consistent typography across the application. It supports multiple sizes, weights, colors, and HTML elements.","components.typography.sizeDescription":"Text size. Defaults to 'inherit' (inherits from parent).","components.typography.sizes.2xLarge":"Very large (2x base size)","components.typography.sizes.2xSmall":"Very small (2x smaller than base size)","components.typography.sizes.3xLarge":"Extra large (3x base size)","components.typography.sizes.3xSmall":"Extra small (3x smaller than base size)","components.typography.sizes.4xLarge":"Extremely large (4x base size)","components.typography.sizes.5xLarge":"Extremely large (5x base size)","components.typography.sizes.base":"Base size (default)","components.typography.sizes.inherit":"Inherit size from parent.","components.typography.sizes.large":"Large (slightly larger than base)","components.typography.sizes.small":"Small (slightly smaller than base)","components.typography.sizes.xLarge":"Extra large","components.typography.sizes.xSmall":"Extra small","components.typography.stories.asDifferentElements.heading1":"This is a level 1 heading","components.typography.stories.asDifferentElements.heading2":"This is a level 2 heading","components.typography.stories.asDifferentElements.heading3":"This is a level 3 heading","components.typography.stories.asDifferentElements.heading4":"This is a level 4 heading","components.typography.stories.asDifferentElements.name":"As different elements","components.typography.stories.asDifferentElements.paragraph":"This is a regular paragraph. It uses the default size and weight.","components.typography.stories.asDifferentElements.span":"This is a small span text.","components.typography.stories.completeExample.caption":"This example shows how to use Typography in real-world scenarios.","components.typography.stories.completeExample.name":"Complete example","components.typography.stories.completeExample.paragraph":"This is an example of how you can combine different typography styles to create a complete article or content section. You can mix sizes, weights, and colors to create visual hierarchy and emphasis.","components.typography.stories.completeExample.title":"Article title","components.typography.stories.default.name":"Default","components.typography.stories.default.text":"Default text","components.typography.stories.differentSizes.name":"Different sizes","components.typography.stories.differentSizes.size2xLarge":"Very large text (2x-large)","components.typography.stories.differentSizes.size2xSmall":"Very small text (2x-small)","components.typography.stories.differentSizes.size3xLarge":"Extra large text (3x-large)","components.typography.stories.differentSizes.size3xSmall":"Very small text (3x-small)","components.typography.stories.differentSizes.size4xLarge":"Extremely large text (4x-large)","components.typography.stories.differentSizes.size5xLarge":"Extremely large text (5x-large)","components.typography.stories.differentSizes.sizeBase":"Base size text","components.typography.stories.differentSizes.sizeLarge":"Large text","components.typography.stories.differentSizes.sizeSmall":"Small text","components.typography.stories.differentSizes.sizeXLarge":"Extra large text","components.typography.stories.differentSizes.sizeXSmall":"Extra small text","components.typography.stories.differentWeights.name":"Different weights","components.typography.stories.differentWeights.weight100":"Thin (100)","components.typography.stories.differentWeights.weight200":"Extra light (200)","components.typography.stories.differentWeights.weight300":"Light (300)","components.typography.stories.differentWeights.weight400":"Regular (400)","components.typography.stories.differentWeights.weight500":"Medium (500)","components.typography.stories.differentWeights.weight600":"Semi-bold (600)","components.typography.stories.differentWeights.weight700":"Bold (700)","components.typography.stories.differentWeights.weight800":"Extra bold (800)","components.typography.stories.differentWeights.weight900":"Black (900)","components.typography.stories.interactive.name":"Interactive","components.typography.stories.interactive.text":"Adjust the controls to see changes - Interactive text","components.typography.stories.withColors.danger":"Danger text","components.typography.stories.withColors.name":"With colors","components.typography.stories.withColors.primary":"Primary text","components.typography.stories.withColors.secondary":"Secondary text","components.typography.stories.withColors.success":"Success text","components.typography.stories.withColors.tertiary":"Tertiary text","components.typography.weightDescription":"Text weight. Defaults to 'inherit' (inherits from parent).","components.typography.weights.100":"Thin (100)","components.typography.weights.200":"Light (200)","components.typography.weights.300":"Light medium (300)","components.typography.weights.800":"Extra bold (800)","components.typography.weights.900":"Black (900)","components.typography.weights.bold":"Bold (700)","components.typography.weights.inherit":"Inherit weight from parent.","components.typography.weights.medium":"Medium (500)","components.typography.weights.regular":"Regular (400)","components.typography.weights.semibold":"Semi-bold (600)","components.toast.actionDescription":"Action button text displayed on the right side of the toast.","components.toast.argTypes.actionDescription":"Action button text displayed on the right side of the toast.","components.toast.argTypes.classNameDescription":"Additional CSS classes for the toast container.","components.toast.argTypes.closeActionDescription":"Controls whether the close button is displayed. Defaults to `true`.","components.toast.argTypes.iconDescription":"Custom icon to display. Can be icon props or a React element.","components.toast.argTypes.messageDescription":"Message content to display in the toast.","components.toast.argTypes.onActionClickDescription":"Callback function triggered when the action button is clicked.","components.toast.argTypes.onCloseActionClickDescription":"Callback function triggered when the close button is clicked.","components.toast.argTypes.typeDescription":"The toast type that determines the visual style and icon. Defaults to `informative`.","components.toast.classNameDescription":"Additional CSS classes for the toast container.","components.toast.closeActionDescription":"Controls whether the close button is displayed. Defaults to `true`.","components.toast.completeExample.informativeAction":"View","components.toast.completeExample.informativeMessage":"This is a complete example of a toast with action button.","components.toast.completeExample.negativeAction":"Retry","components.toast.completeExample.negativeMessage":"Failed to save your changes. Please try again.","components.toast.completeExample.positiveAction":"OK","components.toast.completeExample.positiveMessage":"Your changes have been saved successfully.","components.toast.default.message":"This is an informational toast","components.toast.description":"The Toast component displays contextual feedback messages to users. It supports multiple types (neutral, informative, positive, negative) and can include a message, action buttons, and an optional close function.","components.toast.iconDescription":"Custom icon to display. Can be icon props or a React element.","components.toast.informative.message":"This is an informational toast","components.toast.interactive.action":"Action","components.toast.interactive.message":"This toast can be configured using the controls in the panel below.","components.toast.messageDescription":"Message content to display in the toast.","components.toast.negative.message":"An error occurred","components.toast.neutral.message":"This is a neutral toast","components.toast.onActionClickDescription":"Callback function triggered when the action button is clicked.","components.toast.onCloseActionClickDescription":"Callback function triggered when the close button is clicked.","components.toast.positive.message":"The action was completed successfully","components.toast.propsDescription":"Supports all standard HTML div element attributes.","components.toast.showMethod.action":"View","components.toast.showMethod.bottomMessage":"This toast is displayed at the bottom","components.toast.showMethod.informative":"This is an informational toast","components.toast.showMethod.negative":"An error occurred","components.toast.showMethod.positive":"The action was completed successfully","components.toast.showMethod.showAtBottom":"Show at bottom","components.toast.showMethod.showInformative":"Show informative toast","components.toast.showMethod.showNegative":"Show error toast","components.toast.showMethod.showPositive":"Show success toast","components.toast.showMethod.showWithAction":"Show toast with action","components.toast.showMethod.showWithDuration":"Show toast with duration","components.toast.showMethod.withActionMessage":"This toast has an action button","components.toast.showMethod.withDurationMessage":"This toast will disappear after 5 seconds","components.toast.stories.completeExample.title":"Complete example","components.toast.stories.default.title":"Default","components.toast.stories.informative.title":"Informational toast","components.toast.stories.interactive.title":"Interactive","components.toast.stories.negative.title":"Error toast","components.toast.stories.neutral.title":"Neutral toast","components.toast.stories.positive.title":"Success toast","components.toast.stories.types.title":"Types","components.toast.stories.usingShowMethod.title":"Using show method","components.toast.stories.withAction.title":"With action","components.toast.stories.withCustomIcon.title":"With custom icon","components.toast.stories.withoutCloseButton.title":"Without close button","components.toast.typeDescription":"The toast type that determines the visual style and icon. Defaults to `informative`.","components.toast.types.informative":"This is an informational toast","components.toast.types.negative":"An error occurred","components.toast.types.neutral":"This is a neutral toast","components.toast.types.positive":"The action was completed successfully","components.toast.withAction.informativeAction":"View","components.toast.withAction.informativeMessage":"This toast has an action button","components.toast.withAction.negativeAction":"Retry","components.toast.withAction.negativeMessage":"Failed to save. Please try again.","components.toast.withAction.positiveAction":"OK","components.toast.withAction.positiveMessage":"Your changes have been saved successfully.","components.toast.withCustomIcon.message":"This toast has a custom icon","components.toast.withCustomIcon.positiveMessage":"This toast also has a custom icon","components.toast.withoutCloseButton.message":"This toast cannot be closed","components.toast.withoutCloseButton.positiveMessage":"This toast also cannot be closed","components.uploader.argTypes.classNameDescription":"Additional CSS classes for the Uploader component.","components.uploader.argTypes.disabledDescription":"Whether the uploader is disabled.","components.uploader.argTypes.includeBase64Description":"Whether to include base64 encoding of uploaded files.","components.uploader.argTypes.limitDescription":"Maximum number of files that can be uploaded.","components.uploader.argTypes.onChangeDescription":"Callback function triggered when files change.","components.uploader.argTypes.showPreviewDescription":"Whether to show previews of uploaded files.","components.uploader.argTypes.valueDescription":"Uploaded files. Used for controlled components.","components.uploader.description":"The Uploader component allows users to upload files, typically images. It supports multiple files, previews, and file management.","components.uploader.stories.controlled.name":"Controlled","components.uploader.stories.default.name":"Default","components.uploader.stories.disabled.name":"Disabled","components.uploader.stories.interactive.filesUploaded":"{{count}} files uploaded","components.uploader.stories.interactive.name":"Interactive","components.uploader.stories.multipleFiles.name":"Upload multiple files","components.uploader.stories.singleFile.name":"Upload single file","components.uploader.stories.withLimit.name":"File limit","components.uploader.stories.withPreview.name":"With preview"};export{e as default};

package/dist-storybook/assets/icon-DdQsMyRa.js

@@ -0,0 +1 @@
+import{r as l,j as t}from"./iframe-CQAwSt4E.js";import{g as w}from"./colors-_6nFGM3e.js";import{c as C,g as k}from"./classname-CUR_zgkh.js";const c=e=>l.createElement("svg",{width:18,height:18,viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},l.createElement("path",{opacity:.4,d:"M9 17C4.5889 17 1 13.4111 1 9C1 4.5889 4.5889 1 9 1C13.4111 1 17 4.5889 17 9C17 13.4111 13.4111 17 9 17ZM9 2.5C5.416 2.5 2.5 5.416 2.5 9C2.5 12.584 5.416 15.5 9 15.5C12.584 15.5 15.5 12.584 15.5 9C15.5 5.416 12.584 2.5 9 2.5Z",fill:"currentColor"}),l.createElement("path",{d:"M16.25 9.75C15.8359 9.75 15.5 9.4141 15.5 9C15.5 5.416 12.584 2.5 9 2.5C8.5859 2.5 8.25 2.1641 8.25 1.75C8.25 1.3359 8.5859 1 9 1C13.4111 1 17 4.5889 17 9C17 9.4141 16.6641 9.75 16.25 9.75Z",fill:"currentColor"})),f=e=>l.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},l.createElement("path",{d:"M21.7482 2.25105C22.0829 2.58579 22.0829 3.1285 21.7482 3.46323L3.46323 21.7482C3.1285 22.0829 2.58579 22.0829 2.25105 21.7482C1.91632 21.4134 1.91632 20.8707 2.25105 20.536L20.536 2.25105C20.8707 1.91632 21.4134 1.91632 21.7482 2.25105Z",fill:"currentColor"}),l.createElement("path",{d:"M13.52 2.25105C13.8547 2.58579 13.8547 3.1285 13.52 3.46323L3.46323 13.52C3.1285 13.8547 2.58579 13.8547 2.25105 13.52C1.91632 13.1852 1.91632 12.6425 2.25105 12.3078L12.3078 2.25105C12.6425 1.91632 13.1852 1.91632 13.52 2.25105Z",fill:"currentColor"}),l.createElement("path",{d:"M5.29091 3.46323C5.62565 3.1285 5.62565 2.58579 5.29091 2.25105C4.95618 1.91632 4.41346 1.91632 4.07873 2.25105L2.25105 4.07873C1.91632 4.41346 1.91632 4.95618 2.25105 5.29091C2.58579 5.62565 3.1285 5.62565 3.46323 5.29091L5.29091 3.46323Z",fill:"currentColor"}),l.createElement("path",{d:"M21.7482 10.4793C22.0829 10.814 22.0829 11.3567 21.7482 11.6915L11.6915 21.7482C11.3567 22.0829 10.814 22.0829 10.4793 21.7482C10.1445 21.4134 10.1445 20.8707 10.4793 20.536L20.536 10.4793C20.8707 10.1445 21.4135 10.1445 21.7482 10.4793Z",fill:"currentColor"}),l.createElement("path",{d:"M21.7474 19.9197C22.0821 19.585 22.0821 19.0422 21.7474 18.7075C21.4126 18.3728 20.8699 18.3728 20.5352 18.7075L18.7075 20.5352C18.3728 20.8699 18.3728 21.4126 18.7075 21.7474C19.0422 22.0821 19.585 22.0821 19.9197 21.7474L21.7474 19.9197Z",fill:"currentColor"})),d={"add-magic-fill":"ue971","add-magic-outline":"ue900","arrow-door-out-fill":"ue972","arrow-door-out-outline":"ue901","arrow-left-from-line-fill":"ue9da","arrow-left-from-line-outline":"ue969","arrow-right-fill":"ue973","arrow-right-from-line-fill":"ue9db","arrow-right-from-line-outline":"ue96a","arrow-right-outline":"ue902","arrow-rotate-anticlockwise-fill":"ue974","arrow-rotate-anticlockwise-outline":"ue903","arrow-rotate-clockwise-fill":"ue975","arrow-rotate-clockwise-outline":"ue904","arrow-trend-down-fill":"ue9d9","arrow-trend-down-outline":"ue968","arrow-trend-up-fill":"ue9d8","arrow-trend-up-outline":"ue967","arrows-expand-fill":"ue976","arrows-expand-outline":"ue905","atm-machine-fill":"ue977","atm-machine-outline":"ue906","badge-check-fill":"ue978","badge-check-outline":"ue907","ballot-circle-fill":"ue979","ballot-circle-outline":"ue908","battery-alert-fill":"ue97a","battery-alert-outline":"ue909","battery-charging-fill":"ue97b","battery-charging-outline":"ue90a","bell-fill":"ue97c","bell-outline":"ue90b","bell-slash-fill":"ue97d","bell-slash-outline":"ue90c","bolt-fill":"ue97e","bolt-outline":"ue90d","bolt-slash-fill":"ue97f","bolt-slash-outline":"ue90e","book-open-fill":"ue980","book-open-outline":"ue90f","bookmark-fill":"ue9f3","bookmark-outline":"ue9f1","bug-slash-fill":"ue981","bug-slash-outline":"ue910","calendar-fill":"ue982","calendar-outline":"ue911","camera-fill":"ue983","camera-outline":"ue912","car-electric-fill":"ue984","car-electric-outline":"ue913","car-side-fill":"ue985","car-side-outline":"ue914","charging-station-fill":"ue986","charging-station-outline":"ue915","chart-column-trend-up-fill":"ue9e0","chart-column-trend-up-outline":"ue96f","chart-donut-fill":"ue9df","chart-donut-outline":"ue96e","check-double-fill":"ue987","check-double-outline":"ue916","check-fill":"ue988","check-outline":"ue917","chevron-down-fill":"ue989","chevron-down-outline":"ue918","chevron-left-fill":"ue98a","chevron-left-outline":"ue919","chevron-right-fill":"ue98b","chevron-right-outline":"ue91a","chevron-up-fill":"ue98c","chevron-up-outline":"ue91b","circle-check-fill":"ue98d","circle-check-outline":"ue91c","circle-info-fill":"ue98e","circle-info-outline":"ue91d","circle-question-fill":"ue98f","circle-question-outline":"ue91e","circle-xmark-fill":"ue990","circle-xmark-outline":"ue91f","clipboard-list-fill":"ue991","clipboard-list-outline":"ue920","clock-fill":"ue992","clock-outline":"ue921","clone-fill":"ue993","clone-outline":"ue922","credit-card-fill":"ue994","credit-card-outline":"ue923","credit-card-plus-fill":"ue995","credit-card-plus-outline":"ue924","crown-fill":"ue996","crown-outline":"ue925","discount-code-fill":"ue997","discount-code-outline":"ue926","dots-fill":"ue998","dots-outline":"ue927","double-chevron-left-fill":"ue999","double-chevron-left-outline":"ue928","double-chevron-right-fill":"ue99a","double-chevron-right-outline":"ue929","download-fill":"ue99b","download-outline":"ue92a","envelope-fill":"ue99c","envelope-outline":"ue92b","eye-fill":"ue99d","eye-outline":"ue92c","eye-slash-fill":"ue99e","eye-slash-outline":"ue92d","facial-recognition-fill":"ue99f","facial-recognition-outline":"ue92e","file-content-fill":"ue9a0","file-content-outline":"ue92f","filter-fill":"ue9a1","filter-outline":"ue930","fingerprint-fill":"ue9a2","fingerprint-outline":"ue931","flag-fill":"ue9de","flag-outline":"ue96d","folder-fill":"ue9dc","folder-open-fill":"ue9dd","folder-open-outline":"ue96c","folder-outline":"ue96b","gear-fill":"ue9a3","gear-outline":"ue932","gift-fill":"ue9a4","gift-outline":"ue933","graduation-cap-fill":"ue9ef","graduation-cap-outline":"ue9ee","grid-fill":"ue9a5","grid-outline":"ue934","grid-plus-fill":"ue9a6","grid-plus-outline":"ue935","hashtag-fill":"ue9f2","hashtag-outline":"ue9f0","headset-fill":"ue9a7","headset-outline":"ue936","heart-fill":"ue9a8","heart-outline":"ue937","history-fill":"ue9a9","history-outline":"ue938","house-fill":"ue9aa","house-outline":"ue939","image-fill":"ue9e1","image-outline":"ue970","input-password-fill":"ue9ab","input-password-outline":"ue93a","language-fill":"ue9ac","language-outline":"ue93b","lightbulb-fill":"ue9ad","lightbulb-outline":"ue93c","link-fill":"ue9ae","link-outline":"ue93d","link-slash-fill":"ue9af","link-slash-outline":"ue93e","loader-fill":"ue9b0","loader-outline":"ue93f","lock-fill":"ue9b1","lock-outline":"ue940","magnifier-fill":"ue9b2","magnifier-outline":"ue941","media-next-fill":"ue9b3","media-next-outline":"ue942","media-pause-fill":"ue9b4","media-pause-outline":"ue943","media-play-fill":"ue9b5","media-play-outline":"ue944","media-previous-fill":"ue9b6","media-previous-outline":"ue945","media-stop-fill":"ue9eb","media-stop-outline":"ue9e6","menu-fill":"ue9ec","menu-outline":"ue9ed","message-content-fill":"ue9ea","message-content-outline":"ue9e4","microphone-fill":"ue9b7","microphone-outline":"ue946","minus-fill":"ue9b8","minus-outline":"ue947","money-bill-coin-fill":"ue9b9","money-bill-coin-outline":"ue948","msg-fill":"ue9ba","msg-outline":"ue949","newspaper-fill":"ue9bb","newspaper-outline":"ue94a","nodes-fill":"ue9d7","nodes-outline":"ue966","office-fill":"ue9bc","office-outline":"ue94b","paper-plane-fill":"ue9bd","paper-plane-outline":"ue94c","pen-fill":"ue9be","pen-outline":"ue94d","phone-fill":"ue9bf","phone-outline":"ue94e","pin-fill":"ue9c0","pin-outline":"ue94f","pin-tack-fill":"ue9c1","pin-tack-outline":"ue950","plane-fill":"ue9c2","plane-outline":"ue951","plus-fill":"ue9c3","plus-outline":"ue952","qrcode-fill":"ue9c4","qrcode-outline":"ue953","receipt-fill":"ue9c5","receipt-outline":"ue954","scan-fill":"ue9c6","scan-outline":"ue955","scooter-front-fill":"ue9c7","scooter-front-outline":"ue956","share-right-fill":"ue9c8","share-right-outline":"ue957","shield-check-fill":"ue9c9","shield-check-outline":"ue958","stack-x-plus-fill":"ue9ca","stack-x-plus-outline":"ue959","star-fill":"ue9cb","star-outline":"ue95a","text-prompt-fill":"ue9e7","text-prompt-outline":"ue9e2","text-size-fill":"ue9e8","text-size-outline":"ue9e3","thumbs-down-fill":"ue9cc","thumbs-down-outline":"ue95b","thumbs-up-fill":"ue9cd","thumbs-up-outline":"ue95c","trash-fill":"ue9ce","trash-outline":"ue95d","triangle-warning-fill":"ue9cf","triangle-warning-outline":"ue95e","user-bubble-check-fill":"ue9d0","user-bubble-check-outline":"ue95f","user-fill":"ue9d1","user-outline":"ue960","user-shield-fill":"ue9d2","user-shield-outline":"ue961","user-xmark-fill":"ue9d3","user-xmark-outline":"ue962","users-plus-fill":"ue9d4","users-plus-outline":"ue963","wallet-fill":"ue9d5","wallet-outline":"ue964","waveform-lines-fill":"ue9e9","waveform-lines-outline":"ue9e5","xmark-fill":"ue9d6","xmark-outline":"ue965","placeholder-fill":"ue984","placeholder-outline":"ue91f"},x={"loader-fill":c,"loader-outline":c,"placeholder-fill":f,"placeholder-outline":f},s=k("icon"),I=Object.keys(d).map(e=>e.endsWith("-fill")?e.slice(0,-5):e.endsWith("-outline")?e.slice(0,-8):e),h=({size:e,color:o,className:p,style:m,animation:r,...u})=>{const n=b=>t.jsx("span",{className:C(s,{[`${s}--${r}`]:r},p),style:{width:e,height:e,fontSize:e,color:w(o),...m},children:b});if("children"in u)return n(u.children);const a=x[`${u.name}-${u.type||"outline"}`];if(a)return n(t.jsx(a,{}));const i=d[`${u.name}-${u.type||"outline"}`];if(!i)return;const g=parseInt(i.startsWith("u")?i.slice(1):i,16);return n(String.fromCodePoint(g))},v=e=>{if(!e)return null;if(typeof e=="function"){const o=e;return t.jsx(o,{})}return l.isValidElement(e)||typeof e!="object"?e:t.jsx(h,{...e})};h.__docgenInfo={description:"",methods:[],displayName:"Icon"};v.__docgenInfo={description:"",methods:[],displayName:"renderIcon"};export{h as I,I as i,v as r};