@xmart/xorder-ui 0.4.0 → 0.5.0

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

@@ -0,0 +1,5 @@
+export declare const box: string;
+export declare const control: string;
+export declare const indicator: string;
+export declare const checkIcon: string;
+export declare const label: string;

package/dist/components/checkbox/checkbox.d.ts

@@ -0,0 +1,25 @@
+import { Checkbox as BaseUICheckbox } from '@base-ui/react/checkbox';
+import { ComponentPropsWithRef, ReactNode } from 'react';
+type CheckboxOwnProps = {
+    /**
+     * チェック状態が変化した時のコールバック
+     * @param checked 新しい状態
+     */
+    onCheckedChange?: (checked: boolean) => void;
+};
+export type CheckboxProps = Omit<BaseUICheckbox.Root.Props, 'children' | 'indeterminate' | 'onCheckedChange'> & CheckboxOwnProps;
+export declare const Checkbox: {
+    (props: CheckboxProps): import("react").JSX.Element;
+    displayName: string;
+};
+export interface CheckboxLabelProps extends ComponentPropsWithRef<'label'> {
+    /**
+     * 通常 `<Checkbox />` とラベル文字列を含めます
+     */
+    children?: ReactNode;
+}
+export declare const CheckboxLabel: {
+    (props: CheckboxLabelProps): import("react").JSX.Element;
+    displayName: string;
+};
+export {};

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

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

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

@@ -0,0 +1 @@
+export { Checkbox, CheckboxLabel, type CheckboxLabelProps, type CheckboxProps } from './checkbox';

package/dist/components/index.d.ts

@@ -1,5 +1,6 @@
 export { Alert, type AlertProps, type AlertVariant } from './alert';
 export { Button, type ButtonProps } from './button';
+export { Checkbox, CheckboxLabel, type CheckboxLabelProps, type CheckboxProps } from './checkbox';
 export { IconButton, type IconButtonProps } from './icon-button';
 export { Input, type InputProps } from './input';
 export { Modal, type ModalBodyProps, type ModalCloseProps, type ModalFooterActionsActionWidth, type ModalFooterActionsAlign, type ModalFooterActionsProps, type ModalFooterProps, type ModalHeaderProps, type ModalProps, type ModalTitleProps, } from './modal';

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

@@ -1,5 +1,4 @@
 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;

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

@@ -1,34 +1,31 @@
-import { ComponentPropsWithoutRef, ReactNode } from 'react';
-import * as RadixRadioGroup from '@radix-ui/react-radio-group';
+import { Radio } from '@base-ui/react/radio';
+import { RadioGroup as BaseUIRadioGroup } from '@base-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 RadioGroupRootProps<TValue> = BaseUIRadioGroup.Props<TValue> & RadioGroupRootOwnProps;
+declare const RadioGroupRoot: {
+    <TValue>(props: RadioGroupRootProps<TValue>): import("react").JSX.Element;
+    displayName: string;
+};
+type RadioGroupItemProps<TValue> = Radio.Root.Props<TValue>;
+declare const RadioGroupItem: {
+    <TValue>(props: RadioGroupItemProps<TValue>): import("react").JSX.Element;
+    displayName: string;
 };
-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>>;
+    Root: {
+        <TValue>(props: RadioGroupRootProps<TValue>): import("react").JSX.Element;
+        displayName: string;
+    };
+    Item: {
+        <TValue>(props: RadioGroupItemProps<TValue>): import("react").JSX.Element;
+        displayName: string;
+    };
 };
 export { RadioGroup, RadioGroupItem, RadioGroupRoot };
 export type { RadioGroupItemProps, RadioGroupRootProps };

package/dist/index.d.ts

@@ -1,2 +1,2 @@
-export { Alert, type AlertProps, type AlertVariant, Button, type ButtonProps, IconButton, type IconButtonProps, Input, type InputProps, Modal, type ModalBodyProps, type ModalCloseProps, type ModalFooterActionsActionWidth, type ModalFooterActionsAlign, type ModalFooterActionsProps, type ModalFooterProps, type ModalHeaderProps, type ModalProps, type ModalTitleProps, RadioGroup, RadioGroupItem, type RadioGroupItemProps, RadioGroupRoot, type RadioGroupRootProps, SelectBox, type SelectBoxOption, type SelectBoxProps, Spinner, type SpinnerProps, Switch, type SwitchProps, Tag, type TagProps, Textarea, type TextareaProps, Text, type TextFontSize, type TextFontWeight, type TextForeground, type TextProps, } from './components';
+export { Alert, type AlertProps, type AlertVariant, Button, type ButtonProps, Checkbox, CheckboxLabel, type CheckboxLabelProps, type CheckboxProps, IconButton, type IconButtonProps, Input, type InputProps, Modal, type ModalBodyProps, type ModalCloseProps, type ModalFooterActionsActionWidth, type ModalFooterActionsAlign, type ModalFooterActionsProps, type ModalFooterProps, type ModalHeaderProps, type ModalProps, type ModalTitleProps, RadioGroup, RadioGroupItem, type RadioGroupItemProps, RadioGroupRoot, type RadioGroupRootProps, SelectBox, type SelectBoxOption, type SelectBoxProps, Spinner, type SpinnerProps, Switch, type SwitchProps, Tag, type TagProps, Textarea, type TextareaProps, Text, type TextFontSize, type TextFontWeight, type TextForeground, type TextProps, } from './components';
 export { primitive, semantic } from './styles/tokens';