@elytracms/studio 0.0.1

package/dist/router/match.d.ts

@@ -0,0 +1,75 @@
+/**
+ * Studio route table (EC-223 Stage 6 — catch-all routing). The studio mounts as
+ * a SINGLE splat route per project (`/$projectId/$`); this pure matcher turns the
+ * splat's trailing pathname into a typed match that the screen resolver renders.
+ * Keeping the URL→screen map inside the engine (instead of in per-consumer route
+ * files) is what lets the package own its navigation with a near-empty consumer
+ * route tree — the goal of Stage 6.
+ *
+ * Deterministic and dependency-free: every screen state is reproducible from a
+ * pathname string (see `match.test.ts`), satisfying the fixtures-reproducibility
+ * convention without needing a router instance.
+ *
+ * The shape mirrors the retired file tree:
+ *   /$projectId                      → { section: 'index' }      (redirect to first section)
+ *   /$projectId/settings             → { section: 'settings' }
+ *   /$projectId/assets               → { section: 'assets' }
+ *   /$projectId/routes               → { section: 'routes' }
+ *   /$projectId/extensions           → { section: 'extensions' }
+ *   /$projectId/builder              → { section: 'builder' }    (legacy redirect)
+ *   /$projectId/components           → { section: 'components', componentId: null }
+ *   /$projectId/components/:id       → { section: 'components', componentId: ':id' }
+ *   /$projectId/cms                  → { section: 'cms', collectionId: null, documentId: null }
+ *   /$projectId/cms/:c               → { section: 'cms', collectionId: ':c', documentId: null }
+ *   /$projectId/cms/:c/:d            → { section: 'cms', collectionId: ':c', documentId: ':d' }
+ *   anything else                    → { section: 'not-found' }
+ */
+export type StudioRouteMatch = {
+    section: 'index';
+} | {
+    section: 'settings';
+} | {
+    section: 'assets';
+} | {
+    section: 'routes';
+} | {
+    section: 'extensions';
+} | {
+    section: 'builder';
+} | {
+    section: 'components';
+    componentId: string | null;
+} | {
+    section: 'cms';
+    collectionId: string | null;
+    documentId: string | null;
+} | {
+    section: 'not-found';
+};
+/**
+ * Match the trailing pathname of the project splat (`_splat`) against the studio
+ * route table. `splat` is everything after `/$projectId/` — e.g. `'cms/page/abc'`
+ * for `/p1/cms/page/abc`. An empty splat is the bare project index.
+ */
+export declare function matchStudioRoute(splat: string): StudioRouteMatch;
+/**
+ * The inverse of {@link matchStudioRoute}: build the `_splat` subpath for a
+ * screen. Navigation addresses the single project splat as
+ * `to={STUDIO_PROJECT_ROUTE} params={{ projectId, _splat: studioPath.X(...) }}`,
+ * so the URL-construction lives in exactly one place — the same module that
+ * parses it back. `matchStudioRoute(studioPath.cmsDocument(c, d))` round-trips
+ * (pinned in `match.test.ts`), which is what keeps the two directions in sync.
+ */
+export declare const studioPath: {
+    readonly index: () => string;
+    readonly settings: () => string;
+    readonly assets: () => string;
+    readonly routes: () => string;
+    readonly extensions: () => string;
+    readonly builder: () => string;
+    readonly components: () => string;
+    readonly component: (componentId: string) => string;
+    readonly cms: () => string;
+    readonly cmsCollection: (collectionId: string) => string;
+    readonly cmsDocument: (collectionId: string, documentId: string) => string;
+};

package/dist/router/match.js

@@ -0,0 +1,87 @@
+/**
+ * Studio route table (EC-223 Stage 6 — catch-all routing). The studio mounts as
+ * a SINGLE splat route per project (`/$projectId/$`); this pure matcher turns the
+ * splat's trailing pathname into a typed match that the screen resolver renders.
+ * Keeping the URL→screen map inside the engine (instead of in per-consumer route
+ * files) is what lets the package own its navigation with a near-empty consumer
+ * route tree — the goal of Stage 6.
+ *
+ * Deterministic and dependency-free: every screen state is reproducible from a
+ * pathname string (see `match.test.ts`), satisfying the fixtures-reproducibility
+ * convention without needing a router instance.
+ *
+ * The shape mirrors the retired file tree:
+ *   /$projectId                      → { section: 'index' }      (redirect to first section)
+ *   /$projectId/settings             → { section: 'settings' }
+ *   /$projectId/assets               → { section: 'assets' }
+ *   /$projectId/routes               → { section: 'routes' }
+ *   /$projectId/extensions           → { section: 'extensions' }
+ *   /$projectId/builder              → { section: 'builder' }    (legacy redirect)
+ *   /$projectId/components           → { section: 'components', componentId: null }
+ *   /$projectId/components/:id       → { section: 'components', componentId: ':id' }
+ *   /$projectId/cms                  → { section: 'cms', collectionId: null, documentId: null }
+ *   /$projectId/cms/:c               → { section: 'cms', collectionId: ':c', documentId: null }
+ *   /$projectId/cms/:c/:d            → { section: 'cms', collectionId: ':c', documentId: ':d' }
+ *   anything else                    → { section: 'not-found' }
+ */
+/** Split a splat pathname into clean segments (drops empty/leading/trailing slashes). */
+function segments(splat) {
+    return splat
+        .split('/')
+        .map((segment) => segment.trim())
+        .filter(Boolean);
+}
+/**
+ * Match the trailing pathname of the project splat (`_splat`) against the studio
+ * route table. `splat` is everything after `/$projectId/` — e.g. `'cms/page/abc'`
+ * for `/p1/cms/page/abc`. An empty splat is the bare project index.
+ */
+export function matchStudioRoute(splat) {
+    const [head, a, b, ...rest] = segments(splat);
+    // Bare `/$projectId` → the project index (redirects to the first section).
+    if (head === undefined)
+        return { section: 'index' };
+    switch (head) {
+        case 'settings':
+        case 'assets':
+        case 'routes':
+        case 'extensions':
+        case 'builder':
+            // Flat sections take no path params; any trailing segment is not a route.
+            return a === undefined ? { section: head } : { section: 'not-found' };
+        case 'components':
+            // `components` (index) or `components/:id` (detail); deeper is not a route.
+            if (b !== undefined)
+                return { section: 'not-found' };
+            return { section: 'components', componentId: a ?? null };
+        case 'cms':
+            // `cms` (index) | `cms/:c` (collection) | `cms/:c/:d` (document); deeper is not a route.
+            if (rest.length > 0)
+                return { section: 'not-found' };
+            return { section: 'cms', collectionId: a ?? null, documentId: b ?? null };
+        default:
+            return { section: 'not-found' };
+    }
+}
+/**
+ * The inverse of {@link matchStudioRoute}: build the `_splat` subpath for a
+ * screen. Navigation addresses the single project splat as
+ * `to={STUDIO_PROJECT_ROUTE} params={{ projectId, _splat: studioPath.X(...) }}`,
+ * so the URL-construction lives in exactly one place — the same module that
+ * parses it back. `matchStudioRoute(studioPath.cmsDocument(c, d))` round-trips
+ * (pinned in `match.test.ts`), which is what keeps the two directions in sync.
+ */
+export const studioPath = {
+    index: () => '',
+    settings: () => 'settings',
+    assets: () => 'assets',
+    routes: () => 'routes',
+    extensions: () => 'extensions',
+    builder: () => 'builder',
+    components: () => 'components',
+    component: (componentId) => `components/${componentId}`,
+    cms: () => 'cms',
+    cmsCollection: (collectionId) => `cms/${collectionId}`,
+    cmsDocument: (collectionId, documentId) => `cms/${collectionId}/${documentId}`,
+};
+//# sourceMappingURL=match.js.map

