@miethe/ui 0.2.0 → 0.6.0

package/dist/editor/theme.js

@@ -0,0 +1,82 @@
+import { EditorView } from '@codemirror/view';
+// ============================================================================
+// Theme Extensions
+// ============================================================================
+/**
+ * Light theme extension for CodeMirror.
+ * Uses CSS custom properties so it adapts to any Tailwind/shadcn token set.
+ */
+export const lightTheme = EditorView.theme({
+    '&': {
+        backgroundColor: 'hsl(var(--background))',
+        color: 'hsl(var(--foreground))',
+        height: '100%',
+    },
+    '.cm-content': {
+        caretColor: 'hsl(var(--foreground))',
+        fontFamily: 'ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace',
+        fontSize: '14px',
+        lineHeight: '1.6',
+        padding: '16px',
+    },
+    '.cm-cursor, .cm-dropCursor': {
+        borderLeftColor: 'hsl(var(--foreground))',
+    },
+    '&.cm-focused .cm-selectionBackground, .cm-selectionBackground, .cm-content ::selection': {
+        backgroundColor: 'hsl(var(--accent))',
+    },
+    '.cm-activeLine': {
+        backgroundColor: 'hsl(var(--accent) / 0.1)',
+    },
+    '.cm-gutters': {
+        backgroundColor: 'hsl(var(--muted))',
+        color: 'hsl(var(--muted-foreground))',
+        border: 'none',
+    },
+    '.cm-activeLineGutter': {
+        backgroundColor: 'hsl(var(--accent) / 0.1)',
+    },
+}, { dark: false });
+/**
+ * Dark theme extension for CodeMirror.
+ * Uses CSS custom properties so it adapts to any Tailwind/shadcn token set.
+ */
+export const darkTheme = EditorView.theme({
+    '&': {
+        backgroundColor: 'hsl(var(--background))',
+        color: 'hsl(var(--foreground))',
+        height: '100%',
+    },
+    '.cm-content': {
+        caretColor: 'hsl(var(--foreground))',
+        fontFamily: 'ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace',
+        fontSize: '14px',
+        lineHeight: '1.6',
+        padding: '16px',
+    },
+    '.cm-cursor, .cm-dropCursor': {
+        borderLeftColor: 'hsl(var(--foreground))',
+    },
+    '&.cm-focused .cm-selectionBackground, .cm-selectionBackground, .cm-content ::selection': {
+        backgroundColor: 'hsl(var(--accent))',
+    },
+    '.cm-activeLine': {
+        backgroundColor: 'hsl(var(--accent) / 0.1)',
+    },
+    '.cm-gutters': {
+        backgroundColor: 'hsl(var(--muted))',
+        color: 'hsl(var(--muted-foreground))',
+        border: 'none',
+    },
+    '.cm-activeLineGutter': {
+        backgroundColor: 'hsl(var(--accent) / 0.1)',
+    },
+}, { dark: true });
+/**
+ * Returns true when the OS/browser is currently in dark mode.
+ * Safe to call in SSR contexts — returns false when `window` is unavailable.
+ */
+export function prefersDark() {
+    return typeof window !== 'undefined' && window.matchMedia('(prefers-color-scheme: dark)').matches;
+}
+//# sourceMappingURL=theme.js.map

package/dist/editor/theme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../src/editor/theme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9C,+EAA+E;AAC/E,mBAAmB;AACnB,+EAA+E;AAE/E;;;GAGG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,UAAU,CAAC,KAAK,CACxC;IACE,GAAG,EAAE;QACH,eAAe,EAAE,wBAAwB;QACzC,KAAK,EAAE,wBAAwB;QAC/B,MAAM,EAAE,MAAM;KACf;IACD,aAAa,EAAE;QACb,UAAU,EAAE,wBAAwB;QACpC,UAAU,EAAE,kEAAkE;QAC9E,QAAQ,EAAE,MAAM;QAChB,UAAU,EAAE,KAAK;QACjB,OAAO,EAAE,MAAM;KAChB;IACD,4BAA4B,EAAE;QAC5B,eAAe,EAAE,wBAAwB;KAC1C;IACD,wFAAwF,EAAE;QACxF,eAAe,EAAE,oBAAoB;KACtC;IACD,gBAAgB,EAAE;QAChB,eAAe,EAAE,0BAA0B;KAC5C;IACD,aAAa,EAAE;QACb,eAAe,EAAE,mBAAmB;QACpC,KAAK,EAAE,8BAA8B;QACrC,MAAM,EAAE,MAAM;KACf;IACD,sBAAsB,EAAE;QACtB,eAAe,EAAE,0BAA0B;KAC5C;CACF,EACD,EAAE,IAAI,EAAE,KAAK,EAAE,CAChB,CAAC;AAEF;;;GAGG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG,UAAU,CAAC,KAAK,CACvC;IACE,GAAG,EAAE;QACH,eAAe,EAAE,wBAAwB;QACzC,KAAK,EAAE,wBAAwB;QAC/B,MAAM,EAAE,MAAM;KACf;IACD,aAAa,EAAE;QACb,UAAU,EAAE,wBAAwB;QACpC,UAAU,EAAE,kEAAkE;QAC9E,QAAQ,EAAE,MAAM;QAChB,UAAU,EAAE,KAAK;QACjB,OAAO,EAAE,MAAM;KAChB;IACD,4BAA4B,EAAE;QAC5B,eAAe,EAAE,wBAAwB;KAC1C;IACD,wFAAwF,EAAE;QACxF,eAAe,EAAE,oBAAoB;KACtC;IACD,gBAAgB,EAAE;QAChB,eAAe,EAAE,0BAA0B;KAC5C;IACD,aAAa,EAAE;QACb,eAAe,EAAE,mBAAmB;QACpC,KAAK,EAAE,8BAA8B;QACrC,MAAM,EAAE,MAAM;KACf;IACD,sBAAsB,EAAE;QACtB,eAAe,EAAE,0BAA0B;KAC5C;CACF,EACD,EAAE,IAAI,EAAE,IAAI,EAAE,CACf,CAAC;AAEF;;;GAGG;AACH,MAAM,UAAU,WAAW;IACzB,OAAO,OAAO,MAAM,KAAK,WAAW,IAAI,MAAM,CAAC,UAAU,CAAC,8BAA8B,CAAC,CAAC,OAAO,CAAC;AACpG,CAAC"}

