@omnifyjp/ui 0.5.3 → 1.0.0

package/dist/components/scope-tree.d.ts

@@ -0,0 +1,78 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { LucideIcon } from 'lucide-react';
+
+/** A small badge displayed next to a tree node name. */
+interface ScopeTreeBadge {
+    /** Badge display text. */
+    label: string;
+    /** Optional className to style this badge. */
+    className?: string;
+}
+/** A node in the scope tree hierarchy. */
+interface ScopeTreeNode {
+    /** Unique identifier for this node, or `null` for root/global nodes. */
+    id: string | null;
+    /** Display name of this scope. */
+    name: string;
+    /** Scope type key (e.g. "global", "organization", "branch", "location"). Determines the icon. */
+    type: string;
+    /** Optional child nodes for nested hierarchy. */
+    children?: ScopeTreeNode[];
+    /** Optional badges displayed next to the node name. */
+    badges?: ScopeTreeBadge[];
+}
+/** Represents the currently selected scope in the tree. */
+interface ScopeTreeSelectedScope {
+    /** The scope type key of the selected node. */
+    type: string;
+    /** The ID of the selected node, or `null` for root/global nodes. */
+    id: string | null;
+}
+/** Localizable labels for the scope tree. Currently reserved for future extensibility. */
+interface ScopeTreeLabels {
+    /** No labels are required by default; provided for future extensibility. */
+    [key: string]: string;
+}
+interface ScopeTreeProps {
+    /** Tree data: an array of root-level scope nodes. */
+    nodes: ScopeTreeNode[];
+    /** The currently selected scope (type + id). Used for highlighting. */
+    selectedScope?: ScopeTreeSelectedScope;
+    /** Callback when a node is clicked. */
+    onSelect?: (scope: ScopeTreeSelectedScope) => void;
+    /** Localizable labels. Currently reserved for future extensibility. */
+    labels?: Partial<ScopeTreeLabels>;
+    /** Default expansion depth. Nodes at depth < this value start expanded. Defaults to `1`. */
+    defaultExpandDepth?: number;
+    /** Custom icon map keyed by scope type. Falls back to built-in icons for global/organization/branch/location. */
+    iconMap?: Record<string, LucideIcon>;
+}
+/**
+ * Hierarchical tree view for selecting organizational scopes (e.g. global,
+ * organization, branch, location). Nodes are expandable/collapsible with
+ * chevron icons. Each node type has a dedicated icon. Supports custom icons
+ * via `iconMap` and optional badges on nodes.
+ *
+ * @example
+ * ```tsx
+ * const nodes: ScopeTreeNode[] = [
+ *   {
+ *     id: null, name: "Global", type: "global",
+ *     children: [
+ *       { id: "org-1", name: "Acme Corp", type: "organization", children: [
+ *         { id: "br-1", name: "Tokyo HQ", type: "branch" },
+ *       ]},
+ *     ],
+ *   },
+ * ];
+ *
+ * <ScopeTree
+ *   nodes={nodes}
+ *   selectedScope={{ type: "branch", id: "br-1" }}
+ *   onSelect={(scope) => setSelected(scope)}
+ * />
+ * ```
+ */
+declare function ScopeTree({ nodes, selectedScope, onSelect, defaultExpandDepth, iconMap, }: ScopeTreeProps): react_jsx_runtime.JSX.Element;
+
+export { ScopeTree, type ScopeTreeBadge, type ScopeTreeLabels, type ScopeTreeNode, type ScopeTreeProps, type ScopeTreeSelectedScope };

package/dist/components/scope-tree.js

@@ -0,0 +1,5 @@
+export { ScopeTree } from '../chunk-BAQWGQJG.js';
+import '../chunk-A3BB5ZOC.js';
+import '../chunk-DGPY4WP3.js';
+//# sourceMappingURL=scope-tree.js.map
+//# sourceMappingURL=scope-tree.js.map

package/dist/components/scope-tree.js.map

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

package/dist/components/scope-type-badge.d.ts

