@xemahq/ui-kernel 0.1.12 → 0.2.0

package/dist/ui/primitives/table.js

@@ -0,0 +1,64 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TableCaption = exports.TableCell = exports.TableRow = exports.TableHead = exports.TableFooter = exports.TableBody = exports.TableHeader = exports.Table = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const cn_1 = require("../cn");
+const Table = React.forwardRef(({ className, ...props }, ref) => ((0, jsx_runtime_1.jsx)("div", { className: "relative w-full overflow-auto", children: (0, jsx_runtime_1.jsx)("table", { ref: ref, className: (0, cn_1.cn)("w-full caption-bottom text-body-1", className), ...props }) })));
+exports.Table = Table;
+Table.displayName = "Table";
+const TableHeader = React.forwardRef(({ className, ...props }, ref) => (0, jsx_runtime_1.jsx)("thead", { ref: ref, className: (0, cn_1.cn)("[&_tr]:border-b", className), ...props }));
+exports.TableHeader = TableHeader;
+TableHeader.displayName = "TableHeader";
+const TableBody = React.forwardRef(({ className, ...props }, ref) => ((0, jsx_runtime_1.jsx)("tbody", { ref: ref, className: (0, cn_1.cn)("[&_tr:last-child]:border-0", className), ...props })));
+exports.TableBody = TableBody;
+TableBody.displayName = "TableBody";
+const TableFooter = React.forwardRef(({ className, ...props }, ref) => ((0, jsx_runtime_1.jsx)("tfoot", { ref: ref, className: (0, cn_1.cn)("border-t bg-paper-elev/60 font-medium [&>tr]:last:border-b-0", className), ...props })));
+exports.TableFooter = TableFooter;
+TableFooter.displayName = "TableFooter";
+const TableRow = React.forwardRef(({ className, ...props }, ref) => ((0, jsx_runtime_1.jsx)("tr", { ref: ref, className: (0, cn_1.cn)("border-b transition-colors data-[state=selected]:bg-muted hover:bg-paper-elev", className), ...props })));
+exports.TableRow = TableRow;
+TableRow.displayName = "TableRow";
+const TableHead = React.forwardRef(({ className, ...props }, ref) => ((0, jsx_runtime_1.jsx)("th", { ref: ref, className: (0, cn_1.cn)("h-12 px-4 text-left align-middle font-medium text-ink-3 [&:has([role=checkbox])]:pr-0", className), ...props })));
+exports.TableHead = TableHead;
+TableHead.displayName = "TableHead";
+const TableCell = React.forwardRef(({ className, ...props }, ref) => ((0, jsx_runtime_1.jsx)("td", { ref: ref, className: (0, cn_1.cn)("p-4 align-middle [&:has([role=checkbox])]:pr-0", className), ...props })));
+exports.TableCell = TableCell;
+TableCell.displayName = "TableCell";
+const TableCaption = React.forwardRef(({ className, ...props }, ref) => ((0, jsx_runtime_1.jsx)("caption", { ref: ref, className: (0, cn_1.cn)("mt-4 text-body-1 text-ink-3", className), ...props })));
+exports.TableCaption = TableCaption;
+TableCaption.displayName = "TableCaption";
+//# sourceMappingURL=table.js.map

package/dist/ui/primitives/table.js.map

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

package/dist/ui/primitives/tabs.d.ts

@@ -0,0 +1,8 @@
+import * as TabsPrimitive from "@radix-ui/react-tabs";
+import * as React from "react";
+declare const Tabs: React.ForwardRefExoticComponent<TabsPrimitive.TabsProps & React.RefAttributes<HTMLDivElement>>;
+declare const TabsList: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsListProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const TabsTrigger: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const TabsContent: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Tabs, TabsList, TabsTrigger, TabsContent };
+//# sourceMappingURL=tabs.d.ts.map

