@ecopages/radiant-ui 0.1.0-beta.3 → 0.1.0-beta.6

package/dist/components/ui/autocomplete/autocomplete.css

@@ -0,0 +1,135 @@
+/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
+@layer properties;
+@layer components {
+  .rui-autocomplete {
+    display: flex;
+    min-height: 0px;
+    flex-direction: column;
+  }
+  .rui-autocomplete__input {
+    min-width: 0px;
+    border-radius: var(--radius-control, var(--radius-control));
+    border-style: var(--tw-border-style);
+    border-width: 1px;
+    border-color: var(--color-border, var(--border));
+    background-color: var(--color-background, var(--background));
+    padding-inline: var(--spacing-3, var(--space-3));
+    padding-block: var(--spacing-2, var(--space-2));
+    font-size: var(--text-sm, var(--text-sm));
+    line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / 0.875)));
+    color: var(--color-on-background, var(--on-background));
+    --tw-outline-style: none;
+    outline-style: none;
+  }
+  .rui-autocomplete__input:focus-visible {
+    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+    --tw-ring-color: var(--color-focus-ring, var(--focus-ring));
+  }
+  .rui-autocomplete__collection {
+    min-height: 0px;
+    flex: 1;
+    overflow: auto;
+  }
+  .rui-autocomplete__empty {
+    padding-inline: var(--spacing-3, var(--space-3));
+    padding-block: var(--spacing-2, var(--space-2));
+    font-size: var(--text-sm, var(--text-sm));
+    line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / 0.875)));
+    color: var(--color-on-surface, var(--on-surface));
+  }
+  .rui-autocomplete__empty[hidden] {
+    display: none;
+  }
+}
+@property --tw-border-style {
+  syntax: "*";
+  inherits: false;
+  initial-value: solid;
+}
+@property --tw-shadow {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0 0 #0000;
+}
+@property --tw-shadow-color {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-shadow-alpha {
+  syntax: "<percentage>";
+  inherits: false;
+  initial-value: 100%;
+}
+@property --tw-inset-shadow {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0 0 #0000;
+}
+@property --tw-inset-shadow-color {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-inset-shadow-alpha {
+  syntax: "<percentage>";
+  inherits: false;
+  initial-value: 100%;
+}
+@property --tw-ring-color {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-ring-shadow {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0 0 #0000;
+}
+@property --tw-inset-ring-color {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-inset-ring-shadow {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0 0 #0000;
+}
+@property --tw-ring-inset {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-ring-offset-width {
+  syntax: "<length>";
+  inherits: false;
+  initial-value: 0px;
+}
+@property --tw-ring-offset-color {
+  syntax: "*";
+  inherits: false;
+  initial-value: #fff;
+}
+@property --tw-ring-offset-shadow {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0 0 #0000;
+}
+@layer properties {
+  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
+    *, ::before, ::after, ::backdrop {
+      --tw-border-style: solid;
+      --tw-shadow: 0 0 #0000;
+      --tw-shadow-color: initial;
+      --tw-shadow-alpha: 100%;
+      --tw-inset-shadow: 0 0 #0000;
+      --tw-inset-shadow-color: initial;
+      --tw-inset-shadow-alpha: 100%;
+      --tw-ring-color: initial;
+      --tw-ring-shadow: 0 0 #0000;
+      --tw-inset-ring-color: initial;
+      --tw-inset-ring-shadow: 0 0 #0000;
+      --tw-ring-inset: initial;
+      --tw-ring-offset-width: 0px;
+      --tw-ring-offset-color: #fff;
+      --tw-ring-offset-shadow: 0 0 #0000;
+    }
+  }
+}

package/dist/components/ui/autocomplete/autocomplete.d.ts

@@ -0,0 +1,21 @@
+import type { JsxHtmlProps, JsxHtmlPropsWithChildren } from '@ecopages/jsx';
+import type { RuiAutocompleteProps } from './autocomplete.script';
+export type RuiAutocompleteInputProps = JsxHtmlProps<{
+    slot?: string;
+    placeholder?: string;
+    'aria-label'?: string;
+    disabled?: boolean;
+}>;
+/** Search field slotted into `RuiAutocomplete`. Also pairs with combobox inputs via `data-autocomplete-input`. */
+export declare function RuiAutocompleteInput({ placeholder, slot, class: className, disabled, ...props }: RuiAutocompleteInputProps): import("@ecopages/jsx").JsxRenderable;
+export type RuiAutocompleteCollectionProps = JsxHtmlPropsWithChildren<{
+    slot?: string;
+}>;
+/** Wrapper around the filterable collection inside `RuiAutocomplete`. */
+export declare function RuiAutocompleteCollection({ children, class: className, ...props }: RuiAutocompleteCollectionProps): import("@ecopages/jsx").JsxRenderable;
+export type RuiAutocompleteEmptyProps = JsxHtmlPropsWithChildren;
+/** Shown when filtering yields no visible items. */
+export declare function RuiAutocompleteEmpty({ children, class: className, ...props }: RuiAutocompleteEmptyProps): import("@ecopages/jsx").JsxRenderable;
+export declare const RuiAutocomplete: import("@/lib/radiant-view").RadiantViewComponent<JsxHtmlPropsWithChildren<RuiAutocompleteProps & {
+    slot?: string;
+}>>;

package/dist/components/ui/autocomplete/autocomplete.script.d.ts

@@ -0,0 +1,42 @@
+import { RadiantElement } from '@ecopages/radiant';
+import { type TextFilterSensitivity } from '@/lib/text-filter';
+export type RuiAutocompleteProps = {
+    /** Filter sensitivity. Default: `base` (case-insensitive contains). */
+    sensitivity?: TextFilterSensitivity;
+    /** Controlled filter query. When unset, reads from the slotted input. */
+    inputValue?: string;
+};
+/**
+ * `<rui-autocomplete>` — filters a slotted collection from a text input.
+ *
+ * Wrap a search field (`data-autocomplete-input`) and a collection
+ * (`data-autocomplete-collection` or default slot) containing `[role="option"]`,
+ * `[role="menuitem"]`, or `[data-tag]` items.
+ *
+ * @remarks When nested in `rui-combobox`, the combobox input acts as the filter
+ * field. `rui-select` uses a dedicated search input inside the popup instead.
+ *
+ * @see https://react-aria.adobe.com/Autocomplete
+ * @element rui-autocomplete
+ */
+export declare class RuiAutocomplete extends RadiantElement {
+    sensitivity: TextFilterSensitivity;
+    inputValue: string;
+    private externalInput;
+    private readonly onExternalInput;
+    private getInput;
+    private bindExternalInput;
+    private unbindExternalInput;
+    syncFilter(): void;
+    private getCollection;
+    private getFilterableItems;
+    private getItemText;
+    private getQuery;
+    private applyFilter;
+    private initialize;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    onPropsUpdated(): void;
+    onInput(): void;
+    render(): import("@ecopages/jsx").JsxRenderable;
+}

package/dist/components/ui/autocomplete/index.d.ts

@@ -0,0 +1,2 @@
+export { RuiAutocomplete as RuiAutocompleteElement, type RuiAutocompleteProps } from './autocomplete.script';
+export { RuiAutocomplete, RuiAutocompleteCollection, RuiAutocompleteEmpty, RuiAutocompleteInput } from './autocomplete';

package/dist/components/ui/autocomplete/index.js

@@ -0,0 +1,2 @@
+import{jsx as mt,jsxs as Rt}from"@ecopages/jsx/jsx-runtime";import{RadiantElement as dt,customElement as wt,onEvent as At,onUpdated as St,prop as ht}from"@ecopages/radiant";function rt(e,t,n="base"){if(!t)return!0;if(n==="case")return e.includes(t);let r=new Intl.Collator(void 0,{sensitivity:n==="accent"?"accent":"base",usage:"search"});for(let c=0;c<=e.length-t.length;c+=1){let E=e.slice(c,c+t.length);if(r.compare(E,t)===0)return!0}return!1}var ut,at,st,lt,ct,pt;function xt(e,t,n,r,c,E){var y,a,L,U,S,z,R,X=Symbol.metadata||Symbol.for("Symbol.metadata"),G=Object.defineProperty,q=Object.create,J=[q(null),q(null)],Y=t.length;function C(o,d,f){return function(i,u){d&&(u=i,i=e);for(var h=0;h<o.length;h++)u=o[h].apply(i,f?[u]:[]);return f?u:i}}function g(o,d,f,i){if(typeof o!="function"&&(i||o!==void 0))throw new TypeError(d+" must "+(f||"be")+" a function"+(i?"":" or undefined"));return o}function Z(o,d,f,i,u,h,I,m,b,v,P){function F(l){if(!P(l))throw new TypeError("Attempted to access private element on non-instance")}var Q=[].concat(d[0]),H=d[3],W=!I,w=u===1,N=u===3,tt=u===4,T=u===2;function j(l,_,ot){return function(D,it){return _&&(it=D,D=o),ot&&ot(D),s[l].call(D,it)}}if(!W){var s={},B=[],x=N?"get":tt||w?"set":"value";if(b?(v||w?s={get:ft(function(){return H(this)},i,"get"),set:function(l){d[4](this,l)}}:s[x]=H,v||ft(s[x],i,T?"":x)):v||(s=Object.getOwnPropertyDescriptor(o,i)),!v&&!b){if((a=J[+m][i])&&(a^u)!==7)throw Error("Decorating two elements with the same name ("+s[x].name+") is not supported yet");J[+m][i]=u<3?1:u}}for(var p=o,V=Q.length-1;V>=0;V-=f?2:1){var et=g(Q[V],"A decorator","be",!0),nt=f?Q[V-1]:void 0,K={},A={kind:["field","accessor","method","getter","setter","class"][u],name:i,metadata:y,addInitializer:function(l,_){if(l.v)throw new TypeError("attempted to call addInitializer after decoration was finished");g(_,"An initializer","be",!0),h.push(_)}.bind(null,K)};if(W)a=et.call(nt,p,A),K.v=1,g(a,"class decorators","return")&&(p=a);else if(A.static=m,A.private=b,a=A.access={has:b?P.bind():function(l){return i in l}},tt||(a.get=b?T?function(l){return F(l),s.value}:j("get",0,F):function(l){return l[i]}),T||N||(a.set=b?j("set",0,F):function(l,_){l[i]=_}),p=et.call(nt,w?{get:s.get,set:s.set}:s[x],A),K.v=1,w){if(typeof p=="object"&&p)(a=g(p.get,"accessor.get"))&&(s.get=a),(a=g(p.set,"accessor.set"))&&(s.set=a),(a=g(p.init,"accessor.init"))&&B.unshift(a);else if(p!==void 0)throw new TypeError("accessor decorators must return an object with get, set, or init properties or undefined")}else g(p,(v?"field":"method")+" decorators","return")&&(v?B.unshift(p):s[x]=p)}return u<2&&I.push(C(B,m,1),C(h,m,0)),v||W||(b?w?I.splice(-1,0,j("get",m),j("set",m)):I.push(T?s[x]:g.call.bind(s[x])):G(o,i,s)),p}function $(o){return G(o,X,{configurable:!0,enumerable:!0,value:y})}return E!==void 0&&(y=E[X]),y=q(y??null),S=[],z=function(o){o&&S.push(C(o))},R=function(o,d){for(var f=0;f<n.length;f++){var i=n[f],u=i[1],h=7&u;if((8&u)==o&&!h==d){var I=i[2],m=!!i[3],b=16&u;Z(o?e:e.prototype,i,b,m?"#"+I:Et(I),h,h<2?[]:o?U=U||[]:L=L||[],S,!!o,m,d,o&&m?function(v){return _t(v)===e}:c)}}},R(8,0),R(0,0),R(8,1),R(0,1),z(L),z(U),a=S,Y||$(e),{e:a,get c(){var o=[];return Y&&[$(e=Z(e,[t],r,e.name,5,o)),C(o,1)]}}}function Et(e){var t=It(e,"string");return typeof t=="symbol"?t:t+""}function It(e,t){if(typeof e!="object"||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||"default");if(typeof r!="object")return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}function ft(e,t,n){typeof t=="symbol"&&(t=(t=t.description)?"["+t+"]":"");try{Object.defineProperty(e,"name",{configurable:!0,value:n?n+" "+t:t})}catch{}return e}function _t(e){if(Object(e)!==e)throw TypeError("right-hand side of 'in' should be an object, got "+(e!==null?typeof e:"null"));return e}var k,yt=class extends dt{static{({e:[st,lt,ct,pt,ut],c:[k,at]}=xt(this,[wt("rui-autocomplete")],[[ht({type:String,defaultValue:"base"}),0,"sensitivity"],[ht({type:String,attribute:"input-value",defaultValue:""}),0,"inputValue"],[St(["sensitivity","inputValue"]),2,"onPropsUpdated"],[At({selector:"[data-autocomplete-input]",type:"input"}),2,"onInput"]],0,void 0,dt))}sensitivity=(ut(this),st(this));inputValue=(lt(this),ct(this));externalInput=(pt(this),null);onExternalInput=()=>{this.applyFilter()};getInput(){let t=this.querySelector("[data-autocomplete-input]");return t||(this.closest("rui-combobox, rui-select")?.querySelector("[data-autocomplete-input]")??null)}bindExternalInput(){this.unbindExternalInput();let t=this.getInput();!t||this.contains(t)||(this.externalInput=t,t.addEventListener("input",this.onExternalInput))}unbindExternalInput(){this.externalInput?.removeEventListener("input",this.onExternalInput),this.externalInput=null}syncFilter(){this.applyFilter()}getCollection(){return this.querySelector("[data-autocomplete-collection]")??this}getFilterableItems(){let t=this.getCollection();return t?Array.from(t.querySelectorAll('[role="option"], [data-tag], [role="menuitem"]')).filter(r=>this.contains(r)||t.contains(r)):[]}getItemText(t){return t.getAttribute("data-label")||t.textContent?.trim()||""}getQuery(){return this.inputValue?this.inputValue:this.getInput()?.value??""}applyFilter(){let t=this.getQuery(),n=this.getFilterableItems(),r=0;for(let E of n){let y=rt(this.getItemText(E),t,this.sensitivity);E.hidden=!y,y&&(r+=1)}let c=this.querySelector("[data-autocomplete-empty]");c&&(c.hidden=r>0)}initialize(){this.applyFilter()}connectedCallback(){super.connectedCallback(),queueMicrotask(()=>{this.bindExternalInput(),this.initialize()})}disconnectedCallback(){this.unbindExternalInput(),super.disconnectedCallback()}onPropsUpdated(){this.applyFilter()}onInput(){this.applyFilter()}render(){return Rt("div",{class:"rui-autocomplete","data-ref":"root",children:[mt("slot",{name:"input"}),mt("slot",{})]})}static{at()}};import{jsx as O}from"@ecopages/jsx/jsx-runtime";function M(...e){return e.filter(Boolean).join(" ")}var Ct=Symbol.for("@ecopages/storybook-radiant.viewElement"),bt=Symbol.for("@ecopages/storybook-radiant.scriptModule"),vt=Symbol.for("@ecopages/storybook-radiant.scriptExport");function Tt(e,t){e[Ct]=t;let n=t[bt];n&&(e[bt]=n,e[vt]=t[vt]??t.name)}function gt(e,t,n){let r=c=>t(c);return Tt(r,e),r}function jt({placeholder:e,slot:t="input",class:n,disabled:r,...c}){return O("input",{...c,type:"search",slot:t,"data-autocomplete-input":!0,class:M("rui-autocomplete__input",n),placeholder:e,disabled:r,autocomplete:"off"})}function Vt({children:e,class:t,...n}){return O("div",{...n,"data-autocomplete-collection":!0,class:M("rui-autocomplete__collection",t),children:e})}function Dt({children:e,class:t,...n}){return O("div",{...n,"data-autocomplete-empty":!0,class:M("rui-autocomplete__empty",t),hidden:!0,children:e})}var kt=gt(k,({children:e,...t})=>O("rui-autocomplete",{...t,children:e}),{stylesheets:["./autocomplete.css"]});export{kt as RuiAutocomplete,Vt as RuiAutocompleteCollection,k as RuiAutocompleteElement,Dt as RuiAutocompleteEmpty,jt as RuiAutocompleteInput};
+//# sourceMappingURL=index.js.map

package/dist/components/ui/autocomplete/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/ui/autocomplete/autocomplete.script.tsx", "../../../../src/lib/text-filter.ts", "../../../../src/components/ui/autocomplete/autocomplete.tsx", "../../../../src/lib/cx.ts", "../../../../src/lib/radiant-view.ts"],
+  "sourcesContent": ["let _initProto, _initClass, _init_sensitivity, _init_extra_sensitivity, _init_inputValue, _init_extra_inputValue;\nfunction _applyDecs(e, t, n, r, o, i) { var a, c, u, s, f, l, p, d = Symbol.metadata || Symbol.for(\"Symbol.metadata\"), m = Object.defineProperty, h = Object.create, y = [h(null), h(null)], v = t.length; function g(t, n, r) { return function (o, i) { n && (i = o, o = e); for (var a = 0; a < t.length; a++) i = t[a].apply(o, r ? [i] : []); return r ? i : o; }; } function b(e, t, n, r) { if (\"function\" != typeof e && (r || void 0 !== e)) throw new TypeError(t + \" must \" + (n || \"be\") + \" a function\" + (r ? \"\" : \" or undefined\")); return e; } function applyDec(e, t, n, r, o, i, u, s, f, l, p) { function d(e) { if (!p(e)) throw new TypeError(\"Attempted to access private element on non-instance\"); } var h = [].concat(t[0]), v = t[3], w = !u, D = 1 === o, S = 3 === o, j = 4 === o, E = 2 === o; function I(t, n, r) { return function (o, i) { return n && (i = o, o = e), r && r(o), P[t].call(o, i); }; } if (!w) { var P = {}, k = [], F = S ? \"get\" : j || D ? \"set\" : \"value\"; if (f ? (l || D ? P = { get: _setFunctionName(function () { return v(this); }, r, \"get\"), set: function (e) { t[4](this, e); } } : P[F] = v, l || _setFunctionName(P[F], r, E ? \"\" : F)) : l || (P = Object.getOwnPropertyDescriptor(e, r)), !l && !f) { if ((c = y[+s][r]) && 7 !== (c ^ o)) throw Error(\"Decorating two elements with the same name (\" + P[F].name + \") is not supported yet\"); y[+s][r] = o < 3 ? 1 : o; } } for (var N = e, O = h.length - 1; O >= 0; O -= n ? 2 : 1) { var T = b(h[O], \"A decorator\", \"be\", !0), z = n ? h[O - 1] : void 0, A = {}, H = { kind: [\"field\", \"accessor\", \"method\", \"getter\", \"setter\", \"class\"][o], name: r, metadata: a, addInitializer: function (e, t) { if (e.v) throw new TypeError(\"attempted to call addInitializer after decoration was finished\"); b(t, \"An initializer\", \"be\", !0), i.push(t); }.bind(null, A) }; if (w) c = T.call(z, N, H), A.v = 1, b(c, \"class decorators\", \"return\") && (N = c);else if (H.static = s, H.private = f, c = H.access = { has: f ? p.bind() : function (e) { return r in e; } }, j || (c.get = f ? E ? function (e) { return d(e), P.value; } : I(\"get\", 0, d) : function (e) { return e[r]; }), E || S || (c.set = f ? I(\"set\", 0, d) : function (e, t) { e[r] = t; }), N = T.call(z, D ? { get: P.get, set: P.set } : P[F], H), A.v = 1, D) { if (\"object\" == typeof N && N) (c = b(N.get, \"accessor.get\")) && (P.get = c), (c = b(N.set, \"accessor.set\")) && (P.set = c), (c = b(N.init, \"accessor.init\")) && k.unshift(c);else if (void 0 !== N) throw new TypeError(\"accessor decorators must return an object with get, set, or init properties or undefined\"); } else b(N, (l ? \"field\" : \"method\") + \" decorators\", \"return\") && (l ? k.unshift(N) : P[F] = N); } return o < 2 && u.push(g(k, s, 1), g(i, s, 0)), l || w || (f ? D ? u.splice(-1, 0, I(\"get\", s), I(\"set\", s)) : u.push(E ? P[F] : b.call.bind(P[F])) : m(e, r, P)), N; } function w(e) { return m(e, d, { configurable: !0, enumerable: !0, value: a }); } return void 0 !== i && (a = i[d]), a = h(null == a ? null : a), f = [], l = function (e) { e && f.push(g(e)); }, p = function (t, r) { for (var i = 0; i < n.length; i++) { var a = n[i], c = a[1], l = 7 & c; if ((8 & c) == t && !l == r) { var p = a[2], d = !!a[3], m = 16 & c; applyDec(t ? e : e.prototype, a, m, d ? \"#\" + p : _toPropertyKey(p), l, l < 2 ? [] : t ? s = s || [] : u = u || [], f, !!t, d, r, t && d ? function (t) { return _checkInRHS(t) === e; } : o); } } }, p(8, 0), p(0, 0), p(8, 1), p(0, 1), l(u), l(s), c = f, v || w(e), { e: c, get c() { var n = []; return v && [w(e = applyDec(e, [t], r, e.name, 5, n)), g(n, 1)]; } }; }\nfunction _toPropertyKey(t) { var i = _toPrimitive(t, \"string\"); return \"symbol\" == typeof i ? i : i + \"\"; }\nfunction _toPrimitive(t, r) { if (\"object\" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || \"default\"); if (\"object\" != typeof i) return i; throw new TypeError(\"@@toPrimitive must return a primitive value.\"); } return (\"string\" === r ? String : Number)(t); }\nfunction _setFunctionName(e, t, n) { \"symbol\" == typeof t && (t = (t = t.description) ? \"[\" + t + \"]\" : \"\"); try { Object.defineProperty(e, \"name\", { configurable: !0, value: n ? n + \" \" + t : t }); } catch (e) {} return e; }\nfunction _checkInRHS(e) { if (Object(e) !== e) throw TypeError(\"right-hand side of 'in' should be an object, got \" + (null !== e ? typeof e : \"null\")); return e; }\nimport { jsx, jsxs } from \"@ecopages/jsx/jsx-runtime\";\nimport { RadiantElement, customElement, onEvent, onUpdated, prop } from \"@ecopages/radiant\";\nimport { textContains } from \"@/lib/text-filter\";\nlet _RuiAutocomplete;\nclass RuiAutocomplete extends RadiantElement {\n  static {\n    ({\n      e: [_init_sensitivity, _init_extra_sensitivity, _init_inputValue, _init_extra_inputValue, _initProto],\n      c: [_RuiAutocomplete, _initClass]\n    } = _applyDecs(this, [customElement(\"rui-autocomplete\")], [[prop({\n      type: String,\n      defaultValue: \"base\"\n    }), 0, \"sensitivity\"], [prop({\n      type: String,\n      attribute: \"input-value\",\n      defaultValue: \"\"\n    }), 0, \"inputValue\"], [onUpdated([\"sensitivity\", \"inputValue\"]), 2, \"onPropsUpdated\"], [onEvent({\n      selector: \"[data-autocomplete-input]\",\n      type: \"input\"\n    }), 2, \"onInput\"]], 0, void 0, RadiantElement));\n  }\n  sensitivity = (_initProto(this), _init_sensitivity(this));\n  inputValue = (_init_extra_sensitivity(this), _init_inputValue(this));\n  externalInput = (_init_extra_inputValue(this), null);\n  onExternalInput = () => {\n    this.applyFilter();\n  };\n  getInput() {\n    const local = this.querySelector(\"[data-autocomplete-input]\");\n    if (local) {\n      return local;\n    }\n    const host = this.closest(\"rui-combobox, rui-select\");\n    return host?.querySelector(\"[data-autocomplete-input]\") ?? null;\n  }\n  bindExternalInput() {\n    this.unbindExternalInput();\n    const input = this.getInput();\n    if (!input || this.contains(input)) {\n      return;\n    }\n    this.externalInput = input;\n    input.addEventListener(\"input\", this.onExternalInput);\n  }\n  unbindExternalInput() {\n    this.externalInput?.removeEventListener(\"input\", this.onExternalInput);\n    this.externalInput = null;\n  }\n  syncFilter() {\n    this.applyFilter();\n  }\n  getCollection() {\n    return this.querySelector(\"[data-autocomplete-collection]\") ?? this;\n  }\n  getFilterableItems() {\n    const collection = this.getCollection();\n    if (!collection) {\n      return [];\n    }\n    const options = Array.from(collection.querySelectorAll('[role=\"option\"], [data-tag], [role=\"menuitem\"]'));\n    return options.filter(item => this.contains(item) || collection.contains(item));\n  }\n  getItemText(item) {\n    return item.getAttribute(\"data-label\") || item.textContent?.trim() || \"\";\n  }\n  getQuery() {\n    if (this.inputValue) {\n      return this.inputValue;\n    }\n    return this.getInput()?.value ?? \"\";\n  }\n  applyFilter() {\n    const query = this.getQuery();\n    const items = this.getFilterableItems();\n    let visibleCount = 0;\n    for (const item of items) {\n      const matches = textContains(this.getItemText(item), query, this.sensitivity);\n      item.hidden = !matches;\n      if (matches) {\n        visibleCount += 1;\n      }\n    }\n    const emptyState = this.querySelector(\"[data-autocomplete-empty]\");\n    if (emptyState) {\n      emptyState.hidden = visibleCount > 0;\n    }\n  }\n  initialize() {\n    this.applyFilter();\n  }\n  connectedCallback() {\n    super.connectedCallback();\n    queueMicrotask(() => {\n      this.bindExternalInput();\n      this.initialize();\n    });\n  }\n  disconnectedCallback() {\n    this.unbindExternalInput();\n    super.disconnectedCallback();\n  }\n  onPropsUpdated() {\n    this.applyFilter();\n  }\n  onInput() {\n    this.applyFilter();\n  }\n  render() {\n    return /* @__PURE__ */jsxs(\"div\", {\n      class: \"rui-autocomplete\",\n      \"data-ref\": \"root\",\n      children: [/* @__PURE__ */jsx(\"slot\", {\n        name: \"input\"\n      }), /* @__PURE__ */jsx(\"slot\", {})]\n    });\n  }\n  static {\n    _initClass();\n  }\n}\nexport { _RuiAutocomplete as RuiAutocomplete };", "export function textContains(text, query, sensitivity = \"base\") {\n  if (!query) {\n    return true;\n  }\n  if (sensitivity === \"case\") {\n    return text.includes(query);\n  }\n  const collator = new Intl.Collator(void 0, {\n    sensitivity: sensitivity === \"accent\" ? \"accent\" : \"base\",\n    usage: \"search\"\n  });\n  for (let index = 0; index <= text.length - query.length; index += 1) {\n    const slice = text.slice(index, index + query.length);\n    if (collator.compare(slice, query) === 0) {\n      return true;\n    }\n  }\n  return false;\n}", "import { jsx } from \"@ecopages/jsx/jsx-runtime\";\nimport { cx } from \"@/lib/cx\";\nimport { defineRadiantView } from \"@/lib/radiant-view\";\nimport { RuiAutocomplete as RuiAutocompleteElement } from \"./autocomplete.script\";\nexport function RuiAutocompleteInput({\n  placeholder,\n  slot = \"input\",\n  class: className,\n  disabled,\n  ...props\n}) {\n  return /* @__PURE__ */jsx(\"input\", {\n    ...props,\n    type: \"search\",\n    slot,\n    \"data-autocomplete-input\": true,\n    class: cx(\"rui-autocomplete__input\", className),\n    placeholder,\n    disabled,\n    autocomplete: \"off\"\n  });\n}\nexport function RuiAutocompleteCollection({\n  children,\n  class: className,\n  ...props\n}) {\n  return /* @__PURE__ */jsx(\"div\", {\n    ...props,\n    \"data-autocomplete-collection\": true,\n    class: cx(\"rui-autocomplete__collection\", className),\n    children\n  });\n}\nexport function RuiAutocompleteEmpty({\n  children,\n  class: className,\n  ...props\n}) {\n  return /* @__PURE__ */jsx(\"div\", {\n    ...props,\n    \"data-autocomplete-empty\": true,\n    class: cx(\"rui-autocomplete__empty\", className),\n    hidden: true,\n    children\n  });\n}\nexport const RuiAutocomplete = defineRadiantView(RuiAutocompleteElement, ({\n  children,\n  ...props\n}) => /* @__PURE__ */jsx(\"rui-autocomplete\", {\n  ...props,\n  children\n}), {\n  stylesheets: [\"./autocomplete.css\"]\n});", "export function cx(...parts) {\n  return parts.filter(Boolean).join(\" \");\n}", "const RADIANT_VIEW_ELEMENT = /* @__PURE__ */Symbol.for(\"@ecopages/storybook-radiant.viewElement\");\nconst RADIANT_SCRIPT_MODULE = /* @__PURE__ */Symbol.for(\"@ecopages/storybook-radiant.scriptModule\");\nconst RADIANT_SCRIPT_EXPORT = /* @__PURE__ */Symbol.for(\"@ecopages/storybook-radiant.scriptExport\");\nconst RADIANT_VIEW_MODULE = /* @__PURE__ */Symbol.for(\"@ecopages/storybook-radiant.viewModule\");\nfunction linkViewToElement(view, element) {\n  view[RADIANT_VIEW_ELEMENT] = element;\n  const ssrModule = element[RADIANT_SCRIPT_MODULE];\n  if (ssrModule) {\n    view[RADIANT_SCRIPT_MODULE] = ssrModule;\n    view[RADIANT_SCRIPT_EXPORT] = element[RADIANT_SCRIPT_EXPORT] ?? element.name;\n  }\n}\nexport function defineRadiantView(element, render, _options) {\n  const view = args => render(args);\n  linkViewToElement(view, element);\n  return view;\n}\nexport function attachRadiantStylesheets(target, _stylesheets, moduleUrl) {\n  const view = target;\n  view[RADIANT_VIEW_MODULE] = moduleUrl;\n  return target;\n}\nexport function syncRadiantViewMetadata(view) {\n  const element = view[RADIANT_VIEW_ELEMENT];\n  if (element) {\n    linkViewToElement(view, element);\n  }\n}"],
+  "mappings": "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",
+  "names": ["jsx", "jsxs", "RadiantElement", "customElement", "onEvent", "onUpdated", "prop", "textContains", "text", "query", "sensitivity", "collator", "index", "slice", "_initProto", "_initClass", "_init_sensitivity", "_init_extra_sensitivity", "_init_inputValue", "_init_extra_inputValue", "_applyDecs", "o", "i", "a", "c", "u", "s", "f", "l", "p", "d", "m", "h", "y", "v", "g", "t", "n", "r", "b", "e", "applyDec", "w", "D", "S", "j", "E", "I", "P", "k", "F", "_setFunctionName", "N", "O", "T", "z", "A", "H", "_toPropertyKey", "_checkInRHS", "_toPrimitive", "_RuiAutocomplete", "RuiAutocomplete", "RadiantElement", "customElement", "prop", "onUpdated", "onEvent", "local", "input", "collection", "item", "query", "items", "visibleCount", "matches", "textContains", "emptyState", "jsxs", "jsx", "jsx", "cx", "parts", "RADIANT_VIEW_ELEMENT", "RADIANT_SCRIPT_MODULE", "RADIANT_SCRIPT_EXPORT", "linkViewToElement", "view", "element", "RADIANT_VIEW_ELEMENT", "ssrModule", "RADIANT_SCRIPT_MODULE", "RADIANT_SCRIPT_EXPORT", "defineRadiantView", "render", "_options", "args", "RuiAutocompleteInput", "placeholder", "slot", "className", "disabled", "props", "jsx", "cx", "RuiAutocompleteCollection", "children", "RuiAutocompleteEmpty", "RuiAutocomplete", "defineRadiantView", "_RuiAutocomplete"]
+}

package/dist/components/ui/avatar/avatar.css

@@ -0,0 +1,58 @@
+/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
+@layer properties;
+@layer components {
+  .rui-avatar {
+    position: relative;
+    display: inline-flex;
+    flex-shrink: 0;
+    align-items: center;
+    justify-content: center;
+    overflow: hidden;
+    border-radius: var(--radius-pill, var(--radius-pill));
+    background-color: var(--color-surface-container, var(--surface-container));
+    --tw-font-weight: var(--font-weight-medium, var(--weight-medium));
+    font-weight: var(--font-weight-medium, var(--weight-medium));
+    color: var(--color-on-surface, var(--on-surface));
+  }
+  .rui-avatar--sm {
+    width: var(--spacing-8, var(--space-8));
+    height: var(--spacing-8, var(--space-8));
+    font-size: var(--text-xs, var(--text-xs));
+    line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / 0.75)));
+  }
+  .rui-avatar--md {
+    width: calc(var(--spacing, 0.25rem) * 10);
+    height: calc(var(--spacing, 0.25rem) * 10);
+    font-size: var(--text-sm, var(--text-sm));
+    line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / 0.875)));
+  }
+  .rui-avatar--lg {
+    width: calc(var(--spacing, 0.25rem) * 12);
+    height: calc(var(--spacing, 0.25rem) * 12);
+    font-size: var(--text-body, var(--text-body));
+  }
+  .rui-avatar__image {
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+  }
+  .rui-avatar__fallback {
+    display: flex;
+    width: 100%;
+    height: 100%;
+    align-items: center;
+    justify-content: center;
+    text-transform: uppercase;
+  }
+}
+@property --tw-font-weight {
+  syntax: "*";
+  inherits: false;
+}
+@layer properties {
+  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
+    *, ::before, ::after, ::backdrop {
+      --tw-font-weight: initial;
+    }
+  }
+}