package/dist/filters/filter-bar.d.ts

@@ -0,0 +1,14 @@
+import type { FilterBarProps } from './filter-slot-config';
+/**
+ * Horizontal toolbar with four zones (left → right):
+ *
+ * 1. Search input  — always rendered
+ * 2. Filter slots  — conditional, driven by `filterSlots[]`
+ * 3. Sort dropdown — rendered when `sort` prop is provided
+ * 4. View toggle   — rendered when `viewToggle` prop is provided and `enabled !== false`
+ */
+export declare function FilterBar({ searchValue, onSearchChange, searchPlaceholder, searchAriaLabel, filterSlots, conditionContext, sort, viewToggle, className, }: FilterBarProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace FilterBar {
+    var displayName: string;
+}
+//# sourceMappingURL=filter-bar.d.ts.map

package/dist/filters/filter-bar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"filter-bar.d.ts","sourceRoot":"","sources":["../../src/filters/filter-bar.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EACV,cAAc,EAGf,MAAM,sBAAsB,CAAC;AAyE9B;;;;;;;GAOG;AACH,wBAAgB,SAAS,CAAC,EACxB,WAAW,EACX,cAAc,EACd,iBAA6B,EAC7B,eAA0B,EAC1B,WAAW,EACX,gBAAgB,EAChB,IAAI,EACJ,UAAU,EACV,SAAS,GACV,EAAE,cAAc,2CA8DhB;yBAxEe,SAAS"}

package/dist/filters/filter-bar.js

@@ -0,0 +1,47 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { LayoutGrid, List, Search } from 'lucide-react';
+import { Input } from '../primitives/Input';
+import { cn } from '../primitives/utils';
+import { SortDropdown } from './sort-dropdown';
+const VIEW_MODES = [
+    { value: 'grid', Icon: LayoutGrid, label: 'Grid view' },
+    { value: 'list', Icon: List, label: 'List view' },
+];
+function ViewToggle({ value, onChange, enabled = true }) {
+    return (_jsx("div", { role: "group", "aria-label": "View mode", className: "inline-flex rounded-md border border-input bg-background p-0.5 shadow-sm", children: VIEW_MODES.map(({ value: modeValue, Icon, label }) => {
+            const isActive = value === modeValue;
+            return (_jsx("button", { type: "button", "aria-label": label, "aria-pressed": isActive, disabled: !enabled, onClick: () => onChange(modeValue), className: cn('inline-flex h-7 w-7 items-center justify-center rounded-sm transition-colors', 'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1', 'disabled:pointer-events-none disabled:opacity-50', isActive
+                    ? 'bg-primary text-primary-foreground shadow-sm'
+                    : 'text-muted-foreground hover:bg-accent hover:text-accent-foreground'), children: _jsx(Icon, { className: "h-3.5 w-3.5", "aria-hidden": "true" }) }, modeValue));
+        }) }));
+}
+// ---------------------------------------------------------------------------
+// Slot visibility predicate
+// ---------------------------------------------------------------------------
+function isSlotVisible(slot, conditionContext) {
+    if (!slot.condition)
+        return true;
+    if (conditionContext === undefined)
+        return false;
+    return slot.condition(conditionContext);
+}
+// ---------------------------------------------------------------------------
+// FilterBar
+// ---------------------------------------------------------------------------
+/**
+ * Horizontal toolbar with four zones (left → right):
+ *
+ * 1. Search input  — always rendered
+ * 2. Filter slots  — conditional, driven by `filterSlots[]`
+ * 3. Sort dropdown — rendered when `sort` prop is provided
+ * 4. View toggle   — rendered when `viewToggle` prop is provided and `enabled !== false`
+ */
+export function FilterBar({ searchValue, onSearchChange, searchPlaceholder = 'Search…', searchAriaLabel = 'Search', filterSlots, conditionContext, sort, viewToggle, className, }) {
+    const visibleSlots = React.useMemo(() => (filterSlots ?? []).filter((slot) => isSlotVisible(slot, conditionContext)), [filterSlots, conditionContext]);
+    const showViewToggle = viewToggle !== undefined && viewToggle.enabled !== false;
+    return (_jsxs("div", { className: cn('flex flex-wrap items-center gap-2', className), children: [_jsxs("div", { role: "search", "aria-label": searchAriaLabel, className: "relative min-w-[200px] flex-1", children: [_jsx(Search, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground", "aria-hidden": "true" }), _jsx(Input, { type: "search", value: searchValue, onChange: (e) => onSearchChange(e.target.value), placeholder: searchPlaceholder, "aria-label": searchAriaLabel, className: "pl-9" })] }), visibleSlots.map((slot) => (_jsx("div", { "aria-label": slot.label, children: slot.component }, slot.id))), _jsx("div", { className: "flex-1", "aria-hidden": "true" }), sort !== undefined && (_jsx(SortDropdown, { options: sort.options, sortField: sort.sortField, sortOrder: sort.sortOrder, onSortChange: sort.onSortChange })), showViewToggle && (_jsx(ViewToggle, { value: viewToggle.value, onChange: viewToggle.onChange, enabled: viewToggle.enabled }))] }));
+}
+FilterBar.displayName = 'FilterBar';
+//# sourceMappingURL=filter-bar.js.map

package/dist/filters/filter-bar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"filter-bar.js","sourceRoot":"","sources":["../../src/filters/filter-bar.tsx"],"names":[],"mappings":"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"}

package/dist/filters/filter-slot-config.d.ts

@@ -0,0 +1,239 @@
+/**
+ * FilterBar declarative slot/props API for @miethe/ui
+ *
+ * Mirrors the TabConfig[] → FilterSlotConfig[] declarative pattern from the
+ * tab-registry (consolidated-entity-modal). Each slot is a self-contained
+ * React node with an optional condition predicate evaluated at render time.
+ *
+ * **Design rationale**:
+ * - `FilterSlotConfig[]` drives the middle zone between the search input and
+ *   the sort dropdown, analogous to how `TabConfig[]` drives tab visibility.
+ * - Condition predicates receive a `FilterSlotConditionContext` (not a DOM
+ *   event) so that gating logic is declarative and testable outside React.
+ * - Core controls (search, sort, view toggle) are first-class props rather
+ *   than slots — they are always present and their internal layout is owned
+ *   by FilterBar.
+ * - Chips, filter-mode toggles, and active-count badges are intentionally
+ *   excluded from this API revision; they are candidates for a future slot
+ *   zone or a `children` escape hatch.
+ *
+ * @see FilterBarProps — full props contract for the FilterBar component
+ * @see SortOption, SortDropdownProps — re-exported from sort-dropdown.tsx
+ */
+import type * as React from 'react';
+import type { SortOption } from './sort-dropdown';
+export type { SortOption };
+/**
+ * Runtime context passed to each `FilterSlotConfig.condition()` predicate.
+ *
+ * Extend this interface (not `FilterSlotConfig`) when a new axis of gating
+ * is needed (e.g. lens, featureFlag). Keeping context narrow prevents slots
+ * from hard-coding SkillMeat domain knowledge inside @miethe/ui.
+ */
+export interface FilterSlotConditionContext {
+    /**
+     * Stable identifier for the page or view that owns this FilterBar.
+     * Slots use this to restrict themselves to relevant surfaces — e.g. a
+     * "Type" filter slot may only render on the artifacts page.
+     *
+     * @example "artifacts" | "marketplace" | "sources"
+     */
+    pageId: string;
+    /**
+     * Backend edition string forwarded from the parent page.
+     * When undefined the slot must treat its condition as permissive
+     * (backward-compatible default — show in all editions).
+     *
+     * @example "local" | "enterprise"
+     */
+    edition?: string;
+}
+/**
+ * Declarative descriptor for a single conditional slot in the FilterBar's
+ * middle zone (rendered after the search input, before the sort dropdown).
+ *
+ * Slots are registered by the consumer as a static `FilterSlotConfig[]`
+ * array — FilterBar iterates the list, evaluates each `condition`, and
+ * renders the `component` for every slot whose condition returns `true`
+ * (or is absent).
+ *
+ * **Ordering**: FilterBar renders slots in array order. The consumer
+ * controls visual priority by ordering the array.
+ *
+ * @example
+ * ```tsx
+ * const slots: FilterSlotConfig[] = [
+ *   {
+ *     id: 'type-filter',
+ *     label: 'Type',
+ *     component: <TypeFilter selected={types} onChange={setTypes} />,
+ *   },
+ *   {
+ *     id: 'tier-filter',
+ *     label: 'Tier',
+ *     component: <TierFilter selected={tiers} onChange={setTiers} />,
+ *     condition: (ctx) => ctx.pageId === 'artifacts',
+ *   },
+ * ];
+ * ```
+ */
+export interface FilterSlotConfig {
+    /**
+     * Stable identifier for this slot.
+     * Used as the React `key` when rendering the slot list; must be unique
+     * within a given `FilterBarProps.filterSlots` array.
+     */
+    id: string;
+    /**
+     * Human-readable label describing the slot's filter domain.
+     * FilterBar does not render the label directly — it is available for
+     * accessibility wrappers, tooltips, or future slot-header zones.
+     *
+     * @example "Type" | "Tier" | "Tag"
+     */
+    label: string;
+    /**
+     * The React node to render when the slot is active.
+     * Typically a controlled filter component (popover, select, etc.) whose
+     * state is managed by the consumer outside FilterBar.
+     *
+     * FilterBar provides no state plumbing for slot components — the consumer
+     * owns the filter state and passes it down via closure.
+     */
+    component: React.ReactNode;
+    /**
+     * Optional predicate evaluated at render time to determine whether this
+     * slot should appear.
+     *
+     * When absent (or when the predicate returns `true`) the slot is rendered.
+     * When the predicate returns `false` the slot is omitted from the DOM —
+     * FilterBar does not apply CSS visibility; it skips rendering entirely.
+     *
+     * **Constraints**:
+     * - Must be a pure function of `ctx` — do not close over mutable state.
+     * - Do not perform async work; condition is evaluated synchronously.
+     *
+     * @param ctx - Condition context forwarded from `FilterBarProps.conditionContext`
+     * @returns `true` to show the slot, `false` to hide it
+     */
+    condition?: (ctx: FilterSlotConditionContext) => boolean;
+}
+/**
+ * Controlled sort state passed to FilterBar.
+ * Mirrors the `SortDropdown` prop contract so FilterBar can forward these
+ * directly to `<SortDropdown>` without an adapter layer.
+ */
+export interface FilterBarSortProps {
+    /**
+     * Available sort fields presented in the sort dropdown.
+     * Must contain at least one option; FilterBar does not validate this.
+     */
+    options: SortOption[];
+    /**
+     * Currently active sort field value. Must match one of the `options[].value`
+     * entries for the sort dropdown to show the active indicator correctly.
+     */
+    sortField: string;
+    /**
+     * Current sort direction.
+     */
+    sortOrder: 'asc' | 'desc';
+    /**
+     * Called when the user selects a new sort field or toggles the direction.
+     *
+     * @param field - The selected `SortOption.value`
+     * @param order - The resulting sort direction
+     */
+    onSortChange: (field: string, order: 'asc' | 'desc') => void;
+}
+/**
+ * Full props contract for the FilterBar component.
+ *
+ * FilterBar renders a horizontal toolbar with three zones:
+ *
+ * ```
+ * [ Search input ] [ ...filterSlots ] [ spacer ] [ Sort dropdown ] [ View toggle ]
+ * ```
+ *
+ * - **Search** (left-anchored, flex-1): controlled text input with clear button.
+ * - **Filter slots** (inline, after search): conditional slot components from
+ *   `filterSlots`, rendered in array order.
+ * - **Sort** (right zone): `SortDropdown` rendered when `sort` prop is provided.
+ * - **View toggle** (right zone, after sort): grid/list buttons rendered when
+ *   `viewToggle` prop is provided.
+ *
+ * All zones are optional except search. Pass `undefined` to omit a zone.
+ */
+export interface FilterBarProps {
+    /**
+     * Controlled search input value.
+     * FilterBar may debounce internally before calling `search.onChange` —
+     * consumers should treat `search.onChange` as a debounced signal.
+     */
+    searchValue: string;
+    /**
+     * Called when the search value changes (may be debounced).
+     *
+     * @param value - New search string (empty string on clear)
+     */
+    onSearchChange: (value: string) => void;
+    /**
+     * Placeholder text for the search input.
+     * Defaults to `"Search…"` when omitted.
+     */
+    searchPlaceholder?: string;
+    /**
+     * ARIA label for the search input and its wrapping `role="search"` landmark.
+     * Defaults to `"Search"` when omitted. Provide a domain-specific label for
+     * better screen-reader context (e.g. `"Search artifacts"`).
+     */
+    searchAriaLabel?: string;
+    /**
+     * Ordered list of conditional slot descriptors rendered between the search
+     * input and the spacer. Each slot's `condition` is evaluated against
+     * `conditionContext`; slots whose condition returns `false` are omitted.
+     *
+     * Pass an empty array (or omit) to render no slots.
+     */
+    filterSlots?: FilterSlotConfig[];
+    /**
+     * Context forwarded to every `FilterSlotConfig.condition()` call.
+     * Required when `filterSlots` contains any slots with a `condition`.
+     * Ignored when no slots define conditions.
+     */
+    conditionContext?: FilterSlotConditionContext;
+    /**
+     * Sort control configuration. When provided, a `SortDropdown` is rendered
+     * in the right zone of the toolbar. Omit to hide the sort control entirely.
+     */
+    sort?: FilterBarSortProps;
+    /**
+     * View toggle configuration. When provided, grid/list toggle buttons are
+     * rendered to the right of the sort dropdown.
+     * Omit to hide the view toggle entirely.
+     */
+    viewToggle?: {
+        /**
+         * Currently active view mode.
+         */
+        value: 'grid' | 'list';
+        /**
+         * Called when the user selects a different view mode.
+         *
+         * @param mode - The newly selected view mode
+         */
+        onChange: (mode: 'grid' | 'list') => void;
+        /**
+         * When `false`, both toggle buttons are rendered but non-interactive
+         * (disabled state). Useful for surfaces where view switching is
+         * contextually unavailable. Defaults to `true`.
+         */
+        enabled?: boolean;
+    };
+    /**
+     * Additional CSS class names applied to the outermost container element.
+     * Use for per-page layout overrides (padding, border, background).
+     */
+    className?: string;
+}
+//# sourceMappingURL=filter-slot-config.d.ts.map

package/dist/filters/filter-slot-config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"filter-slot-config.d.ts","sourceRoot":"","sources":["../../src/filters/filter-slot-config.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;GAqBG;AAEH,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAGlD,YAAY,EAAE,UAAU,EAAE,CAAC;AAM3B;;;;;;GAMG;AACH,MAAM,WAAW,0BAA0B;IACzC;;;;;;OAMG;IACH,MAAM,EAAE,MAAM,CAAC;IAEf;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAMD;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,MAAM,WAAW,gBAAgB;IAC/B;;;;OAIG;IACH,EAAE,EAAE,MAAM,CAAC;IAEX;;;;;;OAMG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;;;;;;OAOG;IACH,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B;;;;;;;;;;;;;;OAcG;IACH,SAAS,CAAC,EAAE,CAAC,GAAG,EAAE,0BAA0B,KAAK,OAAO,CAAC;CAC1D;AAMD;;;;GAIG;AACH,MAAM,WAAW,kBAAkB;IACjC;;;OAGG;IACH,OAAO,EAAE,UAAU,EAAE,CAAC;IAEtB;;;OAGG;IACH,SAAS,EAAE,MAAM,CAAC;IAElB;;OAEG;IACH,SAAS,EAAE,KAAK,GAAG,MAAM,CAAC;IAE1B;;;;;OAKG;IACH,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,GAAG,MAAM,KAAK,IAAI,CAAC;CAC9D;AAMD;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,WAAW,cAAc;IAG7B;;;;OAIG;IACH,WAAW,EAAE,MAAM,CAAC;IAEpB;;;;OAIG;IACH,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAExC;;;OAGG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B;;;;OAIG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IAIzB;;;;;;OAMG;IACH,WAAW,CAAC,EAAE,gBAAgB,EAAE,CAAC;IAEjC;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,0BAA0B,CAAC;IAI9C;;;OAGG;IACH,IAAI,CAAC,EAAE,kBAAkB,CAAC;IAI1B;;;;OAIG;IACH,UAAU,CAAC,EAAE;QACX;;WAEG;QACH,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;QAEvB;;;;WAIG;QACH,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;QAE1C;;;;WAIG;QACH,OAAO,CAAC,EAAE,OAAO,CAAC;KACnB,CAAC;IAIF;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}

package/dist/filters/filter-slot-config.js

@@ -0,0 +1,24 @@
+/**
+ * FilterBar declarative slot/props API for @miethe/ui
+ *
+ * Mirrors the TabConfig[] → FilterSlotConfig[] declarative pattern from the
+ * tab-registry (consolidated-entity-modal). Each slot is a self-contained
+ * React node with an optional condition predicate evaluated at render time.
+ *
+ * **Design rationale**:
+ * - `FilterSlotConfig[]` drives the middle zone between the search input and
+ *   the sort dropdown, analogous to how `TabConfig[]` drives tab visibility.
+ * - Condition predicates receive a `FilterSlotConditionContext` (not a DOM
+ *   event) so that gating logic is declarative and testable outside React.
+ * - Core controls (search, sort, view toggle) are first-class props rather
+ *   than slots — they are always present and their internal layout is owned
+ *   by FilterBar.
+ * - Chips, filter-mode toggles, and active-count badges are intentionally
+ *   excluded from this API revision; they are candidates for a future slot
+ *   zone or a `children` escape hatch.
+ *
+ * @see FilterBarProps — full props contract for the FilterBar component
+ * @see SortOption, SortDropdownProps — re-exported from sort-dropdown.tsx
+ */
+export {};
+//# sourceMappingURL=filter-slot-config.js.map

package/dist/filters/filter-slot-config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"filter-slot-config.js","sourceRoot":"","sources":["../../src/filters/filter-slot-config.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;GAqBG"}

package/dist/filters/index.d.ts

@@ -6,4 +6,6 @@ export { FiltersDropdown } from './filters-dropdown';
 export type { FilterCategory, FilterCategoryOption, FilterMode, FiltersDropdownProps, } from './filters-dropdown';
 export { SortDropdown } from './sort-dropdown';
 export type { SortOption, SortDropdownProps } from './sort-dropdown';
+export { FilterBar } from './filter-bar';
+export type { FilterSlotConfig, FilterSlotConditionContext, FilterBarProps, FilterBarSortProps, } from './filter-slot-config';
 //# sourceMappingURL=index.d.ts.map

package/dist/filters/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/filters/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACtE,YAAY,EAAE,qBAAqB,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAChF,OAAO,EAAE,iBAAiB,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACzE,YAAY,EAAE,sBAAsB,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACnF,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,YAAY,EACV,cAAc,EACd,oBAAoB,EACpB,UAAU,EACV,oBAAoB,GACrB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,YAAY,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/filters/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACtE,YAAY,EAAE,qBAAqB,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAChF,OAAO,EAAE,iBAAiB,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACzE,YAAY,EAAE,sBAAsB,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACnF,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,YAAY,EACV,cAAc,EACd,oBAAoB,EACpB,UAAU,EACV,oBAAoB,GACrB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,YAAY,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACrE,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,YAAY,EACV,gBAAgB,EAChB,0BAA0B,EAC1B,cAAc,EACd,kBAAkB,GACnB,MAAM,sBAAsB,CAAC"}

package/dist/filters/index.js

@@ -2,4 +2,5 @@ export { TagFilterPopover, TagFilterBar } from './tag-filter-popover';
 export { ToolFilterPopover, ToolFilterBar } from './tool-filter-popover';
 export { FiltersDropdown } from './filters-dropdown';
 export { SortDropdown } from './sort-dropdown';
+export { FilterBar } from './filter-bar';
 //# sourceMappingURL=index.js.map

package/dist/filters/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/filters/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAEtE,OAAO,EAAE,iBAAiB,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAEzE,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAOrD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/filters/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAEtE,OAAO,EAAE,iBAAiB,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAEzE,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAOrD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC"}

package/dist/primitives/BatchReadinessPill.d.ts

@@ -0,0 +1,22 @@
+/** Readiness state of a planning phase batch. */
+export type PlanningPhaseBatchReadinessState = 'ready' | 'blocked' | 'waiting' | 'unknown';
+export interface BatchReadinessPillProps {
+    readinessState: PlanningPhaseBatchReadinessState | string;
+    blockingNodeIds?: string[];
+    blockingTaskIds?: string[];
+}
+/**
+ * Renders the batch readiness chip with optional blocker details shown inline
+ * below the chip when blockingNodeIds or blockingTaskIds are present.
+ *
+ * Extracted from CCDash Planning primitives (PCP-709).
+ *
+ * @example
+ * <BatchReadinessPill
+ *   readinessState="blocked"
+ *   blockingNodeIds={['prd-auth', 'prd-onboarding']}
+ *   blockingTaskIds={['TASK-2.1']}
+ * />
+ */
+export declare function BatchReadinessPill({ readinessState, blockingNodeIds, blockingTaskIds, }: BatchReadinessPillProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=BatchReadinessPill.d.ts.map

package/dist/primitives/BatchReadinessPill.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BatchReadinessPill.d.ts","sourceRoot":"","sources":["../../src/primitives/BatchReadinessPill.tsx"],"names":[],"mappings":"AAGA,iDAAiD;AACjD,MAAM,MAAM,gCAAgC,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,CAAC;AAE3F,MAAM,WAAW,uBAAuB;IACtC,cAAc,EAAE,gCAAgC,GAAG,MAAM,CAAC;IAC1D,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;IAC3B,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;CAC5B;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,cAAc,EACd,eAAe,EACf,eAAe,GAChB,EAAE,uBAAuB,2CAgBzB"}

package/dist/primitives/BatchReadinessPill.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { StatusChip } from './StatusChip';
+import { readinessVariant } from './variants';
+/**
+ * Renders the batch readiness chip with optional blocker details shown inline
+ * below the chip when blockingNodeIds or blockingTaskIds are present.
+ *
+ * Extracted from CCDash Planning primitives (PCP-709).
+ *
+ * @example
+ * <BatchReadinessPill
+ *   readinessState="blocked"
+ *   blockingNodeIds={['prd-auth', 'prd-onboarding']}
+ *   blockingTaskIds={['TASK-2.1']}
+ * />
+ */
+export function BatchReadinessPill({ readinessState, blockingNodeIds, blockingTaskIds, }) {
+    return (_jsxs("div", { className: "inline-flex flex-col gap-1", children: [_jsx(StatusChip, { label: readinessState, variant: readinessVariant(readinessState) }), blockingNodeIds && blockingNodeIds.length > 0 && (_jsxs("div", { className: "text-[10px] text-rose-400/80 truncate", children: ["Blocking nodes: ", blockingNodeIds.join(', ')] })), blockingTaskIds && blockingTaskIds.length > 0 && (_jsxs("div", { className: "text-[10px] text-rose-400/80 truncate", children: ["Blocking tasks: ", blockingTaskIds.join(', ')] }))] }));
+}
+//# sourceMappingURL=BatchReadinessPill.js.map

package/dist/primitives/BatchReadinessPill.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BatchReadinessPill.js","sourceRoot":"","sources":["../../src/primitives/BatchReadinessPill.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAW9C;;;;;;;;;;;;GAYG;AACH,MAAM,UAAU,kBAAkB,CAAC,EACjC,cAAc,EACd,eAAe,EACf,eAAe,GACS;IACxB,OAAO,CACL,eAAK,SAAS,EAAC,4BAA4B,aACzC,KAAC,UAAU,IAAC,KAAK,EAAE,cAAc,EAAE,OAAO,EAAE,gBAAgB,CAAC,cAAc,CAAC,GAAI,EAC/E,eAAe,IAAI,eAAe,CAAC,MAAM,GAAG,CAAC,IAAI,CAChD,eAAK,SAAS,EAAC,uCAAuC,iCACnC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,IACvC,CACP,EACA,eAAe,IAAI,eAAe,CAAC,MAAM,GAAG,CAAC,IAAI,CAChD,eAAK,SAAS,EAAC,uCAAuC,iCACnC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,IACvC,CACP,IACG,CACP,CAAC;AACJ,CAAC"}

package/dist/primitives/Card.d.ts

@@ -0,0 +1,28 @@
+import * as React from 'react';
+/**
+ * Composable card surface with a rounded border and subtle shadow.
+ * Compose with `CardHeader`, `CardContent`, and `CardFooter` to build
+ * structured content panels.
+ *
+ * @example
+ * ```tsx
+ * <Card>
+ *   <CardHeader>Title</CardHeader>
+ *   <CardContent>Body text.</CardContent>
+ *   <CardFooter>Actions</CardFooter>
+ * </Card>
+ * ```
+ */
+declare const Card: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+/** Top section of a `Card`; stacks children vertically with standard padding. */
+declare const CardHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+/** Main body of a `Card`; applies standard padding with no top padding (pairs with `CardHeader`). */
+declare const CardContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+/** Bottom row of a `Card`; lays children out in a flex row, typically for action buttons. */
+declare const CardFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+export type CardProps = React.HTMLAttributes<HTMLDivElement>;
+export type CardHeaderProps = React.HTMLAttributes<HTMLDivElement>;
+export type CardContentProps = React.HTMLAttributes<HTMLDivElement>;
+export type CardFooterProps = React.HTMLAttributes<HTMLDivElement>;
+export { Card, CardHeader, CardContent, CardFooter };
+//# sourceMappingURL=Card.d.ts.map

package/dist/primitives/Card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../src/primitives/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B;;;;;;;;;;;;;GAaG;AACH,QAAA,MAAM,IAAI,6GAWT,CAAC;AAGF,iFAAiF;AACjF,QAAA,MAAM,UAAU,6GAQf,CAAC;AAGF,qGAAqG;AACrG,QAAA,MAAM,WAAW,6GAIhB,CAAC;AAGF,6FAA6F;AAC7F,QAAA,MAAM,UAAU,6GAQf,CAAC;AAGF,MAAM,MAAM,SAAS,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;AAC7D,MAAM,MAAM,eAAe,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;AACnE,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;AACpE,MAAM,MAAM,eAAe,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;AAEnE,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,WAAW,EAAE,UAAU,EAAE,CAAC"}

package/dist/primitives/Card.js

@@ -0,0 +1,30 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { cn } from './utils';
+/**
+ * Composable card surface with a rounded border and subtle shadow.
+ * Compose with `CardHeader`, `CardContent`, and `CardFooter` to build
+ * structured content panels.
+ *
+ * @example
+ * ```tsx
+ * <Card>
+ *   <CardHeader>Title</CardHeader>
+ *   <CardContent>Body text.</CardContent>
+ *   <CardFooter>Actions</CardFooter>
+ * </Card>
+ * ```
+ */
+const Card = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn('rounded-lg border bg-card text-card-foreground shadow-sm', className), ...props })));
+Card.displayName = 'Card';
+/** Top section of a `Card`; stacks children vertically with standard padding. */
+const CardHeader = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn('flex flex-col space-y-1.5 p-6', className), ...props })));
+CardHeader.displayName = 'CardHeader';
+/** Main body of a `Card`; applies standard padding with no top padding (pairs with `CardHeader`). */
+const CardContent = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn('p-6 pt-0', className), ...props })));
+CardContent.displayName = 'CardContent';
+/** Bottom row of a `Card`; lays children out in a flex row, typically for action buttons. */
+const CardFooter = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn('flex items-center p-6 pt-0', className), ...props })));
+CardFooter.displayName = 'CardFooter';
+export { Card, CardHeader, CardContent, CardFooter };
+//# sourceMappingURL=Card.js.map

