@blenx-dev/components 0.0.0

package/dist/src/components/Combobox/combobox.d.ts

@@ -0,0 +1,52 @@
+import { Combobox as ComboboxPrimitive } from '@base-ui/react/combobox';
+import * as React from "react";
+type InputSize = "sm" | "default" | "lg" | number;
+export declare const ComboboxContext: React.Context<{
+    chipsRef: React.RefObject<Element | null> | null;
+    multiple: boolean;
+}>;
+export declare function Combobox<Value, Multiple extends boolean | undefined = false>(props: ComboboxPrimitive.Root.Props<Value, Multiple>): React.ReactElement;
+export declare function ComboboxChipsInput({ size, className, ...props }: ComboboxPrimitive.Input.Props & {
+    size?: InputSize;
+    ref?: React.Ref<HTMLInputElement>;
+}): React.ReactElement;
+type ComboboxTriggerProps = ComboboxPrimitive.Trigger.Props;
+export declare function ComboboxTrigger({ className, ...props }: ComboboxTriggerProps): React.ReactElement;
+type ComboboxClearProps = ComboboxPrimitive.Clear.Props;
+export declare function ComboboxClear({ className, children, ...props }: ComboboxClearProps): React.ReactElement;
+export declare function ComboboxInput({ showTrigger, showClear, startAddon: startAddonNode, size, triggerProps, clearProps, render: renderProp, className, ...props }: Omit<ComboboxPrimitive.Input.Props, "size"> & {
+    showTrigger?: boolean;
+    showClear?: boolean;
+    startAddon?: React.ReactNode;
+    size?: InputSize;
+    ref?: React.Ref<HTMLInputElement>;
+    triggerProps?: ComboboxPrimitive.Trigger.Props;
+    clearProps?: ComboboxPrimitive.Clear.Props;
+}): React.ReactElement;
+export declare function ComboboxPopup({ children, side, sideOffset, alignOffset, align, anchor: anchorProp, portalProps, className, ...props }: ComboboxPrimitive.Popup.Props & {
+    align?: ComboboxPrimitive.Positioner.Props["align"];
+    sideOffset?: ComboboxPrimitive.Positioner.Props["sideOffset"];
+    alignOffset?: ComboboxPrimitive.Positioner.Props["alignOffset"];
+    side?: ComboboxPrimitive.Positioner.Props["side"];
+    anchor?: ComboboxPrimitive.Positioner.Props["anchor"];
+    portalProps?: ComboboxPrimitive.Portal.Props;
+}): React.ReactElement;
+export declare function ComboboxItem({ children, className, ...props }: ComboboxPrimitive.Item.Props): React.ReactElement;
+export declare function ComboboxSeparator(props: ComboboxPrimitive.Separator.Props): React.ReactElement;
+export declare function ComboboxGroup(props: ComboboxPrimitive.Group.Props): React.ReactElement;
+export declare function ComboboxGroupLabel(props: ComboboxPrimitive.GroupLabel.Props): React.ReactElement;
+export declare function ComboboxEmpty(props: ComboboxPrimitive.Empty.Props): React.ReactElement;
+export declare function ComboboxRow(props: ComboboxPrimitive.Row.Props): React.ReactElement;
+export declare function ComboboxValue(props: ComboboxPrimitive.Value.Props): React.ReactElement;
+export declare function ComboboxList(props: ComboboxPrimitive.List.Props): React.ReactElement;
+export declare function ComboboxStatus(props: ComboboxPrimitive.Status.Props): React.ReactElement;
+export declare function ComboboxCollection(props: ComboboxPrimitive.Collection.Props): React.ReactElement;
+export declare function ComboboxChips({ children, startAddon: startAddonNode, className, ...props }: ComboboxPrimitive.Chips.Props & {
+    startAddon?: React.ReactNode;
+}): React.ReactElement;
+export declare function ComboboxChip({ children, removeProps, className, ...props }: ComboboxPrimitive.Chip.Props & {
+    removeProps?: ComboboxPrimitive.ChipRemove.Props;
+}): React.ReactElement;
+declare function ComboboxChipRemove({ className, ...props }: ComboboxPrimitive.ChipRemove.Props): React.ReactElement;
+export declare const useComboboxFilter: typeof ComboboxPrimitive.useFilter;
+export { ComboboxChipRemove };

package/dist/src/components/Combobox/index.d.ts

