@omnifyjp/ui 0.4.4 → 0.5.0

package/dist/components/calendar-mini.d.ts

@@ -1,65 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-
-/** A category that can be toggled on/off in the mini calendar's filter section. */
-interface CalendarCategory {
-    /** Unique key for this category. */
-    key: string;
-    /** CSS color string used for the category dot. */
-    color: string;
-    /** Display label for the category. */
-    label: string;
-}
-/** Localizable labels for the mini calendar. All have English defaults. */
-interface CalendarMiniLabels {
-    /** Label for Sunday column header. */
-    sun?: string;
-    /** Label for Monday column header. */
-    mon?: string;
-    /** Label for Tuesday column header. */
-    tue?: string;
-    /** Label for Wednesday column header. */
-    wed?: string;
-    /** Label for Thursday column header. */
-    thu?: string;
-    /** Label for Friday column header. */
-    fri?: string;
-    /** Label for Saturday column header. */
-    sat?: string;
-    /** Heading text for the categories filter section. */
-    categories?: string;
-}
-interface CalendarMiniProps {
-    /** The month to display (any date within the target month). */
-    currentDate: Date;
-    /** The currently selected date, highlighted with primary color. */
-    selectedDate: Date;
-    /** Callback when a day cell is clicked. */
-    onSelectDate: (date: Date) => void;
-    /** Optional list of event categories for the filter section. */
-    categories?: CalendarCategory[];
-    /** Keys of currently enabled categories. */
-    enabledCategories?: string[];
-    /** Callback when a category checkbox is toggled. */
-    onToggleCategory?: (key: string) => void;
-    /** Localizable UI labels with English defaults. */
-    labels?: CalendarMiniLabels;
-}
-/**
- * Compact month calendar with optional category filters. Designed for sidebar
- * placement in calendar views. Locale-agnostic via the `labels` prop.
- *
- * @example
- * ```tsx
- * <CalendarMini
- *   currentDate={new Date()}
- *   selectedDate={selectedDate}
- *   onSelectDate={setSelectedDate}
- *   categories={[{ key: "meeting", color: "#3b82f6", label: "Meeting" }]}
- *   enabledCategories={["meeting"]}
- *   onToggleCategory={(key) => toggle(key)}
- * />
- * ```
- */
-declare function CalendarMini({ currentDate, selectedDate, onSelectDate, categories, enabledCategories, onToggleCategory, labels: labelsProp, }: CalendarMiniProps): react_jsx_runtime.JSX.Element;
-
-export { type CalendarCategory, CalendarMini, type CalendarMiniLabels, type CalendarMiniProps };

package/dist/components/calendar-mini.js

@@ -1,6 +0,0 @@
-export { CalendarMini } from '../chunk-KTBOZ4NE.js';
-import '../chunk-WL4ZO2H3.js';
-import '../chunk-PGWNOZDX.js';
-import '../chunk-DGPY4WP3.js';
-//# sourceMappingURL=calendar-mini.js.map
-//# sourceMappingURL=calendar-mini.js.map

package/dist/components/calendar-mini.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"calendar-mini.js"}

package/dist/components/calendar-toolbar.d.ts

