@simplysm/solid 13.0.0-beta.6 → 13.0.1

package/dist/components/display/Barcode.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Barcode.d.ts","sourceRoot":"","sources":["../../../src/components/display/Barcode.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAA4B,KAAK,GAAG,EAAE,MAAM,UAAU,CAAC;AAK9E,MAAM,MAAM,WAAW,GACnB,SAAS,GACT,WAAW,GACX,kBAAkB,GAClB,WAAW,GACX,OAAO,GACP,aAAa,GACb,YAAY,GACZ,QAAQ,GACR,SAAS,GACT,SAAS,GACT,UAAU,GACV,QAAQ,GACR,QAAQ,GACR,WAAW,GACX,QAAQ,GACR,QAAQ,GACR,WAAW,GACX,SAAS,GACT,UAAU,GACV,MAAM,GACN,iBAAiB,GACjB,0BAA0B,GAC1B,wBAAwB,GACxB,iCAAiC,GACjC,gBAAgB,GAChB,yBAAyB,GACzB,aAAa,GACb,sBAAsB,GACtB,gBAAgB,GAChB,yBAAyB,GACzB,oBAAoB,GACpB,6BAA6B,GAC7B,kBAAkB,GAClB,2BAA2B,GAC3B,eAAe,GACf,YAAY,GACZ,uBAAuB,GACvB,gCAAgC,GAChC,SAAS,GACT,OAAO,GACP,gBAAgB,GAChB,OAAO,GACP,MAAM,GACN,MAAM,GACN,MAAM,GACN,eAAe,GACf,eAAe,GACf,SAAS,GACT,kBAAkB,GAClB,QAAQ,GACR,eAAe,GACf,0BAA0B,GAC1B,iBAAiB,GACjB,aAAa,GACb,YAAY,GACZ,wBAAwB,GACxB,WAAW,GACX,QAAQ,GACR,eAAe,GACf,gBAAgB,GAChB,aAAa,GACb,YAAY,GACZ,gBAAgB,GAChB,2BAA2B,GAC3B,iBAAiB,GACjB,YAAY,GACZ,YAAY,GACZ,UAAU,GACV,WAAW,GACX,gBAAgB,GAChB,iBAAiB,GACjB,MAAM,GACN,MAAM,GACN,MAAM,GACN,OAAO,GACP,WAAW,GACX,KAAK,GACL,UAAU,GACV,UAAU,GACV,OAAO,GACP,YAAY,GACZ,UAAU,GACV,aAAa,GACb,aAAa,GACb,KAAK,GACL,SAAS,GACT,QAAQ,GACR,eAAe,GACf,YAAY,GACZ,aAAa,GACb,QAAQ,GACR,SAAS,GACT,UAAU,GACV,SAAS,GACT,KAAK,GACL,QAAQ,GACR,qBAAqB,GACrB,KAAK,GACL,wBAAwB,GACxB,WAAW,GACX,QAAQ,GACR,aAAa,GACb,QAAQ,GACR,SAAS,GACT,gBAAgB,GAChB,WAAW,GACX,MAAM,GACN,eAAe,GACf,MAAM,GACN,eAAe,CAAC;AAEpB,MAAM,WAAW,YAAa,SAAQ,GAAG,CAAC,cAAc,CAAC,cAAc,CAAC;IACtE,IAAI,EAAE,WAAW,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAID,eAAO,MAAM,OAAO,EAAE,SAAS,CAAC,YAAY,CAiC3C,CAAC"}

package/dist/components/display/Barcode.js

@@ -1,3 +1,8 @@
+import { template as _$template } from "solid-js/web";
+import { use as _$use } from "solid-js/web";
+import { spread as _$spread } from "solid-js/web";
+import { mergeProps as _$mergeProps } from "solid-js/web";
+var _tmpl$ = /* @__PURE__ */ _$template(`<div data-barcode>`);
 import { createEffect, splitProps } from "solid-js";
 import clsx from "clsx";
 import { twMerge } from "tailwind-merge";
@@ -31,7 +36,17 @@ const Barcode = (props) => {
       containerRef.innerHTML = "";
     }
   });