package/dist/ui/primitives/tabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../../src/ui/primitives/tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,aAAa,MAAM,sBAAsB,CAAC;AACtD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,QAAA,MAAM,IAAI,gGAAqB,CAAC;AAEhC,QAAA,MAAM,QAAQ,uJAYZ,CAAC;AAGH,QAAA,MAAM,WAAW,gKAYf,CAAC;AAGH,QAAA,MAAM,WAAW,0JAYf,CAAC;AAGH,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAE,WAAW,EAAE,CAAC"}

package/dist/ui/primitives/tabs.js

@@ -0,0 +1,52 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TabsContent = exports.TabsTrigger = exports.TabsList = exports.Tabs = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const TabsPrimitive = __importStar(require("@radix-ui/react-tabs"));
+const React = __importStar(require("react"));
+const cn_1 = require("../cn");
+const Tabs = TabsPrimitive.Root;
+exports.Tabs = Tabs;
+const TabsList = React.forwardRef(({ className, ...props }, ref) => ((0, jsx_runtime_1.jsx)(TabsPrimitive.List, { ref: ref, className: (0, cn_1.cn)("inline-flex h-10 items-center justify-center rounded-md bg-paper-elev/60 p-1 text-ink-3", className), ...props })));
+exports.TabsList = TabsList;
+TabsList.displayName = TabsPrimitive.List.displayName;
+const TabsTrigger = React.forwardRef(({ className, ...props }, ref) => ((0, jsx_runtime_1.jsx)(TabsPrimitive.Trigger, { ref: ref, className: (0, cn_1.cn)("inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-body-1 font-medium text-ink-2 ring-offset-background transition-[background-color,color,border-color,box-shadow] hover:text-ink data-[state=active]:bg-paper-elev data-[state=active]:text-ink data-[state=active]:shadow-[var(--shadow-2)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50", className), ...props })));
+exports.TabsTrigger = TabsTrigger;
+TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
+const TabsContent = React.forwardRef(({ className, ...props }, ref) => ((0, jsx_runtime_1.jsx)(TabsPrimitive.Content, { ref: ref, className: (0, cn_1.cn)("mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2", className), ...props })));
+exports.TabsContent = TabsContent;
+TabsContent.displayName = TabsPrimitive.Content.displayName;
+//# sourceMappingURL=tabs.js.map

package/dist/ui/primitives/tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.js","sourceRoot":"","sources":["../../../src/ui/primitives/tabs.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,oEAAsD;AACtD,6CAA+B;AAE/B,8BAA2B;AAE3B,MAAM,IAAI,GAAG,aAAa,CAAC,IAAI,CAAC;AA+CvB,oBAAI;AA7Cb,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAG/B,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAClC,uBAAC,aAAa,CAAC,IAAI,IACjB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,OAAE,EACX,yFAAyF,EACzF,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAC,CAAC;AAiCY,4BAAQ;AAhCvB,QAAQ,CAAC,WAAW,GAAG,aAAa,CAAC,IAAI,CAAC,WAAW,CAAC;AAEtD,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAGlC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAClC,uBAAC,aAAa,CAAC,OAAO,IACpB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,OAAE,EACX,wdAAwd,EACxd,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAC,CAAC;AAkBsB,kCAAW;AAjBpC,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC,OAAO,CAAC,WAAW,CAAC;AAE5D,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAGlC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAClC,uBAAC,aAAa,CAAC,OAAO,IACpB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,OAAE,EACX,iIAAiI,EACjI,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAC,CAAC;AAGmC,kCAAW;AAFjD,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC,OAAO,CAAC,WAAW,CAAC"}

package/dist/ui/primitives/tag-multi-select.d.ts

