crayon-design-system-ui 0.0.2 → 0.0.3

package/dist-browser/assets/Radio-B8Tzan31.js

@@ -0,0 +1,14 @@
+import{t as C,e as D,b as L,p as z,c as S,f as E,j as f,k as o,s as R,i as H,x as B,r as p}from"./custom-element-vZIc-tZM.js";import{s as F}from"./slot-Btw_EhJQ.js";import{a as I,i as M,s as N}from"./lifecycle-BSCLFPkh.js";import{s as y,a as U,d as Y,r as q}from"./attributes-BN21YWvK.js";import{p as s}from"./props-DClXGNhw.js";var A=E('<label><span class="radio-control svelte-jsov6r"><input type="radio" class="svelte-jsov6r"/> <span class="radio-circle svelte-jsov6r" aria-hidden="true"></span></span> <span class="radio-label svelte-jsov6r"><!></span></label>');const G={hash:"svelte-jsov6r",code:`.radio-root.svelte-jsov6r {display:inline-flex;align-items:center;gap:0.5rem;font-family:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",\r
+      sans-serif;font-size:14px;line-height:1.3;color:var(--crayon-radio-label-color, #111827);cursor:pointer;}.radio-control.svelte-jsov6r {position:relative;display:inline-flex;align-items:center;justify-content:center;}.radio-control.svelte-jsov6r input:where(.svelte-jsov6r) {position:absolute;inset:0;margin:0;opacity:0;cursor:inherit;}.radio-circle.svelte-jsov6r {width:var(--crayon-radio-size, 22px);height:var(--crayon-radio-size, 22px);border-radius:999px;box-sizing:border-box;border:2px solid var(--crayon-radio-border-color, #111111);background-color:var(--crayon-radio-bg, transparent);display:inline-flex;align-items:center;justify-content:center;transition:background-color 0.15s ease,\r
+      border-color 0.15s ease,\r
+      box-shadow 0.15s ease,\r
+      transform 0.1s ease;}.radio-circle.svelte-jsov6r::before {content:"";display:block;width:60%;height:60%;border-radius:inherit;background-color:transparent;box-shadow:0 0 0 0 transparent;opacity:0;transition:opacity 0.12s ease,\r
+      box-shadow 0.12s ease,\r
+      transform 0.12s ease;}\r
+\r
+  /* Checked: purple ring with white center like screenshot */.radio-root.is-checked.svelte-jsov6r .radio-circle:where(.svelte-jsov6r) {background-color:var(--crayon-radio-checked-bg, var(--crayon-primary, #474bff));border-color:var(--crayon-radio-checked-border, var(--crayon-primary, #474bff));}.radio-root.is-checked.svelte-jsov6r .radio-circle:where(.svelte-jsov6r)::before {background-color:var(--crayon-radio-inner, #ffffff);box-shadow:0 0 0 4px\r
+      var(--crayon-radio-checked-bg, var(--crayon-primary, #474bff));opacity:1;transform:scale(1);}\r
+\r
+  /* Hover + focus */.radio-root.svelte-jsov6r:not(.is-disabled):hover .radio-circle:where(.svelte-jsov6r) {transform:translateY(-0.5px);}.radio-root.svelte-jsov6r:not(.is-disabled) .radio-control:where(.svelte-jsov6r) input:where(.svelte-jsov6r):focus-visible\r
+    + .radio-circle:where(.svelte-jsov6r) {box-shadow:0 0 0 3px\r
+      var(--crayon-radio-focus-ring, rgba(71, 75, 255, 0.45));}.radio-root.is-disabled.svelte-jsov6r {cursor:not-allowed;color:var(--crayon-radio-label-disabled, #9ca3af);}.radio-root.is-disabled.svelte-jsov6r .radio-circle:where(.svelte-jsov6r) {border-color:var(--crayon-radio-border-disabled, #bdbdbc);background-color:var(--crayon-radio-bg-disabled, #e5e7eb);}.radio-label.svelte-jsov6r:empty {display:none;}`};function J(g,r){S(r,!1),I(g,G);let t=s(r,"checked",12,!1),n=s(r,"disabled",12,!1),d=s(r,"name",12,void 0),c=s(r,"value",12,void 0),v=s(r,"ariaLabel",12,void 0),b=s(r,"ariaDescribedby",12,void 0),u=s(r,"onchange",12,void 0);function k(e){const i=e.getRootNode();return i instanceof ShadowRoot?i.host:null}function w(e){const i=e.target;if(!i.checked)return;t(!0);const j={checked:t()};u()?.(j),k(i)?.dispatchEvent(new CustomEvent("change",{detail:j,bubbles:!0}))}var x={get checked(){return t()},set checked(e){t(e),o()},get disabled(){return n()},set disabled(e){n(e),o()},get name(){return d()},set name(e){d(e),o()},get value(){return c()},set value(e){c(e),o()},get ariaLabel(){return v()},set ariaLabel(e){v(e),o()},get ariaDescribedby(){return b()},set ariaDescribedby(e){b(e),o()},get onchange(){return u()},set onchange(e){u(e),o()}};M();var l=A(),h=f(l),a=f(h);q(a),B(2),p(h);var m=R(h,2),_=f(m);return F(_,r,"default",{},null),p(m),p(l),C(()=>{N(l,1,`radio-root ${t()?"is-checked":""} ${n()?"is-disabled":""}`,"svelte-jsov6r"),y(a,"name",d()),U(a,c()),Y(a,t()),a.disabled=n(),y(a,"aria-label",v()),y(a,"aria-describedby",b())}),D("change",a,w),L(g,l),z(x)}customElements.define("ui-radio",H(J,{checked:{},disabled:{},name:{},value:{},ariaLabel:{},ariaDescribedby:{},onchange:{}},["default"],[],{mode:"open"}));export{J as default};

package/dist-browser/assets/Textarea-CLicCbYy.js

@@ -0,0 +1,3 @@
+import{t as C,b as S,p as R,c as H,f as I,k as t,u as N,i as O}from"./custom-element-vZIc-tZM.js";import{a as T,s as i,b as j}from"./attributes-BN21YWvK.js";import{a as A,i as B,s as F,c as G}from"./lifecycle-BSCLFPkh.js";import{p as n}from"./props-DClXGNhw.js";var J=I("<textarea></textarea>");const K={hash:"svelte-gdvnmx",code:`textarea.svelte-gdvnmx {display:block;width:100%;padding:var(--crayon-input-padding-y, 0.375rem) var(--crayon-input-padding-x, 0.75rem);font-family:inherit;font-size:var(--crayon-input-font-size, 1rem);font-weight:400;line-height:1.5;color:var(--crayon-input-color, #212529);background-color:var(--crayon-input-bg, #fff);border:var(--crayon-input-border-width, 1px) solid var(--crayon-input-border-color, #dee2e6);border-radius:var(--crayon-input-border-radius, 0.375rem);box-shadow:var(--crayon-input-box-shadow, inset 0 1px 2px rgba(0, 0, 0, 0.075));transition:border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;box-sizing:border-box;resize:vertical;min-height:calc(1.5em + 0.75rem + 2px);}textarea.svelte-gdvnmx::placeholder {color:var(--crayon-input-placeholder-color, #6c757d);}textarea.svelte-gdvnmx:hover:not(:disabled):not(:read-only) {border-color:var(--crayon-input-hover-border-color, #adb5bd);}textarea.svelte-gdvnmx:focus {outline:0;border-color:var(--crayon-input-focus-border-color, #86b7fe);box-shadow:0 0 0 0.25rem var(--crayon-input-focus-ring, rgba(13, 110, 253, 0.25));}textarea.svelte-gdvnmx:disabled {background-color:var(--crayon-input-disabled-bg, #e9ecef);color:var(--crayon-input-disabled-color, #6c757d);cursor:not-allowed;opacity:1;}textarea.svelte-gdvnmx:read-only {background-color:var(--crayon-input-bg, #fff);}\r
+\r
+  /* Sizes */.sm.svelte-gdvnmx {padding:var(--crayon-input-padding-y-sm, 0.25rem) var(--crayon-input-padding-x-sm, 0.5rem);font-size:var(--crayon-input-font-size-sm, 0.875rem);border-radius:var(--crayon-input-border-radius-sm, 0.25rem);}.md.svelte-gdvnmx {padding:var(--crayon-input-padding-y, 0.375rem) var(--crayon-input-padding-x, 0.75rem);font-size:var(--crayon-input-font-size, 1rem);border-radius:var(--crayon-input-border-radius, 0.375rem);}.lg.svelte-gdvnmx {padding:var(--crayon-input-padding-y-lg, 0.5rem) var(--crayon-input-padding-x-lg, 1rem);font-size:var(--crayon-input-font-size-lg, 1.25rem);border-radius:var(--crayon-input-border-radius-lg, 0.5rem);}`};function M(_,a){H(a,!1),A(_,K);let d=n(a,"value",12,""),s=n(a,"placeholder",12,""),u=n(a,"name",12,void 0),c=n(a,"id",12,void 0),g=n(a,"rows",12,3),m=n(a,"size",12,"md"),b=n(a,"disabled",12,!1),v=n(a,"readonly",12,!1),h=n(a,"required",12,!1),p=n(a,"maxlength",12,void 0),y=n(a,"minlength",12,void 0),f=n(a,"ariaLabel",12,void 0),x=n(a,"ariaDescribedby",12,void 0),w=n(a,"oninput",12,void 0),z=n(a,"onchange",12,void 0);function q(e){const o=e.getRootNode();return o instanceof ShadowRoot?o.host:null}function k(e){const o=e.target;d(o.value);const l={value:d()};w()?.(l),q(o)?.dispatchEvent(new CustomEvent("input",{detail:l,bubbles:!0}))}function D(e){const o=e.target;d(o.value);const l={value:d()};z()?.(l),q(o)?.dispatchEvent(new CustomEvent("change",{detail:l,bubbles:!0}))}var E={get value(){return d()},set value(e){d(e),t()},get placeholder(){return s()},set placeholder(e){s(e),t()},get name(){return u()},set name(e){u(e),t()},get id(){return c()},set id(e){c(e),t()},get rows(){return g()},set rows(e){g(e),t()},get size(){return m()},set size(e){m(e),t()},get disabled(){return b()},set disabled(e){b(e),t()},get readonly(){return v()},set readonly(e){v(e),t()},get required(){return h()},set required(e){h(e),t()},get maxlength(){return p()},set maxlength(e){p(e),t()},get minlength(){return y()},set minlength(e){y(e),t()},get ariaLabel(){return f()},set ariaLabel(e){f(e),t()},get ariaDescribedby(){return x()},set ariaDescribedby(e){x(e),t()},get oninput(){return w()},set oninput(e){w(e),t()},get onchange(){return z()},set onchange(e){z(e),t()}};B();var r=J();return j(r),r.__input=k,r.__change=D,C(()=>{T(r,d()),i(r,"placeholder",s()),i(r,"name",u()),i(r,"id",c()),i(r,"rows",g()),r.disabled=b(),r.readOnly=v(),r.required=h(),i(r,"maxlength",p()),i(r,"minlength",y()),F(r,1,G(m()),"svelte-gdvnmx"),i(r,"aria-label",f()),i(r,"aria-describedby",x())}),S(_,r),R(E)}N(["input","change"]);customElements.define("ui-textarea",O(M,{value:{},placeholder:{},name:{},id:{},rows:{},size:{},disabled:{},readonly:{},required:{},maxlength:{},minlength:{},ariaLabel:{},ariaDescribedby:{},oninput:{},onchange:{}},[],[],{mode:"open"}));export{M as default};

