@omnifyjp/ui 0.5.2 → 1.0.0

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

@@ -1 +1,65 @@
-export * from '@omnifyjp/ui-components/components/calendar-mini';
+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,3 +1,6 @@
-export * from '@omnifyjp/ui-components/components/calendar-mini';
+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 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"calendar-mini.js","sourcesContent":[]}
+{"version":3,"sources":[],"names":[],"mappings":"","file":"calendar-mini.js"}

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

@@ -1 +1,58 @@
-export * from '@omnifyjp/ui-components/components/calendar-toolbar';
+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,3 +1,7 @@
-export * from '@omnifyjp/ui-components/components/calendar-toolbar';
+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 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"calendar-toolbar.js","sourcesContent":[]}
+{"version":3,"sources":[],"names":[],"mappings":"","file":"calendar-toolbar.js"}

package/dist/components/calendar.d.ts

@@ -1 +1,19 @@
-export * from '@omnifyjp/ui-components/components/calendar';
+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,3 +1,5 @@
-export * from '@omnifyjp/ui-components/components/calendar';
+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 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"calendar.js","sourcesContent":[]}
+{"version":3,"sources":[],"names":[],"mappings":"","file":"calendar.js"}

package/dist/components/card.d.ts

@@ -1 +1,43 @@
-export * from '@omnifyjp/ui-components/components/card';
+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,3 +1,4 @@
-export * from '@omnifyjp/ui-components/components/card';
+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 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"card.js","sourcesContent":[]}
+{"version":3,"sources":[],"names":[],"mappings":"","file":"card.js"}

package/dist/components/carousel.d.ts

@@ -1 +1,53 @@
-export * from '@omnifyjp/ui-components/components/carousel';
+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 '../lib/types.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,3 +1,5 @@
-export * from '@omnifyjp/ui-components/components/carousel';
+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 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"carousel.js","sourcesContent":[]}
+{"version":3,"sources":[],"names":[],"mappings":"","file":"carousel.js"}

package/dist/components/chart.d.ts

@@ -1 +1,125 @@
-export * from '@omnifyjp/ui-components/components/chart';
+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<"div"> & {
+    active?: boolean;
+    payload?: Array<{
+        name?: string;
+        value?: string | number;
+        dataKey?: string;
+        color?: string;
+        fill?: string;
+        payload?: Record<string, unknown>;
+        [key: string]: unknown;
+    }>;
+    label?: string;
+    labelClassName?: string;
+    labelFormatter?: (label: unknown, payload: Array<Record<string, unknown>>) => React.ReactNode;
+    formatter?: (value: unknown, name: string, item: Record<string, unknown>, index: number, payload: unknown) => React.ReactNode;
+    color?: string;
+    /** 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"> & {
+    payload?: Array<{
+        value?: string;
+        dataKey?: string;
+        color?: string;
+        [key: string]: unknown;
+    }>;
+    verticalAlign?: "top" | "bottom" | "middle";
+    /** 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,3 +1,4 @@
-export * from '@omnifyjp/ui-components/components/chart';
+export { ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent } from '../chunk-DNCZOUNY.js';
+import '../chunk-DGPY4WP3.js';
 //# sourceMappingURL=chart.js.map
 //# sourceMappingURL=chart.js.map

package/dist/components/chart.js.map

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

package/dist/components/checkbox.d.ts

@@ -1 +1,24 @@
-export * from '@omnifyjp/ui-components/components/checkbox';
+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,3 +1,4 @@
-export * from '@omnifyjp/ui-components/components/checkbox';
+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 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"checkbox.js","sourcesContent":[]}
+{"version":3,"sources":[],"names":[],"mappings":"","file":"checkbox.js"}

package/dist/components/collapsible.d.ts

@@ -1 +1,28 @@
-export * from '@omnifyjp/ui-components/components/collapsible';
+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 +1,3 @@
-export * from '@omnifyjp/ui-components/components/collapsible';
+export { Collapsible, CollapsibleContent, CollapsibleTrigger } from '../chunk-3EOHW4QN.js';
 //# sourceMappingURL=collapsible.js.map
 //# sourceMappingURL=collapsible.js.map

package/dist/components/collapsible.js.map

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

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

@@ -1 +1,35 @@
-export * from '@omnifyjp/ui-components/components/color-picker';
+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,3 +1,7 @@
-export * from '@omnifyjp/ui-components/components/color-picker';
+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 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"color-picker.js","sourcesContent":[]}
+{"version":3,"sources":[],"names":[],"mappings":"","file":"color-picker.js"}