@silo-code/sdk 0.28.1 → 0.29.0

package/dist/SearchInput.js

@@ -0,0 +1,36 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { searchInputClass } from "./search-input-classes.js";
+function SearchIcon() {
+    return (_jsxs("svg", { className: "silo-search-input-icon", width: "13", height: "13", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [_jsx("circle", { cx: "7", cy: "7", r: "5.2", stroke: "currentColor", strokeWidth: "1.4" }), _jsx("path", { d: "M11 11l3.5 3.5", stroke: "currentColor", strokeWidth: "1.4", strokeLinecap: "round" })] }));
+}
+function ClearIcon() {
+    return (_jsx("svg", { width: "12", height: "12", viewBox: "0 0 16 16", "aria-hidden": "true", children: _jsx("path", { d: "M4 4l8 8M12 4l-8 8", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }) }));
+}
+/**
+ * The filter-as-you-type field: leading search icon, and a clear ✕ that
+ * appears once there's a value (and stays a real tab stop). Pair with
+ * {@link List} for the standard picker pattern.
+ *
+ * Styled purely via host-provided `.silo-search-input*` classes — no
+ * stylesheet import is needed in the extension.
+ *
+ * @example
+ * ```tsx
+ * <SearchInput
+ *   value={query}
+ *   onValueChange={setQuery}
+ *   placeholder="Filter branches…"
+ * />
+ * ```
+ *
+ * @category Consumer Services
+ * @public
+ */
+export function SearchInput({ value, onValueChange, placeholder, autoFocus, onClear, }) {
+    const hasValue = value.length > 0;
+    return (_jsxs("div", { className: searchInputClass(hasValue), children: [_jsx(SearchIcon, {}), _jsx("input", { type: "text", value: value, placeholder: placeholder, autoFocus: autoFocus, onChange: (e) => onValueChange(e.target.value), autoComplete: "off" }), _jsx("button", { type: "button", className: "silo-search-input-clear", "aria-label": "Clear", tabIndex: hasValue ? 0 : -1, onClick: () => {
+                    onValueChange("");
+                    onClear?.();
+                }, children: _jsx(ClearIcon, {}) })] }));
+}
+//# sourceMappingURL=SearchInput.js.map

package/dist/SearchInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchInput.js","sourceRoot":"","sources":["../src/SearchInput.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAE1D,SAAS,UAAU;IACjB,OAAO,CACL,eACE,SAAS,EAAC,wBAAwB,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,iBACC,MAAM,aAElB,iBAAQ,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,CAAC,EAAC,KAAK,EAAC,MAAM,EAAC,cAAc,EAAC,WAAW,EAAC,KAAK,GAAG,EACxE,eACE,CAAC,EAAC,gBAAgB,EAClB,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,KAAK,EACjB,aAAa,EAAC,OAAO,GACrB,IACE,CACP,CAAC;AACJ,CAAC;AAED,SAAS,SAAS;IAChB,OAAO,CACL,cAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,iBAAa,MAAM,YAChE,eACE,CAAC,EAAC,oBAAoB,EACtB,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,KAAK,EACjB,aAAa,EAAC,OAAO,GACrB,GACE,CACP,CAAC;AACJ,CAAC;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,UAAU,WAAW,CAAC,EAC1B,KAAK,EACL,aAAa,EACb,WAAW,EACX,SAAS,EACT,OAAO,GAQR;IACC,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC;IAClC,OAAO,CACL,eAAK,SAAS,EAAE,gBAAgB,CAAC,QAAQ,CAAC,aACxC,KAAC,UAAU,KAAG,EACd,gBACE,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAC9C,YAAY,EAAC,KAAK,GAClB,EACF,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,yBAAyB,gBACxB,OAAO,EAClB,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAC3B,OAAO,EAAE,GAAG,EAAE;oBACZ,aAAa,CAAC,EAAE,CAAC,CAAC;oBAClB,OAAO,EAAE,EAAE,CAAC;gBACd,CAAC,YAED,KAAC,SAAS,KAAG,GACN,IACL,CACP,CAAC;AACJ,CAAC"}

package/dist/Section.d.ts