@@ -0,0 +1 @@
+export * from './combobox';

package/dist/src/components/Command/command.css.d.ts

@@ -0,0 +1,12 @@
+export declare const root: string;
+export declare const inputWrapper: string;
+export declare const inputIcon: string;
+export declare const input: string;
+export declare const list: string;
+export declare const group: string;
+export declare const groupHeading: string;
+export declare const item: string;
+export declare const itemActive: string;
+export declare const itemDisabled: string;
+export declare const separator: string;
+export declare const empty: string;

package/dist/src/components/Command/command.d.ts

@@ -0,0 +1,48 @@
+import { ReactNode } from 'react';
+interface CommandProps {
+    children: ReactNode;
+    onItemSelect?: (value: string) => void;
+    className?: string;
+    style?: React.CSSProperties;
+}
+export declare function Command({ children, onItemSelect, className, style }: CommandProps): import("react").JSX.Element;
+interface CommandInputProps {
+    placeholder?: string;
+    className?: string;
+    style?: React.CSSProperties;
+}
+export declare function CommandInput({ placeholder, className, style, }: CommandInputProps): import("react").JSX.Element;
+interface CommandListProps {
+    children: ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+}
+export declare function CommandList({ children, className, style }: CommandListProps): import("react").JSX.Element;
+interface CommandEmptyProps {
+    children?: ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+}
+export declare function CommandEmpty({ children, className, style }: CommandEmptyProps): import("react").JSX.Element | null;
+interface CommandGroupProps {
+    heading?: string;
+    children: ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+}
+export declare function CommandGroup({ heading, children, className, style }: CommandGroupProps): import("react").JSX.Element;
+interface CommandItemProps {
+    value: string;
+    keywords?: string[];
+    disabled?: boolean;
+    children?: ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+}
+export declare function CommandItem({ value, keywords, disabled, children, className, style, }: CommandItemProps): import("react").JSX.Element | null;
+interface CommandSeparatorProps {
+    className?: string;
+    style?: React.CSSProperties;
+}
+export declare function CommandSeparator({ className, style }: CommandSeparatorProps): import("react").JSX.Element;
+export {};

package/dist/src/components/Command/command.demo.d.ts

@@ -0,0 +1,6 @@
+export declare function CommandBasic(): import("react").JSX.Element;
+export declare function CommandWithGroups(): import("react").JSX.Element;
+export declare const demos: {
+    name: string;
+    component: typeof CommandBasic;
+}[];

package/dist/src/components/Command/command.doc.d.ts

@@ -0,0 +1,3 @@
+export declare function DefaultStory(): import("react").JSX.Element;
+export declare function WithGroupsStory(): import("react").JSX.Element;
+export declare function WithSelectionStory(): import("react").JSX.Element;

package/dist/src/components/Command/index.d.ts

@@ -0,0 +1,7 @@
+export { Command } from './command';
+export { CommandInput } from './command';
+export { CommandList } from './command';
+export { CommandEmpty } from './command';
+export { CommandGroup } from './command';
+export { CommandItem } from './command';
+export { CommandSeparator } from './command';

package/dist/src/components/Container/container.css.d.ts

@@ -0,0 +1,48 @@
+export declare const containerRecipe: import('@vanilla-extract/recipes').RuntimeFn<{
+    size: {
+        xxs: {
+            width: "min(240px, 100%)";
+        };
+        xs: {
+            width: "min(320px, 100%)";
+        };
+        sm: {
+            width: "min(480px, 100%)";
+        };
+        md: {
+            width: "min(640px, 100%)";
+        };
+        lg: {
+            width: "min(768px, 100%)";
+        };
+        xl: {
+            width: "min(1024px, 100%)";
+        };
+        "2xl": {
+            maxWidth: "1280px";
+            width: "100%";
+        };
+        "3xl": {
+            maxWidth: "1440px";
+            width: "100%";
+        };
+        full: {
+            maxWidth: "100%";
+            width: "100%";
+        };
+    };
+    centered: {
+        true: {
+            marginLeft: "auto";
+            marginRight: "auto";
+        };
+    };
+    contentCentered: {
+        true: {
+            display: "flex";
+            flexDirection: "column";
+            justifyContent: "center";
+            alignItems: "center";
+        };
+    };
+}>;

package/dist/src/components/Container/container.d.ts

