crayon-design-system-ui 0.0.1

package/dist-browser/assets/each-CDVyljdy.js

@@ -0,0 +1 @@
+import{h as R,I as P,J as Q,g as z,K as W,L as Z,M as y,N as L,O as k,P as b,Q as $,R as G,S as V,T as j,U as F,V as ee,W as re,X as ne,D as ae,Y as O,Z as fe,_ as Y,$ as le,a0 as ie,m as ue,a1 as B,a2 as T,a3 as X,a4 as q,a5 as D,a6 as se,a7 as oe,a8 as te,a9 as ve}from"./custom-element-vZIc-tZM.js";function ge(e,f){return f}function de(e,f,l){for(var c=[],g=f.length,t,u=f.length,n=0;n<g;n++){let o=f[n];q(o,()=>{if(t){if(t.pending.delete(o),t.done.add(o),t.pending.size===0){var _=e.outrogroups;H(O(t.done)),_.delete(t),_.size===0&&(e.outrogroups=null)}}else u-=1},!1)}if(u===0){var a=c.length===0&&l!==null;if(a){var i=l,s=i.parentNode;oe(s),s.append(i),e.items.clear()}H(f,!a)}else t={pending:new Set(f),done:new Set},(e.outrogroups??=new Set).add(t)}function H(e,f=!0){for(var l=0;l<e.length;l++)te(e[l],f)}var U;function _e(e,f,l,c,g,t=null){var u=e,n=new Map;R&&P();var a=null,i=ne(()=>{var v=l();return ae(v)?v:v==null?[]:O(v)}),s,o=!0;function _(){r.fallback=a,ce(r,s,u,f,c),a!==null&&(s.length===0?(a.f&T)===0?X(a):(a.f^=T,x(a,null,u)):q(a,()=>{a=null}))}var M=Q(()=>{s=z(i);var v=s.length;let N=!1;if(R){var w=W(u)===Z;w!==(v===0)&&(u=y(),L(u),k(!1),N=!0)}for(var p=new Set,m=j,A=re(),h=0;h<v;h+=1){R&&b.nodeType===$&&b.data===G&&(u=b,N=!0,k(!1));var I=s[h],C=c(I,h),d=o?null:n.get(C);d?(d.v&&V(d.v,I),d.i&&V(d.i,h),A&&m.unskip_effect(d.e)):(d=pe(n,o?u:U??=B(),I,C,h,g,f,l),o||(d.e.f|=T),n.set(C,d)),p.add(C)}if(v===0&&t&&!a&&(o?a=F(()=>t(u)):(a=F(()=>t(U??=B())),a.f|=T)),v>p.size&&ee(),R&&v>0&&L(y()),!o)if(A){for(const[J,K]of n)p.has(J)||m.skip_effect(K.e);m.oncommit(_),m.ondiscard(()=>{})}else _();N&&k(!0),z(i)}),r={effect:M,items:n,outrogroups:null,fallback:a};o=!1,R&&(u=b)}function S(e){for(;e!==null&&(e.f&se)===0;)e=e.next;return e}function ce(e,f,l,c,g){var t=f.length,u=e.items,n=S(e.effect.first),a,i=null,s=[],o=[],_,M,r,v;for(v=0;v<t;v+=1){if(_=f[v],M=g(_,v),r=u.get(M).e,e.outrogroups!==null)for(const d of e.outrogroups)d.pending.delete(r),d.done.delete(r);if((r.f&T)!==0)if(r.f^=T,r===n)x(r,null,l);else{var N=i?i.next:n;r===e.effect.last&&(e.effect.last=r.prev),r.prev&&(r.prev.next=r.next),r.next&&(r.next.prev=r.prev),E(e,i,r),E(e,r,N),x(r,N,l),i=r,s=[],o=[],n=S(i.next);continue}if((r.f&D)!==0&&X(r),r!==n){if(a!==void 0&&a.has(r)){if(s.length<o.length){var w=o[0],p;i=w.prev;var m=s[0],A=s[s.length-1];for(p=0;p<s.length;p+=1)x(s[p],w,l);for(p=0;p<o.length;p+=1)a.delete(o[p]);E(e,m.prev,A.next),E(e,i,m),E(e,A,w),n=w,i=A,v-=1,s=[],o=[]}else a.delete(r),x(r,n,l),E(e,r.prev,r.next),E(e,r,i===null?e.effect.first:i.next),E(e,i,r),i=r;continue}for(s=[],o=[];n!==null&&n!==r;)(a??=new Set).add(n),o.push(n),n=S(n.next);if(n===null)continue}(r.f&T)===0&&s.push(r),i=r,n=S(r.next)}if(e.outrogroups!==null){for(const d of e.outrogroups)d.pending.size===0&&(H(O(d.done)),e.outrogroups?.delete(d));e.outrogroups.size===0&&(e.outrogroups=null)}if(n!==null||a!==void 0){var h=[];if(a!==void 0)for(r of a)(r.f&D)===0&&h.push(r);for(;n!==null;)(n.f&D)===0&&n!==e.fallback&&h.push(n),n=S(n.next);var I=h.length;if(I>0){var C=null;de(e,h,C)}}}function pe(e,f,l,c,g,t,u,n){var a=(u&le)!==0?(u&ie)===0?ue(l,!1,!1):Y(l):null,i=(u&fe)!==0?Y(g):null;return{v:a,i,e:F(()=>(t(f,a??l,i??g,n),()=>{e.delete(c)}))}}function x(e,f,l){if(e.nodes)for(var c=e.nodes.start,g=e.nodes.end,t=f&&(f.f&T)===0?f.nodes.start:l;c!==null;){var u=ve(c);if(t.before(c),c===g)return;c=u}}function E(e,f,l){f===null?e.effect.first=l:f.next=l,l===null?e.effect.last=f:l.prev=f}export{_e as e,ge as i};