@@ -0,0 +1,35 @@
+import type { ReactNode } from "react";
+/**
+ * A labeled group — the uppercase `NAME` / `FOLDERS` / `FORMATTING` headers
+ * seen throughout Silo's modals and settings pages.
+ *
+ * Styled purely via host-provided `.silo-section*` classes — no stylesheet
+ * import is needed in the extension.
+ *
+ * @example
+ * ```tsx
+ * <Section label="Formatting">
+ *   <SettingRow
+ *     label="Format on save"
+ *     hint="Run Format Document before writing to disk."
+ *   >
+ *     <Switch
+ *       checked={formatOnSave}
+ *       onChange={setFormatOnSave}
+ *       aria-label="Format on save"
+ *     />
+ *   </SettingRow>
+ * </Section>
+ * ```
+ *
+ * @category Consumer Services
+ * @public
+ */
+export declare function Section({ label, accessory, children, }: {
+    /** Rendered uppercase, letter-spaced, chrome−1, `text-lo`. */
+    label: string;
+    /** Right-aligned — a count badge, an add affordance. */
+    accessory?: ReactNode;
+    children?: ReactNode;
+}): import("react").JSX.Element;
+//# sourceMappingURL=Section.d.ts.map

package/dist/Section.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Section.d.ts","sourceRoot":"","sources":["../src/Section.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,wBAAgB,OAAO,CAAC,EACtB,KAAK,EACL,SAAS,EACT,QAAQ,GACT,EAAE;IACD,8DAA8D;IAC9D,KAAK,EAAE,MAAM,CAAC;IACd,wDAAwD;IACxD,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,+BAUA"}

package/dist/Section.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * A labeled group — the uppercase `NAME` / `FOLDERS` / `FORMATTING` headers
+ * seen throughout Silo's modals and settings pages.
+ *
+ * Styled purely via host-provided `.silo-section*` classes — no stylesheet
+ * import is needed in the extension.
+ *
+ * @example
+ * ```tsx
+ * <Section label="Formatting">
+ *   <SettingRow
+ *     label="Format on save"
+ *     hint="Run Format Document before writing to disk."
+ *   >
+ *     <Switch
+ *       checked={formatOnSave}
+ *       onChange={setFormatOnSave}
+ *       aria-label="Format on save"
+ *     />
+ *   </SettingRow>
+ * </Section>
+ * ```
+ *
+ * @category Consumer Services
+ * @public
+ */
+export function Section({ label, accessory, children, }) {
+    return (_jsxs("div", { className: "silo-section", children: [_jsxs("div", { className: "silo-section-header", children: [_jsx("span", { className: "silo-section-label", children: label }), accessory] }), children] }));
+}
+//# sourceMappingURL=Section.js.map

package/dist/Section.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Section.js","sourceRoot":"","sources":["../src/Section.tsx"],"names":[],"mappings":";AAEA;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,MAAM,UAAU,OAAO,CAAC,EACtB,KAAK,EACL,SAAS,EACT,QAAQ,GAOT;IACC,OAAO,CACL,eAAK,SAAS,EAAC,cAAc,aAC3B,eAAK,SAAS,EAAC,qBAAqB,aAClC,eAAM,SAAS,EAAC,oBAAoB,YAAE,KAAK,GAAQ,EAClD,SAAS,IACN,EACL,QAAQ,IACL,CACP,CAAC;AACJ,CAAC"}

package/dist/SegmentedTabs.d.ts

@@ -0,0 +1,41 @@
+import type { ReactNode } from "react";
+/**
+ * One segment in a {@link SegmentedTabs} strip.
+ *
+ * @category Core Types
+ * @public
+ */
+export interface SegmentedTabItem<T extends string = string> {
+    id: T;
+    label: string;
+    icon?: ReactNode;
+}
+/**
+ * A pill riding in a recessed well — self-contained, no relationship to
+ * content below it, so it can sit in a header row next to other controls.
+ * Native tab stops per segment; no arrow-key roving.
+ *
+ * Styled purely via host-provided `.silo-segmented*` classes — no stylesheet
+ * import is needed in the extension.
+ *
+ * @example
+ * ```tsx
+ * <SegmentedTabs
+ *   tabs={[
+ *     { id: "browse", label: "Browse" },
+ *     { id: "installed", label: "Installed" },
+ *   ]}
+ *   active={tab}
+ *   onSelect={setTab}
+ * />
+ * ```
+ *
+ * @category Consumer Services
+ * @public
+ */
+export declare function SegmentedTabs<T extends string>({ tabs, active, onSelect, }: {
+    tabs: SegmentedTabItem<T>[];
+    active: T;
+    onSelect: (id: T) => void;
+}): import("react").JSX.Element;
+//# sourceMappingURL=SegmentedTabs.d.ts.map