@@ -0,0 +1,8 @@
+import { BoxProps } from '../Box/box';
+import { containerRecipe } from './container.css';
+import { RecipeVariants } from '@vanilla-extract/recipes';
+export type ContainerVariants = RecipeVariants<typeof containerRecipe>;
+type Props = BoxProps & ContainerVariants;
+export type ContainerProps = Props;
+export declare function Container({ size, centered, contentCentered, ...props }: Props): import("react").JSX.Element;
+export {};

package/dist/src/components/Container/container.doc.d.ts

@@ -0,0 +1 @@
+export declare function SizesStory(): import("react").JSX.Element;

package/dist/src/components/Container/index.d.ts

@@ -0,0 +1 @@
+export * from './container';

package/dist/src/components/CopyButton/copy-button.css.d.ts

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

package/dist/src/components/CopyButton/copy-button.d.ts

@@ -0,0 +1,7 @@
+import { MouseEvent } from 'react';
+import { IconButtonProps } from '../IconButton/icon-button';
+export type CopyButtonProps = Omit<IconButtonProps, "onClick"> & {
+    copyValue?: string;
+    onClick?: (e: MouseEvent<HTMLButtonElement>) => void;
+};
+export declare function CopyButton({ copyValue, onClick, ...props }: CopyButtonProps): import("react").JSX.Element;

package/dist/src/components/CopyButton/index.d.ts

@@ -0,0 +1,2 @@
+export { CopyButton } from './copy-button';
+export type { CopyButtonProps } from './copy-button';

package/dist/src/components/DatePicker/date-picker.d.ts

@@ -0,0 +1,11 @@
+type Props = {
+    value: Date | undefined;
+    onChange: (date: Date | undefined) => void;
+    format?: (date: Date | undefined) => string;
+    label?: string;
+    placeholder?: string;
+    error?: string;
+    disabled?: boolean;
+};
+export declare function DatePicker({ value, onChange, label, format, placeholder, error, disabled, }: Props): import("react").JSX.Element;
+export {};

package/dist/src/components/DatePicker/date-picker.doc.d.ts

@@ -0,0 +1 @@
+export declare function DefaultStory(): import("react").JSX.Element;

package/dist/src/components/DatePicker/index.d.ts

@@ -0,0 +1 @@
+export * from './date-picker';

package/dist/src/components/Dialog/dialog.css.d.ts

@@ -0,0 +1,13 @@
+export declare const backdrop: string;
+export declare const viewport: string;
+export declare const popup: string;
+export declare const viewportShellBottomStickOnMobile: string;
+export declare const popupBottomStickOnMobile: string;
+export declare const closeButton: string;
+export declare const header: string;
+export declare const footer: string;
+export declare const footerDefault: string;
+export declare const footerBare: string;
+export declare const title: string;
+export declare const description: string;
+export declare const panel: string;

package/dist/src/components/Dialog/dialog.d.ts

@@ -0,0 +1,32 @@
+import { Dialog as DialogPrimitive } from '@base-ui/react/dialog';
+import { default as React } from 'react';
+import { _BaseDivProps } from '../../utils/types';
+declare const DialogCreateHandle: typeof DialogPrimitive.createHandle;
+declare const Dialog: typeof DialogPrimitive.Root;
+declare const DialogPortal: typeof DialogPrimitive.Portal;
+declare function DialogTrigger(props: DialogPrimitive.Trigger.Props): React.ReactElement;
+export declare function DialogClose(props: DialogPrimitive.Close.Props): React.ReactElement;
+export declare function DialogBackdrop(props: DialogPrimitive.Backdrop.Props): React.ReactElement;
+type DialogViewportProps = DialogPrimitive.Viewport.Props & {
+    bottomStickOnMobile?: boolean;
+};
+export declare function DialogViewport({ bottomStickOnMobile, className, ...props }: DialogViewportProps): React.ReactElement;
+export declare function DialogPopup({ children, showCloseButton, bottomStickOnMobile, closeProps, portalProps, className, ...props }: DialogPrimitive.Popup.Props & {
+    showCloseButton?: boolean;
+    bottomStickOnMobile?: boolean;
+    closeProps?: DialogPrimitive.Close.Props;
+    portalProps?: DialogPrimitive.Portal.Props;
+}): React.ReactElement;
+type HeaderProps = _BaseDivProps;
+export declare function DialogHeader({ className, render, ...props }: HeaderProps): React.ReactElement;
+type FooterProps = _BaseDivProps & {
+    variant?: "default" | "bare";
+};
+export declare function DialogFooter({ className, variant, render, ...props }: FooterProps): React.ReactElement;
+export declare function DialogTitle(props: DialogPrimitive.Title.Props): React.ReactElement;
+export declare function DialogDescription(props: DialogPrimitive.Description.Props): React.ReactElement;
+declare function DialogPanel({ scrollFade, render, className, ...props }: _BaseDivProps & {
+    scrollFade?: boolean;
+}): React.ReactElement;
+export type { DialogViewportProps };
+export { Dialog, DialogBackdrop as DialogOverlay, DialogCreateHandle, DialogPanel, DialogPopup as DialogContent, DialogPortal, DialogTrigger, };

