@wallarm-org/claude-design 0.0.0-stage → 4.8.0

package/dist/project/components/Calendar/stories.js

@@ -0,0 +1,12 @@
+var e={vD(e,t,n){let r,a;/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @lightSyntaxTransform
+ * @noflow
+ * @nolint
+ * @preventMunge
+ * @preserve-invariant-messages
+ */var o,l,i=Object.create,c=Object.defineProperty,s=Object.getOwnPropertyDescriptor,u=Object.getOwnPropertyNames,h=Object.getPrototypeOf,m=Object.prototype.hasOwnProperty,d=(e,t,n,r)=>{if(t&&"object"==typeof t||"function"==typeof t)for(let a of u(t))m.call(e,a)||a===n||c(e,a,{get:()=>t[a],enumerable:!(r=s(t,a))||r.enumerable});return e},f={},y={$dispatcherGuard:()=>$,$makeReadOnly:()=>O,$reset:()=>I,$structuralCheck:()=>W,c:()=>D,clearRenderCounterRegistry:()=>T,renderCounterRegistry:()=>k,useRenderCounter:()=>N};for(var p in y)c(f,p,{get:y[p],enumerable:!0});e.exports=d(c({},"__esModule",{value:!0}),f);var g=(a=null!=(r=n("C"))?i(h(r)):{},d(r&&r.__esModule?a:c(a,"default",{value:r,enumerable:!0}),r)),{useRef:S,useEffect:_,isValidElement:b}=g,w=null!=(o=g.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE)?o:g.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,M=Symbol.for("react.memo_cache_sentinel"),D="function"==typeof(null==(l=g.__COMPILER_RUNTIME)?void 0:l.c)?g.__COMPILER_RUNTIME.c:function(e){return g.useMemo(()=>{let t=Array(e);for(let n=0;n<e;n++)t[n]=M;return t[M]=!0,t},[])},v={};["readContext","useCallback","useContext","useEffect","useImperativeHandle","useInsertionEffect","useLayoutEffect","useMemo","useReducer","useRef","useState","useDebugValue","useDeferredValue","useTransition","useMutableSource","useSyncExternalStore","useId","unstable_isNewReconciler","getCacheSignal","getCacheForType","useCacheRefresh"].forEach(e=>{v[e]=()=>{throw Error(`[React] Unexpected React hook call (${e}) from a React compiled function. Check that all hooks are called directly and named according to convention ('use[A-Z]') `)}});var C=null;function E(e){return w.ReactCurrentDispatcher.current=e,w.ReactCurrentDispatcher.current}v.useMemoCache=e=>{if(null!=C)return C.useMemoCache(e);throw Error("React Compiler internal invariant violation: unexpected null dispatcher")};var R=[];function $(e){let t=w.ReactCurrentDispatcher.current;if(0===e){if(R.push(t),1===R.length&&(C=t),t===v)throw Error("[React] Unexpected call to custom hook or component from a React compiled function. Check that (1) all hooks are called directly and named according to convention ('use[A-Z]') and (2) components are returned as JSX instead of being directly invoked.");E(v)}else if(1===e){let e=R.pop();if(null==e)throw Error("React Compiler internal error: unexpected null in guard stack");0===R.length&&(C=null),E(e)}else if(2===e)R.push(t),E(C);else if(3===e){let e=R.pop();if(null==e)throw Error("React Compiler internal error: unexpected null in guard stack");E(e)}else throw Error("React Compiler internal error: unreachable block"+e)}function I(e){for(let t=0;t<e.length;t++)e[t]=M}function O(){throw Error("TODO: implement $makeReadOnly in react-compiler-runtime")}var k=new Map;function T(){for(let e of k.values())e.forEach(e=>{e.count=0})}function N(e){let t=S(null);null!=t.current&&(t.current.count+=1),_(()=>{if(null==t.current){let n,r={count:0};null==(n=k.get(e))&&(n=new Set,k.set(e,n)),n.add(r),t.current=r}return()=>{var n;let r;null!==t.current&&(n=t.current,null!=(r=k.get(e))&&r.delete(n))}})}var x=new Set;function W(e,t,n,r,a,o){function l(e,t,l,i){let c=`${r}:${o} [${a}] ${n}${l} changed from ${e} to ${t} at depth ${i}`;x.has(c)||(x.add(c),console.error(c))}!function e(t,n,r,a){if(!(a>2)){if(t!==n)if(typeof t!=typeof n)l(`type ${typeof t}`,`type ${typeof n}`,r,a);else if("object"==typeof t){let o=Array.isArray(t),i=Array.isArray(n);if(null===t&&null!==n)l("null",`type ${typeof n}`,r,a);else if(null===n)l(`type ${typeof t}`,"null",r,a);else if(t instanceof Map)if(n instanceof Map)if(t.size!==n.size)l(`Map instance with size ${t.size}`,`Map instance with size ${n.size}`,r,a);else for(let[o,i]of t)n.has(o)?e(i,n.get(o),`${r}.get(${o})`,a+1):l(`Map instance with key ${o}`,`Map instance without key ${o}`,r,a);else l("Map instance","other value",r,a);else if(n instanceof Map)l("other value","Map instance",r,a);else if(t instanceof Set)if(n instanceof Set)if(t.size!==n.size)l(`Set instance with size ${t.size}`,`Set instance with size ${n.size}`,r,a);else for(let e of n)t.has(e)||l(`Set instance without element ${e}`,`Set instance with element ${e}`,r,a);else l("Set instance","other value",r,a);else if(n instanceof Set)l("other value","Set instance",r,a);else if(o||i)if(o!==i)l(`type ${o?"array":"object"}`,`type ${i?"array":"object"}`,r,a);else if(t.length!==n.length)l(`array with length ${t.length}`,`array with length ${n.length}`,r,a);else for(let o=0;o<t.length;o++)e(t[o],n[o],`${r}[${o}]`,a+1);else if(b(t)||b(n))b(t)!==b(n)?l(`type ${b(t)?"React element":"object"}`,`type ${b(n)?"React element":"object"}`,r,a):t.type!==n.type?l(`React element of type ${t.type}`,`React element of type ${n.type}`,r,a):e(t.props,n.props,`[props of ${r}]`,a+1);else{for(let e in n)e in t||l(`object without key ${e}`,`object with key ${e}`,r,a);for(let o in t)o in n?e(t[o],n[o],`${r}.${o}`,a+1):l(`object with key ${o}`,`object without key ${o}`,r,a)}}else{if("function"==typeof t)return;isNaN(t)||isNaN(n)?isNaN(t)!==isNaN(n)&&l(`${isNaN(t)?"NaN":"non-NaN value"}`,`${isNaN(n)?"NaN":"non-NaN value"}`,r,a):t!==n&&l(t,n,r,a)}}}(e,t,"",0)}},p(e,t,n){let r=new WeakMap,a=new WeakMap;function o(e,t,n){let o=t,l=n;if("object"==typeof o&&null!==o&&"$$typeof"in o&&o.$$typeof===Symbol.for("react.context")&&"Provider"in o&&(o=o.Provider),"function"==typeof o&&null!=l.ref&&!o.prototype?.isReactComponent){let t=o,n=r.get(e);n||(n=new WeakMap,r.set(e,n));let a=n.get(t);a||((a=e.forwardRef((e,n)=>t({...e,ref:n}))).displayName=t.displayName??t.name,n.set(t,a)),o=a}if("string"==typeof o&&"boolean"==typeof l.inert&&((l={...l}).inert?l.inert="":delete l.inert),"string"==typeof o)for(let[e,t]of[["fill-rule","fillRule"],["clip-rule","clipRule"]])e in l&&(l={...l,[t]:l[e]},delete l[e]);return"string"==typeof o&&null!=l.ref&&(o=function(e,t){let n=a.get(e);n||(n=new Map,a.set(e,n));let r=n.get(t);if(r)return r;let o=e.forwardRef((n,r)=>{let a=e.useRef(null);if(!a.current||a.current.original!==r){let e;a.current={original:r,callback:t=>{if(null==t&&e){let t=e;e=void 0,t();return}if("function"==typeof r){let n=r(t);e="function"==typeof n?n:void 0}else r&&(r.current=t)}}}return e.createElement(t,{...n,ref:a.current.callback})});return o.displayName=`CanvasHost(${t})`,n.set(t,o),o}(e,o)),{type:o,props:l}}function l(e){let t=(t,n,r)=>{let a=o(e,t,n??{});return e.createElement(a.type,void 0===r?a.props:{...a.props,key:r})};return{jsx:t,jsxs:(t,n,r)=>{let a=o(e,t,n??{}),{children:l,...i}=a.props;return e.createElement(a.type,void 0===r?i:{...i,key:r},...Array.isArray(l)?l:[l])},jsxDEV:t,Fragment:e.Fragment}}function i(e){return{...e,createElement:(t,n,...r)=>{let a=o(e,t,n??{});return e.createElement(a.type,a.props,...r)},cloneElement:(t,n,...r)=>{let a=e.cloneElement(t,n??void 0,...r),l=a.ref,i=o(e,a.type,{...a.props,ref:l});return i.type===a.type&&"string"!=typeof a.type?a:e.createElement(i.type,{...i.props,key:a.key})}}}n.d(t,{MA:()=>l,YJ:()=>i})},C(e,t,n){n.r(t);let r=(0,n("p").YJ)(window.React),{Children:a,Component:o,Fragment:l,Profiler:i,PureComponent:c,StrictMode:s,Suspense:u,__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED:h,act:m,cloneElement:d,createContext:f,createElement:y,createFactory:p,createRef:g,forwardRef:S,isValidElement:_,lazy:b,memo:w,startTransition:M,unstable_act:D,useCallback:v,useContext:C,useDebugValue:E,useDeferredValue:R,useEffect:$,useId:I,useImperativeHandle:O,useInsertionEffect:k,useLayoutEffect:T,useMemo:N,useReducer:x,useRef:W,useState:z,useSyncExternalStore:U,useTransition:j,version:Y,use:A}=r;n.d(t,{},{Children:a,Component:o,Fragment:l,Profiler:i,PureComponent:c,StrictMode:s,Suspense:u,__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED:h,act:m,cloneElement:d,createContext:f,createElement:y,createFactory:p,createRef:g,default:r,forwardRef:S,isValidElement:_,lazy:b,memo:w,startTransition:M,unstable_act:D,use:A,useCallback:v,useContext:C,useDebugValue:E,useDeferredValue:R,useEffect:$,useId:I,useImperativeHandle:O,useInsertionEffect:k,useLayoutEffect:T,useMemo:N,useReducer:x,useRef:W,useState:z,useSyncExternalStore:U,useTransition:j,version:Y})}},t={};function n(r){var a=t[r];if(void 0!==a)return a.exports;var o=t[r]={exports:{}};return e[r](o,o.exports,n),o.exports}n.d=(e,t,r)=>{var a=(t,r)=>{for(var a in t)n.o(t,a)&&!n.o(e,a)&&Object.defineProperty(e,a,{enumerable:!0,[r]:t[a]})};a(t,"get"),a(r,"value")},n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),n.r=e=>{"u">typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{let{jsx:e,jsxs:t,jsxDEV:r,Fragment:a}=(0,n("p").MA)(window.React);var o=n("vD"),l=n("C");function i(e,t){return e-t*Math.floor(e/t)}function c(e,t,n,r){let a=(t=u(e,t))-1,o=-2;return n<=2?o=0:s(t)&&(o=-1),1721425+365*a+Math.floor(a/4)-Math.floor(a/100)+Math.floor(a/400)+Math.floor((367*n-362)/12+o+r)}function s(e){return e%4==0&&(e%100!=0||e%400==0)}function u(e,t){return"BC"===e?1-t:t}let h={standard:[31,28,31,30,31,30,31,31,30,31,30,31],leapyear:[31,29,31,30,31,30,31,31,30,31,30,31]};class m{fromJulianDay(e){var t;let n,r=e-1721426,a=Math.floor(r/146097),o=i(r,146097),l=Math.floor(o/36524),u=i(o,36524),h=Math.floor(u/1461),m=Math.floor(i(u,1461)/365),[d,f]=(n="AD",(t=400*a+100*l+4*h+m+ +(4!==l&&4!==m))<=0&&(n="BC",t=1-t),[n,t]),y=e-c(d,f,1,1),p=2;e<c(d,f,3,1)?p=0:s(f)&&(p=1);let g=Math.floor(((y+p)*12+373)/367),S=e-c(d,f,g,1)+1;return new I(d,f,g,S)}toJulianDay(e){return c(e.era,e.year,e.month,e.day)}getDaysInMonth(e){return h[s(e.year)?"leapyear":"standard"][e.month-1]}getMonthsInYear(e){return 12}getDaysInYear(e){return s(e.year)?366:365}getMaximumMonthsInYear(){return 12}getMaximumDaysInMonth(){return 31}getYearsInEra(e){return 9999}getEras(){return["BC","AD"]}isInverseEra(e){return"BC"===e.era}balanceDate(e){e.year<=0&&(e.era="BC"===e.era?"AD":"BC",e.year=1-e.year)}constructor(){this.identifier="gregory"}}function d(e,t){let n=e.copy(),r="hour"in n?function(e,t){let n;return e.hour+=t.hours||0,e.minute+=t.minutes||0,e.second+=t.seconds||0,e.millisecond+=t.milliseconds||0,e.second+=Math.floor(e.millisecond/1e3),e.millisecond=w(e.millisecond,1e3),e.minute+=Math.floor(e.second/60),e.second=w(e.second,60),e.hour+=Math.floor(e.minute/60),e.minute=w(e.minute,60),n=Math.floor(e.hour/24),e.hour=w(e.hour,24),n}(n,t):0;f(n,t.years||0),n.calendar.balanceYearMonth&&n.calendar.balanceYearMonth(n,e),n.month+=t.months||0,y(n),p(n),n.day+=7*(t.weeks||0),n.day+=t.days||0,n.day+=r,function(e){for(;e.day<1;)e.month--,y(e),e.day+=e.calendar.getDaysInMonth(e);for(;e.day>e.calendar.getDaysInMonth(e);)e.day-=e.calendar.getDaysInMonth(e),e.month++,y(e)}(n),n.calendar.balanceDate&&n.calendar.balanceDate(n),n.year<1&&(n.year=1,n.month=1,n.day=1);let a=n.calendar.getYearsInEra(n);if(n.year>a){let e=n.calendar.isInverseEra?.(n);n.year=a,n.month=e?1:n.calendar.getMonthsInYear(n),n.day=e?1:n.calendar.getDaysInMonth(n)}n.month<1&&(n.month=1,n.day=1);let o=n.calendar.getMonthsInYear(n);return n.month>o&&(n.month=o,n.day=n.calendar.getDaysInMonth(n)),n.day=Math.max(1,Math.min(n.calendar.getDaysInMonth(n),n.day)),n}function f(e,t){e.calendar.isInverseEra?.(e)&&(t=-t),e.year+=t}function y(e){for(;e.month<1;)f(e,-1),e.month+=e.calendar.getMonthsInYear(e);let t=0;for(;e.month>(t=e.calendar.getMonthsInYear(e));)e.month-=t,f(e,1)}function p(e){e.month=Math.max(1,Math.min(e.calendar.getMonthsInYear(e),e.month)),e.day=Math.max(1,Math.min(e.calendar.getDaysInMonth(e),e.day))}function g(e){e.calendar.constrainDate&&e.calendar.constrainDate(e),e.year=Math.max(1,Math.min(e.calendar.getYearsInEra(e),e.year)),p(e)}function S(e){let t={};for(let n in e)"number"==typeof e[n]&&(t[n]=-e[n]);return t}function _(e,t){let n=e.copy();return null!=t.era&&(n.era=t.era),null!=t.year&&(n.year=t.year),null!=t.month&&(n.month=t.month),null!=t.day&&(n.day=t.day),g(n),n}function b(e,t){var n;let r=e.copy();return null!=t.hour&&(r.hour=t.hour),null!=t.minute&&(r.minute=t.minute),null!=t.second&&(r.second=t.second),null!=t.millisecond&&(r.millisecond=t.millisecond),(n=r).millisecond=Math.max(0,Math.min(n.millisecond,999)),n.second=Math.max(0,Math.min(n.second,59)),n.minute=Math.max(0,Math.min(n.minute,59)),n.hour=Math.max(0,Math.min(n.hour,23)),r}function w(e,t){let n=e%t;return n<0&&(n+=t),n}function M(e,t,n,r){let a=e.copy();switch(t){case"era":{let t=e.calendar.getEras(),o=t.indexOf(e.era);if(o<0)throw Error("Invalid era: "+e.era);o=v(o,n,0,t.length-1,r?.round),a.era=t[o],g(a);break}case"year":a.calendar.isInverseEra?.(a)&&(n=-n),a.year=v(e.year,n,-1/0,9999,r?.round),-1/0===a.year&&(a.year=1),a.calendar.balanceYearMonth&&a.calendar.balanceYearMonth(a,e);break;case"month":a.month=v(e.month,n,1,e.calendar.getMonthsInYear(e),r?.round);break;case"day":a.day=v(e.day,n,1,e.calendar.getDaysInMonth(e),r?.round);break;default:throw Error("Unsupported field "+t)}return e.calendar.balanceDate&&e.calendar.balanceDate(a),g(a),a}function D(e,t,n,r){let a=e.copy();switch(t){case"hour":{let t=e.hour,o=0,l=23;if(r?.hourCycle===12){let e=t>=12;o=12*!!e,l=e?23:11}a.hour=v(t,n,o,l,r?.round);break}case"minute":a.minute=v(e.minute,n,0,59,r?.round);break;case"second":a.second=v(e.second,n,0,59,r?.round);break;case"millisecond":a.millisecond=v(e.millisecond,n,0,999,r?.round);break;default:throw Error("Unsupported field "+t)}return a}function v(e,t,n,r,a=!1){if(a){(e+=Math.sign(t))<n&&(e=r);let a=Math.abs(t);(e=t>0?Math.ceil(e/a)*a:Math.floor(e/a)*a)>r&&(e=n)}else(e+=t)<n?e=r-(n-e-1):e>r&&(e=n+(e-r-1));return e}function C(e,t){return P(Y((null!=t.years&&0!==t.years||null!=t.months&&0!==t.months||null!=t.weeks&&0!==t.weeks||null!=t.days&&0!==t.days?U(d(A(e),{years:t.years,months:t.months,weeks:t.weeks,days:t.days}),e.timeZone):T(e)-e.offset)+(t.milliseconds||0)+1e3*(t.seconds||0)+6e4*(t.minutes||0)+36e5*(t.hours||0),e.timeZone),e.calendar)}function E(e){let t,n=P(e,new m);return t="BC"===n.era?1===n.year?"0000":"-"+String(Math.abs(1-n.year)).padStart(6,"00"):String(n.year).padStart(4,"0"),`${t}-${String(n.month).padStart(2,"0")}-${String(n.day).padStart(2,"0")}`}function R(e){return`${E(e)}T${String(e.hour).padStart(2,"0")}:${String(e.minute).padStart(2,"0")}:${String(e.second).padStart(2,"0")}${e.millisecond?String(e.millisecond/1e3).slice(1):""}`}function $(e){let t,n="object"==typeof e[0]?e.shift():new m;if("string"==typeof e[0])t=e.shift();else{let e=n.getEras();t=e[e.length-1]}return[n,t,e.shift(),e.shift(),e.shift()]}class I{#e;constructor(...e){let[t,n,r,a,o]=$(e);this.calendar=t,this.era=n,this.year=r,this.month=a,this.day=o,g(this)}copy(){return this.era?new I(this.calendar,this.era,this.year,this.month,this.day):new I(this.calendar,this.year,this.month,this.day)}add(e){return d(this,e)}subtract(e){return d(this,S(e))}set(e){return _(this,e)}cycle(e,t,n){return M(this,e,t,n)}toDate(e){return j(this,e)}toString(){return E(this)}compare(e){return F(this,e)}}class O{#e;constructor(...e){let[t,n,r,a,o]=$(e);this.calendar=t,this.era=n,this.year=r,this.month=a,this.day=o,this.hour=e.shift()||0,this.minute=e.shift()||0,this.second=e.shift()||0,this.millisecond=e.shift()||0,g(this)}copy(){return this.era?new O(this.calendar,this.era,this.year,this.month,this.day,this.hour,this.minute,this.second,this.millisecond):new O(this.calendar,this.year,this.month,this.day,this.hour,this.minute,this.second,this.millisecond)}add(e){return d(this,e)}subtract(e){return d(this,S(e))}set(e){return _(b(this,e),e)}cycle(e,t,n){switch(e){case"era":case"year":case"month":case"day":return M(this,e,t,n);default:return D(this,e,t,n)}}toDate(e,t){return j(this,e,t)}toString(){return R(this)}compare(e){var t,n;let r=F(this,e);return 0===r?(t=this,n=A(e),B(t)-B(n)):r}}class k{#e;constructor(...e){let[t,n,r,a,o]=$(e),l=e.shift(),i=e.shift();this.calendar=t,this.era=n,this.year=r,this.month=a,this.day=o,this.timeZone=l,this.offset=i,this.hour=e.shift()||0,this.minute=e.shift()||0,this.second=e.shift()||0,this.millisecond=e.shift()||0,g(this)}copy(){return this.era?new k(this.calendar,this.era,this.year,this.month,this.day,this.timeZone,this.offset,this.hour,this.minute,this.second,this.millisecond):new k(this.calendar,this.year,this.month,this.day,this.timeZone,this.offset,this.hour,this.minute,this.second,this.millisecond)}add(e){return C(this,e)}subtract(e){return C(this,S(e))}set(e,t){let n,r;return 0===(r=b(_(n=A(this),e),e)).compare(n)?this:P(Y(U(r,this.timeZone,t),this.timeZone),this.calendar)}cycle(e,t,n){return function(e,t,n,r){switch(t){case"hour":{let t=0,a=23;if(r?.hourCycle===12){let n=e.hour>=12;t=12*!!n,a=n?23:11}let o=A(e),l=P(b(o,{hour:t}),new m),i=[U(l,e.timeZone,"earlier"),U(l,e.timeZone,"later")].filter(t=>Y(t,e.timeZone).day===l.day)[0],c=P(b(o,{hour:a}),new m),s=[U(c,e.timeZone,"earlier"),U(c,e.timeZone,"later")].filter(t=>Y(t,e.timeZone).day===c.day).pop(),u=T(e)-e.offset,h=Math.floor(u/36e5),d=u%36e5;return P(Y(u=36e5*v(h,n,Math.floor(i/36e5),Math.floor(s/36e5),r?.round)+d,e.timeZone),e.calendar)}case"minute":case"second":case"millisecond":return D(e,t,n,r);case"era":case"year":case"month":case"day":return P(Y(U(M(A(e),t,n,r),e.timeZone),e.timeZone),e.calendar);default:throw Error("Unsupported field "+t)}}(this,e,t,n)}toDate(){var e;return e=this,new Date(T(e)-e.offset)}toString(){var e;let t,n,r,a,o;return`${R(this)}${t=0>Math.sign(e=this.offset)?"-":"+",n=Math.floor((e=Math.abs(e))/36e5),r=Math.floor(e%36e5/6e4),a=Math.floor(e%36e5%6e4/1e3),o=`${t}${String(n).padStart(2,"0")}:${String(r).padStart(2,"0")}`,0!==a&&(o+=`:${String(a).padStart(2,"0")}`),o}[${this.timeZone}]`}toAbsoluteString(){return this.toDate().toISOString()}compare(e){return this.toDate().getTime()-(function(e,t){if(e instanceof k){var n,r;return e.timeZone===t?e:(n=e,r=t,P(Y(T(n)-n.offset,r),n.calendar))}return Y(U(e,t,void 0),t)})(e,this.timeZone).toDate().getTime()}}function T(e){return N(u((e=P(e,new m)).era,e.year),e.month,e.day,e.hour,e.minute,e.second,e.millisecond)}function N(e,t,n,r,a,o,l){let i=new Date;return i.setUTCHours(r,a,o,l),i.setUTCFullYear(e,t-1,n),i.getTime()}function x(e,t){if("UTC"===t)return 0;if(e>0&&t===V())return -6e4*new Date(e).getTimezoneOffset();let{year:n,month:r,day:a,hour:o,minute:l,second:i}=z(e,t);return N(n,r,a,o,l,i,0)-1e3*Math.floor(e/1e3)}let W=new Map;function z(e,t){let n=W.get(t);n||(n=new Intl.DateTimeFormat("en-US",{timeZone:t,hour12:!1,era:"short",year:"numeric",month:"numeric",day:"numeric",hour:"numeric",minute:"numeric",second:"numeric"}),W.set(t,n));let r=n.formatToParts(new Date(e)),a={};for(let e of r)"literal"!==e.type&&(a[e.type]=e.value);return{year:"BC"===a.era||"B"===a.era?-a.year+1:+a.year,month:+a.month,day:+a.day,hour:"24"===a.hour?0:+a.hour,minute:+a.minute,second:+a.second}}function U(e,t,n="compatible"){var r,a,o;let l=A(e);if("UTC"===t)return T(l);if(t===V()&&"compatible"===n){l=P(l,new m);let e=new Date,t=u(l.era,l.year);return e.setFullYear(t,l.month-1,l.day),e.setHours(l.hour,l.minute,l.second,l.millisecond),e.getTime()}let i=T(l),c=x(i-864e5,t),s=x(i+864e5,t),h=(r=l,((a=i-c)==(o=i-s)?[a]:[a,o]).filter(e=>{var n;let a;return n=r,a=z(e,t),n.year===a.year&&n.month===a.month&&n.day===a.day&&n.hour===a.hour&&n.minute===a.minute&&n.second===a.second}));if(1===h.length)return h[0];if(h.length>1)switch(n){case"compatible":case"earlier":return h[0];case"later":return h[h.length-1];case"reject":throw RangeError("Multiple possible absolute times found")}switch(n){case"earlier":return Math.min(i-c,i-s);case"compatible":case"later":return Math.max(i-c,i-s);case"reject":throw RangeError("No such absolute time found")}}function j(e,t,n="compatible"){return new Date(U(e,t,n))}function Y(e,t){let n=x(e,t),r=new Date(e+n),a=r.getUTCFullYear();return new k(a<1?"BC":"AD",a<1?-a+1:a,r.getUTCMonth()+1,r.getUTCDate(),t,n,r.getUTCHours(),r.getUTCMinutes(),r.getUTCSeconds(),r.getUTCMilliseconds())}function A(e,t){let n=0,r=0,a=0,o=0;if("timeZone"in e)({hour:n,minute:r,second:a,millisecond:o}=e);else if("hour"in e&&!t)return e;return t&&({hour:n,minute:r,second:a,millisecond:o}=t),new O(e.calendar,e.era,e.year,e.month,e.day,n,r,a,o)}function P(e,t){var n,r;if(n=e.calendar,r=t,n.isEqual?.(r)??r.isEqual?.(n)??n.identifier===r.identifier)return e;let a=t.fromJulianDay(e.calendar.toJulianDay(e)),o=e.copy();return o.calendar=t,o.era=a.era,o.year=a.year,o.month=a.month,o.day=a.day,g(o),o}function Z(e){var t;return new I((t=Y(Date.now(),e)).calendar,t.era,t.year,t.month,t.day)}function F(e,t){return e.calendar.toJulianDay(e)-t.calendar.toJulianDay(t)}function B(e){return 36e5*e.hour+6e4*e.minute+1e3*e.second+e.millisecond}let L=null;function V(){return null==L&&(L=new Intl.DateTimeFormat().resolvedOptions().timeZone),L}let J=window.WallarmDS.Icons.Calendar,H=window.WallarmDS.Button,G=window.WallarmDS.Calendar,q=window.WallarmDS.DEFAULT_RANGE_PRESETS,K=window.WallarmDS.CalendarApplyButton,X=window.WallarmDS.CalendarBody,Q=window.WallarmDS.CalendarContent,ee=window.WallarmDS.CalendarFooter,et=window.WallarmDS.CalendarFooterControls,en=window.WallarmDS.CalendarGrids,er=window.WallarmDS.CalendarInputHeader,ea=window.WallarmDS.CalendarKeyboardHints,eo=window.WallarmDS.CalendarPresetItem,el=window.WallarmDS.CalendarPresets,ei=window.WallarmDS.CalendarResetButton,ec=window.WallarmDS.CalendarTrigger,es={title:"Inputs Date/Calendar",component:G,parameters:{layout:"centered",docs:{description:{component:"The month grid for choosing a date the reader needs to see in context — a weekday, a distance from today — where `DateInput` is for a date they already know. It is its own popover, so compose a trigger beside it rather than wrapping it in one, and take React Aria date objects rather than a JavaScript `Date`."}}},tags:["alpha"]},eu=(e,t,n)=>Z(V()).set({year:e,month:t,day:n});function eh(e){let t=new Date(e.year,e.month-1,e.day).getDay();return 0===t||6===t}function em(e){let t=new Date(e.year,e.month-1,e.day).getDay();return 0===t||6===t}let ed=[{name:"Single",story:()=>{let n,r,a=(0,o.c)(2);return a[0]===Symbol.for("react.memo_cache_sentinel")?(n=e(ec,{children:t(H,{variant:"outline",color:"neutral",children:[e(J,{size:"sm"}),"Select date"]})}),a[0]=n):n=a[0],a[1]===Symbol.for("react.memo_cache_sentinel")?(r=t(G,{type:"single",closeOnSelect:!1,children:[n,e(Q,{children:e(X,{children:e(en,{})})})]}),a[1]=r):r=a[1],r},meta:es},{name:"Range",story:()=>{let n,r,a,l=(0,o.c)(3);return l[0]===Symbol.for("react.memo_cache_sentinel")?(n=[eu(2025,1,15),eu(2025,2,10)],l[0]=n):n=l[0],l[1]===Symbol.for("react.memo_cache_sentinel")?(r=e(ec,{children:t(H,{variant:"outline",color:"neutral",children:[e(J,{size:"sm"}),"Select date range"]})}),l[1]=r):r=l[1],l[2]===Symbol.for("react.memo_cache_sentinel")?(a=t(G,{type:"range",closeOnSelect:!1,defaultValue:n,children:[r,e(Q,{children:e(X,{children:e(en,{})})})]}),l[2]=a):a=l[2],a},meta:es},{name:"RangeWithPresets",story:()=>{let n,r,a,l=(0,o.c)(3);return l[0]===Symbol.for("react.memo_cache_sentinel")?(n=e(ec,{children:t(H,{variant:"outline",color:"neutral",children:[e(J,{size:"sm"}),"Select date range"]})}),l[0]=n):n=l[0],l[1]===Symbol.for("react.memo_cache_sentinel")?(r=e(el,{presets:q}),l[1]=r):r=l[1],l[2]===Symbol.for("react.memo_cache_sentinel")?(a=t(G,{type:"range",closeOnSelect:!1,children:[n,t(Q,{children:[r,e(X,{children:e(en,{})})]})]}),l[2]=a):a=l[2],a},meta:es},{name:"RangeWithInput",story:()=>{let n,r,a=(0,o.c)(2);return a[0]===Symbol.for("react.memo_cache_sentinel")?(n=e(ec,{children:t(H,{variant:"outline",color:"neutral",children:[e(J,{size:"sm"}),"Select date range"]})}),a[0]=n):n=a[0],a[1]===Symbol.for("react.memo_cache_sentinel")?(r=t(G,{type:"range",closeOnSelect:!1,children:[n,e(Q,{children:t(X,{children:[e(er,{}),e(en,{})]})})]}),a[1]=r):r=a[1],r},meta:es},{name:"RangeWithFooter",story:()=>{let n,r,a,i,c,s,u=(0,o.c)(7);u[0]===Symbol.for("react.memo_cache_sentinel")?(n=[],u[0]=n):n=u[0];let[h,m]=(0,l.useState)(n);return u[1]===Symbol.for("react.memo_cache_sentinel")?(r=e(ec,{children:t(H,{variant:"outline",color:"neutral",children:[e(J,{size:"sm"}),"Select date range"]})}),u[1]=r):r=u[1],u[2]===Symbol.for("react.memo_cache_sentinel")?(a=e(en,{}),u[2]=a):a=u[2],u[3]===Symbol.for("react.memo_cache_sentinel")?(i=e(ea,{}),u[3]=i):i=u[3],u[4]===Symbol.for("react.memo_cache_sentinel")?(c=e(Q,{children:t(X,{children:[a,t(ee,{children:[i,t(et,{children:[e(ei,{onClick:()=>m([])}),e(K,{})]})]})]})}),u[4]=c):c=u[4],u[5]!==h?(s=t(G,{type:"range",value:h,onChange:m,children:[r,c]}),u[5]=h,u[6]=s):s=u[6],s},meta:es},{name:"RangeFullFeatured",story:()=>{let n,r,a,i,c,s,u,h,m=(0,o.c)(9);m[0]===Symbol.for("react.memo_cache_sentinel")?(n=[],m[0]=n):n=m[0];let[d,f]=(0,l.useState)(n);return m[1]===Symbol.for("react.memo_cache_sentinel")?(r=e(ec,{children:t(H,{variant:"outline",color:"neutral",children:[e(J,{size:"sm"}),"Select date range"]})}),m[1]=r):r=m[1],m[2]===Symbol.for("react.memo_cache_sentinel")?(a=e(el,{presets:q}),m[2]=a):a=m[2],m[3]===Symbol.for("react.memo_cache_sentinel")?(i=e(er,{}),c=e(en,{}),m[3]=i,m[4]=c):(i=m[3],c=m[4]),m[5]===Symbol.for("react.memo_cache_sentinel")?(s=e(ea,{}),m[5]=s):s=m[5],m[6]===Symbol.for("react.memo_cache_sentinel")?(u=t(Q,{children:[a,t(X,{children:[i,c,t(ee,{children:[s,t(et,{children:[e(ei,{onClick:()=>f([])}),e(K,{})]})]})]})]}),m[6]=u):u=m[6],m[7]!==d?(h=t(G,{type:"range",value:d,onChange:f,children:[r,u]}),m[7]=d,m[8]=h):h=m[8],h},meta:es},{name:"SingleWithInput",story:()=>{let n,r,a=(0,o.c)(2);return a[0]===Symbol.for("react.memo_cache_sentinel")?(n=e(ec,{children:t(H,{variant:"outline",color:"neutral",children:[e(J,{size:"sm"}),"Select date"]})}),a[0]=n):n=a[0],a[1]===Symbol.for("react.memo_cache_sentinel")?(r=t(G,{type:"single",closeOnSelect:!1,children:[n,e(Q,{children:t(X,{children:[e(er,{}),e(en,{})]})})]}),a[1]=r):r=a[1],r},meta:es},{name:"SingleWithDateTime",story:()=>{let n,r,a=(0,o.c)(2);return a[0]===Symbol.for("react.memo_cache_sentinel")?(n=e(ec,{children:t(H,{variant:"outline",color:"neutral",children:[e(J,{size:"sm"}),"Select date and time"]})}),a[0]=n):n=a[0],a[1]===Symbol.for("react.memo_cache_sentinel")?(r=t(G,{type:"single",showTime:!0,closeOnSelect:!1,children:[n,e(Q,{children:t(X,{children:[e(er,{}),e(en,{})]})})]}),a[1]=r):r=a[1],r},meta:es},{name:"SingleWithPresets",story:()=>{let n,r,a,l=(0,o.c)(3);return l[0]===Symbol.for("react.memo_cache_sentinel")?(n=e(ec,{children:t(H,{variant:"outline",color:"neutral",children:[e(J,{size:"sm"}),"Select date"]})}),l[0]=n):n=l[0],l[1]===Symbol.for("react.memo_cache_sentinel")?(r=e(el,{}),l[1]=r):r=l[1],l[2]===Symbol.for("react.memo_cache_sentinel")?(a=t(G,{type:"single",closeOnSelect:!1,children:[n,t(Q,{children:[r,e(X,{children:e(en,{})})]})]}),l[2]=a):a=l[2],a},meta:es},{name:"RangeWithDisabledDates",story:()=>{let n,r,a=(0,o.c)(2);return a[0]===Symbol.for("react.memo_cache_sentinel")?(n=e(ec,{children:t(H,{variant:"outline",color:"neutral",children:[e(J,{size:"sm"}),"Select date range (weekends disabled)"]})}),a[0]=n):n=a[0],a[1]===Symbol.for("react.memo_cache_sentinel")?(r=t(G,{type:"range",closeOnSelect:!1,isDateUnavailable:eh,children:[n,e(Q,{children:e(X,{children:e(en,{})})})]}),a[1]=r):r=a[1],r},meta:es},{name:"RangeDisallowDisabled",story:()=>{let n,r,a,i,c=(0,o.c)(5);c[0]===Symbol.for("react.memo_cache_sentinel")?(n=[],c[0]=n):n=c[0];let[s,u]=(0,l.useState)(n);return c[1]===Symbol.for("react.memo_cache_sentinel")?(r=e(ec,{children:t(H,{variant:"outline",color:"neutral",children:[e(J,{size:"sm"}),"Range cannot span weekends"]})}),c[1]=r):r=c[1],c[2]===Symbol.for("react.memo_cache_sentinel")?(a=e(Q,{children:e(X,{children:e(en,{})})}),c[2]=a):a=c[2],c[3]!==s?(i=t(G,{type:"range",closeOnSelect:!1,value:s,onChange:u,isDateUnavailable:em,disallowDisabledDatesInRange:!0,children:[r,a]}),c[3]=s,c[4]=i):i=c[4],i},meta:es},{name:"RangeControlled",story:()=>{let n,r,a,i,c,s,u,h,m,d,f,y,p=(0,o.c)(18);p[0]===Symbol.for("react.memo_cache_sentinel")?(n=[],p[0]=n):n=p[0];let[g,S]=(0,l.useState)(n),[_,b]=(0,l.useState)(!1);p[1]!==g?(r=()=>g&&0!==g.length&&g[0]?1!==g.length&&g[1]?`${g[0].toString()} - ${g[1].toString()}`:g[0].toString():"Select date range",p[1]=g,p[2]=r):r=p[2];let w=r;return p[3]===Symbol.for("react.memo_cache_sentinel")?(a=e(J,{size:"sm"}),p[3]=a):a=p[3],p[4]!==w?(i=w(),p[4]=w,p[5]=i):i=p[5],p[6]!==i?(c=e(ec,{children:t(H,{variant:"outline",color:"neutral",children:[a,i]})}),p[6]=i,p[7]=c):c=p[7],p[8]===Symbol.for("react.memo_cache_sentinel")?(s=e(el,{presets:q}),p[8]=s):s=p[8],p[9]===Symbol.for("react.memo_cache_sentinel")?(u=e(er,{}),h=e(en,{}),p[9]=u,p[10]=h):(u=p[9],h=p[10]),p[11]===Symbol.for("react.memo_cache_sentinel")?(m=e(ea,{}),p[11]=m):m=p[11],p[12]===Symbol.for("react.memo_cache_sentinel")?(d=e(ei,{onClick:()=>S([])}),p[12]=d):d=p[12],p[13]===Symbol.for("react.memo_cache_sentinel")?(f=t(Q,{children:[s,t(X,{children:[u,h,t(ee,{children:[m,t(et,{children:[d,e(K,{onClick:()=>b(!1)})]})]})]})]}),p[13]=f):f=p[13],p[14]!==_||p[15]!==c||p[16]!==g?(y=t(G,{type:"range",value:g,onChange:S,open:_,onOpenChange:b,children:[c,f]}),p[14]=_,p[15]=c,p[16]=g,p[17]=y):y=p[17],y},meta:es},{name:"SingleCustomPresets",story:()=>{let n,r,a,l,i,c,s,u=(0,o.c)(7);u[0]===Symbol.for("react.memo_cache_sentinel")?(n=Z(V()),u[0]=n):n=u[0];let h=n;return u[1]===Symbol.for("react.memo_cache_sentinel")?(r=e(ec,{children:t(H,{variant:"outline",color:"neutral",children:[e(J,{size:"sm"}),"Select date"]})}),u[1]=r):r=u[1],u[2]===Symbol.for("react.memo_cache_sentinel")?(a=e(eo,{label:"Today",value:[h],shortcut:"T"}),u[2]=a):a=u[2],u[3]===Symbol.for("react.memo_cache_sentinel")?(l=e(eo,{label:"Tomorrow",value:[eu(new Date().getFullYear(),new Date().getMonth()+1,new Date().getDate()+1)],shortcut:"O"}),u[3]=l):l=u[3],u[4]===Symbol.for("react.memo_cache_sentinel")?(i=e(eo,{label:"Next Week",value:[eu(new Date().getFullYear(),new Date().getMonth()+1,new Date().getDate()+7)],shortcut:"W"}),u[4]=i):i=u[4],u[5]===Symbol.for("react.memo_cache_sentinel")?(c=t(el,{children:[a,l,i,e(eo,{label:"Next Month",value:[eu(new Date().getFullYear(),new Date().getMonth()+2,new Date().getDate())],shortcut:"M"})]}),u[5]=c):c=u[5],u[6]===Symbol.for("react.memo_cache_sentinel")?(s=t(G,{type:"single",closeOnSelect:!1,children:[r,t(Q,{children:[c,e(X,{children:e(en,{})})]})]}),u[6]=s):s=u[6],s},meta:es},{name:"RangeReadonly",story:()=>{let n,r,a,l=(0,o.c)(3);return l[0]===Symbol.for("react.memo_cache_sentinel")?(n=[eu(2025,1,10),eu(2025,1,20)],l[0]=n):n=l[0],l[1]===Symbol.for("react.memo_cache_sentinel")?(r=e(ec,{children:t(H,{variant:"outline",color:"neutral",children:[e(J,{size:"sm"}),"View date range"]})}),l[1]=r):r=l[1],l[2]===Symbol.for("react.memo_cache_sentinel")?(a=t(G,{type:"range",readonly:!0,defaultOpen:!0,defaultValue:n,children:[r,e(Q,{children:e(X,{children:e(en,{})})})]}),l[2]=a):a=l[2],a},meta:es},{name:"RangeReadonlyWithPresets",story:()=>{let n,r,a,l,i=(0,o.c)(4);return i[0]===Symbol.for("react.memo_cache_sentinel")?(n=[eu(2025,1,5),eu(2025,1,15)],i[0]=n):n=i[0],i[1]===Symbol.for("react.memo_cache_sentinel")?(r=e(ec,{children:t(H,{variant:"outline",color:"neutral",children:[e(J,{size:"sm"}),"View date range"]})}),i[1]=r):r=i[1],i[2]===Symbol.for("react.memo_cache_sentinel")?(a=e(el,{presets:q}),i[2]=a):a=i[2],i[3]===Symbol.for("react.memo_cache_sentinel")?(l=t(G,{type:"range",readonly:!0,defaultOpen:!0,defaultValue:n,children:[r,t(Q,{children:[a,e(X,{children:e(en,{})})]})]}),i[3]=l):l=i[3],l},meta:es},{name:"SingleReadonly",story:()=>{let n,r,a,l=(0,o.c)(3);return l[0]===Symbol.for("react.memo_cache_sentinel")?(n=[eu(2025,1,15)],l[0]=n):n=l[0],l[1]===Symbol.for("react.memo_cache_sentinel")?(r=e(ec,{children:t(H,{variant:"outline",color:"neutral",children:[e(J,{size:"sm"}),"View date"]})}),l[1]=r):r=l[1],l[2]===Symbol.for("react.memo_cache_sentinel")?(a=t(G,{type:"single",readonly:!0,defaultOpen:!0,defaultValue:n,children:[r,e(Q,{children:e(X,{children:e(en,{})})})]}),l[2]=a):a=l[2],a},meta:es}];function ef({entry:e}){let{story:t,meta:n}=e,r={...n.args,...t.args},a="function"==typeof t||t.$$typeof?t:t.render||n.render||n.component,o=()=>l.default.createElement(a,r),i={args:r,globals:{theme:"light"},parameters:{...n.parameters,...t.parameters},viewMode:"story"};for(let e of[...n.decorators||[],...t.decorators||[]].reverse()){let t=o;o=()=>e(t,i)}return l.default.createElement("section",{"data-preview-story":e.name,className:"p-16"},l.default.createElement("h2",{className:"text-sm mb-12"},e.name),l.default.createElement(o))}window.WallarmPreview={mount(e){let t=window.ReactDOM.createRoot(e);return t.render(l.default.createElement(window.WallarmDS.Root,null,ed.map((e,t)=>l.default.createElement(ef,{key:t,entry:e})))),t}}})();

package/dist/project/components/Card/README.md

@@ -0,0 +1,367 @@
+Holds one self-contained thing — a metric, an integration, a saved view — in a block you can compare against its neighbours in a grid; reach for `Table` when the same fields repeat down a list, and for a `Heading` when you only mean to section a page. Passing any handler turns the whole card into the target: it becomes focusable and picks up hover and pressed overlays, while clicks on a link or button inside it stay with that control.
+
+## Props as canvas attributes
+
+Use kebab-case attribute names. Pass non-string values through renderVals holes, including booleans. The full emitted API is in `components/index.d.ts`.
+
+| Attribute | Type | Required | Default | Description |
+| --- | --- | --- | --- | --- |
+| `as-child` | `boolean \| undefined` | no | `false` |  |
+| `disabled` | `boolean` | no | `false` |  |
+| `on-click` | `MouseEventHandler<HTMLDivElement> \| undefined` | no | — |  |
+| `color` | `"primary" \| "secondary"` | no | `primary` |  |
+| `title` | `string \| undefined` | no | — |  |
+| `default-checked` | `boolean \| undefined` | no | — |  |
+| `default-value` | `string \| number \| readonly string[] \| undefined` | no | — |  |
+| `auto-focus` | `boolean \| undefined` | no | — |  |
+| `id` | `string \| undefined` | no | — |  |
+| `tab-index` | `number \| undefined` | no | — |  |
+| `rel` | `string \| undefined` | no | — |  |
+| `on-change` | `ChangeEventHandler<T, Element> \| undefined` | no | — |  |
+| `data-testid` | `string \| undefined` | no | — |  |
+
+## Sub-components
+
+- `WallarmDS.CardContent` — `CardContentProps` in the declaration bundle.
+- `WallarmDS.CardFooter` — `CardFooterProps` in the declaration bundle.
+- `WallarmDS.CardHeader` — `CardHeaderProps` in the declaration bundle.
+- `WallarmDS.CardTitle` — `CardTitleProps` in the declaration bundle.
+
+## Stories
+
+### Basic
+
+The full stack — `CardHeader` with a `CardTitle`, `CardContent`, and a `CardFooter`
+for actions — carrying a handler, so the footer button and the card are two
+separate targets.
+
+Source: Card/Card.stories.tsx#Basic
+
+### Variants
+
+`primary` sits on the page surface and `secondary` on a tinted fill, each shown
+plain, with a handler, and disabled — where the card fades and stops answering
+the pointer.
+
+Source: Card/Card.stories.tsx#Variants
+
+### VariousContent
+
+What the block tolerates: body copy that wraps, a `CodeSnippet`, a whole `Field`,
+a `CardTitle` with an `icon`, and a header standing on its own with nothing under it.
+
+Source: Card/Card.stories.tsx#VariousContent
+
+## Story sources
+
+### Card/Card.stories.tsx
+
+```tsx
+import { type MouseEvent, useState } from 'react';
+import { fn } from 'storybook/test';
+import type { Meta, StoryFn } from 'storybook-react-rsbuild';
+import { CircleDashed } from '../../icons';
+import { Badge } from '../Badge';
+import { Button } from '../Button';
+import {
+  CodeSnippetActions,
+  CodeSnippetCode,
+  CodeSnippetContent,
+  CodeSnippetCopyButton,
+  CodeSnippetRoot,
+} from '../CodeSnippet';
+import { Field, FieldDescription, FieldLabel } from '../Field';
+import { Input } from '../Input';
+import { HStack, VStack } from '../Stack';
+import { Card, type CardProps } from './Card';
+import { CardContent } from './CardContent';
+import { CardFooter } from './CardFooter';
+import { CardHeader } from './CardHeader';
+import { CardTitle } from './CardTitle';
+
+const onCardClick = fn().mockName('onCardClick');
+const onButtonClick = fn().mockName('onButtonClick');
+
+const DESCRIPTION = [
+  'Holds one self-contained thing — a metric, an integration, a saved view — in a block you can compare against its neighbours in a grid; reach for `Table` when the same fields repeat down a list, and for a `Heading` when you only mean to section a page.',
+  'Passing any handler turns the whole card into the target: it becomes focusable and picks up hover and pressed overlays, while clicks on a link or button inside it stay with that control.',
+].join(' ');
+
+const meta = {
+  title: 'Data Display/Card',
+  component: Card,
+  subcomponents: {
+    CardHeader,
+    CardTitle,
+    CardContent,
+    CardFooter,
+  },
+  parameters: {
+    layout: 'centered',
+    docs: { description: { component: DESCRIPTION } },
+  },
+  argTypes: {
+    color: {
+      control: 'select',
+      options: ['primary', 'secondary'],
+      value: 'primary',
+    },
+    disabled: {
+      control: 'boolean',
+    },
+    asChild: {
+      control: 'boolean',
+    },
+    className: {
+      control: 'text',
+    },
+    children: {
+      control: false,
+    },
+    ref: {
+      control: false,
+    },
+    onClick: {
+      control: false,
+    },
+  },
+} satisfies Meta<typeof Card>;
+
+export default meta;
+
+/**
+ * The full stack — `CardHeader` with a `CardTitle`, `CardContent`, and a `CardFooter`
+ * for actions — carrying a handler, so the footer button and the card are two
+ * separate targets.
+ */
+export const Basic: StoryFn<CardProps> = ({ ...args }) => {
+  // `data-last-click` records which target handled the click. It renders nothing,
+  // and it is what the click-isolation e2e asserts on — the story used to prove
+  // the same thing by writing to the console.
+  const [lastClick, setLastClick] = useState<'card' | 'button' | 'none'>('none');
+
+  return (
+    <Card
+      data-testid='card'
+      onClick={e => {
+        onCardClick(e);
+        setLastClick('card');
+      }}
+      data-last-click={lastClick}
+      {...args}
+    >
+      <CardHeader>
+        <CardTitle>Card title</CardTitle>
+        <Badge size='medium' type='solid' color='slate'>
+          Badge
+        </Badge>
+      </CardHeader>
+
+      <CardContent>Card description</CardContent>
+
+      <CardFooter>
+        <Button
+          variant='secondary'
+          color='neutral'
+          onClick={(e: MouseEvent<HTMLButtonElement>) => {
+            onButtonClick(e);
+            setLastClick('button');
+          }}
+        >
+          Button
+        </Button>
+      </CardFooter>
+    </Card>
+  );
+};
+
+/**
+ * `primary` sits on the page surface and `secondary` on a tinted fill, each shown
+ * plain, with a handler, and disabled — where the card fades and stops answering
+ * the pointer.
+ */
+export const Variants: StoryFn<CardProps> = () => (
+  <VStack gap={24} align='center'>
+    <HStack gap={16} align='center'>
+      <Card color='primary'>
+        <CardHeader>
+          <CardTitle>Primary card</CardTitle>
+          <Badge size='medium' type='solid' color='slate'>
+            Badge
+          </Badge>
+        </CardHeader>
+        <CardContent>This is a primary card variant</CardContent>
+        <CardFooter>
+          <Button variant='secondary' size='small' color='neutral'>
+            Button
+          </Button>
+        </CardFooter>
+      </Card>
+
+      <Card color='secondary'>
+        <CardHeader>
+          <CardTitle>Secondary card</CardTitle>
+          <Badge size='medium' type='solid' color='slate'>
+            Badge
+          </Badge>
+        </CardHeader>
+        <CardContent>This is a secondary card variant</CardContent>
+        <CardFooter>
+          <Button variant='secondary' size='small' color='neutral'>
+            Button
+          </Button>
+        </CardFooter>
+      </Card>
+    </HStack>
+
+    <HStack gap={16} align='center'>
+      <Card color='primary' onClick={onCardClick}>
+        <CardHeader>
+          <CardTitle>Primary card</CardTitle>
+          <Badge size='medium' type='solid' color='slate'>
+            Badge
+          </Badge>
+        </CardHeader>
+        <CardContent>This is a primary card variant with onClick event</CardContent>
+        <CardFooter>
+          <Button variant='secondary' size='small' color='neutral'>
+            Button
+          </Button>
+        </CardFooter>
+      </Card>
+
+      <Card color='secondary' onClick={onCardClick}>
+        <CardHeader>
+          <CardTitle>Secondary card</CardTitle>
+          <Badge size='medium' type='solid' color='slate'>
+            Badge
+          </Badge>
+        </CardHeader>
+        <CardContent>This is a secondary card variant with onClick event</CardContent>
+        <CardFooter>
+          <Button variant='secondary' size='small' color='neutral'>
+            Button
+          </Button>
+        </CardFooter>
+      </Card>
+    </HStack>
+
+    <HStack gap={16} align='center'>
+      <Card data-testid='disabled-card' color='primary' disabled onClick={onCardClick}>
+        <CardHeader>
+          <CardTitle>Primary card</CardTitle>
+          <Badge size='medium' type='solid' color='slate'>
+            Badge
+          </Badge>
+        </CardHeader>
+        <CardContent>This is a disabled primary card variant</CardContent>
+        <CardFooter>
+          <Button variant='secondary' size='small' color='neutral'>
+            Button
+          </Button>
+        </CardFooter>
+      </Card>
+
+      <Card data-testid='disabled-card' color='secondary' disabled onClick={onCardClick}>
+        <CardHeader>
+          <CardTitle>Secondary card</CardTitle>
+          <Badge size='medium' type='solid' color='slate'>
+            Badge
+          </Badge>
+        </CardHeader>
+        <CardContent>This is a disabled secondary card variant</CardContent>
+        <CardFooter>
+          <Button variant='secondary' size='small' color='neutral'>
+            Button
+          </Button>
+        </CardFooter>
+      </Card>
+    </HStack>
+  </VStack>
+);
+
+/**
+ * What the block tolerates: body copy that wraps, a `CodeSnippet`, a whole `Field`,
+ * a `CardTitle` with an `icon`, and a header standing on its own with nothing under it.
+ */
+export const VariousContent: StoryFn<CardProps> = () => (
+  <HStack gap={16}>
+    <VStack gap={16} align='stretch'>
+      <Card data-testid='card'>
+        <CardHeader>
+          <CardTitle>Card title</CardTitle>
+          <Badge size='medium' type='solid' color='slate'>
+            Badge
+          </Badge>
+        </CardHeader>
+        <CardContent>
+          Card description Very long! Even if it goes to the second line, it won't break anything.
+          It works perfectly! Can you see? Amazing yeah?
+        </CardContent>
+        <CardFooter>
+          <Button variant='secondary' size='small' color='neutral'>
+            Button
+          </Button>
+        </CardFooter>
+      </Card>
+
+      <Card>
+        <CardHeader>
+          <CardTitle>Card title</CardTitle>
+        </CardHeader>
+        <CardContent>
+          <CodeSnippetRoot code='npx wasd-new@latest add code-snippet' language='bash'>
+            <CodeSnippetActions>
+              <CodeSnippetCopyButton />
+            </CodeSnippetActions>
+            <CodeSnippetContent>
+              <CodeSnippetCode />
+            </CodeSnippetContent>
+          </CodeSnippetRoot>
+        </CardContent>
+        <CardFooter>
+          <Button variant='secondary' size='small' color='neutral'>
+            Button
+          </Button>
+        </CardFooter>
+      </Card>
+    </VStack>
+
+    <Card>
+      <CardHeader>
+        <CardTitle>Card title</CardTitle>
+        <Badge size='medium' type='solid' color='slate'>
+          Badge
+        </Badge>
+      </CardHeader>
+      <CardContent>
+        <Field>
+          <FieldLabel>Label</FieldLabel>
+          <Input placeholder='Placeholder' />
+          <FieldDescription>Input description</FieldDescription>
+        </Field>
+      </CardContent>
+      <CardFooter>
+        <Button variant='secondary' size='small' color='neutral'>
+          Button
+        </Button>
+      </CardFooter>
+    </Card>
+
+    <VStack gap={16}>
+      <Card>
+        <CardHeader>
+          <CardTitle icon={<CircleDashed />}>Card title</CardTitle>
+        </CardHeader>
+        <CardContent>Card description.</CardContent>
+      </Card>
+
+      <Card>
+        <CardHeader>
+          <CardTitle icon={<CircleDashed />}>Card title</CardTitle>
+        </CardHeader>
+      </Card>
+    </VStack>
+  </HStack>
+);
+```

package/dist/project/components/Card/preview.html

@@ -0,0 +1,2 @@
+<!-- @dsCard group="Data Display" height=480 -->
+<!doctype html><html><head><meta charset="utf-8"></head><body><div id="preview"></div><script src="./stories.js"></script><script>window.WallarmPreview.mount(document.getElementById('preview'));</script></body></html>

package/dist/project/components/Card/stories.js

@@ -0,0 +1,12 @@
+var e={vD(e,t,r){let n,a;/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @lightSyntaxTransform
+ * @noflow
+ * @nolint
+ * @preventMunge
+ * @preserve-invariant-messages
+ */var l,o,i=Object.create,c=Object.defineProperty,s=Object.getOwnPropertyDescriptor,d=Object.getOwnPropertyNames,u=Object.getPrototypeOf,m=Object.prototype.hasOwnProperty,h=(e,t,r,n)=>{if(t&&"object"==typeof t||"function"==typeof t)for(let a of d(t))m.call(e,a)||a===r||c(e,a,{get:()=>t[a],enumerable:!(n=s(t,a))||n.enumerable});return e},p={},f={$dispatcherGuard:()=>N,$makeReadOnly:()=>O,$reset:()=>D,$structuralCheck:()=>B,c:()=>v,clearRenderCounterRegistry:()=>z,renderCounterRegistry:()=>M,useRenderCounter:()=>T};for(var y in f)c(p,y,{get:f[y],enumerable:!0});e.exports=h(c({},"__esModule",{value:!0}),p);var _=(a=null!=(n=r("C"))?i(u(n)):{},h(n&&n.__esModule?a:c(a,"default",{value:n,enumerable:!0}),n)),{useRef:w,useEffect:S,isValidElement:b}=_,g=null!=(l=_.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE)?l:_.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,C=Symbol.for("react.memo_cache_sentinel"),v="function"==typeof(null==(o=_.__COMPILER_RUNTIME)?void 0:o.c)?_.__COMPILER_RUNTIME.c:function(e){return _.useMemo(()=>{let t=Array(e);for(let r=0;r<e;r++)t[r]=C;return t[C]=!0,t},[])},R={};["readContext","useCallback","useContext","useEffect","useImperativeHandle","useInsertionEffect","useLayoutEffect","useMemo","useReducer","useRef","useState","useDebugValue","useDeferredValue","useTransition","useMutableSource","useSyncExternalStore","useId","unstable_isNewReconciler","getCacheSignal","getCacheForType","useCacheRefresh"].forEach(e=>{R[e]=()=>{throw Error(`[React] Unexpected React hook call (${e}) from a React compiled function. Check that all hooks are called directly and named according to convention ('use[A-Z]') `)}});var k=null;function E(e){return g.ReactCurrentDispatcher.current=e,g.ReactCurrentDispatcher.current}R.useMemoCache=e=>{if(null!=k)return k.useMemoCache(e);throw Error("React Compiler internal invariant violation: unexpected null dispatcher")};var $=[];function N(e){let t=g.ReactCurrentDispatcher.current;if(0===e){if($.push(t),1===$.length&&(k=t),t===R)throw Error("[React] Unexpected call to custom hook or component from a React compiled function. Check that (1) all hooks are called directly and named according to convention ('use[A-Z]') and (2) components are returned as JSX instead of being directly invoked.");E(R)}else if(1===e){let e=$.pop();if(null==e)throw Error("React Compiler internal error: unexpected null in guard stack");0===$.length&&(k=null),E(e)}else if(2===e)$.push(t),E(k);else if(3===e){let e=$.pop();if(null==e)throw Error("React Compiler internal error: unexpected null in guard stack");E(e)}else throw Error("React Compiler internal error: unreachable block"+e)}function D(e){for(let t=0;t<e.length;t++)e[t]=C}function O(){throw Error("TODO: implement $makeReadOnly in react-compiler-runtime")}var M=new Map;function z(){for(let e of M.values())e.forEach(e=>{e.count=0})}function T(e){let t=w(null);null!=t.current&&(t.current.count+=1),S(()=>{if(null==t.current){let r,n={count:0};null==(r=M.get(e))&&(r=new Set,M.set(e,r)),r.add(n),t.current=n}return()=>{var r;let n;null!==t.current&&(r=t.current,null!=(n=M.get(e))&&n.delete(r))}})}var W=new Set;function B(e,t,r,n,a,l){function o(e,t,o,i){let c=`${n}:${l} [${a}] ${r}${o} changed from ${e} to ${t} at depth ${i}`;W.has(c)||(W.add(c),console.error(c))}!function e(t,r,n,a){if(!(a>2)){if(t!==r)if(typeof t!=typeof r)o(`type ${typeof t}`,`type ${typeof r}`,n,a);else if("object"==typeof t){let l=Array.isArray(t),i=Array.isArray(r);if(null===t&&null!==r)o("null",`type ${typeof r}`,n,a);else if(null===r)o(`type ${typeof t}`,"null",n,a);else if(t instanceof Map)if(r instanceof Map)if(t.size!==r.size)o(`Map instance with size ${t.size}`,`Map instance with size ${r.size}`,n,a);else for(let[l,i]of t)r.has(l)?e(i,r.get(l),`${n}.get(${l})`,a+1):o(`Map instance with key ${l}`,`Map instance without key ${l}`,n,a);else o("Map instance","other value",n,a);else if(r instanceof Map)o("other value","Map instance",n,a);else if(t instanceof Set)if(r instanceof Set)if(t.size!==r.size)o(`Set instance with size ${t.size}`,`Set instance with size ${r.size}`,n,a);else for(let e of r)t.has(e)||o(`Set instance without element ${e}`,`Set instance with element ${e}`,n,a);else o("Set instance","other value",n,a);else if(r instanceof Set)o("other value","Set instance",n,a);else if(l||i)if(l!==i)o(`type ${l?"array":"object"}`,`type ${i?"array":"object"}`,n,a);else if(t.length!==r.length)o(`array with length ${t.length}`,`array with length ${r.length}`,n,a);else for(let l=0;l<t.length;l++)e(t[l],r[l],`${n}[${l}]`,a+1);else if(b(t)||b(r))b(t)!==b(r)?o(`type ${b(t)?"React element":"object"}`,`type ${b(r)?"React element":"object"}`,n,a):t.type!==r.type?o(`React element of type ${t.type}`,`React element of type ${r.type}`,n,a):e(t.props,r.props,`[props of ${n}]`,a+1);else{for(let e in r)e in t||o(`object without key ${e}`,`object with key ${e}`,n,a);for(let l in t)l in r?e(t[l],r[l],`${n}.${l}`,a+1):o(`object with key ${l}`,`object without key ${l}`,n,a)}}else{if("function"==typeof t)return;isNaN(t)||isNaN(r)?isNaN(t)!==isNaN(r)&&o(`${isNaN(t)?"NaN":"non-NaN value"}`,`${isNaN(r)?"NaN":"non-NaN value"}`,n,a):t!==r&&o(t,r,n,a)}}}(e,t,"",0)}},p(e,t,r){let n=new WeakMap,a=new WeakMap;function l(e,t,r){let l=t,o=r;if("object"==typeof l&&null!==l&&"$$typeof"in l&&l.$$typeof===Symbol.for("react.context")&&"Provider"in l&&(l=l.Provider),"function"==typeof l&&null!=o.ref&&!l.prototype?.isReactComponent){let t=l,r=n.get(e);r||(r=new WeakMap,n.set(e,r));let a=r.get(t);a||((a=e.forwardRef((e,r)=>t({...e,ref:r}))).displayName=t.displayName??t.name,r.set(t,a)),l=a}if("string"==typeof l&&"boolean"==typeof o.inert&&((o={...o}).inert?o.inert="":delete o.inert),"string"==typeof l)for(let[e,t]of[["fill-rule","fillRule"],["clip-rule","clipRule"]])e in o&&(o={...o,[t]:o[e]},delete o[e]);return"string"==typeof l&&null!=o.ref&&(l=function(e,t){let r=a.get(e);r||(r=new Map,a.set(e,r));let n=r.get(t);if(n)return n;let l=e.forwardRef((r,n)=>{let a=e.useRef(null);if(!a.current||a.current.original!==n){let e;a.current={original:n,callback:t=>{if(null==t&&e){let t=e;e=void 0,t();return}if("function"==typeof n){let r=n(t);e="function"==typeof r?r:void 0}else n&&(n.current=t)}}}return e.createElement(t,{...r,ref:a.current.callback})});return l.displayName=`CanvasHost(${t})`,r.set(t,l),l}(e,l)),{type:l,props:o}}function o(e){let t=(t,r,n)=>{let a=l(e,t,r??{});return e.createElement(a.type,void 0===n?a.props:{...a.props,key:n})};return{jsx:t,jsxs:(t,r,n)=>{let a=l(e,t,r??{}),{children:o,...i}=a.props;return e.createElement(a.type,void 0===n?i:{...i,key:n},...Array.isArray(o)?o:[o])},jsxDEV:t,Fragment:e.Fragment}}function i(e){return{...e,createElement:(t,r,...n)=>{let a=l(e,t,r??{});return e.createElement(a.type,a.props,...n)},cloneElement:(t,r,...n)=>{let a=e.cloneElement(t,r??void 0,...n),o=a.ref,i=l(e,a.type,{...a.props,ref:o});return i.type===a.type&&"string"!=typeof a.type?a:e.createElement(i.type,{...i.props,key:a.key})}}}r.d(t,{MA:()=>o,YJ:()=>i})},C(e,t,r){r.r(t);let n=(0,r("p").YJ)(window.React),{Children:a,Component:l,Fragment:o,Profiler:i,PureComponent:c,StrictMode:s,Suspense:d,__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED:u,act:m,cloneElement:h,createContext:p,createElement:f,createFactory:y,createRef:_,forwardRef:w,isValidElement:S,lazy:b,memo:g,startTransition:C,unstable_act:v,useCallback:R,useContext:k,useDebugValue:E,useDeferredValue:$,useEffect:N,useId:D,useImperativeHandle:O,useInsertionEffect:M,useLayoutEffect:z,useMemo:T,useReducer:W,useRef:B,useState:I,useSyncExternalStore:j,useTransition:P,version:x,use:A}=n;r.d(t,{},{Children:a,Component:l,Fragment:o,Profiler:i,PureComponent:c,StrictMode:s,Suspense:d,__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED:u,act:m,cloneElement:h,createContext:p,createElement:f,createFactory:y,createRef:_,default:n,forwardRef:w,isValidElement:S,lazy:b,memo:g,startTransition:C,unstable_act:v,use:A,useCallback:R,useContext:k,useDebugValue:E,useDeferredValue:$,useEffect:N,useId:D,useImperativeHandle:O,useInsertionEffect:M,useLayoutEffect:z,useMemo:T,useReducer:W,useRef:B,useState:I,useSyncExternalStore:j,useTransition:P,version:x})}},t={};function r(n){var a=t[n];if(void 0!==a)return a.exports;var l=t[n]={exports:{}};return e[n](l,l.exports,r),l.exports}r.d=(e,t,n)=>{var a=(t,n)=>{for(var a in t)r.o(t,a)&&!r.o(e,a)&&Object.defineProperty(e,a,{enumerable:!0,[n]:t[a]})};a(t,"get"),a(n,"value")},r.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),r.r=e=>{"u">typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{let{jsx:e,jsxs:t,jsxDEV:n,Fragment:a}=(0,r("p").MA)(window.React);var l=r("vD"),o=r("C");function i(e=()=>{}){let t=(...t)=>e(...t);for(let r of["mockName","mockReturnValue","mockResolvedValue","mockImplementation"])t[r]=n=>("mockImplementation"===r?e=n:"mockReturnValue"===r?e=()=>n:"mockResolvedValue"===r&&(e=()=>Promise.resolve(n)),t);return t}let c=window.WallarmDS.Icons.CircleDashed,s=window.WallarmDS.Badge,d=window.WallarmDS.Button,u=window.WallarmDS.CodeSnippetActions,m=window.WallarmDS.CodeSnippetCode,h=window.WallarmDS.CodeSnippetContent,p=window.WallarmDS.CodeSnippetCopyButton,f=window.WallarmDS.CodeSnippetRoot,y=window.WallarmDS.Field,_=window.WallarmDS.FieldDescription,w=window.WallarmDS.FieldLabel,S=window.WallarmDS.Input,b=window.WallarmDS.HStack,g=window.WallarmDS.VStack,C=window.WallarmDS.Card,v=window.WallarmDS.CardContent,R=window.WallarmDS.CardFooter,k=window.WallarmDS.CardHeader,E=window.WallarmDS.CardTitle,$=i().mockName("onCardClick"),N=i().mockName("onButtonClick"),D={title:"Data Display/Card",component:C,subcomponents:{CardHeader:k,CardTitle:E,CardContent:v,CardFooter:R},parameters:{layout:"centered",docs:{description:{component:"Holds one self-contained thing — a metric, an integration, a saved view — in a block you can compare against its neighbours in a grid; reach for `Table` when the same fields repeat down a list, and for a `Heading` when you only mean to section a page. Passing any handler turns the whole card into the target: it becomes focusable and picks up hover and pressed overlays, while clicks on a link or button inside it stay with that control."}}},argTypes:{color:{control:"select",options:["primary","secondary"],value:"primary"},disabled:{control:"boolean"},asChild:{control:"boolean"},className:{control:"text"},children:{control:!1},ref:{control:!1},onClick:{control:!1}}},O=[{name:"Basic",story:r=>{let n,a,i,c,u,m,h=(0,l.c)(9);h[0]!==r?({...n}=r,h[0]=r,h[1]=n):n=h[1];let[p,f]=(0,o.useState)("none");return h[2]===Symbol.for("react.memo_cache_sentinel")?(a=e=>{$(e),f("card")},h[2]=a):a=h[2],h[3]===Symbol.for("react.memo_cache_sentinel")?(i=t(k,{children:[e(E,{children:"Card title"}),e(s,{size:"medium",type:"solid",color:"slate",children:"Badge"})]}),c=e(v,{children:"Card description"}),h[3]=i,h[4]=c):(i=h[3],c=h[4]),h[5]===Symbol.for("react.memo_cache_sentinel")?(u=e(R,{children:e(d,{variant:"secondary",color:"neutral",onClick:e=>{N(e),f("button")},children:"Button"})}),h[5]=u):u=h[5],h[6]!==n||h[7]!==p?(m=t(C,{"data-testid":"card",onClick:a,"data-last-click":p,...n,children:[i,c,u]}),h[6]=n,h[7]=p,h[8]=m):m=h[8],m},meta:D},{name:"Variants",story:()=>{let r,n,a,o,i,c,u,m,h,p,f,y,_,w,S,N,D,O,M=(0,l.c)(18);return M[0]===Symbol.for("react.memo_cache_sentinel")?(r=t(k,{children:[e(E,{children:"Primary card"}),e(s,{size:"medium",type:"solid",color:"slate",children:"Badge"})]}),n=e(v,{children:"This is a primary card variant"}),M[0]=r,M[1]=n):(r=M[0],n=M[1]),M[2]===Symbol.for("react.memo_cache_sentinel")?(a=t(C,{color:"primary",children:[r,n,e(R,{children:e(d,{variant:"secondary",size:"small",color:"neutral",children:"Button"})})]}),M[2]=a):a=M[2],M[3]===Symbol.for("react.memo_cache_sentinel")?(o=t(k,{children:[e(E,{children:"Secondary card"}),e(s,{size:"medium",type:"solid",color:"slate",children:"Badge"})]}),i=e(v,{children:"This is a secondary card variant"}),M[3]=o,M[4]=i):(o=M[3],i=M[4]),M[5]===Symbol.for("react.memo_cache_sentinel")?(c=t(b,{gap:16,align:"center",children:[a,t(C,{color:"secondary",children:[o,i,e(R,{children:e(d,{variant:"secondary",size:"small",color:"neutral",children:"Button"})})]})]}),M[5]=c):c=M[5],M[6]===Symbol.for("react.memo_cache_sentinel")?(u=t(k,{children:[e(E,{children:"Primary card"}),e(s,{size:"medium",type:"solid",color:"slate",children:"Badge"})]}),m=e(v,{children:"This is a primary card variant with onClick event"}),M[6]=u,M[7]=m):(u=M[6],m=M[7]),M[8]===Symbol.for("react.memo_cache_sentinel")?(h=t(C,{color:"primary",onClick:$,children:[u,m,e(R,{children:e(d,{variant:"secondary",size:"small",color:"neutral",children:"Button"})})]}),M[8]=h):h=M[8],M[9]===Symbol.for("react.memo_cache_sentinel")?(f=t(k,{children:[e(E,{children:"Secondary card"}),e(s,{size:"medium",type:"solid",color:"slate",children:"Badge"})]}),p=e(v,{children:"This is a secondary card variant with onClick event"}),M[9]=p,M[10]=f):(p=M[9],f=M[10]),M[11]===Symbol.for("react.memo_cache_sentinel")?(y=t(b,{gap:16,align:"center",children:[h,t(C,{color:"secondary",onClick:$,children:[f,p,e(R,{children:e(d,{variant:"secondary",size:"small",color:"neutral",children:"Button"})})]})]}),M[11]=y):y=M[11],M[12]===Symbol.for("react.memo_cache_sentinel")?(_=t(k,{children:[e(E,{children:"Primary card"}),e(s,{size:"medium",type:"solid",color:"slate",children:"Badge"})]}),w=e(v,{children:"This is a disabled primary card variant"}),M[12]=_,M[13]=w):(_=M[12],w=M[13]),M[14]===Symbol.for("react.memo_cache_sentinel")?(S=t(C,{"data-testid":"disabled-card",color:"primary",disabled:!0,onClick:$,children:[_,w,e(R,{children:e(d,{variant:"secondary",size:"small",color:"neutral",children:"Button"})})]}),M[14]=S):S=M[14],M[15]===Symbol.for("react.memo_cache_sentinel")?(N=t(k,{children:[e(E,{children:"Secondary card"}),e(s,{size:"medium",type:"solid",color:"slate",children:"Badge"})]}),D=e(v,{children:"This is a disabled secondary card variant"}),M[15]=N,M[16]=D):(N=M[15],D=M[16]),M[17]===Symbol.for("react.memo_cache_sentinel")?(O=t(g,{gap:24,align:"center",children:[c,y,t(b,{gap:16,align:"center",children:[S,t(C,{"data-testid":"disabled-card",color:"secondary",disabled:!0,onClick:$,children:[N,D,e(R,{children:e(d,{variant:"secondary",size:"small",color:"neutral",children:"Button"})})]})]})]}),M[17]=O):O=M[17],O},meta:D},{name:"VariousContent",story:()=>{let r,n,a,o,i,$,N,D,O,M,z,T,W=(0,l.c)(12);return W[0]===Symbol.for("react.memo_cache_sentinel")?(r=t(k,{children:[e(E,{children:"Card title"}),e(s,{size:"medium",type:"solid",color:"slate",children:"Badge"})]}),n=e(v,{children:"Card description Very long! Even if it goes to the second line, it won't break anything. It works perfectly! Can you see? Amazing yeah?"}),W[0]=r,W[1]=n):(r=W[0],n=W[1]),W[2]===Symbol.for("react.memo_cache_sentinel")?(a=t(C,{"data-testid":"card",children:[r,n,e(R,{children:e(d,{variant:"secondary",size:"small",color:"neutral",children:"Button"})})]}),W[2]=a):a=W[2],W[3]===Symbol.for("react.memo_cache_sentinel")?(o=e(k,{children:e(E,{children:"Card title"})}),W[3]=o):o=W[3],W[4]===Symbol.for("react.memo_cache_sentinel")?(i=e(u,{children:e(p,{})}),W[4]=i):i=W[4],W[5]===Symbol.for("react.memo_cache_sentinel")?($=e(v,{children:t(f,{code:"npx wasd-new@latest add code-snippet",language:"bash",children:[i,e(h,{children:e(m,{})})]})}),W[5]=$):$=W[5],W[6]===Symbol.for("react.memo_cache_sentinel")?(N=t(g,{gap:16,align:"stretch",children:[a,t(C,{children:[o,$,e(R,{children:e(d,{variant:"secondary",size:"small",color:"neutral",children:"Button"})})]})]}),W[6]=N):N=W[6],W[7]===Symbol.for("react.memo_cache_sentinel")?(D=t(k,{children:[e(E,{children:"Card title"}),e(s,{size:"medium",type:"solid",color:"slate",children:"Badge"})]}),W[7]=D):D=W[7],W[8]===Symbol.for("react.memo_cache_sentinel")?(O=e(v,{children:t(y,{children:[e(w,{children:"Label"}),e(S,{placeholder:"Placeholder"}),e(_,{children:"Input description"})]})}),W[8]=O):O=W[8],W[9]===Symbol.for("react.memo_cache_sentinel")?(M=t(C,{children:[D,O,e(R,{children:e(d,{variant:"secondary",size:"small",color:"neutral",children:"Button"})})]}),W[9]=M):M=W[9],W[10]===Symbol.for("react.memo_cache_sentinel")?(z=t(C,{children:[e(k,{children:e(E,{icon:e(c,{}),children:"Card title"})}),e(v,{children:"Card description."})]}),W[10]=z):z=W[10],W[11]===Symbol.for("react.memo_cache_sentinel")?(T=t(b,{gap:16,children:[N,M,t(g,{gap:16,children:[z,e(C,{children:e(k,{children:e(E,{icon:e(c,{}),children:"Card title"})})})]})]}),W[11]=T):T=W[11],T},meta:D}];function M({entry:e}){let{story:t,meta:r}=e,n={...r.args,...t.args},a="function"==typeof t||t.$$typeof?t:t.render||r.render||r.component,l=()=>o.default.createElement(a,n),i={args:n,globals:{theme:"light"},parameters:{...r.parameters,...t.parameters},viewMode:"story"};for(let e of[...r.decorators||[],...t.decorators||[]].reverse()){let t=l;l=()=>e(t,i)}return o.default.createElement("section",{"data-preview-story":e.name,className:"p-16"},o.default.createElement("h2",{className:"text-sm mb-12"},e.name),o.default.createElement(l))}window.WallarmPreview={mount(e){let t=window.ReactDOM.createRoot(e);return t.render(o.default.createElement(window.WallarmDS.Root,null,O.map((e,t)=>o.default.createElement(M,{key:t,entry:e})))),t}}})();