package/dist/SegmentedTabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SegmentedTabs.d.ts","sourceRoot":"","sources":["../src/SegmentedTabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC;;;;;GAKG;AACH,MAAM,WAAW,gBAAgB,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM;IACzD,EAAE,EAAE,CAAC,CAAC;IACN,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,wBAAgB,aAAa,CAAC,CAAC,SAAS,MAAM,EAAE,EAC9C,IAAI,EACJ,MAAM,EACN,QAAQ,GACT,EAAE;IACD,IAAI,EAAE,gBAAgB,CAAC,CAAC,CAAC,EAAE,CAAC;IAC5B,MAAM,EAAE,CAAC,CAAC;IACV,QAAQ,EAAE,CAAC,EAAE,EAAE,CAAC,KAAK,IAAI,CAAC;CAC3B,+BAuBA"}

package/dist/SegmentedTabs.js

@@ -0,0 +1,33 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { segmentedTabDataActive } from "./segmented-tabs-classes.js";
+/**
+ * A pill riding in a recessed well — self-contained, no relationship to
+ * content below it, so it can sit in a header row next to other controls.
+ * Native tab stops per segment; no arrow-key roving.
+ *
+ * Styled purely via host-provided `.silo-segmented*` classes — no stylesheet
+ * import is needed in the extension.
+ *
+ * @example
+ * ```tsx
+ * <SegmentedTabs
+ *   tabs={[
+ *     { id: "browse", label: "Browse" },
+ *     { id: "installed", label: "Installed" },
+ *   ]}
+ *   active={tab}
+ *   onSelect={setTab}
+ * />
+ * ```
+ *
+ * @category Consumer Services
+ * @public
+ */
+export function SegmentedTabs({ tabs, active, onSelect, }) {
+    return (_jsx("div", { className: "silo-segmented", role: "tablist", children: tabs.map((tab) => {
+            const isActive = tab.id === active;
+            const dataActive = segmentedTabDataActive(isActive);
+            return (_jsxs("button", { type: "button", role: "tab", "aria-selected": isActive, className: "silo-segmented-tab", ...(dataActive != null ? { "data-active": dataActive } : {}), onClick: () => onSelect(tab.id), children: [tab.icon, tab.label] }, tab.id));
+        }) }));
+}
+//# sourceMappingURL=SegmentedTabs.js.map

package/dist/SegmentedTabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SegmentedTabs.js","sourceRoot":"","sources":["../src/SegmentedTabs.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAclE;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,MAAM,UAAU,aAAa,CAAmB,EAC9C,IAAI,EACJ,MAAM,EACN,QAAQ,GAKT;IACC,OAAO,CACL,cAAK,SAAS,EAAC,gBAAgB,EAAC,IAAI,EAAC,SAAS,YAC3C,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE;YAChB,MAAM,QAAQ,GAAG,GAAG,CAAC,EAAE,KAAK,MAAM,CAAC;YACnC,MAAM,UAAU,GAAG,sBAAsB,CAAC,QAAQ,CAAC,CAAC;YACpD,OAAO,CACL,kBAEE,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,KAAK,mBACK,QAAQ,EACvB,SAAS,EAAC,oBAAoB,KAC1B,CAAC,UAAU,IAAI,IAAI,CAAC,CAAC,CAAC,EAAE,aAAa,EAAE,UAAU,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EAC7D,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC,aAE9B,GAAG,CAAC,IAAI,EACR,GAAG,CAAC,KAAK,KATL,GAAG,CAAC,EAAE,CAUJ,CACV,CAAC;QACJ,CAAC,CAAC,GACE,CACP,CAAC;AACJ,CAAC"}

package/dist/Select.d.ts

@@ -0,0 +1,23 @@
+import type { SelectHTMLAttributes, ReactNode } from "react";
+/**
+ * A native `<select>` wearing the {@link Input} treatment — keep it for short
+ * enumerable values ("Block / Bar / Underline").
+ *
+ * Styled purely via the host-provided `.silo-select` class — no stylesheet
+ * import is needed in the extension.
+ *
+ * @example
+ * ```tsx
+ * <Select value={cursorStyle} onChange={(e) => setCursorStyle(e.target.value)}>
+ *   <option value="block">Block</option>
+ *   <option value="bar">Bar</option>
+ * </Select>
+ * ```
+ *
+ * @category Consumer Services
+ * @public
+ */
+export declare function Select({ className, children, ...rest }: {
+    children?: ReactNode;
+} & Omit<SelectHTMLAttributes<HTMLSelectElement>, "children">): import("react").JSX.Element;
+//# sourceMappingURL=Select.d.ts.map

