@xmart/xorder-ui 0.0.21

package/dist/components/button/button.css.d.ts

@@ -0,0 +1,5 @@
+export declare const root: string;
+export declare const outlined: string;
+export declare const white: string;
+export declare const loading: string;
+export declare const section: string;

package/dist/components/button/button.d.ts

@@ -0,0 +1,43 @@
+import { ComponentPropsWithRef, ReactNode } from 'react';
+type ButtonOwnProps = {
+    /**
+     * trueの場合、ボタンのレンダリングを子要素に委譲します
+     */
+    asChild?: boolean;
+    /**
+     * ボタンテキストのフォントウェイトを制御します
+     * @default filledとoutlinedバリアントでは'bold'、whiteバリアントでは'normal'
+     */
+    bold?: 'bold' | 'normal';
+    /**
+     * ボタンの幅を親要素の幅に合わせて100%にします
+     */
+    fullWidth?: boolean;
+    /**
+     * ボタンの左側に表示するコンテンツ（アイコンなど）
+     */
+    leftSection?: ReactNode;
+    /**
+     * trueの場合、ローディングスピナーを表示し、操作を防止します
+     */
+    loading?: boolean;
+    /**
+     * ボタンの右側に表示するコンテンツ（アイコンなど）
+     */
+    rightSection?: ReactNode;
+    /**
+     * ボタンのサイズを制御します
+     * @default 'md'
+     */
+    size?: 'sm' | 'md' | 'lg';
+    /**
+     * ボタンの視覚的なスタイルを制御します
+     * @default 'filled'
+     */
+    variant?: 'filled' | 'outlined' | 'white';
+};
+interface ButtonProps extends ComponentPropsWithRef<'button'>, ButtonOwnProps {
+}
+declare const Button: import('react').ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
+export { Button };
+export type { ButtonProps };

package/dist/components/button/button.test.d.ts

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

package/dist/components/button/index.d.ts

@@ -0,0 +1 @@
+export { Button, type ButtonProps } from './button';

package/dist/components/icon-button/icon-button.css.d.ts

@@ -0,0 +1,5 @@
+declare const defaultColorTheme: string;
+export declare const root: string;
+export declare const variants: Record<"filled" | "outlined" | "borderless", string>;
+export declare const loading: string;
+export { defaultColorTheme };

package/dist/components/icon-button/icon-button.d.ts

@@ -0,0 +1,20 @@
+import { ComponentPropsWithoutRef } from 'react';
+type ButtonOwnProps = {
+    /**
+     * trueの場合、ボタンのレンダリングを子要素に委譲します
+     */
+    asChild?: boolean;
+    /**
+     * trueの場合、ローディングスピナーを表示し、操作を防止します
+     */
+    loading?: boolean;
+    /**
+     * ボタンの視覚的なスタイルを制御します
+     * @default 'borderless'
+     */
+    variant?: 'borderless' | 'outlined' | 'filled';
+};
+type IconButtonProps = Omit<ComponentPropsWithoutRef<'button'>, keyof ButtonOwnProps> & ButtonOwnProps;
+declare const IconButton: import('react').ForwardRefExoticComponent<Omit<Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, keyof ButtonOwnProps> & ButtonOwnProps & import('react').RefAttributes<HTMLButtonElement>>;
+export { IconButton };
+export type { IconButtonProps };

package/dist/components/icon-button/icon-button.test.d.ts

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

package/dist/components/icon-button/index.d.ts

@@ -0,0 +1 @@
+export { IconButton, type IconButtonProps } from './icon-button';

package/dist/components/index.d.ts

@@ -0,0 +1,8 @@
+export { Button, type ButtonProps } from './button';
+export { IconButton, type IconButtonProps } from './icon-button';
+export { Input, type InputProps } from './input';
+export { RadioGroup, RadioGroupItem, type RadioGroupItemProps, RadioGroupRoot, type RadioGroupRootProps } from './radio-group';
+export { SelectBox, type SelectBoxOption, type SelectBoxProps } from './select-box';
+export { Spinner, type SpinnerProps } from './spinner';
+export { Switch, type SwitchProps } from './switch';
+export { Tag, type TagProps } from './tag';

package/dist/components/input/components/InputClearButton/InputClearButton.css.d.ts

@@ -0,0 +1 @@
+export declare const root: string;