package/dist/router/match.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"match.js","sourceRoot":"","sources":["../../src/router/match.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AAaH,yFAAyF;AACzF,SAAS,QAAQ,CAAC,KAAa;IAC7B,OAAO,KAAK;SACT,KAAK,CAAC,GAAG,CAAC;SACV,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC;SAChC,MAAM,CAAC,OAAO,CAAC,CAAA;AACpB,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,gBAAgB,CAAC,KAAa;IAC5C,MAAM,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,IAAI,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAE7C,2EAA2E;IAC3E,IAAI,IAAI,KAAK,SAAS;QAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,CAAA;IAEnD,QAAQ,IAAI,EAAE,CAAC;QACb,KAAK,UAAU,CAAC;QAChB,KAAK,QAAQ,CAAC;QACd,KAAK,QAAQ,CAAC;QACd,KAAK,YAAY,CAAC;QAClB,KAAK,SAAS;YACZ,0EAA0E;YAC1E,OAAO,CAAC,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,WAAW,EAAE,CAAA;QAEvE,KAAK,YAAY;YACf,4EAA4E;YAC5E,IAAI,CAAC,KAAK,SAAS;gBAAE,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,CAAA;YACpD,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,CAAC,IAAI,IAAI,EAAE,CAAA;QAE1D,KAAK,KAAK;YACR,yFAAyF;YACzF,IAAI,IAAI,CAAC,MAAM,GAAG,CAAC;gBAAE,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,CAAA;YACpD,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,YAAY,EAAE,CAAC,IAAI,IAAI,EAAE,UAAU,EAAE,CAAC,IAAI,IAAI,EAAE,CAAA;QAE3E;YACE,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,CAAA;IACnC,CAAC;AACH,CAAC;AAED;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,KAAK,EAAE,GAAG,EAAE,CAAC,EAAE;IACf,QAAQ,EAAE,GAAG,EAAE,CAAC,UAAU;IAC1B,MAAM,EAAE,GAAG,EAAE,CAAC,QAAQ;IACtB,MAAM,EAAE,GAAG,EAAE,CAAC,QAAQ;IACtB,UAAU,EAAE,GAAG,EAAE,CAAC,YAAY;IAC9B,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS;IACxB,UAAU,EAAE,GAAG,EAAE,CAAC,YAAY;IAC9B,SAAS,EAAE,CAAC,WAAmB,EAAE,EAAE,CAAC,cAAc,WAAW,EAAE;IAC/D,GAAG,EAAE,GAAG,EAAE,CAAC,KAAK;IAChB,aAAa,EAAE,CAAC,YAAoB,EAAE,EAAE,CAAC,OAAO,YAAY,EAAE;IAC9D,WAAW,EAAE,CAAC,YAAoB,EAAE,UAAkB,EAAE,EAAE,CACxD,OAAO,YAAY,IAAI,UAAU,EAAE;CAC7B,CAAA"}

package/dist/router/search.d.ts

@@ -0,0 +1,22 @@
+import type { SectionState } from '@elytracms/studio-core';
+/**
+ * The studio's project-splat search contract (EC-223 Stage 6). With every
+ * in-project URL served by one splat route, that route needs ONE `validateSearch`
+ * covering the union of the per-screen search params the retired file routes each
+ * declared:
+ *   - `state`  — the deterministic section-state switcher (`?state=`, brief §11)
+ *   - `asset`  — assets deep-link (EC-172, `?asset=`)
+ *   - `field`  — document detail field deep-link (EC-172, `?field=`)
+ *   - `page`   — legacy builder redirect (`?page=`)
+ *
+ * All fields are optional, so the splat route accepts any section's search and
+ * the resolver narrows per matched screen with the screen's own pure parser.
+ */
+export interface StudioSearch {
+    state?: SectionState;
+    asset?: string;
+    field?: string;
+    page?: string;
+}
+/** Pure `validateSearch` for the project splat: parse the search superset. */
+export declare function studioSearch(search: Record<string, unknown>): StudioSearch;

package/dist/router/search.js

@@ -0,0 +1,16 @@
+import { sectionStateSchema } from '@elytracms/studio-core';
+/** Pure `validateSearch` for the project splat: parse the search superset. */
+export function studioSearch(search) {
+    const out = {};
+    const state = sectionStateSchema.safeParse(search.state);
+    if (state.success)
+        out.state = state.data;
+    if (typeof search.asset === 'string' && search.asset.length > 0)
+        out.asset = search.asset;
+    if (typeof search.field === 'string' && search.field.length > 0)
+        out.field = search.field;
+    if (typeof search.page === 'string' && search.page.length > 0)
+        out.page = search.page;
+    return out;
+}
+//# sourceMappingURL=search.js.map