@@ -0,0 +1,19 @@
+export interface TagOption {
+    value: string;
+    label: string;
+    hint?: string;
+}
+export interface TagMultiSelectProps {
+    value: string[];
+    onChange: (next: string[]) => void;
+    options: TagOption[];
+    placeholder?: string;
+    searchPlaceholder?: string;
+    emptyMessage?: string;
+    allowCustom?: boolean;
+    chipVariant?: 'default' | 'secondary' | 'success' | 'destructive';
+    triggerClassName?: string;
+    disabled?: boolean;
+}
+export declare function TagMultiSelect({ value, onChange, options, placeholder, searchPlaceholder, emptyMessage, allowCustom, chipVariant, triggerClassName, disabled, }: Readonly<TagMultiSelectProps>): import("react").JSX.Element;
+//# sourceMappingURL=tag-multi-select.d.ts.map

package/dist/ui/primitives/tag-multi-select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tag-multi-select.d.ts","sourceRoot":"","sources":["../../../src/ui/primitives/tag-multi-select.tsx"],"names":[],"mappings":"AAUA,MAAM,WAAW,SAAS;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACnC,OAAO,EAAE,SAAS,EAAE,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB,WAAW,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,aAAa,CAAC;IAElE,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AASD,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,QAAQ,EACR,OAAO,EACP,WAAuB,EACvB,iBAA6B,EAC7B,YAA2B,EAC3B,WAAmB,EACnB,WAAuB,EACvB,gBAAgB,EAChB,QAAQ,GACT,EAAE,QAAQ,CAAC,mBAAmB,CAAC,+BA8L/B"}

package/dist/ui/primitives/tag-multi-select.js