package/dist/components/input/components/InputClearButton/InputClearButton.d.ts

@@ -0,0 +1,8 @@
+import { ComponentPropsWithRef } from 'react';
+type InputClearButtonProps = ComponentPropsWithRef<'button'>;
+declare const InputClearButton: {
+    ({ className, ...props }: InputClearButtonProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export { InputClearButton };
+export type { InputClearButtonProps };

package/dist/components/input/index.d.ts

@@ -0,0 +1 @@
+export { Input, type InputProps } from './input';

package/dist/components/input/input.css.d.ts

@@ -0,0 +1,4 @@
+export declare const root: string;
+export declare const input: string;
+export declare const leftSection: string;
+export declare const rightSection: string;

package/dist/components/input/input.d.ts

@@ -0,0 +1,37 @@
+import { ComponentPropsWithRef, ReactNode } from 'react';
+type InputOwnProps = {
+    /**
+     * クリアボタンを表示するかどうか
+     * @default false
+     */
+    clearable?: boolean;
+    /**
+     * エラー状態を表示するかどうか
+     * @default false
+     */
+    error?: boolean;
+    /**
+     * プレースホルダーテキスト
+     */
+    placeholder?: string;
+    /**
+     * 入力フィールドの左側に表示するコンテンツ（主にアイコン）
+     */
+    leftSection?: ReactNode;
+    /**
+     * 入力フィールドの右側に表示するコンテンツ（主にアイコン）
+     */
+    rightSection?: ReactNode;
+};
+interface InputProps extends Omit<ComponentPropsWithRef<'input'>, 'size'>, InputOwnProps {
+}
+declare const Input: {
+    ({ clearable, className: classNameProp, disabled, error, leftSection, placeholder, rightSection, value: valueProp, defaultValue, onChange: onChangeProp, ref, ...other }: InputProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+    ClearButton: {
+        ({ className, ...props }: import('./components/InputClearButton/InputClearButton').InputClearButtonProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+};
+export { Input };
+export type { InputProps };

package/dist/components/input/input.test.d.ts

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

package/dist/components/radio-group/index.d.ts

@@ -0,0 +1 @@
+export { RadioGroup, RadioGroupItem, type RadioGroupItemProps, RadioGroupRoot, type RadioGroupRootProps, } from './radio-group';

package/dist/components/radio-group/radio-group.css.d.ts

@@ -0,0 +1,6 @@
+export declare const root: string;
+export declare const horizontal: string;
+export declare const item: string;
+export declare const indicator: string;
+export declare const indicatorInner: string;
+export declare const label: string;

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

@@ -0,0 +1,34 @@
+import { ComponentPropsWithoutRef, ReactNode } from 'react';
+import * as RadixRadioGroup from '@radix-ui/react-radio-group';
+type RadioGroupRootOwnProps = {
+    /**
+     * ラジオグループの値が変更されたときに呼び出されるコールバック関数
+     * @param value 選択された値
+     */
+    onChange?: (value: string) => void;
+    /**
+     * ラジオグループの方向を制御します
+     * @default 'vertical'
+     */
+    orientation?: 'horizontal' | 'vertical';
+};
+type RadioGroupRootProps = Omit<ComponentPropsWithoutRef<typeof RadixRadioGroup.Root>, 'onValueChange' | keyof RadioGroupRootOwnProps> & RadioGroupRootOwnProps;
+declare const RadioGroupRoot: import('react').ForwardRefExoticComponent<Omit<Omit<RadixRadioGroup.RadioGroupProps & import('react').RefAttributes<HTMLDivElement>, "ref">, "onValueChange" | keyof RadioGroupRootOwnProps> & RadioGroupRootOwnProps & import('react').RefAttributes<HTMLDivElement>>;
+type RadioGroupItemOwnProps = {
+    /**
+     * trueの場合、ラジオボタンのレンダリングを子要素に委譲します
+     */
+    asChild?: boolean;
+    /**
+     * ラジオボタンの子要素
+     */
+    children?: ReactNode;
+};
+type RadioGroupItemProps = ComponentPropsWithoutRef<typeof RadixRadioGroup.Item> & RadioGroupItemOwnProps;
+declare const RadioGroupItem: import('react').ForwardRefExoticComponent<Omit<RadixRadioGroup.RadioGroupItemProps & import('react').RefAttributes<HTMLButtonElement>, "ref"> & RadioGroupItemOwnProps & import('react').RefAttributes<HTMLButtonElement>>;
+declare const RadioGroup: {
+    Root: import('react').ForwardRefExoticComponent<Omit<Omit<RadixRadioGroup.RadioGroupProps & import('react').RefAttributes<HTMLDivElement>, "ref">, "onValueChange" | keyof RadioGroupRootOwnProps> & RadioGroupRootOwnProps & import('react').RefAttributes<HTMLDivElement>>;
+    Item: import('react').ForwardRefExoticComponent<Omit<RadixRadioGroup.RadioGroupItemProps & import('react').RefAttributes<HTMLButtonElement>, "ref"> & RadioGroupItemOwnProps & import('react').RefAttributes<HTMLButtonElement>>;
+};
+export { RadioGroup, RadioGroupItem, RadioGroupRoot };
+export type { RadioGroupItemProps, RadioGroupRootProps };

package/dist/components/radio-group/radio-group.test.d.ts

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

package/dist/components/select-box/index.d.ts

@@ -0,0 +1 @@
+export { SelectBox, type SelectBoxOption, type SelectBoxProps } from './select-box';

package/dist/components/select-box/select-box.css.d.ts

@@ -0,0 +1,6 @@
+export declare const root: string;
+export declare const trigger: string;
+export declare const icon: string;
+export declare const content: string;
+export declare const viewport: string;
+export declare const item: string;

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

@@ -0,0 +1,53 @@
+import { ComponentPropsWithRef } from 'react';
+import * as Select from '@radix-ui/react-select';
+export type SelectBoxOption = {
+    label: string;
+    value: string;
+    disabled?: boolean;
+};
+type SelectBoxOwnProps = {
+    /**
+     * カスタムクラス名
+     */
+    className?: string;
+    /**
+     * エラー状態を表示するかどうか
+     * @default false
+     */
+    error?: boolean;
+    /**
+     * プレースホルダーテキスト
+     */
+    placeholder?: string;
+    /**
+     * 選択肢のリスト
+     */
+    options?: SelectBoxOption[];
+    /**
+     * 選択された値
+     */
+    value?: string;
+    /**
+     * デフォルトで選択される値
+     */
+    defaultValue?: string;
+    /**
+     * 値が変更されたときに呼ばれるコールバック
+     */
+    onValueChange?: (value: string) => void;
+    /**
+     * アクセシビリティラベル
+     */
+    ariaLabel?: string;
+    /**
+     * アクセシビリティラベルの参照ID
+     */
+    ariaLabelledby?: string;
+};
+type SelectBoxProps = Omit<ComponentPropsWithRef<typeof Select.Root>, keyof SelectBoxOwnProps> & SelectBoxOwnProps;
+declare const SelectBox: {
+    ({ className: classNameProp, disabled, error, placeholder, options, value, defaultValue, onValueChange, ariaLabel, ariaLabelledby, ...other }: SelectBoxProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export { SelectBox };
+export type { SelectBoxProps };

package/dist/components/select-box/select-box.test.d.ts

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

package/dist/components/spinner/index.d.ts

@@ -0,0 +1 @@
+export { Spinner, type SpinnerProps } from './spinner';

package/dist/components/spinner/spinner.css.d.ts

@@ -0,0 +1,3 @@
+export declare const loaderSize: `var(--${string})`;
+export declare const loaderColor: `var(--${string})`;
+export declare const root: string;

package/dist/components/spinner/spinner.d.ts

@@ -0,0 +1,9 @@
+import { ComponentPropsWithoutRef } from 'react';
+type SpinnerOwnProps = {
+    color?: string;
+    size?: string | number;
+};
+type SpinnerProps = ComponentPropsWithoutRef<'div'> & SpinnerOwnProps;
+declare const Spinner: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & SpinnerOwnProps & import('react').RefAttributes<HTMLDivElement>>;
+export { Spinner };
+export type { SpinnerProps };

package/dist/components/spinner/spinner.test.d.ts

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

package/dist/components/switch/index.d.ts

@@ -0,0 +1 @@
+export { Switch, type SwitchProps } from './switch';

package/dist/components/switch/switch.css.d.ts

@@ -0,0 +1,4 @@
+export declare const root: string;
+export declare const track: string;
+export declare const thumb: string;
+export declare const inLabel: string;

package/dist/components/switch/switch.d.ts

@@ -0,0 +1,33 @@
+import { ComponentPropsWithRef } from 'react';
+type SwitchOwnProps = {
+    /**
+     * ONの時に表示するラベル
+     */
+    onLabel?: string;
+    /**
+     * OFFの時に表示するラベル
+     */
+    offLabel?: string;
+    /**
+     * スイッチの状態（制御されたコンポーネント）
+     */
+    checked?: boolean;
+    /**
+     * スイッチの初期状態（非制御コンポーネント）
+     */
+    defaultChecked?: boolean;
+    /**
+     * スイッチが無効かどうか
+     */
+    disabled?: boolean;
+    /**
+     * スイッチの状態が変化した時のコールバック
+     * @param checked 新しい状態
+     * @return void
+     */
+    onCheckedChange?: (checked: boolean) => void;
+};
+export interface SwitchProps extends Omit<ComponentPropsWithRef<'button'>, 'size' | 'type' | 'onClick' | 'children'>, SwitchOwnProps {
+}
+export declare const Switch: import('react').ForwardRefExoticComponent<Omit<SwitchProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
+export {};

package/dist/components/switch/switch.test.d.ts

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

package/dist/components/tag/index.d.ts

@@ -0,0 +1 @@
+export { Tag, type TagProps } from './tag';

package/dist/components/tag/tag.css.d.ts

@@ -0,0 +1,8 @@
+declare const tagColor: `var(--${string})`;
+declare const tagBackgroundColor: `var(--${string})`;
+declare const tagBorderColor: `var(--${string})`;
+export declare const root: string;
+export declare const colorVariants: Record<"red" | "orange" | "green" | "blue" | "purple" | "orange-brown", string>;
+export declare const colorFilledVariants: Record<"red" | "orange" | "green" | "blue" | "purple" | "orange-brown", string>;
+export declare const colorOutlinedVariants: Record<"red" | "orange" | "green" | "blue" | "purple" | "orange-brown", string>;
+export { tagBackgroundColor, tagBorderColor, tagColor };

package/dist/components/tag/tag.d.ts

@@ -0,0 +1,25 @@
+import { ComponentPropsWithRef } from 'react';
+type TagOwnProps = {
+    /**
+     * プリセットカラー（デザインシステム定義色）
+     * presetとcolorの両方が指定された場合、presetが優先されます
+     */
+    preset?: 'green' | 'orange' | 'orange-brown' | 'purple' | 'red' | 'blue';
+    /**
+     * カスタムカラー（HEXカラーコード or HTML標準カラー名）
+     * 例: '#0066CC', 'red', 'blue'
+     */
+    color?: string;
+    /**
+     * タグのバリアント
+     * @default 'default'
+     */
+    variant?: 'default' | 'filled' | 'outlined';
+};
+type TagProps = ComponentPropsWithRef<'span'> & TagOwnProps;
+declare const Tag: {
+    (props: TagProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export { Tag };
+export type { TagProps };

package/dist/components/tag/tag.test.d.ts

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

package/dist/hooks/index.d.ts

@@ -0,0 +1 @@
+export { useUncontrolled } from './use-uncontrolled/use-uncontrolled';

package/dist/hooks/use-uncontrolled/use-uncontrolled.d.ts

@@ -0,0 +1,19 @@
+export interface UseUncontrolledOptions<T> {
+    /** Value for controlled state */
+    value?: T;
+    /** Initial value for uncontrolled state */
+    defaultValue?: T;
+    /** Final value for uncontrolled state when value and defaultValue are not provided */
+    finalValue?: T;
+    /** Controlled state onChange handler */
+    onChange?: (value: T, ...payload: unknown[]) => void;
+}
+export type UseUncontrolledReturnValue<T> = [
+    /** Current value */
+    T,
+    /** Handler to update the state, passes `value` and `payload` to `onChange` */
+    (value: T, ...payload: unknown[]) => void,
+    /** True if the state is controlled, false if uncontrolled */
+    boolean
+];
+export declare function useUncontrolled<T>({ value, defaultValue, finalValue, onChange, }: UseUncontrolledOptions<T>): UseUncontrolledReturnValue<T>;

package/dist/hooks/use-uncontrolled/use-uncontrolled.test.d.ts

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