plantasia.space-design 0.1.0

package/README.md

@@ -0,0 +1,108 @@
+# plantasia.space-design
+
+Shared design system for **plantasia.space** — *Home for Regenerative Music*.
+
+This repo is the source of the `plantasia.space-design` npm package: design tokens,
+base styles, brand effects, and (next) React UI components, shared by every
+Plantasia Space frontend. React-first, framework-agnostic — no Next.js, SSR-only,
+or package-manager assumptions.
+
+Tracked by Linear epic **PLA-174** (parent: ORB-41 visual/React refactor).
+
+## What's inside
+
+| Path | What |
+|---|---|
+| `src/tokens.css` | All design tokens as plain CSS custom properties (light + `.dark`). Zero-build consumption. |
+| `src/styles/fonts.css` | Brand webfonts: Orbit (titles), Inter (body), JetBrains Mono. |
+| `src/styles/base.css` | Portable base styles (backgrounds, type, cursors, scrollbars). |
+| `src/styles/effects.css` | Brand interactions: corner-bracket hovers, tab legs, segmented groups, filter rings, glass surfaces, motion. |
+| `src/styles/entity-frames.css` | Entity shapes: circle (xPlorer), square (Track), diamond (Collection), hexagon (Orbiter), bordered rect (Entangled World). |
+| `src/index.css` | Everything-in barrel import. |
+| `src/react/` | *(coming — PLA-246)* React components extracted from `plantasia.space-root`. |
+| `playground/` | Vite + React app: the developer UI kit (`cd playground && npm i && npm run dev` → http://localhost:5180). |
+| `docs/DESIGN.md` | Design-language reference (component patterns, spacing, voice). |
+| `docs/brand.md` | Platform, entity, and voice/tone context. |
+| `archive/` | Pre-package material (static previews, Babel prototype, old token file). Superseded; kept for reference. |
+
+> **Doc drift warning:** `docs/DESIGN.md` and `docs/brand.md` still describe the older
+> teal/pink brand accents. Production (and `src/tokens.css`, extracted from the
+> production app) uses the monochrome white/black palette — `--xplorer-col-1: #fff`,
+> `--xplorer-col-2: #000`. Trust the tokens; the docs' color sections await a pass.
+
+## Consuming
+
+### Vanilla app, no build step
+
+```html
+<link rel="stylesheet" href=".../plantasia.space-design/src/index.css" />
+<!-- or just the tokens during migration: -->
+<link rel="stylesheet" href=".../plantasia.space-design/src/tokens.css" />
+```
+
+### Bundled app (Vite, Next.js, anything)
+
+```js
+import 'plantasia.space-design/tokens.css';      // tokens only
+import 'plantasia.space-design/index.css';        // the full visual language
+import 'plantasia.space-design/styles/entity-frames.css'; // à la carte
+```
+
+### Tailwind v4 host (plantasia.space-root)
+
+Keep your `@theme inline` block mapping the tokens into Tailwind; import the token
+file first:
+
+```css
+@import 'tailwindcss';
+@import 'plantasia.space-design/tokens.css';
+/* app-local @theme inline { --color-background: var(--background); … } */
+```
+
+When the React components land, Tailwind hosts also add
+`@source "../node_modules/plantasia.space-design";` so component classes generate.
+
+### Theming contract
+
+- Light is the default; dark ships as a `.dark` class on `<html>` (or any subtree).
+- Hosts may override any token at runtime by writing the custom property —
+  this is how the root app's theme-config and EW Studio's `studioTheme.js` already
+  work. Brand primitives to override first: `--xplorer-col-1`, `--xplorer-col-2`;
+  everything semantic derives from those two plus the neutral scale.
+- Fonts: hosts may keep loading the same Google Fonts via `<link>` in their own
+  head (as the Next.js app does) instead of `styles/fonts.css` — token names are
+  the contract, not the loader.
+
+## Developing
+
+CSS-only for now — no build, no dependencies. Edit `src/`, version with semver.
+The React build (tsup → ESM + d.ts) arrives with PLA-246.
+
+## Local testing — link, don't publish
+
+**Nothing goes to npm until a first version has been tested inside the real apps.**
+All sibling apps live next to this repo under `ps-fe/`, so they consume the local
+package directly while developing:
+
+```sh
+# from the consuming app (orbiters, entangled-worlds-preview, plantasia.space-root):
+npm install --no-save ../plantasia.space-design
+```
+
+`--no-save` keeps the app's `package.json` and lockfile untouched (deploys/CI are
+unaffected); the install symlinks `node_modules/plantasia.space-design` to this
+folder, so package edits show up in the app's dev server live. Re-run the command
+after a fresh `npm install` in the app (a clean install drops the unlisted link).
+
+When a version is proven inside at least one app, publishing is a deliberate,
+separate step: `npm publish` (public npm, unscoped — same flow as
+`entangled-worlds-orbiters-shared`), then consumers switch to a real semver
+dependency.
+
+## Consumers & migration state
+
+| App | State |
+|---|---|
+| `plantasia.space-root` (Next 15) | Source of the extracted tokens/components; migrates to consume them in PLA-247. |
+| `orbiters` (vanilla + Vite) | Adopts `tokens.css` + alias block in ORB-75. |
+| `entangled-worlds-preview` (vanilla + Vite) | Bridges `--studio-theme-*` onto these tokens in ORB-76. |