package/dist/router/search.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"search.js","sourceRoot":"","sources":["../../src/router/search.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAA;AAuB3D,8EAA8E;AAC9E,MAAM,UAAU,YAAY,CAAC,MAA+B;IAC1D,MAAM,GAAG,GAAiB,EAAE,CAAA;IAC5B,MAAM,KAAK,GAAG,kBAAkB,CAAC,SAAS,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;IACxD,IAAI,KAAK,CAAC,OAAO;QAAE,GAAG,CAAC,KAAK,GAAG,KAAK,CAAC,IAAI,CAAA;IACzC,IAAI,OAAO,MAAM,CAAC,KAAK,KAAK,QAAQ,IAAI,MAAM,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC;QAAE,GAAG,CAAC,KAAK,GAAG,MAAM,CAAC,KAAK,CAAA;IACzF,IAAI,OAAO,MAAM,CAAC,KAAK,KAAK,QAAQ,IAAI,MAAM,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC;QAAE,GAAG,CAAC,KAAK,GAAG,MAAM,CAAC,KAAK,CAAA;IACzF,IAAI,OAAO,MAAM,CAAC,IAAI,KAAK,QAAQ,IAAI,MAAM,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC;QAAE,GAAG,CAAC,IAAI,GAAG,MAAM,CAAC,IAAI,CAAA;IACrF,OAAO,GAAG,CAAA;AACZ,CAAC"}

package/dist/ui/avatar.d.ts

@@ -0,0 +1,17 @@
+import type { ComponentProps } from 'react';
+declare const AVATAR_SIZE: {
+    readonly sm: "size-6 text-[0.65rem]";
+    readonly md: "size-7 text-xs";
+    readonly lg: "size-9 text-sm";
+};
+export interface AvatarProps extends Omit<ComponentProps<'span'>, 'children'> {
+    /** Display name or email: the first letter is shown; the full string seeds the color. */
+    label: string;
+    size?: keyof typeof AVATAR_SIZE;
+}
+/**
+ * Reusable identity avatar — a colored circle with the label's first letter.
+ * Used for the signed-in user (and reusable for any person/entity glyph).
+ */
+export declare function Avatar({ label, size, className, ...props }: AvatarProps): import("react").JSX.Element;
+export {};

package/dist/ui/avatar.js

@@ -0,0 +1,38 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from '../lib/utils';
+const AVATAR_SIZE = {
+    sm: 'size-6 text-[0.65rem]',
+    md: 'size-7 text-xs',
+    lg: 'size-9 text-sm',
+};
+/**
+ * Deterministic, theme-independent palette: a solid fill with a white glyph
+ * reads cleanly in both light and dark, so the avatar needs no per-theme tokens.
+ */
+const AVATAR_TONES = [
+    'bg-rose-500',
+    'bg-orange-500',
+    'bg-amber-500',
+    'bg-emerald-500',
+    'bg-teal-500',
+    'bg-sky-500',
+    'bg-indigo-500',
+    'bg-violet-500',
+    'bg-fuchsia-500',
+];
+/** Stable hash → palette index, so the same label always gets the same color. */
+function toneFor(seed) {
+    let hash = 0;
+    for (let i = 0; i < seed.length; i += 1)
+        hash = (hash * 31 + seed.charCodeAt(i)) | 0;
+    return AVATAR_TONES[Math.abs(hash) % AVATAR_TONES.length] ?? AVATAR_TONES[0];
+}
+/**
+ * Reusable identity avatar — a colored circle with the label's first letter.
+ * Used for the signed-in user (and reusable for any person/entity glyph).
+ */
+export function Avatar({ label, size = 'md', className, ...props }) {
+    const initial = label.trim().charAt(0).toUpperCase() || '?';
+    return (_jsx("span", { "aria-hidden": true, className: cn('inline-grid shrink-0 select-none place-items-center rounded-full font-semibold text-white', AVATAR_SIZE[size], toneFor(label), className), ...props, children: initial }));
+}
+//# sourceMappingURL=avatar.js.map

package/dist/ui/avatar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.js","sourceRoot":"","sources":["../../src/ui/avatar.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAA;AAEjC,MAAM,WAAW,GAAG;IAClB,EAAE,EAAE,uBAAuB;IAC3B,EAAE,EAAE,gBAAgB;IACpB,EAAE,EAAE,gBAAgB;CACZ,CAAA;AAEV;;;GAGG;AACH,MAAM,YAAY,GAAG;IACnB,aAAa;IACb,eAAe;IACf,cAAc;IACd,gBAAgB;IAChB,aAAa;IACb,YAAY;IACZ,eAAe;IACf,eAAe;IACf,gBAAgB;CACR,CAAA;AAEV,iFAAiF;AACjF,SAAS,OAAO,CAAC,IAAY;IAC3B,IAAI,IAAI,GAAG,CAAC,CAAA;IACZ,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,IAAI,CAAC;QAAE,IAAI,GAAG,CAAC,IAAI,GAAG,EAAE,GAAG,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAA;IACpF,OAAO,YAAY,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,YAAY,CAAC,MAAM,CAAC,IAAI,YAAY,CAAC,CAAC,CAAC,CAAA;AAC9E,CAAC;AAQD;;;GAGG;AACH,MAAM,UAAU,MAAM,CAAC,EAAE,KAAK,EAAE,IAAI,GAAG,IAAI,EAAE,SAAS,EAAE,GAAG,KAAK,EAAe;IAC7E,MAAM,OAAO,GAAG,KAAK,CAAC,IAAI,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,IAAI,GAAG,CAAA;IAC3D,OAAO,CACL,oCAEE,SAAS,EAAE,EAAE,CACX,2FAA2F,EAC3F,WAAW,CAAC,IAAI,CAAC,EACjB,OAAO,CAAC,KAAK,CAAC,EACd,SAAS,CACV,KACG,KAAK,YAER,OAAO,GACH,CACR,CAAA;AACH,CAAC"}

package/dist/ui/badge.d.ts

