@nurihaus/web-design-system 1.4.45 → 1.4.47

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

@@ -1,7 +1,7 @@
 import { CSSProperties, ReactNode } from 'react';
 import { size } from './drop-down-props';
 export interface DropDownProps {
-    size?: typeof size;
+    size?: (typeof size)[number];
     defaultValue?: string;
     value?: string;
     onValueChange?: (value: string) => void;

package/dist/components/tabs/base-tabs.d.ts

@@ -0,0 +1,11 @@
+import { PropsWithChildren } from 'react';
+import { TabsContentProps, TabsIndicatorProps, TabsListProps, TabsRootProps, TabsTriggerProps } from './tabs-type';
+declare const TabsRoot: {
+    (props: PropsWithChildren<TabsRootProps>): import("react/jsx-runtime").JSX.Element;
+    List: (props: PropsWithChildren<TabsListProps>) => import("react/jsx-runtime").JSX.Element;
+    Trigger: (props: PropsWithChildren<TabsTriggerProps>) => import("react/jsx-runtime").JSX.Element;
+    Content: (props: PropsWithChildren<TabsContentProps>) => import("react/jsx-runtime").JSX.Element;
+    Indicator: (props: TabsIndicatorProps) => import("react/jsx-runtime").JSX.Element;
+};
+export default TabsRoot;
+export type { TabsRootProps, TabsListProps, TabsTriggerProps, TabsContentProps, TabsIndicatorProps };

package/dist/components/tabs/tabs-props.d.ts

@@ -0,0 +1,9 @@
+export declare const variant: readonly ["underline", "filled"];
+export declare const tabsSingleProps: {
+    variant: {
+        type: "className";
+        className: string;
+        values: readonly ["underline", "filled"];
+        default: "underline";
+    };
+};

package/dist/components/tabs/tabs-type.d.ts

@@ -0,0 +1,40 @@
+import type { ComponentPropsWithRef, ReactNode, CSSProperties } from 'react';
+export type TabsValue = string | null;
+export type TabsVariant = 'underline' | 'filled';
+export interface TabsItem {
+    id: string;
+    label: ReactNode;
+    content: ReactNode;
+    disabled?: boolean;
+    leftIcon?: ReactNode;
+}
+export interface TabsProps {
+    items: TabsItem[];
+    variant?: TabsVariant;
+    value?: TabsValue;
+    defaultValue?: TabsValue;
+    onValueChange?: (id: TabsValue) => void;
+    className?: string;
+    style?: CSSProperties;
+}
+export interface TabsRootProps {
+    value?: TabsValue;
+    defaultValue?: TabsValue;
+    onValueChange?: (id: TabsValue) => void;
+    className?: string;
+}
+export interface TabsListProps extends ComponentPropsWithRef<'div'> {
+    asChild?: boolean;
+}
+export interface TabsTriggerProps extends Omit<ComponentPropsWithRef<'button'>, 'value'> {
+    asChild?: boolean;
+    id: string;
+    disabled?: boolean;
+}
+export interface TabsContentProps extends Omit<ComponentPropsWithRef<'div'>, 'value'> {
+    asChild?: boolean;
+    id: string;
+}
+export interface TabsIndicatorProps extends ComponentPropsWithRef<'div'> {
+    asChild?: boolean;
+}

package/dist/components/tabs/tabs.d.ts

@@ -0,0 +1,7 @@
+import type { TabsProps } from './tabs-type';
+import '../../styles/token/color.css';
+import '../../styles/token/font.css';
+import './tabs-style.css';
+declare const Tabs: (props: TabsProps) => import("react/jsx-runtime").JSX.Element;
+export default Tabs;
+export type { TabsProps };

package/dist/components/tabs/tabs.stories.d.ts

@@ -0,0 +1,23 @@
+import type { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: (props: import("./tabs-type").TabsProps) => import("react/jsx-runtime").JSX.Element;
+    args: {
+        variant: "underline";
+        defaultValue: string;
+        items: ({
+            id: string;
+            label: string;
+            content: import("react/jsx-runtime").JSX.Element;
+            leftIcon: import("react/jsx-runtime").JSX.Element;
+        } | {
+            id: string;
+            label: string;
+            content: import("react/jsx-runtime").JSX.Element;
+            leftIcon?: undefined;
+        })[];
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;