@stihl-design-system/components 1.0.0-RC.3 → 1.0.0-RC.30

package/components/Tabs/TabList/TabList.d.ts

@@ -0,0 +1,38 @@
+import { Dispatch, HTMLAttributes, JSX, SetStateAction } from 'react';
+import { SelectedAriaAttributes } from '../../../types';
+import { NavigationTab } from '../../NavigationTabs/NavigationTabs';
+import { Tab } from '../Tabs';
+import { TabsAlignment } from '../Tabs.utils';
+import { TabListAriaAttributes } from './TabList.utils';
+export type TabListProps<IsNavigation extends boolean> = {
+    /** ARIA attributes to enhance accessibility
+     *  `{'aria-label'? string;`
+     *  `'aria-labelledby'?: string;}`
+     * */
+    aria: SelectedAriaAttributes<TabListAriaAttributes>;
+    selectedTabIndex: number;
+    setSelectedTabIndex: Dispatch<SetStateAction<number>>;
+    /** An array of Tab Objects containing the id, content, label, and other optional parameters.
+     * `{id: string; content: React.ReactNode; label: string; iconName?: IconName; numberIndicatorValue?: string;}[]`*/
+    tabs: IsNavigation extends true ? NavigationTab[] : Tab[];
+    /** Alignment of the Tabs.
+     * @default 'left'
+     */
+    alignment?: TabsAlignment;
+    /** Index of the tab to be selected when Tabs are rendered the first time.
+     * @default 0
+     * */
+    defaultSelectedTabIndex?: number;
+    /** Sets the TabList to navigation mode, using links instead of buttons */
+    isNavigation?: boolean;
+    /** Callback function called when the selected tab changes. */
+    onTabChange?: (selectedTabIndex: number) => void;
+} & HTMLAttributes<HTMLDivElement> & (IsNavigation extends false ? {
+    id: string;
+} : unknown);
+/**
+ *
+ * The TabList component is an internal component used in DSTabs and DSNavigationTabs.
+ * It dynamically renders either a div with role="tablist" or a nav element based on the isNavigation prop.
+ */
+export declare const TabList: <IsNavigation extends boolean>({ aria, id: tabListId, selectedTabIndex, setSelectedTabIndex, tabs, alignment, className, defaultSelectedTabIndex, isNavigation, onTabChange, ...rest }: TabListProps<IsNavigation>) => JSX.Element;

package/components/Tabs/TabList/TabList.utils.d.ts

@@ -0,0 +1,2 @@
+export declare const SCROLL_MARGIN_INLINE = 48;
+export type TabListAriaAttributes = 'aria-label' | 'aria-labelledby';

package/components/Tabs/TabPane/TabPane.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode, JSX } from 'react';
+export interface TabPaneProps {
+    id: string;
+    content: ReactNode;
+    index: number;
+    selectedTabIndex: number;
+    tabListId: string;
+    className?: string;
+}
+export declare const TabPane: ({ id, content, index, selectedTabIndex, tabListId, className, }: TabPaneProps) => JSX.Element;

package/components/Tabs/TabPane/TabPane.utils.d.ts

@@ -0,0 +1,3 @@
+export declare const containsFocusableElement: (element: HTMLElement) => boolean;
+export declare const getTabButtonId: (tabListId: string, id: string) => string;
+export declare const getTabPaneId: (tabListId: string, id: string, index: number) => string;

package/components/Tabs/TabPane/TabPane.utils.test.d.ts

@@ -0,0 +1 @@
+export {};

package/components/Tabs/Tabs.d.ts