package/dist/components/ui/avatar/avatar.d.ts

@@ -0,0 +1,13 @@
+import type { JsxHtmlPropsWithChildren } from '@ecopages/jsx';
+export type RuiAvatarSize = 'sm' | 'md' | 'lg';
+export type RuiAvatarProps = JsxHtmlPropsWithChildren<{
+    /** Image URL. When omitted or broken, initials from `alt` / `fallback` are shown. */
+    src?: string;
+    /** Accessible name for the image. Also used to derive initials when `fallback` is omitted. */
+    alt?: string;
+    /** Explicit fallback initials / text when there is no image. */
+    fallback?: string;
+    size?: RuiAvatarSize;
+}>;
+/** Image avatar with initials fallback. */
+export declare function RuiAvatar({ src, alt, fallback, size, class: className, children, ...props }: RuiAvatarProps): import("@ecopages/jsx").JsxRenderable;

package/dist/components/ui/avatar/index.d.ts

@@ -0,0 +1 @@
+export { RuiAvatar, type RuiAvatarProps, type RuiAvatarSize } from './avatar';

package/dist/components/ui/avatar/index.js

@@ -0,0 +1,2 @@
+import{jsx as i}from"@ecopages/jsx/jsx-runtime";function e(...t){return t.filter(Boolean).join(" ")}var d=Symbol.for("@ecopages/storybook-radiant.viewModule");function n(t,o,r){let a=t;return a[d]=r,t}function f(t){let o=t.trim().split(/\s+/).filter(Boolean);return o.length===0?"?":o.length===1?o[0].slice(0,2).toUpperCase():`${o[0][0]??""}${o[1][0]??""}`.toUpperCase()}function s({src:t,alt:o="",fallback:r,size:a="md",class:c,children:l,...p}){let u=r??(o?f(o):void 0);return i("span",{...p,class:e("rui-avatar",`rui-avatar--${a}`,c),role:t?void 0:"img","aria-label":t?void 0:o||r,children:t?i("img",{class:"rui-avatar__image",src:t,alt:o}):i("span",{class:"rui-avatar__fallback","aria-hidden":o||r?"true":void 0,children:l??u??"?"})})}n(s,["./avatar.css"],import.meta.url);export{s as RuiAvatar};
+//# sourceMappingURL=index.js.map