-  return /* @__PURE__ */ React.createElement("div", { "data-barcode": true, ref: containerRef, class: twMerge(baseClass, local.class), ...rest });
+  return (() => {
+    var _el$ = _tmpl$();
+    var _ref$ = containerRef;
+    typeof _ref$ === "function" ? _$use(_ref$, _el$) : containerRef = _el$;
+    _$spread(_el$, _$mergeProps({
+      get ["class"]() {
+        return twMerge(baseClass, local.class);
+      }
+    }, rest), false, false);
+    return _el$;
+  })();
 };
 export {
   Barcode

package/dist/components/display/Barcode.js.map

@@ -1,7 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../src/components/display/Barcode.tsx"],
-  "sourcesContent": ["import { type Component, createEffect, splitProps, type JSX } from \"solid-js\";\nimport clsx from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\nimport bwipjs from \"bwip-js/browser\";\n\nexport type BarcodeType =\n  | \"auspost\"\n  | \"azteccode\"\n  | \"azteccodecompact\"\n  | \"aztecrune\"\n  | \"bc412\"\n  | \"channelcode\"\n  | \"codablockf\"\n  | \"code11\"\n  | \"code128\"\n  | \"code16k\"\n  | \"code2of5\"\n  | \"code32\"\n  | \"code39\"\n  | \"code39ext\"\n  | \"code49\"\n  | \"code93\"\n  | \"code93ext\"\n  | \"codeone\"\n  | \"coop2of5\"\n  | \"daft\"\n  | \"databarexpanded\"\n  | \"databarexpandedcomposite\"\n  | \"databarexpandedstacked\"\n  | \"databarexpandedstackedcomposite\"\n  | \"databarlimited\"\n  | \"databarlimitedcomposite\"\n  | \"databaromni\"\n  | \"databaromnicomposite\"\n  | \"databarstacked\"\n  | \"databarstackedcomposite\"\n  | \"databarstackedomni\"\n  | \"databarstackedomnicomposite\"\n  | \"databartruncated\"\n  | \"databartruncatedcomposite\"\n  | \"datalogic2of5\"\n  | \"datamatrix\"\n  | \"datamatrixrectangular\"\n  | \"datamatrixrectangularextension\"\n  | \"dotcode\"\n  | \"ean13\"\n  | \"ean13composite\"\n  | \"ean14\"\n  | \"ean2\"\n  | \"ean5\"\n  | \"ean8\"\n  | \"ean8composite\"\n  | \"flattermarken\"\n  | \"gs1-128\"\n  | \"gs1-128composite\"\n  | \"gs1-cc\"\n  | \"gs1datamatrix\"\n  | \"gs1datamatrixrectangular\"\n  | \"gs1dldatamatrix\"\n  | \"gs1dlqrcode\"\n  | \"gs1dotcode\"\n  | \"gs1northamericancoupon\"\n  | \"gs1qrcode\"\n  | \"hanxin\"\n  | \"hibcazteccode\"\n  | \"hibccodablockf\"\n  | \"hibccode128\"\n  | \"hibccode39\"\n  | \"hibcdatamatrix\"\n  | \"hibcdatamatrixrectangular\"\n  | \"hibcmicropdf417\"\n  | \"hibcpdf417\"\n  | \"hibcqrcode\"\n  | \"iata2of5\"\n  | \"identcode\"\n  | \"industrial2of5\"\n  | \"interleaved2of5\"\n  | \"isbn\"\n  | \"ismn\"\n  | \"issn\"\n  | \"itf14\"\n  | \"japanpost\"\n  | \"kix\"\n  | \"leitcode\"\n  | \"mailmark\"\n  | \"mands\"\n  | \"matrix2of5\"\n  | \"maxicode\"\n  | \"micropdf417\"\n  | \"microqrcode\"\n  | \"msi\"\n  | \"onecode\"\n  | \"pdf417\"\n  | \"pdf417compact\"\n  | \"pharmacode\"\n  | \"pharmacode2\"\n  | \"planet\"\n  | \"plessey\"\n  | \"posicode\"\n  | \"postnet\"\n  | \"pzn\"\n  | \"qrcode\"\n  | \"rationalizedCodabar\"\n  | \"raw\"\n  | \"rectangularmicroqrcode\"\n  | \"royalmail\"\n  | \"sscc18\"\n  | \"swissqrcode\"\n  | \"symbol\"\n  | \"telepen\"\n  | \"telepennumeric\"\n  | \"ultracode\"\n  | \"upca\"\n  | \"upcacomposite\"\n  | \"upce\"\n  | \"upcecomposite\";\n\nexport interface BarcodeProps extends JSX.HTMLAttributes<HTMLDivElement> {\n  type: BarcodeType;\n  value?: string;\n}\n\nconst baseClass = clsx(\"inline-block\");\n\nexport const Barcode: Component<BarcodeProps> = (props) => {\n  const [local, rest] = splitProps(props, [\"type\", \"value\", \"class\"]);\n  let containerRef!: HTMLDivElement;\n\n  createEffect(() => {\n    const value = local.value;\n    if (value == null || value === \"\") {\n      containerRef.innerHTML = \"\";\n      return;\n    }\n\n    try {\n      const svg = bwipjs.toSVG({\n        bcid: local.type,\n        text: value,\n      });\n      containerRef.innerHTML = svg;\n\n      const svgEl = containerRef.querySelector(\"svg\");\n      if (svgEl) {\n        const viewBox = svgEl.getAttribute(\"viewBox\");\n        if (viewBox != null) {\n          const parts = viewBox.split(\" \");\n          svgEl.setAttribute(\"width\", parts[2]);\n          svgEl.setAttribute(\"height\", parts[3]);\n        }\n      }\n    } catch {\n      containerRef.innerHTML = \"\";\n    }\n  });\n\n  return <div data-barcode ref={containerRef} class={twMerge(baseClass, local.class)} {...rest} />;\n};\n"],
-  "mappings": "AAAA,SAAyB,cAAc,kBAA4B;AACnE,OAAO,UAAU;AACjB,SAAS,eAAe;AACxB,OAAO,YAAY;AAuHnB,MAAM,YAAY,KAAK,cAAc;AAE9B,MAAM,UAAmC,CAAC,UAAU;AACzD,QAAM,CAAC,OAAO,IAAI,IAAI,WAAW,OAAO,CAAC,QAAQ,SAAS,OAAO,CAAC;AAClE,MAAI;AAEJ,eAAa,MAAM;AACjB,UAAM,QAAQ,MAAM;AACpB,QAAI,SAAS,QAAQ,UAAU,IAAI;AACjC,mBAAa,YAAY;AACzB;AAAA,IACF;AAEA,QAAI;AACF,YAAM,MAAM,OAAO,MAAM;AAAA,QACvB,MAAM,MAAM;AAAA,QACZ,MAAM;AAAA,MACR,CAAC;AACD,mBAAa,YAAY;AAEzB,YAAM,QAAQ,aAAa,cAAc,KAAK;AAC9C,UAAI,OAAO;AACT,cAAM,UAAU,MAAM,aAAa,SAAS;AAC5C,YAAI,WAAW,MAAM;AACnB,gBAAM,QAAQ,QAAQ,MAAM,GAAG;AAC/B,gBAAM,aAAa,SAAS,MAAM,CAAC,CAAC;AACpC,gBAAM,aAAa,UAAU,MAAM,CAAC,CAAC;AAAA,QACvC;AAAA,MACF;AAAA,IACF,QAAQ;AACN,mBAAa,YAAY;AAAA,IAC3B;AAAA,EACF,CAAC;AAED,SAAO,oCAAC,SAAI,gBAAY,MAAC,KAAK,cAAc,OAAO,QAAQ,WAAW,MAAM,KAAK,GAAI,GAAG,MAAM;AAChG;",
-  "names": []
+  "mappings": ";;;;;AAAA,SAAyBA,cAAcC,kBAA4B;AACnE,OAAOC,UAAU;AACjB,SAASC,eAAe;AACxB,OAAOC,YAAY;AAuHnB,MAAMC,YAAYH,KAAK,cAAc;AAE9B,MAAMI,UAAoCC,WAAU;AACzD,QAAM,CAACC,OAAOC,IAAI,IAAIR,WAAWM,OAAO,CAAC,QAAQ,SAAS,OAAO,CAAC;AAClE,MAAIG;AAEJV,eAAa,MAAM;AACjB,UAAMW,QAAQH,MAAMG;AACpB,QAAIA,SAAS,QAAQA,UAAU,IAAI;AACjCD,mBAAaE,YAAY;AACzB;IACF;AAEA,QAAI;AACF,YAAMC,MAAMT,OAAOU,MAAM;QACvBC,MAAMP,MAAMQ;QACZC,MAAMN;MACR,CAAC;AACDD,mBAAaE,YAAYC;AAEzB,YAAMK,QAAQR,aAAaS,cAAc,KAAK;AAC9C,UAAID,OAAO;AACT,cAAME,UAAUF,MAAMG,aAAa,SAAS;AAC5C,YAAID,WAAW,MAAM;AACnB,gBAAME,QAAQF,QAAQG,MAAM,GAAG;AAC/BL,gBAAMM,aAAa,SAASF,MAAM,CAAC,CAAC;AACpCJ,gBAAMM,aAAa,UAAUF,MAAM,CAAC,CAAC;QACvC;MACF;IACF,QAAQ;AACNZ,mBAAaE,YAAY;IAC3B;EACF,CAAC;AAED,UAAA,MAAA;AAAA,QAAAa,OAAAC,OAAA;AAAA,QAAAC,QAA8BjB;AAAY,WAAAiB,UAAA,aAAAC,MAAAD,OAAAF,IAAA,IAAZf,eAAYe;AAAAI,aAAAJ,MAAAK,aAAA;MAAA,KAAA,OAAA,IAAA;AAAA,eAAS3B,QAAQE,WAAWG,MAAMuB,KAAK;MAAC;IAAA,GAAMtB,IAAI,GAAA,OAAA,KAAA;AAAA,WAAAgB;EAAA,GAAA;AAC9F;",
+  "names": ["createEffect", "splitProps", "clsx", "twMerge", "bwipjs", "baseClass", "Barcode", "props", "local", "rest", "containerRef", "value", "innerHTML", "svg", "toSVG", "bcid", "type", "text", "svgEl", "querySelector", "viewBox", "getAttribute", "parts", "split", "setAttribute", "_el$", "_tmpl$", "_ref$", "_$use", "_$spread", "_$mergeProps", "class"]
 }