@@ -0,0 +1,92 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TagMultiSelect = TagMultiSelect;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const lucide_react_1 = require("lucide-react");
+const react_1 = require("react");
+const badge_1 = require("./badge");
+const button_1 = require("./button");
+const input_1 = require("./input");
+const popover_1 = require("./popover");
+const scroll_area_1 = require("./scroll-area");
+const cn_1 = require("../cn");
+const CHIP_CLASSES = {
+    default: 'bg-primary/10 text-primary border-primary/20',
+    secondary: 'bg-secondary text-secondary-foreground border-secondary',
+    success: 'bg-success/10 text-success border-success/20',
+    destructive: 'bg-destructive/10 text-destructive border-destructive/20',
+};
+function TagMultiSelect({ value, onChange, options, placeholder = 'Select…', searchPlaceholder = 'Search…', emptyMessage = 'No matches', allowCustom = false, chipVariant = 'default', triggerClassName, disabled, }) {
+    const [open, setOpen] = (0, react_1.useState)(false);
+    const [search, setSearch] = (0, react_1.useState)('');
+    const inputRef = (0, react_1.useRef)(null);
+    const selectedSet = (0, react_1.useMemo)(() => new Set(value), [value]);
+    const optionByValue = (0, react_1.useMemo)(() => {
+        const map = new Map();
+        options.forEach((o) => map.set(o.value, o));
+        return map;
+    }, [options]);
+    const filteredOptions = (0, react_1.useMemo)(() => {
+        const q = search.trim().toLowerCase();
+        if (!q)
+            return options;
+        return options.filter((o) => o.label.toLowerCase().includes(q) ||
+            o.value.toLowerCase().includes(q) ||
+            (o.hint?.toLowerCase().includes(q) ?? false));
+    }, [options, search]);
+    const normalizedSearch = search.trim();
+    const canAddCustom = allowCustom &&
+        normalizedSearch.length > 0 &&
+        !optionByValue.has(normalizedSearch) &&
+        !selectedSet.has(normalizedSearch);
+    const toggle = (val) => {
+        if (selectedSet.has(val)) {
+            onChange(value.filter((v) => v !== val));
+        }
+        else {
+            onChange([...value, val]);
+        }
+    };
+    const remove = (val, e) => {
+        e?.stopPropagation();
+        onChange(value.filter((v) => v !== val));
+    };
+    const addCustom = () => {
+        if (!canAddCustom)
+            return;
+        onChange([...value, normalizedSearch]);
+        setSearch('');
+        inputRef.current?.focus();
+    };
+    const onKeyDown = (e) => {
+        if (e.key === 'Enter') {
+            e.preventDefault();
+            if (canAddCustom) {
+                addCustom();
+            }
+            else if (filteredOptions.length === 1) {
+                toggle(filteredOptions[0].value);
+            }
+        }
+    };
+    const chipClass = CHIP_CLASSES[chipVariant];
+    return ((0, jsx_runtime_1.jsxs)(popover_1.Popover, { open: open, onOpenChange: setOpen, children: [(0, jsx_runtime_1.jsx)(popover_1.PopoverTrigger, { asChild: true, children: (0, jsx_runtime_1.jsxs)(button_1.Button, { variant: "outline", role: "combobox", "aria-expanded": open, disabled: disabled, className: (0, cn_1.cn)('w-full min-h-9 h-auto justify-between font-normal py-1.5', triggerClassName), children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex flex-wrap gap-1 flex-1 text-left", children: [value.length === 0 && ((0, jsx_runtime_1.jsx)("span", { className: "text-ink-3 text-body-1", children: placeholder })), value.map((val) => {
+                                    const opt = optionByValue.get(val);
+                                    return ((0, jsx_runtime_1.jsxs)(badge_1.Badge, { variant: "outline", className: (0, cn_1.cn)('text-body-1 gap-1 pr-1', chipClass), children: [(0, jsx_runtime_1.jsx)("span", { className: "truncate max-w-[160px]", children: opt?.label ?? val }), (0, jsx_runtime_1.jsx)("span", { role: "button", tabIndex: -1, onClick: (e) => remove(val, e), onKeyDown: (e) => {
+                                                    if (e.key === 'Enter' || e.key === ' ') {
+                                                        e.preventDefault();
+                                                        e.stopPropagation();
+                                                        remove(val);
+                                                    }
+                                                }, className: "rounded-sm hover:bg-paper-elev p-0.5", "aria-label": `Remove ${opt?.label ?? val}`, children: (0, jsx_runtime_1.jsx)(lucide_react_1.X, { className: "h-4 w-4" }) })] }, val));
+                                })] }), (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronsUpDown, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })] }) }), (0, jsx_runtime_1.jsxs)(popover_1.PopoverContent, { className: "w-[--radix-popover-trigger-width] p-0", align: "start", onOpenAutoFocus: (e) => {
+                    e.preventDefault();
+                    setTimeout(() => inputRef.current?.focus(), 30);
+                }, children: [(0, jsx_runtime_1.jsxs)("div", { className: "relative border-b", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Search, { className: "absolute left-2.5 top-1/2 -translate-y-1/2 h-4 w-4 text-ink-3" }), (0, jsx_runtime_1.jsx)(input_1.Input, { ref: inputRef, value: search, onChange: (e) => setSearch(e.target.value), onKeyDown: onKeyDown, placeholder: searchPlaceholder, className: "h-9 text-body-1 pl-8 border-0 rounded-none focus-visible:ring-0 focus-visible:ring-offset-0" })] }), (0, jsx_runtime_1.jsx)(scroll_area_1.ScrollArea, { className: "max-h-56", children: (0, jsx_runtime_1.jsxs)("div", { className: "p-1", children: [filteredOptions.length === 0 && !canAddCustom && ((0, jsx_runtime_1.jsx)("p", { className: "text-body-1 text-ink-3 text-center py-3", children: emptyMessage })), filteredOptions.map((opt) => {
+                                    const selected = selectedSet.has(opt.value);
+                                    return ((0, jsx_runtime_1.jsxs)("button", { type: "button", onClick: () => toggle(opt.value), className: (0, cn_1.cn)('w-full text-left text-body-1 px-2 py-1.5 rounded hover:bg-paper-elev transition-colors flex items-start gap-2', selected && 'bg-paper-elev/60'), children: [(0, jsx_runtime_1.jsx)("span", { className: (0, cn_1.cn)('mt-0.5 h-4 w-4 shrink-0 rounded border flex items-center justify-center', selected
+                                                    ? 'bg-primary border-primary text-primary-foreground'
+                                                    : 'border-muted-foreground/40'), children: selected && (0, jsx_runtime_1.jsx)(lucide_react_1.Check, { className: "h-4 w-4" }) }), (0, jsx_runtime_1.jsxs)("span", { className: "flex-1 min-w-0", children: [(0, jsx_runtime_1.jsx)("span", { className: "font-medium block truncate", children: opt.label }), opt.hint && ((0, jsx_runtime_1.jsx)("span", { className: "text-body-1 text-ink-3 block truncate", children: opt.hint }))] })] }, opt.value));
+                                }), canAddCustom && ((0, jsx_runtime_1.jsxs)("button", { type: "button", onClick: addCustom, className: "w-full text-left text-body-1 px-2 py-1.5 rounded hover:bg-paper-elev transition-colors flex items-center gap-2 border-t mt-1 pt-2", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Plus, { className: "h-4 w-4 text-ink-3" }), (0, jsx_runtime_1.jsxs)("span", { children: ["Add ", (0, jsx_runtime_1.jsx)("span", { className: "font-mono font-medium", children: normalizedSearch })] })] }))] }) })] })] }));
+}
+//# sourceMappingURL=tag-multi-select.js.map