@@ -0,0 +1,51 @@
+import { HTMLAttributes, JSX } from 'react';
+import { IconName } from '../../types';
+import { TabsAlignment } from './Tabs.utils';
+export interface Tab {
+    /** Content displayed when the Tab is active. */
+    content: React.ReactNode;
+    /** Unique id for the Tab. */
+    id: string;
+    /** Label text displayed on the Tab. */
+    label: string;
+    /** Name of the icon to display */
+    iconName?: IconName;
+    /** Number Indicator value displayed next to the label. */
+    numberIndicatorValue?: string;
+}
+export interface TabsProps extends HTMLAttributes<HTMLDivElement> {
+    /** Unique id for the tab list. */
+    id: string;
+    /** An array of Tab Objects containing the id, content, label, and other optional parameters.
+     *  `{ content: React.ReactNode;`
+     *  `id: string;`
+     *  `label: string;`
+     *  `iconName?: IconName;`
+     *  `numberIndicatorValue?: string; }[]`
+     */
+    tabs: Tab[];
+    /** Index of the tab that should be active. */
+    activeTabIndex?: number;
+    /** Alignment of the Tabs.
+     * @default 'left'
+     */
+    alignment?: TabsAlignment;
+    /**
+     * Additional class name to apply to the tab pane.
+     */
+    classNameTabPane?: string;
+    /** Index of the tab to be selected when Tabs are rendered the first time in **uncontrolled DSTabs** component.
+     * @default 0
+     * */
+    defaultSelectedTabIndex?: number;
+    /** Callback function called when the selected tab changes. */
+    onTabChange?: (selectedTabIndex: number) => void;
+}
+/**
+ * A component for organizing content into tabbed sections, allowing users to navigate between them.
+ * Supports single selection to maintain focus on one content area at a time.
+ * Avoid excessive tabs to prevent overwhelming the user.
+ *
+ * Design in Figma: [Tabs](https://www.figma.com/design/qXldpLO6gxHJNLdcXIPxYt/Core-Components-%F0%9F%92%A0?node-id=24564-313&t=UBsmFURFENnuYSW1-11)
+ */
+export declare const DSTabs: ({ id: tabListId, tabs, activeTabIndex, alignment, className, classNameTabPane, defaultSelectedTabIndex, onTabChange, ...rest }: TabsProps) => JSX.Element;

package/components/Tabs/Tabs.test.d.ts

@@ -0,0 +1 @@
+export {};

package/components/Tabs/Tabs.utils.d.ts

@@ -0,0 +1,6 @@
+import { TabsProps } from './Tabs';
+export declare const TABS_ALIGNMENT: readonly ["left", "center"];
+export type TabsAlignment = (typeof TABS_ALIGNMENT)[number];
+export declare const TABS_DIRECTION: readonly ["prev", "next"];
+export type TabsDirection = (typeof TABS_DIRECTION)[number];
+export declare const validateTabsProps: ({ id, tabs, defaultSelectedTabIndex, }: TabsProps) => void;

package/components/Text/Text.d.ts

@@ -1,22 +1,31 @@
-import { HTMLAttributes } from 'react';
+import { HTMLAttributes, JSX } from 'react';
 import { Theme } from '../../types';
 import { TextSize, TextTag, TextWeight } from './Text.utils';
-
 export interface TextProps extends HTMLAttributes<HTMLQuoteElement | HTMLDivElement | HTMLLegendElement | HTMLParagraphElement | HTMLSpanElement | HTMLTimeElement> {
-    /** Content of the text */
+    /** Content of the text. */
     children: React.ReactNode;
-    /** Size of the text */
+    /** Size of the text.
+     * @default 'medium'
+     */
     size?: TextSize;
-    /** Specifies the HTML tag to be used for the text */
+    /** Specifies the HTML tag to be used for the text.
+     * @default 'p'
+     */
     tag?: TextTag;
-    /** Defines the theme */
+    /** Defines the theme.
+     * @default 'light'
+     */
     theme?: Theme;
-    /** Defines the weight, `size='xx-small'` does not have a bold variant */
+    /** Defines the weight, `size='xx-small'` does not have a bold variant.
+     * @default 'normal'
+     */
     weight?: TextWeight;
 }
 /**
- *  The `DSText` component is designed for displaying body text and paragraphs,
- *  ensuring consistent sizing across different viewports.
- *  It is a versatile component that can be used in various parts of your application where text content is needed.
+ * The `DSText` component is designed for displaying body text and paragraphs,
+ * ensuring consistent sizing across different viewports.
+ * It is a versatile component that can be used in various parts of your application where text content is needed.
+ *
+ * Design in Figma: [Text](https://www.figma.com/design/d9wrOp4aCplDsV9AVC87Xn/Typography-%F0%9F%85%B0%EF%B8%8F?node-id=3-2301&t=TeSgud7dB5pnld5s-11)
  */
 export declare const DSText: ({ children, className, size, tag, theme, weight, ...rest }: TextProps) => JSX.Element;

package/components/Text/Text.utils.d.ts