package/dist/components/display/Card.css

@@ -0,0 +1,14 @@
+@keyframes card-in {
+  from {
+    opacity: 0;
+    transform: translateY(-1rem);
+  }
+  to {
+    opacity: 1;
+    transform: none;
+  }
+}
+
+.animate-card-in {
+  animation: card-in 0.3s ease-out forwards;
+}

package/dist/components/display/Card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../src/components/display/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,GAAG,EAAE,KAAK,eAAe,EAAc,MAAM,UAAU,CAAC;AAGtE,OAAO,YAAY,CAAC;AAEpB,MAAM,WAAW,SAAU,SAAQ,GAAG,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAYxE,eAAO,MAAM,IAAI,EAAE,eAAe,CAAC,SAAS,CAQ3C,CAAC"}

package/dist/components/display/Card.js

@@ -1,19 +1,25 @@
+import { template as _$template } from "solid-js/web";
+import { insert as _$insert } from "solid-js/web";
+import { spread as _$spread } from "solid-js/web";
+import { mergeProps as _$mergeProps } from "solid-js/web";
+var _tmpl$ = /* @__PURE__ */ _$template(`<div data-card>`);
 import { splitProps } from "solid-js";
 import clsx from "clsx";
 import { twMerge } from "tailwind-merge";
 import "./Card.css";
-const baseClass = clsx(
-  "block",
-  "bg-white dark:bg-base-800",
-  "rounded-lg",
-  "shadow focus-within:shadow-md hover:shadow-md",
-  "dark:shadow-black/20 dark:focus-within:shadow-black/30 dark:hover:shadow-black/30",
-  "transition-shadow duration-300",
-  "animate-card-in"
-);
+const baseClass = clsx("block", "bg-white dark:bg-base-800", "rounded-lg", "shadow focus-within:shadow-md hover:shadow-md", "dark:shadow-black/20 dark:focus-within:shadow-black/30 dark:hover:shadow-black/30", "transition-shadow duration-300", "animate-card-in");
 const Card = (props) => {
   const [local, rest] = splitProps(props, ["children", "class"]);
-  return /* @__PURE__ */ React.createElement("div", { "data-card": true, class: twMerge(baseClass, local.class), ...rest }, local.children);
+  return (() => {
+    var _el$ = _tmpl$();
+    _$spread(_el$, _$mergeProps({
+      get ["class"]() {
+        return twMerge(baseClass, local.class);
+      }
+    }, rest), false, true);
+    _$insert(_el$, () => local.children);
+    return _el$;
+  })();
 };
 export {
   Card

package/dist/components/display/Card.js.map

@@ -1,7 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../src/components/display/Card.tsx"],
-  "sourcesContent": ["import { type JSX, type ParentComponent, splitProps } from \"solid-js\";\nimport clsx from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\nimport \"./Card.css\";\n\nexport interface CardProps extends JSX.HTMLAttributes<HTMLDivElement> {}\n\nconst baseClass = clsx(\n  \"block\",\n  \"bg-white dark:bg-base-800\",\n  \"rounded-lg\",\n  \"shadow focus-within:shadow-md hover:shadow-md\",\n  \"dark:shadow-black/20 dark:focus-within:shadow-black/30 dark:hover:shadow-black/30\",\n  \"transition-shadow duration-300\",\n  \"animate-card-in\",\n);\n\nexport const Card: ParentComponent<CardProps> = (props) => {\n  const [local, rest] = splitProps(props, [\"children\", \"class\"]);\n\n  return (\n    <div data-card class={twMerge(baseClass, local.class)} {...rest}>\n      {local.children}\n    </div>\n  );\n};\n"],
-  "mappings": "AAAA,SAAyC,kBAAkB;AAC3D,OAAO,UAAU;AACjB,SAAS,eAAe;AACxB,OAAO;AAIP,MAAM,YAAY;AAAA,EAChB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEO,MAAM,OAAmC,CAAC,UAAU;AACzD,QAAM,CAAC,OAAO,IAAI,IAAI,WAAW,OAAO,CAAC,YAAY,OAAO,CAAC;AAE7D,SACE,oCAAC,SAAI,aAAS,MAAC,OAAO,QAAQ,WAAW,MAAM,KAAK,GAAI,GAAG,QACxD,MAAM,QACT;AAEJ;",
-  "names": []
+  "mappings": ";;;;;AAAA,SAAyCA,kBAAkB;AAC3D,OAAOC,UAAU;AACjB,SAASC,eAAe;AACxB,OAAO;AAIP,MAAMC,YAAYF,KAChB,SACA,6BACA,cACA,iDACA,qFACA,kCACA,iBACF;AAEO,MAAMG,OAAoCC,WAAU;AACzD,QAAM,CAACC,OAAOC,IAAI,IAAIP,WAAWK,OAAO,CAAC,YAAY,OAAO,CAAC;AAE7D,UAAA,MAAA;AAAA,QAAAG,OAAAC,OAAA;AAAAC,aAAAF,MAAAG,aAAA;MAAA,KAAA,OAAA,IAAA;AAAA,eACwBT,QAAQC,WAAWG,MAAMM,KAAK;MAAC;IAAA,GAAML,IAAI,GAAA,OAAA,IAAA;AAAAM,aAAAL,MAAA,MAC5DF,MAAMQ,QAAQ;AAAA,WAAAN;EAAA,GAAA;AAGrB;",
+  "names": ["splitProps", "clsx", "twMerge", "baseClass", "Card", "props", "local", "rest", "_el$", "_tmpl$", "_$spread", "_$mergeProps", "class", "_$insert", "children"]
 }

package/dist/{solid/src/components → components}/display/Echarts.d.ts

@@ -1,7 +1,7 @@
 import { type Component, type JSX } from "solid-js";
-import * as echarts from "echarts";
+import type * as echartsType from "echarts";
 export interface EchartsProps extends JSX.HTMLAttributes<HTMLDivElement> {
-    option: echarts.EChartsOption;
+    option: echartsType.EChartsOption;
     loading?: boolean;
 }
 export declare const Echarts: Component<EchartsProps>;