package/dist/src/components/Dialog/dialog.demo.d.ts

@@ -0,0 +1,5 @@
+export declare function DialogDemo(): import("react").JSX.Element;
+export declare const demos: {
+    name: string;
+    component: typeof DialogDemo;
+}[];

package/dist/src/components/Dialog/dialog.doc.d.ts

@@ -0,0 +1 @@
+export declare function DefaultStory(): import("react").JSX.Element;

package/dist/src/components/Dialog/index.d.ts

@@ -0,0 +1 @@
+export * from './dialog';

package/dist/src/components/Drawer/drawer.css.d.ts

@@ -0,0 +1,54 @@
+export declare const swipeArea: string;
+export declare const swipeAreaBottom: string;
+export declare const swipeAreaTop: string;
+export declare const swipeAreaLeft: string;
+export declare const swipeAreaRight: string;
+export declare const backdrop: string;
+export declare const viewport: string;
+export declare const viewportBottom: string;
+export declare const viewportTop: string;
+export declare const viewportLeft: string;
+export declare const viewportRight: string;
+export declare const viewportInset: string;
+export declare const popup: string;
+export declare const popupDefault: string;
+export declare const popupStraight: string;
+export declare const popupInset: string;
+export declare const popupBottom: string;
+export declare const popupTop: string;
+export declare const popupLeft: string;
+export declare const popupRight: string;
+export declare const closeButton: string;
+export declare const header: string;
+export declare const footer: string;
+export declare const footerDefault: string;
+export declare const footerBare: string;
+export declare const title: string;
+export declare const description: string;
+export declare const panel: string;
+export declare const bar: string;
+export declare const barHorizontal: string;
+export declare const barVertical: string;
+export declare const barTop: string;
+export declare const barBottom: string;
+export declare const barLeft: string;
+export declare const barRight: string;
+export declare const menu: string;
+export declare const menuItem: string;
+export declare const menuItemDestructive: string;
+export declare const separator: string;
+export declare const menuGroup: string;
+export declare const menuGroupLabel: string;
+export declare const menuTrigger: string;
+export declare const menuTriggerIcon: string;
+export declare const menuCheckbox: string;
+export declare const menuCheckboxDefault: string;
+export declare const menuCheckboxSwitch: string;
+export declare const menuCheckboxSwitchLabel: string;
+export declare const menuCheckboxSwitchIndicator: string;
+export declare const menuCheckboxSwitchThumb: string;
+export declare const menuCheckboxIndicator: string;
+export declare const menuCheckboxLabel: string;
+export declare const menuRadio: string;
+export declare const menuRadioIndicator: string;
+export declare const menuRadioLabel: string;

package/dist/src/components/Drawer/drawer.d.ts

