@smwb/ui-solid 0.8.1 → 0.9.0

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/source/components/base/icon/icon.jsx

@@ -1,7 +1,10 @@
 import "@smwb/ui-styles/less/components/icon/icon.entry.less";
-import { mergeProps, splitProps } from "solid-js";
+import { mergeProps, splitProps, useContext } from "solid-js";
 import cn from "clsx";
 import { mergeRefs } from "../../../primitives/mergeRefs";
+import { getIcon } from "../../../icons/registry";
+import { getIconConfig } from "../../../icons/config";
+import { createIconVersion, IconContext } from "./iconProvider";
 const COLOR_TOKENS = [
   "primary",
   "secondary",
@@ -11,6 +14,14 @@ const COLOR_TOKENS = [
   "info",
   "disabled"
 ];
+const warned = /* @__PURE__ */ new Set();
+function warnMissing(name) {
+  if (!getIconConfig().warnOnMissing || warned.has(name)) return;
+  warned.add(name);
+  console.warn(
+    `[smwb] Icon "${name}" is not registered. Register it (import { ${name} } from "@smwb/ui-solid/icons") or use source="auto" to fall back to Material Symbols.`
+  );
+}
 function Icon(props) {
   const merged = mergeProps(
     { weight: 400, fill: 0, size: 20, grade: 100, color: "inherit" },
@@ -26,31 +37,66 @@ function Icon(props) {
     "color",
     "title",
     "style",
+    "source",
     "ref"
   ]);
+  const context = useContext(IconContext);
+  const version = createIconVersion();
+  const source = () => {
+    version();
+    return local.source ?? context?.source ?? getIconConfig().source;
+  };
+  const definition = () => {
+    version();
+    return typeof local.name === "object" ? local.name : getIcon(local.name);
+  };
+  const glyph = () => typeof local.name === "string" ? local.name : local.name.name;
+  const mode = () => {
+    const resolved = source();
+    if (resolved === "google") return "google";
+    if (definition()) return "smwb";
+    if (resolved === "smwb") {
+      warnMissing(glyph());
+      return "missing";
+    }
+    return "google";
+  };
   const decorative = () => local.title === void 0;
   const colorClass = () => typeof local.color === "string" && COLOR_TOKENS.includes(local.color) ? `smwb-icon_color-${local.color}` : void 0;
   const styleObject = () => typeof local.style === "object" && local.style ? local.style : {};
+  const cssSize = () => typeof local.size === "number" ? `${local.size}px` : local.size;
+  const strokeWidth = () => Math.round(Math.min(3, Math.max(1, local.weight / 200)) * 100) / 100;
   return <span
     {...rest}
     ref={mergeRefs(local.ref)}
     data-testid="icon"
+    data-icon-source={mode()}
     role={decorative() ? void 0 : "img"}
     aria-hidden={decorative() ? true : void 0}
     aria-label={local.title}
     title={local.title}
     style={{
       ...styleObject(),
-      "font-variation-settings": `'FILL' ${local.fill}, 'wght' ${local.weight}, 'GRAD' ${local.grade}, 'opsz' 48`
+      ...mode() === "google" ? {
+        "font-variation-settings": `'FILL' ${local.fill}, 'wght' ${local.weight}, 'GRAD' ${local.grade}, 'opsz' 48`
+      } : null
     }}
     class={cn("smwb-icon__wrapper", colorClass(), local.class)}
   >
-      <span
-    class="material-symbols-outlined"
-    style={{ "font-size": typeof local.size === "number" ? `${local.size}px` : local.size }}
-  >
-        {local.name}
-      </span>
+      {mode() === "google" ? <span class="material-symbols-outlined" style={{ "font-size": cssSize() }}>
+          {glyph()}
+        </span> : <svg
+    class="smwb-icon__svg"
+    viewBox={definition()?.viewBox ?? "0 0 24 24"}
+    style={{ width: cssSize(), height: cssSize() }}
+    fill="none"
+    stroke="currentColor"
+    stroke-width={strokeWidth()}
+    stroke-linecap="round"
+    stroke-linejoin="round"
+    aria-hidden="true"
+    innerHTML={definition()?.body ?? ""}
+  />}
     </span>;
 }
 var icon_default = Icon;

package/dist/source/components/base/icon/icon.jsx.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/base/icon/icon.tsx"],"sourcesContent":["import \"@smwb/ui-styles/less/components/icon/icon.entry.less\";\nimport { type JSX, mergeProps, splitProps } from \"solid-js\";\nimport cn from \"clsx\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\n\nexport type IconColor = \"inherit\" | \"primary\" | \"secondary\" | \"error\" | \"success\" | \"warning\" | \"info\" | \"disabled\";\n\nconst COLOR_TOKENS: ReadonlyArray<string> = [\n  \"primary\",\n  \"secondary\",\n  \"error\",\n  \"success\",\n  \"warning\",\n  \"info\",\n  \"disabled\",\n];\n\nexport interface IconProps extends JSX.HTMLAttributes<HTMLSpanElement> {\n  /**\n   * Icon name from https://fonts.google.com/icons\n   * Example: name={\"arrow_right_alt\"}\n   */\n  name: string;\n  weight?: number;\n  fill?: 0 | 1;\n  /** Pixel number or any CSS length (e.g. \"1.5rem\"). */\n  size?: number | string;\n  grade?: number;\n  /**\n   * Semantic color token; `inherit` (default) keeps the text color. Any string\n   * is accepted for backward compatibility, but only known {@link IconColor}\n   * tokens emit a color class.\n   */\n  color?: IconColor | (string & {});\n  /**\n   * Accessible name. When provided the icon is exposed as `role=\"img\"`;\n   * otherwise it is `aria-hidden` (decorative).\n   */\n  title?: string;\n  ref?: Ref<HTMLSpanElement>;\n}\n\nexport function Icon(props: IconProps): JSX.Element {\n  const merged = mergeProps(\n    { weight: 400, fill: 0 as 0 | 1, size: 20 as number | string, grade: 100, color: \"inherit\" as IconProps[\"color\"] },\n    props\n  );\n  const [local, rest] = splitProps(merged, [\n    \"class\",\n    \"weight\",\n    \"fill\",\n    \"size\",\n    \"grade\",\n    \"name\",\n    \"color\",\n    \"title\",\n    \"style\",\n    \"ref\",\n  ]);\n\n  const decorative = (): boolean => local.title === undefined;\n  const colorClass = (): string | undefined =>\n    typeof local.color === \"string\" && COLOR_TOKENS.includes(local.color) ? `smwb-icon_color-${local.color}` : undefined;\n  const styleObject = (): JSX.CSSProperties => (typeof local.style === \"object\" && local.style ? local.style : {});\n\n  return (\n    <span\n      {...rest}\n      ref={mergeRefs(local.ref)}\n      data-testid=\"icon\"\n      role={decorative() ? undefined : \"img\"}\n      aria-hidden={decorative() ? true : undefined}\n      aria-label={local.title}\n      title={local.title}\n      style={{\n        ...styleObject(),\n        \"font-variation-settings\": `'FILL' ${local.fill}, 'wght' ${local.weight}, 'GRAD' ${local.grade}, 'opsz' 48`,\n      }}\n      class={cn(\"smwb-icon__wrapper\", colorClass(), local.class)}\n    >\n      <span\n        class=\"material-symbols-outlined\"\n        style={{ \"font-size\": typeof local.size === \"number\" ? `${local.size}px` : local.size }}\n      >\n        {local.name}\n      </span>\n    </span>\n  );\n}\n\nexport default Icon;\n"],"mappings":"AAAA,OAAO;AACP,SAAmB,YAAY,kBAAkB;AACjD,OAAO,QAAQ;AACf,SAAS,iBAA2B;AAIpC,MAAM,eAAsC;AAAA,EAC1C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AA2BO,SAAS,KAAK,OAA+B;AAClD,QAAM,SAAS;AAAA,IACb,EAAE,QAAQ,KAAK,MAAM,GAAY,MAAM,IAAuB,OAAO,KAAK,OAAO,UAAgC;AAAA,IACjH;AAAA,EACF;AACA,QAAM,CAAC,OAAO,IAAI,IAAI,WAAW,QAAQ;AAAA,IACvC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,QAAM,aAAa,MAAe,MAAM,UAAU;AAClD,QAAM,aAAa,MACjB,OAAO,MAAM,UAAU,YAAY,aAAa,SAAS,MAAM,KAAK,IAAI,mBAAmB,MAAM,KAAK,KAAK;AAC7G,QAAM,cAAc,MAA0B,OAAO,MAAM,UAAU,YAAY,MAAM,QAAQ,MAAM,QAAQ,CAAC;AAE9G,SACE,CAAC;AAAA,QACK;AAAA,IACJ,KAAK,UAAU,MAAM,GAAG;AAAA,IACxB,YAAY;AAAA,IACZ,MAAM,WAAW,IAAI,SAAY;AAAA,IACjC,aAAa,WAAW,IAAI,OAAO;AAAA,IACnC,YAAY,MAAM;AAAA,IAClB,OAAO,MAAM;AAAA,IACb,OAAO;AAAA,MACL,GAAG,YAAY;AAAA,MACf,2BAA2B,UAAU,MAAM,IAAI,YAAY,MAAM,MAAM,YAAY,MAAM,KAAK;AAAA,IAChG;AAAA,IACA,OAAO,GAAG,sBAAsB,WAAW,GAAG,MAAM,KAAK;AAAA,GAC1D;AAAA,MACC,CAAC;AAAA,IACC,MAAM;AAAA,IACN,OAAO,EAAE,aAAa,OAAO,MAAM,SAAS,WAAW,GAAG,MAAM,IAAI,OAAO,MAAM,KAAK;AAAA,GACvF;AAAA,SACE,MAAM,KAAK;AAAA,MACd,EALC,KAKM;AAAA,IACT,EApBC;AAsBL;AAEA,IAAO,eAAQ;","names":[],"file":"icon.jsx"}
+{"version":3,"sources":["../../../../../src/components/base/icon/icon.tsx"],"sourcesContent":["import \"@smwb/ui-styles/less/components/icon/icon.entry.less\";\n/* eslint-disable solid/no-innerhtml -- icon bodies are static SVG geometry\n   generated from icons/data into src/icons/svg; nothing user-supplied reaches\n   this attribute, and an <svg> assembled from JSX children cannot be handed to\n   a consumer as plain data. */\nimport { type JSX, mergeProps, splitProps, useContext } from \"solid-js\";\nimport cn from \"clsx\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\nimport { getIcon } from \"../../../icons/registry\";\nimport { getIconConfig } from \"../../../icons/config\";\nimport type { IconDefinition, IconSource } from \"../../../icons/types\";\nimport { createIconVersion, IconContext } from \"./iconProvider\";\n\nexport type IconColor = \"inherit\" | \"primary\" | \"secondary\" | \"error\" | \"success\" | \"warning\" | \"info\" | \"disabled\";\n\nconst COLOR_TOKENS: ReadonlyArray<string> = [\n  \"primary\",\n  \"secondary\",\n  \"error\",\n  \"success\",\n  \"warning\",\n  \"info\",\n  \"disabled\",\n];\n\nconst warned = new Set<string>();\n\nfunction warnMissing(name: string): void {\n  if (!getIconConfig().warnOnMissing || warned.has(name)) return;\n  warned.add(name);\n  console.warn(\n    `[smwb] Icon \"${name}\" is not registered. Register it (import { ${name} } from \"@smwb/ui-solid/icons\") ` +\n      `or use source=\"auto\" to fall back to Material Symbols.`\n  );\n}\n\nexport interface IconProps extends JSX.HTMLAttributes<HTMLSpanElement> {\n  /**\n   * Icon name — the Google Material Symbols name, e.g. `\"arrow_right_alt\"`.\n   * Lookup is forgiving: `arrowRightAlt` and `arrow-right-alt` resolve too, as\n   * do an icon's aliases.\n   *\n   * An {@link IconDefinition} may be passed instead, which skips the registry\n   * entirely and is the most bundle-friendly form:\n   *\n   * ```tsx\n   * import { arrowRightAlt } from \"@smwb/ui-solid/icons\";\n   * <Icon name={arrowRightAlt} />\n   * ```\n   */\n  name: string | IconDefinition;\n  /**\n   * Material Symbols weight axis (100-700). For the smwb SVG set it maps to the\n   * stroke width: 400 → 2px, 700 → 3px, 100 → 1px.\n   */\n  weight?: number;\n  /** Material Symbols FILL axis. Not used by the smwb SVG set (it is a contour set). */\n  fill?: 0 | 1;\n  /** Pixel number or any CSS length (e.g. \"1.5rem\"). */\n  size?: number | string;\n  /** Material Symbols GRAD axis. Not used by the smwb SVG set. */\n  grade?: number;\n  /**\n   * Semantic color token; `inherit` (default) keeps the text color. Any string\n   * is accepted for backward compatibility, but only known {@link IconColor}\n   * tokens emit a color class.\n   */\n  color?: IconColor | (string & {});\n  /**\n   * Accessible name. When provided the icon is exposed as `role=\"img\"`;\n   * otherwise it is `aria-hidden` (decorative).\n   */\n  title?: string;\n  /** Overrides the icon source for this icon only. See {@link IconSource}. */\n  source?: IconSource;\n  ref?: Ref<HTMLSpanElement>;\n}\n\nexport function Icon(props: IconProps): JSX.Element {\n  const merged = mergeProps(\n    { weight: 400, fill: 0 as 0 | 1, size: 20 as number | string, grade: 100, color: \"inherit\" as IconProps[\"color\"] },\n    props\n  );\n  const [local, rest] = splitProps(merged, [\n    \"class\",\n    \"weight\",\n    \"fill\",\n    \"size\",\n    \"grade\",\n    \"name\",\n    \"color\",\n    \"title\",\n    \"style\",\n    \"source\",\n    \"ref\",\n  ]);\n\n  const context = useContext(IconContext);\n  // Re-reads the registry when icons are registered late (lazy chunks, HMR).\n  const version = createIconVersion();\n\n  const source = (): IconSource => {\n    version();\n    return local.source ?? context?.source ?? getIconConfig().source;\n  };\n  const definition = (): IconDefinition | undefined => {\n    version();\n    return typeof local.name === \"object\" ? local.name : getIcon(local.name);\n  };\n  const glyph = (): string => (typeof local.name === \"string\" ? local.name : local.name.name);\n\n  const mode = (): \"google\" | \"smwb\" | \"missing\" => {\n    const resolved = source();\n    if (resolved === \"google\") return \"google\";\n    if (definition()) return \"smwb\";\n    if (resolved === \"smwb\") {\n      warnMissing(glyph());\n      return \"missing\";\n    }\n    return \"google\";\n  };\n\n  const decorative = (): boolean => local.title === undefined;\n  const colorClass = (): string | undefined =>\n    typeof local.color === \"string\" && COLOR_TOKENS.includes(local.color) ? `smwb-icon_color-${local.color}` : undefined;\n  const styleObject = (): JSX.CSSProperties => (typeof local.style === \"object\" && local.style ? local.style : {});\n  const cssSize = (): string => (typeof local.size === \"number\" ? `${local.size}px` : local.size);\n  const strokeWidth = (): number => Math.round(Math.min(3, Math.max(1, local.weight / 200)) * 100) / 100;\n\n  return (\n    <span\n      {...rest}\n      ref={mergeRefs(local.ref)}\n      data-testid=\"icon\"\n      data-icon-source={mode()}\n      role={decorative() ? undefined : \"img\"}\n      aria-hidden={decorative() ? true : undefined}\n      aria-label={local.title}\n      title={local.title}\n      style={{\n        ...styleObject(),\n        ...(mode() === \"google\"\n          ? {\n              \"font-variation-settings\": `'FILL' ${local.fill}, 'wght' ${local.weight}, 'GRAD' ${local.grade}, 'opsz' 48`,\n            }\n          : null),\n      }}\n      class={cn(\"smwb-icon__wrapper\", colorClass(), local.class)}\n    >\n      {mode() === \"google\" ? (\n        <span class=\"material-symbols-outlined\" style={{ \"font-size\": cssSize() }}>\n          {glyph()}\n        </span>\n      ) : (\n        <svg\n          class=\"smwb-icon__svg\"\n          viewBox={definition()?.viewBox ?? \"0 0 24 24\"}\n          style={{ width: cssSize(), height: cssSize() }}\n          fill=\"none\"\n          stroke=\"currentColor\"\n          stroke-width={strokeWidth()}\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n          aria-hidden=\"true\"\n          innerHTML={definition()?.body ?? \"\"}\n        />\n      )}\n    </span>\n  );\n}\n\nexport default Icon;\n"],"mappings":"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","names":[],"file":"icon.jsx"}