package/dist/primitives/Card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../src/primitives/Card.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,EAAE,EAAE,MAAM,SAAS,CAAC;AAE7B;;;;;;;;;;;;;GAaG;AACH,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAC3B,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAChC,cACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,0DAA0D,EAC1D,SAAS,CACV,KACG,KAAK,GACT,CACH,CACF,CAAC;AACF,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC;AAE1B,iFAAiF;AACjF,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CACjC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAChC,cACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,+BAA+B,EAAE,SAAS,CAAC,KACrD,KAAK,GACT,CACH,CACF,CAAC;AACF,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC;AAEtC,qGAAqG;AACrG,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAClC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAChC,cAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,UAAU,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CACnE,CACF,CAAC;AACF,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC;AAExC,6FAA6F;AAC7F,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CACjC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAChC,cACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,4BAA4B,EAAE,SAAS,CAAC,KAClD,KAAK,GACT,CACH,CACF,CAAC;AACF,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC;AAOtC,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,WAAW,EAAE,UAAU,EAAE,CAAC"}

package/dist/primitives/CollectionPicker.d.ts

@@ -0,0 +1,47 @@
+/**
+ * Configuration for the collection picker section embedded in creation dialogs.
+ *
+ * Mirrors `CollectionPickerConfig` from `skillmeat/web/lib/entity-form-schema.ts`.
+ * Defined locally to keep the @miethe/ui package self-contained.
+ */
+export interface CollectionPickerConfig {
+    /** Show the collection picker section */
+    enabled: boolean;
+    /**
+     * Whether selecting a collection is mandatory before submitting.
+     * @default true
+     */
+    required?: boolean;
+    /**
+     * Whether the picker section can be collapsed by the user.
+     * @default true
+     */
+    collapsible?: boolean;
+    /** Pre-select a specific collection when the dialog opens */
+    defaultCollectionId?: string;
+}
+export interface CollectionItem {
+    id: string;
+    name: string;
+    description?: string;
+}
+export interface CollectionPickerProps {
+    /** Schema-driven configuration from the parent EntityFormSchema */
+    config: CollectionPickerConfig;
+    /** Currently selected collection ID (controlled) */
+    value?: string;
+    /** Called when the user selects a collection */
+    onChange: (collectionId: string) => void;
+    /**
+     * Override for the pre-filled default collection. When provided, the picker
+     * auto-selects this collection on mount (if not already controlled).
+     * Consumers should resolve this from `useCollectionContext()` before passing.
+     */
+    defaultCollectionId?: string;
+    /** Full list of available collections to pick from */
+    collections: CollectionItem[];
+    /** Optional extra CSS class for the root container */
+    className?: string;
+}
+export declare function CollectionPicker({ config, value, onChange, defaultCollectionId, collections, className, }: CollectionPickerProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CollectionPicker.d.ts.map

package/dist/primitives/CollectionPicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollectionPicker.d.ts","sourceRoot":"","sources":["../../src/primitives/CollectionPicker.tsx"],"names":[],"mappings":"AAqCA;;;;;GAKG;AACH,MAAM,WAAW,sBAAsB;IACrC,yCAAyC;IACzC,OAAO,EAAE,OAAO,CAAC;IACjB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,6DAA6D;IAC7D,mBAAmB,CAAC,EAAE,MAAM,CAAC;CAC9B;AAED,MAAM,WAAW,cAAc;IAC7B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,qBAAqB;IACpC,mEAAmE;IACnE,MAAM,EAAE,sBAAsB,CAAC;IAC/B,oDAAoD;IACpD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gDAAgD;IAChD,QAAQ,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,sDAAsD;IACtD,WAAW,EAAE,cAAc,EAAE,CAAC;IAC9B,sDAAsD;IACtD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAwHD,wBAAgB,gBAAgB,CAAC,EAC/B,MAAM,EACN,KAAK,EACL,QAAQ,EACR,mBAAmB,EACnB,WAAW,EACX,SAAS,GACV,EAAE,qBAAqB,2CAsGvB"}