package/dist/components/display/Echarts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Echarts.d.ts","sourceRoot":"","sources":["../../../src/components/display/Echarts.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAqD,KAAK,GAAG,EAAE,MAAM,UAAU,CAAC;AAEvG,OAAO,KAAK,KAAK,WAAW,MAAM,SAAS,CAAC;AAI5C,MAAM,WAAW,YAAa,SAAQ,GAAG,CAAC,cAAc,CAAC,cAAc,CAAC;IACtE,MAAM,EAAE,WAAW,CAAC,aAAa,CAAC;IAClC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAID,eAAO,MAAM,OAAO,EAAE,SAAS,CAAC,YAAY,CAsC3C,CAAC"}

package/dist/components/display/Echarts.js

@@ -1,6 +1,10 @@
-import { createEffect, onCleanup, splitProps } from "solid-js";
+import { template as _$template } from "solid-js/web";
+import { use as _$use } from "solid-js/web";
+import { spread as _$spread } from "solid-js/web";
+import { mergeProps as _$mergeProps } from "solid-js/web";
+var _tmpl$ = /* @__PURE__ */ _$template(`<div data-echarts>`);
+import { createEffect, createSignal, onCleanup, splitProps } from "solid-js";
 import { createResizeObserver } from "@solid-primitives/resize-observer";
-import * as echarts from "echarts";
 import clsx from "clsx";
 import { twMerge } from "tailwind-merge";
 const baseClass = clsx("block", "size-full");