package/dist/components/ui/avatar/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/ui/avatar/avatar.tsx", "../../../../src/lib/cx.ts", "../../../../src/lib/radiant-view.ts"],
+  "sourcesContent": ["import { jsx } from \"@ecopages/jsx/jsx-runtime\";\nimport { cx } from \"@/lib/cx\";\nimport { attachRadiantStylesheets } from \"@/lib/radiant-view\";\nfunction initialsFrom(label) {\n  const parts = label.trim().split(/\\s+/).filter(Boolean);\n  if (parts.length === 0) return \"?\";\n  if (parts.length === 1) return parts[0].slice(0, 2).toUpperCase();\n  return `${parts[0][0] ?? \"\"}${parts[1][0] ?? \"\"}`.toUpperCase();\n}\nexport function RuiAvatar({\n  src,\n  alt = \"\",\n  fallback,\n  size = \"md\",\n  class: className,\n  children,\n  ...props\n}) {\n  const label = fallback ?? (alt ? initialsFrom(alt) : void 0);\n  return /* @__PURE__ */jsx(\"span\", {\n    ...props,\n    class: cx(\"rui-avatar\", `rui-avatar--${size}`, className),\n    role: src ? void 0 : \"img\",\n    \"aria-label\": src ? void 0 : alt || fallback,\n    children: src ? /* @__PURE__ */jsx(\"img\", {\n      class: \"rui-avatar__image\",\n      src,\n      alt\n    }) : /* @__PURE__ */jsx(\"span\", {\n      class: \"rui-avatar__fallback\",\n      \"aria-hidden\": alt || fallback ? \"true\" : void 0,\n      children: children ?? label ?? \"?\"\n    })\n  });\n}\nattachRadiantStylesheets(RuiAvatar, [\"./avatar.css\"], import.meta.url);", "export function cx(...parts) {\n  return parts.filter(Boolean).join(\" \");\n}", "const RADIANT_VIEW_ELEMENT = /* @__PURE__ */Symbol.for(\"@ecopages/storybook-radiant.viewElement\");\nconst RADIANT_SCRIPT_MODULE = /* @__PURE__ */Symbol.for(\"@ecopages/storybook-radiant.scriptModule\");\nconst RADIANT_SCRIPT_EXPORT = /* @__PURE__ */Symbol.for(\"@ecopages/storybook-radiant.scriptExport\");\nconst RADIANT_VIEW_MODULE = /* @__PURE__ */Symbol.for(\"@ecopages/storybook-radiant.viewModule\");\nfunction linkViewToElement(view, element) {\n  view[RADIANT_VIEW_ELEMENT] = element;\n  const ssrModule = element[RADIANT_SCRIPT_MODULE];\n  if (ssrModule) {\n    view[RADIANT_SCRIPT_MODULE] = ssrModule;\n    view[RADIANT_SCRIPT_EXPORT] = element[RADIANT_SCRIPT_EXPORT] ?? element.name;\n  }\n}\nexport function defineRadiantView(element, render, _options) {\n  const view = args => render(args);\n  linkViewToElement(view, element);\n  return view;\n}\nexport function attachRadiantStylesheets(target, _stylesheets, moduleUrl) {\n  const view = target;\n  view[RADIANT_VIEW_MODULE] = moduleUrl;\n  return target;\n}\nexport function syncRadiantViewMetadata(view) {\n  const element = view[RADIANT_VIEW_ELEMENT];\n  if (element) {\n    linkViewToElement(view, element);\n  }\n}"],
+  "mappings": "AAAA,OAAS,OAAAA,MAAW,4BCAb,SAASC,KAAMC,EAAO,CAC3B,OAAOA,EAAM,OAAO,OAAO,EAAE,KAAK,GAAG,CACvC,CCCA,IAAMC,EAAqC,OAAO,IAAI,wCAAwC,EAcvF,SAASC,EAAyBC,EAAQC,EAAcC,EAAW,CACxE,IAAMC,EAAOH,EACb,OAAAG,EAAKC,CAAmB,EAAIF,EACrBF,CACT,CFlBA,SAASK,EAAaC,EAAO,CAC3B,IAAMC,EAAQD,EAAM,KAAK,EAAE,MAAM,KAAK,EAAE,OAAO,OAAO,EACtD,OAAIC,EAAM,SAAW,EAAU,IAC3BA,EAAM,SAAW,EAAUA,EAAM,CAAC,EAAE,MAAM,EAAG,CAAC,EAAE,YAAY,EACzD,GAAGA,EAAM,CAAC,EAAE,CAAC,GAAK,EAAE,GAAGA,EAAM,CAAC,EAAE,CAAC,GAAK,EAAE,GAAG,YAAY,CAChE,CACO,SAASC,EAAU,CACxB,IAAAC,EACA,IAAAC,EAAM,GACN,SAAAC,EACA,KAAAC,EAAO,KACP,MAAOC,EACP,SAAAC,EACA,GAAGC,CACL,EAAG,CACD,IAAMT,EAAQK,IAAaD,EAAML,EAAaK,CAAG,EAAI,QACrD,OAAsBM,EAAI,OAAQ,CAChC,GAAGD,EACH,MAAOE,EAAG,aAAc,eAAeL,CAAI,GAAIC,CAAS,EACxD,KAAMJ,EAAM,OAAS,MACrB,aAAcA,EAAM,OAASC,GAAOC,EACpC,SAAUF,EAAqBO,EAAI,MAAO,CACxC,MAAO,oBACP,IAAAP,EACA,IAAAC,CACF,CAAC,EAAmBM,EAAI,OAAQ,CAC9B,MAAO,uBACP,cAAeN,GAAOC,EAAW,OAAS,OAC1C,SAAUG,GAAYR,GAAS,GACjC,CAAC,CACH,CAAC,CACH,CACAY,EAAyBV,EAAW,CAAC,cAAc,EAAG,YAAY,GAAG",
+  "names": ["jsx", "cx", "parts", "RADIANT_VIEW_MODULE", "attachRadiantStylesheets", "target", "_stylesheets", "moduleUrl", "view", "RADIANT_VIEW_MODULE", "initialsFrom", "label", "parts", "RuiAvatar", "src", "alt", "fallback", "size", "className", "children", "props", "jsx", "cx", "attachRadiantStylesheets"]
+}

