@ldkj/web-ui 0.11.1 → 0.12.0

package/components/form/checkbox/CheckboxGroup.d.ts

@@ -0,0 +1,43 @@
+import * as React from "react";
+import { type SxProps } from "@/styling";
+import { type CheckboxProps } from "./Checkbox";
+type CheckboxGroupGapPreset = "xs" | "sm" | "md" | "lg";
+type CheckboxGroupGap = CheckboxGroupGapPreset | number | string;
+export type CheckboxGroupOption = {
+    label: React.ReactNode;
+    value: string;
+    disabled?: boolean;
+    description?: React.ReactNode;
+    className?: string;
+    checkboxProps?: Omit<CheckboxProps, "checked" | "defaultChecked" | "disabled" | "name" | "onCheckedChange" | "value">;
+};
+type CheckboxGroupBaseProps = Omit<React.ComponentPropsWithoutRef<"div">, "children" | "defaultValue" | "onChange"> & {
+    class?: string;
+    disabled?: boolean;
+    direction?: "horizontal" | "vertical";
+    gap?: CheckboxGroupGap;
+    name?: string;
+    options: CheckboxGroupOption[];
+    sx?: SxProps;
+};
+export type CheckboxGroupMultipleProps = CheckboxGroupBaseProps & {
+    type?: "multiple";
+    value?: string[];
+    defaultValue?: string[];
+    onChange?: (value: string[]) => void;
+};
+export type CheckboxGroupSingleProps = CheckboxGroupBaseProps & {
+    type: "single";
+    value?: string;
+    defaultValue?: string;
+    onChange?: (value: string | undefined) => void;
+};
+export type CheckboxGroupProps = CheckboxGroupMultipleProps | CheckboxGroupSingleProps;
+/**
+ * CheckboxGroup 管理一组选项的选择状态，支持多选、单选和原生表单提交。
+ */
+export declare function CheckboxGroup(props: CheckboxGroupProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace CheckboxGroup {
+    var displayName: string;
+}
+export {};

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

@@ -1 +1,2 @@
 export * from "./Checkbox";
+export * from "./CheckboxGroup";

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

@@ -0,0 +1 @@
+export * from "./input";

package/components/form/input/input.d.ts

@@ -0,0 +1,14 @@
+import * as React from "react";
+import { type SxProps } from "@/styling";
+export type InputProps = React.ComponentPropsWithoutRef<"input"> & {
+    class?: string;
+    sx?: SxProps;
+};
+/**
+ * Input 是基础文本输入框组件，支持原生 input 属性、`class` 别名与本库 `sx` 样式系统。
+ */
+declare const Input: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & {
+    class?: string;
+    sx?: SxProps;
+} & React.RefAttributes<HTMLInputElement>>;
+export { Input };