package/dist/ui/primitives/tag-multi-select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tag-multi-select.js","sourceRoot":"","sources":["../../../src/ui/primitives/tag-multi-select.tsx"],"names":[],"mappings":"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"}

package/dist/ui/primitives/textarea.d.ts

@@ -0,0 +1,5 @@
+import * as React from "react";
+export type TextareaProps = React.TextareaHTMLAttributes<HTMLTextAreaElement>;
+declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
+export { Textarea };
+//# sourceMappingURL=textarea.d.ts.map

package/dist/ui/primitives/textarea.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["../../../src/ui/primitives/textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,MAAM,aAAa,GAAG,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,CAAC;AAE9E,QAAA,MAAM,QAAQ,2FAWZ,CAAC;AAGH,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/dist/ui/primitives/textarea.js

@@ -0,0 +1,45 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Textarea = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const cn_1 = require("../cn");
+const Textarea = React.forwardRef(({ className, ...props }, ref) => {
+    return ((0, jsx_runtime_1.jsx)("textarea", { className: (0, cn_1.cn)("flex min-h-[80px] w-full rounded-md border border-input bg-background px-3 py-2 text-body-1 ring-offset-background placeholder:text-ink-3 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50", className), ref: ref, ...props }));
+});
+exports.Textarea = Textarea;
+Textarea.displayName = "Textarea";
+//# sourceMappingURL=textarea.js.map

package/dist/ui/primitives/textarea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.js","sourceRoot":"","sources":["../../../src/ui/primitives/textarea.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAE/B,8BAA2B;AAI3B,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAqC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACrG,OAAO,CACL,qCACE,SAAS,EAAE,IAAA,OAAE,EACX,+RAA+R,EAC/R,SAAS,CACV,EACD,GAAG,EAAE,GAAG,KACJ,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CAAC,CAAC;AAGM,4BAAQ;AAFjB,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC"}

package/dist/ui/primitives/tooltip.d.ts

@@ -0,0 +1,8 @@
+import * as TooltipPrimitive from "@radix-ui/react-tooltip";
+import * as React from "react";
+declare const TooltipProvider: React.FC<TooltipPrimitive.TooltipProviderProps>;
+declare const Tooltip: React.FC<TooltipPrimitive.TooltipProps>;
+declare const TooltipTrigger: React.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const TooltipContent: React.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };
+//# sourceMappingURL=tooltip.d.ts.map

