@nurihaus/web-design-system 1.1.28 → 1.1.30

package/dist/components/check-box/base-check-box.d.ts

@@ -0,0 +1,9 @@
+import { PropsWithChildren } from "react";
+import "./check-box-style.css";
+import { CheckBoxInputProps, CheckBoxLabelProps, CheckBoxProps } from "./check-box-type";
+declare const CheckBoxRoot: {
+    (props: PropsWithChildren<CheckBoxProps>): import("react/jsx-runtime").JSX.Element;
+    Label: (props: PropsWithChildren<CheckBoxLabelProps>) => import("react/jsx-runtime").JSX.Element;
+    Input: (props: PropsWithChildren<CheckBoxInputProps>) => import("react/jsx-runtime").JSX.Element;
+};
+export default CheckBoxRoot;

package/dist/components/check-box/check-box-type.d.ts

@@ -0,0 +1,13 @@
+import { ComponentPropsWithRef } from "react";
+export interface CheckBoxProps {
+    checked?: boolean;
+    onChange?: (checked: boolean) => void;
+    id: string;
+    disabled?: boolean;
+}
+export interface CheckBoxInputProps extends ComponentPropsWithRef<"input"> {
+    asChild?: boolean;
+}
+export interface CheckBoxLabelProps {
+    asChild?: boolean;
+}

package/dist/components/check-box/check-box.d.ts

@@ -0,0 +1,8 @@
+import "./check-box-style.css";
+import "../../styles/token/color.css";
+import "../../styles/token/font.css";
+import { CheckBoxProps } from "./check-box-type";
+declare const CheckBox: (props: CheckBoxProps & {
+    label: string;
+}) => import("react/jsx-runtime").JSX.Element;
+export default CheckBox;

package/dist/components/check-box/check-box.stories.d.ts

@@ -0,0 +1,11 @@
+import { StoryObj } from "@storybook/react/*";
+import CheckBox from "./check-box";
+declare const meta: {
+    title: string;
+    component: (props: import("./check-box-type").CheckBoxProps & {
+        label: string;
+    }) => import("react/jsx-runtime").JSX.Element;
+};
+export default meta;
+type Story = StoryObj<typeof CheckBox>;
+export declare const Default: Story;

package/dist/components/core/composer/index.d.ts

@@ -1,7 +1,6 @@
-import * as React from "react";
 interface ComposerProps extends React.HTMLAttributes<HTMLElement> {
     children?: React.ReactNode;
 }
-declare const Composer: React.ForwardRefExoticComponent<ComposerProps & React.RefAttributes<HTMLElement>>;
+declare const Composer: import("react").ForwardRefExoticComponent<ComposerProps & import("react").RefAttributes<HTMLElement>>;
 export type { ComposerProps };
 export default Composer;

package/dist/components/elements/text/text-type.d.ts

@@ -0,0 +1,16 @@
+import { CSSProperties, HTMLAttributes } from "react";
+import { colors } from "../../../styles/token/colors";
+export interface TextProps extends HTMLAttributes<HTMLElement> {
+    text: string;
+    size: "xsm" | "sm" | "base" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl";
+    weight: "regular" | "medium" | "semibold" | "bold" | "extrabold";
+    color?: keyof typeof colors;
+    textDecoration?: CSSProperties["textDecoration"];
+    textAlign?: CSSProperties["textAlign"];
+    wordBreak?: CSSProperties["wordBreak"];
+    whiteSpace?: CSSProperties["whiteSpace"];
+    as?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span" | "strong";
+}
+export interface TextWithBoldProps extends TextProps {
+    boldText: string;
+}

package/dist/components/elements/text/text-with-bold.d.ts

@@ -0,0 +1,2 @@
+declare const TextWithBold: () => import("react/jsx-runtime").JSX.Element;
+export default TextWithBold;

package/dist/components/elements/text/text.d.ts

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

package/dist/components/elements/text/text.stories.d.ts

@@ -0,0 +1,9 @@
+import { StoryObj } from "@storybook/react/*";
+declare const meta: {
+    title: string;
+    component: (props: import("./text-type").TextProps) => import("react/jsx-runtime").JSX.Element;
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Bold: Story;

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

@@ -0,0 +1,12 @@
+import { PropsWithChildren } from "react";
+import { RadioButtonProps, RadioIndicatorProps, RadioLabelProps, RadioOptionGroupProps, RadioRootProps } from "./radio-type";
+import "../../styles/token/color.css";
+import "../../styles/token/font.css";
+declare const RadioRoot: {
+    (props: PropsWithChildren<RadioRootProps>): import("react/jsx-runtime").JSX.Element;
+    Indicator: (props: PropsWithChildren<RadioIndicatorProps>) => import("react/jsx-runtime").JSX.Element;
+    Label: (props: PropsWithChildren<RadioLabelProps>) => import("react/jsx-runtime").JSX.Element;
+    OptionGroup: (props: PropsWithChildren<RadioOptionGroupProps>) => import("react/jsx-runtime").JSX.Element;
+    Button: (props: PropsWithChildren<RadioButtonProps>) => import("react/jsx-runtime").JSX.Element;
+};
+export default RadioRoot;

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

@@ -0,0 +1,25 @@
+import { HTMLAttributes } from "react";
+import { ComponentPropsWithRef } from "react";
+export interface RadioRootProps {
+    options: {
+        id: string;
+        label: string;
+    }[];
+    selected?: null | string;
+    onChange?: (id: string | null) => void;
+}
+export interface RadioOptionGroupProps extends ComponentPropsWithRef<"ul"> {
+    asChild?: boolean;
+}
+export interface RadioLabelProps extends ComponentPropsWithRef<"label"> {
+    asChild?: boolean;
+    id: string;
+}
+export interface RadioButtonProps extends ComponentPropsWithRef<"div"> {
+    asChild?: boolean;
+    id: string;
+}
+export interface RadioIndicatorProps extends HTMLAttributes<HTMLDivElement> {
+    asChild?: boolean;
+    id: string;
+}

package/dist/components/radio/radio.d.ts

@@ -0,0 +1,4 @@
+import { RadioRootProps } from "./radio-type";
+import "./radio-style.css";
+declare const Radio: (props: RadioRootProps) => import("react/jsx-runtime").JSX.Element;
+export default Radio;

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

@@ -0,0 +1,9 @@
+import { StoryObj } from "@storybook/react/*";
+import Radio from "./radio";
+declare const meta: {
+    title: string;
+    component: (props: import("./radio-type").RadioRootProps) => import("react/jsx-runtime").JSX.Element;
+};
+export default meta;
+type Story = StoryObj<typeof Radio>;
+export declare const Default: Story;

package/dist/helpers/hooks/useExternalState.d.ts

@@ -0,0 +1,7 @@
+interface ExternalStateType<T> {
+    prop?: T | null;
+    handler?: (state: T) => void;
+    defaultProp: T;
+}
+export declare const useExternalState: <T>({ prop, handler, defaultProp, }: ExternalStateType<T>) => readonly [T, (handledValue: T | ((prevState: T) => T)) => void];
+export {};

package/dist/index.d.ts

@@ -6,3 +6,5 @@ export { default as IconTextOptionBadge } from "./components/badge/icon-text-opt
 export { default as DataTable } from "./components/table/data-table";
 export { default as TextField } from "./components/text-field/text-field";
 export { default as TextFieldWithError } from "./components/text-field/text-field-with-error";
+export { default as Radio } from "./components/radio/radio";
+export { default as Checkbox } from "./components/check-box/check-box";