package/dist-browser/bundle.js

@@ -1,2 +1,2 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./assets/Button-BvYyhPrn.js","./assets/custom-element-vZIc-tZM.js","./assets/if-B3xMWYuB.js","./assets/slot-Btw_EhJQ.js","./assets/lifecycle-BSCLFPkh.js","./assets/attributes-BN21YWvK.js","./assets/props-DClXGNhw.js","./assets/Accordion-CwOMoX3u.js","./assets/each-CDVyljdy.js","./assets/this-CobEtPHm.js","./assets/AccordionItem-CuTFqdt6.js","./assets/index-client-BMTknfvN.js","./assets/Input-DZZF_45U.js","./assets/Textarea-BYsLYgK4.js","./assets/FormSelect-CBTpNNrh.js","./assets/FormSelectOption-DhOxPDjS.js","./assets/Checkbox-DK1LWC1i.js","./assets/Radio-Bwape_rC.js","./assets/Label-BX3_KNGn.js","./assets/Form-BZFKnk3f.js","./assets/Avatar-Ct0ZUf_m.js","./assets/Card-DM0rPY9s.js"])))=>i.map(i=>d[i]);
-const P="modulepreload",h=function(a,u){return new URL(a,u).href},p={},t=function(u,m,c){let d=Promise.resolve();if(m&&m.length>0){let f=function(e){return Promise.all(e.map(n=>Promise.resolve(n).then(_=>({status:"fulfilled",value:_}),_=>({status:"rejected",reason:_}))))};const i=document.getElementsByTagName("link"),r=document.querySelector("meta[property=csp-nonce]"),E=r?.nonce||r?.getAttribute("nonce");d=f(m.map(e=>{if(e=h(e,c),e in p)return;p[e]=!0;const n=e.endsWith(".css"),_=n?'[rel="stylesheet"]':"";if(c)for(let l=i.length-1;l>=0;l--){const s=i[l];if(s.href===e&&(!n||s.rel==="stylesheet"))return}else if(document.querySelector(`link[href="${e}"]${_}`))return;const o=document.createElement("link");if(o.rel=n?"stylesheet":P,n||(o.as="script"),o.crossOrigin="",o.href=e,E&&o.setAttribute("nonce",E),document.head.appendChild(o),n)return new Promise((l,s)=>{o.addEventListener("load",l),o.addEventListener("error",()=>s(new Error(`Unable to preload CSS for ${e}`)))})}))}function v(i){const r=new Event("vite:preloadError",{cancelable:!0});if(r.payload=i,window.dispatchEvent(r),!r.defaultPrevented)throw i}return d.then(i=>{for(const r of i||[])r.status==="rejected"&&v(r.reason);return u().catch(v)})};t(()=>import("./assets/Button-BvYyhPrn.js"),__vite__mapDeps([0,1,2,3,4,5,6]),import.meta.url);t(()=>import("./assets/Accordion-CwOMoX3u.js"),__vite__mapDeps([7,1,2,8,3,4,5,9]),import.meta.url);t(()=>import("./assets/AccordionItem-CuTFqdt6.js"),__vite__mapDeps([10,1,11,3,4,5,9]),import.meta.url);t(()=>import("./assets/Input-DZZF_45U.js"),__vite__mapDeps([12,1,2,3,4,5,6]),import.meta.url);t(()=>import("./assets/Textarea-BYsLYgK4.js"),__vite__mapDeps([13,1,5,4,6]),import.meta.url);t(()=>import("./assets/FormSelect-CBTpNNrh.js"),__vite__mapDeps([14,1,11,2,8,3,4,5,9,6]),import.meta.url);t(()=>import("./assets/FormSelectOption-DhOxPDjS.js"),__vite__mapDeps([15,1,3,6]),import.meta.url);t(()=>import("./assets/Checkbox-DK1LWC1i.js"),__vite__mapDeps([16,1,11,3,4,5,9,6]),import.meta.url);t(()=>import("./assets/Radio-Bwape_rC.js"),__vite__mapDeps([17,1,3,4,5,6]),import.meta.url);t(()=>import("./assets/Label-BX3_KNGn.js"),__vite__mapDeps([18,1,2,3,4,5,6]),import.meta.url);t(()=>import("./assets/Form-BZFKnk3f.js"),__vite__mapDeps([19,1,3,4,5,9,6]),import.meta.url);t(()=>import("./assets/Avatar-Ct0ZUf_m.js"),__vite__mapDeps([20,1,2,3,4,5,6]),import.meta.url);t(()=>import("./assets/Card-DM0rPY9s.js"),__vite__mapDeps([21,1,11,3,4,9,6]),import.meta.url);
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./assets/Button-Z-no-wum.js","./assets/custom-element-vZIc-tZM.js","./assets/if-B3xMWYuB.js","./assets/slot-Btw_EhJQ.js","./assets/lifecycle-BSCLFPkh.js","./assets/attributes-BN21YWvK.js","./assets/props-DClXGNhw.js","./assets/Accordion-BdCoTKVi.js","./assets/each-CDVyljdy.js","./assets/this-CobEtPHm.js","./assets/AccordionItem-1t1Zhjrw.js","./assets/index-client-BMTknfvN.js","./assets/Input-D_X-2zGG.js","./assets/Textarea-CLicCbYy.js","./assets/FormSelect-Baelf6Fj.js","./assets/FormSelectOption-DhOxPDjS.js","./assets/Checkbox-DDlm5gjw.js","./assets/Radio-B8Tzan31.js","./assets/Label-C_I7LolH.js","./assets/Form-BZFKnk3f.js","./assets/Avatar-DhSRGD6B.js","./assets/Card-BWTKqCMd.js"])))=>i.map(i=>d[i]);
+const P="modulepreload",h=function(a,u){return new URL(a,u).href},p={},t=function(u,m,c){let d=Promise.resolve();if(m&&m.length>0){let f=function(e){return Promise.all(e.map(n=>Promise.resolve(n).then(_=>({status:"fulfilled",value:_}),_=>({status:"rejected",reason:_}))))};const i=document.getElementsByTagName("link"),r=document.querySelector("meta[property=csp-nonce]"),E=r?.nonce||r?.getAttribute("nonce");d=f(m.map(e=>{if(e=h(e,c),e in p)return;p[e]=!0;const n=e.endsWith(".css"),_=n?'[rel="stylesheet"]':"";if(c)for(let l=i.length-1;l>=0;l--){const s=i[l];if(s.href===e&&(!n||s.rel==="stylesheet"))return}else if(document.querySelector(`link[href="${e}"]${_}`))return;const o=document.createElement("link");if(o.rel=n?"stylesheet":P,n||(o.as="script"),o.crossOrigin="",o.href=e,E&&o.setAttribute("nonce",E),document.head.appendChild(o),n)return new Promise((l,s)=>{o.addEventListener("load",l),o.addEventListener("error",()=>s(new Error(`Unable to preload CSS for ${e}`)))})}))}function v(i){const r=new Event("vite:preloadError",{cancelable:!0});if(r.payload=i,window.dispatchEvent(r),!r.defaultPrevented)throw i}return d.then(i=>{for(const r of i||[])r.status==="rejected"&&v(r.reason);return u().catch(v)})};t(()=>import("./assets/Button-Z-no-wum.js"),__vite__mapDeps([0,1,2,3,4,5,6]),import.meta.url);t(()=>import("./assets/Accordion-BdCoTKVi.js"),__vite__mapDeps([7,1,2,8,3,4,5,9]),import.meta.url);t(()=>import("./assets/AccordionItem-1t1Zhjrw.js"),__vite__mapDeps([10,1,11,3,4,5,9]),import.meta.url);t(()=>import("./assets/Input-D_X-2zGG.js"),__vite__mapDeps([12,1,2,3,4,5,6]),import.meta.url);t(()=>import("./assets/Textarea-CLicCbYy.js"),__vite__mapDeps([13,1,5,4,6]),import.meta.url);t(()=>import("./assets/FormSelect-Baelf6Fj.js"),__vite__mapDeps([14,1,11,2,8,3,4,5,9,6]),import.meta.url);t(()=>import("./assets/FormSelectOption-DhOxPDjS.js"),__vite__mapDeps([15,1,3,6]),import.meta.url);t(()=>import("./assets/Checkbox-DDlm5gjw.js"),__vite__mapDeps([16,1,11,3,4,5,9,6]),import.meta.url);t(()=>import("./assets/Radio-B8Tzan31.js"),__vite__mapDeps([17,1,3,4,5,6]),import.meta.url);t(()=>import("./assets/Label-C_I7LolH.js"),__vite__mapDeps([18,1,2,3,4,5,6]),import.meta.url);t(()=>import("./assets/Form-BZFKnk3f.js"),__vite__mapDeps([19,1,3,4,5,9,6]),import.meta.url);t(()=>import("./assets/Avatar-DhSRGD6B.js"),__vite__mapDeps([20,1,2,3,4,5,6]),import.meta.url);t(()=>import("./assets/Card-BWTKqCMd.js"),__vite__mapDeps([21,1,11,3,4,9,6]),import.meta.url);

package/dist-browser/tokens.css