package/dist/Select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../src/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE7D;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,MAAM,CAAC,EACrB,SAAS,EACT,QAAQ,EACR,GAAG,IAAI,EACR,EAAE;IACD,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,GAAG,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,UAAU,CAAC,+BAS5D"}

package/dist/Select.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * A native `<select>` wearing the {@link Input} treatment — keep it for short
+ * enumerable values ("Block / Bar / Underline").
+ *
+ * Styled purely via the host-provided `.silo-select` class — no stylesheet
+ * import is needed in the extension.
+ *
+ * @example
+ * ```tsx
+ * <Select value={cursorStyle} onChange={(e) => setCursorStyle(e.target.value)}>
+ *   <option value="block">Block</option>
+ *   <option value="bar">Bar</option>
+ * </Select>
+ * ```
+ *
+ * @category Consumer Services
+ * @public
+ */
+export function Select({ className, children, ...rest }) {
+    return (_jsx("select", { className: className ? `silo-select ${className}` : "silo-select", ...rest, children: children }));
+}
+//# sourceMappingURL=Select.js.map

package/dist/Select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.js","sourceRoot":"","sources":["../src/Select.tsx"],"names":[],"mappings":";AAEA;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,UAAU,MAAM,CAAC,EACrB,SAAS,EACT,QAAQ,EACR,GAAG,IAAI,EAGoD;IAC3D,OAAO,CACL,iBACE,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,eAAe,SAAS,EAAE,CAAC,CAAC,CAAC,aAAa,KAC7D,IAAI,YAEP,QAAQ,GACF,CACV,CAAC;AACJ,CAAC"}

package/dist/SettingRow.d.ts

@@ -0,0 +1,33 @@
+import type { ReactNode } from "react";
+/**
+ * The label + hint + control row every settings surface uses: title and dim
+ * description on the left, the control pinned right. Rows in a group are
+ * separated by hairline dividers.
+ *
+ * Styled purely via host-provided `.silo-setting-row*` classes — no
+ * stylesheet import is needed in the extension.
+ *
+ * @example
+ * ```tsx
+ * <SettingRow
+ *   label="Format on save"
+ *   hint="Run Format Document before writing to disk."
+ * >
+ *   <Switch
+ *     checked={formatOnSave}
+ *     onChange={setFormatOnSave}
+ *     aria-label="Format on save"
+ *   />
+ * </SettingRow>
+ * ```
+ *
+ * @category Consumer Services
+ * @public
+ */
+export declare function SettingRow({ label, hint, children, }: {
+    label: string;
+    hint?: string;
+    /** The control — `Switch`, `Select`, `Input`, etc. */
+    children?: ReactNode;
+}): import("react").JSX.Element;
+//# sourceMappingURL=SettingRow.d.ts.map

package/dist/SettingRow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SettingRow.d.ts","sourceRoot":"","sources":["../src/SettingRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,IAAI,EACJ,QAAQ,GACT,EAAE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,sDAAsD;IACtD,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,+BAUA"}

package/dist/SettingRow.js

@@ -0,0 +1,30 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * The label + hint + control row every settings surface uses: title and dim
+ * description on the left, the control pinned right. Rows in a group are
+ * separated by hairline dividers.
+ *
+ * Styled purely via host-provided `.silo-setting-row*` classes — no
+ * stylesheet import is needed in the extension.
+ *
+ * @example
+ * ```tsx
+ * <SettingRow
+ *   label="Format on save"
+ *   hint="Run Format Document before writing to disk."
+ * >
+ *   <Switch
+ *     checked={formatOnSave}
+ *     onChange={setFormatOnSave}
+ *     aria-label="Format on save"
+ *   />
+ * </SettingRow>
+ * ```
+ *
+ * @category Consumer Services
+ * @public
+ */
+export function SettingRow({ label, hint, children, }) {
+    return (_jsxs("div", { className: "silo-setting-row", children: [_jsxs("div", { className: "silo-setting-row-text", children: [_jsx("div", { className: "silo-setting-row-label", children: label }), hint != null && _jsx("div", { className: "silo-setting-row-hint", children: hint })] }), _jsx("div", { className: "silo-setting-row-control", children: children })] }));
+}
+//# sourceMappingURL=SettingRow.js.map

