@nurihaus/web-design-system 1.3.16 → 1.4.0

package/dist/components/drop-down/base-drop-down.d.ts

@@ -0,0 +1,10 @@
+import { PropsWithChildren } from 'react';
+import { DropDownContentProps, DropDownItemProps, DropDownRootProps, DropDownTriggerProps, DropDownValueProps } from './drop-down-type';
+declare const DropDownRoot: {
+    (props: PropsWithChildren<DropDownRootProps>): import("react/jsx-runtime").JSX.Element;
+    Trigger: (props: PropsWithChildren<DropDownTriggerProps>) => import("react/jsx-runtime").JSX.Element;
+    Value: import("react").ForwardRefExoticComponent<DropDownValueProps & import("react").RefAttributes<HTMLSpanElement>>;
+    Content: (props: PropsWithChildren<DropDownContentProps>) => import("react/jsx-runtime").JSX.Element;
+    Item: (props: PropsWithChildren<DropDownItemProps>) => import("react/jsx-runtime").JSX.Element;
+};
+export default DropDownRoot;

package/dist/components/drop-down/drop-down-props.d.ts

@@ -0,0 +1,14 @@
+export declare const size: readonly ["m", "l"];
+export declare const dropDownSingleProps: {
+    size: {
+        type: "className";
+        className: string;
+        values: readonly ["m", "l"];
+        default: "m";
+    };
+    width: {
+        type: "css";
+        key: "width";
+        default: string;
+    };
+};

package/dist/components/drop-down/drop-down-type.d.ts

@@ -0,0 +1,35 @@
+import { CSSProperties, ReactNode } from 'react';
+export interface DropDownRootProps {
+    defaultOpen?: boolean;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    defaultValue?: string;
+    value?: string;
+    onValueChange?: (value: string) => void;
+    disabled?: boolean;
+}
+export interface DropDownTriggerProps {
+    asChild?: boolean;
+    className?: string;
+    style?: CSSProperties;
+}
+export interface DropDownValueProps {
+    asChild?: boolean;
+    defaultValue?: string;
+    className?: string;
+    placeholder?: string;
+    renderedValue?: ReactNode;
+}
+export interface DropDownContentProps {
+    asChild?: boolean;
+    className?: string;
+    direction?: 'top' | 'bottom' | 'left' | 'right';
+    style?: CSSProperties;
+}
+export interface DropDownItemProps {
+    asChild?: boolean;
+    className?: string;
+    value: string;
+    disabled?: boolean;
+    onClick?: () => void;
+}

package/dist/components/drop-down/drop-down.d.ts

@@ -0,0 +1,26 @@
+import { CSSProperties, ReactNode } from 'react';
+import { size } from './drop-down-props';
+export interface DropDownProps {
+    size?: typeof size;
+    defaultValue?: string;
+    value?: string;
+    onValueChange?: (value: string) => void;
+    renderValue?: (value?: string) => ReactNode;
+    options: {
+        label: ReactNode;
+        value: string;
+        disabled?: boolean;
+    }[];
+    renderOption?: () => ReactNode;
+    placeholder?: string;
+    disabled?: boolean;
+    defaultOpen?: boolean;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    icon?: ReactNode;
+    width?: string;
+    style?: CSSProperties;
+    className?: string;
+}
+declare const DropDown: import("react").ForwardRefExoticComponent<DropDownProps & import("react").RefAttributes<HTMLDivElement>>;
+export default DropDown;

package/dist/components/drop-down/drop-down.stories.d.ts

@@ -0,0 +1,9 @@
+import { StoryObj } from '@storybook/react/*';
+import DropDown from './drop-down';
+declare const meta: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<import("./drop-down").DropDownProps & import("react").RefAttributes<HTMLDivElement>>;
+};
+export default meta;
+type Story = StoryObj<typeof DropDown>;
+export declare const Default: Story;