package/dist/source/components/base/icon/iconProvider.jsx

@@ -0,0 +1,40 @@
+import { createContext, createSignal, onCleanup, onMount, useContext } from "solid-js";
+import { registerIcons } from "../../../icons/registry";
+import { getIconConfig } from "../../../icons/config";
+import { getIconVersion, subscribeIcons } from "../../../icons/store";
+const IconContext = createContext();
+function IconProvider(props) {
+  if (props.icons) registerIcons(props.icons);
+  const value = {
+    get source() {
+      return props.source;
+    }
+  };
+  return <IconContext.Provider value={value}>{props.children}</IconContext.Provider>;
+}
+function createIconVersion() {
+  const [version, setVersion] = createSignal(getIconVersion());
+  onMount(() => {
+    setVersion(getIconVersion());
+    const unsubscribe = subscribeIcons(() => setVersion(getIconVersion()));
+    onCleanup(unsubscribe);
+  });
+  return version;
+}
+function useIconSource(override) {
+  const context = useContext(IconContext);
+  const version = createIconVersion();
+  return () => {
+    version();
+    return override?.() ?? context?.source ?? getIconConfig().source;
+  };
+}
+var iconProvider_default = IconProvider;
+export {
+  IconContext,
+  IconProvider,
+  createIconVersion,
+  iconProvider_default as default,
+  useIconSource
+};
+//# sourceMappingURL=iconProvider.jsx.map