package/dist/SettingRow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SettingRow.js","sourceRoot":"","sources":["../src/SettingRow.tsx"],"names":[],"mappings":";AAEA;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,MAAM,UAAU,UAAU,CAAC,EACzB,KAAK,EACL,IAAI,EACJ,QAAQ,GAMT;IACC,OAAO,CACL,eAAK,SAAS,EAAC,kBAAkB,aAC/B,eAAK,SAAS,EAAC,uBAAuB,aACpC,cAAK,SAAS,EAAC,wBAAwB,YAAE,KAAK,GAAO,EACpD,IAAI,IAAI,IAAI,IAAI,cAAK,SAAS,EAAC,uBAAuB,YAAE,IAAI,GAAO,IAChE,EACN,cAAK,SAAS,EAAC,0BAA0B,YAAE,QAAQ,GAAO,IACtD,CACP,CAAC;AACJ,CAAC"}

package/dist/Switch.d.ts

@@ -0,0 +1,32 @@
+import type { ButtonHTMLAttributes } from "react";
+/**
+ * The iOS-style on/off toggle used throughout settings. Off = recessed
+ * `bg-active` track with a hairline border; on = accent fill. Focus uses a
+ * positive-offset ring (the one deliberate exception to the shared inset
+ * ring — an 18px pill can't take an inset outline).
+ *
+ * Styled purely via the host-provided `.silo-switch-track` class — no
+ * stylesheet import is needed in the extension.
+ *
+ * @example
+ * ```tsx
+ * <Switch
+ *   checked={formatOnSave}
+ *   onChange={setFormatOnSave}
+ *   aria-label="Format on save"
+ * />
+ * ```
+ *
+ * @category Consumer Services
+ * @public
+ */
+export declare function Switch({ checked, onChange, disabled, "aria-label": ariaLabel, className, type, ...rest }: {
+    checked: boolean;
+    onChange: (checked: boolean) => void;
+    disabled?: boolean;
+    /**
+     * Required unless wrapped by a labeled {@link SettingRow}.
+     */
+    "aria-label"?: string;
+} & Omit<ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "aria-label" | "children" | "role" | "aria-checked">): import("react").JSX.Element;
+//# sourceMappingURL=Switch.d.ts.map

package/dist/Switch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../src/Switch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAGlD;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,MAAM,CAAC,EACrB,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,YAAY,EAAE,SAAS,EACvB,SAAS,EACT,IAAe,EACf,GAAG,IAAI,EACR,EAAE;IACD,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,GAAG,IAAI,CACN,oBAAoB,CAAC,iBAAiB,CAAC,EACvC,UAAU,GAAG,YAAY,GAAG,UAAU,GAAG,MAAM,GAAG,cAAc,CACjE,+BAmBA"}

package/dist/Switch.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { switchDataChecked } from "./switch-classes.js";
+/**
+ * The iOS-style on/off toggle used throughout settings. Off = recessed
+ * `bg-active` track with a hairline border; on = accent fill. Focus uses a
+ * positive-offset ring (the one deliberate exception to the shared inset
+ * ring — an 18px pill can't take an inset outline).
+ *
+ * Styled purely via the host-provided `.silo-switch-track` class — no
+ * stylesheet import is needed in the extension.
+ *
+ * @example
+ * ```tsx
+ * <Switch
+ *   checked={formatOnSave}
+ *   onChange={setFormatOnSave}
+ *   aria-label="Format on save"
+ * />
+ * ```
+ *
+ * @category Consumer Services
+ * @public
+ */
+export function Switch({ checked, onChange, disabled, "aria-label": ariaLabel, className, type = "button", ...rest }) {
+    return (_jsx("button", { type: type, role: "switch", "aria-checked": checked, "aria-label": ariaLabel, disabled: disabled, "data-checked": switchDataChecked(checked), className: className ? `silo-switch-track ${className}` : "silo-switch-track", onClick: () => {
+            if (disabled)
+                return;
+            onChange(!checked);
+        }, ...rest }));
+}
+//# sourceMappingURL=Switch.js.map