package/dist/components/ui/button-group/button-group.css

@@ -0,0 +1,16 @@
+/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
+@layer components {
+  .rui-button-group {
+    display: flex;
+    gap: var(--spacing-inline, var(--space-inline));
+  }
+  .rui-button-group--horizontal {
+    flex-direction: row;
+    flex-wrap: wrap;
+    align-items: center;
+  }
+  .rui-button-group--vertical {
+    flex-direction: column;
+    align-items: stretch;
+  }
+}

package/dist/components/ui/button-group/button-group.d.ts

@@ -0,0 +1,10 @@
+import type { JsxHtmlPropsWithChildren } from '@ecopages/jsx';
+export type RuiButtonGroupOrientation = 'horizontal' | 'vertical';
+export type RuiButtonGroupProps = JsxHtmlPropsWithChildren<{
+    /** Layout direction. Default: `horizontal`. */
+    orientation?: RuiButtonGroupOrientation;
+    /** Accessible name when the group has no visible label. */
+    'aria-label'?: string;
+}>;
+/** Related buttons / links in a horizontal or vertical group. */
+export declare function RuiButtonGroup({ children, orientation, class: className, 'aria-label': ariaLabel, ...props }: RuiButtonGroupProps): import("@ecopages/jsx").JsxRenderable;