@@ -1,6 +1,19 @@
-export declare const TEXT_TAG: readonly ["address", "blockquote", "cite", "div", "figcaption", "legend", "p", "span", "time"];
+export declare const TEXT_TAG: readonly ["address", "blockquote", "cite", "div", "dd", "dfn", "dt", "figcaption", "legend", "li", "p", "span", "time"];
 export type TextTag = (typeof TEXT_TAG)[number];
 export declare const TEXT_SIZE: readonly ["large", "medium", "small", "x-small", "xx-small"];
 export type TextSize = (typeof TEXT_SIZE)[number];
 export declare const TEXT_WEIGHT: readonly ["bold", "normal"];
 export type TextWeight = (typeof TEXT_WEIGHT)[number];
+/**
+ * Determines whether the specified HTMLElement is within one or more elements
+ * matching the provided CSS selector(s).
+ *
+ * This function checks if the given HTMLElement (`host`) is a descendant of
+ * any of the specified selectors in the DOM tree. It utilizes the
+ * `getClosestHTMLElement` utility to traverse the DOM hierarchy.
+ *
+ * @param {HTMLElement} host - The HTMLElement to check for being within a matching element.
+ * @param {string | string[]} selector - A CSS selector or an array of selectors to match against.
+ * @returns {boolean} `true` if the `host` element is within any matching element; otherwise, `false`.
+ */
+export declare const isWithinElement: (host: HTMLElement, selector: string | string[]) => boolean;

package/components/Textarea/Textarea.d.ts

@@ -1,37 +1,53 @@
 import { TextareaHTMLAttributes } from 'react';
 import { BreakpointCustomizable } from '../../types';
 import { TextareaSize } from './Textarea.utils';