@@ -0,0 +1,35 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { LucideIcon } from 'lucide-react';
+
+/** Custom style and icon overrides for a scope type badge. */
+interface ScopeTypeBadgeStyles {
+    /** Tailwind className string for the badge background, text, and border colors. */
+    className: string;
+    /** Lucide icon component to display in the badge. */
+    icon: LucideIcon;
+}
+interface ScopeTypeBadgeProps {
+    /** The scope type key (e.g. "global", "organization", "branch", "location"). */
+    type: string;
+    /** The display label for the badge. */
+    label: string;
+    /** Optional className to append to the badge. */
+    className?: string;
+    /** Override default styles and icon for the given type. */
+    styles?: Partial<ScopeTypeBadgeStyles>;
+}
+/**
+ * Color-coded badge with an icon indicating a scope type. Ships with built-in
+ * styles for global (blue/Globe), organization (purple/Building2), branch
+ * (amber/GitBranch), and location (green/MapPin). Custom types fall back to
+ * global styling unless overridden via `styles`.
+ *
+ * @example
+ * ```tsx
+ * <ScopeTypeBadge type="organization" label="Organization" />
+ * <ScopeTypeBadge type="branch" label="Branch" />
+ * ```
+ */
+declare function ScopeTypeBadge({ type, label, className, styles: styleOverrides, }: ScopeTypeBadgeProps): react_jsx_runtime.JSX.Element;
+
+export { ScopeTypeBadge, type ScopeTypeBadgeProps, type ScopeTypeBadgeStyles };

package/dist/components/scope-type-badge.js

@@ -0,0 +1,5 @@
+export { ScopeTypeBadge } from '../chunk-N47H4MHX.js';
+import '../chunk-A3BB5ZOC.js';
+import '../chunk-DGPY4WP3.js';
+//# sourceMappingURL=scope-type-badge.js.map
+//# sourceMappingURL=scope-type-badge.js.map

package/dist/components/scope-type-badge.js.map

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

package/dist/components/scroll-area.d.ts

@@ -0,0 +1,29 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
+
+/**
+ * Custom scrollable container with styled scrollbar built on Radix ScrollArea.
+ *
+ * Replaces native browser scrollbars with a thin, themed scrollbar.
+ * Includes a vertical `ScrollBar` by default. Add a horizontal `ScrollBar`
+ * as a child if needed.
+ *
+ * @example
+ * ```tsx
+ * <ScrollArea className="h-72 w-48 rounded-md border">
+ *   <div className="p-4">
+ *     {items.map((item) => (
+ *       <div key={item} className="py-2 text-sm">
+ *         {item}
+ *       </div>
+ *     ))}
+ *   </div>
+ * </ScrollArea>
+ * ```
+ */
+declare function ScrollArea({ className, children, ...props }: React.ComponentProps<typeof ScrollAreaPrimitive.Root>): react_jsx_runtime.JSX.Element;
+/** Styled scrollbar track and thumb. Set `orientation` to `"horizontal"` or `"vertical"` (default). */
+declare function ScrollBar({ className, orientation, ...props }: React.ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>): react_jsx_runtime.JSX.Element;
+
+export { ScrollArea, ScrollBar };

package/dist/components/scroll-area.js

@@ -0,0 +1,4 @@
+export { ScrollArea, ScrollBar } from '../chunk-JJSVA3TH.js';
+import '../chunk-DGPY4WP3.js';
+//# sourceMappingURL=scroll-area.js.map
+//# sourceMappingURL=scroll-area.js.map

package/dist/components/scroll-area.js.map

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

package/dist/components/select.d.ts