@@ -1,58 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-
-/** Supported calendar view modes. */
-type CalendarView = 'month' | 'week' | 'day';
-/** Localizable labels for the calendar toolbar. All have English defaults. */
-interface CalendarToolbarLabels {
-    /** Label for the "Today" button. */
-    today?: string;
-    /** Label for the "Month" view toggle. */
-    month?: string;
-    /** Label for the "Week" view toggle. */
-    week?: string;
-    /** Label for the "Day" view toggle. */
-    day?: string;
-    /** Label for the "Create Event" button. */
-    createEvent?: string;
-}
-interface CalendarToolbarProps {
-    /** The date currently being viewed. Used for the title display. */
-    currentDate: Date;
-    /** The active calendar view mode. */
-    view: CalendarView;
-    /** Callback when the user switches between month/week/day views. */
-    onViewChange: (view: CalendarView) => void;
-    /** Navigate to the previous period. */
-    onPrev: () => void;
-    /** Navigate to the next period. */
-    onNext: () => void;
-    /** Navigate to today. */
-    onToday: () => void;
-    /** Optional callback for the "Create Event" button. Button is hidden when omitted. */
-    onCreateEvent?: () => void;
-    /** Localizable UI labels with English defaults. */
-    labels?: CalendarToolbarLabels;
-    /** date-fns format string for the title. Defaults to `"MMMM yyyy"` or `"EEEE, MMMM d, yyyy"` for day view. */
-    titleFormat?: string;
-}
-/**
- * Toolbar for calendar views with navigation controls (prev/next/today),
- * view mode toggle (month/week/day), and an optional "Create Event" button.
- * Locale-agnostic via the `labels` prop.
- *
- * @example
- * ```tsx
- * <CalendarToolbar
- *   currentDate={currentDate}
- *   view="month"
- *   onViewChange={setView}
- *   onPrev={handlePrev}
- *   onNext={handleNext}
- *   onToday={handleToday}
- *   onCreateEvent={() => setDialogOpen(true)}
- * />
- * ```
- */
-declare function CalendarToolbar({ currentDate, view, onViewChange, onPrev, onNext, onToday, onCreateEvent, labels: labelsProp, titleFormat: titleFormatProp, }: CalendarToolbarProps): react_jsx_runtime.JSX.Element;
-
-export { CalendarToolbar, type CalendarToolbarLabels, type CalendarToolbarProps, type CalendarView };

package/dist/components/calendar-toolbar.js

@@ -1,7 +0,0 @@
-export { CalendarToolbar } from '../chunk-36YYHIJU.js';
-import '../chunk-ZPMXRW2A.js';
-import '../chunk-NU56GKGM.js';
-import '../chunk-55E7D2HR.js';
-import '../chunk-DGPY4WP3.js';
-//# sourceMappingURL=calendar-toolbar.js.map
-//# sourceMappingURL=calendar-toolbar.js.map

package/dist/components/calendar-toolbar.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"calendar-toolbar.js"}

package/dist/components/calendar.d.ts

@@ -1,19 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as React from 'react';
-import { DayPicker } from 'react-day-picker';
-
-/**
- * Date picker calendar built on `react-day-picker` v9. Supports single, multiple,
- * and range selection modes. Styled with Shadcn UI conventions.
- *
- * @param showOutsideDays - Whether to show days from adjacent months. Defaults to `true`.
- *
- * @example
- * ```tsx
- * const [date, setDate] = useState<Date | undefined>();
- * <Calendar mode="single" selected={date} onSelect={setDate} />
- * ```
- */
-declare function Calendar({ className, classNames, showOutsideDays, ...props }: React.ComponentProps<typeof DayPicker>): react_jsx_runtime.JSX.Element;
-
-export { Calendar };

package/dist/components/calendar.js

@@ -1,5 +0,0 @@
-export { Calendar } from '../chunk-QB3UWRZH.js';
-import '../chunk-55E7D2HR.js';
-import '../chunk-DGPY4WP3.js';
-//# sourceMappingURL=calendar.js.map
-//# sourceMappingURL=calendar.js.map

package/dist/components/calendar.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"calendar.js"}

package/dist/components/card.d.ts