package/dist-browser/assets/if-B3xMWYuB.js

@@ -0,0 +1 @@
+import{T as u,a3 as b,a8 as l,a4 as m,a1 as _,U as p,aa as g,W as T,h as d,P as A,J as k,ab as R,I as w,K as E,ac as M,L as N,M as S,N as D,O as v}from"./custom-element-vZIc-tZM.js";class F{anchor;#s=new Map;#t=new Map;#e=new Map;#a=new Set;#i=!0;constructor(s,a=!0){this.anchor=s,this.#i=a}#r=()=>{var s=u;if(this.#s.has(s)){var a=this.#s.get(s),e=this.#t.get(a);if(e)b(e),this.#a.delete(a);else{var n=this.#e.get(a);n&&(this.#t.set(a,n.effect),this.#e.delete(a),n.fragment.lastChild.remove(),this.anchor.before(n.fragment),e=n.effect)}for(const[i,t]of this.#s){if(this.#s.delete(i),i===s)break;const r=this.#e.get(t);r&&(l(r.effect),this.#e.delete(t))}for(const[i,t]of this.#t){if(i===a||this.#a.has(i))continue;const r=()=>{if(Array.from(this.#s.values()).includes(i)){var c=document.createDocumentFragment();g(t,c),c.append(_()),this.#e.set(i,{effect:t,fragment:c})}else l(t);this.#a.delete(i),this.#t.delete(i)};this.#i||!e?(this.#a.add(i),m(t,r,!1)):r()}}};#f=s=>{this.#s.delete(s);const a=Array.from(this.#s.values());for(const[e,n]of this.#e)a.includes(e)||(l(n.effect),this.#e.delete(e))};ensure(s,a){var e=u,n=T();if(a&&!this.#t.has(s)&&!this.#e.has(s))if(n){var i=document.createDocumentFragment(),t=_();i.append(t),this.#e.set(s,{effect:p(()=>a(t)),fragment:i})}else this.#t.set(s,p(()=>a(this.anchor)));if(this.#s.set(e,s),n){for(const[r,f]of this.#t)r===s?e.unskip_effect(f):e.skip_effect(f);for(const[r,f]of this.#e)r===s?e.unskip_effect(f.effect):e.skip_effect(f.effect);e.oncommit(this.#r),e.ondiscard(this.#f)}else d&&(this.anchor=A),this.#r()}}function x(h,s,a=!1){d&&w();var e=new F(h),n=a?R:0;function i(t,r){if(d){const o=E(h);var f;if(o===M?f=0:o===N?f=!1:f=parseInt(o.substring(1)),t!==f){var c=S();D(c),e.anchor=c,v(!1),e.ensure(t,r),v(!0);return}}e.ensure(t,r)}k(()=>{var t=!1;s((r,f=0)=>{t=!0,i(f,r)}),t||i(!1,null)},n)}export{x as i};

package/dist-browser/assets/index-client-BMTknfvN.js

@@ -0,0 +1 @@
+import{ak as t,al as o,am as c,y as l}from"./custom-element-vZIc-tZM.js";function a(e){throw new Error("https://svelte.dev/e/lifecycle_outside_component")}function r(e){t===null&&a(),c&&t.l!==null?u(t).m.push(e):o(()=>{const n=l(e);if(typeof n=="function")return n})}function u(e){var n=e.l;return n.u??={a:[],b:[],m:[]}}export{r as o};

package/dist-browser/assets/lifecycle-BSCLFPkh.js

@@ -0,0 +1,2 @@
+import{an as y,aq as b,h as u,ak as m,ar as _,al as c,as as g,y as A,at as N,g as d,d as w,au as j}from"./custom-element-vZIc-tZM.js";function D(n,e){y(()=>{var r=n.getRootNode(),t=r.host?r:r.head??r.ownerDocument.head;if(!t.querySelector("#"+e.hash)){const f=b("style");f.id=e.hash,f.textContent=e.code,t.appendChild(f)}})}function v(n){var e,r,t="";if(typeof n=="string"||typeof n=="number")t+=n;else if(typeof n=="object")if(Array.isArray(n)){var f=n.length;for(e=0;e<f;e++)n[e]&&(r=v(n[e]))&&(t&&(t+=" "),t+=r)}else for(r in n)n[r]&&(t&&(t+=" "),t+=r);return t}function q(){for(var n,e,r=0,t="",f=arguments.length;r<f;r++)(n=arguments[r])&&(e=v(n))&&(t&&(t+=" "),t+=e);return t}function L(n){return typeof n=="object"?q(n):n??""}const p=[...` 	
+\r\f \v\uFEFF`];function C(n,e,r){var t=n==null?"":""+n;if(e&&(t=t?t+" "+e:e),r){for(var f in r)if(r[f])t=t?t+" "+f:f;else if(t.length)for(var s=f.length,i=0;(i=t.indexOf(f,i))>=0;){var o=i+s;(i===0||p.includes(t[i-1]))&&(o===t.length||p.includes(t[o]))?t=(i===0?"":t.substring(0,i))+t.substring(o+1):i=o}}return t===""?null:t}function O(n,e){return n==null?null:String(n)}function R(n,e,r,t,f,s){var i=n.__className;if(u||i!==r||i===void 0){var o=C(r,t,s);(!u||o!==n.getAttribute("class"))&&(o==null?n.removeAttribute("class"):n.className=o),n.__className=r}else if(s&&f!==s)for(var a in s){var l=!!s[a];(f==null||l!==!!f[a])&&n.classList.toggle(a,l)}return s}function $(n=!1){const e=m,r=e.l.u;if(!r)return;let t=()=>w(e.s);if(n){let f=0,s={};const i=j(()=>{let o=!1;const a=e.s;for(const l in a)a[l]!==s[l]&&(s[l]=a[l],o=!0);return o&&f++,f});t=()=>d(i)}r.b.length&&_(()=>{h(e,t),g(r.b)}),c(()=>{const f=A(()=>r.m.map(N));return()=>{for(const s of f)typeof s=="function"&&s()}}),r.a.length&&c(()=>{h(e,t),g(r.a)})}function h(n,e){if(n.l.s)for(const r of n.l.s)d(r);e()}export{D as a,L as c,$ as i,R as s,O as t};

package/dist-browser/assets/props-DClXGNhw.js

@@ -0,0 +1 @@
+import{av as b,aw as m,ax as A,g,ay as B,n as I,az as T,aA as x,X as L,aB as Y,ap as h,aC as w,aD as C,am as N,aE as U,aF as $}from"./custom-element-vZIc-tZM.js";function y(a,r,_,v){var i=!N||(_&U)!==0,o=(_&$)!==0,n=v,l=!0,S=()=>(l&&(l=!1,n=v),n),f;{var D=h in a||w in a;f=b(a,r)?.set??(D&&r in a?e=>a[r]=e:void 0)}var d,P=!1;[d,P]=m(()=>a[r]),d===void 0&&v!==void 0&&(d=S(),f&&(i&&A(),f(d)));var t;if(i?t=()=>{var e=a[r];return e===void 0?S():(l=!0,e)}:t=()=>{var e=a[r];return e!==void 0&&(n=void 0),e===void 0?n:e},i&&(_&C)===0)return t;if(f){var O=a.$$legacy;return(function(e,s){return arguments.length>0?((!i||!s||O||P)&&f(s?t():e),e):t()})}var c=!1,u=L(()=>(c=!1,t()));g(u);var R=T;return(function(e,s){if(arguments.length>0){const E=s?g(u):i&&o?B(e):e;return I(u,E),c=!0,n!==void 0&&(n=E),e}return Y&&c||(R.f&x)!==0?u.v:g(u)})}export{y as p};

package/dist-browser/assets/slot-Btw_EhJQ.js

@@ -0,0 +1 @@
+import{h as l,I as n}from"./custom-element-vZIc-tZM.js";function a(i,f,e,r,s){l&&n();var t=f.$$slots?.[e],d=!1;t===!0&&(t=f[e==="default"?"children":e],d=!0),t===void 0?s!==null&&s(i):t(i,d?()=>r:r)}export{a as s};

package/dist-browser/assets/this-CobEtPHm.js

@@ -0,0 +1 @@
+import{an as t,ao as b,y as h,aj as k,ap as S}from"./custom-element-vZIc-tZM.js";function u(r,a){return r===a||r?.[S]===a}function d(r={},a,f,T){return t(()=>{var i,s;return b(()=>{i=s,s=[],h(()=>{r!==f(...s)&&(a(r,...s),i&&u(f(...i),r)&&a(null,...i))})}),()=>{k(()=>{s&&u(f(...s),r)&&a(null,...s)})}}),r}export{d as b};

package/dist-browser/bundle.js

@@ -0,0 +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);