package/dist/Switch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.js","sourceRoot":"","sources":["../src/Switch.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAErD;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,MAAM,UAAU,MAAM,CAAC,EACrB,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,YAAY,EAAE,SAAS,EACvB,SAAS,EACT,IAAI,GAAG,QAAQ,EACf,GAAG,IAAI,EAYR;IACC,OAAO,CACL,iBACE,IAAI,EAAE,IAAI,EACV,IAAI,EAAC,QAAQ,kBACC,OAAO,gBACT,SAAS,EACrB,QAAQ,EAAE,QAAQ,kBACJ,iBAAiB,CAAC,OAAO,CAAC,EACxC,SAAS,EACP,SAAS,CAAC,CAAC,CAAC,qBAAqB,SAAS,EAAE,CAAC,CAAC,CAAC,mBAAmB,EAEpE,OAAO,EAAE,GAAG,EAAE;YACZ,IAAI,QAAQ;gBAAE,OAAO;YACrB,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAC;QACrB,CAAC,KACG,IAAI,GACR,CACH,CAAC;AACJ,CAAC"}

package/dist/Tabs.d.ts

@@ -0,0 +1,59 @@
+import type { ReactNode } from "react";
+/**
+ * One tab in a {@link Tabs} strip.
+ *
+ * @category Core Types
+ * @public
+ */
+export interface TabItem<T extends string = string> {
+    id: T;
+    label: string;
+    icon?: ReactNode;
+}
+/**
+ * A borderless strip attached to the content panel it switches. The active
+ * tab's background **is** the panel's background — that shared fill is what
+ * makes the tab read as part of the panel. Pair with {@link TabPanel}.
+ * Native tab stops per tab; no arrow-key roving.
+ *
+ * Styled purely via host-provided `.silo-tabs` / `.silo-tab` classes — no
+ * stylesheet import is needed in the extension.
+ *
+ * @example
+ * ```tsx
+ * <Tabs
+ *   tabs={[
+ *     { id: "panels", label: "Side Panels" },
+ *     { id: "statusBar", label: "Status Bar" },
+ *     { id: "options", label: "Options" },
+ *   ]}
+ *   active={tab}
+ *   onSelect={setTab}
+ * />
+ * <TabPanel>{tab === "panels" && <PanelsSettings />}</TabPanel>
+ * ```
+ *
+ * @category Consumer Services
+ * @public
+ */
+export declare function Tabs<T extends string>({ tabs, active, onSelect, }: {
+    tabs: TabItem<T>[];
+    active: T;
+    onSelect: (id: T) => void;
+}): import("react").JSX.Element;
+/**
+ * The content panel a {@link Tabs} strip attaches to. Active-tab and panel
+ * share the same background token — that's the "attached" illusion.
+ *
+ * @example
+ * ```tsx
+ * <TabPanel>{tab === "panels" && <PanelsSettings />}</TabPanel>
+ * ```
+ *
+ * @category Consumer Services
+ * @public
+ */
+export declare function TabPanel({ children }: {
+    children?: ReactNode;
+}): import("react").JSX.Element;
+//# sourceMappingURL=Tabs.d.ts.map

package/dist/Tabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../src/Tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC;;;;;GAKG;AACH,MAAM,WAAW,OAAO,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM;IAChD,EAAE,EAAE,CAAC,CAAC;IACN,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,wBAAgB,IAAI,CAAC,CAAC,SAAS,MAAM,EAAE,EACrC,IAAI,EACJ,MAAM,EACN,QAAQ,GACT,EAAE;IACD,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC;IACnB,MAAM,EAAE,CAAC,CAAC;IACV,QAAQ,EAAE,CAAC,EAAE,EAAE,CAAC,KAAK,IAAI,CAAC;CAC3B,+BAuBA;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,QAAQ,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,CAAC,EAAE,SAAS,CAAA;CAAE,+BAE9D"}

package/dist/Tabs.js