@@ -1,43 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as React from 'react';
-
-/**
- * Styled card container with header, title, description, action, content, and footer sub-components.
- *
- * Uses density tokens (`px-card`, `pt-card`, `pb-card`, `gap-card`) for consistent
- * internal spacing that adapts to the design system.
- *
- * @example
- * ```tsx
- * <Card>
- *   <CardHeader>
- *     <CardTitle>Notifications</CardTitle>
- *     <CardDescription>You have 3 unread messages.</CardDescription>
- *     <CardAction>
- *       <Button variant="outline">Mark all read</Button>
- *     </CardAction>
- *   </CardHeader>
- *   <CardContent>
- *     <p>Your recent activity will appear here.</p>
- *   </CardContent>
- *   <CardFooter>
- *     <Button>View all</Button>
- *   </CardFooter>
- * </Card>
- * ```
- */
-declare function Card({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
-/** Card header section. Lays out title, description, and optional action in a grid. */
-declare function CardHeader({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
-/** Card title rendered as an `<h4>` element. */
-declare function CardTitle({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
-/** Card description text displayed in muted foreground color. */
-declare function CardDescription({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
-/** Card action slot positioned at the top-right of `CardHeader`. Place buttons or menus here. */
-declare function CardAction({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
-/** Card content area with horizontal padding. Bottom padding applied when last child. */
-declare function CardContent({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
-/** Card footer with horizontal layout. Typically used for action buttons. */
-declare function CardFooter({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
-
-export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle };

package/dist/components/card.js

@@ -1,4 +0,0 @@
-export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from '../chunk-Z2QAABLM.js';
-import '../chunk-DGPY4WP3.js';
-//# sourceMappingURL=card.js.map
-//# sourceMappingURL=card.js.map

package/dist/components/card.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"card.js"}

package/dist/components/carousel.d.ts

@@ -1,53 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as React from 'react';
-import useEmblaCarousel from 'embla-carousel-react';
-import { Button } from './button.js';
-import 'class-variance-authority/types';
-import 'class-variance-authority';
-import '../types-CBVkScfB.js';
-
-type CarouselApi = ReturnType<typeof useEmblaCarousel>[1];
-type UseCarouselParameters = Parameters<typeof useEmblaCarousel>;
-type CarouselOptions = UseCarouselParameters[0];
-type CarouselPlugin = UseCarouselParameters[1];
-type CarouselProps = {
-    /** Embla Carousel options (e.g., `{ loop: true, align: "start" }`). */
-    opts?: CarouselOptions;
-    /** Embla Carousel plugins (e.g., Autoplay, ClassNames). */
-    plugins?: CarouselPlugin;
-    /** Scroll axis direction. Defaults to `"horizontal"`. */
-    orientation?: "horizontal" | "vertical";
-    /** Callback to receive the Embla API instance for external control. */
-    setApi?: (api: CarouselApi) => void;
-};
-/**
- * Carousel/slider component powered by Embla Carousel.
- *
- * Provides a context for child components (`CarouselContent`, `CarouselItem`,
- * `CarouselPrevious`, `CarouselNext`). Supports horizontal/vertical orientation,
- * keyboard navigation (arrow keys), and plugin extensibility.
- *
- * @example
- * ```tsx
- * <Carousel opts={{ loop: true }}>
- *   <CarouselContent>
- *     <CarouselItem>Slide 1</CarouselItem>
- *     <CarouselItem>Slide 2</CarouselItem>
- *     <CarouselItem>Slide 3</CarouselItem>
- *   </CarouselContent>
- *   <CarouselPrevious />
- *   <CarouselNext />
- * </Carousel>
- * ```
- */
-declare function Carousel({ orientation, opts, setApi, plugins, className, children, ...props }: React.ComponentProps<"div"> & CarouselProps): react_jsx_runtime.JSX.Element;
-/** Scrollable container for `CarouselItem` elements. Manages the overflow viewport. */
-declare function CarouselContent({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
-/** Individual slide within the carousel. Defaults to full-width (`basis-full`). */
-declare function CarouselItem({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
-/** Navigation button to scroll to the previous slide. Automatically disabled when at the beginning. */
-declare function CarouselPrevious({ className, variant, size, ...props }: React.ComponentProps<typeof Button>): react_jsx_runtime.JSX.Element;
-/** Navigation button to scroll to the next slide. Automatically disabled when at the end. */
-declare function CarouselNext({ className, variant, size, ...props }: React.ComponentProps<typeof Button>): react_jsx_runtime.JSX.Element;
-
-export { Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious };

package/dist/components/carousel.js

@@ -1,5 +0,0 @@
-export { Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious } from '../chunk-2TUWDXAC.js';
-import '../chunk-55E7D2HR.js';
-import '../chunk-DGPY4WP3.js';
-//# sourceMappingURL=carousel.js.map
-//# sourceMappingURL=carousel.js.map

package/dist/components/carousel.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"carousel.js"}

package/dist/components/chart.d.ts

@@ -1,103 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as React from 'react';
-import * as RechartsPrimitive from 'recharts';
-
-declare const THEMES: {
-    readonly light: "";
-    readonly dark: ".dark";
-};
-/**
- * Configuration object for chart data series. Each key maps to a data series
- * and defines its label, optional icon, and color (either a single color or
- * per-theme colors).
- *
- * @example
- * ```tsx
- * const config: ChartConfig = {
- *   revenue: { label: "Revenue", color: "var(--color-blue-500)" },
- *   expenses: { label: "Expenses", theme: { light: "#ef4444", dark: "#f87171" } },
- * };
- * ```
- */
-type ChartConfig = {
-    [k in string]: {
-        /** Display label for this data series. */
-        label?: React.ReactNode;
-        /** Optional icon component displayed in the legend. */
-        icon?: React.ComponentType;
-    } & ({
-        color?: string;
-        theme?: never;
-    } | {
-        color?: never; /** Per-theme color mapping (light/dark). */
-        theme: Record<keyof typeof THEMES, string>;
-    });
-};
-/**
- * Wrapper that provides chart configuration context, injects theme-aware CSS
- * custom properties for data series colors, and renders a Recharts
- * `ResponsiveContainer`.
- *
- * @param config - Chart configuration mapping data keys to labels, icons, and colors.
- *
- * @example
- * ```tsx
- * <ChartContainer config={{ revenue: { label: "Revenue", color: "#3b82f6" } }}>
- *   <BarChart data={data}>
- *     <Bar dataKey="revenue" fill="var(--color-revenue)" />
- *   </BarChart>
- * </ChartContainer>
- * ```
- */
-declare function ChartContainer({ id, className, children, config, ...props }: React.ComponentProps<"div"> & {
-    /** Chart configuration mapping data keys to labels, icons, and colors. */
-    config: ChartConfig;
-    /** Recharts chart element (e.g. BarChart, LineChart). */
-    children: React.ComponentProps<typeof RechartsPrimitive.ResponsiveContainer>["children"];
-}): react_jsx_runtime.JSX.Element;
-/** Injects a `<style>` tag with CSS custom properties for chart colors, scoped to the chart container. */
-declare const ChartStyle: ({ id, config }: {
-    id: string;
-    config: ChartConfig;
-}) => react_jsx_runtime.JSX.Element | null;
-/** Re-export of Recharts Tooltip for use with ChartTooltipContent. */
-declare const ChartTooltip: typeof RechartsPrimitive.Tooltip;
-/**
- * Styled tooltip content for use inside `<ChartTooltip content={<ChartTooltipContent />} />`.
- * Renders data series with color indicators, labels from ChartConfig, and formatted values.
- *
- * @param indicator - Shape of the color indicator: `"dot"`, `"line"`, or `"dashed"`.
- * @param hideLabel - Whether to hide the tooltip header label.
- * @param hideIndicator - Whether to hide the color indicator.
- * @param nameKey - Data key to resolve series name from the payload.
- * @param labelKey - Data key to resolve the tooltip header label from config.
- */
-declare function ChartTooltipContent({ active, payload, className, indicator, hideLabel, hideIndicator, label, labelFormatter, labelClassName, formatter, color, nameKey, labelKey, }: React.ComponentProps<typeof RechartsPrimitive.Tooltip> & React.ComponentProps<"div"> & {
-    /** Whether to hide the tooltip header label. */
-    hideLabel?: boolean;
-    /** Whether to hide the color indicator next to each series. */
-    hideIndicator?: boolean;
-    /** Shape of the color indicator. Defaults to `"dot"`. */
-    indicator?: "line" | "dot" | "dashed";
-    /** Data key used to resolve the series name from payload. */
-    nameKey?: string;
-    /** Data key used to resolve the header label from config. */
-    labelKey?: string;
-}): react_jsx_runtime.JSX.Element | null;
-/** Re-export of Recharts Legend for use with ChartLegendContent. */
-declare const ChartLegend: typeof RechartsPrimitive.Legend;
-/**
- * Styled legend content for use inside `<ChartLegend content={<ChartLegendContent />} />`.
- * Renders a horizontal list of series labels with color indicators or custom icons from ChartConfig.
- *
- * @param hideIcon - Whether to hide the color dot / custom icon.
- * @param nameKey - Data key to resolve the series name from payload.
- */
-declare function ChartLegendContent({ className, hideIcon, payload, verticalAlign, nameKey, }: React.ComponentProps<"div"> & Pick<RechartsPrimitive.LegendProps, "payload" | "verticalAlign"> & {
-    /** Whether to hide the color indicator or custom icon. */
-    hideIcon?: boolean;
-    /** Data key used to resolve the series name from payload. */
-    nameKey?: string;
-}): react_jsx_runtime.JSX.Element | null;
-
-export { type ChartConfig, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent };

package/dist/components/chart.js

@@ -1,4 +0,0 @@
-export { ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent } from '../chunk-B434PORR.js';
-import '../chunk-DGPY4WP3.js';
-//# sourceMappingURL=chart.js.map
-//# sourceMappingURL=chart.js.map

package/dist/components/chart.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"chart.js"}

package/dist/components/checkbox.d.ts

@@ -1,24 +0,0 @@
-import * as React from 'react';
-import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
-
-type CheckboxProps = React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>;
-/**
- * Checkable input that allows selecting one or more options from a set.
- * Supports checked, unchecked, and indeterminate states.
- *
- * @example
- * ```tsx
- * // Basic usage
- * <Checkbox id="terms" />
- * <Label htmlFor="terms">Accept terms</Label>
- *
- * // Controlled
- * <Checkbox checked={accepted} onCheckedChange={setAccepted} />
- *
- * // Indeterminate (partial selection)
- * <Checkbox checked="indeterminate" />
- * ```
- */
-declare const Checkbox: React.ForwardRefExoticComponent<Omit<CheckboxPrimitive.CheckboxProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-
-export { Checkbox, type CheckboxProps };

package/dist/components/checkbox.js

@@ -1,4 +0,0 @@
-export { Checkbox } from '../chunk-WL4ZO2H3.js';
-import '../chunk-DGPY4WP3.js';
-//# sourceMappingURL=checkbox.js.map
-//# sourceMappingURL=checkbox.js.map

package/dist/components/checkbox.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"checkbox.js"}

package/dist/components/collapsible.d.ts

@@ -1,28 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
-
-/**
- * Expandable/collapsible container built on Radix Collapsible.
- *
- * Manages open/closed state for a single content region. For multiple
- * collapsible sections, consider using `Accordion` instead.
- *
- * @example
- * ```tsx
- * <Collapsible>
- *   <CollapsibleTrigger asChild>
- *     <Button variant="ghost">Toggle details</Button>
- *   </CollapsibleTrigger>
- *   <CollapsibleContent>
- *     <p>Hidden content revealed on toggle.</p>
- *   </CollapsibleContent>
- * </Collapsible>
- * ```
- */
-declare function Collapsible({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.Root>): react_jsx_runtime.JSX.Element;
-/** Button or element that toggles the collapsible open/closed state. Supports `asChild` for custom trigger elements. */
-declare function CollapsibleTrigger({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleTrigger>): react_jsx_runtime.JSX.Element;
-/** Content region that shows/hides when the collapsible is toggled. */
-declare function CollapsibleContent({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleContent>): react_jsx_runtime.JSX.Element;
-
-export { Collapsible, CollapsibleContent, CollapsibleTrigger };

package/dist/components/collapsible.js

@@ -1,3 +0,0 @@
-export { Collapsible, CollapsibleContent, CollapsibleTrigger } from '../chunk-3EOHW4QN.js';
-//# sourceMappingURL=collapsible.js.map
-//# sourceMappingURL=collapsible.js.map

package/dist/components/collapsible.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"collapsible.js"}

package/dist/components/color-picker.d.ts

@@ -1,35 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-
-interface ColorPickerProps {
-    /** Currently selected color as a hex string (e.g., `"#3B82F6"`). */
-    value?: string;
-    /** Callback fired when a color is selected. Receives a hex string. */
-    onChange?: (color: string) => void;
-    /** Additional CSS class for the trigger button. */
-    className?: string;
-    /** Whether the color picker is disabled. */
-    disabled?: boolean;
-    /** Whether to show the preset color grid. Defaults to `true`. */
-    showPresets?: boolean;
-    /** Whether to show the custom hex input with native color picker. Defaults to `true`. */
-    showInput?: boolean;
-}
-/**
- * Color picker with a popover containing preset color swatches and an optional custom hex input.
- * The trigger button shows the currently selected color swatch and its hex value.
- *
- * @example
- * ```tsx
- * const [color, setColor] = useState("#3B82F6");
- *
- * <ColorPicker
- *   value={color}
- *   onChange={setColor}
- *   showPresets
- *   showInput
- * />
- * ```
- */
-declare function ColorPicker({ value, onChange, className, disabled, showPresets, showInput, }: ColorPickerProps): react_jsx_runtime.JSX.Element;
-
-export { ColorPicker };

package/dist/components/color-picker.js

@@ -1,7 +0,0 @@
-export { ColorPicker } from '../chunk-MJLFJPUG.js';
-import '../chunk-3VU56V66.js';
-import '../chunk-C34KSTWA.js';
-import '../chunk-55E7D2HR.js';
-import '../chunk-DGPY4WP3.js';
-//# sourceMappingURL=color-picker.js.map
-//# sourceMappingURL=color-picker.js.map

package/dist/components/color-picker.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"color-picker.js"}

package/dist/components/combobox.d.ts

@@ -1,98 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-
-/** A single option in the Combobox dropdown. */
-interface ComboboxOption {
-    /** Unique value for this option. */
-    value: string;
-    /** Display label shown in the dropdown list. */
-    label: string;
-    /** Whether this option is non-selectable. */
-    disabled?: boolean;
-}
-interface ComboboxProps {
-    /** Available options to display in the dropdown. */
-    options: ComboboxOption[];
-    /** Currently selected value. */
-    value?: string;
-    /** Callback fired when the selected value changes. */
-    onChange?: (value: string) => void;
-    /** Placeholder text shown when no value is selected. */
-    placeholder?: string;
-    /** Placeholder text for the search input inside the dropdown. */
-    searchPlaceholder?: string;
-    /** Text shown when no options match the search query. */
-    emptyText?: string;
-    /** Additional CSS class for the trigger button. */
-    className?: string;
-    /** Whether the combobox is disabled. */
-    disabled?: boolean;
-    /** Whether to show a clear button when a value is selected. */
-    clearable?: boolean;
-}
-/**
- * Searchable single-select combobox built on cmdk and Radix Popover.
- * Combines a text search input with a selectable option list.
- *
- * @example
- * ```tsx
- * const [value, setValue] = useState("");
- *
- * <Combobox
- *   options={[
- *     { value: "react", label: "React" },
- *     { value: "vue", label: "Vue" },
- *     { value: "svelte", label: "Svelte" },
- *   ]}
- *   value={value}
- *   onChange={setValue}
- *   placeholder="Select framework..."
- *   searchPlaceholder="Search..."
- *   clearable
- * />
- * ```
- */
-declare function Combobox({ options, value, onChange, placeholder, searchPlaceholder, emptyText, className, disabled, clearable, }: ComboboxProps): react_jsx_runtime.JSX.Element;
-interface MultiComboboxProps {
-    /** Available options to display in the dropdown. */
-    options: ComboboxOption[];
-    /** Array of currently selected values. */
-    value?: string[];
-    /** Callback fired when the selection changes. */
-    onChange?: (value: string[]) => void;
-    /** Placeholder text shown when no values are selected. */
-    placeholder?: string;
-    /** Placeholder text for the search input inside the dropdown. */
-    searchPlaceholder?: string;
-    /** Text shown when no options match the search query. */
-    emptyText?: string;
-    /** Additional CSS class for the trigger button. */
-    className?: string;
-    /** Whether the combobox is disabled. */
-    disabled?: boolean;
-    /** Maximum number of items that can be selected. */
-    maxSelected?: number;
-}
-/**
- * Searchable multi-select combobox that allows selecting multiple values.
- * Selected items are shown as a count in the trigger button.
- *
- * @example
- * ```tsx
- * const [selected, setSelected] = useState<string[]>([]);
- *
- * <MultiCombobox
- *   options={[
- *     { value: "react", label: "React" },
- *     { value: "vue", label: "Vue" },
- *     { value: "svelte", label: "Svelte" },
- *   ]}
- *   value={selected}
- *   onChange={setSelected}
- *   placeholder="Select frameworks..."
- *   maxSelected={3}
- * />
- * ```
- */
-declare function MultiCombobox({ options, value, onChange, placeholder, searchPlaceholder, emptyText, className, disabled, maxSelected, }: MultiComboboxProps): react_jsx_runtime.JSX.Element;
-
-export { Combobox, type ComboboxOption, MultiCombobox };

package/dist/components/combobox.js

@@ -1,8 +0,0 @@
-export { Combobox, MultiCombobox } from '../chunk-NPL2R5LD.js';
-import '../chunk-C34KSTWA.js';
-import '../chunk-6GWVQB3Q.js';
-import '../chunk-F2ZJLKDP.js';
-import '../chunk-55E7D2HR.js';
-import '../chunk-DGPY4WP3.js';
-//# sourceMappingURL=combobox.js.map
-//# sourceMappingURL=combobox.js.map

package/dist/components/combobox.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"combobox.js"}