@@ -8,14 +12,22 @@ const Echarts = (props) => {
   const [local, rest] = splitProps(props, ["option", "loading", "class"]);
   let containerRef;
   let chart;
+  const [ready, setReady] = createSignal(false);
   createEffect(() => {
-    chart = echarts.init(containerRef, null, { renderer: "svg" });
-    onCleanup(() => chart.dispose());
+    void import("echarts").then((echarts) => {
+      chart = echarts.init(containerRef, null, {
+        renderer: "svg"
+      });
+      setReady(true);
+    });
+    onCleanup(() => chart == null ? void 0 : chart.dispose());
   });
   createEffect(() => {
+    if (!ready()) return;
     chart.setOption(local.option);
   });
   createEffect(() => {
+    if (!ready()) return;
     if (local.loading) {
       chart.showLoading();
     } else {
@@ -23,9 +35,19 @@ const Echarts = (props) => {
     }
   });
   createResizeObserver(containerRef, () => {
-    chart.resize();
+    chart == null ? void 0 : chart.resize();
   });
-  return /* @__PURE__ */ React.createElement("div", { "data-echarts": true, ref: containerRef, class: twMerge(baseClass, local.class), ...rest });
+  return (() => {
+    var _el$ = _tmpl$();
+    var _ref$ = containerRef;
+    typeof _ref$ === "function" ? _$use(_ref$, _el$) : containerRef = _el$;
+    _$spread(_el$, _$mergeProps({
+      get ["class"]() {
+        return twMerge(baseClass, local.class);
+      }
+    }, rest), false, false);
+    return _el$;
+  })();
 };
 export {
   Echarts

package/dist/components/display/Echarts.js.map

@@ -1,7 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../src/components/display/Echarts.tsx"],
-  "sourcesContent": ["import { type Component, createEffect, onCleanup, splitProps, type JSX } from \"solid-js\";\nimport { createResizeObserver } from \"@solid-primitives/resize-observer\";\nimport * as echarts from \"echarts\";\nimport clsx from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport interface EchartsProps extends JSX.HTMLAttributes<HTMLDivElement> {\n  option: echarts.EChartsOption;\n  loading?: boolean;\n}\n\nconst baseClass = clsx(\"block\", \"size-full\");\n\nexport const Echarts: Component<EchartsProps> = (props) => {\n  const [local, rest] = splitProps(props, [\"option\", \"loading\", \"class\"]);\n  let containerRef!: HTMLDivElement;\n  let chart: echarts.EChartsType;\n\n  // \uB9C8\uC6B4\uD2B8 \uC2DC \uCC28\uD2B8 \uCD08\uAE30\uD654 + \uC5B8\uB9C8\uC6B4\uD2B8 \uC2DC \uC815\uB9AC\n  createEffect(() => {\n    chart = echarts.init(containerRef, null, { renderer: \"svg\" });\n    onCleanup(() => chart.dispose());\n  });\n\n  // option \uBCC0\uACBD \uAC10\uC9C0\n  createEffect(() => {\n    chart.setOption(local.option);\n  });\n\n  // loading \uC0C1\uD0DC \uBCC0\uACBD \uAC10\uC9C0\n  createEffect(() => {\n    if (local.loading) {\n      chart.showLoading();\n    } else {\n      chart.hideLoading();\n    }\n  });\n\n  // \uCEE8\uD14C\uC774\uB108 \uD06C\uAE30 \uBCC0\uACBD \uAC10\uC9C0\n  createResizeObserver(containerRef, () => {\n    chart.resize();\n  });\n\n  return <div data-echarts ref={containerRef} class={twMerge(baseClass, local.class)} {...rest} />;\n};\n"],
-  "mappings": "AAAA,SAAyB,cAAc,WAAW,kBAA4B;AAC9E,SAAS,4BAA4B;AACrC,YAAY,aAAa;AACzB,OAAO,UAAU;AACjB,SAAS,eAAe;AAOxB,MAAM,YAAY,KAAK,SAAS,WAAW;AAEpC,MAAM,UAAmC,CAAC,UAAU;AACzD,QAAM,CAAC,OAAO,IAAI,IAAI,WAAW,OAAO,CAAC,UAAU,WAAW,OAAO,CAAC;AACtE,MAAI;AACJ,MAAI;AAGJ,eAAa,MAAM;AACjB,YAAQ,QAAQ,KAAK,cAAc,MAAM,EAAE,UAAU,MAAM,CAAC;AAC5D,cAAU,MAAM,MAAM,QAAQ,CAAC;AAAA,EACjC,CAAC;AAGD,eAAa,MAAM;AACjB,UAAM,UAAU,MAAM,MAAM;AAAA,EAC9B,CAAC;AAGD,eAAa,MAAM;AACjB,QAAI,MAAM,SAAS;AACjB,YAAM,YAAY;AAAA,IACpB,OAAO;AACL,YAAM,YAAY;AAAA,IACpB;AAAA,EACF,CAAC;AAGD,uBAAqB,cAAc,MAAM;AACvC,UAAM,OAAO;AAAA,EACf,CAAC;AAED,SAAO,oCAAC,SAAI,gBAAY,MAAC,KAAK,cAAc,OAAO,QAAQ,WAAW,MAAM,KAAK,GAAI,GAAG,MAAM;AAChG;",
-  "names": []
+  "mappings": ";;;;;AAAA,SAAyBA,cAAcC,cAAcC,WAAWC,kBAA4B;AAC5F,SAASC,4BAA4B;AAErC,OAAOC,UAAU;AACjB,SAASC,eAAe;AAOxB,MAAMC,YAAYF,KAAK,SAAS,WAAW;AAEpC,MAAMG,UAAoCC,WAAU;AACzD,QAAM,CAACC,OAAOC,IAAI,IAAIR,WAAWM,OAAO,CAAC,UAAU,WAAW,OAAO,CAAC;AACtE,MAAIG;AACJ,MAAIC;AACJ,QAAM,CAACC,OAAOC,QAAQ,IAAId,aAAa,KAAK;AAG5CD,eAAa,MAAM;AACjB,SAAK,OAAO,SAAS,EAAEgB,KAAMC,aAAY;AACvCJ,cAAQI,QAAQC,KAAKN,cAAc,MAAM;QAAEO,UAAU;MAAM,CAAC;AAC5DJ,eAAS,IAAI;IACf,CAAC;AAEDb,cAAU,MAAMW,+BAAOO,SAAS;EAClC,CAAC;AAGDpB,eAAa,MAAM;AACjB,QAAI,CAACc,MAAM,EAAG;AACdD,UAAOQ,UAAUX,MAAMY,MAAM;EAC/B,CAAC;AAGDtB,eAAa,MAAM;AACjB,QAAI,CAACc,MAAM,EAAG;AACd,QAAIJ,MAAMa,SAAS;AACjBV,YAAOW,YAAY;IACrB,OAAO;AACLX,YAAOY,YAAY;IACrB;EACF,CAAC;AAGDrB,uBAAqBQ,cAAc,MAAM;AACvCC,mCAAOa;EACT,CAAC;AAED,UAAA,MAAA;AAAA,QAAAC,OAAAC,OAAA;AAAA,QAAAC,QAA8BjB;AAAY,WAAAiB,UAAA,aAAAC,MAAAD,OAAAF,IAAA,IAAZf,eAAYe;AAAAI,aAAAJ,MAAAK,aAAA;MAAA,KAAA,OAAA,IAAA;AAAA,eAAS1B,QAAQC,WAAWG,MAAMuB,KAAK;MAAC;IAAA,GAAMtB,IAAI,GAAA,OAAA,KAAA;AAAA,WAAAgB;EAAA,GAAA;AAC9F;",
+  "names": ["createEffect", "createSignal", "onCleanup", "splitProps", "createResizeObserver", "clsx", "twMerge", "baseClass", "Echarts", "props", "local", "rest", "containerRef", "chart", "ready", "setReady", "then", "echarts", "init", "renderer", "dispose", "setOption", "option", "loading", "showLoading", "hideLoading", "resize", "_el$", "_tmpl$", "_ref$", "_$use", "_$spread", "_$mergeProps", "class"]
 }

package/dist/components/display/Icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../src/components/display/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAc,MAAM,UAAU,CAAC;AAEtD,OAAO,KAAK,EAAE,SAAS,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAE1E,MAAM,WAAW,SAAU,SAAQ,IAAI,CAAC,eAAe,EAAE,MAAM,CAAC;IAC9D,IAAI,EAAE,SAAS,CAAC,eAAe,CAAC,CAAC;IACjC,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,IAAI,EAAE,SAAS,CAAC,SAAS,CAGrC,CAAC"}

package/dist/components/display/Icon.js

@@ -1,8 +1,19 @@
+import { createComponent as _$createComponent } from "solid-js/web";
+import { mergeProps as _$mergeProps } from "solid-js/web";
+import { memo as _$memo } from "solid-js/web";
 import { splitProps } from "solid-js";
 import { Dynamic } from "solid-js/web";
 const Icon = (props) => {
   const [local, rest] = splitProps(props, ["icon", "size"]);
-  return /* @__PURE__ */ React.createElement(Dynamic, { component: local.icon, "data-icon": true, size: local.size ?? "1.25em", ...rest });
+  return _$createComponent(Dynamic, _$mergeProps({
+    get component() {
+      return local.icon;
+    },
+    "data-icon": true,
+    get size() {
+      return local.size ?? "1.25em";
+    }
+  }, rest));
 };
 export {
   Icon

package/dist/components/display/Icon.js.map

@@ -1,7 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../src/components/display/Icon.tsx"],
-  "sourcesContent": ["import { type Component, splitProps } from \"solid-js\";\nimport { Dynamic } from \"solid-js/web\";\nimport type { IconProps as TablerIconProps } from \"@tabler/icons-solidjs\";\n\nexport interface IconProps extends Omit<TablerIconProps, \"size\"> {\n  icon: Component<TablerIconProps>;\n  size?: string | number;\n}\n\nexport const Icon: Component<IconProps> = (props) => {\n  const [local, rest] = splitProps(props, [\"icon\", \"size\"]);\n  return <Dynamic component={local.icon} data-icon size={local.size ?? \"1.25em\"} {...rest} />;\n};\n"],
-  "mappings": "AAAA,SAAyB,kBAAkB;AAC3C,SAAS,eAAe;AAQjB,MAAM,OAA6B,CAAC,UAAU;AACnD,QAAM,CAAC,OAAO,IAAI,IAAI,WAAW,OAAO,CAAC,QAAQ,MAAM,CAAC;AACxD,SAAO,oCAAC,WAAQ,WAAW,MAAM,MAAM,aAAS,MAAC,MAAM,MAAM,QAAQ,UAAW,GAAG,MAAM;AAC3F;",
-  "names": []
+  "mappings": ";;;AAAA,SAAyBA,kBAAkB;AAC3C,SAASC,eAAe;AAQjB,MAAMC,OAA8BC,WAAU;AACnD,QAAM,CAACC,OAAOC,IAAI,IAAIL,WAAWG,OAAO,CAAC,QAAQ,MAAM,CAAC;AACxD,SAAAG,kBAAQL,SAAOM,aAAA;IAAA,IAACC,YAAS;AAAA,aAAEJ,MAAMK;IAAI;IAAA,aAAA;IAAA,IAAYC,OAAI;AAAA,aAAEN,MAAMM,QAAQ;IAAQ;EAAA,GAAML,IAAI,CAAA;AACzF;",
+  "names": ["splitProps", "Dynamic", "Icon", "props", "local", "rest", "_$createComponent", "_$mergeProps", "component", "icon", "size"]
 }

package/dist/components/display/Tag.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tag.d.ts","sourceRoot":"","sources":["../../../src/components/display/Tag.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,GAAG,EAAE,KAAK,eAAe,EAAc,MAAM,UAAU,CAAC;AAGtE,OAAO,EAAE,KAAK,aAAa,EAAe,MAAM,4BAA4B,CAAC;AAE7E,MAAM,MAAM,QAAQ,GAAG,aAAa,CAAC;AAErC,MAAM,WAAW,QAAS,SAAQ,GAAG,CAAC,cAAc,CAAC,eAAe,CAAC;IACnE,KAAK,CAAC,EAAE,QAAQ,CAAC;CAClB;AAQD,eAAO,MAAM,GAAG,EAAE,eAAe,CAAC,QAAQ,CAazC,CAAC"}

package/dist/components/display/Tag.js

@@ -1,18 +1,30 @@
+import { template as _$template } from "solid-js/web";
+import { insert as _$insert } from "solid-js/web";
+import { spread as _$spread } from "solid-js/web";
+import { mergeProps as _$mergeProps } from "solid-js/web";
+var _tmpl$ = /* @__PURE__ */ _$template(`<span data-tag>`);
 import { splitProps } from "solid-js";
 import clsx from "clsx";
 import { twMerge } from "tailwind-merge";
-import { themeTokens } from "../../styles/tokens.styles";
+import { themeTokens } from "../../styles/tokens.styles.js";
 const baseClass = clsx("inline-block", "text-white", "px-1.5", "rounded-md");
-const themeClasses = Object.fromEntries(
-  Object.entries(themeTokens).map(([theme, t]) => [theme, t.solid])
-);
+const themeClasses = Object.fromEntries(Object.entries(themeTokens).map(([theme, t]) => [theme, t.solid]));
 const Tag = (props) => {
   const [local, rest] = splitProps(props, ["children", "class", "theme"]);
   const getClassName = () => {
     const theme = local.theme ?? "base";
     return twMerge(baseClass, themeClasses[theme], local.class);
   };
-  return /* @__PURE__ */ React.createElement("span", { "data-tag": true, class: getClassName(), ...rest }, local.children);
+  return (() => {
+    var _el$ = _tmpl$();
+    _$spread(_el$, _$mergeProps({
+      get ["class"]() {
+        return getClassName();
+      }
+    }, rest), false, true);
+    _$insert(_el$, () => local.children);
+    return _el$;
+  })();
 };
 export {
   Tag

package/dist/components/display/Tag.js.map

@@ -1,7 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../src/components/display/Tag.tsx"],
-  "sourcesContent": ["import { type JSX, type ParentComponent, splitProps } from \"solid-js\";\nimport clsx from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\nimport { type SemanticTheme, themeTokens } from \"../../styles/tokens.styles\";\n\nexport type TagTheme = SemanticTheme;\n\nexport interface TagProps extends JSX.HTMLAttributes<HTMLSpanElement> {\n  theme?: TagTheme;\n}\n\nconst baseClass = clsx(\"inline-block\", \"text-white\", \"px-1.5\", \"rounded-md\");\n\nconst themeClasses: Record<TagTheme, string> = Object.fromEntries(\n  Object.entries(themeTokens).map(([theme, t]) => [theme, t.solid]),\n) as Record<TagTheme, string>;\n\nexport const Tag: ParentComponent<TagProps> = (props) => {\n  const [local, rest] = splitProps(props, [\"children\", \"class\", \"theme\"]);\n\n  const getClassName = () => {\n    const theme = local.theme ?? \"base\";\n    return twMerge(baseClass, themeClasses[theme], local.class);\n  };\n\n  return (\n    <span data-tag class={getClassName()} {...rest}>\n      {local.children}\n    </span>\n  );\n};\n"],
-  "mappings": "AAAA,SAAyC,kBAAkB;AAC3D,OAAO,UAAU;AACjB,SAAS,eAAe;AACxB,SAA6B,mBAAmB;AAQhD,MAAM,YAAY,KAAK,gBAAgB,cAAc,UAAU,YAAY;AAE3E,MAAM,eAAyC,OAAO;AAAA,EACpD,OAAO,QAAQ,WAAW,EAAE,IAAI,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,OAAO,EAAE,KAAK,CAAC;AAClE;AAEO,MAAM,MAAiC,CAAC,UAAU;AACvD,QAAM,CAAC,OAAO,IAAI,IAAI,WAAW,OAAO,CAAC,YAAY,SAAS,OAAO,CAAC;AAEtE,QAAM,eAAe,MAAM;AACzB,UAAM,QAAQ,MAAM,SAAS;AAC7B,WAAO,QAAQ,WAAW,aAAa,KAAK,GAAG,MAAM,KAAK;AAAA,EAC5D;AAEA,SACE,oCAAC,UAAK,YAAQ,MAAC,OAAO,aAAa,GAAI,GAAG,QACvC,MAAM,QACT;AAEJ;",
-  "names": []
+  "mappings": ";;;;;AAAA,SAAyCA,kBAAkB;AAC3D,OAAOC,UAAU;AACjB,SAASC,eAAe;AACxB,SAA6BC,mBAAmB;AAQhD,MAAMC,YAAYH,KAAK,gBAAgB,cAAc,UAAU,YAAY;AAE3E,MAAMI,eAAyCC,OAAOC,YACpDD,OAAOE,QAAQL,WAAW,EAAEM,IAAI,CAAC,CAACC,OAAOC,CAAC,MAAM,CAACD,OAAOC,EAAEC,KAAK,CAAC,CAClE;AAEO,MAAMC,MAAkCC,WAAU;AACvD,QAAM,CAACC,OAAOC,IAAI,IAAIhB,WAAWc,OAAO,CAAC,YAAY,SAAS,OAAO,CAAC;AAEtE,QAAMG,eAAeA,MAAM;AACzB,UAAMP,QAAQK,MAAML,SAAS;AAC7B,WAAOR,QAAQE,WAAWC,aAAaK,KAAK,GAAGK,MAAMG,KAAK;EAC5D;AAEA,UAAA,MAAA;AAAA,QAAAC,OAAAC,OAAA;AAAAC,aAAAF,MAAAG,aAAA;MAAA,KAAA,OAAA,IAAA;AAAA,eACwBL,aAAa;MAAC;IAAA,GAAMD,IAAI,GAAA,OAAA,IAAA;AAAAO,aAAAJ,MAAA,MAC3CJ,MAAMS,QAAQ;AAAA,WAAAL;EAAA,GAAA;AAGrB;",
+  "names": ["splitProps", "clsx", "twMerge", "themeTokens", "baseClass", "themeClasses", "Object", "fromEntries", "entries", "map", "theme", "t", "solid", "Tag", "props", "local", "rest", "getClassName", "class", "_el$", "_tmpl$", "_$spread", "_$mergeProps", "_$insert", "children"]
 }

package/dist/components/feedback/Progress.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Progress.d.ts","sourceRoot":"","sources":["../../../src/components/feedback/Progress.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,GAAG,EAAE,KAAK,eAAe,EAAoB,MAAM,UAAU,CAAC;AAG5E,OAAO,EAAE,KAAK,aAAa,EAAe,MAAM,4BAA4B,CAAC;AAE7E,MAAM,MAAM,aAAa,GAAG,aAAa,CAAC;AAC1C,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG,IAAI,CAAC;AAEvC,MAAM,WAAW,aAAc,SAAQ,GAAG,CAAC,cAAc,CAAC,cAAc,CAAC;IACvE,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAsBD,eAAO,MAAM,QAAQ,EAAE,eAAe,CAAC,aAAa,CAyBnD,CAAC"}

package/dist/components/feedback/Progress.js

@@ -1,23 +1,24 @@
+import { template as _$template } from "solid-js/web";
+import { setStyleProperty as _$setStyleProperty } from "solid-js/web";
+import { className as _$className } from "solid-js/web";
+import { effect as _$effect } from "solid-js/web";
+import { insert as _$insert } from "solid-js/web";
+import { createComponent as _$createComponent } from "solid-js/web";
+import { spread as _$spread } from "solid-js/web";
+import { mergeProps as _$mergeProps } from "solid-js/web";
+var _tmpl$ = /* @__PURE__ */ _$template(`<div data-progress><div></div><div>`);
 import { Show, splitProps } from "solid-js";
 import clsx from "clsx";
 import { twMerge } from "tailwind-merge";
-import { themeTokens } from "../../styles/tokens.styles";
-const baseClass = clsx(
-  "relative block w-full",
-  "overflow-hidden",
-  "rounded",
-  "bg-base-200 dark:bg-base-700",
-  "border border-base-200 dark:border-base-700"
-);
+import { themeTokens } from "../../styles/tokens.styles.js";
+const baseClass = clsx("relative block w-full", "overflow-hidden", "rounded", "bg-base-200 dark:bg-base-700", "border border-base-200 dark:border-base-700");
 const sizeClasses = {
   default: "py-1 px-2",
   sm: "py-0.5 px-2",
   lg: "py-2 px-3"
 };
 const insetClass = clsx("rounded-none", "border-0", "bg-transparent");
-const barThemeClasses = Object.fromEntries(
-  Object.entries(themeTokens).map(([theme, t]) => [theme, t.solid])
-);
+const barThemeClasses = Object.fromEntries(Object.entries(themeTokens).map(([theme, t]) => [theme, t.solid]));
 const Progress = (props) => {
   const [local, rest] = splitProps(props, ["children", "class", "theme", "size", "value", "inset"]);
   const getClassName = () => {
@@ -29,7 +30,37 @@ const Progress = (props) => {
     return clsx("absolute left-0 top-0 h-full", "z-[1]", "transition-all", barThemeClasses[theme]);
   };
   const getPercentText = () => (local.value * 100).toFixed(2) + "%";
-  return /* @__PURE__ */ React.createElement("div", { "data-progress": true, class: getClassName(), ...rest }, /* @__PURE__ */ React.createElement("div", { class: getBarClassName(), style: { width: getPercentText() } }), /* @__PURE__ */ React.createElement("div", { class: clsx("relative", "z-[2]", "text-right") }, /* @__PURE__ */ React.createElement(Show, { when: local.children, fallback: getPercentText() }, local.children)));
+  return (() => {
+    var _el$ = _tmpl$(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling;
+    _$spread(_el$, _$mergeProps({
+      get ["class"]() {
+        return getClassName();
+      }
+    }, rest), false, true);
+    _$insert(_el$3, _$createComponent(Show, {
+      get when() {
+        return local.children;
+      },
+      get fallback() {
+        return getPercentText();
+      },
+      get children() {
+        return local.children;
+      }
+    }));
+    _$effect((_p$) => {
+      var _v$ = getBarClassName(), _v$2 = getPercentText(), _v$3 = clsx("relative", "z-[2]", "text-right");
+      _v$ !== _p$.e && _$className(_el$2, _p$.e = _v$);
+      _v$2 !== _p$.t && _$setStyleProperty(_el$2, "width", _p$.t = _v$2);
+      _v$3 !== _p$.a && _$className(_el$3, _p$.a = _v$3);
+      return _p$;
+    }, {
+      e: void 0,
+      t: void 0,
+      a: void 0
+    });
+    return _el$;
+  })();
 };
 export {
   Progress

package/dist/components/feedback/Progress.js.map

@@ -1,7 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../src/components/feedback/Progress.tsx"],
-  "sourcesContent": ["import { type JSX, type ParentComponent, Show, splitProps } from \"solid-js\";\nimport clsx from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\nimport { type SemanticTheme, themeTokens } from \"../../styles/tokens.styles\";\n\nexport type ProgressTheme = SemanticTheme;\nexport type ProgressSize = \"sm\" | \"lg\";\n\nexport interface ProgressProps extends JSX.HTMLAttributes<HTMLDivElement> {\n  value: number;\n  theme?: ProgressTheme;\n  size?: ProgressSize;\n  inset?: boolean;\n}\n\nconst baseClass = clsx(\n  \"relative block w-full\",\n  \"overflow-hidden\",\n  \"rounded\",\n  \"bg-base-200 dark:bg-base-700\",\n  \"border border-base-200 dark:border-base-700\",\n);\n\nconst sizeClasses: Record<\"default\" | ProgressSize, string> = {\n  default: \"py-1 px-2\",\n  sm: \"py-0.5 px-2\",\n  lg: \"py-2 px-3\",\n};\n\nconst insetClass = clsx(\"rounded-none\", \"border-0\", \"bg-transparent\");\n\nconst barThemeClasses: Record<ProgressTheme, string> = Object.fromEntries(\n  Object.entries(themeTokens).map(([theme, t]) => [theme, t.solid]),\n) as Record<ProgressTheme, string>;\n\nexport const Progress: ParentComponent<ProgressProps> = (props) => {\n  const [local, rest] = splitProps(props, [\"children\", \"class\", \"theme\", \"size\", \"value\", \"inset\"]);\n\n  const getClassName = () => {\n    const size = local.size ?? \"default\";\n    return twMerge(baseClass, sizeClasses[size], local.inset ? insetClass : undefined, local.class);\n  };\n\n  const getBarClassName = () => {\n    const theme = local.theme ?? \"primary\";\n    return clsx(\"absolute left-0 top-0 h-full\", \"z-[1]\", \"transition-all\", barThemeClasses[theme]);\n  };\n\n  const getPercentText = () => (local.value * 100).toFixed(2) + \"%\";\n\n  return (\n    <div data-progress class={getClassName()} {...rest}>\n      <div class={getBarClassName()} style={{ width: getPercentText() }} />\n      <div class={clsx(\"relative\", \"z-[2]\", \"text-right\")}>\n        <Show when={local.children} fallback={getPercentText()}>\n          {local.children}\n        </Show>\n      </div>\n    </div>\n  );\n};\n"],
-  "mappings": "AAAA,SAAyC,MAAM,kBAAkB;AACjE,OAAO,UAAU;AACjB,SAAS,eAAe;AACxB,SAA6B,mBAAmB;AAYhD,MAAM,YAAY;AAAA,EAChB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEA,MAAM,cAAwD;AAAA,EAC5D,SAAS;AAAA,EACT,IAAI;AAAA,EACJ,IAAI;AACN;AAEA,MAAM,aAAa,KAAK,gBAAgB,YAAY,gBAAgB;AAEpE,MAAM,kBAAiD,OAAO;AAAA,EAC5D,OAAO,QAAQ,WAAW,EAAE,IAAI,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,OAAO,EAAE,KAAK,CAAC;AAClE;AAEO,MAAM,WAA2C,CAAC,UAAU;AACjE,QAAM,CAAC,OAAO,IAAI,IAAI,WAAW,OAAO,CAAC,YAAY,SAAS,SAAS,QAAQ,SAAS,OAAO,CAAC;AAEhG,QAAM,eAAe,MAAM;AACzB,UAAM,OAAO,MAAM,QAAQ;AAC3B,WAAO,QAAQ,WAAW,YAAY,IAAI,GAAG,MAAM,QAAQ,aAAa,QAAW,MAAM,KAAK;AAAA,EAChG;AAEA,QAAM,kBAAkB,MAAM;AAC5B,UAAM,QAAQ,MAAM,SAAS;AAC7B,WAAO,KAAK,gCAAgC,SAAS,kBAAkB,gBAAgB,KAAK,CAAC;AAAA,EAC/F;AAEA,QAAM,iBAAiB,OAAO,MAAM,QAAQ,KAAK,QAAQ,CAAC,IAAI;AAE9D,SACE,oCAAC,SAAI,iBAAa,MAAC,OAAO,aAAa,GAAI,GAAG,QAC5C,oCAAC,SAAI,OAAO,gBAAgB,GAAG,OAAO,EAAE,OAAO,eAAe,EAAE,GAAG,GACnE,oCAAC,SAAI,OAAO,KAAK,YAAY,SAAS,YAAY,KAChD,oCAAC,QAAK,MAAM,MAAM,UAAU,UAAU,eAAe,KAClD,MAAM,QACT,CACF,CACF;AAEJ;",
-  "names": []
+  "mappings": ";;;;;;;;;AAAA,SAAyCA,MAAMC,kBAAkB;AACjE,OAAOC,UAAU;AACjB,SAASC,eAAe;AACxB,SAA6BC,mBAAmB;AAYhD,MAAMC,YAAYH,KAChB,yBACA,mBACA,WACA,gCACA,6CACF;AAEA,MAAMI,cAAwD;EAC5DC,SAAS;EACTC,IAAI;EACJC,IAAI;AACN;AAEA,MAAMC,aAAaR,KAAK,gBAAgB,YAAY,gBAAgB;AAEpE,MAAMS,kBAAiDC,OAAOC,YAC5DD,OAAOE,QAAQV,WAAW,EAAEW,IAAI,CAAC,CAACC,OAAOC,CAAC,MAAM,CAACD,OAAOC,EAAEC,KAAK,CAAC,CAClE;AAEO,MAAMC,WAA4CC,WAAU;AACjE,QAAM,CAACC,OAAOC,IAAI,IAAIrB,WAAWmB,OAAO,CAAC,YAAY,SAAS,SAAS,QAAQ,SAAS,OAAO,CAAC;AAEhG,QAAMG,eAAeA,MAAM;AACzB,UAAMC,OAAOH,MAAMG,QAAQ;AAC3B,WAAOrB,QAAQE,WAAWC,YAAYkB,IAAI,GAAGH,MAAMI,QAAQf,aAAagB,QAAWL,MAAMM,KAAK;EAChG;AAEA,QAAMC,kBAAkBA,MAAM;AAC5B,UAAMZ,QAAQK,MAAML,SAAS;AAC7B,WAAOd,KAAK,gCAAgC,SAAS,kBAAkBS,gBAAgBK,KAAK,CAAC;EAC/F;AAEA,QAAMa,iBAAiBA,OAAOR,MAAMS,QAAQ,KAAKC,QAAQ,CAAC,IAAI;AAE9D,UAAA,MAAA;AAAA,QAAAC,OAAAC,OAAA,GAAAC,QAAAF,KAAAG,YAAAC,QAAAF,MAAAG;AAAAC,aAAAN,MAAAO,aAAA;MAAA,KAAA,OAAA,IAAA;AAAA,eAC4BhB,aAAa;MAAC;IAAA,GAAMD,IAAI,GAAA,OAAA,IAAA;AAAAkB,aAAAJ,OAAAK,kBAG7CzC,MAAI;MAAA,IAAC0C,OAAI;AAAA,eAAErB,MAAMsB;MAAQ;MAAA,IAAEC,WAAQ;AAAA,eAAEf,eAAe;MAAC;MAAA,IAAAc,WAAA;AAAA,eACnDtB,MAAMsB;MAAQ;IAAA,CAAA,CAAA;AAAAE,aAAAC,SAAA;AAAA,UAAAC,MAHPnB,gBAAgB,GAACoB,OAAkBnB,eAAe,GAACoB,OACnD/C,KAAK,YAAY,SAAS,YAAY;AAAC6C,cAAAD,IAAAI,KAAAC,YAAAjB,OAAAY,IAAAI,IAAAH,GAAA;AAAAC,eAAAF,IAAA7B,KAAAmC,mBAAAlB,OAAA,SAAAY,IAAA7B,IAAA+B,IAAA;AAAAC,eAAAH,IAAAO,KAAAF,YAAAf,OAAAU,IAAAO,IAAAJ,IAAA;AAAA,aAAAH;IAAA,GAAA;MAAAI,GAAAxB;MAAAT,GAAAS;MAAA2B,GAAA3B;IAAA,CAAA;AAAA,WAAAM;EAAA,GAAA;AAOzD;",
+  "names": ["Show", "splitProps", "clsx", "twMerge", "themeTokens", "baseClass", "sizeClasses", "default", "sm", "lg", "insetClass", "barThemeClasses", "Object", "fromEntries", "entries", "map", "theme", "t", "solid", "Progress", "props", "local", "rest", "getClassName", "size", "inset", "undefined", "class", "getBarClassName", "getPercentText", "value", "toFixed", "_el$", "_tmpl$", "_el$2", "firstChild", "_el$3", "nextSibling", "_$spread", "_$mergeProps", "_$insert", "_$createComponent", "when", "children", "fallback", "_$effect", "_p$", "_v$", "_v$2", "_v$3", "e", "_$className", "_$setStyleProperty", "a"]
 }

package/dist/components/feedback/loading/LoadingContainer.css

@@ -0,0 +1,19 @@
+@keyframes sd-busy-bar-before {
+  0% {
+    transform: scaleX(0);
+  }
+  60%,
+  100% {
+    transform: scaleX(1);
+  }
+}
+
+@keyframes sd-busy-bar-after {
+  0%,
+  50% {
+    transform: scaleX(0);
+  }
+  100% {
+    transform: scaleX(1);
+  }
+}

package/dist/components/feedback/loading/LoadingContainer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingContainer.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/loading/LoadingContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,eAAe,EAAE,KAAK,GAAG,EAAyD,MAAM,UAAU,CAAC;AAGjH,OAAO,EAAkB,KAAK,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAEvE,OAAO,wBAAwB,CAAC;AAEhC,MAAM,WAAW,qBAAsB,SAAQ,IAAI,CAAC,GAAG,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IACjG,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;CACxB;AAmCD,eAAO,MAAM,gBAAgB,EAAE,eAAe,CAAC,qBAAqB,CAmFnE,CAAC"}