@@ -0,0 +1,51 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { tabDataActive } from "./tabs-classes.js";
+/**
+ * A borderless strip attached to the content panel it switches. The active
+ * tab's background **is** the panel's background — that shared fill is what
+ * makes the tab read as part of the panel. Pair with {@link TabPanel}.
+ * Native tab stops per tab; no arrow-key roving.
+ *
+ * Styled purely via host-provided `.silo-tabs` / `.silo-tab` classes — no
+ * stylesheet import is needed in the extension.
+ *
+ * @example
+ * ```tsx
+ * <Tabs
+ *   tabs={[
+ *     { id: "panels", label: "Side Panels" },
+ *     { id: "statusBar", label: "Status Bar" },
+ *     { id: "options", label: "Options" },
+ *   ]}
+ *   active={tab}
+ *   onSelect={setTab}
+ * />
+ * <TabPanel>{tab === "panels" && <PanelsSettings />}</TabPanel>
+ * ```
+ *
+ * @category Consumer Services
+ * @public
+ */
+export function Tabs({ tabs, active, onSelect, }) {
+    return (_jsx("div", { className: "silo-tabs", role: "tablist", children: tabs.map((tab) => {
+            const isActive = tab.id === active;
+            const dataActive = tabDataActive(isActive);
+            return (_jsxs("button", { type: "button", role: "tab", "aria-selected": isActive, className: "silo-tab", ...(dataActive != null ? { "data-active": dataActive } : {}), onClick: () => onSelect(tab.id), children: [tab.icon, tab.label] }, tab.id));
+        }) }));
+}
+/**
+ * The content panel a {@link Tabs} strip attaches to. Active-tab and panel
+ * share the same background token — that's the "attached" illusion.
+ *
+ * @example
+ * ```tsx
+ * <TabPanel>{tab === "panels" && <PanelsSettings />}</TabPanel>
+ * ```
+ *
+ * @category Consumer Services
+ * @public
+ */
+export function TabPanel({ children }) {
+    return _jsx("div", { className: "silo-tab-panel", children: children });
+}
+//# sourceMappingURL=Tabs.js.map

package/dist/Tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.js","sourceRoot":"","sources":["../src/Tabs.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAc/C;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,MAAM,UAAU,IAAI,CAAmB,EACrC,IAAI,EACJ,MAAM,EACN,QAAQ,GAKT;IACC,OAAO,CACL,cAAK,SAAS,EAAC,WAAW,EAAC,IAAI,EAAC,SAAS,YACtC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE;YAChB,MAAM,QAAQ,GAAG,GAAG,CAAC,EAAE,KAAK,MAAM,CAAC;YACnC,MAAM,UAAU,GAAG,aAAa,CAAC,QAAQ,CAAC,CAAC;YAC3C,OAAO,CACL,kBAEE,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,KAAK,mBACK,QAAQ,EACvB,SAAS,EAAC,UAAU,KAChB,CAAC,UAAU,IAAI,IAAI,CAAC,CAAC,CAAC,EAAE,aAAa,EAAE,UAAU,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EAC7D,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC,aAE9B,GAAG,CAAC,IAAI,EACR,GAAG,CAAC,KAAK,KATL,GAAG,CAAC,EAAE,CAUJ,CACV,CAAC;QACJ,CAAC,CAAC,GACE,CACP,CAAC;AACJ,CAAC;AAED;;;;;;;;;;;GAWG;AACH,MAAM,UAAU,QAAQ,CAAC,EAAE,QAAQ,EAA4B;IAC7D,OAAO,cAAK,SAAS,EAAC,gBAAgB,YAAE,QAAQ,GAAO,CAAC;AAC1D,CAAC"}

package/dist/Textarea.d.ts

@@ -0,0 +1,22 @@
+import { type TextareaHTMLAttributes } from "react";
+/**
+ * Multi-line text entry wearing the same tokens as {@link Input}, plus
+ * comfortable line-height, vertical resize, and a 64px minimum height.
+ *
+ * Styled purely via the host-provided `.silo-textarea` class — no
+ * stylesheet import is needed in the extension.
+ *
+ * @example
+ * ```tsx
+ * <Textarea
+ *   value={notes}
+ *   onChange={(e) => setNotes(e.target.value)}
+ *   placeholder="Notes…"
+ * />
+ * ```
+ *
+ * @category Consumer Services
+ * @public
+ */
+export declare const Textarea: import("react").ForwardRefExoticComponent<TextareaHTMLAttributes<HTMLTextAreaElement> & import("react").RefAttributes<HTMLTextAreaElement>>;
+//# sourceMappingURL=Textarea.d.ts.map

package/dist/Textarea.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../src/Textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,sBAAsB,EAAE,MAAM,OAAO,CAAC;AAEhE;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,QAAQ,6IAWnB,CAAC"}

package/dist/Textarea.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+/**
+ * Multi-line text entry wearing the same tokens as {@link Input}, plus
+ * comfortable line-height, vertical resize, and a 64px minimum height.
+ *
+ * Styled purely via the host-provided `.silo-textarea` class — no
+ * stylesheet import is needed in the extension.
+ *
+ * @example
+ * ```tsx
+ * <Textarea
+ *   value={notes}
+ *   onChange={(e) => setNotes(e.target.value)}
+ *   placeholder="Notes…"
+ * />
+ * ```
+ *
+ * @category Consumer Services
+ * @public
+ */
+export const Textarea = forwardRef(function Textarea({ className, ...rest }, ref) {
+    return (_jsx("textarea", { ref: ref, className: className ? `silo-textarea ${className}` : "silo-textarea", ...rest }));
+});
+//# sourceMappingURL=Textarea.js.map