package/dist/ui/primitives/tooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../src/ui/primitives/tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAC;AAC5D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,QAAA,MAAM,eAAe,iDAA4B,CAAC;AAElD,QAAA,MAAM,OAAO,yCAAwB,CAAC;AAEtC,QAAA,MAAM,cAAc,gHAA2B,CAAC;AAEhD,QAAA,MAAM,cAAc,gKAelB,CAAC;AAGH,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,eAAe,EAAE,CAAC"}

package/dist/ui/primitives/tooltip.js

@@ -0,0 +1,50 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TooltipProvider = exports.TooltipContent = exports.TooltipTrigger = exports.Tooltip = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const TooltipPrimitive = __importStar(require("@radix-ui/react-tooltip"));
+const React = __importStar(require("react"));
+const cn_1 = require("../cn");
+const TooltipProvider = TooltipPrimitive.Provider;
+exports.TooltipProvider = TooltipProvider;
+const Tooltip = TooltipPrimitive.Root;
+exports.Tooltip = Tooltip;
+const TooltipTrigger = TooltipPrimitive.Trigger;
+exports.TooltipTrigger = TooltipTrigger;
+const TooltipContent = React.forwardRef(({ className, sideOffset = 4, ...props }, ref) => ((0, jsx_runtime_1.jsx)(TooltipPrimitive.Portal, { children: (0, jsx_runtime_1.jsx)(TooltipPrimitive.Content, { ref: ref, sideOffset: sideOffset, className: (0, cn_1.cn)("z-50 overflow-hidden rounded-md border bg-popover px-3 py-1.5 text-body-1 text-popover-foreground shadow-md animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2", className), ...props }) })));
+exports.TooltipContent = TooltipContent;
+TooltipContent.displayName = TooltipPrimitive.Content.displayName;
+//# sourceMappingURL=tooltip.js.map

package/dist/ui/primitives/tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.js","sourceRoot":"","sources":["../../../src/ui/primitives/tooltip.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,0EAA4D;AAC5D,6CAA+B;AAE/B,8BAA2B;AAE3B,MAAM,eAAe,GAAG,gBAAgB,CAAC,QAAQ,CAAC;AAwBA,0CAAe;AAtBjE,MAAM,OAAO,GAAG,gBAAgB,CAAC,IAAI,CAAC;AAsB7B,0BAAO;AApBhB,MAAM,cAAc,GAAG,gBAAgB,CAAC,OAAO,CAAC;AAoB9B,wCAAc;AAlBhC,MAAM,cAAc,GAAG,KAAK,CAAC,UAAU,CAGrC,CAAC,EAAE,SAAS,EAAE,UAAU,GAAG,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAClD,uBAAC,gBAAgB,CAAC,MAAM,cACtB,uBAAC,gBAAgB,CAAC,OAAO,IACvB,GAAG,EAAE,GAAG,EACR,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,IAAA,OAAE,EACX,wYAAwY,EACxY,SAAS,CACV,KACG,KAAK,GACT,GACsB,CAC3B,CAAC,CAAC;AAG+B,wCAAc;AAFhD,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC,OAAO,CAAC,WAAW,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xemahq/ui-kernel",
-  "version": "0.1.12",
+  "version": "0.2.0",
   "description": "Host-framework-agnostic UI kernel for the Xema OS. Defines the SystemBus orchestration contract (capability.invoke, cross-biome intents, command palette, xema:// deeplinks, window manager) AND the biome-host contract surface (FrontendBiome/FrontendBiomeFactory, HostBridge, the singleton biomeRegistry, session contributions) that every frontend biome composes against. No Vite, Next.js, or React-Router — React itself IS allowed as the shared component model (the contracts traffic in ReactNode/ComponentType and a React context). Concrete host adapters (router/auth/toast wiring) live in separate packages that consume this kernel. The SystemBus is pure orchestration: it never authorizes, the backend capability-router enforces all policy.",
   "keywords": [
     "xema",
@@ -35,8 +35,26 @@
     "LICENSE"
   ],
   "dependencies": {
+    "@radix-ui/react-alert-dialog": "^1.1.14",
+    "@radix-ui/react-checkbox": "^1.3.2",
+    "@radix-ui/react-collapsible": "^1.1.11",
+    "@radix-ui/react-dialog": "^1.1.14",
+    "@radix-ui/react-dropdown-menu": "^2.1.15",
+    "@radix-ui/react-label": "^2.1.7",
+    "@radix-ui/react-popover": "^1.1.14",
+    "@radix-ui/react-radio-group": "^1.3.7",
+    "@radix-ui/react-scroll-area": "^1.2.9",
+    "@radix-ui/react-select": "^2.2.5",
+    "@radix-ui/react-separator": "^1.1.7",
+    "@radix-ui/react-slot": "^1.2.3",
+    "@radix-ui/react-switch": "^1.2.5",
+    "@radix-ui/react-tabs": "^1.1.12",
+    "@radix-ui/react-tooltip": "^1.2.7",
     "@xemahq/registry": "^0.1.3",
+    "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
+    "lucide-react": "^0.462.0",
+    "react-resizable-panels": "^4.9.0",
     "tailwind-merge": "^2.5.4"
   },
   "peerDependencies": {
@@ -64,6 +82,11 @@
       "xema-source": "./src/index.ts",
       "default": "./dist/index.js"
     },