@@ -1,184 +1,184 @@
 /**
- * Design tokens — single source of truth for --ui-* CSS variables.
- * Components use var(--ui-*, fallback); setting these on :root (or a wrapper)
+ * Design tokens — single source of truth for --crayon-* CSS variables.
+ * Components use var(--crayon-*, fallback); setting these on :root (or a wrapper)
  * themes the design system. Import or link this file in your app for defaults.
  */
 :root {
   /* ---- Global / shared ---- */
-  --ui-primary: #474bff;
-  --ui-primary-hover: #2b2399;
-  --ui-secondary: #222121;
-  --ui-secondary-hover: #616061;
-  --ui-danger: #e03e52;
-  --ui-danger-hover: #c23445;
-  --ui-success: #2cc84d;
-  --ui-success-hover: #2cc84d;
-  --ui-white: #ffffff;
-  --ui-white-hover: #f5f5f5;
-  --ui-outline: #222121;
-  --ui-outline-hover: transparent;
-  --ui-text-on-light: #222121;
-  --ui-border-light: #e0e0e0;
-  --ui-border-light-hover: #c0c0c0;
-  --ui-ghost-text: #616061;
-  --ui-ghost-hover: rgba(0, 0, 0, 0.06);
-  --ui-ghost-text-hover: #222121;
-  --ui-radius-md: 10px;
+  --crayon-primary: #474bff;
+  --crayon-primary-hover: #2b2399;
+  --crayon-secondary: #222121;
+  --crayon-secondary-hover: #616061;
+  --crayon-danger: #e03e52;
+  --crayon-danger-hover: #c23445;
+  --crayon-success: #2cc84d;
+  --crayon-success-hover: #2cc84d;
+  --crayon-white: #ffffff;
+  --crayon-white-hover: #f5f5f5;
+  --crayon-outline: #222121;
+  --crayon-outline-hover: transparent;
+  --crayon-text-on-light: #222121;
+  --crayon-border-light: #e0e0e0;
+  --crayon-border-light-hover: #c0c0c0;
+  --crayon-ghost-text: #616061;
+  --crayon-ghost-hover: rgba(0, 0, 0, 0.06);
+  --crayon-ghost-text-hover: #222121;
+  --crayon-radius-md: 10px;
 
   /* ---- Button (custom overrides; variants use global tokens above) ---- */
-  --ui-button-bg: #fefeff;
-  /* --ui-button-custom-bg, --ui-button-custom-bg-hover set via component props */
+  --crayon-button-bg: #fefeff;
+  /* --crayon-button-custom-bg, --crayon-button-custom-bg-hover set via component props */
 
   /* ---- Accordion ---- */
-  --ui-accordion-bg: #f5f5f5;
-  --ui-accordion-border: #e0e0e0;
-  --ui-accordion-bg-hover: #eeeeee;
-  --ui-accordion-bg-open: #fafaff;
-  --ui-accordion-title: #1a1a1a;
-  --ui-accordion-content: #444;
+  --crayon-accordion-bg: #f5f5f5;
+  --crayon-accordion-border: #e0e0e0;
+  --crayon-accordion-bg-hover: #eeeeee;
+  --crayon-accordion-bg-open: #fafaff;
+  --crayon-accordion-title: #1a1a1a;
+  --crayon-accordion-content: #444;
 
   /* ---- Avatar ---- */
-  --ui-avatar-bg: #e5e7eb;
-  --ui-avatar-color: #374151;
-  --ui-avatar-border-radius: 8px;
-  --ui-avatar-size-sm: 32px;
-  --ui-avatar-size-md: 40px;
-  --ui-avatar-size-lg: 56px;
-  --ui-avatar-font-size-sm: 12px;
-  --ui-avatar-font-size-md: 14px;
-  --ui-avatar-font-size-lg: 18px;
-  --ui-avatar-ring-color: #fff;
-  --ui-avatar-ring-border: #e5e7eb;
+  --crayon-avatar-bg: #e5e7eb;
+  --crayon-avatar-color: #374151;
+  --crayon-avatar-border-radius: 8px;
+  --crayon-avatar-size-sm: 32px;
+  --crayon-avatar-size-md: 40px;
+  --crayon-avatar-size-lg: 56px;
+  --crayon-avatar-font-size-sm: 12px;
+  --crayon-avatar-font-size-md: 14px;
+  --crayon-avatar-font-size-lg: 18px;
+  --crayon-avatar-ring-color: #fff;
+  --crayon-avatar-ring-border: #e5e7eb;
 
   /* ---- Card ---- */
-  --ui-card-font-size: 14px;
-  --ui-card-color: #212529;
-  --ui-card-bg: #fff;
-  --ui-card-border-width: 1px;
-  --ui-card-border-color: rgba(0, 0, 0, 0.125);
-  --ui-card-border-radius: 8px;
-  --ui-card-box-shadow: none;
-  --ui-card-primary-bg: #0d6efd;
-  --ui-card-primary-border: #0d6efd;
-  --ui-card-primary-color: #fff;
-  --ui-card-secondary-bg: #6c757d;
-  --ui-card-secondary-border: #6c757d;
-  --ui-card-secondary-color: #fff;
-  --ui-card-success-bg: #198754;
-  --ui-card-success-border: #198754;
-  --ui-card-success-color: #fff;
-  --ui-card-danger-bg: #dc3545;
-  --ui-card-danger-border: #dc3545;
-  --ui-card-danger-color: #fff;
-  --ui-card-warning-bg: #ffc107;
-  --ui-card-warning-border: #ffc107;
-  --ui-card-warning-color: #000;
-  --ui-card-info-bg: #0dcaf0;
-  --ui-card-info-border: #0dcaf0;
-  --ui-card-info-color: #000;
-  --ui-card-light-bg: #f8f9fa;
-  --ui-card-light-border: #e9ecef;
-  --ui-card-light-color: #212529;
-  --ui-card-dark-bg: #212529;
-  --ui-card-dark-border: #212529;
-  --ui-card-dark-color: #fff;
-  --ui-card-header-padding-y: 0.5rem;
-  --ui-card-header-padding-x: 1rem;
-  --ui-card-header-bg: rgba(0, 0, 0, 0.03);
-  --ui-card-body-padding-y: 1rem;
-  --ui-card-body-padding-x: 1rem;
-  --ui-card-title-margin-bottom: 0.5rem;
-  --ui-card-title-font-size: 1.25rem;
-  --ui-card-text-margin-bottom: 0.5rem;
-  --ui-card-footer-padding-y: 0.5rem;
-  --ui-card-footer-padding-x: 1rem;
-  --ui-card-footer-bg: rgba(0, 0, 0, 0.03);
+  --crayon-card-font-size: 14px;
+  --crayon-card-color: #212529;
+  --crayon-card-bg: #fff;
+  --crayon-card-border-width: 1px;
+  --crayon-card-border-color: rgba(0, 0, 0, 0.125);
+  --crayon-card-border-radius: 8px;
+  --crayon-card-box-shadow: none;
+  --crayon-card-primary-bg: #0d6efd;
+  --crayon-card-primary-border: #0d6efd;
+  --crayon-card-primary-color: #fff;
+  --crayon-card-secondary-bg: #6c757d;
+  --crayon-card-secondary-border: #6c757d;
+  --crayon-card-secondary-color: #fff;
+  --crayon-card-success-bg: #198754;
+  --crayon-card-success-border: #198754;
+  --crayon-card-success-color: #fff;
+  --crayon-card-danger-bg: #dc3545;
+  --crayon-card-danger-border: #dc3545;
+  --crayon-card-danger-color: #fff;
+  --crayon-card-warning-bg: #ffc107;
+  --crayon-card-warning-border: #ffc107;
+  --crayon-card-warning-color: #000;
+  --crayon-card-info-bg: #0dcaf0;
+  --crayon-card-info-border: #0dcaf0;
+  --crayon-card-info-color: #000;
+  --crayon-card-light-bg: #f8f9fa;
+  --crayon-card-light-border: #e9ecef;
+  --crayon-card-light-color: #212529;
+  --crayon-card-dark-bg: #212529;
+  --crayon-card-dark-border: #212529;
+  --crayon-card-dark-color: #fff;
+  --crayon-card-header-padding-y: 0.5rem;
+  --crayon-card-header-padding-x: 1rem;
+  --crayon-card-header-bg: rgba(0, 0, 0, 0.03);
+  --crayon-card-body-padding-y: 1rem;
+  --crayon-card-body-padding-x: 1rem;
+  --crayon-card-title-margin-bottom: 0.5rem;
+  --crayon-card-title-font-size: 1.25rem;
+  --crayon-card-text-margin-bottom: 0.5rem;
+  --crayon-card-footer-padding-y: 0.5rem;
+  --crayon-card-footer-padding-x: 1rem;
+  --crayon-card-footer-bg: rgba(0, 0, 0, 0.03);
 
   /* ---- Checkbox ---- */
-  --ui-checkbox-label-color: #111827;
-  --ui-checkbox-size: 22px;
-  --ui-checkbox-radius: 4px;
-  --ui-checkbox-border-color: #111111;
-  --ui-checkbox-bg: transparent;
-  --ui-checkbox-checked-bg: var(--ui-primary);
-  --ui-checkbox-checked-border: var(--ui-primary);
-  --ui-checkbox-check-color: #ffffff;
-  --ui-checkbox-focus-ring: rgba(71, 75, 255, 0.45);
-  --ui-checkbox-label-disabled: #9ca3af;
-  --ui-checkbox-border-disabled: #bdbdbc;
-  --ui-checkbox-bg-disabled: #e5e7eb;
+  --crayon-checkbox-label-color: #111827;
+  --crayon-checkbox-size: 22px;
+  --crayon-checkbox-radius: 4px;
+  --crayon-checkbox-border-color: #111111;
+  --crayon-checkbox-bg: transparent;
+  --crayon-checkbox-checked-bg: var(--crayon-primary);
+  --crayon-checkbox-checked-border: var(--crayon-primary);
+  --crayon-checkbox-check-color: #ffffff;
+  --crayon-checkbox-focus-ring: rgba(71, 75, 255, 0.45);
+  --crayon-checkbox-label-disabled: #9ca3af;
+  --crayon-checkbox-border-disabled: #bdbdbc;
+  --crayon-checkbox-bg-disabled: #e5e7eb;
 
   /* ---- Radio ---- */
-  --ui-radio-label-color: #111827;
-  --ui-radio-size: 22px;
-  --ui-radio-border-color: #111111;
-  --ui-radio-bg: transparent;
-  --ui-radio-checked-bg: var(--ui-primary);
-  --ui-radio-checked-border: var(--ui-primary);
-  --ui-radio-inner: #ffffff;
-  --ui-radio-focus-ring: rgba(71, 75, 255, 0.45);
-  --ui-radio-label-disabled: #9ca3af;
-  --ui-radio-border-disabled: #bdbdbc;
-  --ui-radio-bg-disabled: #e5e7eb;
+  --crayon-radio-label-color: #111827;
+  --crayon-radio-size: 22px;
+  --crayon-radio-border-color: #111111;
+  --crayon-radio-bg: transparent;
+  --crayon-radio-checked-bg: var(--crayon-primary);
+  --crayon-radio-checked-border: var(--crayon-primary);
+  --crayon-radio-inner: #ffffff;
+  --crayon-radio-focus-ring: rgba(71, 75, 255, 0.45);
+  --crayon-radio-label-disabled: #9ca3af;
+  --crayon-radio-border-disabled: #bdbdbc;
+  --crayon-radio-bg-disabled: #e5e7eb;
 
   /* ---- Label ---- */
-  --ui-label-color: #111827;
-  --ui-label-disabled-color: #9ca3af;
-  --ui-label-error-color: #dc2626;
-  --ui-label-success-color: #16a34a;
-  --ui-label-required-color: #dc2626;
-  --ui-label-font-size-sm: 12px;
-  --ui-label-font-size-md: 14px;
-  --ui-label-font-size-lg: 16px;
+  --crayon-label-color: #111827;
+  --crayon-label-disabled-color: #9ca3af;
+  --crayon-label-error-color: #dc2626;
+  --crayon-label-success-color: #16a34a;
+  --crayon-label-required-color: #dc2626;
+  --crayon-label-font-size-sm: 12px;
+  --crayon-label-font-size-md: 14px;
+  --crayon-label-font-size-lg: 16px;
 
   /* ---- Hint (FormSelect / forms) ---- */
-  --ui-label-font-size: 0.875rem;
-  --ui-hint-font-size: 0.8125rem;
-  --ui-hint-color: #6c757d;
+  --crayon-label-font-size: 0.875rem;
+  --crayon-hint-font-size: 0.8125rem;
+  --crayon-hint-color: #6c757d;
 
   /* ---- Input (shared by Input, Textarea, FormSelect) ---- */
-  --ui-input-color: #222121;
-  --ui-input-bg: #feffff;
-  --ui-input-border-width: 1px;
-  --ui-input-border-color: #dee2e6;
-  --ui-input-border-color-default: #e0e0e0;
-  --ui-input-border-color-data: #e0e0e0;
-  --ui-input-border-radius: 8px;
-  --ui-input-border-radius-sm: 0.25rem;
-  --ui-input-border-radius-lg: 0.5rem;
-  --ui-input-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
-  --ui-input-placeholder-color: #bdbdbc;
-  --ui-input-hover-border-color: #adb5bd;
-  --ui-input-focus-border-color: #2563eb;
-  --ui-input-focus-ring: rgba(37, 99, 235, 0.25);
-  --ui-input-error-border-color: #dc2626;
-  --ui-input-error-ring: rgba(220, 38, 38, 0.25);
-  --ui-input-success-border-color: #16a34a;
-  --ui-input-success-ring: rgba(22, 163, 74, 0.25);
-  --ui-input-disabled-bg: #e9ecef;
-  --ui-input-disabled-color: #6c757d;
-  --ui-input-disabled-border-color: #dee2e6;
-  --ui-input-padding-y: 9px;
-  --ui-input-padding-x: 16px;
-  --ui-input-padding-y-sm: 0.25rem;
-  --ui-input-padding-x-sm: 0.5rem;
-  --ui-input-padding-y-lg: 0.5rem;
-  --ui-input-padding-x-lg: 1rem;
-  --ui-input-font-size: 14px;
-  --ui-input-font-size-sm: 0.875rem;
-  --ui-input-font-size-lg: 1.25rem;
-  --ui-input-icon-color: #6b7280;
-  --ui-input-search-icon-color: #6b7280;
-  --ui-input-error-icon-color: #dc2626;
-  --ui-input-success-icon-color: #16a34a;
+  --crayon-input-color: #222121;
+  --crayon-input-bg: #feffff;
+  --crayon-input-border-width: 1px;
+  --crayon-input-border-color: #dee2e6;
+  --crayon-input-border-color-default: #e0e0e0;
+  --crayon-input-border-color-data: #e0e0e0;
+  --crayon-input-border-radius: 8px;
+  --crayon-input-border-radius-sm: 0.25rem;
+  --crayon-input-border-radius-lg: 0.5rem;
+  --crayon-input-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
+  --crayon-input-placeholder-color: #bdbdbc;
+  --crayon-input-hover-border-color: #adb5bd;
+  --crayon-input-focus-border-color: #2563eb;
+  --crayon-input-focus-ring: rgba(37, 99, 235, 0.25);
+  --crayon-input-error-border-color: #dc2626;
+  --crayon-input-error-ring: rgba(220, 38, 38, 0.25);
+  --crayon-input-success-border-color: #16a34a;
+  --crayon-input-success-ring: rgba(22, 163, 74, 0.25);
+  --crayon-input-disabled-bg: #e9ecef;
+  --crayon-input-disabled-color: #6c757d;
+  --crayon-input-disabled-border-color: #dee2e6;
+  --crayon-input-padding-y: 9px;
+  --crayon-input-padding-x: 16px;
+  --crayon-input-padding-y-sm: 0.25rem;
+  --crayon-input-padding-x-sm: 0.5rem;
+  --crayon-input-padding-y-lg: 0.5rem;
+  --crayon-input-padding-x-lg: 1rem;
+  --crayon-input-font-size: 14px;
+  --crayon-input-font-size-sm: 0.875rem;
+  --crayon-input-font-size-lg: 1.25rem;
+  --crayon-input-icon-color: #6b7280;
+  --crayon-input-search-icon-color: #6b7280;
+  --crayon-input-error-icon-color: #dc2626;
+  --crayon-input-success-icon-color: #16a34a;
 
   /* ---- FormSelect ---- */
-  --ui-select-padding-y: 0.375rem;
-  --ui-select-padding-x: 0.75rem;
-  --ui-select-padding-y-sm: 0.25rem;
-  --ui-select-padding-x-sm: 0.5rem;
-  --ui-select-padding-y-lg: 0.5rem;
-  --ui-select-padding-x-lg: 1rem;
-  --ui-select-indicator-padding: 2.25rem;
-  --ui-select-font-size: 1rem;
+  --crayon-select-padding-y: 0.375rem;
+  --crayon-select-padding-x: 0.75rem;
+  --crayon-select-padding-y-sm: 0.25rem;
+  --crayon-select-padding-x-sm: 0.5rem;
+  --crayon-select-padding-y-lg: 0.5rem;
+  --crayon-select-padding-x-lg: 1rem;
+  --crayon-select-indicator-padding: 2.25rem;
+  --crayon-select-font-size: 1rem;
 }