package/dist/components/ui/button-group/index.d.ts

@@ -0,0 +1 @@
+export { RuiButtonGroup, type RuiButtonGroupOrientation, type RuiButtonGroupProps } from './button-group';

package/dist/components/ui/button-group/index.js

@@ -0,0 +1,2 @@
+import{jsx as c}from"@ecopages/jsx/jsx-runtime";function e(...o){return o.filter(Boolean).join(" ")}var u=Symbol.for("@ecopages/storybook-radiant.viewModule");function a(o,t,r){let n=o;return n[u]=r,o}function i({children:o,orientation:t="horizontal",class:r,"aria-label":n,...s}){return c("div",{...s,role:"group","aria-label":n,"aria-orientation":t,class:e("rui-button-group",`rui-button-group--${t}`,r),children:o})}a(i,["./button-group.css"],import.meta.url);export{i as RuiButtonGroup};
+//# sourceMappingURL=index.js.map

package/dist/components/ui/button-group/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/ui/button-group/button-group.tsx", "../../../../src/lib/cx.ts", "../../../../src/lib/radiant-view.ts"],
+  "sourcesContent": ["import { jsx } from \"@ecopages/jsx/jsx-runtime\";\nimport { cx } from \"@/lib/cx\";\nimport { attachRadiantStylesheets } from \"@/lib/radiant-view\";\nexport function RuiButtonGroup({\n  children,\n  orientation = \"horizontal\",\n  class: className,\n  \"aria-label\": ariaLabel,\n  ...props\n}) {\n  return /* @__PURE__ */jsx(\"div\", {\n    ...props,\n    role: \"group\",\n    \"aria-label\": ariaLabel,\n    \"aria-orientation\": orientation,\n    class: cx(\"rui-button-group\", `rui-button-group--${orientation}`, className),\n    children\n  });\n}\nattachRadiantStylesheets(RuiButtonGroup, [\"./button-group.css\"], import.meta.url);", "export function cx(...parts) {\n  return parts.filter(Boolean).join(\" \");\n}", "const RADIANT_VIEW_ELEMENT = /* @__PURE__ */Symbol.for(\"@ecopages/storybook-radiant.viewElement\");\nconst RADIANT_SCRIPT_MODULE = /* @__PURE__ */Symbol.for(\"@ecopages/storybook-radiant.scriptModule\");\nconst RADIANT_SCRIPT_EXPORT = /* @__PURE__ */Symbol.for(\"@ecopages/storybook-radiant.scriptExport\");\nconst RADIANT_VIEW_MODULE = /* @__PURE__ */Symbol.for(\"@ecopages/storybook-radiant.viewModule\");\nfunction linkViewToElement(view, element) {\n  view[RADIANT_VIEW_ELEMENT] = element;\n  const ssrModule = element[RADIANT_SCRIPT_MODULE];\n  if (ssrModule) {\n    view[RADIANT_SCRIPT_MODULE] = ssrModule;\n    view[RADIANT_SCRIPT_EXPORT] = element[RADIANT_SCRIPT_EXPORT] ?? element.name;\n  }\n}\nexport function defineRadiantView(element, render, _options) {\n  const view = args => render(args);\n  linkViewToElement(view, element);\n  return view;\n}\nexport function attachRadiantStylesheets(target, _stylesheets, moduleUrl) {\n  const view = target;\n  view[RADIANT_VIEW_MODULE] = moduleUrl;\n  return target;\n}\nexport function syncRadiantViewMetadata(view) {\n  const element = view[RADIANT_VIEW_ELEMENT];\n  if (element) {\n    linkViewToElement(view, element);\n  }\n}"],
+  "mappings": "AAAA,OAAS,OAAAA,MAAW,4BCAb,SAASC,KAAMC,EAAO,CAC3B,OAAOA,EAAM,OAAO,OAAO,EAAE,KAAK,GAAG,CACvC,CCCA,IAAMC,EAAqC,OAAO,IAAI,wCAAwC,EAcvF,SAASC,EAAyBC,EAAQC,EAAcC,EAAW,CACxE,IAAMC,EAAOH,EACb,OAAAG,EAAKC,CAAmB,EAAIF,EACrBF,CACT,CFlBO,SAASK,EAAe,CAC7B,SAAAC,EACA,YAAAC,EAAc,aACd,MAAOC,EACP,aAAcC,EACd,GAAGC,CACL,EAAG,CACD,OAAsBC,EAAI,MAAO,CAC/B,GAAGD,EACH,KAAM,QACN,aAAcD,EACd,mBAAoBF,EACpB,MAAOK,EAAG,mBAAoB,qBAAqBL,CAAW,GAAIC,CAAS,EAC3E,SAAAF,CACF,CAAC,CACH,CACAO,EAAyBR,EAAgB,CAAC,oBAAoB,EAAG,YAAY,GAAG",
+  "names": ["jsx", "cx", "parts", "RADIANT_VIEW_MODULE", "attachRadiantStylesheets", "target", "_stylesheets", "moduleUrl", "view", "RADIANT_VIEW_MODULE", "RuiButtonGroup", "children", "orientation", "className", "ariaLabel", "props", "jsx", "cx", "attachRadiantStylesheets"]
+}