package/dist/source/components/base/icon/iconProvider.jsx.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/base/icon/iconProvider.tsx"],"sourcesContent":["import { createContext, createSignal, onCleanup, onMount, useContext, type JSX } from \"solid-js\";\nimport { registerIcons, type IconInput } from \"../../../icons/registry\";\nimport { getIconConfig } from \"../../../icons/config\";\nimport { getIconVersion, subscribeIcons } from \"../../../icons/store\";\nimport type { IconSource } from \"../../../icons/types\";\n\nexport interface IconContextValue {\n  /** Icon artwork for this subtree. Falls back to {@link configureIcons}. */\n  source?: IconSource | undefined;\n}\n\nexport const IconContext = createContext<IconContextValue>();\n\nexport interface IconProviderProps extends IconContextValue {\n  /**\n   * Icons to make available to `<Icon name=\"...\">` inside this subtree.\n   *\n   * ```tsx\n   * import { add, close, search } from \"@smwb/ui-solid/icons\";\n   *\n   * <IconProvider source=\"smwb\" icons={[add, close, search]}>\n   *   <App />\n   * </IconProvider>\n   * ```\n   *\n   * Registration is process-wide (the registry is a module singleton), so the\n   * prop is a convenience for apps that would otherwise call `registerIcons`\n   * at startup — not a scoping mechanism. It is read once, on creation.\n   */\n  icons?: IconInput;\n  children?: JSX.Element;\n}\n\n/**\n * Sets the icon source — and optionally registers icons — for a subtree.\n * `<Icon source>` still wins over the provider, and the provider wins over the\n * app-wide {@link configureIcons} default.\n */\nexport function IconProvider(props: IconProviderProps): JSX.Element {\n  // Registered in the component body, not an effect: icons must be in the\n  // registry before children render, on the server as well as the client.\n  if (props.icons) registerIcons(props.icons);\n\n  const value: IconContextValue = {\n    get source() {\n      return props.source;\n    },\n  };\n  return <IconContext.Provider value={value}>{props.children}</IconContext.Provider>;\n}\n\n/**\n * Tracks registry/config changes. Subscribing in `onMount` keeps the server\n * render side-effect free — nothing registers between `renderToString` and\n * hydration that the mount-time re-read below would miss.\n */\nexport function createIconVersion(): () => number {\n  const [version, setVersion] = createSignal(getIconVersion());\n  onMount(() => {\n    setVersion(getIconVersion());\n    const unsubscribe = subscribeIcons(() => setVersion(getIconVersion()));\n    onCleanup(unsubscribe);\n  });\n  return version;\n}\n\n/**\n * Resolves the icon source the way `<Icon>` does: explicit override, then the\n * nearest {@link IconProvider}, then the app-wide config (`\"auto\"` by default).\n */\nexport function useIconSource(override?: () => IconSource | undefined): () => IconSource {\n  const context = useContext(IconContext);\n  const version = createIconVersion();\n  return () => {\n    version();\n    return override?.() ?? context?.source ?? getIconConfig().source;\n  };\n}\n\nexport default IconProvider;\n"],"mappings":"AAAA,SAAS,eAAe,cAAc,WAAW,SAAS,kBAA4B;AACtF,SAAS,qBAAqC;AAC9C,SAAS,qBAAqB;AAC9B,SAAS,gBAAgB,sBAAsB;AAQxC,MAAM,cAAc,cAAgC;AA2BpD,SAAS,aAAa,OAAuC;AAGlE,MAAI,MAAM,MAAO,eAAc,MAAM,KAAK;AAE1C,QAAM,QAA0B;AAAA,IAC9B,IAAI,SAAS;AACX,aAAO,MAAM;AAAA,IACf;AAAA,EACF;AACA,SAAO,CAAC,YAAY,SAAS,OAAO,QAAQ,MAAM,SAAS,EAAnD,YAAY;AACtB;AAOO,SAAS,oBAAkC;AAChD,QAAM,CAAC,SAAS,UAAU,IAAI,aAAa,eAAe,CAAC;AAC3D,UAAQ,MAAM;AACZ,eAAW,eAAe,CAAC;AAC3B,UAAM,cAAc,eAAe,MAAM,WAAW,eAAe,CAAC,CAAC;AACrE,cAAU,WAAW;AAAA,EACvB,CAAC;AACD,SAAO;AACT;AAMO,SAAS,cAAc,UAA2D;AACvF,QAAM,UAAU,WAAW,WAAW;AACtC,QAAM,UAAU,kBAAkB;AAClC,SAAO,MAAM;AACX,YAAQ;AACR,WAAO,WAAW,KAAK,SAAS,UAAU,cAAc,EAAE;AAAA,EAC5D;AACF;AAEA,IAAO,uBAAQ;","names":[],"file":"iconProvider.jsx"}