package/package.json

@@ -1,13 +1,14 @@
 {
   "name": "crayon-design-system-ui",
-  "version": "0.0.2",
+  "version": "0.0.3",
   "scripts": {
     "dev": "vite dev",
     "build": "vite build && npm run build:browser && npm run prepack",
     "build:browser": "vite build --config vite.browser.config.ts",
     "preview": "vite preview",
     "prepare": "svelte-kit sync || echo ''",
-    "prepack": "svelte-kit sync && svelte-package && vite build --config vite.components.config.ts && node scripts/add-default-export.mjs && node scripts/patch-index-to-js.mjs && node scripts/generate-register-entries.mjs && node scripts/strip-svelte-types.mjs && tsc -p tsconfig.react.json && tsc -p tsconfig.angular.json && publint",
+    "prepack": "svelte-kit sync && svelte-package && vite build --config vite.components.config.ts && node scripts/add-default-export.mjs && node scripts/patch-index-to-js.mjs && node scripts/generate-register-entries.mjs && node scripts/strip-svelte-types.mjs && tsc -p tsconfig.react.json && tsc -p tsconfig.angular.json && node scripts/sync-docs.mjs && publint",
+    "sync:docs": "node scripts/sync-docs.mjs",
     "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
     "check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch"
   },

package/dist-browser/assets/Accordion-CwOMoX3u.js

@@ -1,3 +0,0 @@
-import{m as T,g as o,e as te,b as A,p as oe,c as re,o as E,q as se,n as B,f as J,j as c,s as F,u as ae,i as ne,v as ie,w as le,r as d,x as ce,t as de,y as b,z as G}from"./custom-element-vZIc-tZM.js";import{i as fe}from"./if-B3xMWYuB.js";import{e as pe,i as ve}from"./each-CDVyljdy.js";import{s as ue}from"./slot-Btw_EhJQ.js";import{a as he,i as ge,s as H}from"./lifecycle-BSCLFPkh.js";import{s as f}from"./attributes-BN21YWvK.js";import{b as me}from"./this-CobEtPHm.js";var be=J('<div role="button" tabindex="0"><span class="trigger svelte-19oeh9f"><span class="title svelte-19oeh9f"> </span> <span class="chevron svelte-19oeh9f" aria-hidden="true">▼</span></span> <div role="region"><div class="panel-inner svelte-19oeh9f"> </div></div></div>'),xe=J('<div class="accordion svelte-19oeh9f" role="region" aria-label="Accordion"><!> <!></div>');const _e={hash:"svelte-19oeh9f",code:`.accordion.svelte-19oeh9f {display:flex;flex-direction:column;gap:2px;width:100%;}.accordion.svelte-19oeh9f :where(.svelte-19oeh9f)::slotted(ui-accordion-item) {display:block;}\r
-\r
-  /* Simple mode (items prop) styles */.item.svelte-19oeh9f {border-radius:var(--ui-radius-md, 10px);background:var(--ui-accordion-bg, #f5f5f5);border:1px solid var(--ui-accordion-border, #e0e0e0);overflow:hidden;transition:background 0.2s ease, border-color 0.2s ease;}.item.svelte-19oeh9f:hover {background:var(--ui-accordion-bg-hover, #eeeeee);}.item.open.svelte-19oeh9f {border-color:var(--ui-primary, #474bff);background:var(--ui-accordion-bg-open, #fafaff);}.trigger.svelte-19oeh9f {display:flex;align-items:center;justify-content:space-between;padding:14px 18px;cursor:pointer;user-select:none;font-weight:500;color:var(--ui-accordion-title, #1a1a1a);transition:color 0.2s ease;}.item.open.svelte-19oeh9f .trigger:where(.svelte-19oeh9f) {color:var(--ui-primary, #474bff);}.title.svelte-19oeh9f {flex:1;text-align:left;}.chevron.svelte-19oeh9f {font-size:0.7em;opacity:0.7;transition:transform 0.25s ease;flex-shrink:0;margin-left:8px;}.item.open.svelte-19oeh9f .chevron:where(.svelte-19oeh9f) {transform:rotate(180deg);}.panel.svelte-19oeh9f {display:grid;grid-template-rows:0fr;transition:grid-template-rows 0.25s ease-out;}.panel.open.svelte-19oeh9f {grid-template-rows:1fr;}.panel-inner.svelte-19oeh9f {min-height:0;overflow:hidden;padding:0 18px 14px 18px;padding-top:0;color:var(--ui-accordion-content, #444);font-size:14px;line-height:1.5;border-top:1px solid var(--ui-accordion-border, #e0e0e0);}`};function ye(I,z){re(z,!1),he(I,_e);const K=()=>E(props,"$props",_),x=()=>E(state,"$state",_),N=()=>E(effect,"$effect",_),[_,L]=se();let{items:P=[],allowMultiple:j=!1}=K()(),h=T(),n,i=T(x()(!1)),y=x()(null),w=x()(new Set);function k(e){if(j){const t=new Set(w);t.has(e)?t.delete(e):t.add(e),w=t}else y=y===e?null:e;o(i)&&$()}function p(e){return j?w.has(e):y===e}function $(){if(!n)return;n.assignedElements().forEach((t,s)=>{t.setAttribute("data-accordion-index",String(s)),p(s)?t.setAttribute("open",""):t.removeAttribute("open")})}function q(e){const t=e?.target??n;t&&(n=t);const s=t?.assignedElements()??[];B(i,s.length>0),o(i)&&$()}function Q(e){const t=e.target?.closest?.("ui-accordion-item");if(!t)return;const s=t.getAttribute("data-accordion-index");if(s===null)return;const g=parseInt(s,10);Number.isNaN(g)||k(g)}N()(()=>{o(i)&&$()}),N()(()=>{o(h)&&(n=o(h).querySelector("slot"),n&&q())}),ge();var v=xe(),C=c(v);ue(C,z,"default",{onslotchange:e=>q(e),get style(){return o(i)?"":"display: none"}},null);var U=F(C,2);{var V=e=>{var t=ie(),s=le(t);pe(s,1,()=>P,ve,(g,m,r)=>{var a=be();let D;f(a,"aria-controls",`accordion-panel-${r}`),f(a,"id",`accordion-trigger-${r}`),a.__keydown=u=>{(u.key==="Enter"||u.key===" ")&&(u.preventDefault(),k(r))},a.__click=()=>k(r);var S=c(a),M=c(S),W=c(M,!0);d(M),ce(2),d(S);var l=F(S,2);let O;f(l,"id",`accordion-panel-${r}`),f(l,"aria-labelledby",`accordion-trigger-${r}`);var R=c(l),X=c(R,!0);d(R),d(l),d(a),de((u,Y,Z,ee)=>{D=H(a,1,"item svelte-19oeh9f",null,D,u),f(a,"aria-expanded",Y),G(W,(o(m),b(()=>o(m).title))),O=H(l,1,"panel svelte-19oeh9f",null,O,Z),f(l,"aria-hidden",ee),G(X,(o(m),b(()=>o(m).content)))},[()=>({open:p(r)}),()=>b(()=>p(r)),()=>({open:p(r)}),()=>b(()=>!p(r))]),A(g,a)}),A(e,t)};fe(U,e=>{o(i)||e(V)})}d(v),me(v,e=>B(h,e),()=>o(h)),te("accordion-toggle",v,Q),A(I,v),oe(),L()}ae(["keydown","click"]);customElements.define("ui-accordion",ne(ye,{},["default"],[],{mode:"open"}));export{ye as default};

package/dist-browser/assets/AccordionItem-CuTFqdt6.js

@@ -1 +0,0 @@
-import{m,t as C,b as p,p as G,c as J,o as H,q as K,j as d,A as j,v as L,w as N,f as P,g as r,z as Q,s as R,n as g,u as S,i as U,x as V,r as c}from"./custom-element-vZIc-tZM.js";import{o as W}from"./index-client-BMTknfvN.js";import{s as b}from"./slot-Btw_EhJQ.js";import{a as X,i as Y,s as z}from"./lifecycle-BSCLFPkh.js";import{s as a}from"./attributes-BN21YWvK.js";import{b as Z}from"./this-CobEtPHm.js";var ee=P('<div data-accordion-item=""><div class="trigger svelte-1f416ns" role="button" tabindex="0"><span class="trigger-inner svelte-1f416ns"><!> <span class="chevron svelte-1f416ns" aria-hidden="true">▼</span></span></div> <div role="region"><div class="panel-inner svelte-1f416ns"><!></div></div></div>');const te={hash:"svelte-1f416ns",code:".item.svelte-1f416ns {border-radius:var(--ui-radius-md, 10px);background:var(--ui-accordion-bg, #f5f5f5);border:1px solid var(--ui-accordion-border, #e0e0e0);overflow:hidden;transition:background 0.2s ease, border-color 0.2s ease;}.item.svelte-1f416ns:hover {background:var(--ui-accordion-bg-hover, #eeeeee);}.item.open.svelte-1f416ns {border-color:var(--ui-primary, #474bff);background:var(--ui-accordion-bg-open, #fafaff);}.trigger.svelte-1f416ns {cursor:pointer;user-select:none;}.trigger-inner.svelte-1f416ns {display:flex;align-items:center;justify-content:space-between;padding:14px 18px;font-weight:500;color:var(--ui-accordion-title, #1a1a1a);transition:color 0.2s ease;}.item.open.svelte-1f416ns .trigger-inner:where(.svelte-1f416ns) {color:var(--ui-primary, #474bff);}.trigger-inner.svelte-1f416ns :where(.svelte-1f416ns)::slotted(*) {flex:1;text-align:left;}.chevron.svelte-1f416ns {font-size:0.7em;opacity:0.7;transition:transform 0.25s ease;flex-shrink:0;margin-left:8px;}.item.open.svelte-1f416ns .chevron:where(.svelte-1f416ns) {transform:rotate(180deg);}.panel.svelte-1f416ns {display:grid;grid-template-rows:0fr;transition:grid-template-rows 0.25s ease-out;}.panel.open.svelte-1f416ns {grid-template-rows:1fr;}.panel-inner.svelte-1f416ns {min-height:0;overflow:hidden;padding:0 18px 14px 18px;border-top:1px solid var(--ui-accordion-border, #e0e0e0);}"};function re(h,f){J(f,!1),X(h,te);const F=()=>H(props,"$props",_),x=()=>H(state,"$state",_),[_,M]=K();let v=m(),{title:q="Header"}=F()(),o=m(x()(!1)),i=m(x()(null));function u(){return r(v)?.parentElement??null}function w(){const e=u();if(!e)return;g(o,e.hasAttribute("open"));const t=e.getAttribute("data-accordion-index");t!==null&&g(i,t)}function k(){const e=u();e&&e.dispatchEvent(new CustomEvent("accordion-toggle",{bubbles:!0,composed:!0}))}W(()=>{w();const e=u();if(!e)return;const t=new MutationObserver(()=>{w()});return t.observe(e,{attributes:!0,attributeFilter:["open","data-accordion-index"]}),()=>t.disconnect()}),Y();var l=ee();let y;var s=d(l);s.__keydown=e=>{(e.key==="Enter"||e.key===" ")&&(e.preventDefault(),k())},s.__click=k;var $=d(s),D=d($);b(D,f,"header",{},e=>{var t=j();C(()=>Q(t,q)),p(e,t)}),V(2),c($),c(s);var n=R(s,2);let E;var A=d(n),I=d(A);b(I,f,"content",{},e=>{var t=L(),O=N(t);b(O,f,"default",{},T=>{var B=j("Content");p(T,B)}),p(e,t)}),c(A),c(n),c(l),Z(l,e=>g(v,e),()=>r(v)),C(()=>{y=z(l,1,"item svelte-1f416ns",null,y,{open:r(o)}),a(s,"aria-expanded",r(o)),a(s,"aria-controls",`accordion-panel-${r(i)??""}`),a(s,"id",`accordion-trigger-${r(i)??""}`),E=z(n,1,"panel svelte-1f416ns",null,E,{open:r(o)}),a(n,"id",`accordion-panel-${r(i)??""}`),a(n,"aria-labelledby",`accordion-trigger-${r(i)??""}`),a(n,"aria-hidden",!r(o))}),p(h,l),G(),M()}S(["keydown","click"]);customElements.define("ui-accordion-item",U(re,{},["header","content","default"],[],{mode:"open"}));export{re as default};

package/dist-browser/assets/Avatar-Ct0ZUf_m.js

@@ -1,2 +0,0 @@
-import{l as x,a as P,t as j,b as _,p as Q,c as T,d as n,g as s,f as z,m as c,k as l,s as V,i as W,j as R,n as i,e as B,r as I,z as X}from"./custom-element-vZIc-tZM.js";import{i as M}from"./if-B3xMWYuB.js";import{s as Y}from"./slot-Btw_EhJQ.js";import{a as Z,i as $,s as ee,c as ae}from"./lifecycle-BSCLFPkh.js";import{s as S}from"./attributes-BN21YWvK.js";import{p as o}from"./props-DClXGNhw.js";var te=z('<img class="avatar-img svelte-1sygndv"/>'),se=z('<span class="avatar-initials svelte-1sygndv"> </span>'),re=z('<span class="avatar-fallback svelte-1sygndv" aria-hidden="true"><!></span>'),ie=z('<span role="img"><!> <!></span>');const ne={hash:"svelte-1sygndv",code:`.avatar-root.svelte-1sygndv {position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;font-family:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",\r
-      sans-serif;font-weight:600;background-color:var(--ui-avatar-bg, #e5e7eb);color:var(--ui-avatar-color, #374151);}.avatar-root.shape-circle.svelte-1sygndv {border-radius:50%;}.avatar-root.shape-rounded.svelte-1sygndv {border-radius:var(--ui-avatar-border-radius, 8px);}.avatar-root.size-sm.svelte-1sygndv {width:var(--ui-avatar-size-sm, 32px);height:var(--ui-avatar-size-sm, 32px);font-size:var(--ui-avatar-font-size-sm, 12px);}.avatar-root.size-md.svelte-1sygndv {width:var(--ui-avatar-size-md, 40px);height:var(--ui-avatar-size-md, 40px);font-size:var(--ui-avatar-font-size-md, 14px);}.avatar-root.size-lg.svelte-1sygndv {width:var(--ui-avatar-size-lg, 56px);height:var(--ui-avatar-size-lg, 56px);font-size:var(--ui-avatar-font-size-lg, 18px);}.avatar-root.has-ring.svelte-1sygndv {box-shadow:0 0 0 2px var(--ui-avatar-ring-color, #fff);outline:2px solid var(--ui-avatar-ring-border, #e5e7eb);}.avatar-img.svelte-1sygndv {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;}.avatar-fallback.svelte-1sygndv {display:flex;align-items:center;justify-content:center;width:100%;height:100%;}.avatar-initials.svelte-1sygndv {display:flex;align-items:center;justify-content:center;line-height:1;user-select:none;}`};function le(E,r){T(r,!1),Z(E,ne);const U=c(),A=c(),F=c();let t=o(r,"src",12,void 0),f=o(r,"alt",12,""),v=o(r,"name",12,void 0),u=o(r,"size",12,"md"),m=o(r,"shape",12,"circle"),p=o(r,"showRing",12,!1),h=o(r,"extraClass",12,""),d=c(!1),y=c(!1);function q(e){if(!e||!e.trim())return"?";const a=e.trim().split(/\s+/);if(a.length>=2){const w=a[0][0]??"",k=a[a.length-1][0]??"";return(w+k).toUpperCase()}return e.slice(0,2).toUpperCase()}let b=c(void 0);function D(){i(y,!0),i(d,!1)}function G(){i(d,!0)}x(()=>(n(t()),s(b)),()=>{t()!==s(b)&&(i(b,t()),i(y,!1),i(d,!1))}),x(()=>(n(t()),s(d),s(y)),()=>{i(U,!t()||s(d)||t()!=null&&!s(y))}),x(()=>n(v()),()=>{i(A,q(v()))}),x(()=>(n(u()),n(m()),n(p()),n(h())),()=>{i(F,`avatar-root size-${u()} shape-${m()} ${p()?"has-ring":""} ${h()}`.trim())}),P();var H={get src(){return t()},set src(e){t(e),l()},get alt(){return f()},set alt(e){f(e),l()},get name(){return v()},set name(e){v(e),l()},get size(){return u()},set size(e){u(e),l()},get shape(){return m()},set shape(e){m(e),l()},get showRing(){return p()},set showRing(e){p(e),l()},get extraClass(){return h()},set extraClass(e){h(e),l()}};$();var g=ie(),L=R(g);{var J=e=>{var a=te();j(()=>{S(a,"src",t()),S(a,"alt",f()||v()||"")}),B("load",a,D),B("error",a,G),_(e,a)};M(L,e=>{t()&&!s(d)&&e(J)})}var K=V(L,2);{var N=e=>{var a=re(),w=R(a);Y(w,r,"default",{},k=>{var C=se(),O=R(C,!0);I(C),j(()=>X(O,s(A))),_(k,C)}),I(a),_(e,a)};M(K,e=>{s(U)&&e(N)})}return I(g),j(()=>{ee(g,1,ae(s(F)),"svelte-1sygndv"),S(g,"aria-label",f()||v()||"Avatar")}),_(E,g),Q(H)}customElements.define("ui-avatar",W(le,{src:{},alt:{},name:{},size:{},shape:{},showRing:{},extraClass:{}},["default"],[],{mode:"open"}));export{le as default};

package/dist-browser/assets/Button-BvYyhPrn.js

@@ -1,33 +0,0 @@
-import{h as A,l as C,a as G,t as H,e as J,b as B,p as K,f as E,c as L,d as l,g as f,s as M,i as N,m as W,j as P,k as r,n as S,r as D}from"./custom-element-vZIc-tZM.js";import{i as O}from"./if-B3xMWYuB.js";import{s as Q}from"./slot-Btw_EhJQ.js";import{t as U,a as X,i as Y,s as Z,c as $}from"./lifecycle-BSCLFPkh.js";import{s as ee}from"./attributes-BN21YWvK.js";import{p as n}from"./props-DClXGNhw.js";function te(s,t,i,h){var p=s.__style;if(A||p!==t){var o=U(t);(!A||o!==s.getAttribute("style"))&&(o==null?s.removeAttribute("style"):s.style.cssText=o),s.__style=t}return h}var re=E('<span class="spinner svelte-kv8yyl"></span>'),ne=E('<button><!> <span class="btn-content svelte-kv8yyl"><!></span></button>');const le={hash:"svelte-kv8yyl",code:`:host {display:inline-block;}.btn-inner.svelte-kv8yyl {border:none;border-radius:var(--ui-radius-md, 10px);cursor:pointer;font-weight:500;transition:all 0.2s ease;display:inline-flex;align-items:center;justify-content:center;}.btn-content.svelte-kv8yyl {display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;}\r
-\r
-  /* Shape: pill (full rounded) for icon + text */.shape-pill.svelte-kv8yyl {border-radius:999px;}\r
-\r
-  /* Shape: circle for icon-only buttons */.shape-circle.svelte-kv8yyl {border-radius:50%;padding:0;aspect-ratio:1;}.shape-circle.sm.svelte-kv8yyl {width:32px;height:32px;min-width:32px;min-height:32px;}.shape-circle.md.svelte-kv8yyl {width:40px;height:40px;min-width:40px;min-height:40px;}.shape-circle.lg.svelte-kv8yyl {width:48px;height:48px;min-width:48px;min-height:48px;}\r
-\r
-  /* When app adds class for full width (e.g. class="w-full" or class="full-width"), inner button fills the host */:host([class*="full"]) .btn-inner.svelte-kv8yyl,\r
-  :host([class*="w-full"]) .btn-inner.svelte-kv8yyl {width:100%;box-sizing:border-box;}\r
-\r
-  /* Sizes (rectangle / pill) */.shape-rectangle.sm.svelte-kv8yyl,\r
-  .shape-pill.sm.svelte-kv8yyl {padding:6px 12px;font-size:12px;}.shape-rectangle.sm.svelte-kv8yyl .btn-content:where(.svelte-kv8yyl),\r
-  .shape-pill.sm.svelte-kv8yyl .btn-content:where(.svelte-kv8yyl) {gap:0.375rem;}.shape-rectangle.md.svelte-kv8yyl,\r
-  .shape-pill.md.svelte-kv8yyl {padding:10px 24px;font-size:14px;}.shape-rectangle.lg.svelte-kv8yyl,\r
-  .shape-pill.lg.svelte-kv8yyl {padding:14px 32px;font-size:16px;}.shape-rectangle.lg.svelte-kv8yyl .btn-content:where(.svelte-kv8yyl),\r
-  .shape-pill.lg.svelte-kv8yyl .btn-content:where(.svelte-kv8yyl) {gap:0.5rem;}\r
-\r
-  /* Variants — respect --ui-button-custom-bg when set via backgroundColor prop */.primary.svelte-kv8yyl {background:var(--ui-button-custom-bg, var(--ui-primary, #474bff));color:var(--ui-button-bg, #fefeff);}.primary.svelte-kv8yyl:hover {background:var(--ui-button-custom-bg-hover, var(--ui-primary-hover, #2b2399));color:#fefeff;}.secondary.svelte-kv8yyl {background:var(--ui-button-custom-bg, var(--ui-secondary, #222121));color:#fefeff;}.secondary.svelte-kv8yyl:hover {background:var(--ui-button-custom-bg-hover, var(--ui-secondary-hover, #616061));color:#fefeff;}.outline.svelte-kv8yyl {background:var(--ui-outline, transparent);border:1px solid var(--ui-outline, #222121);color:#616061;}.outline.svelte-kv8yyl:hover {background:var(--ui-outline-hover, transparent);border:1px solid var(--ui-outline, #222121);color:#222121;}.danger.svelte-kv8yyl {background:var(--ui-button-custom-bg, var(--ui-danger, #e03e52));color:#fefeff;}.danger.svelte-kv8yyl:hover {background:var(\r
-      --ui-button-custom-bg-hover,\r
-      var(--ui-danger-hover, #c23445)\r
-    );color:#fefeff;}.success.svelte-kv8yyl {background:var(--ui-button-custom-bg, var(--ui-success, #2cc84d));color:#fefeff;}.success.svelte-kv8yyl:hover {background:var(\r
-      --ui-button-custom-bg-hover,\r
-      var(--ui-success-hover, #2cc84d)\r
-    );color:#fefeff;}.white.svelte-kv8yyl {background:var(--ui-button-custom-bg, var(--ui-white, #ffffff));color:var(--ui-text-on-light, #222121);border:1px solid var(--ui-border-light, #e0e0e0);}.white.svelte-kv8yyl:hover {background:var(\r
-      --ui-button-custom-bg-hover,\r
-      var(--ui-white-hover, #f5f5f5)\r
-    );color:var(--ui-text-on-light, #222121);border-color:var(--ui-border-light-hover, #c0c0c0);}.ghost.svelte-kv8yyl {background:transparent;color:var(--ui-ghost-text, #616061);}.ghost.svelte-kv8yyl:hover {background:var(--ui-ghost-hover, rgba(0, 0, 0, 0.06));color:var(--ui-ghost-text-hover, #222121);}.btn-inner.svelte-kv8yyl:disabled {background:#e0e0e0;cursor:not-allowed;}.btn-inner.svelte-kv8yyl:disabled:hover {background:#e0e0e0;cursor:not-allowed;}.spinner.svelte-kv8yyl {width:14px;height:14px;border:2px solid white;border-top-color:transparent;border-radius:50%;display:inline-block;margin-right:6px;\r
-    animation: svelte-kv8yyl-spin 0.6s linear infinite;}\r
-\r
-  @keyframes svelte-kv8yyl-spin {\r
-    to {\r
-      transform: rotate(360deg);\r
-    }\r
-  }`};function se(s,t){L(t,!1),X(s,le);const i=W(),h=W(),p=W();let o=n(t,"variant",12,"primary"),k=n(t,"size",12,"md"),m=n(t,"shape",12,"rectangle"),x=n(t,"disabled",12,!1),w=n(t,"loading",12,!1),d=n(t,"color",12,void 0),z=n(t,"type",12,"button"),u=n(t,"backgroundColor",12,void 0),v=n(t,"fontSize",12,void 0),c=n(t,"borderRadius",12,void 0),y=n(t,"borderWidth",12,void 0),g=n(t,"fontWeight",12,void 0),b=n(t,"padding",12,void 0),_=n(t,"extraClass",12,"");function I(e){(x()||w())&&(e.preventDefault(),e.stopImmediatePropagation())}C(()=>(l(d()),l(u()),l(v()),l(c()),l(y()),l(g()),l(b())),()=>{S(i,[d()!=null&&`--ui-button-bg:${d()}`,u()!=null&&`--ui-button-custom-bg:${u()}`,v()!=null&&`font-size:${v()}`,c()!=null&&`border-radius:${c()}`,y()!=null&&`border-width:${y()}`,g()!=null&&`font-weight:${g()}`,b()!=null&&`padding:${b()}`].filter(Boolean))}),C(()=>f(i),()=>{S(h,f(i).length>0?f(i).join("; "):void 0)}),C(()=>(l(o()),l(k()),l(m()),l(_())),()=>{S(p,`btn-inner ${o()} ${k()} shape-${m()} ${_()}`.trim())}),G();var T={get variant(){return o()},set variant(e){o(e),r()},get size(){return k()},set size(e){k(e),r()},get shape(){return m()},set shape(e){m(e),r()},get disabled(){return x()},set disabled(e){x(e),r()},get loading(){return w()},set loading(e){w(e),r()},get color(){return d()},set color(e){d(e),r()},get type(){return z()},set type(e){z(e),r()},get backgroundColor(){return u()},set backgroundColor(e){u(e),r()},get fontSize(){return v()},set fontSize(e){v(e),r()},get borderRadius(){return c()},set borderRadius(e){c(e),r()},get borderWidth(){return y()},set borderWidth(e){y(e),r()},get fontWeight(){return g()},set fontWeight(e){g(e),r()},get padding(){return b()},set padding(e){b(e),r()},get extraClass(){return _()},set extraClass(e){_(e),r()}};Y();var a=ne(),R=P(a);{var V=e=>{var F=re();B(e,F)};O(R,e=>{w()&&e(V)})}var j=M(R,2),q=P(j);return Q(q,t,"default",{},null),D(j),D(a),H(()=>{ee(a,"type",z()),Z(a,1,$(f(p)),"svelte-kv8yyl"),a.disabled=x(),te(a,f(h))}),J("click",a,I),B(s,a),K(T)}customElements.define("ui-button",N(se,{variant:{},size:{},shape:{},disabled:{},loading:{},color:{},type:{},backgroundColor:{},fontSize:{},borderRadius:{},borderWidth:{},fontWeight:{},padding:{},extraClass:{}},["default"],[],{mode:"open"}));export{se as default};

package/dist-browser/assets/Card-DM0rPY9s.js

@@ -1,27 +0,0 @@
-import{l as G,a as J,t as K,b as P,p as Q,c as W,d as y,f as X,j as a,k as _,g as o,s as m,n as t,i as Y,m as d,r as i}from"./custom-element-vZIc-tZM.js";import{o as Z}from"./index-client-BMTknfvN.js";import{s as l}from"./slot-Btw_EhJQ.js";import{a as $,i as rr,s as n,c as er}from"./lifecycle-BSCLFPkh.js";import{b as or}from"./this-CobEtPHm.js";import{p as k}from"./props-DClXGNhw.js";var ar=X('<div><div><!></div> <div><!></div> <div class="card-body svelte-18poi8p"><!></div> <div><!></div> <div><!></div></div>');const tr={hash:"svelte-18poi8p",code:`.card-root.svelte-18poi8p {position:relative;display:flex;flex-direction:column;min-width:0;word-wrap:break-word;font-family:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;font-size:var(--ui-card-font-size, 14px);line-height:1.5;color:var(--ui-card-color, #212529);background-color:var(--ui-card-bg, #fff);border:var(--ui-card-border-width, 1px) solid\r
-      var(--ui-card-border-color, rgba(0, 0, 0, 0.125));border-radius:var(--ui-card-border-radius, 8px);box-shadow:var(--ui-card-box-shadow, none);}\r
-\r
-  /* Variants: default uses CSS vars above; others set bg + border + color */.card-root.variant-primary.svelte-18poi8p {background-color:var(--ui-card-primary-bg, #0d6efd);border-color:var(--ui-card-primary-border, #0d6efd);color:var(--ui-card-primary-color, #fff);}.card-root.variant-secondary.svelte-18poi8p {background-color:var(--ui-card-secondary-bg, #6c757d);border-color:var(--ui-card-secondary-border, #6c757d);color:var(--ui-card-secondary-color, #fff);}.card-root.variant-success.svelte-18poi8p {background-color:var(--ui-card-success-bg, #198754);border-color:var(--ui-card-success-border, #198754);color:var(--ui-card-success-color, #fff);}.card-root.variant-danger.svelte-18poi8p {background-color:var(--ui-card-danger-bg, #dc3545);border-color:var(--ui-card-danger-border, #dc3545);color:var(--ui-card-danger-color, #fff);}.card-root.variant-warning.svelte-18poi8p {background-color:var(--ui-card-warning-bg, #ffc107);border-color:var(--ui-card-warning-border, #ffc107);color:var(--ui-card-warning-color, #000);}.card-root.variant-info.svelte-18poi8p {background-color:var(--ui-card-info-bg, #0dcaf0);border-color:var(--ui-card-info-border, #0dcaf0);color:var(--ui-card-info-color, #000);}.card-root.variant-light.svelte-18poi8p {background-color:var(--ui-card-light-bg, #f8f9fa);border-color:var(--ui-card-light-border, #e9ecef);color:var(--ui-card-light-color, #212529);}.card-root.variant-dark.svelte-18poi8p {background-color:var(--ui-card-dark-bg, #212529);border-color:var(--ui-card-dark-border, #212529);color:var(--ui-card-dark-color, #fff);}\r
-\r
-  /* Text alignment */.card-root.text-start.svelte-18poi8p {text-align:start;}.card-root.text-center.svelte-18poi8p {text-align:center;}.card-root.text-end.svelte-18poi8p {text-align:end;}.card-header.svelte-18poi8p {padding:var(--ui-card-header-padding-y, 0.5rem) var(--ui-card-header-padding-x, 1rem);margin-bottom:0;background-color:var(--ui-card-header-bg, rgba(0, 0, 0, 0.03));border-bottom:var(--ui-card-border-width, 1px) solid\r
-      var(--ui-card-border-color, rgba(0, 0, 0, 0.125));border-radius:calc(var(--ui-card-border-radius, 8px) - 1px) calc(var(--ui-card-border-radius, 8px) - 1px) 0 0;}.card-root.variant-default.svelte-18poi8p .card-header:where(.svelte-18poi8p) {background-color:var(--ui-card-header-bg, rgba(0, 0, 0, 0.03));}.card-root.variant-primary.svelte-18poi8p .card-header:where(.svelte-18poi8p),\r
-  .card-root.variant-secondary.svelte-18poi8p .card-header:where(.svelte-18poi8p),\r
-  .card-root.variant-success.svelte-18poi8p .card-header:where(.svelte-18poi8p),\r
-  .card-root.variant-danger.svelte-18poi8p .card-header:where(.svelte-18poi8p),\r
-  .card-root.variant-warning.svelte-18poi8p .card-header:where(.svelte-18poi8p),\r
-  .card-root.variant-info.svelte-18poi8p .card-header:where(.svelte-18poi8p),\r
-  .card-root.variant-dark.svelte-18poi8p .card-header:where(.svelte-18poi8p) {background-color:rgba(0, 0, 0, 0.2);border-bottom-color:rgba(255, 255, 255, 0.2);}.card-header.svelte-18poi8p:not(.has-content) {display:none;}.card-body.svelte-18poi8p {flex:1 1 auto;padding:var(--ui-card-body-padding-y, 1rem) var(--ui-card-body-padding-x, 1rem);}.card-body.svelte-18poi8p :where(.svelte-18poi8p)::slotted(h1),\r
-  .card-body.svelte-18poi8p :where(.svelte-18poi8p)::slotted(h2),\r
-  .card-body.svelte-18poi8p :where(.svelte-18poi8p)::slotted(h3),\r
-  .card-body.svelte-18poi8p :where(.svelte-18poi8p)::slotted(h4),\r
-  .card-body.svelte-18poi8p :where(.svelte-18poi8p)::slotted(h5),\r
-  .card-body.svelte-18poi8p :where(.svelte-18poi8p)::slotted(h6) {margin-top:0;margin-bottom:var(--ui-card-title-margin-bottom, 0.5rem);font-size:var(--ui-card-title-font-size, 1.25rem);font-weight:500;line-height:1.2;}.card-body.svelte-18poi8p :where(.svelte-18poi8p)::slotted(p) {margin-top:0;margin-bottom:var(--ui-card-text-margin-bottom, 0.5rem);}.card-body.svelte-18poi8p :where(.svelte-18poi8p)::slotted(p:last-child) {margin-bottom:0;}.card-footer.svelte-18poi8p {padding:var(--ui-card-footer-padding-y, 0.5rem) var(--ui-card-footer-padding-x, 1rem);background-color:var(--ui-card-footer-bg, rgba(0, 0, 0, 0.03));border-top:var(--ui-card-border-width, 1px) solid\r
-      var(--ui-card-border-color, rgba(0, 0, 0, 0.125));border-radius:0 0 calc(var(--ui-card-border-radius, 8px) - 1px)\r
-      calc(var(--ui-card-border-radius, 8px) - 1px);}.card-root.variant-primary.svelte-18poi8p .card-footer:where(.svelte-18poi8p),\r
-  .card-root.variant-secondary.svelte-18poi8p .card-footer:where(.svelte-18poi8p),\r
-  .card-root.variant-success.svelte-18poi8p .card-footer:where(.svelte-18poi8p),\r
-  .card-root.variant-danger.svelte-18poi8p .card-footer:where(.svelte-18poi8p),\r
-  .card-root.variant-warning.svelte-18poi8p .card-footer:where(.svelte-18poi8p),\r
-  .card-root.variant-info.svelte-18poi8p .card-footer:where(.svelte-18poi8p),\r
-  .card-root.variant-dark.svelte-18poi8p .card-footer:where(.svelte-18poi8p) {background-color:rgba(0, 0, 0, 0.2);border-top-color:rgba(255, 255, 255, 0.2);}.card-footer.svelte-18poi8p:not(.has-content) {display:none;}.card-img-top-wrapper.svelte-18poi8p:not(.has-content),\r
-  .card-img-bottom-wrapper.svelte-18poi8p:not(.has-content) {display:none;}.card-img-top-wrapper.has-content.svelte-18poi8p {overflow:hidden;border-top-left-radius:var(--ui-card-border-radius, 8px);border-top-right-radius:var(--ui-card-border-radius, 8px);}.card-img-top-wrapper.has-content.svelte-18poi8p :where(.svelte-18poi8p)::slotted(img) {display:block;width:100%;height:auto;object-fit:cover;}.card-img-bottom-wrapper.has-content.svelte-18poi8p {overflow:hidden;border-bottom-left-radius:var(--ui-card-border-radius, 8px);border-bottom-right-radius:var(--ui-card-border-radius, 8px);}.card-img-bottom-wrapper.has-content.svelte-18poi8p :where(.svelte-18poi8p)::slotted(img) {display:block;width:100%;height:auto;object-fit:cover;}`};function dr(S,e){W(e,!1),$(S,tr);const C=d();let p=k(e,"variant",12,"default"),v=k(e,"textAlign",12,"start"),u=k(e,"extraClass",12,""),s=d(),N=d(!1),A=d(!1),I=d(!1),q=d(!1);function z(){if(!o(s))return;const r=o(s).getRootNode();if(!r)return;const T=r.querySelector('slot[name="header"]'),f=r.querySelector('slot[name="footer"]'),U=r.querySelector('slot[name="image-top"]'),D=r.querySelector('slot[name="image-bottom"]');t(N,(T?.assignedNodes().length??0)>0),t(A,(f?.assignedNodes().length??0)>0),t(I,(U?.assignedNodes().length??0)>0),t(q,(D?.assignedNodes().length??0)>0)}Z(()=>{z();const r=new MutationObserver(z),f=o(s)?.getRootNode()?.host;return f&&r.observe(f,{childList:!0,subtree:!0}),()=>r.disconnect()}),G(()=>(y(p()),y(v()),y(u())),()=>{t(C,`card-root variant-${p()} text-${v()} ${u()}`.trim())}),J();var E={get variant(){return p()},set variant(r){p(r),_()},get textAlign(){return v()},set textAlign(r){v(r),_()},get extraClass(){return u()},set extraClass(r){u(r),_()}};rr();var c=ar(),b=a(c);let j;var H=a(b);l(H,e,"image-top",{},null),i(b);var g=m(b,2);let B;var R=a(g);l(R,e,"header",{},null),i(g);var w=m(g,2),V=a(w);l(V,e,"default",{},null),i(w);var h=m(w,2);let F;var L=a(h);l(L,e,"footer",{},null),i(h);var x=m(h,2);let M;var O=a(x);return l(O,e,"image-bottom",{},null),i(x),i(c),or(c,r=>t(s,r),()=>o(s)),K(()=>{n(c,1,er(o(C)),"svelte-18poi8p"),j=n(b,1,"card-img-top-wrapper svelte-18poi8p",null,j,{"has-content":o(I)}),B=n(g,1,"card-header svelte-18poi8p",null,B,{"has-content":o(N)}),F=n(h,1,"card-footer svelte-18poi8p",null,F,{"has-content":o(A)}),M=n(x,1,"card-img-bottom-wrapper svelte-18poi8p",null,M,{"has-content":o(q)})}),P(S,c),Q(E)}customElements.define("ui-card",Y(dr,{variant:{},textAlign:{},extraClass:{}},["image-top","header","default","footer","image-bottom"],[],{mode:"open"}));export{dr as default};

package/dist-browser/assets/Checkbox-DK1LWC1i.js

@@ -1,21 +0,0 @@
-import{l as u,a as q,t as G,e as N,b as O,p as P,c as U,d as C,f as A,j as D,k as c,g as r,n as f,s as J,i as K,G as Q,m as x,x as T,r as S}from"./custom-element-vZIc-tZM.js";import{o as V}from"./index-client-BMTknfvN.js";import{s as W}from"./slot-Btw_EhJQ.js";import{a as X,i as Y,s as Z}from"./lifecycle-BSCLFPkh.js";import{s as m,a as $,d as ee,r as re}from"./attributes-BN21YWvK.js";import{b as te}from"./this-CobEtPHm.js";import{p as a}from"./props-DClXGNhw.js";var oe=A('<label><span class="checkbox-control svelte-wckrr7"><input type="checkbox" class="svelte-wckrr7"/> <span class="checkbox-box svelte-wckrr7" aria-hidden="true"></span></span> <span class="checkbox-label svelte-wckrr7"><!></span></label>');const ce={hash:"svelte-wckrr7",code:`.checkbox-root.svelte-wckrr7 {display:inline-flex;align-items:center;gap:0.5rem;font-family:system-ui,\r
-      -apple-system,\r
-      BlinkMacSystemFont,\r
-      "Segoe UI",\r
-      sans-serif;font-size:14px;line-height:1.3;color:var(--ui-checkbox-label-color, #111827);cursor:pointer;\r
-    /* Prevent vertical shift when state or focus changes */min-height:var(--ui-checkbox-size, 22px);}.checkbox-control.svelte-wckrr7 {position:relative;display:inline-flex;align-items:center;justify-content:center;\r
-    /* Fixed size so layout doesn’t shift when checkmark appears or on focus */width:var(--ui-checkbox-size, 22px);height:var(--ui-checkbox-size, 22px);flex-shrink:0;}.checkbox-control.svelte-wckrr7 input:where(.svelte-wckrr7) {position:absolute;inset:0;margin:0;padding:0;opacity:0;cursor:inherit;outline:none;}.checkbox-box.svelte-wckrr7 {width:var(--ui-checkbox-size, 22px);height:var(--ui-checkbox-size, 22px);min-width:var(--ui-checkbox-size, 22px);min-height:var(--ui-checkbox-size, 22px);flex-shrink:0;border-radius:var(--ui-checkbox-radius, 4px);border:2px solid var(--ui-checkbox-border-color, #111111);background-color:var(--ui-checkbox-bg, transparent);box-sizing:border-box;position:relative;display:inline-flex;align-items:center;justify-content:center;transition:background-color 0.15s ease,\r
-      border-color 0.15s ease,\r
-      box-shadow 0.15s ease;}\r
-\r
-  /* Out of flow so checkmark/indeterminate never affect layout */.checkbox-box.svelte-wckrr7::before {content:"";position:absolute;inset:0;margin:auto;opacity:0;transition:opacity 0.1s ease,\r
-      transform 0.1s ease;}\r
-\r
-  /* Checked: solid purple square with checkmark */.checkbox-root.is-checked.svelte-wckrr7 .checkbox-box:where(.svelte-wckrr7) {background-color:var(--ui-checkbox-checked-bg, var(--ui-primary, #474bff));border-color:var(--ui-checkbox-checked-border, var(--ui-primary, #474bff));}.checkbox-root.is-checked.svelte-wckrr7 .checkbox-box:where(.svelte-wckrr7)::before {width:26%;height:50%;border-right:3px solid var(--ui-checkbox-check-color, #ffffff);border-bottom:3px solid var(--ui-checkbox-check-color, #ffffff);transform:rotate(45deg) translate(-8%, -8%);transform-origin:center center;opacity:1;}\r
-\r
-  /* Indeterminate: solid purple with dash */.checkbox-root.is-indeterminate.svelte-wckrr7 .checkbox-box:where(.svelte-wckrr7) {background-color:var(--ui-checkbox-checked-bg, var(--ui-primary, #474bff));border-color:var(--ui-checkbox-checked-border, var(--ui-primary, #474bff));}.checkbox-root.is-indeterminate.svelte-wckrr7 .checkbox-box:where(.svelte-wckrr7)::before {width:70%;height:0;border-bottom:3px solid var(--ui-checkbox-check-color, #ffffff);opacity:1;transform:none;}\r
-\r
-  /* Hover + focus ring */.checkbox-root.svelte-wckrr7:not(.is-disabled)\r
-    .checkbox-control:where(.svelte-wckrr7)\r
-    input:where(.svelte-wckrr7):focus-visible\r
-    + .checkbox-box:where(.svelte-wckrr7) {box-shadow:0 0 0 3px var(--ui-checkbox-focus-ring, rgba(71, 75, 255, 0.45));}.checkbox-root.is-disabled.svelte-wckrr7 {cursor:not-allowed;color:var(--ui-checkbox-label-disabled, #9ca3af);}.checkbox-root.is-disabled.svelte-wckrr7 .checkbox-box:where(.svelte-wckrr7) {border-color:var(--ui-checkbox-border-disabled, #bdbdbc);background-color:var(--ui-checkbox-bg-disabled, #e5e7eb);}.checkbox-label.svelte-wckrr7:empty {display:none;}`};function ae(E,t){U(t,!1),X(E,ce);const d=x(),v=x(),s=x();let n=a(t,"checked",12,!1),h=a(t,"disabled",12,!1),l=a(t,"indeterminate",12,!1),p=a(t,"name",12,void 0),g=a(t,"value",12,void 0),w=a(t,"ariaLabel",12,void 0),y=a(t,"ariaDescribedby",12,void 0),_=a(t,"onchange",12,void 0);function z(e){return typeof e=="boolean"?e:e==null?!1:String(e).toLowerCase()==="true"}let b=x();function F(e){const i=e.getRootNode();return i instanceof ShadowRoot?i.host:null}function L(){r(b)&&Q(b,r(b).indeterminate=r(s))}V(L);function H(e){const i=e.target;n(i.checked),r(s)&&(l(!1),L());const I={checked:i.checked,indeterminate:!1};_()?.(I),F(i)?.dispatchEvent(new CustomEvent("change",{detail:I,bubbles:!0}))}u(()=>C(n()),()=>{f(d,z(n()))}),u(()=>C(h()),()=>{f(v,z(h()))}),u(()=>C(l()),()=>{f(s,z(l()))}),u(()=>{},()=>{L()}),q();var M={get checked(){return n()},set checked(e){n(e),c()},get disabled(){return h()},set disabled(e){h(e),c()},get indeterminate(){return l()},set indeterminate(e){l(e),c()},get name(){return p()},set name(e){p(e),c()},get value(){return g()},set value(e){g(e),c()},get ariaLabel(){return w()},set ariaLabel(e){w(e),c()},get ariaDescribedby(){return y()},set ariaDescribedby(e){y(e),c()},get onchange(){return _()},set onchange(e){_(e),c()}};Y();var k=oe(),B=D(k),o=D(B);re(o),te(o,e=>f(b,e),()=>r(b)),T(2),S(B);var j=J(B,2),R=D(j);return W(R,t,"default",{},null),S(j),S(k),G(()=>{Z(k,1,`checkbox-root ${r(d)?"is-checked":""} ${r(s)?"is-indeterminate":""} ${r(v)?"is-disabled":""}`,"svelte-wckrr7"),m(o,"name",p()),$(o,g()),ee(o,r(d)),o.disabled=r(v),m(o,"aria-label",w()),m(o,"aria-describedby",y()),m(o,"aria-checked",r(s)?"mixed":r(d)?"true":"false")}),N("change",o,H),O(E,k),P(M)}customElements.define("ui-checkbox",K(ae,{checked:{},disabled:{},indeterminate:{},name:{},value:{},ariaLabel:{},ariaDescribedby:{},onchange:{}},["default"],[],{mode:"open"}));export{ae as default};