@@ -0,0 +1,66 @@
+import { Checkbox as CheckboxPrimitive } from '@base-ui/react/checkbox';
+import { Drawer as DrawerPrimitive } from '@base-ui/react/drawer';
+import { Radio as RadioPrimitive } from '@base-ui/react/radio';
+import { RadioGroup as RadioGroupPrimitive } from '@base-ui/react/radio-group';
+import { default as React } from 'react';
+import { _BaseDivProps } from '../../utils/types';
+type DrawerPosition = "right" | "left" | "top" | "bottom";
+export declare const DrawerCreateHandle: typeof DrawerPrimitive.createHandle;
+export declare function Drawer({ swipeDirection, position, ...props }: DrawerPrimitive.Root.Props & {
+    position?: DrawerPosition;
+}): React.ReactElement;
+export declare const DrawerPortal: typeof DrawerPrimitive.Portal;
+export declare function DrawerTrigger(props: DrawerPrimitive.Trigger.Props): React.ReactElement;
+export declare function DrawerClose(props: DrawerPrimitive.Close.Props): React.ReactElement;
+export declare function DrawerSwipeArea({ className, position: positionProp, ...props }: DrawerPrimitive.SwipeArea.Props & {
+    position?: DrawerPosition;
+}): React.ReactElement;
+export declare function DrawerBackdrop({ className, ...props }: DrawerPrimitive.Backdrop.Props): React.ReactElement;
+export declare function DrawerViewport({ className, position: positionProp, variant, ...props }: DrawerPrimitive.Viewport.Props & {
+    position?: DrawerPosition;
+    variant?: "default" | "straight" | "inset";
+}): React.ReactElement;
+export declare function DrawerPopup({ children, showCloseButton, position: positionProp, variant, showBar, portalProps, className, ...props }: DrawerPrimitive.Popup.Props & {
+    showCloseButton?: boolean;
+    position?: DrawerPosition;
+    variant?: "default" | "straight" | "inset";
+    showBar?: boolean;
+    portalProps?: DrawerPrimitive.Portal.Props;
+}): React.ReactElement;
+export declare function DrawerHeader({ className, allowSelection, render, ...props }: _BaseDivProps & {
+    allowSelection?: boolean;
+}): React.ReactElement;
+export declare function DrawerFooter({ className, variant, allowSelection, render, ...props }: _BaseDivProps & {
+    variant?: "default" | "bare";
+    allowSelection?: boolean;
+}): React.ReactElement;
+export declare function DrawerTitle(props: DrawerPrimitive.Title.Props): React.ReactElement;
+export declare function DrawerDescription(props: DrawerPrimitive.Description.Props): React.ReactElement;
+export declare function DrawerPanel({ scrollFade, scrollable, allowSelection, render, className, ...props }: _BaseDivProps & {
+    scrollFade?: boolean;
+    scrollable?: boolean;
+    allowSelection?: boolean;
+}): React.ReactElement;
+export declare function DrawerBar({ className, position: positionProp, render, ...props }: _BaseDivProps & {
+    position?: DrawerPosition;
+}): React.ReactElement;
+export declare const DrawerContent: typeof DrawerPrimitive.Content;
+export declare function DrawerMenu({ className, render, ...props }: _BaseDivProps): React.ReactElement;
+export declare function DrawerMenuItem({ className, variant, render, disabled, ...props }: _BaseDivProps & {
+    variant?: "default" | "destructive";
+    disabled?: boolean;
+}): React.ReactElement;
+export declare function DrawerMenuSeparator({ className, render, ...props }: _BaseDivProps): React.ReactElement;
+export declare function DrawerMenuGroup({ className, render, ...props }: _BaseDivProps): React.ReactElement;
+export declare function DrawerMenuGroupLabel({ className, render, ...props }: _BaseDivProps): React.ReactElement;
+export declare function DrawerMenuTrigger({ className, children, ...props }: DrawerPrimitive.Trigger.Props): React.ReactElement;
+export declare function DrawerMenuCheckboxItem({ className, children, checked, defaultChecked, onCheckedChange, variant, disabled, render, ...props }: CheckboxPrimitive.Root.Props & {
+    variant?: "default" | "switch";
+    render?: React.ReactElement;
+}): React.ReactElement;
+export declare function DrawerMenuRadioGroup({ className, ...props }: RadioGroupPrimitive.Props): React.ReactElement;
+declare function DrawerMenuRadioItem({ className, children, value, disabled, render, ...props }: RadioPrimitive.Root.Props & {
+    value: string;
+    render?: React.ReactElement;
+}): React.ReactElement;
+export { DrawerMenuRadioItem };

package/dist/src/components/Drawer/drawer.demo.d.ts

@@ -0,0 +1,5 @@
+export declare function DrawerDemo(): import("react").JSX.Element;
+export declare const demos: {
+    name: string;
+    component: typeof DrawerDemo;
+}[];

package/dist/src/components/Drawer/drawer.doc.d.ts

@@ -0,0 +1,2 @@
+export declare function BottomStory(): import("react").JSX.Element;
+export declare function RightStory(): import("react").JSX.Element;

package/dist/src/components/Drawer/index.d.ts

@@ -0,0 +1 @@
+export * from './drawer';

package/dist/src/components/Field/field.css.d.ts

@@ -0,0 +1,5 @@
+export declare const field: string;
+export declare const label: string;
+export declare const item: string;
+export declare const description: string;
+export declare const error: string;