package/dist/Textarea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Textarea.js","sourceRoot":"","sources":["../src/Textarea.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAA+B,MAAM,OAAO,CAAC;AAEhE;;;;;;;;;;;;;;;;;;GAkBG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,UAAU,CAGhC,SAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG;IAC7C,OAAO,CACL,mBACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,iBAAiB,SAAS,EAAE,CAAC,CAAC,CAAC,eAAe,KACjE,IAAI,GACR,CACH,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/badge-classes.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Class-string mapping for {@link Badge} — pinned by unit tests so a rename
+ * of the host contract classes fails CI (RFC 0016).
+ *
+ * @internal
+ */
+export type BadgeTone = "neutral" | "accent" | "ok" | "warn" | "err" | "outline";
+/**
+ * Resolve the host `.silo-badge*` class string. An arbitrary `color` wins over
+ * `tone` and selects `.silo-badge-custom` (fed via `--badge-color`).
+ *
+ * @internal
+ */
+export declare function badgeClass(tone?: BadgeTone, color?: string): string;
+//# sourceMappingURL=badge-classes.d.ts.map

package/dist/badge-classes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge-classes.d.ts","sourceRoot":"","sources":["../src/badge-classes.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,MAAM,MAAM,SAAS,GACjB,SAAS,GACT,QAAQ,GACR,IAAI,GACJ,MAAM,GACN,KAAK,GACL,SAAS,CAAC;AAEd;;;;;GAKG;AACH,wBAAgB,UAAU,CACxB,IAAI,GAAE,SAAqB,EAC3B,KAAK,CAAC,EAAE,MAAM,GACb,MAAM,CAGR"}

package/dist/badge-classes.js

@@ -0,0 +1,12 @@
+/**
+ * Resolve the host `.silo-badge*` class string. An arbitrary `color` wins over
+ * `tone` and selects `.silo-badge-custom` (fed via `--badge-color`).
+ *
+ * @internal
+ */
+export function badgeClass(tone = "neutral", color) {
+    if (color != null)
+        return "silo-badge silo-badge-custom";
+    return `silo-badge silo-badge-${tone}`;
+}
+//# sourceMappingURL=badge-classes.js.map

package/dist/badge-classes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge-classes.js","sourceRoot":"","sources":["../src/badge-classes.ts"],"names":[],"mappings":"AAcA;;;;;GAKG;AACH,MAAM,UAAU,UAAU,CACxB,OAAkB,SAAS,EAC3B,KAAc;IAEd,IAAI,KAAK,IAAI,IAAI;QAAE,OAAO,8BAA8B,CAAC;IACzD,OAAO,yBAAyB,IAAI,EAAE,CAAC;AACzC,CAAC"}

package/dist/button-classes.d.ts

@@ -0,0 +1,20 @@
+/**
+ * Class-string mapping for {@link Button} — pinned by unit tests so a rename
+ * of the host contract classes fails CI (RFC 0016).
+ *
+ * @internal
+ */
+export type ButtonVariant = "normal" | "primary" | "danger";
+/**
+ * @internal
+ */
+export type ButtonSize = "normal" | "sm";
+/**
+ * Resolve the host `.silo-button*` class string for a Button's `variant` +
+ * `size`. Primary/danger are standalone class names (not modifiers on
+ * `.silo-button`); `sm` composes with any variant.
+ *
+ * @internal
+ */
+export declare function buttonClass(variant?: ButtonVariant, size?: ButtonSize): string;
+//# sourceMappingURL=button-classes.d.ts.map

package/dist/button-classes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-classes.d.ts","sourceRoot":"","sources":["../src/button-classes.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,MAAM,MAAM,aAAa,GAAG,QAAQ,GAAG,SAAS,GAAG,QAAQ,CAAC;AAE5D;;GAEG;AACH,MAAM,MAAM,UAAU,GAAG,QAAQ,GAAG,IAAI,CAAC;AAEzC;;;;;;GAMG;AACH,wBAAgB,WAAW,CACzB,OAAO,GAAE,aAAwB,EACjC,IAAI,GAAE,UAAqB,GAC1B,MAAM,CAQR"}