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

package/README.md

@@ -68,7 +68,7 @@ Convenience bundle (default theme + core primitives):
 import '@ecopages/radiant-ui/radiant-ui.css';
 ```
 
-Design tokens and themes: see [`AGENTS.md`](./AGENTS.md) and [`DESIGN-SYSTEM-PLAN.md`](./DESIGN-SYSTEM-PLAN.md).
+Design tokens and themes: see [`DESIGN.md`](./DESIGN.md). Component authoring: [`AGENTS.md`](./AGENTS.md).
 
 ## Story map
 

package/dist/components/ui/alert/alert.css

@@ -5,30 +5,35 @@ rui-alert {
 }
 @layer components {
   .rui-alert {
-    border-radius: var(--radius-md, var(--border-radius-md));
+    position: relative;
+    border-radius: var(--radius-container, var(--radius-container));
     font-size: var(--text-sm, var(--text-sm));
     line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / 0.875)));
-    --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
+    --tw-shadow: var(--shadow-control);
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
   .rui-alert--inline {
     display: flex;
-    align-items: flex-start;
-    gap: var(--spacing-2, var(--space-2));
-    padding-inline: var(--spacing-4, var(--space-4));
-    padding-block: var(--spacing-3, var(--space-3));
+    align-items: center;
+    gap: var(--spacing-inline, var(--space-inline));
+    padding-inline: var(--spacing-control-x, var(--space-control-x));
+    padding-block: var(--spacing-control-y, var(--space-control-y));
+  }
+  .rui-alert--inline.rui-alert--dismissible {
+    padding-right: calc(var(--spacing, 0.25rem) * 2.5);
   }
   .rui-alert__icon {
     display: inline-flex;
     flex-shrink: 0;
+    align-items: center;
+    justify-content: center;
   }
   .rui-alert--banner {
-    position: relative;
-    margin-top: var(--spacing-4, var(--space-4));
+    margin-top: var(--spacing-stack, var(--space-stack));
     display: flex;
     flex-direction: column;
-    padding-block: var(--spacing-4, var(--space-4));
-    padding-right: var(--spacing-4, var(--space-4));
+    padding-block: var(--spacing-control-y, var(--space-control-y));
+    padding-right: var(--spacing-control-x, var(--space-control-x));
     padding-left: var(--spacing-6, var(--space-6));
     &::before {
       content: '';
@@ -42,6 +47,51 @@ rui-alert {
       opacity: 50%;
     }
   }
+  .rui-alert--banner.rui-alert--dismissible {
+    padding-right: calc(var(--spacing, 0.25rem) * 11);
+  }
+  .rui-alert__close {
+    display: inline-flex;
+    width: calc(var(--spacing, 0.25rem) * 7);
+    height: calc(var(--spacing, 0.25rem) * 7);
+    flex-shrink: 0;
+    cursor: pointer;
+    align-items: center;
+    justify-content: center;
+    border-radius: var(--radius-control, var(--radius-control));
+    color: currentcolor;
+    opacity: 65%;
+    transition-property: opacity;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
+    transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
+    &:hover {
+      @media (hover: hover) {
+        opacity: 100%;
+      }
+    }
+    &: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);
+    }
+    &:focus-visible {
+      --tw-ring-color: currentcolor;
+      @supports (color: color-mix(in lab, red, red)) {
+        --tw-ring-color: color-mix(in oklab, currentcolor 35%, transparent);
+      }
+    }
+    &:focus-visible {
+      --tw-outline-style: none;
+      outline-style: none;
+    }
+  }
+  .rui-alert--inline .rui-alert__close {
+    margin-left: auto;
+  }
+  .rui-alert--banner .rui-alert__close {
+    position: absolute;
+    top: calc(var(--spacing, 0.25rem) * 2.5);
+    right: calc(var(--spacing, 0.25rem) * 2.5);
+  }
   .rui-alert__title {
     margin-bottom: 0px;
     --tw-font-weight: var(--font-weight-bold, 700);
@@ -53,71 +103,59 @@ rui-alert {
   .rui-alert--info {
     border-style: var(--tw-border-style);
     border-width: 1px;
-    border-color: var(--color-blue-300, oklch(80.9% 0.105 251.813));
-    background-color: var(--color-blue-100, oklch(93.2% 0.032 255.585));
-    color: var(--color-blue-700, oklch(48.8% 0.243 264.376));
+    border-color: var(--color-info, var(--info));
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--color-info, var(--info)) 30%, transparent);
+    }
+    background-color: var(--color-info-container, var(--info-container));
+    color: var(--color-on-info-container, var(--on-info-container));
   }
   .rui-alert--info.rui-alert--banner::before {
-    background-color: var(--color-blue-500, oklch(62.3% 0.214 259.815));
+    background-color: var(--color-info, var(--info));
     opacity: 100%;
   }
-  .rui-alert--info.rui-alert--banner .rui-alert__title, .rui-alert--info.rui-alert--banner 
-		.rui-alert__description p, .rui-alert--info.rui-alert--banner 
-		.rui-alert__description span, .rui-alert--info.rui-alert--banner 
-		.rui-alert__description a {
-    color: var(--color-blue-700, oklch(48.8% 0.243 264.376));
-  }
   .rui-alert--success {
     border-style: var(--tw-border-style);
     border-width: 1px;
-    border-color: var(--color-emerald-300, oklch(84.5% 0.143 164.978));
-    background-color: var(--color-emerald-100, oklch(95% 0.052 163.051));
-    color: var(--color-emerald-700, oklch(50.8% 0.118 165.612));
+    border-color: var(--color-success, var(--success));
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--color-success, var(--success)) 30%, transparent);
+    }
+    background-color: var(--color-success-container, var(--success-container));
+    color: var(--color-on-success-container, var(--on-success-container));
   }
   .rui-alert--success.rui-alert--banner::before {
-    background-color: var(--color-emerald-500, oklch(69.6% 0.17 162.48));
+    background-color: var(--color-success, var(--success));
     opacity: 100%;
   }
-  .rui-alert--success.rui-alert--banner .rui-alert__title, .rui-alert--success.rui-alert--banner 
-		.rui-alert__description p, .rui-alert--success.rui-alert--banner 
-		.rui-alert__description span, .rui-alert--success.rui-alert--banner 
-		.rui-alert__description a {
-    color: var(--color-emerald-700, oklch(50.8% 0.118 165.612));
-  }
   .rui-alert--warning {
     border-style: var(--tw-border-style);
     border-width: 1px;
-    border-color: var(--color-yellow-300, oklch(90.5% 0.182 98.111));
-    background-color: var(--color-yellow-100, oklch(97.3% 0.071 103.193));
-    color: var(--color-yellow-700, oklch(55.4% 0.135 66.442));
+    border-color: var(--color-warning, var(--warning));
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--color-warning, var(--warning)) 30%, transparent);
+    }
+    background-color: var(--color-warning-container, var(--warning-container));
+    color: var(--color-on-warning-container, var(--on-warning-container));
   }
   .rui-alert--warning.rui-alert--banner::before {
-    background-color: var(--color-yellow-500, oklch(79.5% 0.184 86.047));
+    background-color: var(--color-warning, var(--warning));
     opacity: 100%;
   }
-  .rui-alert--warning.rui-alert--banner .rui-alert__title, .rui-alert--warning.rui-alert--banner 
-		.rui-alert__description p, .rui-alert--warning.rui-alert--banner 
-		.rui-alert__description span, .rui-alert--warning.rui-alert--banner 
-		.rui-alert__description a {
-    color: var(--color-yellow-700, oklch(55.4% 0.135 66.442));
-  }
   .rui-alert--error {
     border-style: var(--tw-border-style);
     border-width: 1px;
-    border-color: var(--color-red-300, oklch(80.8% 0.114 19.571));
-    background-color: var(--color-red-100, oklch(93.6% 0.032 17.717));
-    color: var(--color-red-700, oklch(50.5% 0.213 27.518));
+    border-color: var(--color-error, var(--error));
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--color-error, var(--error)) 30%, transparent);
+    }
+    background-color: var(--color-error-container, var(--error-container));
+    color: var(--color-on-error-container, var(--on-error-container));
   }
   .rui-alert--error.rui-alert--banner::before {
-    background-color: var(--color-red-500, oklch(63.7% 0.237 25.331));
+    background-color: var(--color-error, var(--error));
     opacity: 100%;
   }
-  .rui-alert--error.rui-alert--banner .rui-alert__title, .rui-alert--error.rui-alert--banner 
-		.rui-alert__description p, .rui-alert--error.rui-alert--banner 
-		.rui-alert__description span, .rui-alert--error.rui-alert--banner 
-		.rui-alert__description a {
-    color: var(--color-red-700, oklch(50.5% 0.213 27.518));
-  }
 }
 @property --tw-shadow {
   syntax: "*";

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

@@ -1,16 +1,54 @@
 import type { JsxHtmlPropsWithChildren } from '@ecopages/jsx';
 import type { RuiAlertProps, RuiAlertVariant } from './alert.script';
+/** Registers `<rui-alert>` when the JSX helpers are imported. */
+import './alert.script';
 export type RuiAlertIconProps = JsxHtmlPropsWithChildren<{
     variant?: RuiAlertVariant;
 }>;
-/** Default variant icon for `layout="inline"`. Pass `children` to override. */
+/**
+ * Default variant icon for `layout="inline"`. Pass `children` to override.
+ *
+ * @cssclass rui-alert__icon - Icon wrapper (`inline` only).
+ *
+ * @remarks Default SVG is `aria-hidden="true"` — convey severity in adjacent
+ * text, not by icon alone.
+ */
 export declare function RuiAlertIcon({ variant, class: className, children, ...props }: RuiAlertIconProps): import("@ecopages/jsx").JsxRenderable;
 export type RuiAlertTitleProps = JsxHtmlPropsWithChildren;
-/** Heading for `layout="banner"` alerts. */
+/**
+ * Heading for `layout="banner"` alerts.
+ *
+ * @cssclass rui-alert__title - Banner headline.
+ */
 export declare function RuiAlertTitle({ children, class: className, ...props }: RuiAlertTitleProps): import("@ecopages/jsx").JsxRenderable;
 export type RuiAlertDescriptionProps = JsxHtmlPropsWithChildren;
-/** Body copy for `layout="banner"` alerts. */
+/**
+ * Body copy for `layout="banner"` alerts.
+ *
+ * @cssclass rui-alert__description - Banner body.
+ */
 export declare function RuiAlertDescription({ children, class: className, ...props }: RuiAlertDescriptionProps): import("@ecopages/jsx").JsxRenderable;
-export declare const RuiAlert: import("@/lib/radiant-view").RadiantViewComponent<JsxHtmlPropsWithChildren<RuiAlertProps & {
+export type RuiAlertComponentProps = JsxHtmlPropsWithChildren<RuiAlertProps & {
     slot?: string;
-}>>;
+}>;
+/**
+ * Status alert with optional dismiss control.
+ *
+ * @remarks
+ * Importable JSX helper around `<rui-alert>`. Owns the `role="alert"` surface and
+ * BEM classes; the host owns dismiss (`rui-close` / `dismiss()`).
+ *
+ * Variant tones map to semantic theme roles (`info`, `success`, `warning`, `error`)
+ * via `.rui-alert--*` — not palette steps. See `alert.css` and DESIGN.md status roles.
+ *
+ * @cssclass rui-alert - Root surface (`role="alert"`).
+ * @cssclass rui-alert--info - Info tone (default).
+ * @cssclass rui-alert--success - Success tone.
+ * @cssclass rui-alert--warning - Warning tone.
+ * @cssclass rui-alert--error - Error tone.
+ * @cssclass rui-alert--inline - Compact row layout (icon + text).
+ * @cssclass rui-alert--banner - Full-width advisory with left accent rail.
+ * @cssclass rui-alert--dismissible - Layout adjustments for the dismiss control.
+ * @cssclass rui-alert__close - Dismiss button when `dismissible` is set.
+ */
+export declare function RuiAlert({ children, variant, layout, dismissible, closeLabel, class: className, ...props }: RuiAlertComponentProps): import("@ecopages/jsx").JsxRenderable;

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

@@ -1,4 +1,5 @@
 import { RadiantElement } from '@ecopages/radiant';
+import type { EventEmitter } from '@ecopages/radiant/tools/event-emitter';
 export type RuiAlertVariant = 'info' | 'success' | 'warning' | 'error';
 export type RuiAlertLayout = 'inline' | 'banner';
 export type RuiAlertProps = {
@@ -10,20 +11,66 @@ export type RuiAlertProps = {
      * Default: `inline`.
      */
     layout?: RuiAlertLayout;
+    /**
+     * When `true`, renders a dismiss control and allows `dismiss()`.
+     * Default: `false`.
+     */
+    dismissible?: boolean;
+    /** Accessible name for the dismiss control. Default: `Dismiss`. */
+    closeLabel?: string;
+};
+export type RuiAlertCloseDetail = {
+    reason: 'dismiss';
+};
+type RuiAlertBindings = {
+    variant: RuiAlertVariant;
+    layout: RuiAlertLayout;
+    dismissible: boolean;
+    closeLabel: string;
 };
 /**
  * `<rui-alert>` — a brief, important message that attracts attention
  * without interrupting the user's task.
  *
- * Compose with `RuiAlertIcon` + text for `layout="inline"`, or `RuiAlertTitle` and
- * `RuiAlertDescription` for `layout="banner"`.
+ * Compose with the `RuiAlert` view (surface + optional dismiss control) and
+ * `RuiAlertIcon` / `RuiAlertTitle` / `RuiAlertDescription` as needed.
+ *
+ * Prefer injecting or revealing alerts at the moment they become relevant;
+ * static copy that is always present should not use `role="alert"`.
+ *
+ * @summary Status message host; optional dismiss removes the element.
  *
  * @see https://www.w3.org/WAI/ARIA/apg/patterns/alert/
  *
  * @element rui-alert
- * @slot - Alert content inside the `role="alert"` region.
+ *
+ * @attr {('info'|'success'|'warning'|'error')} variant - Visual tone. Default: `info`.
+ * @attr {('inline'|'banner')} layout - Layout mode. Default: `inline`.
+ * @attr {boolean} dismissible - Show dismiss control (via the view). Default: `false`.
+ * @attr {string} close-label - Accessible name for dismiss. Default: `Dismiss`.
+ *
+ * @slot - Alert content. Prefer the `RuiAlert` view so the `role="alert"` surface
+ *   and BEM classes stay in sync with `variant` / `layout` / `dismissible`.
+ *
+ * @fires rui-close - Emitted when the alert is dismissed; then the host is removed.
+ *
+ * @remarks
+ * Styling classes live on the JSX view helpers (`@cssclass`). This element owns
+ * dismiss behavior — default `render()` is a passthrough slot so prop updates do
+ * not rebuild the composed light-DOM surface.
+ *
+ * **Why a custom element?** Dismiss emits `rui-close` and removes the host from
+ * the DOM without re-projecting slot content. A presentational-only wrapper would
+ * need equivalent lifecycle wiring; the CE keeps that behavior self-contained.
  */
-export declare class RuiAlert extends RadiantElement {
+export declare class RuiAlert extends RadiantElement<RuiAlertBindings> {
     variant: RuiAlertVariant;
     layout: RuiAlertLayout;
+    dismissible: boolean;
+    closeLabel: string;
+    closeEvent: EventEmitter<RuiAlertCloseDetail>;
+    /** Dismiss the alert: emit `rui-close`, then remove the host from the DOM. */
+    dismiss(): void;
+    onCloseClick(event: Event): void;
 }
+export {};

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

@@ -1,3 +1,3 @@
-export { RuiAlert as RuiAlertElement, type RuiAlertProps, type RuiAlertVariant, type RuiAlertLayout, } from './alert.script';
+export { RuiAlert as RuiAlertElement, type RuiAlertCloseDetail, type RuiAlertProps, type RuiAlertVariant, type RuiAlertLayout, } from './alert.script';
 export { RuiAlert, RuiAlertIcon, RuiAlertTitle, RuiAlertDescription } from './alert';
-export type { RuiAlertIconProps, RuiAlertTitleProps, RuiAlertDescriptionProps } from './alert';
+export type { RuiAlertComponentProps, RuiAlertIconProps, RuiAlertTitleProps, RuiAlertDescriptionProps } from './alert';

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

@@ -1,2 +1,2 @@
-import{RadiantElement as ft,customElement as wt,prop as pt}from"@ecopages/radiant";var ot,at,st,ct,ut;function vt(t,e,i,u,h,I){var g,a,C,L,j,B,x,G=Symbol.metadata||Symbol.for("Symbol.metadata"),J=Object.defineProperty,U=Object.create,Q=[U(null),U(null)],Y=e.length;function M(r,d,f){return function(n,o){d&&(o=n,n=t);for(var m=0;m<r.length;m++)o=r[m].apply(n,f?[o]:[]);return f?o:n}}function _(r,d,f,n){if(typeof r!="function"&&(n||r!==void 0))throw new TypeError(d+" must "+(f||"be")+" a function"+(n?"":" or undefined"));return r}function Z(r,d,f,n,o,m,A,p,y,v,P){function W(c){if(!P(c))throw new TypeError("Attempted to access private element on non-instance")}var $=[].concat(d[0]),N=d[3],K=!A,T=o===1,F=o===3,tt=o===4,D=o===2;function k(c,R,nt){return function(O,it){return R&&(it=O,O=r),nt&&nt(O),s[c].call(O,it)}}if(!K){var s={},X=[],b=F?"get":tt||T?"set":"value";if(y?(v||T?s={get:lt(function(){return N(this)},n,"get"),set:function(c){d[4](this,c)}}:s[b]=N,v||lt(s[b],n,D?"":b)):v||(s=Object.getOwnPropertyDescriptor(r,n)),!v&&!y){if((a=Q[+p][n])&&(a^o)!==7)throw Error("Decorating two elements with the same name ("+s[b].name+") is not supported yet");Q[+p][n]=o<3?1:o}}for(var l=r,V=$.length-1;V>=0;V-=f?2:1){var et=_($[V],"A decorator","be",!0),rt=f?$[V-1]:void 0,q={},S={kind:["field","accessor","method","getter","setter","class"][o],name:n,metadata:g,addInitializer:function(c,R){if(c.v)throw new TypeError("attempted to call addInitializer after decoration was finished");_(R,"An initializer","be",!0),m.push(R)}.bind(null,q)};if(K)a=et.call(rt,l,S),q.v=1,_(a,"class decorators","return")&&(l=a);else if(S.static=p,S.private=y,a=S.access={has:y?P.bind():function(c){return n in c}},tt||(a.get=y?D?function(c){return W(c),s.value}:k("get",0,W):function(c){return c[n]}),D||F||(a.set=y?k("set",0,W):function(c,R){c[n]=R}),l=et.call(rt,T?{get:s.get,set:s.set}:s[b],S),q.v=1,T){if(typeof l=="object"&&l)(a=_(l.get,"accessor.get"))&&(s.get=a),(a=_(l.set,"accessor.set"))&&(s.set=a),(a=_(l.init,"accessor.init"))&&X.unshift(a);else if(l!==void 0)throw new TypeError("accessor decorators must return an object with get, set, or init properties or undefined")}else _(l,(v?"field":"method")+" decorators","return")&&(v?X.unshift(l):s[b]=l)}return o<2&&A.push(M(X,p,1),M(m,p,0)),v||K||(y?T?A.splice(-1,0,k("get",p),k("set",p)):A.push(D?s[b]:_.call.bind(s[b])):J(r,n,s)),l}function H(r){return J(r,G,{configurable:!0,enumerable:!0,value:g})}return I!==void 0&&(g=I[G]),g=U(g??null),j=[],B=function(r){r&&j.push(M(r))},x=function(r,d){for(var f=0;f<i.length;f++){var n=i[f],o=n[1],m=7&o;if((8&o)==r&&!m==d){var A=n[2],p=!!n[3],y=16&o;Z(r?t:t.prototype,n,y,p?"#"+A:gt(A),m,m<2?[]:r?L=L||[]:C=C||[],j,!!r,p,d,r&&p?function(v){return bt(v)===t}:h)}}},x(8,0),x(0,0),x(8,1),x(0,1),B(C),B(L),a=j,Y||H(t),{e:a,get c(){var r=[];return Y&&[H(t=Z(t,[e],u,t.name,5,r)),M(r,1)]}}}function gt(t){var e=_t(t,"string");return typeof e=="symbol"?e:e+""}function _t(t,e){if(typeof t!="object"||!t)return t;var i=t[Symbol.toPrimitive];if(i!==void 0){var u=i.call(t,e||"default");if(typeof u!="object")return u;throw new TypeError("@@toPrimitive must return a primitive value.")}return(e==="string"?String:Number)(t)}function lt(t,e,i){typeof e=="symbol"&&(e=(e=e.description)?"["+e+"]":"");try{Object.defineProperty(t,"name",{configurable:!0,value:i?i+" "+e:e})}catch{}return t}function bt(t){if(Object(t)!==t)throw TypeError("right-hand side of 'in' should be an object, got "+(t!==null?typeof t:"null"));return t}var z,dt=class extends ft{static{({e:[at,st,ct,ut],c:[z,ot]}=vt(this,[wt("rui-alert")],[[pt({type:String,reflect:!0,defaultValue:"info"}),0,"variant"],[pt({type:String,reflect:!0,defaultValue:"inline"}),0,"layout"]],0,void 0,ft))}constructor(...e){super(...e),ut(this)}variant=at(this);layout=(st(this),ct(this));static{ot()}};import{jsx as w}from"@ecopages/jsx/jsx-runtime";function E(...t){return t.filter(Boolean).join(" ")}var At=Symbol.for("@ecopages/storybook-radiant.viewElement"),mt=Symbol.for("@ecopages/storybook-radiant.scriptModule"),ht=Symbol.for("@ecopages/storybook-radiant.scriptExport");function Rt(t,e){t[At]=e;let i=e[mt];i&&(t[mt]=i,t[ht]=e[ht]??e.name)}function yt(t,e,i){let u=h=>e(h);return Rt(u,t),u}var Et={info:["M12 16v-4","M12 8h.01","M12 22a10 10 0 1 0 0-20 10 10 0 0 0 0 20z"],success:["M12 22a10 10 0 1 0 0-20 10 10 0 0 0 0 20z","m9 12 2 2 4-4"],warning:["m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3","M12 9v4","M12 17h.01"],error:["M12 22a10 10 0 1 0 0-20 10 10 0 0 0 0 20z","m15 9-6 6","m9 9 6 6"]};function xt({variant:t="info",class:e,children:i,...u}){if(i!=null)return w("span",{...u,class:E("rui-alert__icon",e),children:i});let h=Et[t],I=Array.isArray(h)?h:[h];return w("span",{...u,class:E("rui-alert__icon",e),"aria-hidden":"true",children:w("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",children:I.map(g=>w("path",{d:g}))})})}function Tt({children:t,class:e,...i}){return w("p",{...i,class:E("rui-alert__title",e),children:t})}function St({children:t,class:e,...i}){return w("div",{...i,class:E("rui-alert__description",e),children:t})}var It=yt(z,({variant:t="info",layout:e="inline",class:i,children:u,...h})=>w("rui-alert",{...h,variant:t,layout:e,children:w("div",{class:E("rui-alert",`rui-alert--${t}`,`rui-alert--${e}`,i),role:"alert",children:u})}),{stylesheets:["./alert.css"]});export{It as RuiAlert,St as RuiAlertDescription,z as RuiAlertElement,xt as RuiAlertIcon,Tt as RuiAlertTitle};
+import{RadiantElement as _t,bound as Rt,customElement as kt,event as St,onEvent as Dt,prop as B}from"@ecopages/radiant";var ot,st,lt,at,ut,ct,ft,dt,pt,ht,mt,vt;function xt(t,e,n,c,y,E){var p,s,L,O,D,V,R,U=Symbol.metadata||Symbol.for("Symbol.metadata"),W=Object.defineProperty,$=Object.create,X=[$(null),$(null)],Y=e.length;function C(r,h,f){return function(i,o){h&&(o=i,i=t);for(var m=0;m<r.length;m++)o=r[m].apply(i,f?[o]:[]);return f?o:i}}function g(r,h,f,i){if(typeof r!="function"&&(i||r!==void 0))throw new TypeError(h+" must "+(f||"be")+" a function"+(i?"":" or undefined"));return r}function Z(r,h,f,i,o,m,x,d,b,_,P){function K(a){if(!P(a))throw new TypeError("Attempted to access private element on non-instance")}var q=[].concat(h[0]),F=h[3],G=!x,k=o===1,N=o===3,tt=o===4,T=o===2;function M(a,A,it){return function(z,nt){return A&&(nt=z,z=r),it&&it(z),l[a].call(z,nt)}}if(!G){var l={},J=[],w=N?"get":tt||k?"set":"value";if(b?(_||k?l={get:bt(function(){return F(this)},i,"get"),set:function(a){h[4](this,a)}}:l[w]=F,_||bt(l[w],i,T?"":w)):_||(l=Object.getOwnPropertyDescriptor(r,i)),!_&&!b){if((s=X[+d][i])&&(s^o)!==7)throw Error("Decorating two elements with the same name ("+l[w].name+") is not supported yet");X[+d][i]=o<3?1:o}}for(var u=r,I=q.length-1;I>=0;I-=f?2:1){var et=g(q[I],"A decorator","be",!0),rt=f?q[I-1]:void 0,Q={},S={kind:["field","accessor","method","getter","setter","class"][o],name:i,metadata:p,addInitializer:function(a,A){if(a.v)throw new TypeError("attempted to call addInitializer after decoration was finished");g(A,"An initializer","be",!0),m.push(A)}.bind(null,Q)};if(G)s=et.call(rt,u,S),Q.v=1,g(s,"class decorators","return")&&(u=s);else if(S.static=d,S.private=b,s=S.access={has:b?P.bind():function(a){return i in a}},tt||(s.get=b?T?function(a){return K(a),l.value}:M("get",0,K):function(a){return a[i]}),T||N||(s.set=b?M("set",0,K):function(a,A){a[i]=A}),u=et.call(rt,k?{get:l.get,set:l.set}:l[w],S),Q.v=1,k){if(typeof u=="object"&&u)(s=g(u.get,"accessor.get"))&&(l.get=s),(s=g(u.set,"accessor.set"))&&(l.set=s),(s=g(u.init,"accessor.init"))&&J.unshift(s);else if(u!==void 0)throw new TypeError("accessor decorators must return an object with get, set, or init properties or undefined")}else g(u,(_?"field":"method")+" decorators","return")&&(_?J.unshift(u):l[w]=u)}return o<2&&x.push(C(J,d,1),C(m,d,0)),_||G||(b?k?x.splice(-1,0,M("get",d),M("set",d)):x.push(T?l[w]:g.call.bind(l[w])):W(r,i,l)),u}function H(r){return W(r,U,{configurable:!0,enumerable:!0,value:p})}return E!==void 0&&(p=E[U]),p=$(p??null),D=[],V=function(r){r&&D.push(C(r))},R=function(r,h){for(var f=0;f<n.length;f++){var i=n[f],o=i[1],m=7&o;if((8&o)==r&&!m==h){var x=i[2],d=!!i[3],b=16&o;Z(r?t:t.prototype,i,b,d?"#"+x:Et(x),m,m<2?[]:r?O=O||[]:L=L||[],D,!!r,d,h,r&&d?function(_){return jt(_)===t}:y)}}},R(8,0),R(0,0),R(8,1),R(0,1),V(L),V(O),s=D,Y||H(t),{e:s,get c(){var r=[];return Y&&[H(t=Z(t,[e],c,t.name,5,r)),C(r,1)]}}}function Et(t){var e=At(t,"string");return typeof e=="symbol"?e:e+""}function At(t,e){if(typeof t!="object"||!t)return t;var n=t[Symbol.toPrimitive];if(n!==void 0){var c=n.call(t,e||"default");if(typeof c!="object")return c;throw new TypeError("@@toPrimitive must return a primitive value.")}return(e==="string"?String:Number)(t)}function bt(t,e,n){typeof e=="symbol"&&(e=(e=e.description)?"["+e+"]":"");try{Object.defineProperty(t,"name",{configurable:!0,value:n?n+" "+e:e})}catch{}return t}function jt(t){if(Object(t)!==t)throw TypeError("right-hand side of 'in' should be an object, got "+(t!==null?typeof t:"null"));return t}var gt,yt=class extends _t{static{({e:[lt,at,ut,ct,ft,dt,pt,ht,mt,vt,ot],c:[gt,st]}=xt(this,[kt("rui-alert")],[[B({type:String,reflect:!0,defaultValue:"info"}),0,"variant"],[B({type:String,reflect:!0,defaultValue:"inline"}),0,"layout"],[B({type:Boolean,reflect:!0,defaultValue:!1}),0,"dismissible"],[B({type:String,attribute:"close-label",defaultValue:"Dismiss"}),0,"closeLabel"],[St({name:"rui-close",bubbles:!0,composed:!0}),0,"closeEvent"],[Rt,2,"dismiss"],[Dt({selector:"[data-alert-close]",type:"click"}),2,"onCloseClick"]],0,void 0,_t))}constructor(...e){super(...e),vt(this)}variant=(ot(this),lt(this));layout=(at(this),ut(this));dismissible=(ct(this),ft(this));closeLabel=(dt(this),pt(this));closeEvent=(ht(this),mt(this));dismiss(){this.isConnected&&(this.closeEvent.emit({reason:"dismiss"}),this.remove())}onCloseClick(e){e.stopPropagation(),this.dismissible&&this.dismiss()}static{st()}};import{jsx as v,jsxs as wt}from"@ecopages/jsx/jsx-runtime";function j(...t){return t.filter(Boolean).join(" ")}var Ct={info:["M12 16v-4","M12 8h.01","M12 22a10 10 0 1 0 0-20 10 10 0 0 0 0 20z"],success:["M12 22a10 10 0 1 0 0-20 10 10 0 0 0 0 20z","m9 12 2 2 4-4"],warning:["m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3","M12 9v4","M12 17h.01"],error:["M12 22a10 10 0 1 0 0-20 10 10 0 0 0 0 20z","m15 9-6 6","m9 9 6 6"]};function Tt({variant:t="info",class:e,children:n,...c}){if(n!=null)return v("span",{...c,class:j("rui-alert__icon",e),children:n});let y=Ct[t],E=Array.isArray(y)?y:[y];return v("span",{...c,class:j("rui-alert__icon",e),"aria-hidden":"true",children:v("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",children:E.map(p=>v("path",{d:p}))})})}function Mt({children:t,class:e,...n}){return v("p",{...n,class:j("rui-alert__title",e),children:t})}function It({children:t,class:e,...n}){return v("div",{...n,class:j("rui-alert__description",e),children:t})}function zt({children:t,variant:e="info",layout:n="inline",dismissible:c=!1,closeLabel:y="Dismiss",class:E,...p}){return v("rui-alert",{...p,variant:e,layout:n,dismissible:c,"close-label":y,children:wt("div",{class:j("rui-alert",`rui-alert--${e}`,`rui-alert--${n}`,c&&"rui-alert--dismissible",E),role:"alert",children:[t,c?v("button",{type:"button",class:"rui-alert__close","data-alert-close":!0,"aria-label":y||"Dismiss",children:wt("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round","aria-hidden":"true",children:[v("path",{d:"M18 6 6 18"}),v("path",{d:"m6 6 12 12"})]})}):null]})})}export{zt as RuiAlert,It as RuiAlertDescription,gt as RuiAlertElement,Tt as RuiAlertIcon,Mt as RuiAlertTitle};
 //# sourceMappingURL=index.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../../../src/components/ui/alert/alert.script.tsx", "../../../../src/components/ui/alert/alert.tsx", "../../../../src/lib/cx.ts", "../../../../src/lib/radiant-view.ts"],
-  "sourcesContent": ["let _initClass, _init_variant, _init_extra_variant, _init_layout, _init_extra_layout;\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 { RadiantElement, customElement, prop } from \"@ecopages/radiant\";\nlet _RuiAlert;\nclass RuiAlert extends RadiantElement {\n  static {\n    ({\n      e: [_init_variant, _init_extra_variant, _init_layout, _init_extra_layout],\n      c: [_RuiAlert, _initClass]\n    } = _applyDecs(this, [customElement(\"rui-alert\")], [[prop({\n      type: String,\n      reflect: true,\n      defaultValue: \"info\"\n    }), 0, \"variant\"], [prop({\n      type: String,\n      reflect: true,\n      defaultValue: \"inline\"\n    }), 0, \"layout\"]], 0, void 0, RadiantElement));\n  }\n  constructor(...args) {\n    super(...args);\n    _init_extra_layout(this);\n  }\n  variant = _init_variant(this);\n  layout = (_init_extra_variant(this), _init_layout(this));\n  static {\n    _initClass();\n  }\n}\nexport { _RuiAlert as RuiAlert };", "import { jsx } from \"@ecopages/jsx/jsx-runtime\";\nimport { cx } from \"@/lib/cx\";\nimport { defineRadiantView } from \"@/lib/radiant-view\";\nimport { RuiAlert as RuiAlertElement } from \"./alert.script\";\nconst ALERT_ICON_PATHS = {\n  info: [\"M12 16v-4\", \"M12 8h.01\", \"M12 22a10 10 0 1 0 0-20 10 10 0 0 0 0 20z\"],\n  success: [\"M12 22a10 10 0 1 0 0-20 10 10 0 0 0 0 20z\", \"m9 12 2 2 4-4\"],\n  warning: [\"m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3\", \"M12 9v4\", \"M12 17h.01\"],\n  error: [\"M12 22a10 10 0 1 0 0-20 10 10 0 0 0 0 20z\", \"m15 9-6 6\", \"m9 9 6 6\"]\n};\nexport function RuiAlertIcon({\n  variant = \"info\",\n  class: className,\n  children,\n  ...props\n}) {\n  if (children != null) {\n    return /* @__PURE__ */jsx(\"span\", {\n      ...props,\n      class: cx(\"rui-alert__icon\", className),\n      children\n    });\n  }\n  const paths = ALERT_ICON_PATHS[variant];\n  const d = Array.isArray(paths) ? paths : [paths];\n  return /* @__PURE__ */jsx(\"span\", {\n    ...props,\n    class: cx(\"rui-alert__icon\", className),\n    \"aria-hidden\": \"true\",\n    children: /* @__PURE__ */jsx(\"svg\", {\n      xmlns: \"http://www.w3.org/2000/svg\",\n      width: \"20\",\n      height: \"20\",\n      viewBox: \"0 0 24 24\",\n      fill: \"none\",\n      stroke: \"currentColor\",\n      \"stroke-width\": \"2\",\n      \"stroke-linecap\": \"round\",\n      \"stroke-linejoin\": \"round\",\n      children: d.map(path => /* @__PURE__ */jsx(\"path\", {\n        d: path\n      }))\n    })\n  });\n}\nexport function RuiAlertTitle({\n  children,\n  class: className,\n  ...props\n}) {\n  return /* @__PURE__ */jsx(\"p\", {\n    ...props,\n    class: cx(\"rui-alert__title\", className),\n    children\n  });\n}\nexport function RuiAlertDescription({\n  children,\n  class: className,\n  ...props\n}) {\n  return /* @__PURE__ */jsx(\"div\", {\n    ...props,\n    class: cx(\"rui-alert__description\", className),\n    children\n  });\n}\nexport const RuiAlert = defineRadiantView(RuiAlertElement, ({\n  variant = \"info\",\n  layout = \"inline\",\n  class: className,\n  children,\n  ...props\n}) => /* @__PURE__ */jsx(\"rui-alert\", {\n  ...props,\n  variant,\n  layout,\n  children: /* @__PURE__ */jsx(\"div\", {\n    class: cx(\"rui-alert\", `rui-alert--${variant}`, `rui-alert--${layout}`, className),\n    role: \"alert\",\n    children\n  })\n}), {\n  stylesheets: [\"./alert.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": ["RadiantElement", "customElement", "prop", "_initClass", "_init_variant", "_init_extra_variant", "_init_layout", "_init_extra_layout", "_applyDecs", "e", "t", "n", "r", "o", "i", "a", "c", "u", "s", "f", "l", "p", "d", "m", "h", "y", "v", "g", "b", "applyDec", "w", "D", "S", "j", "E", "I", "P", "k", "F", "_setFunctionName", "N", "O", "T", "z", "A", "H", "_toPropertyKey", "_checkInRHS", "_toPrimitive", "_RuiAlert", "RuiAlert", "args", "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", "ALERT_ICON_PATHS", "RuiAlertIcon", "variant", "className", "children", "props", "jsx", "cx", "paths", "d", "path", "RuiAlertTitle", "RuiAlertDescription", "RuiAlert", "defineRadiantView", "_RuiAlert", "layout"]
+  "sources": ["../../../../src/components/ui/alert/alert.script.tsx", "../../../../src/components/ui/alert/alert.tsx", "../../../../src/lib/cx.ts"],
+  "sourcesContent": ["let _initProto, _initClass, _init_variant, _init_extra_variant, _init_layout, _init_extra_layout, _init_dismissible, _init_extra_dismissible, _init_closeLabel, _init_extra_closeLabel, _init_closeEvent, _init_extra_closeEvent;\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 { RadiantElement, bound, customElement, event, onEvent, prop } from \"@ecopages/radiant\";\nlet _RuiAlert;\nclass RuiAlert extends RadiantElement {\n  static {\n    ({\n      e: [_init_variant, _init_extra_variant, _init_layout, _init_extra_layout, _init_dismissible, _init_extra_dismissible, _init_closeLabel, _init_extra_closeLabel, _init_closeEvent, _init_extra_closeEvent, _initProto],\n      c: [_RuiAlert, _initClass]\n    } = _applyDecs(this, [customElement(\"rui-alert\")], [[prop({\n      type: String,\n      reflect: true,\n      defaultValue: \"info\"\n    }), 0, \"variant\"], [prop({\n      type: String,\n      reflect: true,\n      defaultValue: \"inline\"\n    }), 0, \"layout\"], [prop({\n      type: Boolean,\n      reflect: true,\n      defaultValue: false\n    }), 0, \"dismissible\"], [prop({\n      type: String,\n      attribute: \"close-label\",\n      defaultValue: \"Dismiss\"\n    }), 0, \"closeLabel\"], [event({\n      name: \"rui-close\",\n      bubbles: true,\n      composed: true\n    }), 0, \"closeEvent\"], [bound, 2, \"dismiss\"], [onEvent({\n      selector: \"[data-alert-close]\",\n      type: \"click\"\n    }), 2, \"onCloseClick\"]], 0, void 0, RadiantElement));\n  }\n  constructor(...args) {\n    super(...args);\n    _init_extra_closeEvent(this);\n  }\n  variant = (_initProto(this), _init_variant(this));\n  layout = (_init_extra_variant(this), _init_layout(this));\n  dismissible = (_init_extra_layout(this), _init_dismissible(this));\n  closeLabel = (_init_extra_dismissible(this), _init_closeLabel(this));\n  closeEvent = (_init_extra_closeLabel(this), _init_closeEvent(this));\n  dismiss() {\n    if (!this.isConnected) {\n      return;\n    }\n    this.closeEvent.emit({\n      reason: \"dismiss\"\n    });\n    this.remove();\n  }\n  onCloseClick(event2) {\n    event2.stopPropagation();\n    if (!this.dismissible) {\n      return;\n    }\n    this.dismiss();\n  }\n  static {\n    _initClass();\n  }\n}\nexport { _RuiAlert as RuiAlert };", "import { jsx, jsxs } from \"@ecopages/jsx/jsx-runtime\";\nimport { cx } from \"@/lib/cx\";\nimport \"./alert.script\";\nconst ALERT_ICON_PATHS = {\n  info: [\"M12 16v-4\", \"M12 8h.01\", \"M12 22a10 10 0 1 0 0-20 10 10 0 0 0 0 20z\"],\n  success: [\"M12 22a10 10 0 1 0 0-20 10 10 0 0 0 0 20z\", \"m9 12 2 2 4-4\"],\n  warning: [\"m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3\", \"M12 9v4\", \"M12 17h.01\"],\n  error: [\"M12 22a10 10 0 1 0 0-20 10 10 0 0 0 0 20z\", \"m15 9-6 6\", \"m9 9 6 6\"]\n};\nexport function RuiAlertIcon({\n  variant = \"info\",\n  class: className,\n  children,\n  ...props\n}) {\n  if (children != null) {\n    return /* @__PURE__ */jsx(\"span\", {\n      ...props,\n      class: cx(\"rui-alert__icon\", className),\n      children\n    });\n  }\n  const paths = ALERT_ICON_PATHS[variant];\n  const d = Array.isArray(paths) ? paths : [paths];\n  return /* @__PURE__ */jsx(\"span\", {\n    ...props,\n    class: cx(\"rui-alert__icon\", className),\n    \"aria-hidden\": \"true\",\n    children: /* @__PURE__ */jsx(\"svg\", {\n      xmlns: \"http://www.w3.org/2000/svg\",\n      width: \"20\",\n      height: \"20\",\n      viewBox: \"0 0 24 24\",\n      fill: \"none\",\n      stroke: \"currentColor\",\n      \"stroke-width\": \"2\",\n      \"stroke-linecap\": \"round\",\n      \"stroke-linejoin\": \"round\",\n      children: d.map(path => /* @__PURE__ */jsx(\"path\", {\n        d: path\n      }))\n    })\n  });\n}\nexport function RuiAlertTitle({\n  children,\n  class: className,\n  ...props\n}) {\n  return /* @__PURE__ */jsx(\"p\", {\n    ...props,\n    class: cx(\"rui-alert__title\", className),\n    children\n  });\n}\nexport function RuiAlertDescription({\n  children,\n  class: className,\n  ...props\n}) {\n  return /* @__PURE__ */jsx(\"div\", {\n    ...props,\n    class: cx(\"rui-alert__description\", className),\n    children\n  });\n}\nexport function RuiAlert({\n  children,\n  variant = \"info\",\n  layout = \"inline\",\n  dismissible = false,\n  closeLabel = \"Dismiss\",\n  class: className,\n  ...props\n}) {\n  return /* @__PURE__ */jsx(\"rui-alert\", {\n    ...props,\n    variant,\n    layout,\n    dismissible,\n    \"close-label\": closeLabel,\n    children: /* @__PURE__ */jsxs(\"div\", {\n      class: cx(\"rui-alert\", `rui-alert--${variant}`, `rui-alert--${layout}`, dismissible && \"rui-alert--dismissible\", className),\n      role: \"alert\",\n      children: [children, dismissible ? /* @__PURE__ */jsx(\"button\", {\n        type: \"button\",\n        class: \"rui-alert__close\",\n        \"data-alert-close\": true,\n        \"aria-label\": closeLabel || \"Dismiss\",\n        children: /* @__PURE__ */jsxs(\"svg\", {\n          xmlns: \"http://www.w3.org/2000/svg\",\n          width: \"16\",\n          height: \"16\",\n          viewBox: \"0 0 24 24\",\n          fill: \"none\",\n          stroke: \"currentColor\",\n          \"stroke-width\": \"2\",\n          \"stroke-linecap\": \"round\",\n          \"stroke-linejoin\": \"round\",\n          \"aria-hidden\": \"true\",\n          children: [/* @__PURE__ */jsx(\"path\", {\n            d: \"M18 6 6 18\"\n          }), /* @__PURE__ */jsx(\"path\", {\n            d: \"m6 6 12 12\"\n          })]\n        })\n      }) : null]\n    })\n  });\n}", "export function cx(...parts) {\n  return parts.filter(Boolean).join(\" \");\n}"],
+  "mappings": "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",
+  "names": ["RadiantElement", "bound", "customElement", "event", "onEvent", "prop", "_initProto", "_initClass", "_init_variant", "_init_extra_variant", "_init_layout", "_init_extra_layout", "_init_dismissible", "_init_extra_dismissible", "_init_closeLabel", "_init_extra_closeLabel", "_init_closeEvent", "_init_extra_closeEvent", "_applyDecs", "e", "t", "r", "o", "i", "a", "c", "u", "s", "f", "l", "p", "d", "m", "h", "y", "v", "g", "n", "b", "applyDec", "w", "D", "S", "j", "E", "I", "P", "k", "F", "_setFunctionName", "N", "O", "T", "z", "A", "H", "_toPropertyKey", "_checkInRHS", "_toPrimitive", "_RuiAlert", "RuiAlert", "args", "event2", "jsx", "jsxs", "cx", "parts", "ALERT_ICON_PATHS", "RuiAlertIcon", "variant", "className", "children", "props", "jsx", "cx", "paths", "d", "path", "RuiAlertTitle", "RuiAlertDescription", "RuiAlert", "layout", "dismissible", "closeLabel", "jsxs"]
 }

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

@@ -13,8 +13,8 @@
     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));
+    padding-inline: var(--spacing-control-x, var(--space-control-x));
+    padding-block: var(--spacing-control-y, var(--space-control-y));
     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));
@@ -32,8 +32,8 @@
     overflow: auto;
   }
   .rui-autocomplete__empty {
-    padding-inline: var(--spacing-3, var(--space-3));
-    padding-block: var(--spacing-2, var(--space-2));
+    padding-inline: var(--spacing-control-x, var(--space-control-x));
+    padding-block: var(--spacing-control-y, var(--space-control-y));
     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));

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

@@ -1,21 +1,31 @@
 import type { JsxHtmlProps, JsxHtmlPropsWithChildren } from '@ecopages/jsx';
 import type { RuiAutocompleteProps } from './autocomplete.script';
+import './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`. */
+/** Search field slotted into `RuiAutocomplete`. Also pairs with combobox inputs via `data-autocomplete-input`.
+ *
+ * @cssclass rui-autocomplete__input - Bordered search 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`. */
+/** Wrapper around the filterable collection inside `RuiAutocomplete`.
+ *
+ * @cssclass rui-autocomplete__collection - Scrollable filterable region.
+ */
 export declare function RuiAutocompleteCollection({ children, class: className, ...props }: RuiAutocompleteCollectionProps): import("@ecopages/jsx").JsxRenderable;
 export type RuiAutocompleteEmptyProps = JsxHtmlPropsWithChildren;