@@ -0,0 +1,52 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import * as SelectPrimitive from '@radix-ui/react-select';
+
+/**
+ * Select dropdown component built on Radix UI Select.
+ * Provides a styled, accessible dropdown for selecting a single value from a list.
+ *
+ * @example
+ * ```tsx
+ * <Select value={value} onValueChange={setValue}>
+ *   <SelectTrigger>
+ *     <SelectValue placeholder="Choose..." />
+ *   </SelectTrigger>
+ *   <SelectContent>
+ *     <SelectGroup>
+ *       <SelectLabel>Fruits</SelectLabel>
+ *       <SelectItem value="apple">Apple</SelectItem>
+ *       <SelectItem value="banana">Banana</SelectItem>
+ *     </SelectGroup>
+ *     <SelectSeparator />
+ *     <SelectGroup>
+ *       <SelectLabel>Vegetables</SelectLabel>
+ *       <SelectItem value="carrot">Carrot</SelectItem>
+ *     </SelectGroup>
+ *   </SelectContent>
+ * </Select>
+ * ```
+ */
+declare function Select({ ...props }: React.ComponentProps<typeof SelectPrimitive.Root>): react_jsx_runtime.JSX.Element;
+/** Groups related select items under an optional label. */
+declare function SelectGroup({ ...props }: React.ComponentProps<typeof SelectPrimitive.Group>): react_jsx_runtime.JSX.Element;
+/** Displays the currently selected value or a placeholder. */
+declare function SelectValue({ ...props }: React.ComponentProps<typeof SelectPrimitive.Value>): react_jsx_runtime.JSX.Element;
+/** Button that toggles the select dropdown open/closed. */
+declare const SelectTrigger: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & {
+    size?: "sm" | "default";
+} & React.RefAttributes<HTMLButtonElement>>;
+/** Dropdown content container rendered in a portal. */
+declare function SelectContent({ className, children, position, ...props }: React.ComponentProps<typeof SelectPrimitive.Content>): react_jsx_runtime.JSX.Element;
+/** Non-interactive label rendered inside a SelectGroup. */
+declare function SelectLabel({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.Label>): react_jsx_runtime.JSX.Element;
+/** A selectable option within the dropdown. */
+declare function SelectItem({ className, children, ...props }: React.ComponentProps<typeof SelectPrimitive.Item>): react_jsx_runtime.JSX.Element;
+/** Visual separator between select groups or items. */
+declare function SelectSeparator({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.Separator>): react_jsx_runtime.JSX.Element;
+/** Scroll-up indicator shown when the list is scrollable. */
+declare function SelectScrollUpButton({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.ScrollUpButton>): react_jsx_runtime.JSX.Element;
+/** Scroll-down indicator shown when the list is scrollable. */
+declare function SelectScrollDownButton({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.ScrollDownButton>): react_jsx_runtime.JSX.Element;
+
+export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue };

package/dist/components/select.js

@@ -0,0 +1,4 @@
+export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue } from '../chunk-NNJTKHCE.js';
+import '../chunk-DGPY4WP3.js';
+//# sourceMappingURL=select.js.map
+//# sourceMappingURL=select.js.map

package/dist/components/select.js.map

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

package/dist/components/separator.d.ts

@@ -0,0 +1,24 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import * as SeparatorPrimitive from '@radix-ui/react-separator';
+
+type SeparatorProps = React.ComponentProps<typeof SeparatorPrimitive.Root>;
+/**
+ * Visual divider between content sections, rendered as a horizontal or vertical line.
+ *
+ * @example
+ * ```tsx
+ * // Horizontal (default)
+ * <Separator />
+ *
+ * // Vertical divider in a flex row
+ * <div className="flex items-center gap-4">
+ *   <span>Left</span>
+ *   <Separator orientation="vertical" className="h-4" />
+ *   <span>Right</span>
+ * </div>
+ * ```
+ */
+declare function Separator({ className, orientation, decorative, ...props }: SeparatorProps): react_jsx_runtime.JSX.Element;
+
+export { Separator, type SeparatorProps };

package/dist/components/separator.js

@@ -0,0 +1,4 @@
+export { Separator } from '../chunk-PGWNOZDX.js';
+import '../chunk-DGPY4WP3.js';
+//# sourceMappingURL=separator.js.map
+//# sourceMappingURL=separator.js.map

package/dist/components/separator.js.map

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

package/dist/components/sheet.d.ts

@@ -0,0 +1,51 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import * as DialogPrimitive from '@radix-ui/react-dialog';
+
+/**
+ * Slide-out panel component built on Radix UI Dialog.
+ *
+ * A sheet slides in from the edge of the screen, ideal for navigation,
+ * filters, or supplementary content. Supports `top`, `right`, `bottom`,
+ * and `left` sides via the `side` prop on `SheetContent`.
+ *
+ * @example
+ * ```tsx
+ * <Sheet open={open} onOpenChange={setOpen}>
+ *   <SheetTrigger asChild>
+ *     <Button variant="outline">Open Sheet</Button>
+ *   </SheetTrigger>
+ *   <SheetContent side="right">
+ *     <SheetHeader>
+ *       <SheetTitle>Settings</SheetTitle>
+ *       <SheetDescription>
+ *         Adjust your preferences below.
+ *       </SheetDescription>
+ *     </SheetHeader>
+ *     <div className="p-4">Content here</div>
+ *     <SheetFooter>
+ *       <Button onClick={() => setOpen(false)}>Done</Button>
+ *     </SheetFooter>
+ *   </SheetContent>
+ * </Sheet>
+ * ```
+ */
+declare function Sheet({ ...props }: React.ComponentProps<typeof DialogPrimitive.Root>): react_jsx_runtime.JSX.Element;
+/** Element that opens the sheet when clicked. Use `asChild` to merge into your own button. */
+declare function SheetTrigger({ ...props }: React.ComponentProps<typeof DialogPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
+/** Button that closes the sheet. Use `asChild` to merge into your own button. */
+declare function SheetClose({ ...props }: React.ComponentProps<typeof DialogPrimitive.Close>): react_jsx_runtime.JSX.Element;
+/** Sliding content panel. Set `side` to control which edge it slides from (default: `"right"`). */
+declare function SheetContent({ className, children, side, ...props }: React.ComponentProps<typeof DialogPrimitive.Content> & {
+    side?: "top" | "right" | "bottom" | "left";
+}): react_jsx_runtime.JSX.Element;
+/** Container for SheetTitle and SheetDescription at the top of the sheet. */
+declare function SheetHeader({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+/** Container for action buttons at the bottom of the sheet. Pushed to the bottom via `mt-auto`. */
+declare function SheetFooter({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+/** Accessible title rendered inside SheetHeader. */
+declare function SheetTitle({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Title>): react_jsx_runtime.JSX.Element;
+/** Accessible description rendered inside SheetHeader below the title. */
+declare function SheetDescription({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Description>): react_jsx_runtime.JSX.Element;
+
+export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger };

package/dist/components/sheet.js

@@ -0,0 +1,4 @@
+export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger } from '../chunk-JLTBUACL.js';
+import '../chunk-DGPY4WP3.js';
+//# sourceMappingURL=sheet.js.map
+//# sourceMappingURL=sheet.js.map

package/dist/components/sheet.js.map

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

package/dist/components/skeleton.d.ts

@@ -0,0 +1,25 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+type SkeletonProps = React.ComponentProps<"div">;
+/**
+ * Placeholder loading indicator with a pulse animation, used to represent
+ * content that is being fetched or rendered.
+ *
+ * @example
+ * ```tsx
+ * // Text placeholder
+ * <Skeleton className="h-4 w-48" />
+ *
+ * // Circular avatar placeholder
+ * <Skeleton className="size-10 rounded-full" />
+ *
+ * // Card skeleton
+ * <div className="space-y-2">
+ *   <Skeleton className="h-4 w-full" />
+ *   <Skeleton className="h-4 w-3/4" />
+ * </div>
+ * ```
+ */
+declare function Skeleton({ className, ...props }: SkeletonProps): react_jsx_runtime.JSX.Element;
+
+export { Skeleton, type SkeletonProps };

package/dist/components/skeleton.js

@@ -0,0 +1,4 @@
+export { Skeleton } from '../chunk-JXGRW2MR.js';
+import '../chunk-DGPY4WP3.js';
+//# sourceMappingURL=skeleton.js.map
+//# sourceMappingURL=skeleton.js.map

package/dist/components/skeleton.js.map

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

package/dist/components/slider.d.ts

@@ -0,0 +1,24 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import * as SliderPrimitive from '@radix-ui/react-slider';
+
+type SliderProps = React.ComponentProps<typeof SliderPrimitive.Root>;
+/**
+ * Draggable range input for selecting a numeric value or range within a given min/max.
+ * Supports single-thumb and multi-thumb modes, as well as vertical orientation.
+ *
+ * @example
+ * ```tsx
+ * // Single value
+ * <Slider defaultValue={[50]} max={100} step={1} />
+ *
+ * // Range (two thumbs)
+ * <Slider defaultValue={[25, 75]} max={100} step={5} />
+ *
+ * // Controlled
+ * <Slider value={[volume]} onValueChange={([v]) => setVolume(v)} />
+ * ```
+ */
+declare function Slider({ className, defaultValue, value, min, max, ...props }: SliderProps): react_jsx_runtime.JSX.Element;
+
+export { Slider, type SliderProps };

package/dist/components/slider.js

@@ -0,0 +1,4 @@
+export { Slider } from '../chunk-EWBCV7VA.js';
+import '../chunk-DGPY4WP3.js';
+//# sourceMappingURL=slider.js.map
+//# sourceMappingURL=slider.js.map

package/dist/components/slider.js.map

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

package/dist/components/slug-input.d.ts

@@ -0,0 +1,50 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+/** Customizable labels for the SlugInput component. */
+interface SlugInputLabels {
+    /** Label text above the slug input field. */
+    slug: string;
+    /** Helper text below the slug input. */
+    autoGenerated: string;
+    /** Placeholder shown inside the slug input. */
+    placeholder: string;
+}
+interface SlugInputProps {
+    /** Source title string from which the slug is auto-generated. */
+    title: string;
+    /** Current slug value. */
+    slug: string;
+    /** Callback fired when the slug changes (auto-generated or manually edited). */
+    onSlugChange: (slug: string) => void;
+    /** Whether auto-generation from title is disabled and slug is manually editable only. */
+    disabled?: boolean;
+    /** Override default label strings for localization. */
+    labels?: Partial<SlugInputLabels>;
+}
+/**
+ * Generates a URL-friendly slug from a text string.
+ * Handles Vietnamese diacritics and other special characters.
+ */
+declare function generateSlug(text: string): string;
+/**
+ * URL slug input that auto-generates a slug from a title string.
+ * Handles Vietnamese diacritics and special characters via `generateSlug`.
+ * The slug updates automatically when the title changes (unless `disabled` is true).
+ *
+ * @example
+ * ```tsx
+ * const [title, setTitle] = useState("My Blog Post");
+ * const [slug, setSlug] = useState("");
+ *
+ * <Input value={title} onChange={(e) => setTitle(e.target.value)} />
+ * <SlugInput
+ *   title={title}
+ *   slug={slug}
+ *   onSlugChange={setSlug}
+ * />
+ * // slug will auto-populate as "my-blog-post"
+ * ```
+ */
+declare function SlugInput({ title, slug, onSlugChange, disabled, labels: labelOverrides, }: SlugInputProps): react_jsx_runtime.JSX.Element;
+
+export { SlugInput, type SlugInputLabels, type SlugInputProps, generateSlug };

package/dist/components/slug-input.js

@@ -0,0 +1,6 @@
+export { SlugInput, generateSlug } from '../chunk-75WZR6HF.js';
+import '../chunk-P3M5TZD2.js';
+import '../chunk-3VU56V66.js';
+import '../chunk-DGPY4WP3.js';
+//# sourceMappingURL=slug-input.js.map
+//# sourceMappingURL=slug-input.js.map

package/dist/components/slug-input.js.map

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

package/dist/components/sonner.d.ts

@@ -0,0 +1,22 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ToasterProps } from 'sonner';
+
+/**
+ * Toast notification container powered by the Sonner library.
+ * Renders toast messages at a configurable position on screen.
+ * Place this once at the root of your app, then use `toast()` to trigger notifications.
+ *
+ * @example
+ * ```tsx
+ * // In your root layout:
+ * <Toaster />
+ *
+ * // Anywhere in your app:
+ * import { toast } from "sonner";
+ * toast.success("Changes saved");
+ * toast.error("Something went wrong");
+ * ```
+ */
+declare const Toaster: ({ ...props }: ToasterProps) => react_jsx_runtime.JSX.Element;
+
+export { Toaster };

package/dist/components/sonner.js

@@ -0,0 +1,3 @@
+export { Toaster } from '../chunk-CUZR4JWM.js';
+//# sourceMappingURL=sonner.js.map
+//# sourceMappingURL=sonner.js.map

package/dist/components/sonner.js.map

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

package/dist/components/stage-type-badge.d.ts

@@ -0,0 +1,30 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+/** Supported stage types with built-in icon and color mappings. */
+type StageType = 'approval' | 'review' | 'notification' | 'conditional';
+interface StageTypeBadgeProps {
+    /** The stage type key. Determines the icon and color. */
+    type: StageType;
+    /** The displayed label text. Defaults to a capitalized version of the type. */
+    label?: string;
+    /** Optional additional className. */
+    className?: string;
+}
+/**
+ * StageTypeBadge renders a badge with an icon and color for a workflow stage type.
+ *
+ * Each type has a dedicated icon and color scheme:
+ * - approval: CheckCircle (green)
+ * - review: Eye (blue)
+ * - notification: Bell (amber)
+ * - conditional: GitBranch (purple)
+ *
+ * @example
+ * ```tsx
+ * <StageTypeBadge type="approval" />
+ * <StageTypeBadge type="review" label="Peer Review" />
+ * ```
+ */
+declare function StageTypeBadge({ type, label, className }: StageTypeBadgeProps): react_jsx_runtime.JSX.Element;
+
+export { type StageType, StageTypeBadge, type StageTypeBadgeProps };

package/dist/components/stage-type-badge.js

@@ -0,0 +1,5 @@
+export { StageTypeBadge } from '../chunk-ZHEKDP5X.js';
+import '../chunk-A3BB5ZOC.js';
+import '../chunk-DGPY4WP3.js';
+//# sourceMappingURL=stage-type-badge.js.map
+//# sourceMappingURL=stage-type-badge.js.map

package/dist/components/stage-type-badge.js.map

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

package/dist/components/switch.d.ts

@@ -0,0 +1,26 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import * as SwitchPrimitives from '@radix-ui/react-switch';
+
+type SwitchProps = React.ComponentProps<typeof SwitchPrimitives.Root>;
+/**
+ * Toggle switch for boolean on/off states, styled as a sliding pill.
+ *
+ * @example
+ * ```tsx
+ * // Uncontrolled
+ * <Switch defaultChecked />
+ *
+ * // Controlled
+ * <Switch checked={enabled} onCheckedChange={setEnabled} />
+ *
+ * // With label
+ * <div className="flex items-center gap-2">
+ *   <Switch id="notifications" />
+ *   <Label htmlFor="notifications">Enable notifications</Label>
+ * </div>
+ * ```
+ */
+declare function Switch({ className, ...props }: SwitchProps): react_jsx_runtime.JSX.Element;
+
+export { Switch, type SwitchProps };

package/dist/components/switch.js

@@ -0,0 +1,4 @@
+export { Switch } from '../chunk-XOJJBNDX.js';
+import '../chunk-DGPY4WP3.js';
+//# sourceMappingURL=switch.js.map
+//# sourceMappingURL=switch.js.map

package/dist/components/switch.js.map

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

package/dist/components/table.d.ts

@@ -0,0 +1,57 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+
+/**
+ * Data table component with header, body, footer, row, head, cell, and caption sub-components.
+ *
+ * Renders inside a horizontally scrollable container. Uses density tokens for
+ * consistent header height (`h-table-head`) and cell padding.
+ *
+ * @example
+ * ```tsx
+ * <Table>
+ *   <TableHeader>
+ *     <TableRow>
+ *       <TableHead>Name</TableHead>
+ *       <TableHead>Email</TableHead>
+ *       <TableHead>Role</TableHead>
+ *     </TableRow>
+ *   </TableHeader>
+ *   <TableBody>
+ *     <TableRow>
+ *       <TableCell>Alice</TableCell>
+ *       <TableCell>alice@example.com</TableCell>
+ *       <TableCell>Admin</TableCell>
+ *     </TableRow>
+ *     <TableRow>
+ *       <TableCell>Bob</TableCell>
+ *       <TableCell>bob@example.com</TableCell>
+ *       <TableCell>Member</TableCell>
+ *     </TableRow>
+ *   </TableBody>
+ *   <TableFooter>
+ *     <TableRow>
+ *       <TableCell colSpan={3}>2 users total</TableCell>
+ *     </TableRow>
+ *   </TableFooter>
+ *   <TableCaption>A list of team members.</TableCaption>
+ * </Table>
+ * ```
+ */
+declare function Table({ className, ...props }: React.ComponentProps<"table">): react_jsx_runtime.JSX.Element;
+/** Table header container. Groups `TableRow` elements for column headings. */
+declare function TableHeader({ className, ...props }: React.ComponentProps<"thead">): react_jsx_runtime.JSX.Element;
+/** Table body container. Groups `TableRow` elements for data rows. */
+declare function TableBody({ className, ...props }: React.ComponentProps<"tbody">): react_jsx_runtime.JSX.Element;
+/** Table footer container. Renders with a muted background and top border. */
+declare function TableFooter({ className, ...props }: React.ComponentProps<"tfoot">): react_jsx_runtime.JSX.Element;
+/** Table row with hover highlight and selected state support via `data-state="selected"`. */
+declare function TableRow({ className, ...props }: React.ComponentProps<"tr">): react_jsx_runtime.JSX.Element;
+/** Table head cell. Renders as a `<th>` with density-based height (`h-table-head`). */
+declare function TableHead({ className, ...props }: React.ComponentProps<"th">): react_jsx_runtime.JSX.Element;
+/** Table data cell. Renders as a `<td>` with consistent padding and alignment. */
+declare function TableCell({ className, ...props }: React.ComponentProps<"td">): react_jsx_runtime.JSX.Element;
+/** Table caption displayed below the table in muted text. */
+declare function TableCaption({ className, ...props }: React.ComponentProps<"caption">): react_jsx_runtime.JSX.Element;
+
+export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow };

package/dist/components/table.js

@@ -0,0 +1,4 @@
+export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow } from '../chunk-S6PDRGR5.js';
+import '../chunk-DGPY4WP3.js';
+//# sourceMappingURL=table.js.map
+//# sourceMappingURL=table.js.map

package/dist/components/table.js.map

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