-
 export interface TextareaProps extends Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'size' | 'rows' | 'cols'> {
-    /** Unique id for the textarea */
+    /** Unique id for the textarea. */
     id: string;
-    /** Label text displayed above the textarea */
+    /** Label text displayed above the textarea. */
     label: string;
-    /** Text displayed when maximum characters are reached */
+    /** Text displayed when maximum characters are reached.
+     * @default 'Character limit reached'
+     */
     charsLimitText?: string;
-    /** Text used for assistive technologies when the characters remaining amount changes */
+    /** Text used for assistive technologies when the characters remaining amount changes.
+     * @default 'Characters remaining:'
+     */
     charsRemainingText?: string;
-    /** Disables the textarea, preventing user interaction */
+    /** Disables the textarea, preventing user interaction.
+     * @default false
+     */
     disabled?: boolean;
-    /** Hides the textarea label, can be responsive
+    /** Hides the textarea label, can be responsive.
      *  `boolean | { base: boolean; s?: boolean; m?: boolean; l?: boolean; xl?: boolean; }`
+     * @default false
      */
     hideLabel?: BreakpointCustomizable<boolean>;
-    /** Short descriptive text displayed beneath the label */
+    /** Short descriptive text displayed beneath the label. */
     hint?: string;
-    /** Marks the textarea as invalid, typically used for form validation */
+    /** Marks the textarea as invalid, typically used for form validation.
+     * @default false
+     */
     invalid?: boolean;
-    /** Maximum length of the textarea value - if set, a character counter is visible beneath the textarea */
+    /** Maximum length of the textarea value - if set, a character counter is visible beneath the textarea. */
     maxLength?: number;
-    /** Enables the readonly state of the textarea */
+    /** Enables the readonly state of the textarea.
+     * @default false
+     */
     readonly?: boolean;
-    /** Indicates that the textarea is required */
+    /** Indicates that the textarea is required.
+     * @default false
+     */
     required?: boolean;
-    /** Controls whether the textarea is resizable manually or automatically adjusts to user input */
+    /** Controls whether the textarea is resizable manually or automatically adjusts to user input.
+     * @default 'vertical'
+     */
     resize?: 'vertical' | 'auto';
-    /** Defines a system feedback message, shown when `invalid={true}` */
+    /** Defines a system feedback message, shown when `invalid={true}`. */
     systemFeedback?: string;
-    /** Size of the textarea */
+    /** Size of the textarea.
+     * @default 'medium'
+     */
     size?: TextareaSize;
     /** CSS className that can be set on the wrapping container of `<DSTextarea />`.  */
     wrapperClassName?: string;
@@ -39,5 +55,7 @@ export interface TextareaProps extends Omit<TextareaHTMLAttributes<HTMLTextAreaE
 /**
  * The `<DSTextarea />` component allows users to enter and edit multi line text.
  * It comes in two sizes (medium & small) and supports various customizations
+ *
+ * Design in Figma: [Textarea](https://www.figma.com/design/qXldpLO6gxHJNLdcXIPxYt/Core-Components-%F0%9F%92%A0?node-id=4937-4402)
  */
-export declare const DSTextarea: ({ id, label, charsLimitText, charsRemainingText, className, defaultValue, disabled, hint, hideLabel, invalid, maxLength, readonly, required, resize, size, systemFeedback, value, wrapperClassName, onChange, onInput, ...rest }: TextareaProps) => JSX.Element;
+export declare const DSTextarea: import('react').ForwardRefExoticComponent<TextareaProps & import('react').RefAttributes<HTMLTextAreaElement>>;

package/components/Textarea/Textarea.utils.d.ts

@@ -1,5 +1,4 @@
 import { TextareaProps } from './Textarea';
-
 export declare const TEXTAREA_SIZE: readonly ["medium", "small"];
 export type TextareaSize = (typeof TEXTAREA_SIZE)[number];
 type ValidationProps = Pick<TextareaProps, 'id' | 'label'>;

package/components/Title/Title.d.ts

@@ -1,15 +1,20 @@
-import { HTMLAttributes } from 'react';
+import { HTMLAttributes, JSX } from 'react';
 import { Theme } from '../../types';
 import { TitleSize, TitleTag } from './Title.utils';
-
 export interface TitleProps extends HTMLAttributes<HTMLHeadingElement> {
-    /** Content of the title */
+    /** Content of the title. */
     children: React.ReactNode;
-    /** Size of the title */
+    /** Size of the title.
+     * @default 'x-large'
+     */
     size?: TitleSize;
-    /** Specifies the HTML tag to be used for the title */
+    /** Specifies the HTML tag to be used for the title.
+     * @default 'h1'
+     */
     tag?: TitleTag;
-    /** Defines the theme */
+    /** Defines the theme.
+     * @default 'light'
+     */
     theme?: Theme;
 }
 /**
@@ -17,5 +22,7 @@ export interface TitleProps extends HTMLAttributes<HTMLHeadingElement> {
  * It's intended for primary emotional headlines that should be prominent,
  * accompanied by a stand line for reinforcement.
  * The component ensures impactful headline presentation in your application.
+ *
+ * Design in Figma: [Title](https://www.figma.com/design/Ie2r0R9QwjEc7O3nrFbXhV/Web-Pattern-Library?node-id=7-77&t=ZOQH7XUcmLFb8aah-11)
  */
 export declare const DSTitle: ({ children, className, size, tag, theme, ...rest }: TitleProps) => JSX.Element;

package/components/Toast/Toast.d.ts

@@ -0,0 +1,42 @@
+import { HTMLAttributes } from 'react';
+import { ToastVariant } from './Toast.utils';
+export interface ToastProps extends Omit<HTMLAttributes<HTMLElement>, 'onClick' | 'onMouseEnter' | 'onMouseLeave'> {
+    /** Message displayed in the Toast. */
+    message: string;
+    /** Custom data attributes. */
+    [key: `data-${string}`]: string | undefined;
+    /** Close button props:
+     *
+     * `data-*`: Custom data attributes.
+     *
+     * `label`: Accessibility label for the close button.
+     * (default) 'Close notification'
+     */
+    closeButtonProps?: {
+        [key: `data-${string}`]: string | undefined;
+        label?: string;
+    };
+    /** Hides the icon of the Toast.
+     * @default false
+     */
+    hideIcon?: boolean;
+    /** Visual style variant of the Toast.
+     * @default 'info'
+     */
+    variant?: ToastVariant;
+    /** Used by the ToastManager to clear the timeout of the toast removal. */
+    onClick: () => void;
+    /** Used by the ToastManager to clear the timeout of the toast removal. */
+    onMouseEnter: () => void;
+    /** Used by the ToastManager to start timeout of the toast removal again. */
+    onMouseLeave: () => void;
+}
+/**
+ * Toasts are small, non-intrusive messages that appear temporarily to provide feedback or information.
+ *
+ * Design in Figma: [Toast](https://www.figma.com/design/qXldpLO6gxHJNLdcXIPxYt/Core-Components-%F0%9F%92%A0?node-id=8844-4923)
+ *
+ * <div className="ds-info">For more information on the different types of notifications and to determine which is best suited for your needs, please refer to our [Notification Guidelines](/docs/templates-notification-guidelines--documentation) and explore the decision trees provided.</div>
+ *
+ * */
+export declare const DSToast: import('react').ForwardRefExoticComponent<ToastProps & import('react').RefAttributes<HTMLDivElement>>;

package/components/Toast/Toast.utils.d.ts

@@ -0,0 +1,27 @@
+import { IconName } from '../../types';
+export declare const TOAST_VARIANT: readonly ["info", "success", "warning"];
+export type ToastVariant = (typeof TOAST_VARIANT)[number];
+export declare const TOAST_ICONS: Record<ToastVariant, IconName>;
+export type ToastOptions = {
+    /** `data-*`: Custom data attributes. */
+    [key: `data-${string}`]: string | undefined;
+    /** Visual style variant of the Toast.
+     * @default 'info'
+     */
+    variant?: ToastVariant;
+    /** Hides the icon of the Toast.
+     * @default false
+     */
+    hideIcon?: boolean;
+    /** Close button props:
+     *
+     * `data-*`: Custom data attributes.
+     *
+     * `label`: Accessibility label for the close button.
+     * (default) 'Close toast'
+     */
+    closeButtonProps?: {
+        [key: `data-${string}`]: string | undefined;
+        label?: string;
+    };
+};

package/components/Toast/ToastManager.d.ts

@@ -0,0 +1,9 @@
+import { ToastOptions } from './Toast.utils';
+type ToastContextType = {
+    queueDSToastMessage: (message: string, options?: ToastOptions) => void;
+};
+export declare const useDSToast: () => ToastContextType;
+export declare const DSToastProvider: ({ children, }: {
+    children: React.ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+export {};

package/components/Toast/ToastManager.test.d.ts

@@ -0,0 +1 @@
+export {};

package/components/Toast/ToastManager.utils.d.ts

@@ -0,0 +1,2 @@
+export declare const validateIsLiveRegionPresent: () => void;
+export declare const validateMultipleToastsOnPage: () => void;

package/components/Toast/ToastManager.utils.test.d.ts

@@ -0,0 +1 @@
+export {};

package/components/TopBar/TopBar.d.ts

@@ -0,0 +1,54 @@
+import { default as React } from 'react';
+import { SelectedAriaAttributes } from '../../types';
+import { OptionalSlotProps, SlotProps } from '../Header/Header.utils';
+import { Logo, LogoAriaAttribute, LogoTarget } from '../Logo/Logo.utils';
+import { BrandAddOnVariant } from './TopBar.utils';
+/** Props for the root <Header.TopBar> */
+interface TopBarProps extends React.HTMLAttributes<HTMLDivElement> {
+    children: React.ReactNode;
+    rootClassName?: string;
+}
+export interface BrandAreaLogoProps {
+    /**
+     * `aria`: Accessibility attributes for screen readers.
+     * Ensure to provide a descriptive label via `aria-label`.
+     * `{'aria-label'? string;}`
+     */
+    aria: SelectedAriaAttributes<LogoAriaAttribute>;
+    /** Defines the URL to link to. If you provide a URL, the component will be rendered as a link.
+     * * @default '/'
+     */
+    href: string;
+    /**
+     * Controls main and sub-brand logo display.
+     * @default 'main'
+     */
+    logo?: Logo;
+    /** The target of the link.
+     * @default '_self'
+     */
+    target?: LogoTarget;
+}
+export interface BrandAddOnProps extends React.HTMLAttributes<HTMLSpanElement> {
+    /** Content of the brand addOn. */
+    children: React.ReactNode;
+    /** Sub title below the title. **Only available with `variant="double"`**. */
+    subTitle?: string;
+    /** Variant of the brand addOn.
+     * @default 'single'
+     */
+    variant?: BrandAddOnVariant;
+}
+/** Compound type for TopBar with its static slots */
+interface TopBarComponent extends React.FC<TopBarProps> {
+    BrandArea: React.FC<OptionalSlotProps>;
+    PrimaryArea: React.FC<SlotProps>;
+    SecondaryArea: React.FC<SlotProps>;
+}
+/**
+ * The `<DSTopBar />`.
+ *
+ * Design in Figma: [Top Bar](https://www.figma.com/design/Ie2r0R9QwjEc7O3nrFbXhV/Web-Pattern-Library?node-id=5381-2186&t=7P7x6ASRWyOtQQJG-4)
+ */
+export declare const DSTopBar: TopBarComponent;
+export {};

package/components/TopBar/TopBar.utils.d.ts

@@ -0,0 +1,14 @@
+export declare const validateTopBarChildren: ({ hasBrandArea, hasPrimaryArea, hasSecondaryArea, }: {
+    hasBrandArea: boolean;
+    hasPrimaryArea: boolean;
+    hasSecondaryArea: boolean;
+}) => void;
+/**
+ * Checks whether a value is undefined, null, or an empty plain object.
+ *
+ * @param obj - The value to check.
+ * @returns `true` if the value is undefined, null, or a non-array object with no own enumerable properties; otherwise, `false`.
+ */
+export declare const isEmptyObjectOrUndefined: (obj: unknown) => boolean;
+export declare const BRAND_ADDON_VARIANT: readonly ["double", "single"];
+export type BrandAddOnVariant = (typeof BRAND_ADDON_VARIANT)[number];

package/components/TopBar/TopBar.utils.test.d.ts

@@ -0,0 +1 @@
+export {};

package/connected-icon.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 512 512"><path fill="#F37A1F" d="M0 0h512v512H0z"/><path fill="#fff" d="M366.806 304.042c-17.69 35.56-54.39 60.01-96.8 60.04-57.87.04-105.97-46.12-108.17-103.95-2.35-61.65 46.94-112.38 108.08-112.38 42.34 0 78.99 24.33 96.75 59.77l48.01-48.01c-31.31-46.94-84.85-77.78-145.57-77.51-96.25.44-174.4 80.08-173.09 176.33 1.28 94.95 78.65 171.51 173.9 171.51 60.49 0 113.77-30.89 144.93-77.76l-48.04-48.04Z"/><path fill="#fff" d="M320.115 257.376c-.92-.92-.92-2.41 0-3.32l36.3-36.3c-9.38-21.21-26.31-38.31-47.39-47.92l-84.21 84.21c-.92.91-.92 2.4 0 3.32l84.5 84.5c21.05-9.67 37.93-26.83 47.23-48.07l-36.43-36.43"/></svg>

package/customreactselect.Hnch9LGg.js

@@ -0,0 +1,14 @@
+"use client";
+import "react/jsx-runtime";
+import "./chunks/index.CgTHIF3K.js";
+import "./chunks/index.CEyLAtio.js";
+import "react";
+import { c as u } from "./chunks/CustomReactSelect.iE5iTdez.js";
+import "./chunks/useBreakpoint.CMOR9ZOB.js";
+import "./asterisk.CR60hx8S.js";
+import "./chunks/Icon.DGTYCv63.js";
+import "./chunks/SystemFeedback.B9f67mjJ.js";
+import "./optioncheckbox.D97W3zeW.js";
+export {
+  u as CustomReactSelect
+};

package/customreactselect.d.ts

@@ -1 +1,2 @@
-export * from './components/CustomReactSelect/CustomReactSelect'
+export * from './components/Combobox/CustomReactSelect/CustomReactSelect'
+export {}

package/dialog.7sWoqGwL.js

@@ -0,0 +1,10 @@
+"use client";
+import "react/jsx-runtime";
+import "./chunks/index.CgTHIF3K.js";
+import "./chunks/index.CEyLAtio.js";
+import "react";
+import "./chunks/Button.B7xF1E19.js";
+import { D } from "./chunks/Dialog.B_2pKRnd.js";
+export {
+  D as DSDialog
+};

package/dialog.d.ts

@@ -0,0 +1,2 @@
+export * from './components/Dialog/Dialog'
+export {}

package/drawer.DsF4KIPn.js

@@ -0,0 +1,10 @@
+"use client";
+import "react/jsx-runtime";
+import "./chunks/index.CgTHIF3K.js";
+import "./chunks/index.CEyLAtio.js";
+import "react";
+import "./chunks/Button.B7xF1E19.js";
+import { D } from "./chunks/Drawer.HFlBTcqN.js";
+export {
+  D as DSDrawer
+};

package/drawer.d.ts

@@ -0,0 +1,2 @@
+export * from './components/Drawer/Drawer'
+export {}

package/fieldset.DUFUMcT-.js

@@ -0,0 +1,11 @@
+"use client";
+import "react/jsx-runtime";
+import "./chunks/index.CEyLAtio.js";
+import "react";
+import "./asterisk.CR60hx8S.js";
+import "./heading.BXFBZhKv.js";
+import "./chunks/SystemFeedback.B9f67mjJ.js";
+import { D as l } from "./chunks/Fieldset.CjIfmN_5.js";
+export {
+  l as DSFieldset
+};

package/fieldset.d.ts

@@ -1 +1,2 @@
 export * from './components/Fieldset/Fieldset'
+export {}

package/filelist.d.ts

@@ -0,0 +1,2 @@
+export * from './components/FileList/FileList'
+export {}