package/dist-browser/tokens.css

@@ -0,0 +1,184 @@
+/**
+ * Design tokens — single source of truth for --ui-* CSS variables.
+ * Components use var(--ui-*, 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;
+
+  /* ---- 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 */
+
+  /* ---- 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;
+
+  /* ---- 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;
+
+  /* ---- 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);
+
+  /* ---- 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;
+
+  /* ---- 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;
+
+  /* ---- 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;
+
+  /* ---- Hint (FormSelect / forms) ---- */
+  --ui-label-font-size: 0.875rem;
+  --ui-hint-font-size: 0.8125rem;
+  --ui-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;
+
+  /* ---- 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;
+}

package/package.json

@@ -0,0 +1,89 @@
+{
+  "name": "crayon-design-system-ui",
+  "version": "0.0.1",
+  "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",
+    "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
+    "check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch"
+  },
+  "files": [
+    "dist",
+    "dist-browser",
+    "!dist/**/*.test.*",
+    "!dist/**/*.spec.*"
+  ],
+  "sideEffects": [
+    "**/*.css",
+    "./dist/register.js",
+    "./dist/register/*.js",
+    "./dist-browser/bundle.js"
+  ],
+  "svelte": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "type": "module",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "svelte": "./dist/index.js",
+      "import": "./dist/index.js",
+      "default": "./dist/index.js"
+    },
+    "./register": {
+      "types": "./dist/register.d.ts",
+      "import": "./dist/register.js",
+      "default": "./dist/register.js"
+    },
+    "./components/*": {
+      "types": "./dist/components/*.svelte.d.ts",
+      "svelte": "./dist/components/*.svelte",
+      "import": "./dist/components/*.svelte"
+    },
+    "./react": {
+      "types": "./dist/react/index.d.ts",
+      "import": "./dist/react/index.js",
+      "default": "./dist/react/index.js"
+    },
+    "./angular": {
+      "types": "./dist/angular/index.d.ts",
+      "import": "./dist/angular/index.js",
+      "default": "./dist/angular/index.js"
+    },
+    "./tokens.css": "./dist/tokens.css"
+  },
+  "peerDependencies": {
+    "svelte": ">=3.59.0",
+    "react": ">=18.0.0",
+    "react-dom": ">=18.0.0",
+    "@angular/core": ">=17.0.0"
+  },
+  "peerDependenciesMeta": {
+    "svelte": { "optional": true },
+    "react": { "optional": true },
+    "react-dom": { "optional": true },
+    "@angular/core": { "optional": true }
+  },
+  "devDependencies": {
+    "@angular/core": "^19.0.0",
+    "@sveltejs/adapter-auto": "^7.0.0",
+    "@sveltejs/kit": "^2.50.2",
+    "@sveltejs/package": "^2.5.7",
+    "@sveltejs/vite-plugin-svelte": "^6.2.4",
+    "publint": "^0.3.17",
+    "@types/react": "^18.3.0",
+    "react": "^18.3.1",
+    "svelte": "^5.49.2",
+    "svelte-check": "^4.3.6",
+    "typescript": "^5.9.3",
+    "vite": "^7.3.1"
+  },
+  "keywords": [
+    "svelte"
+  ]
+}