+    "./ui": {
+      "types": "./dist/ui/index.d.ts",
+      "xema-source": "./src/ui/index.ts",
+      "default": "./dist/ui/index.js"
+    },
     "./*": {
       "types": "./dist/*/index.d.ts",
       "xema-source": "./src/*/index.ts",

package/src/index.ts

@@ -1,2 +1,3 @@
 export * from './lib/system-bus';
 export * from './lib/biome-host';
+export * from './lib/capabilities';

package/src/lib/biome-host/host-bridge.ts

@@ -2,6 +2,7 @@ import type { QueryClient } from '@tanstack/react-query';
 
 import { createContext, useContext, type ReactNode } from 'react';
 
+import type { CapabilityPort } from '../capabilities';
 import type { SystemBus } from '../system-bus';
 
 /**
@@ -191,6 +192,15 @@ export interface HostBridge {
    * policy / audit (see {@link SystemBus}).
    */
   readonly system: SystemBus;
+  /**
+   * Server-authoritative capability port — how a biome UI gates on the
+   * caller's effective capability set (`GET /bff/me/capabilities`) instead of
+   * cosmetic role booleans. The HOST implements this against its Orval client
+   * and maps the response onto the kernel's `MeCapabilitiesSnapshot` shape so
+   * the kernel stays fetch-free and host-agnostic. Consumed by
+   * `<CapabilityProvider>` + `useCapability()` (see `../capabilities`).
+   */
+  readonly capabilities: CapabilityPort;
 }
 
 export const HostBridgeContext = createContext<HostBridge | null>(null);

package/src/lib/capabilities/capability-provider.tsx