@@ -0,0 +1,9 @@
+import { type VariantProps } from 'class-variance-authority';
+import type { HTMLAttributes } from 'react';
+export declare const badgeVariants: (props?: ({
+    variant?: "error" | "warning" | "default" | "success" | "primary" | "outline" | "info" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface BadgeProps extends HTMLAttributes<HTMLSpanElement>, VariantProps<typeof badgeVariants> {
+}
+/** Named status/label primitive. Validation states map to success/warning/error/info. */
+export declare function Badge({ className, variant, ...props }: BadgeProps): import("react").JSX.Element;

package/dist/ui/badge.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cva } from 'class-variance-authority';
+import { cn } from '../lib/utils';
+export const badgeVariants = cva('inline-flex items-center gap-1 rounded-full border px-2 py-0.5 text-xs font-medium leading-none transition-colors [&_svg]:size-3', {
+    variants: {
+        variant: {
+            default: 'border-transparent bg-secondary text-secondary-foreground',
+            outline: 'border-border text-muted-foreground',
+            primary: 'border-primary/25 bg-primary/12 text-primary',
+            // Validation-state badges — central to this product (brief §4.11).
+            success: 'border-success/25 bg-success/12 text-success',
+            warning: 'border-warning/30 bg-warning/15 text-warning',
+            error: 'border-destructive/25 bg-destructive/12 text-destructive',
+            info: 'border-info/25 bg-info/12 text-info',
+        },
+    },
+    defaultVariants: { variant: 'default' },
+});
+/** Named status/label primitive. Validation states map to success/warning/error/info. */
+export function Badge({ className, variant, ...props }) {
+    return _jsx("span", { className: cn(badgeVariants({ variant }), className), ...props });
+}
+//# sourceMappingURL=badge.js.map

package/dist/ui/badge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge.js","sourceRoot":"","sources":["../../src/ui/badge.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAqB,GAAG,EAAE,MAAM,0BAA0B,CAAA;AAEjE,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAA;AAEjC,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,CAC9B,kIAAkI,EAClI;IACE,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EAAE,2DAA2D;YACpE,OAAO,EAAE,qCAAqC;YAC9C,OAAO,EAAE,8CAA8C;YACvD,mEAAmE;YACnE,OAAO,EAAE,8CAA8C;YACvD,OAAO,EAAE,8CAA8C;YACvD,KAAK,EAAE,0DAA0D;YACjE,IAAI,EAAE,qCAAqC;SAC5C;KACF;IACD,eAAe,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;CACxC,CACF,CAAA;AAMD,yFAAyF;AACzF,MAAM,UAAU,KAAK,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,KAAK,EAAc;IAChE,OAAO,eAAM,SAAS,EAAE,EAAE,CAAC,aAAa,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAAA;AAClF,CAAC"}

package/dist/ui/button.d.ts

@@ -0,0 +1,11 @@
+import { type VariantProps } from 'class-variance-authority';
+import type { ButtonHTMLAttributes } from 'react';
+export declare const buttonVariants: (props?: ({
+    variant?: "default" | "link" | "outline" | "secondary" | "ghost" | "destructive" | null | undefined;
+    size?: "default" | "sm" | "lg" | "icon" | "icon-sm" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
+    asChild?: boolean;
+}
+/** Named button primitive — use instead of raw <button>. Supports `asChild` for links. */
+export declare function Button({ className, variant, size, asChild, ...props }: ButtonProps): import("react").JSX.Element;

package/dist/ui/button.js

@@ -0,0 +1,30 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cva } from 'class-variance-authority';
+import { Slot } from '@radix-ui/react-slot';
+import { cn } from '../lib/utils';
+export const buttonVariants = cva('inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-[color,background-color,border-color,box-shadow] outline-none focus-visible:ring-2 focus-visible:ring-ring/60 focus-visible:ring-offset-1 focus-visible:ring-offset-background disabled:pointer-events-none disabled:opacity-50 [&_svg]:size-4 [&_svg]:shrink-0', {
+    variants: {
+        variant: {
+            default: 'bg-primary text-primary-foreground shadow-sm hover:bg-primary/90 active:bg-primary/95',
+            secondary: 'bg-secondary text-secondary-foreground border border-border hover:bg-muted',
+            outline: 'border border-border bg-transparent hover:bg-muted hover:text-foreground',
+            ghost: 'bg-transparent hover:bg-muted text-muted-foreground hover:text-foreground',
+            destructive: 'bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90',
+            link: 'text-primary underline-offset-4 hover:underline',
+        },
+        size: {
+            sm: 'h-7 rounded-sm px-2.5 text-xs',
+            default: 'h-9 px-3.5',
+            lg: 'h-10 px-5',
+            icon: 'size-9',
+            'icon-sm': 'size-7 rounded-sm',
+        },
+    },
+    defaultVariants: { variant: 'default', size: 'default' },
+});
+/** Named button primitive — use instead of raw <button>. Supports `asChild` for links. */
+export function Button({ className, variant, size, asChild = false, ...props }) {
+    const Comp = asChild ? Slot : 'button';
+    return _jsx(Comp, { className: cn(buttonVariants({ variant, size }), className), ...props });
+}
+//# sourceMappingURL=button.js.map

package/dist/ui/button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.js","sourceRoot":"","sources":["../../src/ui/button.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAqB,GAAG,EAAE,MAAM,0BAA0B,CAAA;AACjE,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAA;AAE3C,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAA;AAEjC,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAC/B,2WAA2W,EAC3W;IACE,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EAAE,uFAAuF;YAChG,SAAS,EAAE,4EAA4E;YACvF,OAAO,EAAE,0EAA0E;YACnF,KAAK,EAAE,2EAA2E;YAClF,WAAW,EAAE,8EAA8E;YAC3F,IAAI,EAAE,iDAAiD;SACxD;QACD,IAAI,EAAE;YACJ,EAAE,EAAE,+BAA+B;YACnC,OAAO,EAAE,YAAY;YACrB,EAAE,EAAE,WAAW;YACf,IAAI,EAAE,QAAQ;YACd,SAAS,EAAE,mBAAmB;SAC/B;KACF;IACD,eAAe,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE;CACzD,CACF,CAAA;AAQD,0FAA0F;AAC1F,MAAM,UAAU,MAAM,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,GAAG,KAAK,EAAE,GAAG,KAAK,EAAe;IACzF,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAA;IACtC,OAAO,KAAC,IAAI,IAAC,SAAS,EAAE,EAAE,CAAC,cAAc,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAAA;AACzF,CAAC"}

package/dist/ui/card.d.ts

@@ -0,0 +1,11 @@
+import type { HTMLAttributes } from 'react';
+export interface CardProps extends HTMLAttributes<HTMLDivElement> {
+    interactive?: boolean;
+}
+/** Named card surface — use instead of repeated bordered/shadowed divs. */
+export declare function Card({ interactive, className, ...props }: CardProps): import("react").JSX.Element;
+export declare function CardHeader({ className, ...props }: HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;
+export declare function CardTitle({ className, ...props }: HTMLAttributes<HTMLHeadingElement>): import("react").JSX.Element;
+export declare function CardDescription({ className, ...props }: HTMLAttributes<HTMLParagraphElement>): import("react").JSX.Element;
+export declare function CardContent({ className, ...props }: HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;
+export declare function CardFooter({ className, ...props }: HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;

package/dist/ui/card.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from '../lib/utils';
+/** Named card surface — use instead of repeated bordered/shadowed divs. */
+export function Card({ interactive, className, ...props }) {
+    return (_jsx("div", { className: cn('rounded-lg border border-border bg-card text-card-foreground shadow-sm', interactive &&
+            'cursor-pointer transition-[border-color,box-shadow,transform] hover:border-primary/40 hover:shadow-md', className), ...props }));
+}
+export function CardHeader({ className, ...props }) {
+    return _jsx("div", { className: cn('flex flex-col gap-1 p-4', className), ...props });
+}
+export function CardTitle({ className, ...props }) {
+    return _jsx("h3", { className: cn('text-sm font-semibold tracking-tight', className), ...props });
+}
+export function CardDescription({ className, ...props }) {
+    return _jsx("p", { className: cn('text-xs text-muted-foreground', className), ...props });
+}
+export function CardContent({ className, ...props }) {
+    return _jsx("div", { className: cn('p-4 pt-0', className), ...props });
+}
+export function CardFooter({ className, ...props }) {
+    return _jsx("div", { className: cn('flex items-center gap-2 p-4 pt-0', className), ...props });
+}
+//# sourceMappingURL=card.js.map

package/dist/ui/card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.js","sourceRoot":"","sources":["../../src/ui/card.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAA;AAMjC,2EAA2E;AAC3E,MAAM,UAAU,IAAI,CAAC,EAAE,WAAW,EAAE,SAAS,EAAE,GAAG,KAAK,EAAa;IAClE,OAAO,CACL,cACE,SAAS,EAAE,EAAE,CACX,wEAAwE,EACxE,WAAW;YACT,uGAAuG,EACzG,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,MAAM,UAAU,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAkC;IAChF,OAAO,cAAK,SAAS,EAAE,EAAE,CAAC,yBAAyB,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAAA;AAChF,CAAC;AAED,MAAM,UAAU,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAsC;IACnF,OAAO,aAAI,SAAS,EAAE,EAAE,CAAC,sCAAsC,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAAA;AAC5F,CAAC;AAED,MAAM,UAAU,eAAe,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAwC;IAC3F,OAAO,YAAG,SAAS,EAAE,EAAE,CAAC,+BAA+B,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAAA;AACpF,CAAC;AAED,MAAM,UAAU,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAkC;IACjF,OAAO,cAAK,SAAS,EAAE,EAAE,CAAC,UAAU,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAAA;AACjE,CAAC;AAED,MAAM,UAAU,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAkC;IAChF,OAAO,cAAK,SAAS,EAAE,EAAE,CAAC,kCAAkC,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAAA;AACzF,CAAC"}

package/dist/ui/dialog.d.ts

@@ -0,0 +1,12 @@
+import * as DialogPrimitive from '@radix-ui/react-dialog';
+import type { ComponentProps } from 'react';
+export declare const Dialog: import("react").FC<DialogPrimitive.DialogProps>;
+export declare const DialogTrigger: import("react").ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const DialogClose: import("react").ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const DialogPortal: import("react").FC<DialogPrimitive.DialogPortalProps>;
+export declare function DialogOverlay({ className, ...props }: ComponentProps<typeof DialogPrimitive.Overlay>): import("react").JSX.Element;
+export declare function DialogContent({ className, children, ...props }: ComponentProps<typeof DialogPrimitive.Content>): import("react").JSX.Element;
+export declare function DialogHeader({ className, ...props }: ComponentProps<'div'>): import("react").JSX.Element;
+export declare function DialogFooter({ className, ...props }: ComponentProps<'div'>): import("react").JSX.Element;
+export declare function DialogTitle({ className, ...props }: ComponentProps<typeof DialogPrimitive.Title>): import("react").JSX.Element;
+export declare function DialogDescription({ className, ...props }: ComponentProps<typeof DialogPrimitive.Description>): import("react").JSX.Element;

package/dist/ui/dialog.js

@@ -0,0 +1,27 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as DialogPrimitive from '@radix-ui/react-dialog';
+import { X } from 'lucide-react';
+import { cn } from '../lib/utils';
+export const Dialog = DialogPrimitive.Root;
+export const DialogTrigger = DialogPrimitive.Trigger;
+export const DialogClose = DialogPrimitive.Close;
+export const DialogPortal = DialogPrimitive.Portal;
+export function DialogOverlay({ className, ...props }) {
+    return (_jsx(DialogPrimitive.Overlay, { className: cn('fixed inset-0 z-50 bg-black/55 backdrop-blur-[2px] data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=closed]:animate-out data-[state=closed]:fade-out-0', className), ...props }));
+}
+export function DialogContent({ className, children, ...props }) {
+    return (_jsxs(DialogPortal, { children: [_jsx(DialogOverlay, {}), _jsxs(DialogPrimitive.Content, { className: cn('fixed left-1/2 top-1/2 z-50 grid w-full max-w-lg -translate-x-1/2 -translate-y-1/2 gap-4 rounded-xl border border-border bg-popover p-5 text-popover-foreground shadow-2xl', 'data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95', 'data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95', className), ...props, children: [children, _jsxs(DialogPrimitive.Close, { className: "absolute right-3.5 top-3.5 rounded-sm text-muted-foreground opacity-70 transition-opacity hover:opacity-100 focus-visible:ring-2 focus-visible:ring-ring/60 outline-none", children: [_jsx(X, { className: "size-4" }), _jsx("span", { className: "sr-only", children: "Close" })] })] })] }));
+}
+export function DialogHeader({ className, ...props }) {
+    return _jsx("div", { className: cn('flex flex-col gap-1.5', className), ...props });
+}
+export function DialogFooter({ className, ...props }) {
+    return _jsx("div", { className: cn('flex items-center justify-end gap-2 pt-2', className), ...props });
+}
+export function DialogTitle({ className, ...props }) {
+    return _jsx(DialogPrimitive.Title, { className: cn('text-base font-semibold tracking-tight', className), ...props });
+}
+export function DialogDescription({ className, ...props }) {
+    return _jsx(DialogPrimitive.Description, { className: cn('text-sm text-muted-foreground', className), ...props });
+}
+//# sourceMappingURL=dialog.js.map

package/dist/ui/dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.js","sourceRoot":"","sources":["../../src/ui/dialog.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAA;AACzD,OAAO,EAAE,CAAC,EAAE,MAAM,cAAc,CAAA;AAEhC,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAA;AAEjC,MAAM,CAAC,MAAM,MAAM,GAAG,eAAe,CAAC,IAAI,CAAA;AAC1C,MAAM,CAAC,MAAM,aAAa,GAAG,eAAe,CAAC,OAAO,CAAA;AACpD,MAAM,CAAC,MAAM,WAAW,GAAG,eAAe,CAAC,KAAK,CAAA;AAChD,MAAM,CAAC,MAAM,YAAY,GAAG,eAAe,CAAC,MAAM,CAAA;AAElD,MAAM,UAAU,aAAa,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAkD;IACnG,OAAO,CACL,KAAC,eAAe,CAAC,OAAO,IACtB,SAAS,EAAE,EAAE,CACX,4KAA4K,EAC5K,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,MAAM,UAAU,aAAa,CAAC,EAC5B,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACuC;IAC/C,OAAO,CACL,MAAC,YAAY,eACX,KAAC,aAAa,KAAG,EACjB,MAAC,eAAe,CAAC,OAAO,IACtB,SAAS,EAAE,EAAE,CACX,4KAA4K,EAC5K,uFAAuF,EACvF,gGAAgG,EAChG,SAAS,CACV,KACG,KAAK,aAER,QAAQ,EACT,MAAC,eAAe,CAAC,KAAK,IAAC,SAAS,EAAC,0KAA0K,aACzM,KAAC,CAAC,IAAC,SAAS,EAAC,QAAQ,GAAG,EACxB,eAAM,SAAS,EAAC,SAAS,sBAAa,IAChB,IACA,IACb,CAChB,CAAA;AACH,CAAC;AAED,MAAM,UAAU,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAyB;IACzE,OAAO,cAAK,SAAS,EAAE,EAAE,CAAC,uBAAuB,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAAA;AAC9E,CAAC;AAED,MAAM,UAAU,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAyB;IACzE,OAAO,cAAK,SAAS,EAAE,EAAE,CAAC,0CAA0C,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAAA;AACjG,CAAC;AAED,MAAM,UAAU,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAgD;IAC/F,OAAO,KAAC,eAAe,CAAC,KAAK,IAAC,SAAS,EAAE,EAAE,CAAC,wCAAwC,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAAA;AACjH,CAAC;AAED,MAAM,UAAU,iBAAiB,CAAC,EAChC,SAAS,EACT,GAAG,KAAK,EAC2C;IACnD,OAAO,KAAC,eAAe,CAAC,WAAW,IAAC,SAAS,EAAE,EAAE,CAAC,+BAA+B,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAAA;AAC9G,CAAC"}

package/dist/ui/dropdown-menu.d.ts

@@ -0,0 +1,15 @@
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+import type { ComponentProps } from 'react';
+export declare const DropdownMenu: import("react").FC<DropdownMenuPrimitive.DropdownMenuProps>;
+export declare const DropdownMenuTrigger: import("react").ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const DropdownMenuGroup: import("react").ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuGroupProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare function DropdownMenuContent({ className, sideOffset, align, ...props }: ComponentProps<typeof DropdownMenuPrimitive.Content>): import("react").JSX.Element;
+export declare function DropdownMenuItem({ className, inset, variant, ...props }: ComponentProps<typeof DropdownMenuPrimitive.Item> & {
+    inset?: boolean;
+    variant?: 'default' | 'destructive';
+}): import("react").JSX.Element;
+export declare function DropdownMenuCheckboxItem({ className, children, checked, ...props }: ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>): import("react").JSX.Element;
+export declare function DropdownMenuLabel({ className, inset, ...props }: ComponentProps<typeof DropdownMenuPrimitive.Label> & {
+    inset?: boolean;
+}): import("react").JSX.Element;
+export declare function DropdownMenuSeparator({ className, ...props }: ComponentProps<typeof DropdownMenuPrimitive.Separator>): import("react").JSX.Element;

package/dist/ui/dropdown-menu.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+import { Check } from 'lucide-react';
+import { cn } from '../lib/utils';
+export const DropdownMenu = DropdownMenuPrimitive.Root;
+export const DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
+export const DropdownMenuGroup = DropdownMenuPrimitive.Group;
+export function DropdownMenuContent({ className, sideOffset = 6, align = 'start', ...props }) {
+    return (_jsx(DropdownMenuPrimitive.Portal, { children: _jsx(DropdownMenuPrimitive.Content, { sideOffset: sideOffset, align: align, className: cn('z-50 min-w-[12rem] overflow-hidden rounded-lg border border-border bg-popover p-1 text-popover-foreground shadow-xl', 'data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95', 'data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95', className), ...props }) }));
+}
+export function DropdownMenuItem({ className, inset, variant = 'default', ...props }) {
+    return (_jsx(DropdownMenuPrimitive.Item, { className: cn('relative flex cursor-default select-none items-center gap-2 rounded-md px-2 py-1.5 text-sm outline-none transition-colors', 'focus:bg-muted focus:text-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50', '[&_svg]:size-4 [&_svg]:shrink-0 [&_svg]:text-muted-foreground', inset && 'pl-8', variant === 'destructive' &&
+            'text-destructive focus:bg-destructive/10 focus:text-destructive [&_svg]:text-destructive', className), ...props }));
+}
+export function DropdownMenuCheckboxItem({ className, children, checked, ...props }) {
+    return (_jsxs(DropdownMenuPrimitive.CheckboxItem, { checked: checked, className: cn('relative flex cursor-default select-none items-center gap-2 rounded-md py-1.5 pl-8 pr-2 text-sm outline-none transition-colors', 'focus:bg-muted focus:text-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50', className), ...props, children: [_jsx("span", { className: "absolute left-2 flex size-4 items-center justify-center", children: _jsx(DropdownMenuPrimitive.ItemIndicator, { children: _jsx(Check, { className: "size-3.5" }) }) }), children] }));
+}
+export function DropdownMenuLabel({ className, inset, ...props }) {
+    return (_jsx(DropdownMenuPrimitive.Label, { className: cn('px-2 py-1.5 text-[0.7rem] font-semibold uppercase tracking-[0.12em] text-muted-foreground', inset && 'pl-8', className), ...props }));
+}
+export function DropdownMenuSeparator({ className, ...props }) {
+    return (_jsx(DropdownMenuPrimitive.Separator, { className: cn('-mx-1 my-1 h-px bg-border', className), ...props }));
+}
+//# sourceMappingURL=dropdown-menu.js.map

package/dist/ui/dropdown-menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-menu.js","sourceRoot":"","sources":["../../src/ui/dropdown-menu.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,qBAAqB,MAAM,+BAA+B,CAAA;AACtE,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAA;AAEpC,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAA;AAEjC,MAAM,CAAC,MAAM,YAAY,GAAG,qBAAqB,CAAC,IAAI,CAAA;AACtD,MAAM,CAAC,MAAM,mBAAmB,GAAG,qBAAqB,CAAC,OAAO,CAAA;AAChE,MAAM,CAAC,MAAM,iBAAiB,GAAG,qBAAqB,CAAC,KAAK,CAAA;AAE5D,MAAM,UAAU,mBAAmB,CAAC,EAClC,SAAS,EACT,UAAU,GAAG,CAAC,EACd,KAAK,GAAG,OAAO,EACf,GAAG,KAAK,EAC6C;IACrD,OAAO,CACL,KAAC,qBAAqB,CAAC,MAAM,cAC3B,KAAC,qBAAqB,CAAC,OAAO,IAC5B,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,EAAE,CACX,qHAAqH,EACrH,uFAAuF,EACvF,gGAAgG,EAChG,SAAS,CACV,KACG,KAAK,GACT,GAC2B,CAChC,CAAA;AACH,CAAC;AAED,MAAM,UAAU,gBAAgB,CAAC,EAC/B,SAAS,EACT,KAAK,EACL,OAAO,GAAG,SAAS,EACnB,GAAG,KAAK,EAIT;IACC,OAAO,CACL,KAAC,qBAAqB,CAAC,IAAI,IACzB,SAAS,EAAE,EAAE,CACX,2HAA2H,EAC3H,qGAAqG,EACrG,+DAA+D,EAC/D,KAAK,IAAI,MAAM,EACf,OAAO,KAAK,aAAa;YACvB,0FAA0F,EAC5F,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,MAAM,UAAU,wBAAwB,CAAC,EACvC,SAAS,EACT,QAAQ,EACR,OAAO,EACP,GAAG,KAAK,EACkD;IAC1D,OAAO,CACL,MAAC,qBAAqB,CAAC,YAAY,IACjC,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,EAAE,CACX,gIAAgI,EAChI,qGAAqG,EACrG,SAAS,CACV,KACG,KAAK,aAET,eAAM,SAAS,EAAC,yDAAyD,YACvE,KAAC,qBAAqB,CAAC,aAAa,cAClC,KAAC,KAAK,IAAC,SAAS,EAAC,UAAU,GAAG,GACM,GACjC,EACN,QAAQ,IAC0B,CACtC,CAAA;AACH,CAAC;AAED,MAAM,UAAU,iBAAiB,CAAC,EAChC,SAAS,EACT,KAAK,EACL,GAAG,KAAK,EACiE;IACzE,OAAO,CACL,KAAC,qBAAqB,CAAC,KAAK,IAC1B,SAAS,EAAE,EAAE,CACX,2FAA2F,EAC3F,KAAK,IAAI,MAAM,EACf,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,MAAM,UAAU,qBAAqB,CAAC,EACpC,SAAS,EACT,GAAG,KAAK,EAC+C;IACvD,OAAO,CACL,KAAC,qBAAqB,CAAC,SAAS,IAC9B,SAAS,EAAE,EAAE,CAAC,2BAA2B,EAAE,SAAS,CAAC,KACjD,KAAK,GACT,CACH,CAAA;AACH,CAAC"}

package/dist/ui/field.d.ts

@@ -0,0 +1,15 @@
+import type { LabelHTMLAttributes, ReactNode, SelectHTMLAttributes } from 'react';
+/** A labelled form field group: label, control, and optional hint/error. */
+export interface FieldProps {
+    label: ReactNode;
+    htmlFor?: string;
+    hint?: ReactNode;
+    error?: ReactNode;
+    required?: boolean;
+    children: ReactNode;
+    className?: string;
+}
+export declare function Field({ label, htmlFor, hint, error, required, children, className }: FieldProps): import("react").JSX.Element;
+export declare function FieldLabel({ className, ...props }: LabelHTMLAttributes<HTMLLabelElement>): import("react").JSX.Element;
+/** Native select styled to match Input — accessible and SSR-friendly. */
+export declare function Select({ className, children, ...props }: SelectHTMLAttributes<HTMLSelectElement>): import("react").JSX.Element;

package/dist/ui/field.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ChevronDown } from 'lucide-react';
+import { cn } from '../lib/utils';
+export function Field({ label, htmlFor, hint, error, required, children, className }) {
+    return (_jsxs("div", { className: cn('flex flex-col gap-1.5', className), children: [_jsxs(FieldLabel, { htmlFor: htmlFor, children: [label, required ? _jsx("span", { className: "text-destructive", children: " *" }) : null] }), children, error ? (_jsx("p", { className: "text-xs font-medium text-destructive", role: "alert", children: error })) : hint ? (_jsx("p", { className: "text-xs text-muted-foreground", children: hint })) : null] }));
+}
+export function FieldLabel({ className, ...props }) {
+    return (_jsx("label", { className: cn('text-xs font-medium text-foreground/90', className), ...props }));
+}
+/** Native select styled to match Input — accessible and SSR-friendly. */
+export function Select({ className, children, ...props }) {
+    return (_jsxs("div", { className: "relative", children: [_jsx("select", { className: cn('flex h-8 w-full appearance-none rounded-md border border-input bg-background pl-2.5 pr-8 text-sm text-foreground shadow-sm transition-colors', 'focus-visible:border-ring focus-visible:ring-2 focus-visible:ring-ring/40 outline-none', 'disabled:cursor-not-allowed disabled:opacity-50', className), ...props, children: children }), _jsx(ChevronDown, { className: "pointer-events-none absolute right-2.5 top-1/2 size-3.5 -translate-y-1/2 text-muted-foreground" })] }));
+}
+//# sourceMappingURL=field.js.map

package/dist/ui/field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"field.js","sourceRoot":"","sources":["../../src/ui/field.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAA;AAE1C,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAA;AAajC,MAAM,UAAU,KAAK,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAc;IAC9F,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,uBAAuB,EAAE,SAAS,CAAC,aACpD,MAAC,UAAU,IAAC,OAAO,EAAE,OAAO,aACzB,KAAK,EACL,QAAQ,CAAC,CAAC,CAAC,eAAM,SAAS,EAAC,kBAAkB,mBAAU,CAAC,CAAC,CAAC,IAAI,IACpD,EACZ,QAAQ,EACR,KAAK,CAAC,CAAC,CAAC,CACP,YAAG,SAAS,EAAC,sCAAsC,EAAC,IAAI,EAAC,OAAO,YAC7D,KAAK,GACJ,CACL,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CACT,YAAG,SAAS,EAAC,+BAA+B,YAAE,IAAI,GAAK,CACxD,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAA;AACH,CAAC;AAED,MAAM,UAAU,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAyC;IACvF,OAAO,CACL,gBACE,SAAS,EAAE,EAAE,CAAC,wCAAwC,EAAE,SAAS,CAAC,KAC9D,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,yEAAyE;AACzE,MAAM,UAAU,MAAM,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAA2C;IAC/F,OAAO,CACL,eAAK,SAAS,EAAC,UAAU,aACvB,iBACE,SAAS,EAAE,EAAE,CACX,8IAA8I,EAC9I,wFAAwF,EACxF,iDAAiD,EACjD,SAAS,CACV,KACG,KAAK,YAER,QAAQ,GACF,EACT,KAAC,WAAW,IAAC,SAAS,EAAC,gGAAgG,GAAG,IACtH,CACP,CAAA;AACH,CAAC"}

package/dist/ui/index.d.ts

@@ -0,0 +1,14 @@
+export * from './typography';
+export * from './layout';
+export * from './avatar';
+export * from './button';
+export * from './input';
+export * from './badge';
+export * from './card';
+export * from './panel';
+export * from './separator';
+export * from './toolbar';
+export * from './inspector';
+export * from './dialog';
+export * from './dropdown-menu';
+export * from './field';

package/dist/ui/index.js

@@ -0,0 +1,15 @@
+export * from './typography';
+export * from './layout';
+export * from './avatar';
+export * from './button';
+export * from './input';
+export * from './badge';
+export * from './card';
+export * from './panel';
+export * from './separator';
+export * from './toolbar';
+export * from './inspector';
+export * from './dialog';
+export * from './dropdown-menu';
+export * from './field';
+//# sourceMappingURL=index.js.map

package/dist/ui/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/ui/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,cAAc,UAAU,CAAA;AACxB,cAAc,UAAU,CAAA;AACxB,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AACvB,cAAc,QAAQ,CAAA;AACtB,cAAc,SAAS,CAAA;AACvB,cAAc,aAAa,CAAA;AAC3B,cAAc,WAAW,CAAA;AACzB,cAAc,aAAa,CAAA;AAC3B,cAAc,UAAU,CAAA;AACxB,cAAc,iBAAiB,CAAA;AAC/B,cAAc,SAAS,CAAA"}

package/dist/ui/input.d.ts

@@ -0,0 +1,3 @@
+import type { InputHTMLAttributes } from 'react';
+/** Named text input primitive — shadcn-style, token-driven. */
+export declare function Input({ className, type, ...props }: InputHTMLAttributes<HTMLInputElement>): import("react").JSX.Element;

package/dist/ui/input.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from '../lib/utils';
+/** Named text input primitive — shadcn-style, token-driven. */
+export function Input({ className, type = 'text', ...props }) {
+    return (_jsx("input", { type: type, className: cn('flex h-8 w-full rounded-md border border-input bg-background px-2.5 text-sm text-foreground shadow-sm transition-colors', 'placeholder:text-muted-foreground/60', 'focus-visible:border-ring focus-visible:ring-2 focus-visible:ring-ring/40 outline-none', 'disabled:cursor-not-allowed disabled:opacity-50', className), ...props }));
+}
+//# sourceMappingURL=input.js.map

package/dist/ui/input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.js","sourceRoot":"","sources":["../../src/ui/input.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAA;AAEjC,+DAA+D;AAC/D,MAAM,UAAU,KAAK,CAAC,EAAE,SAAS,EAAE,IAAI,GAAG,MAAM,EAAE,GAAG,KAAK,EAAyC;IACjG,OAAO,CACL,gBACE,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,EAAE,CACX,yHAAyH,EACzH,sCAAsC,EACtC,wFAAwF,EACxF,iDAAiD,EACjD,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAA;AACH,CAAC"}