-/** Shown when filtering yields no visible items. */
+/** Shown when filtering yields no visible items.
+ *
+ * @cssclass rui-autocomplete__empty - No-results state.
+ */
 export declare function RuiAutocompleteEmpty({ children, class: className, ...props }: RuiAutocompleteEmptyProps): import("@ecopages/jsx").JsxRenderable;
-export declare const RuiAutocomplete: import("@/lib/radiant-view").RadiantViewComponent<JsxHtmlPropsWithChildren<RuiAutocompleteProps & {
+export declare function RuiAutocomplete({ children, ...props }: JsxHtmlPropsWithChildren<RuiAutocompleteProps & {
     slot?: string;
-}>>;
+}>): import("@ecopages/jsx").JsxRenderable;

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

@@ -17,7 +17,16 @@ export type RuiAutocompleteProps = {
  * field. `rui-select` uses a dedicated search input inside the popup instead.
  *
  * @see https://react-aria.adobe.com/Autocomplete
+ *
  * @element rui-autocomplete
+ *
+ * @attr {string} sensitivity - Filter sensitivity: `base` (case-insensitive contains), `case`, or `accent`. Default: `base`.
+ * @attr {string} input-value - Controlled filter query; when unset, reads from the slotted input. Default: `''`.
+ *
+ * @slot input - Search field (`RuiAutocompleteInput`).
+ * @slot - Filterable collection of `[role="option"]`, `[role="menuitem"]`, or `[data-tag]` items.
+ *
+ * @cssclass rui-autocomplete - Filter host.
  */
 export declare class RuiAutocomplete extends RadiantElement {
     sensitivity: TextFilterSensitivity;