@clubmed/trident-icons 1.3.1 → 1.3.2-beta.2

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # ClubMed React UI components changelog
 
+## [1.3.2-beta.2](https://scm.clubmed.com/clubmed/ui/trident-icons/compare/v1.3.2-beta.1...v1.3.2-beta.2) (2025-08-08)
+
+
+### Bug Fixes
+
+* **icons:** enhance accessibility attributes for icon components ([f10e0a8](https://scm.clubmed.com/clubmed/ui/trident-icons/-/commit/f10e0a8e05d011bcb8522bc0188e548e591b6f4b))
+
+## [1.3.2-beta.1](https://scm.clubmed.com/clubmed/ui/trident-icons/compare/v1.3.1...v1.3.2-beta.1) (2025-03-21)
+
+
+### Bug Fixes
+
+* **ci:** use the new DockerInDocker image ([9b3e404](https://scm.clubmed.com/clubmed/ui/trident-icons/-/commit/9b3e4043b7b0fd3c920582fe3af264f300b94191))
+
 ## [1.3.1](https://scm.clubmed.com/clubmed/ui/trident-icons/compare/v1.3.0...v1.3.1) (2024-12-12)
 
 

package/contexts/IconsContext.d.ts

@@ -1,7 +1,6 @@
-import { FunctionComponent, PropsWithChildren } from 'react';
+import { AriaRole, ComponentPropsWithoutRef, FunctionComponent, PropsWithChildren } from 'react';
 import { IconOrientationProps } from '../hooks/useIconOrientation';
-import { CSS, Interpolation, SpringValue } from '@react-spring/web';
-export interface IconProps extends IconOrientationProps {
+export interface IconProps extends IconOrientationProps, Omit<ComponentPropsWithoutRef<'span'>, 'role' | 'aria-label'> {
     name: string;
     type?: string;
     /**
@@ -12,16 +11,8 @@ export interface IconProps extends IconOrientationProps {
      * Color
      */
     color?: string;
-    /**
-     * Additional class names
-     */
-    className?: string;
-    /**
-     * Additional styles
-     */
-    style?: {
-        [key: string]: string | number | SpringValue<string> | SpringValue<number> | Interpolation<string, string> | CSS.Properties;
-    };
+    'aria-label'?: string | null;
+    role?: AriaRole | null;
 }
 export type IconsRegistryValue<Props extends IconProps = IconProps> = IconResolverProps<Props> & {
     key: string;

package/contexts/IconsContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"IconsContext.js","sources":["../../lib/contexts/IconsContext.tsx"],"sourcesContent":["import { createContext, type FunctionComponent, type PropsWithChildren, useState } from 'react';\nimport type { IconOrientationProps } from '@/hooks/useIconOrientation';\nimport type { CSS, Interpolation, SpringValue } from '@react-spring/web';\n\nexport interface IconProps extends IconOrientationProps {\n  name: string;\n  type?: string;\n  /**\n   * Width of the icon\n   */\n  width?: string | null;\n  /**\n   * Color\n   */\n  color?: string;\n  /**\n   * Additional class names\n   */\n  className?: string;\n  /**\n   * Additional styles\n   */\n  style?: {\n    [key: string]:\n      | string\n      | number\n      | SpringValue<string>\n      | SpringValue<number>\n      | Interpolation<string, string>\n      | CSS.Properties;\n  };\n}\n\nexport type IconsRegistryValue<Props extends IconProps = IconProps> = IconResolverProps<Props> & {\n  key: string;\n};\n\nexport type IconResolverProps<Props extends IconProps = IconProps> = Props & {\n  name: string;\n  group?: string;\n  withOrientation?: boolean;\n  component: FunctionComponent<Props>;\n};\n\nexport const IconTypesRegistry = new Map<string, Map<string, IconsRegistryValue>>();\n\nfunction ucFirst(str: string | undefined) {\n  return str ? str.charAt(0).toUpperCase() + str.slice(1) : '';\n}\n\nfunction registerIcon<Props extends IconProps = IconProps>(props: IconResolverProps<Props>) {\n  const type = props.type || 'default';\n\n  const registry = IconTypesRegistry.get(type) || new Map<string, IconsRegistryValue>();\n\n  IconTypesRegistry.set(type, registry);\n\n  const key = props.name + ucFirst(props.orientation);\n\n  registry.set(key, { ...props, type, key } as unknown as IconsRegistryValue);\n}\n\nexport function loadIcons<Props extends IconProps = IconProps>(\n  icons: IconResolverProps<Props>[] | IconResolverProps<Props>[][],\n) {\n  icons.flat().forEach((options) => {\n    registerIcon<Props>(options as IconResolverProps<Props>);\n  });\n\n  return IconTypesRegistry;\n}\n\nexport const IconsContext = createContext<{\n  locale?: string;\n  container: Map<string, Map<string, IconsRegistryValue>>;\n  updateContainer: (_: IconResolverProps[] | IconResolverProps[][]) => void;\n}>({\n  locale: '',\n  container: IconTypesRegistry,\n  updateContainer: () => {},\n});\n\nexport function IconsProvider<Props extends IconProps = IconProps>({\n  icons,\n  locale,\n  children,\n}: PropsWithChildren<{\n  locale?: string;\n  icons: IconResolverProps<Props>[] | IconResolverProps<Props>[][];\n}>) {\n  const [container, updateContainer] = useState(() => {\n    return loadIcons(icons);\n  });\n\n  return (\n    <IconsContext.Provider\n      value={{\n        locale,\n        container,\n        updateContainer: (icons) => {\n          updateContainer(loadIcons(icons));\n        },\n      }}\n    >\n      {children}\n    </IconsContext.Provider>\n  );\n}\n"],"names":["IconTypesRegistry","ucFirst","str","registerIcon","props","type","registry","key","loadIcons","icons","options","IconsContext","createContext","IconsProvider","locale","children","container","updateContainer","useState","jsx"],"mappings":";;AA4Ca,MAAAA,wBAAwB,IAA6C;AAElF,SAASC,EAAQC,GAAyB;AACjC,SAAAA,IAAMA,EAAI,OAAO,CAAC,EAAE,YAAgB,IAAAA,EAAI,MAAM,CAAC,IAAI;AAC5D;AAEA,SAASC,EAAkDC,GAAiC;AACpF,QAAAC,IAAOD,EAAM,QAAQ,WAErBE,IAAWN,EAAkB,IAAIK,CAAI,yBAAS;AAElC,EAAAL,EAAA,IAAIK,GAAMC,CAAQ;AAEpC,QAAMC,IAAMH,EAAM,OAAOH,EAAQG,EAAM,WAAW;AAElD,EAAAE,EAAS,IAAIC,GAAK,EAAE,GAAGH,GAAO,MAAAC,GAAM,KAAAE,GAAsC;AAC5E;AAEO,SAASC,EACdC,GACA;AACA,SAAAA,EAAM,KAAK,EAAE,QAAQ,CAACC,MAAY;AAChC,IAAAP,EAAoBO,CAAmC;AAAA,EAAA,CACxD,GAEMV;AACT;AAEO,MAAMW,IAAeC,EAIzB;AAAA,EACD,QAAQ;AAAA,EACR,WAAWZ;AAAA,EACX,iBAAiB,MAAM;AAAA,EAAC;AAC1B,CAAC;AAEM,SAASa,EAAmD;AAAA,EACjE,OAAAJ;AAAA,EACA,QAAAK;AAAA,EACA,UAAAC;AACF,GAGI;AACF,QAAM,CAACC,GAAWC,CAAe,IAAIC,EAAS,MACrCV,EAAUC,CAAK,CACvB;AAGC,SAAA,gBAAAU;AAAA,IAACR,EAAa;AAAA,IAAb;AAAA,MACC,OAAO;AAAA,QACL,QAAAG;AAAA,QACA,WAAAE;AAAA,QACA,iBAAiB,CAACP,MAAU;AACV,UAAAQ,EAAAT,EAAUC,CAAK,CAAC;AAAA,QAClC;AAAA,MACF;AAAA,MAEC,UAAAM;AAAA,IAAA;AAAA,EAAA;AAGP;"}
+{"version":3,"file":"IconsContext.js","sources":["../../lib/contexts/IconsContext.tsx"],"sourcesContent":["import {\n  type AriaRole,\n  type ComponentPropsWithoutRef,\n  createContext,\n  type FunctionComponent,\n  type PropsWithChildren,\n  useState,\n} from 'react';\nimport type { IconOrientationProps } from '@/hooks/useIconOrientation';\n\nexport interface IconProps\n  extends IconOrientationProps,\n    Omit<ComponentPropsWithoutRef<'span'>, 'role' | 'aria-label'> {\n  name: string;\n  type?: string;\n  /**\n   * Width of the icon\n   */\n  width?: string | null;\n  /**\n   * Color\n   */\n  color?: string;\n  'aria-label'?: string | null;\n  role?: AriaRole | null;\n}\n\nexport type IconsRegistryValue<Props extends IconProps = IconProps> = IconResolverProps<Props> & {\n  key: string;\n};\n\nexport type IconResolverProps<Props extends IconProps = IconProps> = Props & {\n  name: string;\n  group?: string;\n  withOrientation?: boolean;\n  component: FunctionComponent<Props>;\n};\n\nexport const IconTypesRegistry = new Map<string, Map<string, IconsRegistryValue>>();\n\nfunction ucFirst(str: string | undefined) {\n  return str ? str.charAt(0).toUpperCase() + str.slice(1) : '';\n}\n\nfunction registerIcon<Props extends IconProps = IconProps>(props: IconResolverProps<Props>) {\n  const type = props.type || 'default';\n\n  const registry = IconTypesRegistry.get(type) || new Map<string, IconsRegistryValue>();\n\n  IconTypesRegistry.set(type, registry);\n\n  const key = props.name + ucFirst(props.orientation);\n\n  registry.set(key, { ...props, type, key } as unknown as IconsRegistryValue);\n}\n\nexport function loadIcons<Props extends IconProps = IconProps>(\n  icons: IconResolverProps<Props>[] | IconResolverProps<Props>[][],\n) {\n  icons.flat().forEach((options) => {\n    registerIcon<Props>(options as IconResolverProps<Props>);\n  });\n\n  return IconTypesRegistry;\n}\n\nexport const IconsContext = createContext<{\n  locale?: string;\n  container: Map<string, Map<string, IconsRegistryValue>>;\n  updateContainer: (_: IconResolverProps[] | IconResolverProps[][]) => void;\n}>({\n  locale: '',\n  container: IconTypesRegistry,\n  updateContainer: () => {},\n});\n\nexport function IconsProvider<Props extends IconProps = IconProps>({\n  icons,\n  locale,\n  children,\n}: PropsWithChildren<{\n  locale?: string;\n  icons: IconResolverProps<Props>[] | IconResolverProps<Props>[][];\n}>) {\n  const [container, updateContainer] = useState(() => {\n    return loadIcons(icons);\n  });\n\n  return (\n    <IconsContext.Provider\n      value={{\n        locale,\n        container,\n        updateContainer: (icons) => {\n          updateContainer(loadIcons(icons));\n        },\n      }}\n    >\n      {children}\n    </IconsContext.Provider>\n  );\n}\n"],"names":["IconTypesRegistry","ucFirst","str","registerIcon","props","type","registry","key","loadIcons","icons","options","IconsContext","createContext","IconsProvider","locale","children","container","updateContainer","useState","jsx"],"mappings":";;AAsCa,MAAAA,wBAAwB,IAA6C;AAElF,SAASC,EAAQC,GAAyB;AACjC,SAAAA,IAAMA,EAAI,OAAO,CAAC,EAAE,YAAgB,IAAAA,EAAI,MAAM,CAAC,IAAI;AAC5D;AAEA,SAASC,EAAkDC,GAAiC;AACpF,QAAAC,IAAOD,EAAM,QAAQ,WAErBE,IAAWN,EAAkB,IAAIK,CAAI,yBAAS;AAElC,EAAAL,EAAA,IAAIK,GAAMC,CAAQ;AAEpC,QAAMC,IAAMH,EAAM,OAAOH,EAAQG,EAAM,WAAW;AAElD,EAAAE,EAAS,IAAIC,GAAK,EAAE,GAAGH,GAAO,MAAAC,GAAM,KAAAE,GAAsC;AAC5E;AAEO,SAASC,EACdC,GACA;AACA,SAAAA,EAAM,KAAK,EAAE,QAAQ,CAACC,MAAY;AAChC,IAAAP,EAAoBO,CAAmC;AAAA,EAAA,CACxD,GAEMV;AACT;AAEO,MAAMW,IAAeC,EAIzB;AAAA,EACD,QAAQ;AAAA,EACR,WAAWZ;AAAA,EACX,iBAAiB,MAAM;AAAA,EAAC;AAC1B,CAAC;AAEM,SAASa,EAAmD;AAAA,EACjE,OAAAJ;AAAA,EACA,QAAAK;AAAA,EACA,UAAAC;AACF,GAGI;AACF,QAAM,CAACC,GAAWC,CAAe,IAAIC,EAAS,MACrCV,EAAUC,CAAK,CACvB;AAGC,SAAA,gBAAAU;AAAA,IAACR,EAAa;AAAA,IAAb;AAAA,MACC,OAAO;AAAA,QACL,QAAAG;AAAA,QACA,WAAAE;AAAA,QACA,iBAAiB,CAACP,MAAU;AACV,UAAAQ,EAAAT,EAAUC,CAAK,CAAC;AAAA,QAClC;AAAA,MACF;AAAA,MAEC,UAAAM;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@clubmed/trident-icons",
-  "version": "1.3.1",
+  "version": "1.3.2-beta.2",
   "type": "module",
   "description": "Shared ClubMed Icons library",
   "keywords": [

package/svg/SvgIcon.js

@@ -1,35 +1,38 @@
-import { jsx as n } from "react/jsx-runtime";
-import { c as d } from "../chunks/index.js";
-import { Suspense as h } from "react";
+import { jsx as o } from "react/jsx-runtime";
+import { c as h } from "../chunks/index.js";
+import { Suspense as u } from "react";
 import { useIconOrientation as x } from "../hooks/useIconOrientation.js";
-function b(e) {
+import { omit as g } from "../utils/omit.js";
+function k(t) {
   const {
-    name: o,
-    className: i,
-    width: t = "16px",
-    color: s = "inherit",
-    style: r,
+    name: n,
+    className: e,
+    width: i = "16px",
+    color: r = "inherit",
+    style: s,
     element: a,
-    aspectRatio: c,
-    viewBox: l
-  } = e, { intrinsicClassName: m, transform: p } = x(e), f = `text-${s}`;
-  return /* @__PURE__ */ n(
+    aspectRatio: m,
+    viewBox: c,
+    ...l
+  } = t, { intrinsicClassName: p, transform: f } = x(t), d = `text-${r}`;
+  return /* @__PURE__ */ o(
     "span",
     {
-      className: d(
+      role: "presentation",
+      "aria-label": `Icon ${n}`,
+      ...g(l, ["group", "orientation", "type"]),
+      className: h(
         "inline-block shrink-0 align-middle",
-        m,
-        f,
-        i
+        p,
+        d,
+        e
       ),
-      style: { width: t, transform: p, aspectRatio: c, ...r },
-      role: "presentation",
-      "aria-label": `Icon ${o}`,
-      children: /* @__PURE__ */ n(h, { children: /* @__PURE__ */ n(a, { viewBox: l }) })
+      style: { width: i, transform: f, aspectRatio: m, ...s },
+      children: /* @__PURE__ */ o(u, { children: /* @__PURE__ */ o(a, { viewBox: c }) })
     }
   );
 }
 export {
-  b as SvgIcon
+  k as SvgIcon
 };
 //# sourceMappingURL=SvgIcon.js.map

package/svg/SvgIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"SvgIcon.js","sources":["../../lib/svg/SvgIcon.tsx"],"sourcesContent":["import classnames from 'classnames';\nimport { type ComponentProps, type ComponentType, type LazyExoticComponent, Suspense } from 'react';\nimport type { IconProps } from '@/IconsResolver';\nimport { useIconOrientation } from '@/hooks/useIconOrientation';\n\ntype SvgComponent = ComponentType<ComponentProps<'svg'> & { title?: string }>;\n\nexport interface SvgIconProps extends IconProps {\n  element: LazyExoticComponent<SvgComponent>;\n  /**\n   * default: '0 0 30 30',\n   */\n  viewBox?: string;\n  /**\n   * aspectRatio: 1\n   */\n  aspectRatio?: number;\n  intrinsicRotation?: number;\n  intrinsicClassName?: string;\n}\n\nexport function SvgIcon(props: SvgIconProps) {\n  const {\n    name,\n    className,\n    width = '16px',\n    color = 'inherit',\n    style,\n    element: SVG,\n    aspectRatio,\n    viewBox,\n  } = props;\n\n  const { intrinsicClassName, transform } = useIconOrientation(props);\n  const iconColor = `text-${color}`;\n\n  return (\n    <span\n      className={classnames(\n        'inline-block shrink-0 align-middle',\n        intrinsicClassName,\n        iconColor,\n        className,\n      )}\n      style={{ width: width!, transform, aspectRatio, ...style }}\n      role=\"presentation\"\n      aria-label={`Icon ${name}`}\n    >\n      <Suspense>\n        <SVG viewBox={viewBox} />\n      </Suspense>\n    </span>\n  );\n}\n"],"names":["SvgIcon","props","name","className","width","color","style","SVG","aspectRatio","viewBox","intrinsicClassName","transform","useIconOrientation","iconColor","jsx","classnames","Suspense"],"mappings":";;;;AAqBO,SAASA,EAAQC,GAAqB;AACrC,QAAA;AAAA,IACJ,MAAAC;AAAA,IACA,WAAAC;AAAA,IACA,OAAAC,IAAQ;AAAA,IACR,OAAAC,IAAQ;AAAA,IACR,OAAAC;AAAA,IACA,SAASC;AAAA,IACT,aAAAC;AAAA,IACA,SAAAC;AAAA,EACE,IAAAR,GAEE,EAAE,oBAAAS,GAAoB,WAAAC,EAAU,IAAIC,EAAmBX,CAAK,GAC5DY,IAAY,QAAQR,CAAK;AAG7B,SAAA,gBAAAS;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACT;AAAA,QACAL;AAAA,QACAG;AAAA,QACAV;AAAA,MACF;AAAA,MACA,OAAO,EAAE,OAAAC,GAAe,WAAAO,GAAW,aAAAH,GAAa,GAAGF,EAAM;AAAA,MACzD,MAAK;AAAA,MACL,cAAY,QAAQJ,CAAI;AAAA,MAExB,UAAC,gBAAAY,EAAAE,GAAA,EACC,UAAC,gBAAAF,EAAAP,GAAA,EAAI,SAAAE,EAAkB,CAAA,GACzB;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"SvgIcon.js","sources":["../../lib/svg/SvgIcon.tsx"],"sourcesContent":["import classnames from 'classnames';\nimport { type ComponentProps, type ComponentType, type LazyExoticComponent, Suspense } from 'react';\nimport type { IconProps } from '@/IconsResolver';\nimport { useIconOrientation } from '@/hooks/useIconOrientation';\nimport { omit } from '@/utils/omit';\n\ntype SvgComponent = ComponentType<ComponentProps<'svg'> & { title?: string }>;\n\nexport interface SvgIconProps extends IconProps {\n  element: LazyExoticComponent<SvgComponent>;\n  /**\n   * default: '0 0 30 30',\n   */\n  viewBox?: string;\n  /**\n   * aspectRatio: 1\n   */\n  aspectRatio?: number;\n  intrinsicRotation?: number;\n  intrinsicClassName?: string;\n}\n\nexport function SvgIcon(props: SvgIconProps) {\n  const {\n    name,\n    className,\n    width = '16px',\n    color = 'inherit',\n    style,\n    element: SVG,\n    aspectRatio,\n    viewBox,\n    ...attrs\n  } = props;\n\n  const { intrinsicClassName, transform } = useIconOrientation(props);\n  const iconColor = `text-${color}`;\n\n  return (\n    <span\n      role=\"presentation\"\n      aria-label={`Icon ${name}`}\n      {...omit(attrs, ['group', 'orientation', 'type'])}\n      className={classnames(\n        'inline-block shrink-0 align-middle',\n        intrinsicClassName,\n        iconColor,\n        className,\n      )}\n      style={{ width: width!, transform, aspectRatio, ...style }}\n    >\n      <Suspense>\n        <SVG viewBox={viewBox} />\n      </Suspense>\n    </span>\n  );\n}\n"],"names":["SvgIcon","props","name","className","width","color","style","SVG","aspectRatio","viewBox","attrs","intrinsicClassName","transform","useIconOrientation","iconColor","jsx","omit","classnames","Suspense"],"mappings":";;;;;AAsBO,SAASA,EAAQC,GAAqB;AACrC,QAAA;AAAA,IACJ,MAAAC;AAAA,IACA,WAAAC;AAAA,IACA,OAAAC,IAAQ;AAAA,IACR,OAAAC,IAAQ;AAAA,IACR,OAAAC;AAAA,IACA,SAASC;AAAA,IACT,aAAAC;AAAA,IACA,SAAAC;AAAA,IACA,GAAGC;AAAA,EACD,IAAAT,GAEE,EAAE,oBAAAU,GAAoB,WAAAC,EAAU,IAAIC,EAAmBZ,CAAK,GAC5Da,IAAY,QAAQT,CAAK;AAG7B,SAAA,gBAAAU;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAY,QAAQb,CAAI;AAAA,MACvB,GAAGc,EAAKN,GAAO,CAAC,SAAS,eAAe,MAAM,CAAC;AAAA,MAChD,WAAWO;AAAA,QACT;AAAA,QACAN;AAAA,QACAG;AAAA,QACAX;AAAA,MACF;AAAA,MACA,OAAO,EAAE,OAAAC,GAAe,WAAAQ,GAAW,aAAAJ,GAAa,GAAGF,EAAM;AAAA,MAEzD,UAAC,gBAAAS,EAAAG,GAAA,EACC,UAAC,gBAAAH,EAAAR,GAAA,EAAI,SAAAE,EAAkB,CAAA,GACzB;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/svg-use/SvgUseIcon.js

@@ -1,34 +1,37 @@
-import { jsx as n } from "react/jsx-runtime";
+import { jsx as o } from "react/jsx-runtime";
 import { c as x } from "../chunks/index.js";
 import { useIconOrientation as d } from "../hooks/useIconOrientation.js";
-function k(e) {
+import { omit as h } from "../utils/omit.js";
+function I(n) {
   const {
-    name: i,
-    className: o,
-    width: s = "16px",
+    name: t,
+    className: i,
+    width: e = "16px",
     color: r = "inherit",
-    style: t,
+    style: s,
     url: a,
     aspectRatio: l,
-    viewBox: c
-  } = e, { intrinsicClassName: m, transform: f } = d(e), p = `text-${r}`;
-  return /* @__PURE__ */ n(
+    viewBox: c,
+    ...m
+  } = n, { intrinsicClassName: p, transform: f } = d(n), u = `text-${r}`;
+  return /* @__PURE__ */ o(
     "span",
     {
+      "aria-label": `Icon ${t}`,
+      role: "presentation",
+      ...h(m, ["group", "orientation", "type"]),
       className: x(
         "inline-block shrink-0 align-middle",
-        m,
         p,
-        o
+        u,
+        i
       ),
-      style: { width: s, transform: f, aspectRatio: l, ...t },
-      "aria-label": `Icon ${i}`,
-      role: "presentation",
-      children: /* @__PURE__ */ n("svg", { viewBox: c, children: /* @__PURE__ */ n("use", { xlinkHref: a }) })
+      style: { width: e, transform: f, aspectRatio: l, ...s },
+      children: /* @__PURE__ */ o("svg", { viewBox: c, children: /* @__PURE__ */ o("use", { xlinkHref: a }) })
     }
   );
 }
 export {
-  k as SvgUseIcon
+  I as SvgUseIcon
 };
 //# sourceMappingURL=SvgUseIcon.js.map

package/svg-use/SvgUseIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"SvgUseIcon.js","sources":["../../lib/svg-use/SvgUseIcon.tsx"],"sourcesContent":["import classnames from 'classnames';\nimport type { IconProps } from '@/IconsResolver';\nimport { useIconOrientation } from '@/hooks/useIconOrientation';\n\nexport interface SvgUseIconProps extends IconProps {\n  url: string;\n  /**\n   * default: '0 0 30 30',\n   */\n  viewBox?: string;\n  /**\n   * aspectRatio: 1\n   */\n  aspectRatio?: number;\n  intrinsicRotation?: number;\n  intrinsicClassName?: string;\n}\n\nexport function SvgUseIcon(props: SvgUseIconProps) {\n  const {\n    name,\n    className,\n    width = '16px',\n    color = 'inherit',\n    style,\n    url,\n    aspectRatio,\n    viewBox,\n  } = props;\n  const { intrinsicClassName, transform } = useIconOrientation(props);\n\n  const iconColor = `text-${color}`;\n\n  return (\n    <span\n      className={classnames(\n        'inline-block shrink-0 align-middle',\n        intrinsicClassName,\n        iconColor,\n        className,\n      )}\n      style={{ width: width!, transform, aspectRatio, ...style }}\n      aria-label={`Icon ${name}`}\n      role=\"presentation\"\n    >\n      <svg viewBox={viewBox}>\n        <use xlinkHref={url} />\n      </svg>\n    </span>\n  );\n}\n"],"names":["SvgUseIcon","props","name","className","width","color","style","url","aspectRatio","viewBox","intrinsicClassName","transform","useIconOrientation","iconColor","jsx","classnames"],"mappings":";;;AAkBO,SAASA,EAAWC,GAAwB;AAC3C,QAAA;AAAA,IACJ,MAAAC;AAAA,IACA,WAAAC;AAAA,IACA,OAAAC,IAAQ;AAAA,IACR,OAAAC,IAAQ;AAAA,IACR,OAAAC;AAAA,IACA,KAAAC;AAAA,IACA,aAAAC;AAAA,IACA,SAAAC;AAAA,EACE,IAAAR,GACE,EAAE,oBAAAS,GAAoB,WAAAC,EAAU,IAAIC,EAAmBX,CAAK,GAE5DY,IAAY,QAAQR,CAAK;AAG7B,SAAA,gBAAAS;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACT;AAAA,QACAL;AAAA,QACAG;AAAA,QACAV;AAAA,MACF;AAAA,MACA,OAAO,EAAE,OAAAC,GAAe,WAAAO,GAAW,aAAAH,GAAa,GAAGF,EAAM;AAAA,MACzD,cAAY,QAAQJ,CAAI;AAAA,MACxB,MAAK;AAAA,MAEL,4BAAC,OAAI,EAAA,SAAAO,GACH,4BAAC,OAAI,EAAA,WAAWF,GAAK,EACvB,CAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"SvgUseIcon.js","sources":["../../lib/svg-use/SvgUseIcon.tsx"],"sourcesContent":["import classnames from 'classnames';\nimport type { IconProps } from '@/IconsResolver';\nimport { useIconOrientation } from '@/hooks/useIconOrientation';\nimport { omit } from '@/utils/omit';\n\nexport interface SvgUseIconProps extends IconProps {\n  url: string;\n  /**\n   * default: '0 0 30 30',\n   */\n  viewBox?: string;\n  /**\n   * aspectRatio: 1\n   */\n  aspectRatio?: number;\n  intrinsicRotation?: number;\n  intrinsicClassName?: string;\n}\n\nexport function SvgUseIcon(props: SvgUseIconProps) {\n  const {\n    name,\n    className,\n    width = '16px',\n    color = 'inherit',\n    style,\n    url,\n    aspectRatio,\n    viewBox,\n    ...attrs\n  } = props;\n  const { intrinsicClassName, transform } = useIconOrientation(props);\n\n  const iconColor = `text-${color}`;\n\n  return (\n    <span\n      aria-label={`Icon ${name}`}\n      role=\"presentation\"\n      {...omit(attrs, ['group', 'orientation', 'type'])}\n      className={classnames(\n        'inline-block shrink-0 align-middle',\n        intrinsicClassName,\n        iconColor,\n        className,\n      )}\n      style={{ width: width!, transform, aspectRatio, ...style }}\n    >\n      <svg viewBox={viewBox}>\n        <use xlinkHref={url} />\n      </svg>\n    </span>\n  );\n}\n"],"names":["SvgUseIcon","props","name","className","width","color","style","url","aspectRatio","viewBox","attrs","intrinsicClassName","transform","useIconOrientation","iconColor","jsx","omit","classnames"],"mappings":";;;;AAmBO,SAASA,EAAWC,GAAwB;AAC3C,QAAA;AAAA,IACJ,MAAAC;AAAA,IACA,WAAAC;AAAA,IACA,OAAAC,IAAQ;AAAA,IACR,OAAAC,IAAQ;AAAA,IACR,OAAAC;AAAA,IACA,KAAAC;AAAA,IACA,aAAAC;AAAA,IACA,SAAAC;AAAA,IACA,GAAGC;AAAA,EACD,IAAAT,GACE,EAAE,oBAAAU,GAAoB,WAAAC,EAAU,IAAIC,EAAmBZ,CAAK,GAE5Da,IAAY,QAAQT,CAAK;AAG7B,SAAA,gBAAAU;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,cAAY,QAAQb,CAAI;AAAA,MACxB,MAAK;AAAA,MACJ,GAAGc,EAAKN,GAAO,CAAC,SAAS,eAAe,MAAM,CAAC;AAAA,MAChD,WAAWO;AAAA,QACT;AAAA,QACAN;AAAA,QACAG;AAAA,QACAX;AAAA,MACF;AAAA,MACA,OAAO,EAAE,OAAAC,GAAe,WAAAQ,GAAW,aAAAJ,GAAa,GAAGF,EAAM;AAAA,MAEzD,4BAAC,OAAI,EAAA,SAAAG,GACH,4BAAC,OAAI,EAAA,WAAWF,GAAK,EACvB,CAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/utils/omit.d.ts

@@ -0,0 +1 @@
+export declare function omit<T extends Record<string, unknown>, K extends keyof T>(obj: any, keys: K[]): Omit<T, K>;

package/utils/omit.js

@@ -0,0 +1,10 @@
+function c(e, o) {
+  const n = {};
+  for (const t of Object.keys(e))
+    o.includes(t) || (n[t] = e[t]);
+  return n;
+}
+export {
+  c as omit
+};
+//# sourceMappingURL=omit.js.map

package/utils/omit.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"omit.js","sources":["../../lib/utils/omit.ts"],"sourcesContent":["export function omit<T extends Record<string, unknown>, K extends keyof T>(\n  obj: any,\n  keys: K[],\n): Omit<T, K> {\n  const result: any = {};\n\n  for (const key of Object.keys(obj)) {\n    if (!keys.includes(key as K)) {\n      result[key] = obj[key];\n    }\n  }\n\n  return result;\n}\n"],"names":["omit","obj","keys","result","key"],"mappings":"AAAgB,SAAAA,EACdC,GACAC,GACY;AACZ,QAAMC,IAAc,CAAA;AAEpB,aAAWC,KAAO,OAAO,KAAKH,CAAG;AAC/B,IAAKC,EAAK,SAASE,CAAQ,MAClBD,EAAAC,CAAG,IAAIH,EAAIG,CAAG;AAIlB,SAAAD;AACT;"}