package/dist/source/components/base/icon/index.js

@@ -1,6 +1,11 @@
 import { Icon, default as default2 } from "./icon";
+import { IconProvider, IconContext, useIconSource, createIconVersion } from "./iconProvider";
 export {
   Icon,
-  default2 as default
+  IconContext,
+  IconProvider,
+  createIconVersion,
+  default2 as default,
+  useIconSource
 };
 //# sourceMappingURL=index.js.map

package/dist/source/components/base/icon/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/components/base/icon/index.ts"],
-  "sourcesContent": ["export { Icon, default } from \"./icon\";\nexport type { IconProps, IconColor } from \"./icon\";\n"],
-  "mappings": "AAAA,SAAS,MAAM,WAAAA,gBAAe;",
+  "sourcesContent": ["export { Icon, default } from \"./icon\";\nexport type { IconProps, IconColor } from \"./icon\";\nexport { IconProvider, IconContext, useIconSource, createIconVersion } from \"./iconProvider\";\nexport type { IconProviderProps, IconContextValue } from \"./iconProvider\";\n"],
+  "mappings": "AAAA,SAAS,MAAM,WAAAA,gBAAe;AAE9B,SAAS,cAAc,aAAa,eAAe,yBAAyB;",
   "names": ["default"]
 }

package/dist/source/icons/all.js