package/dist/accordion.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import * as AccordionPrimitive from '@radix-ui/react-accordion';
+
+declare function Accordion({ ...props }: React.ComponentProps<typeof AccordionPrimitive.Root>): React.JSX.Element;
+declare function AccordionItem({ className, ...props }: React.ComponentProps<typeof AccordionPrimitive.Item>): React.JSX.Element;
+declare function AccordionTrigger({ className, children, ...props }: React.ComponentProps<typeof AccordionPrimitive.Trigger>): React.JSX.Element;
+declare function AccordionContent({ className, children, ...props }: React.ComponentProps<typeof AccordionPrimitive.Content>): React.JSX.Element;
+
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger };

package/dist/accordion.js

@@ -0,0 +1,16 @@
+"use client";
+"use client";
+import {
+  Accordion,
+  AccordionContent,
+  AccordionItem,
+  AccordionTrigger
+} from "./chunk-ZXFM4XML.js";
+import "./chunk-BRLBKYOJ.js";
+export {
+  Accordion,
+  AccordionContent,
+  AccordionItem,
+  AccordionTrigger
+};
+//# sourceMappingURL=accordion.js.map

package/dist/accordion.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/alert-dialog.d.ts

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
+
+declare function AlertDialog({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Root>): React.JSX.Element;
+declare function AlertDialogTrigger({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Trigger>): React.JSX.Element;
+declare function AlertDialogPortal({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Portal>): React.JSX.Element;
+declare function AlertDialogOverlay({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Overlay>): React.JSX.Element;
+declare function AlertDialogContent({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Content>): React.JSX.Element;
+declare function AlertDialogHeader({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function AlertDialogFooter({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function AlertDialogTitle({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Title>): React.JSX.Element;
+declare function AlertDialogDescription({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Description>): React.JSX.Element;
+declare function AlertDialogAction({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Action>): React.JSX.Element;
+declare function AlertDialogCancel({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Cancel>): React.JSX.Element;
+
+export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger };

package/dist/alert-dialog.js

@@ -0,0 +1,31 @@
+"use client";
+"use client";
+import {
+  AlertDialog,
+  AlertDialogAction,
+  AlertDialogCancel,
+  AlertDialogContent,
+  AlertDialogDescription,
+  AlertDialogFooter,
+  AlertDialogHeader,
+  AlertDialogOverlay,
+  AlertDialogPortal,
+  AlertDialogTitle,
+  AlertDialogTrigger
+} from "./chunk-I2ZMIGGK.js";
+import "./chunk-FK3FW3MS.js";
+import "./chunk-BRLBKYOJ.js";
+export {
+  AlertDialog,
+  AlertDialogAction,
+  AlertDialogCancel,
+  AlertDialogContent,
+  AlertDialogDescription,
+  AlertDialogFooter,
+  AlertDialogHeader,
+  AlertDialogOverlay,
+  AlertDialogPortal,
+  AlertDialogTitle,
+  AlertDialogTrigger
+};
+//# sourceMappingURL=alert-dialog.js.map

package/dist/alert-dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/alert.d.ts

@@ -0,0 +1,12 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
+
+declare const alertVariants: (props?: ({
+    variant?: "default" | "destructive" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare function Alert({ className, variant, ...props }: React.ComponentProps<"div"> & VariantProps<typeof alertVariants>): React.JSX.Element;
+declare function AlertTitle({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function AlertDescription({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+
+export { Alert, AlertDescription, AlertTitle };

package/dist/alert.js

@@ -0,0 +1,13 @@
+"use client";
+import {
+  Alert,
+  AlertDescription,
+  AlertTitle
+} from "./chunk-QR3MQNAG.js";
+import "./chunk-BRLBKYOJ.js";
+export {
+  Alert,
+  AlertDescription,
+  AlertTitle
+};
+//# sourceMappingURL=alert.js.map

package/dist/alert.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/arrow/arrow-audio-segment.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+
+interface ArrowAudioSegmentProps {
+    startSec: number;
+    endSec: number;
+    onStartSecChange: (value: number) => void;
+    onEndSecChange: (value: number) => void;
+    trackDurationSec?: number | null;
+}
+declare function formatTimeLabel(seconds: number): string;
+declare function ArrowAudioSegment({ startSec, endSec, onStartSecChange, onEndSecChange, trackDurationSec, }: ArrowAudioSegmentProps): React.JSX.Element;
+
+export { ArrowAudioSegment, formatTimeLabel };

package/dist/arrow/arrow-audio-segment.js

@@ -0,0 +1,14 @@
+"use client";
+"use client";
+import {
+  ArrowAudioSegment,
+  formatTimeLabel
+} from "../chunk-TUWIDKQI.js";
+import "../chunk-7O5CLHR3.js";
+import "../chunk-56WZ35NY.js";
+import "../chunk-BRLBKYOJ.js";
+export {
+  ArrowAudioSegment,
+  formatTimeLabel
+};
+//# sourceMappingURL=arrow-audio-segment.js.map

package/dist/arrow/arrow-audio-segment.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/arrow/arrow-knob.d.ts

@@ -0,0 +1,35 @@
+import * as React from 'react';
+
+type Tracking = "rel" | "abs";
+type KnobProps = {
+    className?: string;
+    value?: number;
+    defaultValue?: number;
+    min?: number;
+    max?: number;
+    step?: number;
+    log?: boolean;
+    /**
+     * Semicolon-separated colors for the knob visuals.
+     * Index mapping (five positions):
+     * 0: needle + fill color
+     * 1: compass-rose outline color
+     * 2: background circle fill color (use 'transparent' to disable)
+     * 3: reserved (unused)
+     * 4: reserved (unused)
+     * Example: "#e00;#333;transparent;#777;#555"
+     */
+    colors?: string;
+    sensitivity?: number;
+    tracking?: Tracking;
+    showLabel?: boolean;
+    tooltip?: boolean;
+    onChange?: (value: number) => void;
+    onValueChange?: (value: number) => void;
+    format?: (x: number) => string;
+    "aria-label"?: string;
+    "aria-labelledby"?: string;
+} & Omit<React.HTMLAttributes<HTMLDivElement>, "onChange">;
+declare function Knob({ className, value, defaultValue, min, max, step, log, colors, sensitivity, tracking, showLabel, tooltip, onChange, onValueChange, format, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, ...rest }: KnobProps): React.JSX.Element;
+
+export { Knob, type KnobProps };

package/dist/arrow/arrow-knob.js

@@ -0,0 +1,10 @@
+"use client";
+"use client";
+import {
+  Knob
+} from "../chunk-5VAJAIF6.js";
+import "../chunk-BRLBKYOJ.js";
+export {
+  Knob
+};
+//# sourceMappingURL=arrow-knob.js.map

package/dist/arrow/arrow-knob.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/arrow/arrow-param.d.ts

@@ -0,0 +1,34 @@
+import * as React from 'react';
+
+type ParamProps = {
+    className?: string;
+    id?: string;
+    name?: string;
+    value?: number;
+    defaultValue?: number;
+    min?: number;
+    max?: number;
+    step?: number;
+    precision?: number;
+    log?: boolean;
+    showInfinityAtMin?: boolean;
+    editable?: boolean;
+    label?: React.ReactNode;
+    format?: (x: number) => string;
+    onChange?: (value: number) => void;
+    onValueChange?: (value: number) => void;
+    /**
+     * Optional semicolon-separated colors for the value display.
+     * Index mapping (five positions):
+     * 0: text color
+     * 1: background color
+     * 2: border color
+     * 3: reserved
+     * 4: reserved
+     * Example: "var(--color-foreground);var(--color-background);var(--color-border);#777;#555"
+     */
+    colors?: string;
+} & Omit<React.HTMLAttributes<HTMLDivElement>, "onChange">;
+declare function Param({ className, id, name, value, defaultValue, min, max, step, precision, log, showInfinityAtMin, editable, label, format, onChange, onValueChange, colors, ...rest }: ParamProps): React.JSX.Element;
+
+export { Param, type ParamProps };

package/dist/arrow/arrow-param.js

@@ -0,0 +1,10 @@
+"use client";
+"use client";
+import {
+  Param
+} from "../chunk-BTGFCSAG.js";
+import "../chunk-BRLBKYOJ.js";
+export {
+  Param
+};
+//# sourceMappingURL=arrow-param.js.map

package/dist/arrow/arrow-param.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/arrow/arrow-slider.d.ts

@@ -0,0 +1,66 @@
+import * as React from 'react';
+
+type Direction = "horz" | "vert";
+type Tracking = "rel" | "abs";
+type SliderProps = {
+    className?: string;
+    value?: number;
+    defaultValue?: number;
+    min?: number;
+    max?: number;
+    step?: number;
+    direction?: Direction;
+    log?: boolean;
+    /**
+     * Semicolon-separated colors for the slider visuals.
+     * Index mapping (five positions):
+     * 0: filled track (progress) color
+     * 1: base track (unfilled) color
+     * 2: knob fill color
+     * 3: knob border (stroke) color
+     * 4: reserved (unused)
+     * Example: "#e00;#333;#fff;#777;#555"
+     */
+    colors?: string;
+    sensitivity?: number;
+    pointerSize?: number;
+    tracking?: Tracking;
+    showLabel?: boolean;
+    tooltip?: boolean;
+    onChange?: (value: number) => void;
+    onValueChange?: (value: number) => void;
+    format?: (x: number) => string;
+    "aria-label"?: string;
+    "aria-labelledby"?: string;
+} & Omit<React.HTMLAttributes<HTMLDivElement>, "onChange">;
+declare function Slider({ className, value, defaultValue, min, max, step, direction, log, colors, sensitivity, pointerSize, tracking, showLabel, tooltip, onChange, onValueChange, format, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, ...rest }: SliderProps): React.JSX.Element;
+type SegmentSliderProps = {
+    className?: string;
+    min?: number;
+    max?: number;
+    step?: number;
+    /** Segment in-point value */
+    start: number;
+    /** Segment out-point value */
+    end: number;
+    /** Playhead / current-position value */
+    playhead?: number;
+    /** Minimum distance enforced between start and end (same units as min/max) */
+    minSegmentWidth?: number;
+    /**
+     * Semicolon-separated colors (5 slots):
+     * 0: segment fill   1: base track
+     * 2: start thumb    3: end thumb    4: playhead
+     * Example: "#e00;#333;#e66;#a00;#fff"
+     */
+    colors?: string;
+    pointerSize?: number;
+    onStartChange?: (value: number) => void;
+    onEndChange?: (value: number) => void;
+    onPlayheadChange?: (value: number) => void;
+    showPlayhead?: boolean;
+    "aria-label"?: string;
+} & Omit<React.HTMLAttributes<HTMLDivElement>, "onChange">;
+declare function SegmentSlider({ className, min, max, step, start, end, playhead, minSegmentWidth, colors, pointerSize, onStartChange, onEndChange, onPlayheadChange, showPlayhead, "aria-label": ariaLabel, ...rest }: SegmentSliderProps): React.JSX.Element;
+
+export { SegmentSlider, type SegmentSliderProps, Slider };

package/dist/arrow/arrow-slider.js

@@ -0,0 +1,12 @@
+"use client";
+"use client";
+import {
+  SegmentSlider,
+  Slider
+} from "../chunk-7O5CLHR3.js";
+import "../chunk-BRLBKYOJ.js";
+export {
+  SegmentSlider,
+  Slider
+};
+//# sourceMappingURL=arrow-slider.js.map

package/dist/arrow/arrow-slider.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/arrow/index.d.ts

@@ -0,0 +1,5 @@
+export { Knob, KnobProps } from './arrow-knob.js';
+export { SegmentSlider, SegmentSliderProps, Slider } from './arrow-slider.js';
+export { Param, ParamProps } from './arrow-param.js';
+export { ArrowAudioSegment, formatTimeLabel } from './arrow-audio-segment.js';
+import 'react';

package/dist/arrow/index.js

@@ -0,0 +1,26 @@
+"use client";
+import {
+  ArrowAudioSegment,
+  formatTimeLabel
+} from "../chunk-TUWIDKQI.js";
+import {
+  Knob
+} from "../chunk-5VAJAIF6.js";
+import {
+  Param
+} from "../chunk-BTGFCSAG.js";
+import {
+  SegmentSlider,
+  Slider
+} from "../chunk-7O5CLHR3.js";
+import "../chunk-56WZ35NY.js";
+import "../chunk-BRLBKYOJ.js";
+export {
+  ArrowAudioSegment,
+  Knob,
+  Param,
+  SegmentSlider,
+  Slider,
+  formatTimeLabel
+};
+//# sourceMappingURL=index.js.map

package/dist/arrow/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/avatar.d.ts

@@ -0,0 +1,41 @@
+import * as React from 'react';
+import * as AvatarPrimitive from '@radix-ui/react-avatar';
+
+/**
+ * Avatar component built on Radix UI's Avatar primitive.
+ * Displays a user or entity avatar with customizable appearance.
+ *
+ * @param {Object} props - Component props
+ * @param {string} [props.className] - Additional CSS classes
+ * @param {number} [props.size] - Size of the avatar in pixels
+ * @returns {JSX.Element} The avatar root component
+ */
+declare function Avatar({ className, size, ...props }: React.ComponentProps<typeof AvatarPrimitive.Root> & {
+    size?: number;
+}): React.JSX.Element;
+/**
+ * Avatar image component used within the Avatar.
+ * Displays the actual image for the avatar.
+ *
+ * @param {Object} props - Component props
+ * @param {string} [props.className] - Additional CSS classes
+ * @returns {JSX.Element} The avatar image component
+ */
+declare const AvatarImage: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarImageProps & React.RefAttributes<HTMLImageElement>, "ref"> & React.RefAttributes<HTMLImageElement>>;
+/**
+ * Avatar fallback component used when the image fails to load.
+ * Displays a placeholder or user initials as fallback content.
+ *
+ * @param {Object} props - Component props
+ * @param {string} [props.className] - Additional CSS classes
+ * @returns {JSX.Element} The avatar fallback component
+ *
+ * @example
+ * <Avatar>
+ *   <AvatarImage src="/avatars/user.jpg" alt="User" />
+ *   <AvatarFallback>JD</AvatarFallback>
+ * </Avatar>
+ */
+declare function AvatarFallback({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Fallback>): React.JSX.Element;
+
+export { Avatar, AvatarFallback, AvatarImage };

package/dist/avatar.js

@@ -0,0 +1,14 @@
+"use client";
+"use client";
+import {
+  Avatar,
+  AvatarFallback,
+  AvatarImage
+} from "./chunk-QFCNKPCX.js";
+import "./chunk-BRLBKYOJ.js";
+export {
+  Avatar,
+  AvatarFallback,
+  AvatarImage
+};
+//# sourceMappingURL=avatar.js.map

package/dist/avatar.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/badge.d.ts

@@ -0,0 +1,12 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
+
+declare const badgeVariants: (props?: ({
+    variant?: "default" | "destructive" | "outline" | "secondary" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare function Badge({ className, variant, asChild, ...props }: React.ComponentProps<"span"> & VariantProps<typeof badgeVariants> & {
+    asChild?: boolean;
+}): React.JSX.Element;
+
+export { Badge, badgeVariants };

package/dist/badge.js

@@ -0,0 +1,11 @@
+"use client";
+import {
+  Badge,
+  badgeVariants
+} from "./chunk-K53N642V.js";
+import "./chunk-BRLBKYOJ.js";
+export {
+  Badge,
+  badgeVariants
+};
+//# sourceMappingURL=badge.js.map

package/dist/badge.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/breadcrumb.d.ts

@@ -0,0 +1,35 @@
+import * as React from 'react';
+
+/**
+ * Root navigation component for breadcrumbs.
+ * Provides semantic structure and accessibility attributes.
+ *
+ * @param {Object} props - Component props
+ * @returns {JSX.Element} The breadcrumb navigation component
+ */
+declare function Breadcrumb({ ...props }: React.ComponentProps<"nav">): React.JSX.Element;
+/**
+ * Container for breadcrumb items.
+ * Renders an ordered list with proper styling.
+ *
+ * @param {Object} props - Component props
+ * @param {string} [props.className] - Additional CSS classes
+ * @returns {JSX.Element} The breadcrumb list component
+ */
+declare function BreadcrumbList({ className, ...props }: React.ComponentProps<"ol">): React.JSX.Element;
+/**
+ * Individual breadcrumb item container.
+ *
+ * @param {Object} props - Component props
+ * @param {string} [props.className] - Additional CSS classes
+ * @returns {JSX.Element} The breadcrumb item component
+ */
+declare function BreadcrumbItem({ className, ...props }: React.ComponentProps<"li">): React.JSX.Element;
+declare function BreadcrumbLink({ asChild, className, ...props }: React.ComponentProps<"a"> & {
+    asChild?: boolean;
+}): React.JSX.Element;
+declare function BreadcrumbPage({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;
+declare function BreadcrumbSeparator({ children, className, ...props }: React.ComponentProps<"li">): React.JSX.Element;
+declare function BreadcrumbEllipsis({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;
+
+export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator };

package/dist/breadcrumb.js

@@ -0,0 +1,21 @@
+"use client";
+import {
+  Breadcrumb,
+  BreadcrumbEllipsis,
+  BreadcrumbItem,
+  BreadcrumbLink,
+  BreadcrumbList,
+  BreadcrumbPage,
+  BreadcrumbSeparator
+} from "./chunk-I5W4ISIK.js";
+import "./chunk-BRLBKYOJ.js";
+export {
+  Breadcrumb,
+  BreadcrumbEllipsis,
+  BreadcrumbItem,
+  BreadcrumbLink,
+  BreadcrumbList,
+  BreadcrumbPage,
+  BreadcrumbSeparator
+};
+//# sourceMappingURL=breadcrumb.js.map

package/dist/breadcrumb.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/button.d.ts

@@ -0,0 +1,14 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
+
+declare const buttonVariants: (props?: ({
+    variant?: "link" | "default" | "destructive" | "destructiveFilled" | "success" | "successOutlined" | "outline" | "outlineAccent" | "secondary" | "ghost" | null | undefined;
+    size?: "default" | "icon" | "sm" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare function Button({ className, variant, size, asChild, children, ...props }: Omit<React.ComponentProps<'button'>, 'size'> & VariantProps<typeof buttonVariants> & {
+    asChild?: boolean;
+}): React.JSX.Element;
+declare function ButtonGroup({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
+
+export { Button, ButtonGroup, buttonVariants };