package/dist/src/components/Field/field.d.ts

@@ -0,0 +1,25 @@
+import { Field as FieldPrimitive } from '@base-ui/react/field';
+import { default as React } from 'react';
+export declare function Field({ className, style, ...props }: FieldPrimitive.Root.Props & {
+    className?: string;
+    style?: React.CSSProperties;
+}): React.ReactElement;
+export declare function FieldLabel({ className, style, ...props }: FieldPrimitive.Label.Props & {
+    className?: string;
+    style?: React.CSSProperties;
+}): React.ReactElement;
+export declare function FieldItem({ className, style, ...props }: FieldPrimitive.Item.Props & {
+    className?: string;
+    style?: React.CSSProperties;
+}): React.ReactElement;
+export declare function FieldDescription({ className, style, ...props }: FieldPrimitive.Description.Props & {
+    className?: string;
+    style?: React.CSSProperties;
+}): React.ReactElement;
+declare function FieldError({ className, style, ...props }: FieldPrimitive.Error.Props & {
+    className?: string;
+    style?: React.CSSProperties;
+}): React.ReactElement;
+export declare const FieldControl: typeof FieldPrimitive.Control;
+export declare const FieldValidity: typeof FieldPrimitive.Validity;
+export { FieldError };

package/dist/src/components/Field/field.doc.d.ts

@@ -0,0 +1 @@
+export declare function DefaultStory(): import("react").JSX.Element;

package/dist/src/components/Field/index.d.ts

@@ -0,0 +1 @@
+export * from './field';

package/dist/src/components/Grid/grid.css.d.ts

@@ -0,0 +1,4 @@
+export declare const gridSpanVariants: Record<number, {
+    gridColumn: string;
+}>;
+export declare const gridItem: string;

package/dist/src/components/Grid/grid.d.ts

@@ -0,0 +1,11 @@
+import { BoxProps } from '../Box/box';
+import { gridSprinkles } from '../../utils/sprinkles.css';
+import { gridSpanVariants } from './grid.css';
+type GridSprinkles = Parameters<typeof gridSprinkles>[0];
+export type GridProps = Omit<BoxProps, "columns" | "gap" | "align"> & GridSprinkles;
+export type GridItemProps = BoxProps & {
+    span?: keyof typeof gridSpanVariants;
+};
+declare function Grid({ columns, flow, align, justify, gap, rowGap, columnGap, className, style, ...props }: GridProps): import("react").JSX.Element;
+declare function GridItem({ span: spanProp, className, style, ...props }: GridItemProps): import("react").JSX.Element;
+export { Grid, GridItem };

package/dist/src/components/Grid/grid.doc.d.ts

@@ -0,0 +1 @@
+export declare function ColumnsStory(): import("react").JSX.Element;

package/dist/src/components/Grid/index.d.ts

@@ -0,0 +1 @@
+export * from './grid';

package/dist/src/components/Icon/icon.css.d.ts

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

package/dist/src/components/Icon/icon.d.ts

@@ -0,0 +1,4 @@
+import { BoxProps } from '../Box/box';
+type IconProps = BoxProps;
+export declare function Icon({ children, className, style, ...props }: IconProps): import("react").JSX.Element;
+export type { IconProps };

package/dist/src/components/Icon/icon.demo.d.ts

@@ -0,0 +1,5 @@
+export declare function IconDemo(): import("react").JSX.Element;
+export declare const demos: {
+    name: string;
+    component: typeof IconDemo;
+}[];

package/dist/src/components/Icon/index.d.ts

@@ -0,0 +1 @@
+export * from './icon';

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

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

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

@@ -0,0 +1,4 @@
+import { ButtonProps } from '../Button/button';
+type IconButtonProps = Omit<ButtonProps, "size">;
+export declare function IconButton({ className, ...props }: IconButtonProps): import("react").JSX.Element;
+export type { IconButtonProps };

package/dist/src/components/IconButton/icon-button.demo.d.ts

@@ -0,0 +1,5 @@
+export declare function IconButtonDemo(): import("react").JSX.Element;
+export declare const demos: {
+    name: string;
+    component: typeof IconButtonDemo;
+}[];

package/dist/src/components/IconButton/index.d.ts

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

package/dist/src/components/Input/index.d.ts

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

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