@@ -0,0 +1,11 @@
+import * as icons from "./svg";
+import { registerIcons } from "./registry";
+function registerAllIcons() {
+  registerIcons(icons);
+}
+var all_default = registerAllIcons;
+export {
+  all_default as default,
+  registerAllIcons
+};
+//# sourceMappingURL=all.js.map

package/dist/source/icons/all.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/icons/all.ts"],
+  "sourcesContent": ["import * as icons from \"./svg\";\nimport { registerIcons } from \"./registry\";\n\n/**\n * Registers the **entire** smwb icon set.\n *\n * Importing this module pulls every icon into the bundle \u2014 that is the point of\n * a separate entry point. Use it in Storybook, docs, an icon picker, or a small\n * internal app; in a product bundle prefer registering only what you render:\n *\n * ```ts\n * import { add, close, search } from \"@smwb/ui-solid/icons\";\n * registerIcons([add, close, search]);\n * ```\n */\nexport function registerAllIcons(): void {\n  registerIcons(icons);\n}\n\nexport default registerAllIcons;\n"],
+  "mappings": "AAAA,YAAY,WAAW;AACvB,SAAS,qBAAqB;AAcvB,SAAS,mBAAyB;AACvC,gBAAc,KAAK;AACrB;AAEA,IAAO,cAAQ;",
+  "names": []
+}