@@ -0,0 +1,95 @@
+import { useQuery } from '@tanstack/react-query';
+import { createContext, useContext, type ReactNode } from 'react';
+
+import { useHostBridge } from '../biome-host/host-bridge';
+
+import type { CapabilityPort, MeCapabilitiesSnapshot } from './types';
+
+/**
+ * The value exposed by {@link CapabilityProvider} through React context.
+ * `snapshot` is `undefined` until the first successful fetch; `isLoading`
+ * and `error` let callers distinguish "still unknown" and "fetch failed"
+ * from "explicitly denied" — the gate hook must NOT treat an errored fetch
+ * as "no capabilities".
+ */
+export interface CapabilityContextValue {
+  readonly snapshot: MeCapabilitiesSnapshot | undefined;
+  readonly isLoading: boolean;
+  readonly error: unknown;
+}
+
+const CapabilityContext = createContext<CapabilityContextValue | null>(null);
+CapabilityContext.displayName = 'CapabilityContext';
+
+/**
+ * Stable query-key root for the capability snapshot. Folded with the active
+ * org so each org caches independently and a re-fetch fires when the org
+ * changes — same tenant-isolation discipline as `useScopedQuery`.
+ */
+const CAPABILITIES_QUERY_ROOT = ['xema', 'capabilities', 'me'] as const;
+
+export interface CapabilityProviderProps {
+  readonly children: ReactNode;
+  /**
+   * Override the host-provided port. Defaults to `bridge.capabilities`. Exists
+   * for tests and for hosts that compose the provider outside a bridge subtree;
+   * production wiring reads it OFF the bridge so biomes need no extra prop.
+   */
+  readonly port?: CapabilityPort;
+  /**
+   * Override the active org. Defaults to `null` (the host's
+   * currently-selected org). When provided, the port is asked for that org and
+   * the cache key includes it.
+   */
+  readonly orgId?: string | null;
+}
+
+/**
+ * Fetches the caller's server-authoritative capability set once per active org
+ * and exposes it (plus loading/error) to descendants via React context.
+ *
+ * Wiring: the {@link CapabilityPort} is read OFF `HostBridge.capabilities`
+ * (not prop-drilled) — the same decoupling the rest of the kernel uses to
+ * reach the host. The active org is read from the bridge's auth source. The
+ * bridge's `QueryClient` (TanStack Query) owns caching/refetch; the kernel
+ * rolls no bespoke state. The query re-runs when the org changes because the
+ * org is part of the query key.
+ *
+ * Rendering is fail-soft (callers can show a loading state), but failures are
+ * SURFACED via `error` rather than masquerading as an empty capability set.
+ */
+export function CapabilityProvider(props: CapabilityProviderProps): JSX.Element {
+  const bridge = useHostBridge();
+  const port = props.port ?? bridge.capabilities;
+  const orgId = props.orgId !== undefined ? props.orgId : bridge.auth.getOrgId();
+
+  const query = useQuery<MeCapabilitiesSnapshot>({
+    queryKey: [...CAPABILITIES_QUERY_ROOT, orgId],
+    queryFn: () => port.list(orgId ? { orgId } : undefined),
+  });
+
+  const value: CapabilityContextValue = {
+    snapshot: query.data,
+    isLoading: query.isLoading,
+    error: query.error,
+  };
+
+  return <CapabilityContext.Provider value={value}>{props.children}</CapabilityContext.Provider>;
+}
+
+/**
+ * Internal accessor for the capability context. Throws fail-fast if used
+ * outside {@link CapabilityProvider} — a missing provider is a wiring bug,
+ * not a "deny everything" condition.
+ */
+export function useCapabilityContext(): CapabilityContextValue {
+  const ctx = useContext(CapabilityContext);
+  if (!ctx) {
+    throw new Error(
+      '[xema-ui-kernel] useCapability()/useCapabilities() called outside ' +
+        '<CapabilityProvider>. The host (or biome shell) must mount the ' +
+        'capability provider above any capability-gated subtree.',
+    );
+  }
+  return ctx;
+}

package/src/lib/capabilities/index.ts

@@ -0,0 +1,16 @@
+/**
+ * Host-agnostic capabilities SDK for `@xemahq/ui-kernel`.
+ *
+ * Lets a biome UI gate on SERVER-AUTHORITATIVE capabilities (the caller's
+ * effective set from `GET /bff/me/capabilities`) instead of cosmetic role
+ * booleans. The kernel defines the contract and the React surface; it never
+ * fetches — the HOST implements {@link CapabilityPort} (hung off
+ * `HostBridge.capabilities`) and maps its Orval client response onto the
+ * local {@link MeCapabilitiesSnapshot} shape.
+ *
+ * Biome usage:
+ *   import { CapabilityProvider, useCapability } from '@xemahq/ui-kernel';
+ */
+export * from './types';
+export * from './capability-provider';
+export * from './use-capability';