@@ -0,0 +1,6 @@
+export declare const label: string;
+export declare const input: string;
+export declare const inputSm: string;
+export declare const inputLg: string;
+export declare const inputError: string;
+export declare const error: string;

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

@@ -0,0 +1,19 @@
+import { Input as InputPrimitive } from '@base-ui/react/input';
+import { useRender } from '@base-ui/react/use-render';
+import type * as React from "react";
+type InputSize = "sm" | "default" | "lg";
+type _BaseInputProps = Omit<InputPrimitive.Props & React.RefAttributes<HTMLInputElement>, "size">;
+export type InputProps = _BaseInputProps & {
+    size?: InputSize;
+    error?: string;
+    wrapperStyle?: React.CSSProperties;
+    className?: string;
+    style?: React.CSSProperties;
+};
+type LabelProps = useRender.ComponentProps<"label"> & {
+    className?: string;
+    style?: React.CSSProperties;
+};
+export declare function Label({ render, className, style, ...props }: LabelProps): React.ReactElement;
+export declare function Input({ error, className, style, size, ...props }: InputProps): React.JSX.Element;
+export {};

package/dist/src/components/Input/input.demo.d.ts

@@ -0,0 +1,5 @@
+export declare function InputDemo(): import("react").JSX.Element;
+export declare const demos: {
+    name: string;
+    component: typeof InputDemo;
+}[];

package/dist/src/components/Input/input.doc.d.ts

@@ -0,0 +1,2 @@
+export declare function SizesStory(): import("react").JSX.Element;
+export declare function StatesStory(): import("react").JSX.Element;

package/dist/src/components/InputGroup/index.d.ts

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

package/dist/src/components/InputGroup/input-group.css.d.ts

@@ -0,0 +1,10 @@
+export declare const group: string;
+export declare const addon: string;
+export declare const addonInlineStart: string;
+export declare const addonInlineEnd: string;
+export declare const addonBlockStart: string;
+export declare const addonBlockEnd: string;
+export declare const text: string;
+export declare const menu: string;
+export declare const input: string;
+export declare const textarea: string;

package/dist/src/components/InputGroup/input-group.d.ts

@@ -0,0 +1,25 @@
+import { useRender } from '@base-ui/react';
+import { Input as InputPrimitive } from '@base-ui/react/input';
+import { Radio as RadioPrimitive } from '@base-ui/react/radio';
+import { RadioGroup as RadioGroupPrimitive } from '@base-ui/react/radio-group';
+import { _BaseDivProps } from '../../utils/types';
+import type * as React from "react";
+type Align = "inline-start" | "inline-end" | "block-start" | "block-end";
+type InputGroupProps = useRender.ComponentProps<"fieldset">;
+declare function InputGroup({ className, ...props }: InputGroupProps): React.ReactElement;
+type InputGroupAddonProps = _BaseDivProps & {
+    align?: Align;
+};
+declare function InputGroupAddon({ align, className, ...props }: InputGroupAddonProps): React.ReactElement;
+type InputGroupTextProps = React.ComponentProps<"span">;
+declare function InputGroupText({ className, ...props }: InputGroupTextProps): React.ReactElement;
+type InputGroupInputProps = Omit<InputPrimitive.Props & React.RefAttributes<HTMLInputElement>, "style">;
+declare function InputGroupInput({ className, ...props }: InputGroupInputProps): React.ReactElement;
+type InputGroupTextareaProps = Omit<React.ComponentPropsWithoutRef<"textarea">, "style">;
+declare function InputGroupTextarea({ ...props }: InputGroupTextareaProps): React.ReactElement;
+declare function InputGroupMenu({ className, render, ...props }: useRender.ComponentProps<"nav">): React.ReactElement;
+declare const InputGroupCheckboxItem: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').CheckboxRootProps, "ref"> & React.RefAttributes<HTMLElement>>;
+declare const InputGroupRadioGroup: <Value>(props: RadioGroupPrimitive.Props<Value>) => React.JSX.Element;
+declare const InputGroupRadioItem: <Value>(props: RadioPrimitive.Root.Props<Value>) => React.JSX.Element;
+export type { InputGroupAddonProps, InputGroupInputProps, InputGroupProps, InputGroupTextareaProps, };
+export { InputGroup, InputGroupAddon, InputGroupCheckboxItem, InputGroupInput, InputGroupMenu, InputGroupRadioGroup, InputGroupRadioItem, InputGroupText, InputGroupTextarea, };