@fanvue/ui 3.20.0 → 3.21.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/charts.d.ts CHANGED
@@ -7,11 +7,17 @@ import { ResponsiveContainer } from 'recharts';
7
7
  import { Tooltip } from 'recharts';
8
8
  import { ValueType } from 'recharts/types/component/DefaultTooltipContent';
9
9
 
10
+ /** Visual hierarchy of the card. Primary is for prominent, content-carrying cards; secondary for supporting cards within denser layouts. */
11
+ export declare type CardHierarchy = "primary" | "secondary";
12
+
10
13
  /**
11
14
  * Wraps any chart with a structured header containing title, subtitle,
12
15
  * optional trend chip, date range label, info tooltip, and a loading
13
16
  * skeleton state.
14
17
  *
18
+ * The surface treatment comes from the underlying {@link Card} and is driven by
19
+ * the `hierarchy` prop.
20
+ *
15
21
  * @example
16
22
  * ```tsx
17
23
  * <ChartCard
@@ -29,6 +35,8 @@ export declare const ChartCard: React_2.ForwardRefExoticComponent<ChartCardProps
29
35
 
30
36
  /** Props for {@link ChartCard}. */
31
37
  export declare interface ChartCardProps extends Omit<React_2.HTMLAttributes<HTMLDivElement>, "title"> {
38
+ /** Surface treatment of the underlying {@link Card}. @default "primary" */
39
+ hierarchy?: CardHierarchy;
32
40
  /** Card title text. Pass translated string for i18n. */
33
41
  title: React_2.ReactNode;
34
42
  /** Large subtitle value (e.g. formatted price or count). */
@@ -238,8 +246,9 @@ export declare interface ChartPieLegendProps extends React_2.HTMLAttributes<HTML
238
246
  }
239
247
 
240
248
  /**
241
- * Renders a grid of toggleable chips that control which series are visible
242
- * on a multi-series chart. Each toggle shows a color indicator dot and a label.
249
+ * Renders a grid of toggleable {@link Chip}s that control which series are
250
+ * visible on a multi-series chart. Each toggle shows a series colour dot and a
251
+ * label, and exposes its state through `aria-pressed`.
243
252
  *
244
253
  * @example
245
254
  * ```tsx
@@ -33,6 +33,7 @@ const TREND_CLASSES = {
33
33
  const ChartCard = React__namespace.forwardRef(
34
34
  ({
35
35
  className,
36
+ hierarchy = "primary",
36
37
  title,
37
38
  subtitle,
38
39
  tooltip,
@@ -43,7 +44,7 @@ const ChartCard = React__namespace.forwardRef(
43
44
  children,
44
45
  ...props
45
46
  }, ref) => {
46
- return /* @__PURE__ */ jsxRuntime.jsx(Card.Card, { ref, variant: "outlined", noPadding: true, className, ...props, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2 p-4", children: [
47
+ return /* @__PURE__ */ jsxRuntime.jsx(Card.Card, { ref, hierarchy, noPadding: true, className, ...props, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2 p-4", children: [
47
48
  loading ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
48
49
  /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Skeleton, { animation: "wave", variant: "rounded", className: "h-4 w-32" }),
49
50
  /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Skeleton, { animation: "wave", variant: "rounded", className: "h-7 w-44" }),
@@ -56,9 +57,10 @@ const ChartCard = React__namespace.forwardRef(
56
57
  IconButton.IconButton,
57
58
  {
58
59
  variant: "tertiary",
59
- size: "24",
60
+ size: "32",
60
61
  "aria-label": tooltipAriaLabel,
61
- icon: /* @__PURE__ */ jsxRuntime.jsx(InfoCircleIcon.InfoCircleIcon, { className: "size-4 text-content-tertiary" })
62
+ className: "text-content-tertiary hover:text-content-primary focus-visible:text-content-primary active:text-content-primary",
63
+ icon: /* @__PURE__ */ jsxRuntime.jsx(InfoCircleIcon.InfoCircleIcon, {})
62
64
  }
63
65
  ) }),
64
66
  /* @__PURE__ */ jsxRuntime.jsx(Tooltip.TooltipContent, { children: tooltip })
@@ -79,7 +81,7 @@ const ChartCard = React__namespace.forwardRef(
79
81
  ] }),
80
82
  dateInfo && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "typography-description-12px-regular text-content-tertiary", children: dateInfo })
81
83
  ] }),
82
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-auto", children })
84
+ children && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-auto", children })
83
85
  ] }) });
84
86
  }
85
87
  );
@@ -1 +1 @@
1
- {"version":3,"file":"ChartCard.cjs","sources":["../../../../src/components/Chart/ChartCard.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport { Card } from \"../Card/Card\";\nimport { IconButton } from \"../IconButton/IconButton\";\nimport { InfoCircleIcon } from \"../Icons/InfoCircleIcon\";\nimport { Skeleton } from \"../Skeleton/Skeleton\";\nimport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from \"../Tooltip/Tooltip\";\n\n/** Props for {@link ChartCard}. */\nexport interface ChartCardProps extends Omit<React.HTMLAttributes<HTMLDivElement>, \"title\"> {\n /** Card title text. Pass translated string for i18n. */\n title: React.ReactNode;\n /** Large subtitle value (e.g. formatted price or count). */\n subtitle?: React.ReactNode;\n /** Tooltip text shown next to the title. Pass translated string for i18n. */\n tooltip?: React.ReactNode;\n /** Accessible label for the info tooltip trigger. Override for i18n. @default \"More info\" */\n tooltipAriaLabel?: string;\n /** Date range or period label shown below the subtitle. */\n dateInfo?: React.ReactNode;\n /** Trend indicator chip config. Only rendered when {@link subtitle} is also provided. */\n trendChip?: {\n /** Display label (e.g. \"12.5%\"). */\n label: React.ReactNode;\n /** Whether the trend is positive (green) or negative (red). */\n trend: \"positive\" | \"negative\";\n };\n /** Show loading skeleton instead of content. @default false */\n loading?: boolean;\n /** Chart content rendered below the header. */\n children?: React.ReactNode;\n}\n\nconst TREND_CLASSES: Record<\"positive\" | \"negative\", string> = {\n positive: \"bg-success-surface text-success-content\",\n negative: \"bg-error-surface text-error-content\",\n};\n\n/**\n * Wraps any chart with a structured header containing title, subtitle,\n * optional trend chip, date range label, info tooltip, and a loading\n * skeleton state.\n *\n * @example\n * ```tsx\n * <ChartCard\n * title=\"Revenue\"\n * subtitle=\"$4,523\"\n * trendChip={{ label: \"+12.5%\", trend: \"positive\" }}\n * dateInfo=\"Jan 1 – Mar 17\"\n * tooltip=\"Total revenue for the selected period.\"\n * >\n * <MyLineChart />\n * </ChartCard>\n * ```\n */\nexport const ChartCard = React.forwardRef<HTMLDivElement, ChartCardProps>(\n (\n {\n className,\n title,\n subtitle,\n tooltip,\n tooltipAriaLabel = \"More info\",\n dateInfo,\n trendChip,\n loading = false,\n children,\n ...props\n },\n ref,\n ) => {\n return (\n <Card ref={ref} variant=\"outlined\" noPadding className={className} {...props}>\n <div className=\"flex flex-col gap-2 p-4\">\n {loading ? (\n <>\n <Skeleton animation=\"wave\" variant=\"rounded\" className=\"h-4 w-32\" />\n <Skeleton animation=\"wave\" variant=\"rounded\" className=\"h-7 w-44\" />\n <Skeleton animation=\"wave\" variant=\"rounded\" className=\"h-3 w-24\" />\n </>\n ) : (\n <>\n <div className=\"flex items-center gap-1.5\">\n <span className=\"typography-body-small-14px-semibold text-content-primary\">\n {title}\n </span>\n {tooltip && (\n <TooltipProvider>\n <Tooltip>\n <TooltipTrigger asChild>\n <IconButton\n variant=\"tertiary\"\n size=\"24\"\n aria-label={tooltipAriaLabel}\n icon={<InfoCircleIcon className=\"size-4 text-content-tertiary\" />}\n />\n </TooltipTrigger>\n <TooltipContent>{tooltip}</TooltipContent>\n </Tooltip>\n </TooltipProvider>\n )}\n </div>\n {subtitle && (\n <div className=\"flex flex-wrap items-center gap-2\">\n <span className=\"typography-header-heading-sm text-content-primary\">\n {subtitle}\n </span>\n {trendChip && (\n <span\n className={cn(\n \"typography-description-12px-semibold whitespace-nowrap rounded-full px-2 py-0.5\",\n TREND_CLASSES[trendChip.trend],\n )}\n >\n {trendChip.label}\n </span>\n )}\n </div>\n )}\n {dateInfo && (\n <span className=\"typography-description-12px-regular text-content-tertiary\">\n {dateInfo}\n </span>\n )}\n </>\n )}\n <div className=\"mt-auto\">{children}</div>\n </div>\n </Card>\n );\n },\n);\nChartCard.displayName = \"ChartCard\";\n"],"names":["React","jsx","Card","jsxs","Fragment","Skeleton","TooltipProvider","Tooltip","TooltipTrigger","IconButton","InfoCircleIcon","TooltipContent","cn"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiCA,MAAM,gBAAyD;AAAA,EAC7D,UAAU;AAAA,EACV,UAAU;AACZ;AAoBO,MAAM,YAAYA,iBAAM;AAAA,EAC7B,CACE;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,mBAAmB;AAAA,IACnB;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV;AAAA,IACA,GAAG;AAAA,EAAA,GAEL,QACG;AACH,WACEC,2BAAAA,IAACC,KAAAA,MAAA,EAAK,KAAU,SAAQ,YAAW,WAAS,MAAC,WAAuB,GAAG,OACrE,UAAAC,2BAAAA,KAAC,OAAA,EAAI,WAAU,2BACZ,UAAA;AAAA,MAAA,UACCA,2BAAAA,KAAAC,qBAAA,EACE,UAAA;AAAA,QAAAH,+BAACI,SAAAA,YAAS,WAAU,QAAO,SAAQ,WAAU,WAAU,YAAW;AAAA,uCACjEA,SAAAA,UAAA,EAAS,WAAU,QAAO,SAAQ,WAAU,WAAU,YAAW;AAAA,uCACjEA,SAAAA,UAAA,EAAS,WAAU,QAAO,SAAQ,WAAU,WAAU,WAAA,CAAW;AAAA,MAAA,EAAA,CACpE,IAEAF,2BAAAA,KAAAC,WAAAA,UAAA,EACE,UAAA;AAAA,QAAAD,2BAAAA,KAAC,OAAA,EAAI,WAAU,6BACb,UAAA;AAAA,UAAAF,2BAAAA,IAAC,QAAA,EAAK,WAAU,4DACb,UAAA,OACH;AAAA,UACC,WACCA,2BAAAA,IAACK,yBAAA,EACC,UAAAH,gCAACI,QAAAA,SAAA,EACC,UAAA;AAAA,YAAAN,2BAAAA,IAACO,QAAAA,gBAAA,EAAe,SAAO,MACrB,UAAAP,2BAAAA;AAAAA,cAACQ,WAAAA;AAAAA,cAAA;AAAA,gBACC,SAAQ;AAAA,gBACR,MAAK;AAAA,gBACL,cAAY;AAAA,gBACZ,MAAMR,2BAAAA,IAACS,eAAAA,gBAAA,EAAe,WAAU,+BAAA,CAA+B;AAAA,cAAA;AAAA,YAAA,GAEnE;AAAA,YACAT,2BAAAA,IAACU,QAAAA,kBAAgB,UAAA,QAAA,CAAQ;AAAA,UAAA,EAAA,CAC3B,EAAA,CACF;AAAA,QAAA,GAEJ;AAAA,QACC,YACCR,2BAAAA,KAAC,OAAA,EAAI,WAAU,qCACb,UAAA;AAAA,UAAAF,2BAAAA,IAAC,QAAA,EAAK,WAAU,qDACb,UAAA,UACH;AAAA,UACC,aACCA,2BAAAA;AAAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAWW,GAAAA;AAAAA,gBACT;AAAA,gBACA,cAAc,UAAU,KAAK;AAAA,cAAA;AAAA,cAG9B,UAAA,UAAU;AAAA,YAAA;AAAA,UAAA;AAAA,QACb,GAEJ;AAAA,QAED,YACCX,2BAAAA,IAAC,QAAA,EAAK,WAAU,6DACb,UAAA,SAAA,CACH;AAAA,MAAA,GAEJ;AAAA,MAEFA,2BAAAA,IAAC,OAAA,EAAI,WAAU,WAAW,SAAA,CAAS;AAAA,IAAA,EAAA,CACrC,EAAA,CACF;AAAA,EAEJ;AACF;AACA,UAAU,cAAc;;"}
1
+ {"version":3,"file":"ChartCard.cjs","sources":["../../../../src/components/Chart/ChartCard.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport { Card, type CardHierarchy } from \"../Card/Card\";\nimport { IconButton } from \"../IconButton/IconButton\";\nimport { InfoCircleIcon } from \"../Icons/InfoCircleIcon\";\nimport { Skeleton } from \"../Skeleton/Skeleton\";\nimport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from \"../Tooltip/Tooltip\";\n\n/** Props for {@link ChartCard}. */\nexport interface ChartCardProps extends Omit<React.HTMLAttributes<HTMLDivElement>, \"title\"> {\n /** Surface treatment of the underlying {@link Card}. @default \"primary\" */\n hierarchy?: CardHierarchy;\n /** Card title text. Pass translated string for i18n. */\n title: React.ReactNode;\n /** Large subtitle value (e.g. formatted price or count). */\n subtitle?: React.ReactNode;\n /** Tooltip text shown next to the title. Pass translated string for i18n. */\n tooltip?: React.ReactNode;\n /** Accessible label for the info tooltip trigger. Override for i18n. @default \"More info\" */\n tooltipAriaLabel?: string;\n /** Date range or period label shown below the subtitle. */\n dateInfo?: React.ReactNode;\n /** Trend indicator chip config. Only rendered when {@link subtitle} is also provided. */\n trendChip?: {\n /** Display label (e.g. \"12.5%\"). */\n label: React.ReactNode;\n /** Whether the trend is positive (green) or negative (red). */\n trend: \"positive\" | \"negative\";\n };\n /** Show loading skeleton instead of content. @default false */\n loading?: boolean;\n /** Chart content rendered below the header. */\n children?: React.ReactNode;\n}\n\nconst TREND_CLASSES: Record<\"positive\" | \"negative\", string> = {\n positive: \"bg-success-surface text-success-content\",\n negative: \"bg-error-surface text-error-content\",\n};\n\n/**\n * Wraps any chart with a structured header containing title, subtitle,\n * optional trend chip, date range label, info tooltip, and a loading\n * skeleton state.\n *\n * The surface treatment comes from the underlying {@link Card} and is driven by\n * the `hierarchy` prop.\n *\n * @example\n * ```tsx\n * <ChartCard\n * title=\"Revenue\"\n * subtitle=\"$4,523\"\n * trendChip={{ label: \"+12.5%\", trend: \"positive\" }}\n * dateInfo=\"Jan 1 – Mar 17\"\n * tooltip=\"Total revenue for the selected period.\"\n * >\n * <MyLineChart />\n * </ChartCard>\n * ```\n */\nexport const ChartCard = React.forwardRef<HTMLDivElement, ChartCardProps>(\n (\n {\n className,\n hierarchy = \"primary\",\n title,\n subtitle,\n tooltip,\n tooltipAriaLabel = \"More info\",\n dateInfo,\n trendChip,\n loading = false,\n children,\n ...props\n },\n ref,\n ) => {\n return (\n <Card ref={ref} hierarchy={hierarchy} noPadding className={className} {...props}>\n <div className=\"flex flex-col gap-2 p-4\">\n {loading ? (\n <>\n <Skeleton animation=\"wave\" variant=\"rounded\" className=\"h-4 w-32\" />\n <Skeleton animation=\"wave\" variant=\"rounded\" className=\"h-7 w-44\" />\n <Skeleton animation=\"wave\" variant=\"rounded\" className=\"h-3 w-24\" />\n </>\n ) : (\n <>\n <div className=\"flex items-center gap-1.5\">\n <span className=\"typography-body-small-14px-semibold text-content-primary\">\n {title}\n </span>\n {tooltip && (\n <TooltipProvider>\n <Tooltip>\n <TooltipTrigger asChild>\n <IconButton\n variant=\"tertiary\"\n size=\"32\"\n aria-label={tooltipAriaLabel}\n className=\"text-content-tertiary hover:text-content-primary focus-visible:text-content-primary active:text-content-primary\"\n icon={<InfoCircleIcon />}\n />\n </TooltipTrigger>\n <TooltipContent>{tooltip}</TooltipContent>\n </Tooltip>\n </TooltipProvider>\n )}\n </div>\n {subtitle && (\n <div className=\"flex flex-wrap items-center gap-2\">\n <span className=\"typography-header-heading-sm text-content-primary\">\n {subtitle}\n </span>\n {trendChip && (\n <span\n className={cn(\n \"typography-description-12px-semibold whitespace-nowrap rounded-full px-2 py-0.5\",\n TREND_CLASSES[trendChip.trend],\n )}\n >\n {trendChip.label}\n </span>\n )}\n </div>\n )}\n {dateInfo && (\n <span className=\"typography-description-12px-regular text-content-tertiary\">\n {dateInfo}\n </span>\n )}\n </>\n )}\n {children && <div className=\"mt-auto\">{children}</div>}\n </div>\n </Card>\n );\n },\n);\nChartCard.displayName = \"ChartCard\";\n"],"names":["React","jsx","Card","jsxs","Fragment","Skeleton","TooltipProvider","Tooltip","TooltipTrigger","IconButton","InfoCircleIcon","TooltipContent","cn"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmCA,MAAM,gBAAyD;AAAA,EAC7D,UAAU;AAAA,EACV,UAAU;AACZ;AAuBO,MAAM,YAAYA,iBAAM;AAAA,EAC7B,CACE;AAAA,IACE;AAAA,IACA,YAAY;AAAA,IACZ;AAAA,IACA;AAAA,IACA;AAAA,IACA,mBAAmB;AAAA,IACnB;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV;AAAA,IACA,GAAG;AAAA,EAAA,GAEL,QACG;AACH,WACEC,2BAAAA,IAACC,KAAAA,MAAA,EAAK,KAAU,WAAsB,WAAS,MAAC,WAAuB,GAAG,OACxE,UAAAC,gCAAC,OAAA,EAAI,WAAU,2BACZ,UAAA;AAAA,MAAA,UACCA,2BAAAA,KAAAC,qBAAA,EACE,UAAA;AAAA,QAAAH,+BAACI,SAAAA,YAAS,WAAU,QAAO,SAAQ,WAAU,WAAU,YAAW;AAAA,uCACjEA,SAAAA,UAAA,EAAS,WAAU,QAAO,SAAQ,WAAU,WAAU,YAAW;AAAA,uCACjEA,SAAAA,UAAA,EAAS,WAAU,QAAO,SAAQ,WAAU,WAAU,WAAA,CAAW;AAAA,MAAA,EAAA,CACpE,IAEAF,2BAAAA,KAAAC,WAAAA,UAAA,EACE,UAAA;AAAA,QAAAD,2BAAAA,KAAC,OAAA,EAAI,WAAU,6BACb,UAAA;AAAA,UAAAF,2BAAAA,IAAC,QAAA,EAAK,WAAU,4DACb,UAAA,OACH;AAAA,UACC,WACCA,2BAAAA,IAACK,yBAAA,EACC,UAAAH,gCAACI,QAAAA,SAAA,EACC,UAAA;AAAA,YAAAN,2BAAAA,IAACO,QAAAA,gBAAA,EAAe,SAAO,MACrB,UAAAP,2BAAAA;AAAAA,cAACQ,WAAAA;AAAAA,cAAA;AAAA,gBACC,SAAQ;AAAA,gBACR,MAAK;AAAA,gBACL,cAAY;AAAA,gBACZ,WAAU;AAAA,gBACV,qCAAOC,eAAAA,gBAAA,CAAA,CAAe;AAAA,cAAA;AAAA,YAAA,GAE1B;AAAA,YACAT,2BAAAA,IAACU,QAAAA,kBAAgB,UAAA,QAAA,CAAQ;AAAA,UAAA,EAAA,CAC3B,EAAA,CACF;AAAA,QAAA,GAEJ;AAAA,QACC,YACCR,2BAAAA,KAAC,OAAA,EAAI,WAAU,qCACb,UAAA;AAAA,UAAAF,2BAAAA,IAAC,QAAA,EAAK,WAAU,qDACb,UAAA,UACH;AAAA,UACC,aACCA,2BAAAA;AAAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAWW,GAAAA;AAAAA,gBACT;AAAA,gBACA,cAAc,UAAU,KAAK;AAAA,cAAA;AAAA,cAG9B,UAAA,UAAU;AAAA,YAAA;AAAA,UAAA;AAAA,QACb,GAEJ;AAAA,QAED,YACCX,2BAAAA,IAAC,QAAA,EAAK,WAAU,6DACb,UAAA,SAAA,CACH;AAAA,MAAA,GAEJ;AAAA,MAED,YAAYA,2BAAAA,IAAC,OAAA,EAAI,WAAU,WAAW,SAAA,CAAS;AAAA,IAAA,EAAA,CAClD,EAAA,CACF;AAAA,EAEJ;AACF;AACA,UAAU,cAAc;;"}
@@ -4,6 +4,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
4
4
  const jsxRuntime = require("react/jsx-runtime");
5
5
  const React = require("react");
6
6
  const cn = require("../../utils/cn.cjs");
7
+ const Chip = require("../Chip/Chip.cjs");
7
8
  function _interopNamespaceDefault(e) {
8
9
  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
9
10
  if (e) {
@@ -32,32 +33,18 @@ const ChartSeriesToggle = React__namespace.forwardRef(
32
33
  }
33
34
  onValueChange(next);
34
35
  };
35
- return /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn.cn("grid grid-cols-2 gap-2 sm:grid-cols-3", className), ...props, children: items.map((item) => {
36
- const isActive = value.has(item.key);
37
- return /* @__PURE__ */ jsxRuntime.jsxs(
38
- "button",
39
- {
40
- type: "button",
41
- "aria-pressed": isActive,
42
- className: cn.cn(
43
- "typography-description-12px-regular flex items-center gap-2 rounded-full border px-3 py-1.5 text-content-primary transition-opacity hover:opacity-100",
44
- isActive ? "border-neutral-alphas-200 bg-surface-primary" : "border-transparent bg-transparent opacity-50"
45
- ),
46
- onClick: () => toggle(item.key),
47
- children: [
48
- /* @__PURE__ */ jsxRuntime.jsx(
49
- "span",
50
- {
51
- className: "size-2 shrink-0 rounded-full",
52
- style: { backgroundColor: item.color }
53
- }
54
- ),
55
- /* @__PURE__ */ jsxRuntime.jsx("span", { children: item.label })
56
- ]
57
- },
58
- item.key
59
- );
60
- }) });
36
+ return /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn.cn("grid grid-cols-2 gap-2 sm:grid-cols-3", className), ...props, children: items.map((item) => /* @__PURE__ */ jsxRuntime.jsx(
37
+ Chip.Chip,
38
+ {
39
+ size: "32",
40
+ className: "justify-start",
41
+ selected: value.has(item.key),
42
+ onClick: () => toggle(item.key),
43
+ leftIcon: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "size-2 rounded-full", style: { backgroundColor: item.color } }),
44
+ children: item.label
45
+ },
46
+ item.key
47
+ )) });
61
48
  }
62
49
  );
63
50
  ChartSeriesToggle.displayName = "ChartSeriesToggle";
@@ -1 +1 @@
1
- {"version":3,"file":"ChartSeriesToggle.cjs","sources":["../../../../src/components/Chart/ChartSeriesToggle.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"../../utils/cn\";\n\n/** A single toggleable series in a {@link ChartSeriesToggle}. */\nexport interface ChartSeriesToggleItem {\n /** Unique key matching the data series key and ChartConfig key. */\n key: string;\n /** Human-readable label. Pass translated string for i18n. */\n label: React.ReactNode;\n /** Series color (CSS value). Shown as indicator dot. */\n color: string;\n}\n\n/** Props for {@link ChartSeriesToggle}. */\nexport interface ChartSeriesToggleProps extends React.HTMLAttributes<HTMLDivElement> {\n /** Available series that can be toggled. */\n items: ChartSeriesToggleItem[];\n /** Set of currently visible series keys. */\n value: Set<string>;\n /** Called when a series is toggled. Receives the updated Set. */\n onValueChange: (value: Set<string>) => void;\n}\n\n/**\n * Renders a grid of toggleable chips that control which series are visible\n * on a multi-series chart. Each toggle shows a color indicator dot and a label.\n *\n * @example\n * ```tsx\n * const [visible, setVisible] = useState(new Set([\"subscription\", \"message\", \"tip\"]));\n *\n * <ChartSeriesToggle\n * items={[\n * { key: \"subscription\", label: \"Subscription\", color: \"var(--color-special-chart-teal)\" },\n * { key: \"message\", label: \"Message\", color: \"var(--color-special-chart-sky)\" },\n * { key: \"tip\", label: \"Tip\", color: \"var(--color-special-chart-orange)\" },\n * ]}\n * value={visible}\n * onValueChange={setVisible}\n * />\n * ```\n */\nexport const ChartSeriesToggle = React.forwardRef<HTMLDivElement, ChartSeriesToggleProps>(\n ({ className, items, value, onValueChange, ...props }, ref) => {\n const toggle = (key: string) => {\n const next = new Set(value);\n if (next.has(key)) {\n next.delete(key);\n } else {\n next.add(key);\n }\n onValueChange(next);\n };\n\n return (\n <div ref={ref} className={cn(\"grid grid-cols-2 gap-2 sm:grid-cols-3\", className)} {...props}>\n {items.map((item) => {\n const isActive = value.has(item.key);\n return (\n <button\n key={item.key}\n type=\"button\"\n aria-pressed={isActive}\n className={cn(\n \"typography-description-12px-regular flex items-center gap-2 rounded-full border px-3 py-1.5 text-content-primary transition-opacity hover:opacity-100\",\n isActive\n ? \"border-neutral-alphas-200 bg-surface-primary\"\n : \"border-transparent bg-transparent opacity-50\",\n )}\n onClick={() => toggle(item.key)}\n >\n <span\n className=\"size-2 shrink-0 rounded-full\"\n style={{ backgroundColor: item.color }}\n />\n <span>{item.label}</span>\n </button>\n );\n })}\n </div>\n );\n },\n);\n\nChartSeriesToggle.displayName = \"ChartSeriesToggle\";\n"],"names":["React","jsx","cn","jsxs"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AA0CO,MAAM,oBAAoBA,iBAAM;AAAA,EACrC,CAAC,EAAE,WAAW,OAAO,OAAO,eAAe,GAAG,MAAA,GAAS,QAAQ;AAC7D,UAAM,SAAS,CAAC,QAAgB;AAC9B,YAAM,OAAO,IAAI,IAAI,KAAK;AAC1B,UAAI,KAAK,IAAI,GAAG,GAAG;AACjB,aAAK,OAAO,GAAG;AAAA,MACjB,OAAO;AACL,aAAK,IAAI,GAAG;AAAA,MACd;AACA,oBAAc,IAAI;AAAA,IACpB;AAEA,WACEC,2BAAAA,IAAC,OAAA,EAAI,KAAU,WAAWC,GAAAA,GAAG,yCAAyC,SAAS,GAAI,GAAG,OACnF,UAAA,MAAM,IAAI,CAAC,SAAS;AACnB,YAAM,WAAW,MAAM,IAAI,KAAK,GAAG;AACnC,aACEC,2BAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UAEC,MAAK;AAAA,UACL,gBAAc;AAAA,UACd,WAAWD,GAAAA;AAAAA,YACT;AAAA,YACA,WACI,iDACA;AAAA,UAAA;AAAA,UAEN,SAAS,MAAM,OAAO,KAAK,GAAG;AAAA,UAE9B,UAAA;AAAA,YAAAD,2BAAAA;AAAAA,cAAC;AAAA,cAAA;AAAA,gBACC,WAAU;AAAA,gBACV,OAAO,EAAE,iBAAiB,KAAK,MAAA;AAAA,cAAM;AAAA,YAAA;AAAA,YAEvCA,2BAAAA,IAAC,QAAA,EAAM,UAAA,KAAK,MAAA,CAAM;AAAA,UAAA;AAAA,QAAA;AAAA,QAfb,KAAK;AAAA,MAAA;AAAA,IAkBhB,CAAC,EAAA,CACH;AAAA,EAEJ;AACF;AAEA,kBAAkB,cAAc;;"}
1
+ {"version":3,"file":"ChartSeriesToggle.cjs","sources":["../../../../src/components/Chart/ChartSeriesToggle.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport { Chip } from \"../Chip/Chip\";\n\n/** A single toggleable series in a {@link ChartSeriesToggle}. */\nexport interface ChartSeriesToggleItem {\n /** Unique key matching the data series key and ChartConfig key. */\n key: string;\n /** Human-readable label. Pass translated string for i18n. */\n label: React.ReactNode;\n /** Series color (CSS value). Shown as indicator dot. */\n color: string;\n}\n\n/** Props for {@link ChartSeriesToggle}. */\nexport interface ChartSeriesToggleProps extends React.HTMLAttributes<HTMLDivElement> {\n /** Available series that can be toggled. */\n items: ChartSeriesToggleItem[];\n /** Set of currently visible series keys. */\n value: Set<string>;\n /** Called when a series is toggled. Receives the updated Set. */\n onValueChange: (value: Set<string>) => void;\n}\n\n/**\n * Renders a grid of toggleable {@link Chip}s that control which series are\n * visible on a multi-series chart. Each toggle shows a series colour dot and a\n * label, and exposes its state through `aria-pressed`.\n *\n * @example\n * ```tsx\n * const [visible, setVisible] = useState(new Set([\"subscription\", \"message\", \"tip\"]));\n *\n * <ChartSeriesToggle\n * items={[\n * { key: \"subscription\", label: \"Subscription\", color: \"var(--color-special-chart-teal)\" },\n * { key: \"message\", label: \"Message\", color: \"var(--color-special-chart-sky)\" },\n * { key: \"tip\", label: \"Tip\", color: \"var(--color-special-chart-orange)\" },\n * ]}\n * value={visible}\n * onValueChange={setVisible}\n * />\n * ```\n */\nexport const ChartSeriesToggle = React.forwardRef<HTMLDivElement, ChartSeriesToggleProps>(\n ({ className, items, value, onValueChange, ...props }, ref) => {\n const toggle = (key: string) => {\n const next = new Set(value);\n if (next.has(key)) {\n next.delete(key);\n } else {\n next.add(key);\n }\n onValueChange(next);\n };\n\n return (\n <div ref={ref} className={cn(\"grid grid-cols-2 gap-2 sm:grid-cols-3\", className)} {...props}>\n {items.map((item) => (\n <Chip\n key={item.key}\n size=\"32\"\n className=\"justify-start\"\n selected={value.has(item.key)}\n onClick={() => toggle(item.key)}\n leftIcon={\n <span className=\"size-2 rounded-full\" style={{ backgroundColor: item.color }} />\n }\n >\n {item.label}\n </Chip>\n ))}\n </div>\n );\n },\n);\n\nChartSeriesToggle.displayName = \"ChartSeriesToggle\";\n"],"names":["React","jsx","cn","Chip"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AA4CO,MAAM,oBAAoBA,iBAAM;AAAA,EACrC,CAAC,EAAE,WAAW,OAAO,OAAO,eAAe,GAAG,MAAA,GAAS,QAAQ;AAC7D,UAAM,SAAS,CAAC,QAAgB;AAC9B,YAAM,OAAO,IAAI,IAAI,KAAK;AAC1B,UAAI,KAAK,IAAI,GAAG,GAAG;AACjB,aAAK,OAAO,GAAG;AAAA,MACjB,OAAO;AACL,aAAK,IAAI,GAAG;AAAA,MACd;AACA,oBAAc,IAAI;AAAA,IACpB;AAEA,WACEC,2BAAAA,IAAC,OAAA,EAAI,KAAU,WAAWC,GAAAA,GAAG,yCAAyC,SAAS,GAAI,GAAG,OACnF,UAAA,MAAM,IAAI,CAAC,SACVD,2BAAAA;AAAAA,MAACE,KAAAA;AAAAA,MAAA;AAAA,QAEC,MAAK;AAAA,QACL,WAAU;AAAA,QACV,UAAU,MAAM,IAAI,KAAK,GAAG;AAAA,QAC5B,SAAS,MAAM,OAAO,KAAK,GAAG;AAAA,QAC9B,UACEF,2BAAAA,IAAC,QAAA,EAAK,WAAU,uBAAsB,OAAO,EAAE,iBAAiB,KAAK,MAAA,EAAM,CAAG;AAAA,QAG/E,UAAA,KAAK;AAAA,MAAA;AAAA,MATD,KAAK;AAAA,IAAA,CAWb,GACH;AAAA,EAEJ;AACF;AAEA,kBAAkB,cAAc;;"}
@@ -25,48 +25,48 @@ const VARIANTS = {
25
25
  16: {
26
26
  outlined: [
27
27
  {
28
- d: "M12.358 5.992v.527h-1.854v1.35h1.701v.515h-1.7v1.848h-.55v-4.24zm-3.208 0v4.24H8.6v-4.24zm-3.418-.058q.495 0 .926.199h-.001q.435.193.732.539.3.347.39.793l.018.08h-.562l-.013-.049a1.26 1.26 0 0 0-.536-.737 1.6 1.6 0 0 0-.948-.287 1.6 1.6 0 0 0-.823.214q-.36.206-.562.578-.203.37-.203.848 0 .484.197.86l.11.175q.182.248.452.403h-.001q.365.208.83.209.397 0 .723-.153a1.4 1.4 0 0 0 .532-.425q.188-.25.257-.562H5.506v-.521h2.341l-.002.068a2.3 2.3 0 0 1-.224.977l-.066.123q-.272.483-.746.757a2.1 2.1 0 0 1-1.071.274q-.538 0-.978-.214l-.124-.065a2.06 2.06 0 0 1-.763-.783h-.001A2.3 2.3 0 0 1 3.6 8.112q0-.614.272-1.112.279-.503.764-.782.493-.284 1.096-.284"
28
+ d: "M9.166 12.835v1h-1.999v-1zm4.667-4.668c0-1.22-.001-2.053-.071-2.688-.069-.615-.192-.921-.353-1.135a2.133 2.133 0 0 0-.42-.42c-.213-.161-.52-.284-1.135-.353-.635-.07-1.467-.071-2.688-.071h-1.999c-1.22 0-2.053.001-2.688.071-.615.069-.922.192-1.135.353a2.133 2.133 0 0 0-.42.42c-.161.213-.284.52-.353 1.135-.07.635-.071 1.467-.071 2.688s.001 2.054.071 2.689c.069.615.192.921.353 1.135q.18.241.42.421c.213.161.52.283 1.135.351.635.071 1.467.073 2.688.073v1l-.844-.001c-1.713-.008-2.705-.067-3.42-.513l-.16-.11a3.133 3.133 0 0 1-.481-.448l-.138-.171c-.625-.831-.625-2.029-.625-4.425 0-2.246 0-3.439.514-4.264l.111-.16c.132-.175.282-.337.447-.481l.171-.138c.831-.625 2.029-.625 4.424-.625h1.999l.844.001c1.845.009 2.853.077 3.58.623.234.176.443.385.619.619.625.831.625 2.029.625 4.424s0 3.593-.624 4.425l-.139.171a3.133 3.133 0 0 1-.481.448l-.16.11c-.715.446-1.707.505-3.42.513l-.844.001v-1c1.22 0 2.053-.002 2.688-.072.615-.069.922-.191 1.135-.352q.24-.181.42-.42c.161-.214.284-.52.353-1.135.07-.635.071-1.468.071-2.689"
29
29
  },
30
30
  {
31
- d: "M2.667 3.667h10.666a1 1 0 0 1 1 1v6.666a1 1 0 0 1-1 1H2.667a1 1 0 0 1-1-1V4.667a1 1 0 0 1 1-1z",
32
- sw: 0.667
31
+ d: "M5.821 5.867q.523 0 .953.191l.104.048q.352.175.568.455a.44.44 0 0 1 .158.327c0 .1-.039.187-.111.256a.353.353 0 0 1-.256.105.487.487 0 0 1-.297-.112l-.014-.011-.011-.015a1.2 1.2 0 0 0-.443-.349 1.467 1.467 0 0 0-.645-.137q-.44.001-.785.203v.001a1.4 1.4 0 0 0-.531.554 1.667 1.667 0 0 0-.194.813q0 .449.182.807.187.353.515.555l.084.045q.301.151.682.152.377 0 .676-.158v-.001a1.267 1.267 0 0 0 .49-.441q.153-.231.212-.513H5.575a.36.36 0 0 1-.272-.115l-.004-.005a.387.387 0 0 1-.091-.253.36.36 0 0 1 .367-.368h2.028a.38.38 0 0 1 .286.112h.001l.004.003h-.001a.42.42 0 0 1 .108.3q-.001.053-.007.098v.001a2.3 2.3 0 0 1-.312 1.029l.001.001q-.276.481-.767.775c-.331.198-.709.295-1.13.295q-.651.001-1.172-.307a2.2 2.2 0 0 1-.811-.836l-.001-.001a2.467 2.467 0 0 1-.286-1.179q0-.644.293-1.175A2.167 2.167 0 0 1 4.626 6.173l.001-.001a2.333 2.333 0 0 1 1.195-.307m3.026.036q.155 0 .271.104c.089.075.125.18.125.293v3.78c0 .113-.037.218-.121.296l-.004.003a.437.437 0 0 1-.547.003l-.005-.003-.003-.004a.387.387 0 0 1-.121-.295V6.3c0-.113.037-.219.126-.294a.42.42 0 0 1 .278-.103m3.51.024c.103 0 .195.038.268.111s.111.165.111.268a.373.373 0 0 1-.111.268l-.005.004a.38.38 0 0 1-.264.101H10.733v1.143h1.355c.102 0 .191.041.26.115l-.001.001c.07.068.109.153.109.252a.371.371 0 0 1-.367.373H10.733v1.517c0 .113-.037.218-.121.296l-.004.003a.437.437 0 0 1-.547.003l-.004-.003-.004-.004a.387.387 0 0 1-.121-.295V6.342a.413.413 0 0 1 .111-.304l.003-.004.066-.049a.467.467 0 0 1 .234-.059z"
33
32
  }
34
33
  ],
35
34
  filled: [
36
35
  {
37
- d: "M13.333 3.333c.737 0 1.333.597 1.333 1.333v6.667c0 .737-.596 1.333-1.333 1.333H2.666a1.333 1.333 0 0 1-1.333-1.333V4.666c0-.736.597-1.332 1.333-1.333zM5.732 5.867q-.62 0-1.13.293-.438.254-.713.682l-.075.126a2.34 2.34 0 0 0-.28 1.144q-.002.636.279 1.155h.002q.287.514.787.808h.002q.503.29 1.134.289.613 0 1.104-.283.49-.283.772-.784.286-.501.298-1.13l.003-.135H5.44v.654h1.726a1.4 1.4 0 0 1-.226.454q-.196.26-.508.405a1.6 1.6 0 0 1-.694.147q-.449-.001-.796-.2H4.94a1.4 1.4 0 0 1-.534-.55 1.8 1.8 0 0 1-.19-.83q0-.463.195-.817.193-.354.536-.552.348-.205.79-.205.518 0 .909.275l.002.002q.394.267.509.698l.026.099h.694l-.033-.16a1.8 1.8 0 0 0-.405-.823 2.1 2.1 0 0 0-.757-.557 2.2 2.2 0 0 0-.951-.205m2.802 4.432h.683V5.925h-.683zm1.353 0h.684V8.451h1.7v-.648h-1.7V6.585h1.853v-.66H9.887zm-3.89-.084-.03.003zm-.62-.012-.057-.01zm.864-.03-.038.008zm-1.109-.022-.055-.017zm1.342-.047-.046.017zm-1.58-.033-.043-.02zm2.151-.85h.001q-.108.143-.248.255.138-.112.247-.255M3.678 7.872l.002-.028zm.035-.242.01-.042zm.331-.778.029-.042zm.15-.19.03-.033zm.164-.163.047-.039zm1.493-.496q.033.002.064.006L5.732 6z"
36
+ d: "M9.997 2.333c2.202 0 3.303 0 3.987 0.683C14.667 3.701 14.667 4.802 14.667 7.003v1.995c0 2.201 0 3.303-0.683 3.987-0.684 0.683-1.785 0.684-3.987 0.684h-3.993c-2.201 0-3.303 0-3.987-0.684C1.333 12.3 1.333 11.199 1.333 8.998v-1.995c0-2.201 0-3.303 0.684-3.987C2.7 2.333 3.802 2.333 6.004 2.333zM5.672 5.9q-0.654 0-1.178 0.301a2.133 2.133 0 0 0-0.805 0.83 2.333 2.333 0 0 0-0.289 1.159q0 0.635 0.282 1.163v0.001q0.29 0.521 0.799 0.824 0.512 0.303 1.155 0.302 0.625 0 1.113-0.29 0.483-0.289 0.755-0.762h0.001q0.276-0.476 0.307-1.017a0.667 0.667 0 0 0 0.007-0.095 0.387 0.387 0 0 0-0.101-0.281 0.347 0.347 0 0 0-0.263-0.101H5.426a0.333 0.333 0 0 0-0.247 0.105h-0.001a0.333 0.333 0 0 0-0.087 0.229q0.001 0.131 0.084 0.232l0.003 0.003a0.333 0.333 0 0 0 0.247 0.105h1.623q-0.058 0.313-0.223 0.565h-0.001q-0.189 0.289-0.502 0.452h-0.001a1.467 1.467 0 0 1-0.691 0.163q-0.388-0.001-0.697-0.155l-0.087-0.047a1.44 1.44 0 0 1-0.477-0.479l-0.05-0.088a1.8 1.8 0 0 1-0.187-0.823q0-0.463 0.198-0.829t0.545-0.567a1.553 1.553 0 0 1 0.801-0.209q0.37 0.001 0.659 0.14 0.293 0.142 0.456 0.36l0.007 0.011 0.011 0.008a0.453 0.453 0 0 0 0.277 0.105 0.32 0.32 0 0 0 0.229-0.093v0.001l0.003-0.003 0.001-0.001-0.001-0.001a0.313 0.313 0 0 0 0.101-0.232 0.4 0.4 0 0 0-0.149-0.303q-0.241-0.315-0.661-0.496h0.001a2.267 2.267 0 0 0-0.94-0.189m3.025 0.035a0.387 0.387 0 0 0-0.257 0.096 0.333 0.333 0 0 0-0.113 0.269v3.78c0 0.106 0.033 0.2 0.11 0.271v0.001l0.007 0.005a0.403 0.403 0 0 0 0.504-0.002l0.003-0.003a0.353 0.353 0 0 0 0.11-0.271V6.3a0.333 0.333 0 0 0-0.113-0.268 0.367 0.367 0 0 0-0.251-0.097m1.5 0.024a0.4 0.4 0 0 0-0.278 0.099l-0.003 0.003a0.387 0.387 0 0 0-0.101 0.28v3.739c0 0.106 0.034 0.2 0.11 0.271v0.001l0.007 0.005a0.403 0.403 0 0 0 0.505-0.003l0.003-0.003a0.36 0.36 0 0 0 0.11-0.271v-1.55h1.389a0.338 0.338 0 0 0 0.334-0.34 0.313 0.313 0 0 0-0.099-0.23h0.001a0.313 0.313 0 0 0-0.236-0.104h-1.387V6.647h1.658a0.347 0.347 0 0 0 0.241-0.093l0.003-0.003q0.101-0.101 0.101-0.245a0.333 0.333 0 0 0-0.101-0.245 0.333 0.333 0 0 0-0.244-0.102",
37
+ eo: true
38
38
  }
39
39
  ]
40
40
  },
41
41
  24: {
42
42
  outlined: [
43
43
  {
44
- d: "M18.537 8.988v.79h-2.781v2.026h2.552v.772h-2.552v2.772h-.824v-6.36zm-4.812 0v6.36H12.9v-6.36zM8.598 8.9q.741 0 1.386.3l.16.075q.55.278.941.734a2.6 2.6 0 0 1 .585 1.188l.024.12h-.842l-.019-.074a1.9 1.9 0 0 0-.804-1.104l-.002-.001a2.4 2.4 0 0 0-1.42-.431 2.4 2.4 0 0 0-1.235.321q-.54.311-.843.867-.304.556-.304 1.273.001.726.296 1.291.304.555.842.866a2.47 2.47 0 0 0 1.243.313q.597 0 1.084-.229.49-.228.8-.639.283-.374.388-.842H8.26v-.78h3.51l-.001.101a3.4 3.4 0 0 1-.436 1.647l.001.002a2.97 2.97 0 0 1-1.12 1.137 3.16 3.16 0 0 1-1.608.41q-.922 0-1.65-.419h-.002a3.1 3.1 0 0 1-1.145-1.172l-.001-.002a3.5 3.5 0 0 1-.408-1.684q0-.921.409-1.667V10.5a3 3 0 0 1 1.146-1.173A3.2 3.2 0 0 1 8.598 8.9"
44
+ d: "M13.749 19.253v1.5h-2.998v-1.5zm7.001-7.002c0-1.83-.002-3.08-.107-4.032-.103-.923-.288-1.382-.529-1.703a3.2 3.2 0 0 0-.63-.63c-.32-.241-.78-.426-1.703-.529-.952-.105-2.201-.107-4.032-.107h-2.998c-1.83 0-3.08.002-4.032.107-.923.103-1.383.288-1.703.529a3.2 3.2 0 0 0-.63.63c-.241.32-.426.78-.529 1.703-.105.952-.107 2.201-.107 4.032s.002 3.081.107 4.033c.103.923.288 1.382.529 1.702q.27.361.63.631c.32.241.78.425 1.703.527.952.106 2.201.109 4.032.109v1.5l-1.266-.002c-2.57-.012-4.057-.101-5.13-.77l-.24-.165a4.7 4.7 0 0 1-.721-.672l-.207-.256c-.937-1.247-.937-3.044-.937-6.637 0-3.369 0-5.158.771-6.396l.166-.24c.198-.263.423-.506.671-.721l.257-.207c1.246-.937 3.043-.937 6.636-.937h2.998l1.266.002c2.768.013 4.28.115 5.37.935.351.264.664.577.928.928.937 1.246.937 3.043.937 6.636s0 5.39-.936 6.637l-.208.256a4.7 4.7 0 0 1-.721.672l-.24.165c-1.073.669-2.56.758-5.13.77l-1.266.002v-1.5c1.83 0 3.08-.003 4.032-.108.923-.103 1.383-.287 1.703-.528q.36-.271.63-.63c.241-.321.426-.78.529-1.703.105-.952.107-2.202.107-4.033"
45
45
  },
46
46
  {
47
- d: "M4 5.5h16A1.5 1.5 0 0 1 21.5 7v10a1.5 1.5 0 0 1-1.5 1.5H4A1.5 1.5 0 0 1 2.5 17V7A1.5 1.5 0 0 1 4 5.5z",
48
- sw: 1
47
+ d: "M8.732 8.8q.784 0 1.43.287l.156.072q.528.262.852.683a.66.66 0 0 1 .237.49c0 .15-.058.281-.167.384a.53.53 0 0 1-.384.158.73.73 0 0 1-.446-.168l-.021-.016-.016-.022a1.8 1.8 0 0 0-.665-.524 2.2 2.2 0 0 0-.967-.206q-.66.001-1.177.305v.001a2.1 2.1 0 0 0-.797.831 2.5 2.5 0 0 0-.291 1.219q0 .674.273 1.21.28.53.772.832l.126.068q.452.226 1.023.228.566 0 1.014-.237v-.001a1.9 1.9 0 0 0 .735-.662q.23-.346.318-.77H8.363a.54.54 0 0 1-.408-.173l-.006-.007a.58.58 0 0 1-.136-.38.54.54 0 0 1 .55-.552h3.042a.57.57 0 0 1 .429.168h.001l.006.005h-.001a.63.63 0 0 1 .162.45q-.001.08-.01.147v.001a3.45 3.45 0 0 1-.468 1.544l.001.001q-.414.722-1.151 1.162c-.496.297-1.064.442-1.695.442q-.976.001-1.758-.46a3.3 3.3 0 0 1-1.216-1.254l-.002-.002a3.7 3.7 0 0 1-.429-1.769q0-.966.44-1.762A3.25 3.25 0 0 1 6.939 9.26l.001-.001a3.5 3.5 0 0 1 1.792-.46m4.539.054q.233 0 .407.156c.133.112.188.27.188.44v5.67c0 .17-.055.327-.181.444l-.006.005a.656.656 0 0 1-.82.005l-.007-.005-.005-.006a.58.58 0 0 1-.182-.443V9.45c0-.17.056-.329.189-.441a.63.63 0 0 1 .417-.155m5.265.036c.155 0 .293.057.402.167s.167.247.167.402a.56.56 0 0 1-.166.402l-.007.006a.57.57 0 0 1-.396.152H16.1v1.714h2.032c.153 0 .287.061.39.173l-.002.001c.105.102.163.23.163.378a.556.556 0 0 1-.551.56H16.1v2.275c0 .17-.055.327-.182.444l-.006.005a.656.656 0 0 1-.82.005l-.006-.005-.006-.006a.58.58 0 0 1-.181-.443V9.513a.62.62 0 0 1 .167-.456l.005-.006.099-.073a.7.7 0 0 1 .351-.088z"
49
48
  }
50
49
  ],
51
50
  filled: [
52
51
  {
53
- d: "M20 5a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2zM8.598 8.8q-.931 0-1.694.44a3.1 3.1 0 0 0-1.07 1.023l-.113.19a3.5 3.5 0 0 0-.421 1.715c0 .634.138 1.214.42 1.732l.002.002q.43.769 1.181 1.21l.002.001q.756.434 1.701.432a3.26 3.26 0 0 0 1.658-.423q.734-.425 1.156-1.176a3.5 3.5 0 0 0 .45-1.695l.003-.204H8.16v.981h2.589q-.106.375-.34.682-.294.39-.76.608-.467.219-1.043.22a2.37 2.37 0 0 1-1.194-.3 2.1 2.1 0 0 1-.802-.825 2.65 2.65 0 0 1-.285-1.245q.001-.693.292-1.225.29-.532.805-.828a2.3 2.3 0 0 1 1.184-.307c.52 0 .972.138 1.365.412l.002.002c.396.268.647.616.763 1.048l.04.148h1.041l-.05-.24a2.7 2.7 0 0 0-.607-1.235 3.2 3.2 0 0 0-1.136-.836A3.4 3.4 0 0 0 8.598 8.8m4.202 6.648h1.025v-6.56H12.8zm2.031 0h1.025v-2.772h2.552v-.972h-2.552V9.878h2.78v-.99h-3.805zm-5.826-.126q-.058.007-.115.01zm.19-.027-.1.015zm-.436-.562v.001m-2.164-.969.031.04-.02-.024zm-1.092-1.717.002-.08zm.013-.216.005-.075zm.022-.195.01-.075zm5.266-.762.07.168a2 2 0 0 0-.107-.238zm-4.763-.562.064-.09zm.14-.189.04-.05zm.211-.238q.046-.048.096-.095-.05.046-.096.095m3.257-.713.051.018zm-.292-.085.043.01zm-.312-.057.056.007zm-3.321 1.886"
52
+ d: "M14.995 3.5c3.303 0 4.954 0 5.98 1.025C22 5.551 22 7.203 22 10.505v2.992c0 3.302 0 4.954-1.025 5.98-1.026 1.025-2.678 1.026-5.98 1.026h-5.99c-3.302 0-4.954 0-5.98-1.026C2 18.45 2 16.799 2 13.497v-2.992c0-3.302 0-4.954 1.026-5.98C4.05 3.5 5.703 3.5 9.006 3.5zM8.508 8.85q-.981 0-1.767.452a3.2 3.2 0 0 0-1.208 1.245 3.5 3.5 0 0 0-.433 1.738q0 .953.423 1.745v.001q.435.782 1.199 1.236.768.454 1.732.453.938 0 1.67-.435.724-.433 1.132-1.143h.001q.414-.714.46-1.525a1 1 0 0 0 .01-.143.58.58 0 0 0-.152-.421.52.52 0 0 0-.394-.152H8.139a.5.5 0 0 0-.371.157h-.001a.5.5 0 0 0-.13.344q.002.197.126.348l.005.005a.5.5 0 0 0 .37.157h2.435q-.087.469-.335.848h-.001q-.284.434-.753.678h-.001a2.2 2.2 0 0 1-1.037.244q-.582-.001-1.045-.233l-.13-.07a2.16 2.16 0 0 1-.715-.719l-.075-.132a2.7 2.7 0 0 1-.28-1.234q0-.695.297-1.243t.817-.85a2.33 2.33 0 0 1 1.202-.313q.555.001.988.21.44.213.684.54l.011.016.016.012a.68.68 0 0 0 .416.158.48.48 0 0 0 .344-.14v.002l.004-.004.002-.001-.001-.001a.47.47 0 0 0 .152-.348.6.6 0 0 0-.223-.455q-.362-.473-.992-.744h.001a3.4 3.4 0 0 0-1.41-.283m4.538.053a.58.58 0 0 0-.385.144.5.5 0 0 0-.17.403v5.67c0 .159.05.3.165.406v.001l.01.007a.604.604 0 0 0 .756-.003l.005-.004a.53.53 0 0 0 .165-.407V9.45a.5.5 0 0 0-.17-.402.55.55 0 0 0-.376-.145m2.25.036a.6.6 0 0 0-.417.149l-.004.004a.58.58 0 0 0-.152.42v5.608c0 .159.051.3.165.406v.001l.01.008a.605.605 0 0 0 .757-.004l.004-.004a.54.54 0 0 0 .165-.407v-2.325h2.083a.507.507 0 0 0 .501-.51.47.47 0 0 0-.149-.345h.001a.47.47 0 0 0-.354-.156h-2.081V9.97h2.487a.52.52 0 0 0 .362-.139l.004-.004q.151-.152.152-.367a.5.5 0 0 0-.152-.367.5.5 0 0 0-.366-.153",
53
+ eo: true
54
54
  }
55
55
  ]
56
56
  },
57
57
  32: {
58
58
  outlined: [
59
59
  {
60
- d: "M24.715 11.984v1.053h-3.707v2.701h3.403v1.03h-3.403v3.696h-1.1v-8.48zm-6.415 0v8.48h-1.1v-8.48zm-6.837-.118q.989 0 1.85.4l.212.101a4.1 4.1 0 0 1 1.254.978q.598.693.78 1.585l.034.16H14.47l-.027-.099q-.243-.912-1.072-1.472v-.001q-.821-.575-1.896-.575-.918 0-1.646.427v.001a2.93 2.93 0 0 0-1.124 1.157q-.405.741-.405 1.696.001.969.395 1.721.404.742 1.121 1.156l.186.096q.66.319 1.473.32.794 0 1.446-.304a2.8 2.8 0 0 0 1.064-.852l.102-.142q.297-.444.416-.982h-3.49v-1.04h4.681l-.003.135q-.025 1.226-.58 2.197v.001a3.96 3.96 0 0 1-1.493 1.517q-.95.547-2.143.546-1.23 0-2.203-.558a4.1 4.1 0 0 1-1.527-1.563v-.002q-.546-1.006-.546-2.246 0-1.228.545-2.223V14a4 4 0 0 1 1.528-1.565 4.3 4.3 0 0 1 2.19-.569"
60
+ d: "M18.332 25.671v2h-3.997v-2zm9.335-9.336c0-2.44-.003-4.107-.143-5.376-.137-1.231-.384-1.843-.705-2.271a4.267 4.267 0 0 0-.84-.84c-.427-.321-1.04-.568-2.271-.705-1.269-.14-2.935-.143-5.376-.143h-3.997c-2.44 0-4.107.003-5.376.143-1.231.137-1.844.384-2.271.705a4.267 4.267 0 0 0-.84.84c-.321.427-.568 1.04-.705 2.271-.14 1.269-.143 2.935-.143 5.376s.003 4.108.143 5.377c.137 1.231.384 1.843.705 2.269q.36.481.84.841c.427.321 1.04.567 2.271.703 1.269.141 2.935.145 5.376.145v2l-1.688-.003c-3.427-.016-5.409-.135-6.84-1.027l-.32-.22a6.267 6.267 0 0 1-.961-.896l-.276-.341c-1.249-1.663-1.249-4.059-1.249-8.849 0-4.492 0-6.877 1.028-8.528l.221-.32c.264-.351.564-.675.895-.961l.343-.276c1.661-1.249 4.057-1.249 8.848-1.249h3.997l1.688.003c3.691.017 5.707.153 7.16 1.247.468.352.885.769 1.237 1.237 1.249 1.661 1.249 4.057 1.249 8.848s0 7.187-1.248 8.849l-.277.341a6.267 6.267 0 0 1-.961.896l-.32.22c-1.431.892-3.413 1.011-6.84 1.027l-1.688.003v-2c2.44 0 4.107-.004 5.376-.144 1.231-.137 1.844-.383 2.271-.704q.48-.361.84-.84c.321-.428.568-1.04.705-2.271.14-1.269.143-2.936.143-5.377"
61
61
  },
62
62
  {
63
- d: "M5.333 7.333h21.333a2 2 0 0 1 2 2v13.334a2 2 0 0 1-2 2H5.333a2 2 0 0 1-2-2V9.333a2 2 0 0 1 2-2z",
64
- sw: 1.333
63
+ d: "M11.643 11.733q1.045 0 1.907.383l.208.096q.704.349 1.136.911a.88.88 0 0 1 .316.653c0 .2-.077.375-.223.512a.707.707 0 0 1-.512.211.973.973 0 0 1-.595-.224l-.028-.021-.021-.029a2.4 2.4 0 0 0-.887-.699 2.933 2.933 0 0 0-1.289-.275q-.88.001-1.569.407v.001a2.8 2.8 0 0 0-1.063 1.108 3.333 3.333 0 0 0-.388 1.625q0 .899.364 1.613.373.707 1.029 1.109l.168.091q.603.301 1.364.304.755 0 1.352-.316v-.001a2.533 2.533 0 0 0 .98-.883q.307-.461.424-1.027H11.151a.72.72 0 0 1-.544-.231l-.008-.009a.773.773 0 0 1-.181-.507.72.72 0 0 1 .733-.736h4.056a.76.76 0 0 1 .572.224h.001l.008.007h-.001a.84.84 0 0 1 .216.6q-.001.107-.013.196v.001a4.6 4.6 0 0 1-.624 2.059l.001.001q-.552.963-1.535 1.549c-.661.396-1.419.589-2.26.589q-1.301.001-2.344-.613a4.4 4.4 0 0 1-1.621-1.672l-.003-.003a4.933 4.933 0 0 1-.572-2.359q0-1.288.587-2.349A4.333 4.333 0 0 1 9.252 12.347l.001-.001a4.667 4.667 0 0 1 2.389-.613m6.052.072q.311 0 .543.208c.177.149.251.36.251.587v7.56c0 .227-.073.436-.241.592l-.008.007a.875.875 0 0 1-1.093.007l-.009-.007-.007-.008a.773.773 0 0 1-.243-.591V12.6c0-.227.075-.439.252-.588a.84.84 0 0 1 .556-.207m7.02.048c.207 0 .391.076.536.223s.223.329.223.536a.747.747 0 0 1-.221.536l-.009.008a.76.76 0 0 1-.528.203H21.467v2.285h2.709c.204 0 .383.081.52.231l-.003.001c.14.136.217.307.217.504a.741.741 0 0 1-.735.747H21.467v3.033c0 .227-.073.436-.243.592l-.008.007a.875.875 0 0 1-1.093.007l-.008-.007-.008-.008a.773.773 0 0 1-.241-.591V12.684a.827.827 0 0 1 .223-.608l.007-.008.132-.097a.933.933 0 0 1 .468-.117z"
65
64
  }
66
65
  ],
67
66
  filled: [
68
67
  {
69
- d: "M26.667 6.667a2.667 2.667 0 0 1 2.667 2.667v13.333a2.667 2.667 0 0 1-2.667 2.667H5.334a2.667 2.667 0 0 1-2.667-2.667V9.334a2.667 2.667 0 0 1 2.667-2.667zm-15.203 5.066q-1.24-.001-2.258.587a4.1 4.1 0 0 0-1.428 1.363l-.15.253c-.376.684-.562 1.45-.562 2.288q-.001 1.27.56 2.31l.003.003a4.25 4.25 0 0 0 1.575 1.613l.003.001c.67.386 1.43.575 2.269.575q1.225.001 2.209-.563a4.1 4.1 0 0 0 1.542-1.568q.574-1.003.598-2.26l.006-.273H10.88v1.309h3.452a2.7 2.7 0 0 1-.453.909 2.65 2.65 0 0 1-1.015.811 3.25 3.25 0 0 1-1.388.293 3.16 3.16 0 0 1-1.593-.4h-.001a2.8 2.8 0 0 1-1.069-1.1q-.378-.719-.38-1.66.001-.925.39-1.633.387-.709 1.073-1.104l.001-.001q.696-.408 1.579-.41c.692 0 1.295.185 1.818.55l.003.003c.528.357.864.821 1.018 1.397l.053.198h1.389l-.067-.32a3.6 3.6 0 0 0-.81-1.646 4.24 4.24 0 0 0-1.514-1.115 4.5 4.5 0 0 0-1.902-.41m5.602 8.864h1.368V11.85h-1.368zm2.71 0h1.367v-3.696h3.402v-1.296h-3.402v-2.434h3.707v-1.32h-5.075zm-2.442-.266v-8.214zm-3.782-.399-.233.124a4 4 0 0 1 .233-.125zm.828-1.954a2.9 2.9 0 0 1-1.403 1.355 3 3 0 0 1 .166-.083q.568-.306.948-.809.167-.22.29-.463m-5.618.327-.075-.109.075.11M7.378 15.56l.026-.174q-.014.087-.025.174m.547-1.599q.037-.065.076-.127zm.116-.187q.045-.07.094-.138-.049.068-.094.138m.167-.233q.044-.06.092-.117-.047.056-.092.117m.685-.69q.105-.084.218-.158l.087-.055a4 4 0 0 0-.305.212m15.69.053h-3.707v-.001zm-13.106-.095v.001m1.377-.585q.207.07.406.162v.001a4 4 0 0 0-.405-.163m-.385-.111.08.021zm-.222-.044.088.016zm-.217-.033.11.014zM8.854 18.43q-.03-.037-.058-.076zm-.151-5.423"
68
+ d: "M19.993 4.667c4.404 0 6.605 0 7.973 1.367C29.333 7.401 29.333 9.604 29.333 14.007v3.989c0 4.403 0 6.605-1.367 7.973-1.368 1.367-3.571 1.368-7.973 1.368h-7.987c-4.403 0-6.605 0-7.973-1.368C2.667 24.6 2.667 22.399 2.667 17.996v-3.989c0-4.403 0-6.605 1.368-7.973C5.4 4.667 7.604 4.667 12.008 4.667zM11.344 11.8q-1.308 0-2.356 0.603a4.267 4.267 0 0 0-1.611 1.66 4.667 4.667 0 0 0-0.577 2.317q0 1.271 0.564 2.327v0.001q0.58 1.043 1.599 1.648 1.024 0.605 2.309 0.604 1.251 0 2.227-0.58 0.965-0.577 1.509-1.524h0.001q0.552-0.952 0.613-2.033a1.333 1.333 0 0 0 0.013-0.191 0.773 0.773 0 0 0-0.203-0.561 0.693 0.693 0 0 0-0.525-0.203H10.852a0.667 0.667 0 0 0-0.495 0.209h-0.001a0.667 0.667 0 0 0-0.173 0.459q0.003 0.263 0.168 0.464l0.007 0.007a0.667 0.667 0 0 0 0.493 0.209h3.247q-0.116 0.625-0.447 1.131h-0.001q-0.379 0.579-1.004 0.904h-0.001a2.933 2.933 0 0 1-1.383 0.325q-0.776-0.001-1.393-0.311l-0.173-0.093a2.88 2.88 0 0 1-0.953-0.959l-0.1-0.176a3.6 3.6 0 0 1-0.373-1.645q0-0.927 0.396-1.657t1.089-1.133a3.107 3.107 0 0 1 1.603-0.417q0.74 0.001 1.317 0.28 0.587 0.284 0.912 0.72l0.015 0.021 0.021 0.016a0.907 0.907 0 0 0 0.555 0.211 0.64 0.64 0 0 0 0.459-0.187v0.003l0.005-0.005 0.003-0.001-0.001-0.001a0.627 0.627 0 0 0 0.203-0.464 0.8 0.8 0 0 0-0.297-0.607q-0.483-0.631-1.323-0.992h0.001a4.533 4.533 0 0 0-1.88-0.377m6.051 0.071a0.773 0.773 0 0 0-0.513 0.192 0.667 0.667 0 0 0-0.227 0.537v7.56c0 0.212 0.067 0.4 0.22 0.541v0.001l0.013 0.009a0.805 0.805 0 0 0 1.008-0.004l0.007-0.005a0.707 0.707 0 0 0 0.22-0.543V12.6a0.667 0.667 0 0 0-0.227-0.536 0.733 0.733 0 0 0-0.501-0.193m3 0.048a0.8 0.8 0 0 0-0.556 0.199l-0.005 0.005a0.773 0.773 0 0 0-0.203 0.56v7.477c0 0.212 0.068 0.4 0.22 0.541v0.001l0.013 0.011a0.807 0.807 0 0 0 1.009-0.005l0.005-0.005a0.72 0.72 0 0 0 0.22-0.543v-3.1h2.777a0.676 0.676 0 0 0 0.668-0.68 0.627 0.627 0 0 0-0.199-0.46h0.001a0.627 0.627 0 0 0-0.472-0.208h-2.775V13.293h3.316a0.693 0.693 0 0 0 0.483-0.185l0.005-0.005q0.201-0.203 0.203-0.489a0.667 0.667 0 0 0-0.203-0.489 0.667 0.667 0 0 0-0.488-0.204",
69
+ eo: true
70
70
  }
71
71
  ]
72
72
  }
@@ -1 +1 @@
1
- {"version":3,"file":"GifIcon.cjs","sources":["../../../../src/components/Icons/GifIcon.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { BaseIcon } from \"./BaseIcon\";\nimport type { BaseIconProps, IconVariants } from \"./types\";\n\nconst VARIANTS: IconVariants = {\n 16: {\n outlined: [\n {\n d: \"M12.358 5.992v.527h-1.854v1.35h1.701v.515h-1.7v1.848h-.55v-4.24zm-3.208 0v4.24H8.6v-4.24zm-3.418-.058q.495 0 .926.199h-.001q.435.193.732.539.3.347.39.793l.018.08h-.562l-.013-.049a1.26 1.26 0 0 0-.536-.737 1.6 1.6 0 0 0-.948-.287 1.6 1.6 0 0 0-.823.214q-.36.206-.562.578-.203.37-.203.848 0 .484.197.86l.11.175q.182.248.452.403h-.001q.365.208.83.209.397 0 .723-.153a1.4 1.4 0 0 0 .532-.425q.188-.25.257-.562H5.506v-.521h2.341l-.002.068a2.3 2.3 0 0 1-.224.977l-.066.123q-.272.483-.746.757a2.1 2.1 0 0 1-1.071.274q-.538 0-.978-.214l-.124-.065a2.06 2.06 0 0 1-.763-.783h-.001A2.3 2.3 0 0 1 3.6 8.112q0-.614.272-1.112.279-.503.764-.782.493-.284 1.096-.284\",\n },\n {\n d: \"M2.667 3.667h10.666a1 1 0 0 1 1 1v6.666a1 1 0 0 1-1 1H2.667a1 1 0 0 1-1-1V4.667a1 1 0 0 1 1-1z\",\n sw: 0.667,\n },\n ],\n filled: [\n {\n d: \"M13.333 3.333c.737 0 1.333.597 1.333 1.333v6.667c0 .737-.596 1.333-1.333 1.333H2.666a1.333 1.333 0 0 1-1.333-1.333V4.666c0-.736.597-1.332 1.333-1.333zM5.732 5.867q-.62 0-1.13.293-.438.254-.713.682l-.075.126a2.34 2.34 0 0 0-.28 1.144q-.002.636.279 1.155h.002q.287.514.787.808h.002q.503.29 1.134.289.613 0 1.104-.283.49-.283.772-.784.286-.501.298-1.13l.003-.135H5.44v.654h1.726a1.4 1.4 0 0 1-.226.454q-.196.26-.508.405a1.6 1.6 0 0 1-.694.147q-.449-.001-.796-.2H4.94a1.4 1.4 0 0 1-.534-.55 1.8 1.8 0 0 1-.19-.83q0-.463.195-.817.193-.354.536-.552.348-.205.79-.205.518 0 .909.275l.002.002q.394.267.509.698l.026.099h.694l-.033-.16a1.8 1.8 0 0 0-.405-.823 2.1 2.1 0 0 0-.757-.557 2.2 2.2 0 0 0-.951-.205m2.802 4.432h.683V5.925h-.683zm1.353 0h.684V8.451h1.7v-.648h-1.7V6.585h1.853v-.66H9.887zm-3.89-.084-.03.003zm-.62-.012-.057-.01zm.864-.03-.038.008zm-1.109-.022-.055-.017zm1.342-.047-.046.017zm-1.58-.033-.043-.02zm2.151-.85h.001q-.108.143-.248.255.138-.112.247-.255M3.678 7.872l.002-.028zm.035-.242.01-.042zm.331-.778.029-.042zm.15-.19.03-.033zm.164-.163.047-.039zm1.493-.496q.033.002.064.006L5.732 6z\",\n },\n ],\n },\n 24: {\n outlined: [\n {\n d: \"M18.537 8.988v.79h-2.781v2.026h2.552v.772h-2.552v2.772h-.824v-6.36zm-4.812 0v6.36H12.9v-6.36zM8.598 8.9q.741 0 1.386.3l.16.075q.55.278.941.734a2.6 2.6 0 0 1 .585 1.188l.024.12h-.842l-.019-.074a1.9 1.9 0 0 0-.804-1.104l-.002-.001a2.4 2.4 0 0 0-1.42-.431 2.4 2.4 0 0 0-1.235.321q-.54.311-.843.867-.304.556-.304 1.273.001.726.296 1.291.304.555.842.866a2.47 2.47 0 0 0 1.243.313q.597 0 1.084-.229.49-.228.8-.639.283-.374.388-.842H8.26v-.78h3.51l-.001.101a3.4 3.4 0 0 1-.436 1.647l.001.002a2.97 2.97 0 0 1-1.12 1.137 3.16 3.16 0 0 1-1.608.41q-.922 0-1.65-.419h-.002a3.1 3.1 0 0 1-1.145-1.172l-.001-.002a3.5 3.5 0 0 1-.408-1.684q0-.921.409-1.667V10.5a3 3 0 0 1 1.146-1.173A3.2 3.2 0 0 1 8.598 8.9\",\n },\n {\n d: \"M4 5.5h16A1.5 1.5 0 0 1 21.5 7v10a1.5 1.5 0 0 1-1.5 1.5H4A1.5 1.5 0 0 1 2.5 17V7A1.5 1.5 0 0 1 4 5.5z\",\n sw: 1,\n },\n ],\n filled: [\n {\n d: \"M20 5a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2zM8.598 8.8q-.931 0-1.694.44a3.1 3.1 0 0 0-1.07 1.023l-.113.19a3.5 3.5 0 0 0-.421 1.715c0 .634.138 1.214.42 1.732l.002.002q.43.769 1.181 1.21l.002.001q.756.434 1.701.432a3.26 3.26 0 0 0 1.658-.423q.734-.425 1.156-1.176a3.5 3.5 0 0 0 .45-1.695l.003-.204H8.16v.981h2.589q-.106.375-.34.682-.294.39-.76.608-.467.219-1.043.22a2.37 2.37 0 0 1-1.194-.3 2.1 2.1 0 0 1-.802-.825 2.65 2.65 0 0 1-.285-1.245q.001-.693.292-1.225.29-.532.805-.828a2.3 2.3 0 0 1 1.184-.307c.52 0 .972.138 1.365.412l.002.002c.396.268.647.616.763 1.048l.04.148h1.041l-.05-.24a2.7 2.7 0 0 0-.607-1.235 3.2 3.2 0 0 0-1.136-.836A3.4 3.4 0 0 0 8.598 8.8m4.202 6.648h1.025v-6.56H12.8zm2.031 0h1.025v-2.772h2.552v-.972h-2.552V9.878h2.78v-.99h-3.805zm-5.826-.126q-.058.007-.115.01zm.19-.027-.1.015zm-.436-.562v.001m-2.164-.969.031.04-.02-.024zm-1.092-1.717.002-.08zm.013-.216.005-.075zm.022-.195.01-.075zm5.266-.762.07.168a2 2 0 0 0-.107-.238zm-4.763-.562.064-.09zm.14-.189.04-.05zm.211-.238q.046-.048.096-.095-.05.046-.096.095m3.257-.713.051.018zm-.292-.085.043.01zm-.312-.057.056.007zm-3.321 1.886\",\n },\n ],\n },\n 32: {\n outlined: [\n {\n d: \"M24.715 11.984v1.053h-3.707v2.701h3.403v1.03h-3.403v3.696h-1.1v-8.48zm-6.415 0v8.48h-1.1v-8.48zm-6.837-.118q.989 0 1.85.4l.212.101a4.1 4.1 0 0 1 1.254.978q.598.693.78 1.585l.034.16H14.47l-.027-.099q-.243-.912-1.072-1.472v-.001q-.821-.575-1.896-.575-.918 0-1.646.427v.001a2.93 2.93 0 0 0-1.124 1.157q-.405.741-.405 1.696.001.969.395 1.721.404.742 1.121 1.156l.186.096q.66.319 1.473.32.794 0 1.446-.304a2.8 2.8 0 0 0 1.064-.852l.102-.142q.297-.444.416-.982h-3.49v-1.04h4.681l-.003.135q-.025 1.226-.58 2.197v.001a3.96 3.96 0 0 1-1.493 1.517q-.95.547-2.143.546-1.23 0-2.203-.558a4.1 4.1 0 0 1-1.527-1.563v-.002q-.546-1.006-.546-2.246 0-1.228.545-2.223V14a4 4 0 0 1 1.528-1.565 4.3 4.3 0 0 1 2.19-.569\",\n },\n {\n d: \"M5.333 7.333h21.333a2 2 0 0 1 2 2v13.334a2 2 0 0 1-2 2H5.333a2 2 0 0 1-2-2V9.333a2 2 0 0 1 2-2z\",\n sw: 1.333,\n },\n ],\n filled: [\n {\n d: \"M26.667 6.667a2.667 2.667 0 0 1 2.667 2.667v13.333a2.667 2.667 0 0 1-2.667 2.667H5.334a2.667 2.667 0 0 1-2.667-2.667V9.334a2.667 2.667 0 0 1 2.667-2.667zm-15.203 5.066q-1.24-.001-2.258.587a4.1 4.1 0 0 0-1.428 1.363l-.15.253c-.376.684-.562 1.45-.562 2.288q-.001 1.27.56 2.31l.003.003a4.25 4.25 0 0 0 1.575 1.613l.003.001c.67.386 1.43.575 2.269.575q1.225.001 2.209-.563a4.1 4.1 0 0 0 1.542-1.568q.574-1.003.598-2.26l.006-.273H10.88v1.309h3.452a2.7 2.7 0 0 1-.453.909 2.65 2.65 0 0 1-1.015.811 3.25 3.25 0 0 1-1.388.293 3.16 3.16 0 0 1-1.593-.4h-.001a2.8 2.8 0 0 1-1.069-1.1q-.378-.719-.38-1.66.001-.925.39-1.633.387-.709 1.073-1.104l.001-.001q.696-.408 1.579-.41c.692 0 1.295.185 1.818.55l.003.003c.528.357.864.821 1.018 1.397l.053.198h1.389l-.067-.32a3.6 3.6 0 0 0-.81-1.646 4.24 4.24 0 0 0-1.514-1.115 4.5 4.5 0 0 0-1.902-.41m5.602 8.864h1.368V11.85h-1.368zm2.71 0h1.367v-3.696h3.402v-1.296h-3.402v-2.434h3.707v-1.32h-5.075zm-2.442-.266v-8.214zm-3.782-.399-.233.124a4 4 0 0 1 .233-.125zm.828-1.954a2.9 2.9 0 0 1-1.403 1.355 3 3 0 0 1 .166-.083q.568-.306.948-.809.167-.22.29-.463m-5.618.327-.075-.109.075.11M7.378 15.56l.026-.174q-.014.087-.025.174m.547-1.599q.037-.065.076-.127zm.116-.187q.045-.07.094-.138-.049.068-.094.138m.167-.233q.044-.06.092-.117-.047.056-.092.117m.685-.69q.105-.084.218-.158l.087-.055a4 4 0 0 0-.305.212m15.69.053h-3.707v-.001zm-13.106-.095v.001m1.377-.585q.207.07.406.162v.001a4 4 0 0 0-.405-.163m-.385-.111.08.021zm-.222-.044.088.016zm-.217-.033.11.014zM8.854 18.43q-.03-.037-.058-.076zm-.151-5.423\",\n },\n ],\n },\n};\n\n/** Props for {@link GifIcon}. See {@link BaseIconProps} for the shared shape. */\nexport type GifIconProps = BaseIconProps;\n\n/**\n * Gif icon. Renders at sizes 16, 24, or 32 px with outlined and filled variants.\n *\n * @example\n * ```tsx\n * <GifIcon size={24} filled />\n * ```\n */\nexport const GifIcon = React.forwardRef<SVGSVGElement, GifIconProps>((props, ref) => (\n <BaseIcon ref={ref} variants={VARIANTS} {...props} />\n));\n\nGifIcon.displayName = \"GifIcon\";\n"],"names":["React","jsx","BaseIcon"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAIA,MAAM,WAAyB;AAAA,EAC7B,IAAI;AAAA,IACF,UAAU;AAAA,MACR;AAAA,QACE,GAAG;AAAA,MAAA;AAAA,MAEL;AAAA,QACE,GAAG;AAAA,QACH,IAAI;AAAA,MAAA;AAAA,IACN;AAAA,IAEF,QAAQ;AAAA,MACN;AAAA,QACE,GAAG;AAAA,MAAA;AAAA,IACL;AAAA,EACF;AAAA,EAEF,IAAI;AAAA,IACF,UAAU;AAAA,MACR;AAAA,QACE,GAAG;AAAA,MAAA;AAAA,MAEL;AAAA,QACE,GAAG;AAAA,QACH,IAAI;AAAA,MAAA;AAAA,IACN;AAAA,IAEF,QAAQ;AAAA,MACN;AAAA,QACE,GAAG;AAAA,MAAA;AAAA,IACL;AAAA,EACF;AAAA,EAEF,IAAI;AAAA,IACF,UAAU;AAAA,MACR;AAAA,QACE,GAAG;AAAA,MAAA;AAAA,MAEL;AAAA,QACE,GAAG;AAAA,QACH,IAAI;AAAA,MAAA;AAAA,IACN;AAAA,IAEF,QAAQ;AAAA,MACN;AAAA,QACE,GAAG;AAAA,MAAA;AAAA,IACL;AAAA,EACF;AAEJ;AAaO,MAAM,UAAUA,iBAAM,WAAwC,CAAC,OAAO,QAC3EC,2BAAAA,IAACC,SAAAA,UAAA,EAAS,KAAU,UAAU,UAAW,GAAG,OAAO,CACpD;AAED,QAAQ,cAAc;;"}
1
+ {"version":3,"file":"GifIcon.cjs","sources":["../../../../src/components/Icons/GifIcon.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { BaseIcon } from \"./BaseIcon\";\nimport type { BaseIconProps, IconVariants } from \"./types\";\n\nconst VARIANTS: IconVariants = {\n 16: {\n outlined: [\n {\n d: \"M9.166 12.835v1h-1.999v-1zm4.667-4.668c0-1.22-.001-2.053-.071-2.688-.069-.615-.192-.921-.353-1.135a2.133 2.133 0 0 0-.42-.42c-.213-.161-.52-.284-1.135-.353-.635-.07-1.467-.071-2.688-.071h-1.999c-1.22 0-2.053.001-2.688.071-.615.069-.922.192-1.135.353a2.133 2.133 0 0 0-.42.42c-.161.213-.284.52-.353 1.135-.07.635-.071 1.467-.071 2.688s.001 2.054.071 2.689c.069.615.192.921.353 1.135q.18.241.42.421c.213.161.52.283 1.135.351.635.071 1.467.073 2.688.073v1l-.844-.001c-1.713-.008-2.705-.067-3.42-.513l-.16-.11a3.133 3.133 0 0 1-.481-.448l-.138-.171c-.625-.831-.625-2.029-.625-4.425 0-2.246 0-3.439.514-4.264l.111-.16c.132-.175.282-.337.447-.481l.171-.138c.831-.625 2.029-.625 4.424-.625h1.999l.844.001c1.845.009 2.853.077 3.58.623.234.176.443.385.619.619.625.831.625 2.029.625 4.424s0 3.593-.624 4.425l-.139.171a3.133 3.133 0 0 1-.481.448l-.16.11c-.715.446-1.707.505-3.42.513l-.844.001v-1c1.22 0 2.053-.002 2.688-.072.615-.069.922-.191 1.135-.352q.24-.181.42-.42c.161-.214.284-.52.353-1.135.07-.635.071-1.468.071-2.689\",\n },\n {\n d: \"M5.821 5.867q.523 0 .953.191l.104.048q.352.175.568.455a.44.44 0 0 1 .158.327c0 .1-.039.187-.111.256a.353.353 0 0 1-.256.105.487.487 0 0 1-.297-.112l-.014-.011-.011-.015a1.2 1.2 0 0 0-.443-.349 1.467 1.467 0 0 0-.645-.137q-.44.001-.785.203v.001a1.4 1.4 0 0 0-.531.554 1.667 1.667 0 0 0-.194.813q0 .449.182.807.187.353.515.555l.084.045q.301.151.682.152.377 0 .676-.158v-.001a1.267 1.267 0 0 0 .49-.441q.153-.231.212-.513H5.575a.36.36 0 0 1-.272-.115l-.004-.005a.387.387 0 0 1-.091-.253.36.36 0 0 1 .367-.368h2.028a.38.38 0 0 1 .286.112h.001l.004.003h-.001a.42.42 0 0 1 .108.3q-.001.053-.007.098v.001a2.3 2.3 0 0 1-.312 1.029l.001.001q-.276.481-.767.775c-.331.198-.709.295-1.13.295q-.651.001-1.172-.307a2.2 2.2 0 0 1-.811-.836l-.001-.001a2.467 2.467 0 0 1-.286-1.179q0-.644.293-1.175A2.167 2.167 0 0 1 4.626 6.173l.001-.001a2.333 2.333 0 0 1 1.195-.307m3.026.036q.155 0 .271.104c.089.075.125.18.125.293v3.78c0 .113-.037.218-.121.296l-.004.003a.437.437 0 0 1-.547.003l-.005-.003-.003-.004a.387.387 0 0 1-.121-.295V6.3c0-.113.037-.219.126-.294a.42.42 0 0 1 .278-.103m3.51.024c.103 0 .195.038.268.111s.111.165.111.268a.373.373 0 0 1-.111.268l-.005.004a.38.38 0 0 1-.264.101H10.733v1.143h1.355c.102 0 .191.041.26.115l-.001.001c.07.068.109.153.109.252a.371.371 0 0 1-.367.373H10.733v1.517c0 .113-.037.218-.121.296l-.004.003a.437.437 0 0 1-.547.003l-.004-.003-.004-.004a.387.387 0 0 1-.121-.295V6.342a.413.413 0 0 1 .111-.304l.003-.004.066-.049a.467.467 0 0 1 .234-.059z\",\n },\n ],\n filled: [\n {\n d: \"M9.997 2.333c2.202 0 3.303 0 3.987 0.683C14.667 3.701 14.667 4.802 14.667 7.003v1.995c0 2.201 0 3.303-0.683 3.987-0.684 0.683-1.785 0.684-3.987 0.684h-3.993c-2.201 0-3.303 0-3.987-0.684C1.333 12.3 1.333 11.199 1.333 8.998v-1.995c0-2.201 0-3.303 0.684-3.987C2.7 2.333 3.802 2.333 6.004 2.333zM5.672 5.9q-0.654 0-1.178 0.301a2.133 2.133 0 0 0-0.805 0.83 2.333 2.333 0 0 0-0.289 1.159q0 0.635 0.282 1.163v0.001q0.29 0.521 0.799 0.824 0.512 0.303 1.155 0.302 0.625 0 1.113-0.29 0.483-0.289 0.755-0.762h0.001q0.276-0.476 0.307-1.017a0.667 0.667 0 0 0 0.007-0.095 0.387 0.387 0 0 0-0.101-0.281 0.347 0.347 0 0 0-0.263-0.101H5.426a0.333 0.333 0 0 0-0.247 0.105h-0.001a0.333 0.333 0 0 0-0.087 0.229q0.001 0.131 0.084 0.232l0.003 0.003a0.333 0.333 0 0 0 0.247 0.105h1.623q-0.058 0.313-0.223 0.565h-0.001q-0.189 0.289-0.502 0.452h-0.001a1.467 1.467 0 0 1-0.691 0.163q-0.388-0.001-0.697-0.155l-0.087-0.047a1.44 1.44 0 0 1-0.477-0.479l-0.05-0.088a1.8 1.8 0 0 1-0.187-0.823q0-0.463 0.198-0.829t0.545-0.567a1.553 1.553 0 0 1 0.801-0.209q0.37 0.001 0.659 0.14 0.293 0.142 0.456 0.36l0.007 0.011 0.011 0.008a0.453 0.453 0 0 0 0.277 0.105 0.32 0.32 0 0 0 0.229-0.093v0.001l0.003-0.003 0.001-0.001-0.001-0.001a0.313 0.313 0 0 0 0.101-0.232 0.4 0.4 0 0 0-0.149-0.303q-0.241-0.315-0.661-0.496h0.001a2.267 2.267 0 0 0-0.94-0.189m3.025 0.035a0.387 0.387 0 0 0-0.257 0.096 0.333 0.333 0 0 0-0.113 0.269v3.78c0 0.106 0.033 0.2 0.11 0.271v0.001l0.007 0.005a0.403 0.403 0 0 0 0.504-0.002l0.003-0.003a0.353 0.353 0 0 0 0.11-0.271V6.3a0.333 0.333 0 0 0-0.113-0.268 0.367 0.367 0 0 0-0.251-0.097m1.5 0.024a0.4 0.4 0 0 0-0.278 0.099l-0.003 0.003a0.387 0.387 0 0 0-0.101 0.28v3.739c0 0.106 0.034 0.2 0.11 0.271v0.001l0.007 0.005a0.403 0.403 0 0 0 0.505-0.003l0.003-0.003a0.36 0.36 0 0 0 0.11-0.271v-1.55h1.389a0.338 0.338 0 0 0 0.334-0.34 0.313 0.313 0 0 0-0.099-0.23h0.001a0.313 0.313 0 0 0-0.236-0.104h-1.387V6.647h1.658a0.347 0.347 0 0 0 0.241-0.093l0.003-0.003q0.101-0.101 0.101-0.245a0.333 0.333 0 0 0-0.101-0.245 0.333 0.333 0 0 0-0.244-0.102\",\n eo: true,\n },\n ],\n },\n 24: {\n outlined: [\n {\n d: \"M13.749 19.253v1.5h-2.998v-1.5zm7.001-7.002c0-1.83-.002-3.08-.107-4.032-.103-.923-.288-1.382-.529-1.703a3.2 3.2 0 0 0-.63-.63c-.32-.241-.78-.426-1.703-.529-.952-.105-2.201-.107-4.032-.107h-2.998c-1.83 0-3.08.002-4.032.107-.923.103-1.383.288-1.703.529a3.2 3.2 0 0 0-.63.63c-.241.32-.426.78-.529 1.703-.105.952-.107 2.201-.107 4.032s.002 3.081.107 4.033c.103.923.288 1.382.529 1.702q.27.361.63.631c.32.241.78.425 1.703.527.952.106 2.201.109 4.032.109v1.5l-1.266-.002c-2.57-.012-4.057-.101-5.13-.77l-.24-.165a4.7 4.7 0 0 1-.721-.672l-.207-.256c-.937-1.247-.937-3.044-.937-6.637 0-3.369 0-5.158.771-6.396l.166-.24c.198-.263.423-.506.671-.721l.257-.207c1.246-.937 3.043-.937 6.636-.937h2.998l1.266.002c2.768.013 4.28.115 5.37.935.351.264.664.577.928.928.937 1.246.937 3.043.937 6.636s0 5.39-.936 6.637l-.208.256a4.7 4.7 0 0 1-.721.672l-.24.165c-1.073.669-2.56.758-5.13.77l-1.266.002v-1.5c1.83 0 3.08-.003 4.032-.108.923-.103 1.383-.287 1.703-.528q.36-.271.63-.63c.241-.321.426-.78.529-1.703.105-.952.107-2.202.107-4.033\",\n },\n {\n d: \"M8.732 8.8q.784 0 1.43.287l.156.072q.528.262.852.683a.66.66 0 0 1 .237.49c0 .15-.058.281-.167.384a.53.53 0 0 1-.384.158.73.73 0 0 1-.446-.168l-.021-.016-.016-.022a1.8 1.8 0 0 0-.665-.524 2.2 2.2 0 0 0-.967-.206q-.66.001-1.177.305v.001a2.1 2.1 0 0 0-.797.831 2.5 2.5 0 0 0-.291 1.219q0 .674.273 1.21.28.53.772.832l.126.068q.452.226 1.023.228.566 0 1.014-.237v-.001a1.9 1.9 0 0 0 .735-.662q.23-.346.318-.77H8.363a.54.54 0 0 1-.408-.173l-.006-.007a.58.58 0 0 1-.136-.38.54.54 0 0 1 .55-.552h3.042a.57.57 0 0 1 .429.168h.001l.006.005h-.001a.63.63 0 0 1 .162.45q-.001.08-.01.147v.001a3.45 3.45 0 0 1-.468 1.544l.001.001q-.414.722-1.151 1.162c-.496.297-1.064.442-1.695.442q-.976.001-1.758-.46a3.3 3.3 0 0 1-1.216-1.254l-.002-.002a3.7 3.7 0 0 1-.429-1.769q0-.966.44-1.762A3.25 3.25 0 0 1 6.939 9.26l.001-.001a3.5 3.5 0 0 1 1.792-.46m4.539.054q.233 0 .407.156c.133.112.188.27.188.44v5.67c0 .17-.055.327-.181.444l-.006.005a.656.656 0 0 1-.82.005l-.007-.005-.005-.006a.58.58 0 0 1-.182-.443V9.45c0-.17.056-.329.189-.441a.63.63 0 0 1 .417-.155m5.265.036c.155 0 .293.057.402.167s.167.247.167.402a.56.56 0 0 1-.166.402l-.007.006a.57.57 0 0 1-.396.152H16.1v1.714h2.032c.153 0 .287.061.39.173l-.002.001c.105.102.163.23.163.378a.556.556 0 0 1-.551.56H16.1v2.275c0 .17-.055.327-.182.444l-.006.005a.656.656 0 0 1-.82.005l-.006-.005-.006-.006a.58.58 0 0 1-.181-.443V9.513a.62.62 0 0 1 .167-.456l.005-.006.099-.073a.7.7 0 0 1 .351-.088z\",\n },\n ],\n filled: [\n {\n d: \"M14.995 3.5c3.303 0 4.954 0 5.98 1.025C22 5.551 22 7.203 22 10.505v2.992c0 3.302 0 4.954-1.025 5.98-1.026 1.025-2.678 1.026-5.98 1.026h-5.99c-3.302 0-4.954 0-5.98-1.026C2 18.45 2 16.799 2 13.497v-2.992c0-3.302 0-4.954 1.026-5.98C4.05 3.5 5.703 3.5 9.006 3.5zM8.508 8.85q-.981 0-1.767.452a3.2 3.2 0 0 0-1.208 1.245 3.5 3.5 0 0 0-.433 1.738q0 .953.423 1.745v.001q.435.782 1.199 1.236.768.454 1.732.453.938 0 1.67-.435.724-.433 1.132-1.143h.001q.414-.714.46-1.525a1 1 0 0 0 .01-.143.58.58 0 0 0-.152-.421.52.52 0 0 0-.394-.152H8.139a.5.5 0 0 0-.371.157h-.001a.5.5 0 0 0-.13.344q.002.197.126.348l.005.005a.5.5 0 0 0 .37.157h2.435q-.087.469-.335.848h-.001q-.284.434-.753.678h-.001a2.2 2.2 0 0 1-1.037.244q-.582-.001-1.045-.233l-.13-.07a2.16 2.16 0 0 1-.715-.719l-.075-.132a2.7 2.7 0 0 1-.28-1.234q0-.695.297-1.243t.817-.85a2.33 2.33 0 0 1 1.202-.313q.555.001.988.21.44.213.684.54l.011.016.016.012a.68.68 0 0 0 .416.158.48.48 0 0 0 .344-.14v.002l.004-.004.002-.001-.001-.001a.47.47 0 0 0 .152-.348.6.6 0 0 0-.223-.455q-.362-.473-.992-.744h.001a3.4 3.4 0 0 0-1.41-.283m4.538.053a.58.58 0 0 0-.385.144.5.5 0 0 0-.17.403v5.67c0 .159.05.3.165.406v.001l.01.007a.604.604 0 0 0 .756-.003l.005-.004a.53.53 0 0 0 .165-.407V9.45a.5.5 0 0 0-.17-.402.55.55 0 0 0-.376-.145m2.25.036a.6.6 0 0 0-.417.149l-.004.004a.58.58 0 0 0-.152.42v5.608c0 .159.051.3.165.406v.001l.01.008a.605.605 0 0 0 .757-.004l.004-.004a.54.54 0 0 0 .165-.407v-2.325h2.083a.507.507 0 0 0 .501-.51.47.47 0 0 0-.149-.345h.001a.47.47 0 0 0-.354-.156h-2.081V9.97h2.487a.52.52 0 0 0 .362-.139l.004-.004q.151-.152.152-.367a.5.5 0 0 0-.152-.367.5.5 0 0 0-.366-.153\",\n eo: true,\n },\n ],\n },\n 32: {\n outlined: [\n {\n d: \"M18.332 25.671v2h-3.997v-2zm9.335-9.336c0-2.44-.003-4.107-.143-5.376-.137-1.231-.384-1.843-.705-2.271a4.267 4.267 0 0 0-.84-.84c-.427-.321-1.04-.568-2.271-.705-1.269-.14-2.935-.143-5.376-.143h-3.997c-2.44 0-4.107.003-5.376.143-1.231.137-1.844.384-2.271.705a4.267 4.267 0 0 0-.84.84c-.321.427-.568 1.04-.705 2.271-.14 1.269-.143 2.935-.143 5.376s.003 4.108.143 5.377c.137 1.231.384 1.843.705 2.269q.36.481.84.841c.427.321 1.04.567 2.271.703 1.269.141 2.935.145 5.376.145v2l-1.688-.003c-3.427-.016-5.409-.135-6.84-1.027l-.32-.22a6.267 6.267 0 0 1-.961-.896l-.276-.341c-1.249-1.663-1.249-4.059-1.249-8.849 0-4.492 0-6.877 1.028-8.528l.221-.32c.264-.351.564-.675.895-.961l.343-.276c1.661-1.249 4.057-1.249 8.848-1.249h3.997l1.688.003c3.691.017 5.707.153 7.16 1.247.468.352.885.769 1.237 1.237 1.249 1.661 1.249 4.057 1.249 8.848s0 7.187-1.248 8.849l-.277.341a6.267 6.267 0 0 1-.961.896l-.32.22c-1.431.892-3.413 1.011-6.84 1.027l-1.688.003v-2c2.44 0 4.107-.004 5.376-.144 1.231-.137 1.844-.383 2.271-.704q.48-.361.84-.84c.321-.428.568-1.04.705-2.271.14-1.269.143-2.936.143-5.377\",\n },\n {\n d: \"M11.643 11.733q1.045 0 1.907.383l.208.096q.704.349 1.136.911a.88.88 0 0 1 .316.653c0 .2-.077.375-.223.512a.707.707 0 0 1-.512.211.973.973 0 0 1-.595-.224l-.028-.021-.021-.029a2.4 2.4 0 0 0-.887-.699 2.933 2.933 0 0 0-1.289-.275q-.88.001-1.569.407v.001a2.8 2.8 0 0 0-1.063 1.108 3.333 3.333 0 0 0-.388 1.625q0 .899.364 1.613.373.707 1.029 1.109l.168.091q.603.301 1.364.304.755 0 1.352-.316v-.001a2.533 2.533 0 0 0 .98-.883q.307-.461.424-1.027H11.151a.72.72 0 0 1-.544-.231l-.008-.009a.773.773 0 0 1-.181-.507.72.72 0 0 1 .733-.736h4.056a.76.76 0 0 1 .572.224h.001l.008.007h-.001a.84.84 0 0 1 .216.6q-.001.107-.013.196v.001a4.6 4.6 0 0 1-.624 2.059l.001.001q-.552.963-1.535 1.549c-.661.396-1.419.589-2.26.589q-1.301.001-2.344-.613a4.4 4.4 0 0 1-1.621-1.672l-.003-.003a4.933 4.933 0 0 1-.572-2.359q0-1.288.587-2.349A4.333 4.333 0 0 1 9.252 12.347l.001-.001a4.667 4.667 0 0 1 2.389-.613m6.052.072q.311 0 .543.208c.177.149.251.36.251.587v7.56c0 .227-.073.436-.241.592l-.008.007a.875.875 0 0 1-1.093.007l-.009-.007-.007-.008a.773.773 0 0 1-.243-.591V12.6c0-.227.075-.439.252-.588a.84.84 0 0 1 .556-.207m7.02.048c.207 0 .391.076.536.223s.223.329.223.536a.747.747 0 0 1-.221.536l-.009.008a.76.76 0 0 1-.528.203H21.467v2.285h2.709c.204 0 .383.081.52.231l-.003.001c.14.136.217.307.217.504a.741.741 0 0 1-.735.747H21.467v3.033c0 .227-.073.436-.243.592l-.008.007a.875.875 0 0 1-1.093.007l-.008-.007-.008-.008a.773.773 0 0 1-.241-.591V12.684a.827.827 0 0 1 .223-.608l.007-.008.132-.097a.933.933 0 0 1 .468-.117z\",\n },\n ],\n filled: [\n {\n d: \"M19.993 4.667c4.404 0 6.605 0 7.973 1.367C29.333 7.401 29.333 9.604 29.333 14.007v3.989c0 4.403 0 6.605-1.367 7.973-1.368 1.367-3.571 1.368-7.973 1.368h-7.987c-4.403 0-6.605 0-7.973-1.368C2.667 24.6 2.667 22.399 2.667 17.996v-3.989c0-4.403 0-6.605 1.368-7.973C5.4 4.667 7.604 4.667 12.008 4.667zM11.344 11.8q-1.308 0-2.356 0.603a4.267 4.267 0 0 0-1.611 1.66 4.667 4.667 0 0 0-0.577 2.317q0 1.271 0.564 2.327v0.001q0.58 1.043 1.599 1.648 1.024 0.605 2.309 0.604 1.251 0 2.227-0.58 0.965-0.577 1.509-1.524h0.001q0.552-0.952 0.613-2.033a1.333 1.333 0 0 0 0.013-0.191 0.773 0.773 0 0 0-0.203-0.561 0.693 0.693 0 0 0-0.525-0.203H10.852a0.667 0.667 0 0 0-0.495 0.209h-0.001a0.667 0.667 0 0 0-0.173 0.459q0.003 0.263 0.168 0.464l0.007 0.007a0.667 0.667 0 0 0 0.493 0.209h3.247q-0.116 0.625-0.447 1.131h-0.001q-0.379 0.579-1.004 0.904h-0.001a2.933 2.933 0 0 1-1.383 0.325q-0.776-0.001-1.393-0.311l-0.173-0.093a2.88 2.88 0 0 1-0.953-0.959l-0.1-0.176a3.6 3.6 0 0 1-0.373-1.645q0-0.927 0.396-1.657t1.089-1.133a3.107 3.107 0 0 1 1.603-0.417q0.74 0.001 1.317 0.28 0.587 0.284 0.912 0.72l0.015 0.021 0.021 0.016a0.907 0.907 0 0 0 0.555 0.211 0.64 0.64 0 0 0 0.459-0.187v0.003l0.005-0.005 0.003-0.001-0.001-0.001a0.627 0.627 0 0 0 0.203-0.464 0.8 0.8 0 0 0-0.297-0.607q-0.483-0.631-1.323-0.992h0.001a4.533 4.533 0 0 0-1.88-0.377m6.051 0.071a0.773 0.773 0 0 0-0.513 0.192 0.667 0.667 0 0 0-0.227 0.537v7.56c0 0.212 0.067 0.4 0.22 0.541v0.001l0.013 0.009a0.805 0.805 0 0 0 1.008-0.004l0.007-0.005a0.707 0.707 0 0 0 0.22-0.543V12.6a0.667 0.667 0 0 0-0.227-0.536 0.733 0.733 0 0 0-0.501-0.193m3 0.048a0.8 0.8 0 0 0-0.556 0.199l-0.005 0.005a0.773 0.773 0 0 0-0.203 0.56v7.477c0 0.212 0.068 0.4 0.22 0.541v0.001l0.013 0.011a0.807 0.807 0 0 0 1.009-0.005l0.005-0.005a0.72 0.72 0 0 0 0.22-0.543v-3.1h2.777a0.676 0.676 0 0 0 0.668-0.68 0.627 0.627 0 0 0-0.199-0.46h0.001a0.627 0.627 0 0 0-0.472-0.208h-2.775V13.293h3.316a0.693 0.693 0 0 0 0.483-0.185l0.005-0.005q0.201-0.203 0.203-0.489a0.667 0.667 0 0 0-0.203-0.489 0.667 0.667 0 0 0-0.488-0.204\",\n eo: true,\n },\n ],\n },\n};\n\n/** Props for {@link GifIcon}. See {@link BaseIconProps} for the shared shape. */\nexport type GifIconProps = BaseIconProps;\n\n/**\n * Gif icon. Renders at sizes 16, 24, or 32 px with outlined and filled variants.\n *\n * @example\n * ```tsx\n * <GifIcon size={24} filled />\n * ```\n */\nexport const GifIcon = React.forwardRef<SVGSVGElement, GifIconProps>((props, ref) => (\n <BaseIcon ref={ref} variants={VARIANTS} {...props} />\n));\n\nGifIcon.displayName = \"GifIcon\";\n"],"names":["React","jsx","BaseIcon"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAIA,MAAM,WAAyB;AAAA,EAC7B,IAAI;AAAA,IACF,UAAU;AAAA,MACR;AAAA,QACE,GAAG;AAAA,MAAA;AAAA,MAEL;AAAA,QACE,GAAG;AAAA,MAAA;AAAA,IACL;AAAA,IAEF,QAAQ;AAAA,MACN;AAAA,QACE,GAAG;AAAA,QACH,IAAI;AAAA,MAAA;AAAA,IACN;AAAA,EACF;AAAA,EAEF,IAAI;AAAA,IACF,UAAU;AAAA,MACR;AAAA,QACE,GAAG;AAAA,MAAA;AAAA,MAEL;AAAA,QACE,GAAG;AAAA,MAAA;AAAA,IACL;AAAA,IAEF,QAAQ;AAAA,MACN;AAAA,QACE,GAAG;AAAA,QACH,IAAI;AAAA,MAAA;AAAA,IACN;AAAA,EACF;AAAA,EAEF,IAAI;AAAA,IACF,UAAU;AAAA,MACR;AAAA,QACE,GAAG;AAAA,MAAA;AAAA,MAEL;AAAA,QACE,GAAG;AAAA,MAAA;AAAA,IACL;AAAA,IAEF,QAAQ;AAAA,MACN;AAAA,QACE,GAAG;AAAA,QACH,IAAI;AAAA,MAAA;AAAA,IACN;AAAA,EACF;AAEJ;AAaO,MAAM,UAAUA,iBAAM,WAAwC,CAAC,OAAO,QAC3EC,2BAAAA,IAACC,SAAAA,UAAA,EAAS,KAAU,UAAU,UAAW,GAAG,OAAO,CACpD;AAED,QAAQ,cAAc;;"}
@@ -14,6 +14,7 @@ const TREND_CLASSES = {
14
14
  const ChartCard = React.forwardRef(
15
15
  ({
16
16
  className,
17
+ hierarchy = "primary",
17
18
  title,
18
19
  subtitle,
19
20
  tooltip,
@@ -24,7 +25,7 @@ const ChartCard = React.forwardRef(
24
25
  children,
25
26
  ...props
26
27
  }, ref) => {
27
- return /* @__PURE__ */ jsx(Card, { ref, variant: "outlined", noPadding: true, className, ...props, children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2 p-4", children: [
28
+ return /* @__PURE__ */ jsx(Card, { ref, hierarchy, noPadding: true, className, ...props, children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2 p-4", children: [
28
29
  loading ? /* @__PURE__ */ jsxs(Fragment, { children: [
29
30
  /* @__PURE__ */ jsx(Skeleton, { animation: "wave", variant: "rounded", className: "h-4 w-32" }),
30
31
  /* @__PURE__ */ jsx(Skeleton, { animation: "wave", variant: "rounded", className: "h-7 w-44" }),
@@ -37,9 +38,10 @@ const ChartCard = React.forwardRef(
37
38
  IconButton,
38
39
  {
39
40
  variant: "tertiary",
40
- size: "24",
41
+ size: "32",
41
42
  "aria-label": tooltipAriaLabel,
42
- icon: /* @__PURE__ */ jsx(InfoCircleIcon, { className: "size-4 text-content-tertiary" })
43
+ className: "text-content-tertiary hover:text-content-primary focus-visible:text-content-primary active:text-content-primary",
44
+ icon: /* @__PURE__ */ jsx(InfoCircleIcon, {})
43
45
  }
44
46
  ) }),
45
47
  /* @__PURE__ */ jsx(TooltipContent, { children: tooltip })
@@ -60,7 +62,7 @@ const ChartCard = React.forwardRef(
60
62
  ] }),
61
63
  dateInfo && /* @__PURE__ */ jsx("span", { className: "typography-description-12px-regular text-content-tertiary", children: dateInfo })
62
64
  ] }),
63
- /* @__PURE__ */ jsx("div", { className: "mt-auto", children })
65
+ children && /* @__PURE__ */ jsx("div", { className: "mt-auto", children })
64
66
  ] }) });
65
67
  }
66
68
  );
@@ -1 +1 @@
1
- {"version":3,"file":"ChartCard.mjs","sources":["../../../src/components/Chart/ChartCard.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport { Card } from \"../Card/Card\";\nimport { IconButton } from \"../IconButton/IconButton\";\nimport { InfoCircleIcon } from \"../Icons/InfoCircleIcon\";\nimport { Skeleton } from \"../Skeleton/Skeleton\";\nimport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from \"../Tooltip/Tooltip\";\n\n/** Props for {@link ChartCard}. */\nexport interface ChartCardProps extends Omit<React.HTMLAttributes<HTMLDivElement>, \"title\"> {\n /** Card title text. Pass translated string for i18n. */\n title: React.ReactNode;\n /** Large subtitle value (e.g. formatted price or count). */\n subtitle?: React.ReactNode;\n /** Tooltip text shown next to the title. Pass translated string for i18n. */\n tooltip?: React.ReactNode;\n /** Accessible label for the info tooltip trigger. Override for i18n. @default \"More info\" */\n tooltipAriaLabel?: string;\n /** Date range or period label shown below the subtitle. */\n dateInfo?: React.ReactNode;\n /** Trend indicator chip config. Only rendered when {@link subtitle} is also provided. */\n trendChip?: {\n /** Display label (e.g. \"12.5%\"). */\n label: React.ReactNode;\n /** Whether the trend is positive (green) or negative (red). */\n trend: \"positive\" | \"negative\";\n };\n /** Show loading skeleton instead of content. @default false */\n loading?: boolean;\n /** Chart content rendered below the header. */\n children?: React.ReactNode;\n}\n\nconst TREND_CLASSES: Record<\"positive\" | \"negative\", string> = {\n positive: \"bg-success-surface text-success-content\",\n negative: \"bg-error-surface text-error-content\",\n};\n\n/**\n * Wraps any chart with a structured header containing title, subtitle,\n * optional trend chip, date range label, info tooltip, and a loading\n * skeleton state.\n *\n * @example\n * ```tsx\n * <ChartCard\n * title=\"Revenue\"\n * subtitle=\"$4,523\"\n * trendChip={{ label: \"+12.5%\", trend: \"positive\" }}\n * dateInfo=\"Jan 1 – Mar 17\"\n * tooltip=\"Total revenue for the selected period.\"\n * >\n * <MyLineChart />\n * </ChartCard>\n * ```\n */\nexport const ChartCard = React.forwardRef<HTMLDivElement, ChartCardProps>(\n (\n {\n className,\n title,\n subtitle,\n tooltip,\n tooltipAriaLabel = \"More info\",\n dateInfo,\n trendChip,\n loading = false,\n children,\n ...props\n },\n ref,\n ) => {\n return (\n <Card ref={ref} variant=\"outlined\" noPadding className={className} {...props}>\n <div className=\"flex flex-col gap-2 p-4\">\n {loading ? (\n <>\n <Skeleton animation=\"wave\" variant=\"rounded\" className=\"h-4 w-32\" />\n <Skeleton animation=\"wave\" variant=\"rounded\" className=\"h-7 w-44\" />\n <Skeleton animation=\"wave\" variant=\"rounded\" className=\"h-3 w-24\" />\n </>\n ) : (\n <>\n <div className=\"flex items-center gap-1.5\">\n <span className=\"typography-body-small-14px-semibold text-content-primary\">\n {title}\n </span>\n {tooltip && (\n <TooltipProvider>\n <Tooltip>\n <TooltipTrigger asChild>\n <IconButton\n variant=\"tertiary\"\n size=\"24\"\n aria-label={tooltipAriaLabel}\n icon={<InfoCircleIcon className=\"size-4 text-content-tertiary\" />}\n />\n </TooltipTrigger>\n <TooltipContent>{tooltip}</TooltipContent>\n </Tooltip>\n </TooltipProvider>\n )}\n </div>\n {subtitle && (\n <div className=\"flex flex-wrap items-center gap-2\">\n <span className=\"typography-header-heading-sm text-content-primary\">\n {subtitle}\n </span>\n {trendChip && (\n <span\n className={cn(\n \"typography-description-12px-semibold whitespace-nowrap rounded-full px-2 py-0.5\",\n TREND_CLASSES[trendChip.trend],\n )}\n >\n {trendChip.label}\n </span>\n )}\n </div>\n )}\n {dateInfo && (\n <span className=\"typography-description-12px-regular text-content-tertiary\">\n {dateInfo}\n </span>\n )}\n </>\n )}\n <div className=\"mt-auto\">{children}</div>\n </div>\n </Card>\n );\n },\n);\nChartCard.displayName = \"ChartCard\";\n"],"names":[],"mappings":";;;;;;;;;AAiCA,MAAM,gBAAyD;AAAA,EAC7D,UAAU;AAAA,EACV,UAAU;AACZ;AAoBO,MAAM,YAAY,MAAM;AAAA,EAC7B,CACE;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,mBAAmB;AAAA,IACnB;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV;AAAA,IACA,GAAG;AAAA,EAAA,GAEL,QACG;AACH,WACE,oBAAC,MAAA,EAAK,KAAU,SAAQ,YAAW,WAAS,MAAC,WAAuB,GAAG,OACrE,UAAA,qBAAC,OAAA,EAAI,WAAU,2BACZ,UAAA;AAAA,MAAA,UACC,qBAAA,UAAA,EACE,UAAA;AAAA,QAAA,oBAAC,YAAS,WAAU,QAAO,SAAQ,WAAU,WAAU,YAAW;AAAA,4BACjE,UAAA,EAAS,WAAU,QAAO,SAAQ,WAAU,WAAU,YAAW;AAAA,4BACjE,UAAA,EAAS,WAAU,QAAO,SAAQ,WAAU,WAAU,WAAA,CAAW;AAAA,MAAA,EAAA,CACpE,IAEA,qBAAA,UAAA,EACE,UAAA;AAAA,QAAA,qBAAC,OAAA,EAAI,WAAU,6BACb,UAAA;AAAA,UAAA,oBAAC,QAAA,EAAK,WAAU,4DACb,UAAA,OACH;AAAA,UACC,WACC,oBAAC,iBAAA,EACC,UAAA,qBAAC,SAAA,EACC,UAAA;AAAA,YAAA,oBAAC,gBAAA,EAAe,SAAO,MACrB,UAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,SAAQ;AAAA,gBACR,MAAK;AAAA,gBACL,cAAY;AAAA,gBACZ,MAAM,oBAAC,gBAAA,EAAe,WAAU,+BAAA,CAA+B;AAAA,cAAA;AAAA,YAAA,GAEnE;AAAA,YACA,oBAAC,kBAAgB,UAAA,QAAA,CAAQ;AAAA,UAAA,EAAA,CAC3B,EAAA,CACF;AAAA,QAAA,GAEJ;AAAA,QACC,YACC,qBAAC,OAAA,EAAI,WAAU,qCACb,UAAA;AAAA,UAAA,oBAAC,QAAA,EAAK,WAAU,qDACb,UAAA,UACH;AAAA,UACC,aACC;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAW;AAAA,gBACT;AAAA,gBACA,cAAc,UAAU,KAAK;AAAA,cAAA;AAAA,cAG9B,UAAA,UAAU;AAAA,YAAA;AAAA,UAAA;AAAA,QACb,GAEJ;AAAA,QAED,YACC,oBAAC,QAAA,EAAK,WAAU,6DACb,UAAA,SAAA,CACH;AAAA,MAAA,GAEJ;AAAA,MAEF,oBAAC,OAAA,EAAI,WAAU,WAAW,SAAA,CAAS;AAAA,IAAA,EAAA,CACrC,EAAA,CACF;AAAA,EAEJ;AACF;AACA,UAAU,cAAc;"}
1
+ {"version":3,"file":"ChartCard.mjs","sources":["../../../src/components/Chart/ChartCard.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport { Card, type CardHierarchy } from \"../Card/Card\";\nimport { IconButton } from \"../IconButton/IconButton\";\nimport { InfoCircleIcon } from \"../Icons/InfoCircleIcon\";\nimport { Skeleton } from \"../Skeleton/Skeleton\";\nimport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from \"../Tooltip/Tooltip\";\n\n/** Props for {@link ChartCard}. */\nexport interface ChartCardProps extends Omit<React.HTMLAttributes<HTMLDivElement>, \"title\"> {\n /** Surface treatment of the underlying {@link Card}. @default \"primary\" */\n hierarchy?: CardHierarchy;\n /** Card title text. Pass translated string for i18n. */\n title: React.ReactNode;\n /** Large subtitle value (e.g. formatted price or count). */\n subtitle?: React.ReactNode;\n /** Tooltip text shown next to the title. Pass translated string for i18n. */\n tooltip?: React.ReactNode;\n /** Accessible label for the info tooltip trigger. Override for i18n. @default \"More info\" */\n tooltipAriaLabel?: string;\n /** Date range or period label shown below the subtitle. */\n dateInfo?: React.ReactNode;\n /** Trend indicator chip config. Only rendered when {@link subtitle} is also provided. */\n trendChip?: {\n /** Display label (e.g. \"12.5%\"). */\n label: React.ReactNode;\n /** Whether the trend is positive (green) or negative (red). */\n trend: \"positive\" | \"negative\";\n };\n /** Show loading skeleton instead of content. @default false */\n loading?: boolean;\n /** Chart content rendered below the header. */\n children?: React.ReactNode;\n}\n\nconst TREND_CLASSES: Record<\"positive\" | \"negative\", string> = {\n positive: \"bg-success-surface text-success-content\",\n negative: \"bg-error-surface text-error-content\",\n};\n\n/**\n * Wraps any chart with a structured header containing title, subtitle,\n * optional trend chip, date range label, info tooltip, and a loading\n * skeleton state.\n *\n * The surface treatment comes from the underlying {@link Card} and is driven by\n * the `hierarchy` prop.\n *\n * @example\n * ```tsx\n * <ChartCard\n * title=\"Revenue\"\n * subtitle=\"$4,523\"\n * trendChip={{ label: \"+12.5%\", trend: \"positive\" }}\n * dateInfo=\"Jan 1 – Mar 17\"\n * tooltip=\"Total revenue for the selected period.\"\n * >\n * <MyLineChart />\n * </ChartCard>\n * ```\n */\nexport const ChartCard = React.forwardRef<HTMLDivElement, ChartCardProps>(\n (\n {\n className,\n hierarchy = \"primary\",\n title,\n subtitle,\n tooltip,\n tooltipAriaLabel = \"More info\",\n dateInfo,\n trendChip,\n loading = false,\n children,\n ...props\n },\n ref,\n ) => {\n return (\n <Card ref={ref} hierarchy={hierarchy} noPadding className={className} {...props}>\n <div className=\"flex flex-col gap-2 p-4\">\n {loading ? (\n <>\n <Skeleton animation=\"wave\" variant=\"rounded\" className=\"h-4 w-32\" />\n <Skeleton animation=\"wave\" variant=\"rounded\" className=\"h-7 w-44\" />\n <Skeleton animation=\"wave\" variant=\"rounded\" className=\"h-3 w-24\" />\n </>\n ) : (\n <>\n <div className=\"flex items-center gap-1.5\">\n <span className=\"typography-body-small-14px-semibold text-content-primary\">\n {title}\n </span>\n {tooltip && (\n <TooltipProvider>\n <Tooltip>\n <TooltipTrigger asChild>\n <IconButton\n variant=\"tertiary\"\n size=\"32\"\n aria-label={tooltipAriaLabel}\n className=\"text-content-tertiary hover:text-content-primary focus-visible:text-content-primary active:text-content-primary\"\n icon={<InfoCircleIcon />}\n />\n </TooltipTrigger>\n <TooltipContent>{tooltip}</TooltipContent>\n </Tooltip>\n </TooltipProvider>\n )}\n </div>\n {subtitle && (\n <div className=\"flex flex-wrap items-center gap-2\">\n <span className=\"typography-header-heading-sm text-content-primary\">\n {subtitle}\n </span>\n {trendChip && (\n <span\n className={cn(\n \"typography-description-12px-semibold whitespace-nowrap rounded-full px-2 py-0.5\",\n TREND_CLASSES[trendChip.trend],\n )}\n >\n {trendChip.label}\n </span>\n )}\n </div>\n )}\n {dateInfo && (\n <span className=\"typography-description-12px-regular text-content-tertiary\">\n {dateInfo}\n </span>\n )}\n </>\n )}\n {children && <div className=\"mt-auto\">{children}</div>}\n </div>\n </Card>\n );\n },\n);\nChartCard.displayName = \"ChartCard\";\n"],"names":[],"mappings":";;;;;;;;;AAmCA,MAAM,gBAAyD;AAAA,EAC7D,UAAU;AAAA,EACV,UAAU;AACZ;AAuBO,MAAM,YAAY,MAAM;AAAA,EAC7B,CACE;AAAA,IACE;AAAA,IACA,YAAY;AAAA,IACZ;AAAA,IACA;AAAA,IACA;AAAA,IACA,mBAAmB;AAAA,IACnB;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV;AAAA,IACA,GAAG;AAAA,EAAA,GAEL,QACG;AACH,WACE,oBAAC,MAAA,EAAK,KAAU,WAAsB,WAAS,MAAC,WAAuB,GAAG,OACxE,UAAA,qBAAC,OAAA,EAAI,WAAU,2BACZ,UAAA;AAAA,MAAA,UACC,qBAAA,UAAA,EACE,UAAA;AAAA,QAAA,oBAAC,YAAS,WAAU,QAAO,SAAQ,WAAU,WAAU,YAAW;AAAA,4BACjE,UAAA,EAAS,WAAU,QAAO,SAAQ,WAAU,WAAU,YAAW;AAAA,4BACjE,UAAA,EAAS,WAAU,QAAO,SAAQ,WAAU,WAAU,WAAA,CAAW;AAAA,MAAA,EAAA,CACpE,IAEA,qBAAA,UAAA,EACE,UAAA;AAAA,QAAA,qBAAC,OAAA,EAAI,WAAU,6BACb,UAAA;AAAA,UAAA,oBAAC,QAAA,EAAK,WAAU,4DACb,UAAA,OACH;AAAA,UACC,WACC,oBAAC,iBAAA,EACC,UAAA,qBAAC,SAAA,EACC,UAAA;AAAA,YAAA,oBAAC,gBAAA,EAAe,SAAO,MACrB,UAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,SAAQ;AAAA,gBACR,MAAK;AAAA,gBACL,cAAY;AAAA,gBACZ,WAAU;AAAA,gBACV,0BAAO,gBAAA,CAAA,CAAe;AAAA,cAAA;AAAA,YAAA,GAE1B;AAAA,YACA,oBAAC,kBAAgB,UAAA,QAAA,CAAQ;AAAA,UAAA,EAAA,CAC3B,EAAA,CACF;AAAA,QAAA,GAEJ;AAAA,QACC,YACC,qBAAC,OAAA,EAAI,WAAU,qCACb,UAAA;AAAA,UAAA,oBAAC,QAAA,EAAK,WAAU,qDACb,UAAA,UACH;AAAA,UACC,aACC;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAW;AAAA,gBACT;AAAA,gBACA,cAAc,UAAU,KAAK;AAAA,cAAA;AAAA,cAG9B,UAAA,UAAU;AAAA,YAAA;AAAA,UAAA;AAAA,QACb,GAEJ;AAAA,QAED,YACC,oBAAC,QAAA,EAAK,WAAU,6DACb,UAAA,SAAA,CACH;AAAA,MAAA,GAEJ;AAAA,MAED,YAAY,oBAAC,OAAA,EAAI,WAAU,WAAW,SAAA,CAAS;AAAA,IAAA,EAAA,CAClD,EAAA,CACF;AAAA,EAEJ;AACF;AACA,UAAU,cAAc;"}
@@ -1,7 +1,8 @@
1
1
  "use client";
2
- import { jsx, jsxs } from "react/jsx-runtime";
2
+ import { jsx } from "react/jsx-runtime";
3
3
  import * as React from "react";
4
4
  import { cn } from "../../utils/cn.mjs";
5
+ import { Chip } from "../Chip/Chip.mjs";
5
6
  const ChartSeriesToggle = React.forwardRef(
6
7
  ({ className, items, value, onValueChange, ...props }, ref) => {
7
8
  const toggle = (key) => {
@@ -13,32 +14,18 @@ const ChartSeriesToggle = React.forwardRef(
13
14
  }
14
15
  onValueChange(next);
15
16
  };
16
- return /* @__PURE__ */ jsx("div", { ref, className: cn("grid grid-cols-2 gap-2 sm:grid-cols-3", className), ...props, children: items.map((item) => {
17
- const isActive = value.has(item.key);
18
- return /* @__PURE__ */ jsxs(
19
- "button",
20
- {
21
- type: "button",
22
- "aria-pressed": isActive,
23
- className: cn(
24
- "typography-description-12px-regular flex items-center gap-2 rounded-full border px-3 py-1.5 text-content-primary transition-opacity hover:opacity-100",
25
- isActive ? "border-neutral-alphas-200 bg-surface-primary" : "border-transparent bg-transparent opacity-50"
26
- ),
27
- onClick: () => toggle(item.key),
28
- children: [
29
- /* @__PURE__ */ jsx(
30
- "span",
31
- {
32
- className: "size-2 shrink-0 rounded-full",
33
- style: { backgroundColor: item.color }
34
- }
35
- ),
36
- /* @__PURE__ */ jsx("span", { children: item.label })
37
- ]
38
- },
39
- item.key
40
- );
41
- }) });
17
+ return /* @__PURE__ */ jsx("div", { ref, className: cn("grid grid-cols-2 gap-2 sm:grid-cols-3", className), ...props, children: items.map((item) => /* @__PURE__ */ jsx(
18
+ Chip,
19
+ {
20
+ size: "32",
21
+ className: "justify-start",
22
+ selected: value.has(item.key),
23
+ onClick: () => toggle(item.key),
24
+ leftIcon: /* @__PURE__ */ jsx("span", { className: "size-2 rounded-full", style: { backgroundColor: item.color } }),
25
+ children: item.label
26
+ },
27
+ item.key
28
+ )) });
42
29
  }
43
30
  );
44
31
  ChartSeriesToggle.displayName = "ChartSeriesToggle";
@@ -1 +1 @@
1
- {"version":3,"file":"ChartSeriesToggle.mjs","sources":["../../../src/components/Chart/ChartSeriesToggle.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"../../utils/cn\";\n\n/** A single toggleable series in a {@link ChartSeriesToggle}. */\nexport interface ChartSeriesToggleItem {\n /** Unique key matching the data series key and ChartConfig key. */\n key: string;\n /** Human-readable label. Pass translated string for i18n. */\n label: React.ReactNode;\n /** Series color (CSS value). Shown as indicator dot. */\n color: string;\n}\n\n/** Props for {@link ChartSeriesToggle}. */\nexport interface ChartSeriesToggleProps extends React.HTMLAttributes<HTMLDivElement> {\n /** Available series that can be toggled. */\n items: ChartSeriesToggleItem[];\n /** Set of currently visible series keys. */\n value: Set<string>;\n /** Called when a series is toggled. Receives the updated Set. */\n onValueChange: (value: Set<string>) => void;\n}\n\n/**\n * Renders a grid of toggleable chips that control which series are visible\n * on a multi-series chart. Each toggle shows a color indicator dot and a label.\n *\n * @example\n * ```tsx\n * const [visible, setVisible] = useState(new Set([\"subscription\", \"message\", \"tip\"]));\n *\n * <ChartSeriesToggle\n * items={[\n * { key: \"subscription\", label: \"Subscription\", color: \"var(--color-special-chart-teal)\" },\n * { key: \"message\", label: \"Message\", color: \"var(--color-special-chart-sky)\" },\n * { key: \"tip\", label: \"Tip\", color: \"var(--color-special-chart-orange)\" },\n * ]}\n * value={visible}\n * onValueChange={setVisible}\n * />\n * ```\n */\nexport const ChartSeriesToggle = React.forwardRef<HTMLDivElement, ChartSeriesToggleProps>(\n ({ className, items, value, onValueChange, ...props }, ref) => {\n const toggle = (key: string) => {\n const next = new Set(value);\n if (next.has(key)) {\n next.delete(key);\n } else {\n next.add(key);\n }\n onValueChange(next);\n };\n\n return (\n <div ref={ref} className={cn(\"grid grid-cols-2 gap-2 sm:grid-cols-3\", className)} {...props}>\n {items.map((item) => {\n const isActive = value.has(item.key);\n return (\n <button\n key={item.key}\n type=\"button\"\n aria-pressed={isActive}\n className={cn(\n \"typography-description-12px-regular flex items-center gap-2 rounded-full border px-3 py-1.5 text-content-primary transition-opacity hover:opacity-100\",\n isActive\n ? \"border-neutral-alphas-200 bg-surface-primary\"\n : \"border-transparent bg-transparent opacity-50\",\n )}\n onClick={() => toggle(item.key)}\n >\n <span\n className=\"size-2 shrink-0 rounded-full\"\n style={{ backgroundColor: item.color }}\n />\n <span>{item.label}</span>\n </button>\n );\n })}\n </div>\n );\n },\n);\n\nChartSeriesToggle.displayName = \"ChartSeriesToggle\";\n"],"names":[],"mappings":";;;;AA0CO,MAAM,oBAAoB,MAAM;AAAA,EACrC,CAAC,EAAE,WAAW,OAAO,OAAO,eAAe,GAAG,MAAA,GAAS,QAAQ;AAC7D,UAAM,SAAS,CAAC,QAAgB;AAC9B,YAAM,OAAO,IAAI,IAAI,KAAK;AAC1B,UAAI,KAAK,IAAI,GAAG,GAAG;AACjB,aAAK,OAAO,GAAG;AAAA,MACjB,OAAO;AACL,aAAK,IAAI,GAAG;AAAA,MACd;AACA,oBAAc,IAAI;AAAA,IACpB;AAEA,WACE,oBAAC,OAAA,EAAI,KAAU,WAAW,GAAG,yCAAyC,SAAS,GAAI,GAAG,OACnF,UAAA,MAAM,IAAI,CAAC,SAAS;AACnB,YAAM,WAAW,MAAM,IAAI,KAAK,GAAG;AACnC,aACE;AAAA,QAAC;AAAA,QAAA;AAAA,UAEC,MAAK;AAAA,UACL,gBAAc;AAAA,UACd,WAAW;AAAA,YACT;AAAA,YACA,WACI,iDACA;AAAA,UAAA;AAAA,UAEN,SAAS,MAAM,OAAO,KAAK,GAAG;AAAA,UAE9B,UAAA;AAAA,YAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,WAAU;AAAA,gBACV,OAAO,EAAE,iBAAiB,KAAK,MAAA;AAAA,cAAM;AAAA,YAAA;AAAA,YAEvC,oBAAC,QAAA,EAAM,UAAA,KAAK,MAAA,CAAM;AAAA,UAAA;AAAA,QAAA;AAAA,QAfb,KAAK;AAAA,MAAA;AAAA,IAkBhB,CAAC,EAAA,CACH;AAAA,EAEJ;AACF;AAEA,kBAAkB,cAAc;"}
1
+ {"version":3,"file":"ChartSeriesToggle.mjs","sources":["../../../src/components/Chart/ChartSeriesToggle.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport { Chip } from \"../Chip/Chip\";\n\n/** A single toggleable series in a {@link ChartSeriesToggle}. */\nexport interface ChartSeriesToggleItem {\n /** Unique key matching the data series key and ChartConfig key. */\n key: string;\n /** Human-readable label. Pass translated string for i18n. */\n label: React.ReactNode;\n /** Series color (CSS value). Shown as indicator dot. */\n color: string;\n}\n\n/** Props for {@link ChartSeriesToggle}. */\nexport interface ChartSeriesToggleProps extends React.HTMLAttributes<HTMLDivElement> {\n /** Available series that can be toggled. */\n items: ChartSeriesToggleItem[];\n /** Set of currently visible series keys. */\n value: Set<string>;\n /** Called when a series is toggled. Receives the updated Set. */\n onValueChange: (value: Set<string>) => void;\n}\n\n/**\n * Renders a grid of toggleable {@link Chip}s that control which series are\n * visible on a multi-series chart. Each toggle shows a series colour dot and a\n * label, and exposes its state through `aria-pressed`.\n *\n * @example\n * ```tsx\n * const [visible, setVisible] = useState(new Set([\"subscription\", \"message\", \"tip\"]));\n *\n * <ChartSeriesToggle\n * items={[\n * { key: \"subscription\", label: \"Subscription\", color: \"var(--color-special-chart-teal)\" },\n * { key: \"message\", label: \"Message\", color: \"var(--color-special-chart-sky)\" },\n * { key: \"tip\", label: \"Tip\", color: \"var(--color-special-chart-orange)\" },\n * ]}\n * value={visible}\n * onValueChange={setVisible}\n * />\n * ```\n */\nexport const ChartSeriesToggle = React.forwardRef<HTMLDivElement, ChartSeriesToggleProps>(\n ({ className, items, value, onValueChange, ...props }, ref) => {\n const toggle = (key: string) => {\n const next = new Set(value);\n if (next.has(key)) {\n next.delete(key);\n } else {\n next.add(key);\n }\n onValueChange(next);\n };\n\n return (\n <div ref={ref} className={cn(\"grid grid-cols-2 gap-2 sm:grid-cols-3\", className)} {...props}>\n {items.map((item) => (\n <Chip\n key={item.key}\n size=\"32\"\n className=\"justify-start\"\n selected={value.has(item.key)}\n onClick={() => toggle(item.key)}\n leftIcon={\n <span className=\"size-2 rounded-full\" style={{ backgroundColor: item.color }} />\n }\n >\n {item.label}\n </Chip>\n ))}\n </div>\n );\n },\n);\n\nChartSeriesToggle.displayName = \"ChartSeriesToggle\";\n"],"names":[],"mappings":";;;;;AA4CO,MAAM,oBAAoB,MAAM;AAAA,EACrC,CAAC,EAAE,WAAW,OAAO,OAAO,eAAe,GAAG,MAAA,GAAS,QAAQ;AAC7D,UAAM,SAAS,CAAC,QAAgB;AAC9B,YAAM,OAAO,IAAI,IAAI,KAAK;AAC1B,UAAI,KAAK,IAAI,GAAG,GAAG;AACjB,aAAK,OAAO,GAAG;AAAA,MACjB,OAAO;AACL,aAAK,IAAI,GAAG;AAAA,MACd;AACA,oBAAc,IAAI;AAAA,IACpB;AAEA,WACE,oBAAC,OAAA,EAAI,KAAU,WAAW,GAAG,yCAAyC,SAAS,GAAI,GAAG,OACnF,UAAA,MAAM,IAAI,CAAC,SACV;AAAA,MAAC;AAAA,MAAA;AAAA,QAEC,MAAK;AAAA,QACL,WAAU;AAAA,QACV,UAAU,MAAM,IAAI,KAAK,GAAG;AAAA,QAC5B,SAAS,MAAM,OAAO,KAAK,GAAG;AAAA,QAC9B,UACE,oBAAC,QAAA,EAAK,WAAU,uBAAsB,OAAO,EAAE,iBAAiB,KAAK,MAAA,EAAM,CAAG;AAAA,QAG/E,UAAA,KAAK;AAAA,MAAA;AAAA,MATD,KAAK;AAAA,IAAA,CAWb,GACH;AAAA,EAEJ;AACF;AAEA,kBAAkB,cAAc;"}
@@ -6,48 +6,48 @@ const VARIANTS = {
6
6
  16: {
7
7
  outlined: [
8
8
  {
9
- d: "M12.358 5.992v.527h-1.854v1.35h1.701v.515h-1.7v1.848h-.55v-4.24zm-3.208 0v4.24H8.6v-4.24zm-3.418-.058q.495 0 .926.199h-.001q.435.193.732.539.3.347.39.793l.018.08h-.562l-.013-.049a1.26 1.26 0 0 0-.536-.737 1.6 1.6 0 0 0-.948-.287 1.6 1.6 0 0 0-.823.214q-.36.206-.562.578-.203.37-.203.848 0 .484.197.86l.11.175q.182.248.452.403h-.001q.365.208.83.209.397 0 .723-.153a1.4 1.4 0 0 0 .532-.425q.188-.25.257-.562H5.506v-.521h2.341l-.002.068a2.3 2.3 0 0 1-.224.977l-.066.123q-.272.483-.746.757a2.1 2.1 0 0 1-1.071.274q-.538 0-.978-.214l-.124-.065a2.06 2.06 0 0 1-.763-.783h-.001A2.3 2.3 0 0 1 3.6 8.112q0-.614.272-1.112.279-.503.764-.782.493-.284 1.096-.284"
9
+ d: "M9.166 12.835v1h-1.999v-1zm4.667-4.668c0-1.22-.001-2.053-.071-2.688-.069-.615-.192-.921-.353-1.135a2.133 2.133 0 0 0-.42-.42c-.213-.161-.52-.284-1.135-.353-.635-.07-1.467-.071-2.688-.071h-1.999c-1.22 0-2.053.001-2.688.071-.615.069-.922.192-1.135.353a2.133 2.133 0 0 0-.42.42c-.161.213-.284.52-.353 1.135-.07.635-.071 1.467-.071 2.688s.001 2.054.071 2.689c.069.615.192.921.353 1.135q.18.241.42.421c.213.161.52.283 1.135.351.635.071 1.467.073 2.688.073v1l-.844-.001c-1.713-.008-2.705-.067-3.42-.513l-.16-.11a3.133 3.133 0 0 1-.481-.448l-.138-.171c-.625-.831-.625-2.029-.625-4.425 0-2.246 0-3.439.514-4.264l.111-.16c.132-.175.282-.337.447-.481l.171-.138c.831-.625 2.029-.625 4.424-.625h1.999l.844.001c1.845.009 2.853.077 3.58.623.234.176.443.385.619.619.625.831.625 2.029.625 4.424s0 3.593-.624 4.425l-.139.171a3.133 3.133 0 0 1-.481.448l-.16.11c-.715.446-1.707.505-3.42.513l-.844.001v-1c1.22 0 2.053-.002 2.688-.072.615-.069.922-.191 1.135-.352q.24-.181.42-.42c.161-.214.284-.52.353-1.135.07-.635.071-1.468.071-2.689"
10
10
  },
11
11
  {
12
- d: "M2.667 3.667h10.666a1 1 0 0 1 1 1v6.666a1 1 0 0 1-1 1H2.667a1 1 0 0 1-1-1V4.667a1 1 0 0 1 1-1z",
13
- sw: 0.667
12
+ d: "M5.821 5.867q.523 0 .953.191l.104.048q.352.175.568.455a.44.44 0 0 1 .158.327c0 .1-.039.187-.111.256a.353.353 0 0 1-.256.105.487.487 0 0 1-.297-.112l-.014-.011-.011-.015a1.2 1.2 0 0 0-.443-.349 1.467 1.467 0 0 0-.645-.137q-.44.001-.785.203v.001a1.4 1.4 0 0 0-.531.554 1.667 1.667 0 0 0-.194.813q0 .449.182.807.187.353.515.555l.084.045q.301.151.682.152.377 0 .676-.158v-.001a1.267 1.267 0 0 0 .49-.441q.153-.231.212-.513H5.575a.36.36 0 0 1-.272-.115l-.004-.005a.387.387 0 0 1-.091-.253.36.36 0 0 1 .367-.368h2.028a.38.38 0 0 1 .286.112h.001l.004.003h-.001a.42.42 0 0 1 .108.3q-.001.053-.007.098v.001a2.3 2.3 0 0 1-.312 1.029l.001.001q-.276.481-.767.775c-.331.198-.709.295-1.13.295q-.651.001-1.172-.307a2.2 2.2 0 0 1-.811-.836l-.001-.001a2.467 2.467 0 0 1-.286-1.179q0-.644.293-1.175A2.167 2.167 0 0 1 4.626 6.173l.001-.001a2.333 2.333 0 0 1 1.195-.307m3.026.036q.155 0 .271.104c.089.075.125.18.125.293v3.78c0 .113-.037.218-.121.296l-.004.003a.437.437 0 0 1-.547.003l-.005-.003-.003-.004a.387.387 0 0 1-.121-.295V6.3c0-.113.037-.219.126-.294a.42.42 0 0 1 .278-.103m3.51.024c.103 0 .195.038.268.111s.111.165.111.268a.373.373 0 0 1-.111.268l-.005.004a.38.38 0 0 1-.264.101H10.733v1.143h1.355c.102 0 .191.041.26.115l-.001.001c.07.068.109.153.109.252a.371.371 0 0 1-.367.373H10.733v1.517c0 .113-.037.218-.121.296l-.004.003a.437.437 0 0 1-.547.003l-.004-.003-.004-.004a.387.387 0 0 1-.121-.295V6.342a.413.413 0 0 1 .111-.304l.003-.004.066-.049a.467.467 0 0 1 .234-.059z"
14
13
  }
15
14
  ],
16
15
  filled: [
17
16
  {
18
- d: "M13.333 3.333c.737 0 1.333.597 1.333 1.333v6.667c0 .737-.596 1.333-1.333 1.333H2.666a1.333 1.333 0 0 1-1.333-1.333V4.666c0-.736.597-1.332 1.333-1.333zM5.732 5.867q-.62 0-1.13.293-.438.254-.713.682l-.075.126a2.34 2.34 0 0 0-.28 1.144q-.002.636.279 1.155h.002q.287.514.787.808h.002q.503.29 1.134.289.613 0 1.104-.283.49-.283.772-.784.286-.501.298-1.13l.003-.135H5.44v.654h1.726a1.4 1.4 0 0 1-.226.454q-.196.26-.508.405a1.6 1.6 0 0 1-.694.147q-.449-.001-.796-.2H4.94a1.4 1.4 0 0 1-.534-.55 1.8 1.8 0 0 1-.19-.83q0-.463.195-.817.193-.354.536-.552.348-.205.79-.205.518 0 .909.275l.002.002q.394.267.509.698l.026.099h.694l-.033-.16a1.8 1.8 0 0 0-.405-.823 2.1 2.1 0 0 0-.757-.557 2.2 2.2 0 0 0-.951-.205m2.802 4.432h.683V5.925h-.683zm1.353 0h.684V8.451h1.7v-.648h-1.7V6.585h1.853v-.66H9.887zm-3.89-.084-.03.003zm-.62-.012-.057-.01zm.864-.03-.038.008zm-1.109-.022-.055-.017zm1.342-.047-.046.017zm-1.58-.033-.043-.02zm2.151-.85h.001q-.108.143-.248.255.138-.112.247-.255M3.678 7.872l.002-.028zm.035-.242.01-.042zm.331-.778.029-.042zm.15-.19.03-.033zm.164-.163.047-.039zm1.493-.496q.033.002.064.006L5.732 6z"
17
+ d: "M9.997 2.333c2.202 0 3.303 0 3.987 0.683C14.667 3.701 14.667 4.802 14.667 7.003v1.995c0 2.201 0 3.303-0.683 3.987-0.684 0.683-1.785 0.684-3.987 0.684h-3.993c-2.201 0-3.303 0-3.987-0.684C1.333 12.3 1.333 11.199 1.333 8.998v-1.995c0-2.201 0-3.303 0.684-3.987C2.7 2.333 3.802 2.333 6.004 2.333zM5.672 5.9q-0.654 0-1.178 0.301a2.133 2.133 0 0 0-0.805 0.83 2.333 2.333 0 0 0-0.289 1.159q0 0.635 0.282 1.163v0.001q0.29 0.521 0.799 0.824 0.512 0.303 1.155 0.302 0.625 0 1.113-0.29 0.483-0.289 0.755-0.762h0.001q0.276-0.476 0.307-1.017a0.667 0.667 0 0 0 0.007-0.095 0.387 0.387 0 0 0-0.101-0.281 0.347 0.347 0 0 0-0.263-0.101H5.426a0.333 0.333 0 0 0-0.247 0.105h-0.001a0.333 0.333 0 0 0-0.087 0.229q0.001 0.131 0.084 0.232l0.003 0.003a0.333 0.333 0 0 0 0.247 0.105h1.623q-0.058 0.313-0.223 0.565h-0.001q-0.189 0.289-0.502 0.452h-0.001a1.467 1.467 0 0 1-0.691 0.163q-0.388-0.001-0.697-0.155l-0.087-0.047a1.44 1.44 0 0 1-0.477-0.479l-0.05-0.088a1.8 1.8 0 0 1-0.187-0.823q0-0.463 0.198-0.829t0.545-0.567a1.553 1.553 0 0 1 0.801-0.209q0.37 0.001 0.659 0.14 0.293 0.142 0.456 0.36l0.007 0.011 0.011 0.008a0.453 0.453 0 0 0 0.277 0.105 0.32 0.32 0 0 0 0.229-0.093v0.001l0.003-0.003 0.001-0.001-0.001-0.001a0.313 0.313 0 0 0 0.101-0.232 0.4 0.4 0 0 0-0.149-0.303q-0.241-0.315-0.661-0.496h0.001a2.267 2.267 0 0 0-0.94-0.189m3.025 0.035a0.387 0.387 0 0 0-0.257 0.096 0.333 0.333 0 0 0-0.113 0.269v3.78c0 0.106 0.033 0.2 0.11 0.271v0.001l0.007 0.005a0.403 0.403 0 0 0 0.504-0.002l0.003-0.003a0.353 0.353 0 0 0 0.11-0.271V6.3a0.333 0.333 0 0 0-0.113-0.268 0.367 0.367 0 0 0-0.251-0.097m1.5 0.024a0.4 0.4 0 0 0-0.278 0.099l-0.003 0.003a0.387 0.387 0 0 0-0.101 0.28v3.739c0 0.106 0.034 0.2 0.11 0.271v0.001l0.007 0.005a0.403 0.403 0 0 0 0.505-0.003l0.003-0.003a0.36 0.36 0 0 0 0.11-0.271v-1.55h1.389a0.338 0.338 0 0 0 0.334-0.34 0.313 0.313 0 0 0-0.099-0.23h0.001a0.313 0.313 0 0 0-0.236-0.104h-1.387V6.647h1.658a0.347 0.347 0 0 0 0.241-0.093l0.003-0.003q0.101-0.101 0.101-0.245a0.333 0.333 0 0 0-0.101-0.245 0.333 0.333 0 0 0-0.244-0.102",
18
+ eo: true
19
19
  }
20
20
  ]
21
21
  },
22
22
  24: {
23
23
  outlined: [
24
24
  {
25
- d: "M18.537 8.988v.79h-2.781v2.026h2.552v.772h-2.552v2.772h-.824v-6.36zm-4.812 0v6.36H12.9v-6.36zM8.598 8.9q.741 0 1.386.3l.16.075q.55.278.941.734a2.6 2.6 0 0 1 .585 1.188l.024.12h-.842l-.019-.074a1.9 1.9 0 0 0-.804-1.104l-.002-.001a2.4 2.4 0 0 0-1.42-.431 2.4 2.4 0 0 0-1.235.321q-.54.311-.843.867-.304.556-.304 1.273.001.726.296 1.291.304.555.842.866a2.47 2.47 0 0 0 1.243.313q.597 0 1.084-.229.49-.228.8-.639.283-.374.388-.842H8.26v-.78h3.51l-.001.101a3.4 3.4 0 0 1-.436 1.647l.001.002a2.97 2.97 0 0 1-1.12 1.137 3.16 3.16 0 0 1-1.608.41q-.922 0-1.65-.419h-.002a3.1 3.1 0 0 1-1.145-1.172l-.001-.002a3.5 3.5 0 0 1-.408-1.684q0-.921.409-1.667V10.5a3 3 0 0 1 1.146-1.173A3.2 3.2 0 0 1 8.598 8.9"
25
+ d: "M13.749 19.253v1.5h-2.998v-1.5zm7.001-7.002c0-1.83-.002-3.08-.107-4.032-.103-.923-.288-1.382-.529-1.703a3.2 3.2 0 0 0-.63-.63c-.32-.241-.78-.426-1.703-.529-.952-.105-2.201-.107-4.032-.107h-2.998c-1.83 0-3.08.002-4.032.107-.923.103-1.383.288-1.703.529a3.2 3.2 0 0 0-.63.63c-.241.32-.426.78-.529 1.703-.105.952-.107 2.201-.107 4.032s.002 3.081.107 4.033c.103.923.288 1.382.529 1.702q.27.361.63.631c.32.241.78.425 1.703.527.952.106 2.201.109 4.032.109v1.5l-1.266-.002c-2.57-.012-4.057-.101-5.13-.77l-.24-.165a4.7 4.7 0 0 1-.721-.672l-.207-.256c-.937-1.247-.937-3.044-.937-6.637 0-3.369 0-5.158.771-6.396l.166-.24c.198-.263.423-.506.671-.721l.257-.207c1.246-.937 3.043-.937 6.636-.937h2.998l1.266.002c2.768.013 4.28.115 5.37.935.351.264.664.577.928.928.937 1.246.937 3.043.937 6.636s0 5.39-.936 6.637l-.208.256a4.7 4.7 0 0 1-.721.672l-.24.165c-1.073.669-2.56.758-5.13.77l-1.266.002v-1.5c1.83 0 3.08-.003 4.032-.108.923-.103 1.383-.287 1.703-.528q.36-.271.63-.63c.241-.321.426-.78.529-1.703.105-.952.107-2.202.107-4.033"
26
26
  },
27
27
  {
28
- d: "M4 5.5h16A1.5 1.5 0 0 1 21.5 7v10a1.5 1.5 0 0 1-1.5 1.5H4A1.5 1.5 0 0 1 2.5 17V7A1.5 1.5 0 0 1 4 5.5z",
29
- sw: 1
28
+ d: "M8.732 8.8q.784 0 1.43.287l.156.072q.528.262.852.683a.66.66 0 0 1 .237.49c0 .15-.058.281-.167.384a.53.53 0 0 1-.384.158.73.73 0 0 1-.446-.168l-.021-.016-.016-.022a1.8 1.8 0 0 0-.665-.524 2.2 2.2 0 0 0-.967-.206q-.66.001-1.177.305v.001a2.1 2.1 0 0 0-.797.831 2.5 2.5 0 0 0-.291 1.219q0 .674.273 1.21.28.53.772.832l.126.068q.452.226 1.023.228.566 0 1.014-.237v-.001a1.9 1.9 0 0 0 .735-.662q.23-.346.318-.77H8.363a.54.54 0 0 1-.408-.173l-.006-.007a.58.58 0 0 1-.136-.38.54.54 0 0 1 .55-.552h3.042a.57.57 0 0 1 .429.168h.001l.006.005h-.001a.63.63 0 0 1 .162.45q-.001.08-.01.147v.001a3.45 3.45 0 0 1-.468 1.544l.001.001q-.414.722-1.151 1.162c-.496.297-1.064.442-1.695.442q-.976.001-1.758-.46a3.3 3.3 0 0 1-1.216-1.254l-.002-.002a3.7 3.7 0 0 1-.429-1.769q0-.966.44-1.762A3.25 3.25 0 0 1 6.939 9.26l.001-.001a3.5 3.5 0 0 1 1.792-.46m4.539.054q.233 0 .407.156c.133.112.188.27.188.44v5.67c0 .17-.055.327-.181.444l-.006.005a.656.656 0 0 1-.82.005l-.007-.005-.005-.006a.58.58 0 0 1-.182-.443V9.45c0-.17.056-.329.189-.441a.63.63 0 0 1 .417-.155m5.265.036c.155 0 .293.057.402.167s.167.247.167.402a.56.56 0 0 1-.166.402l-.007.006a.57.57 0 0 1-.396.152H16.1v1.714h2.032c.153 0 .287.061.39.173l-.002.001c.105.102.163.23.163.378a.556.556 0 0 1-.551.56H16.1v2.275c0 .17-.055.327-.182.444l-.006.005a.656.656 0 0 1-.82.005l-.006-.005-.006-.006a.58.58 0 0 1-.181-.443V9.513a.62.62 0 0 1 .167-.456l.005-.006.099-.073a.7.7 0 0 1 .351-.088z"
30
29
  }
31
30
  ],
32
31
  filled: [
33
32
  {
34
- d: "M20 5a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2zM8.598 8.8q-.931 0-1.694.44a3.1 3.1 0 0 0-1.07 1.023l-.113.19a3.5 3.5 0 0 0-.421 1.715c0 .634.138 1.214.42 1.732l.002.002q.43.769 1.181 1.21l.002.001q.756.434 1.701.432a3.26 3.26 0 0 0 1.658-.423q.734-.425 1.156-1.176a3.5 3.5 0 0 0 .45-1.695l.003-.204H8.16v.981h2.589q-.106.375-.34.682-.294.39-.76.608-.467.219-1.043.22a2.37 2.37 0 0 1-1.194-.3 2.1 2.1 0 0 1-.802-.825 2.65 2.65 0 0 1-.285-1.245q.001-.693.292-1.225.29-.532.805-.828a2.3 2.3 0 0 1 1.184-.307c.52 0 .972.138 1.365.412l.002.002c.396.268.647.616.763 1.048l.04.148h1.041l-.05-.24a2.7 2.7 0 0 0-.607-1.235 3.2 3.2 0 0 0-1.136-.836A3.4 3.4 0 0 0 8.598 8.8m4.202 6.648h1.025v-6.56H12.8zm2.031 0h1.025v-2.772h2.552v-.972h-2.552V9.878h2.78v-.99h-3.805zm-5.826-.126q-.058.007-.115.01zm.19-.027-.1.015zm-.436-.562v.001m-2.164-.969.031.04-.02-.024zm-1.092-1.717.002-.08zm.013-.216.005-.075zm.022-.195.01-.075zm5.266-.762.07.168a2 2 0 0 0-.107-.238zm-4.763-.562.064-.09zm.14-.189.04-.05zm.211-.238q.046-.048.096-.095-.05.046-.096.095m3.257-.713.051.018zm-.292-.085.043.01zm-.312-.057.056.007zm-3.321 1.886"
33
+ d: "M14.995 3.5c3.303 0 4.954 0 5.98 1.025C22 5.551 22 7.203 22 10.505v2.992c0 3.302 0 4.954-1.025 5.98-1.026 1.025-2.678 1.026-5.98 1.026h-5.99c-3.302 0-4.954 0-5.98-1.026C2 18.45 2 16.799 2 13.497v-2.992c0-3.302 0-4.954 1.026-5.98C4.05 3.5 5.703 3.5 9.006 3.5zM8.508 8.85q-.981 0-1.767.452a3.2 3.2 0 0 0-1.208 1.245 3.5 3.5 0 0 0-.433 1.738q0 .953.423 1.745v.001q.435.782 1.199 1.236.768.454 1.732.453.938 0 1.67-.435.724-.433 1.132-1.143h.001q.414-.714.46-1.525a1 1 0 0 0 .01-.143.58.58 0 0 0-.152-.421.52.52 0 0 0-.394-.152H8.139a.5.5 0 0 0-.371.157h-.001a.5.5 0 0 0-.13.344q.002.197.126.348l.005.005a.5.5 0 0 0 .37.157h2.435q-.087.469-.335.848h-.001q-.284.434-.753.678h-.001a2.2 2.2 0 0 1-1.037.244q-.582-.001-1.045-.233l-.13-.07a2.16 2.16 0 0 1-.715-.719l-.075-.132a2.7 2.7 0 0 1-.28-1.234q0-.695.297-1.243t.817-.85a2.33 2.33 0 0 1 1.202-.313q.555.001.988.21.44.213.684.54l.011.016.016.012a.68.68 0 0 0 .416.158.48.48 0 0 0 .344-.14v.002l.004-.004.002-.001-.001-.001a.47.47 0 0 0 .152-.348.6.6 0 0 0-.223-.455q-.362-.473-.992-.744h.001a3.4 3.4 0 0 0-1.41-.283m4.538.053a.58.58 0 0 0-.385.144.5.5 0 0 0-.17.403v5.67c0 .159.05.3.165.406v.001l.01.007a.604.604 0 0 0 .756-.003l.005-.004a.53.53 0 0 0 .165-.407V9.45a.5.5 0 0 0-.17-.402.55.55 0 0 0-.376-.145m2.25.036a.6.6 0 0 0-.417.149l-.004.004a.58.58 0 0 0-.152.42v5.608c0 .159.051.3.165.406v.001l.01.008a.605.605 0 0 0 .757-.004l.004-.004a.54.54 0 0 0 .165-.407v-2.325h2.083a.507.507 0 0 0 .501-.51.47.47 0 0 0-.149-.345h.001a.47.47 0 0 0-.354-.156h-2.081V9.97h2.487a.52.52 0 0 0 .362-.139l.004-.004q.151-.152.152-.367a.5.5 0 0 0-.152-.367.5.5 0 0 0-.366-.153",
34
+ eo: true
35
35
  }
36
36
  ]
37
37
  },
38
38
  32: {
39
39
  outlined: [
40
40
  {
41
- d: "M24.715 11.984v1.053h-3.707v2.701h3.403v1.03h-3.403v3.696h-1.1v-8.48zm-6.415 0v8.48h-1.1v-8.48zm-6.837-.118q.989 0 1.85.4l.212.101a4.1 4.1 0 0 1 1.254.978q.598.693.78 1.585l.034.16H14.47l-.027-.099q-.243-.912-1.072-1.472v-.001q-.821-.575-1.896-.575-.918 0-1.646.427v.001a2.93 2.93 0 0 0-1.124 1.157q-.405.741-.405 1.696.001.969.395 1.721.404.742 1.121 1.156l.186.096q.66.319 1.473.32.794 0 1.446-.304a2.8 2.8 0 0 0 1.064-.852l.102-.142q.297-.444.416-.982h-3.49v-1.04h4.681l-.003.135q-.025 1.226-.58 2.197v.001a3.96 3.96 0 0 1-1.493 1.517q-.95.547-2.143.546-1.23 0-2.203-.558a4.1 4.1 0 0 1-1.527-1.563v-.002q-.546-1.006-.546-2.246 0-1.228.545-2.223V14a4 4 0 0 1 1.528-1.565 4.3 4.3 0 0 1 2.19-.569"
41
+ d: "M18.332 25.671v2h-3.997v-2zm9.335-9.336c0-2.44-.003-4.107-.143-5.376-.137-1.231-.384-1.843-.705-2.271a4.267 4.267 0 0 0-.84-.84c-.427-.321-1.04-.568-2.271-.705-1.269-.14-2.935-.143-5.376-.143h-3.997c-2.44 0-4.107.003-5.376.143-1.231.137-1.844.384-2.271.705a4.267 4.267 0 0 0-.84.84c-.321.427-.568 1.04-.705 2.271-.14 1.269-.143 2.935-.143 5.376s.003 4.108.143 5.377c.137 1.231.384 1.843.705 2.269q.36.481.84.841c.427.321 1.04.567 2.271.703 1.269.141 2.935.145 5.376.145v2l-1.688-.003c-3.427-.016-5.409-.135-6.84-1.027l-.32-.22a6.267 6.267 0 0 1-.961-.896l-.276-.341c-1.249-1.663-1.249-4.059-1.249-8.849 0-4.492 0-6.877 1.028-8.528l.221-.32c.264-.351.564-.675.895-.961l.343-.276c1.661-1.249 4.057-1.249 8.848-1.249h3.997l1.688.003c3.691.017 5.707.153 7.16 1.247.468.352.885.769 1.237 1.237 1.249 1.661 1.249 4.057 1.249 8.848s0 7.187-1.248 8.849l-.277.341a6.267 6.267 0 0 1-.961.896l-.32.22c-1.431.892-3.413 1.011-6.84 1.027l-1.688.003v-2c2.44 0 4.107-.004 5.376-.144 1.231-.137 1.844-.383 2.271-.704q.48-.361.84-.84c.321-.428.568-1.04.705-2.271.14-1.269.143-2.936.143-5.377"
42
42
  },
43
43
  {
44
- d: "M5.333 7.333h21.333a2 2 0 0 1 2 2v13.334a2 2 0 0 1-2 2H5.333a2 2 0 0 1-2-2V9.333a2 2 0 0 1 2-2z",
45
- sw: 1.333
44
+ d: "M11.643 11.733q1.045 0 1.907.383l.208.096q.704.349 1.136.911a.88.88 0 0 1 .316.653c0 .2-.077.375-.223.512a.707.707 0 0 1-.512.211.973.973 0 0 1-.595-.224l-.028-.021-.021-.029a2.4 2.4 0 0 0-.887-.699 2.933 2.933 0 0 0-1.289-.275q-.88.001-1.569.407v.001a2.8 2.8 0 0 0-1.063 1.108 3.333 3.333 0 0 0-.388 1.625q0 .899.364 1.613.373.707 1.029 1.109l.168.091q.603.301 1.364.304.755 0 1.352-.316v-.001a2.533 2.533 0 0 0 .98-.883q.307-.461.424-1.027H11.151a.72.72 0 0 1-.544-.231l-.008-.009a.773.773 0 0 1-.181-.507.72.72 0 0 1 .733-.736h4.056a.76.76 0 0 1 .572.224h.001l.008.007h-.001a.84.84 0 0 1 .216.6q-.001.107-.013.196v.001a4.6 4.6 0 0 1-.624 2.059l.001.001q-.552.963-1.535 1.549c-.661.396-1.419.589-2.26.589q-1.301.001-2.344-.613a4.4 4.4 0 0 1-1.621-1.672l-.003-.003a4.933 4.933 0 0 1-.572-2.359q0-1.288.587-2.349A4.333 4.333 0 0 1 9.252 12.347l.001-.001a4.667 4.667 0 0 1 2.389-.613m6.052.072q.311 0 .543.208c.177.149.251.36.251.587v7.56c0 .227-.073.436-.241.592l-.008.007a.875.875 0 0 1-1.093.007l-.009-.007-.007-.008a.773.773 0 0 1-.243-.591V12.6c0-.227.075-.439.252-.588a.84.84 0 0 1 .556-.207m7.02.048c.207 0 .391.076.536.223s.223.329.223.536a.747.747 0 0 1-.221.536l-.009.008a.76.76 0 0 1-.528.203H21.467v2.285h2.709c.204 0 .383.081.52.231l-.003.001c.14.136.217.307.217.504a.741.741 0 0 1-.735.747H21.467v3.033c0 .227-.073.436-.243.592l-.008.007a.875.875 0 0 1-1.093.007l-.008-.007-.008-.008a.773.773 0 0 1-.241-.591V12.684a.827.827 0 0 1 .223-.608l.007-.008.132-.097a.933.933 0 0 1 .468-.117z"
46
45
  }
47
46
  ],
48
47
  filled: [
49
48
  {
50
- d: "M26.667 6.667a2.667 2.667 0 0 1 2.667 2.667v13.333a2.667 2.667 0 0 1-2.667 2.667H5.334a2.667 2.667 0 0 1-2.667-2.667V9.334a2.667 2.667 0 0 1 2.667-2.667zm-15.203 5.066q-1.24-.001-2.258.587a4.1 4.1 0 0 0-1.428 1.363l-.15.253c-.376.684-.562 1.45-.562 2.288q-.001 1.27.56 2.31l.003.003a4.25 4.25 0 0 0 1.575 1.613l.003.001c.67.386 1.43.575 2.269.575q1.225.001 2.209-.563a4.1 4.1 0 0 0 1.542-1.568q.574-1.003.598-2.26l.006-.273H10.88v1.309h3.452a2.7 2.7 0 0 1-.453.909 2.65 2.65 0 0 1-1.015.811 3.25 3.25 0 0 1-1.388.293 3.16 3.16 0 0 1-1.593-.4h-.001a2.8 2.8 0 0 1-1.069-1.1q-.378-.719-.38-1.66.001-.925.39-1.633.387-.709 1.073-1.104l.001-.001q.696-.408 1.579-.41c.692 0 1.295.185 1.818.55l.003.003c.528.357.864.821 1.018 1.397l.053.198h1.389l-.067-.32a3.6 3.6 0 0 0-.81-1.646 4.24 4.24 0 0 0-1.514-1.115 4.5 4.5 0 0 0-1.902-.41m5.602 8.864h1.368V11.85h-1.368zm2.71 0h1.367v-3.696h3.402v-1.296h-3.402v-2.434h3.707v-1.32h-5.075zm-2.442-.266v-8.214zm-3.782-.399-.233.124a4 4 0 0 1 .233-.125zm.828-1.954a2.9 2.9 0 0 1-1.403 1.355 3 3 0 0 1 .166-.083q.568-.306.948-.809.167-.22.29-.463m-5.618.327-.075-.109.075.11M7.378 15.56l.026-.174q-.014.087-.025.174m.547-1.599q.037-.065.076-.127zm.116-.187q.045-.07.094-.138-.049.068-.094.138m.167-.233q.044-.06.092-.117-.047.056-.092.117m.685-.69q.105-.084.218-.158l.087-.055a4 4 0 0 0-.305.212m15.69.053h-3.707v-.001zm-13.106-.095v.001m1.377-.585q.207.07.406.162v.001a4 4 0 0 0-.405-.163m-.385-.111.08.021zm-.222-.044.088.016zm-.217-.033.11.014zM8.854 18.43q-.03-.037-.058-.076zm-.151-5.423"
49
+ d: "M19.993 4.667c4.404 0 6.605 0 7.973 1.367C29.333 7.401 29.333 9.604 29.333 14.007v3.989c0 4.403 0 6.605-1.367 7.973-1.368 1.367-3.571 1.368-7.973 1.368h-7.987c-4.403 0-6.605 0-7.973-1.368C2.667 24.6 2.667 22.399 2.667 17.996v-3.989c0-4.403 0-6.605 1.368-7.973C5.4 4.667 7.604 4.667 12.008 4.667zM11.344 11.8q-1.308 0-2.356 0.603a4.267 4.267 0 0 0-1.611 1.66 4.667 4.667 0 0 0-0.577 2.317q0 1.271 0.564 2.327v0.001q0.58 1.043 1.599 1.648 1.024 0.605 2.309 0.604 1.251 0 2.227-0.58 0.965-0.577 1.509-1.524h0.001q0.552-0.952 0.613-2.033a1.333 1.333 0 0 0 0.013-0.191 0.773 0.773 0 0 0-0.203-0.561 0.693 0.693 0 0 0-0.525-0.203H10.852a0.667 0.667 0 0 0-0.495 0.209h-0.001a0.667 0.667 0 0 0-0.173 0.459q0.003 0.263 0.168 0.464l0.007 0.007a0.667 0.667 0 0 0 0.493 0.209h3.247q-0.116 0.625-0.447 1.131h-0.001q-0.379 0.579-1.004 0.904h-0.001a2.933 2.933 0 0 1-1.383 0.325q-0.776-0.001-1.393-0.311l-0.173-0.093a2.88 2.88 0 0 1-0.953-0.959l-0.1-0.176a3.6 3.6 0 0 1-0.373-1.645q0-0.927 0.396-1.657t1.089-1.133a3.107 3.107 0 0 1 1.603-0.417q0.74 0.001 1.317 0.28 0.587 0.284 0.912 0.72l0.015 0.021 0.021 0.016a0.907 0.907 0 0 0 0.555 0.211 0.64 0.64 0 0 0 0.459-0.187v0.003l0.005-0.005 0.003-0.001-0.001-0.001a0.627 0.627 0 0 0 0.203-0.464 0.8 0.8 0 0 0-0.297-0.607q-0.483-0.631-1.323-0.992h0.001a4.533 4.533 0 0 0-1.88-0.377m6.051 0.071a0.773 0.773 0 0 0-0.513 0.192 0.667 0.667 0 0 0-0.227 0.537v7.56c0 0.212 0.067 0.4 0.22 0.541v0.001l0.013 0.009a0.805 0.805 0 0 0 1.008-0.004l0.007-0.005a0.707 0.707 0 0 0 0.22-0.543V12.6a0.667 0.667 0 0 0-0.227-0.536 0.733 0.733 0 0 0-0.501-0.193m3 0.048a0.8 0.8 0 0 0-0.556 0.199l-0.005 0.005a0.773 0.773 0 0 0-0.203 0.56v7.477c0 0.212 0.068 0.4 0.22 0.541v0.001l0.013 0.011a0.807 0.807 0 0 0 1.009-0.005l0.005-0.005a0.72 0.72 0 0 0 0.22-0.543v-3.1h2.777a0.676 0.676 0 0 0 0.668-0.68 0.627 0.627 0 0 0-0.199-0.46h0.001a0.627 0.627 0 0 0-0.472-0.208h-2.775V13.293h3.316a0.693 0.693 0 0 0 0.483-0.185l0.005-0.005q0.201-0.203 0.203-0.489a0.667 0.667 0 0 0-0.203-0.489 0.667 0.667 0 0 0-0.488-0.204",
50
+ eo: true
51
51
  }
52
52
  ]
53
53
  }
@@ -1 +1 @@
1
- {"version":3,"file":"GifIcon.mjs","sources":["../../../src/components/Icons/GifIcon.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { BaseIcon } from \"./BaseIcon\";\nimport type { BaseIconProps, IconVariants } from \"./types\";\n\nconst VARIANTS: IconVariants = {\n 16: {\n outlined: [\n {\n d: \"M12.358 5.992v.527h-1.854v1.35h1.701v.515h-1.7v1.848h-.55v-4.24zm-3.208 0v4.24H8.6v-4.24zm-3.418-.058q.495 0 .926.199h-.001q.435.193.732.539.3.347.39.793l.018.08h-.562l-.013-.049a1.26 1.26 0 0 0-.536-.737 1.6 1.6 0 0 0-.948-.287 1.6 1.6 0 0 0-.823.214q-.36.206-.562.578-.203.37-.203.848 0 .484.197.86l.11.175q.182.248.452.403h-.001q.365.208.83.209.397 0 .723-.153a1.4 1.4 0 0 0 .532-.425q.188-.25.257-.562H5.506v-.521h2.341l-.002.068a2.3 2.3 0 0 1-.224.977l-.066.123q-.272.483-.746.757a2.1 2.1 0 0 1-1.071.274q-.538 0-.978-.214l-.124-.065a2.06 2.06 0 0 1-.763-.783h-.001A2.3 2.3 0 0 1 3.6 8.112q0-.614.272-1.112.279-.503.764-.782.493-.284 1.096-.284\",\n },\n {\n d: \"M2.667 3.667h10.666a1 1 0 0 1 1 1v6.666a1 1 0 0 1-1 1H2.667a1 1 0 0 1-1-1V4.667a1 1 0 0 1 1-1z\",\n sw: 0.667,\n },\n ],\n filled: [\n {\n d: \"M13.333 3.333c.737 0 1.333.597 1.333 1.333v6.667c0 .737-.596 1.333-1.333 1.333H2.666a1.333 1.333 0 0 1-1.333-1.333V4.666c0-.736.597-1.332 1.333-1.333zM5.732 5.867q-.62 0-1.13.293-.438.254-.713.682l-.075.126a2.34 2.34 0 0 0-.28 1.144q-.002.636.279 1.155h.002q.287.514.787.808h.002q.503.29 1.134.289.613 0 1.104-.283.49-.283.772-.784.286-.501.298-1.13l.003-.135H5.44v.654h1.726a1.4 1.4 0 0 1-.226.454q-.196.26-.508.405a1.6 1.6 0 0 1-.694.147q-.449-.001-.796-.2H4.94a1.4 1.4 0 0 1-.534-.55 1.8 1.8 0 0 1-.19-.83q0-.463.195-.817.193-.354.536-.552.348-.205.79-.205.518 0 .909.275l.002.002q.394.267.509.698l.026.099h.694l-.033-.16a1.8 1.8 0 0 0-.405-.823 2.1 2.1 0 0 0-.757-.557 2.2 2.2 0 0 0-.951-.205m2.802 4.432h.683V5.925h-.683zm1.353 0h.684V8.451h1.7v-.648h-1.7V6.585h1.853v-.66H9.887zm-3.89-.084-.03.003zm-.62-.012-.057-.01zm.864-.03-.038.008zm-1.109-.022-.055-.017zm1.342-.047-.046.017zm-1.58-.033-.043-.02zm2.151-.85h.001q-.108.143-.248.255.138-.112.247-.255M3.678 7.872l.002-.028zm.035-.242.01-.042zm.331-.778.029-.042zm.15-.19.03-.033zm.164-.163.047-.039zm1.493-.496q.033.002.064.006L5.732 6z\",\n },\n ],\n },\n 24: {\n outlined: [\n {\n d: \"M18.537 8.988v.79h-2.781v2.026h2.552v.772h-2.552v2.772h-.824v-6.36zm-4.812 0v6.36H12.9v-6.36zM8.598 8.9q.741 0 1.386.3l.16.075q.55.278.941.734a2.6 2.6 0 0 1 .585 1.188l.024.12h-.842l-.019-.074a1.9 1.9 0 0 0-.804-1.104l-.002-.001a2.4 2.4 0 0 0-1.42-.431 2.4 2.4 0 0 0-1.235.321q-.54.311-.843.867-.304.556-.304 1.273.001.726.296 1.291.304.555.842.866a2.47 2.47 0 0 0 1.243.313q.597 0 1.084-.229.49-.228.8-.639.283-.374.388-.842H8.26v-.78h3.51l-.001.101a3.4 3.4 0 0 1-.436 1.647l.001.002a2.97 2.97 0 0 1-1.12 1.137 3.16 3.16 0 0 1-1.608.41q-.922 0-1.65-.419h-.002a3.1 3.1 0 0 1-1.145-1.172l-.001-.002a3.5 3.5 0 0 1-.408-1.684q0-.921.409-1.667V10.5a3 3 0 0 1 1.146-1.173A3.2 3.2 0 0 1 8.598 8.9\",\n },\n {\n d: \"M4 5.5h16A1.5 1.5 0 0 1 21.5 7v10a1.5 1.5 0 0 1-1.5 1.5H4A1.5 1.5 0 0 1 2.5 17V7A1.5 1.5 0 0 1 4 5.5z\",\n sw: 1,\n },\n ],\n filled: [\n {\n d: \"M20 5a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2zM8.598 8.8q-.931 0-1.694.44a3.1 3.1 0 0 0-1.07 1.023l-.113.19a3.5 3.5 0 0 0-.421 1.715c0 .634.138 1.214.42 1.732l.002.002q.43.769 1.181 1.21l.002.001q.756.434 1.701.432a3.26 3.26 0 0 0 1.658-.423q.734-.425 1.156-1.176a3.5 3.5 0 0 0 .45-1.695l.003-.204H8.16v.981h2.589q-.106.375-.34.682-.294.39-.76.608-.467.219-1.043.22a2.37 2.37 0 0 1-1.194-.3 2.1 2.1 0 0 1-.802-.825 2.65 2.65 0 0 1-.285-1.245q.001-.693.292-1.225.29-.532.805-.828a2.3 2.3 0 0 1 1.184-.307c.52 0 .972.138 1.365.412l.002.002c.396.268.647.616.763 1.048l.04.148h1.041l-.05-.24a2.7 2.7 0 0 0-.607-1.235 3.2 3.2 0 0 0-1.136-.836A3.4 3.4 0 0 0 8.598 8.8m4.202 6.648h1.025v-6.56H12.8zm2.031 0h1.025v-2.772h2.552v-.972h-2.552V9.878h2.78v-.99h-3.805zm-5.826-.126q-.058.007-.115.01zm.19-.027-.1.015zm-.436-.562v.001m-2.164-.969.031.04-.02-.024zm-1.092-1.717.002-.08zm.013-.216.005-.075zm.022-.195.01-.075zm5.266-.762.07.168a2 2 0 0 0-.107-.238zm-4.763-.562.064-.09zm.14-.189.04-.05zm.211-.238q.046-.048.096-.095-.05.046-.096.095m3.257-.713.051.018zm-.292-.085.043.01zm-.312-.057.056.007zm-3.321 1.886\",\n },\n ],\n },\n 32: {\n outlined: [\n {\n d: \"M24.715 11.984v1.053h-3.707v2.701h3.403v1.03h-3.403v3.696h-1.1v-8.48zm-6.415 0v8.48h-1.1v-8.48zm-6.837-.118q.989 0 1.85.4l.212.101a4.1 4.1 0 0 1 1.254.978q.598.693.78 1.585l.034.16H14.47l-.027-.099q-.243-.912-1.072-1.472v-.001q-.821-.575-1.896-.575-.918 0-1.646.427v.001a2.93 2.93 0 0 0-1.124 1.157q-.405.741-.405 1.696.001.969.395 1.721.404.742 1.121 1.156l.186.096q.66.319 1.473.32.794 0 1.446-.304a2.8 2.8 0 0 0 1.064-.852l.102-.142q.297-.444.416-.982h-3.49v-1.04h4.681l-.003.135q-.025 1.226-.58 2.197v.001a3.96 3.96 0 0 1-1.493 1.517q-.95.547-2.143.546-1.23 0-2.203-.558a4.1 4.1 0 0 1-1.527-1.563v-.002q-.546-1.006-.546-2.246 0-1.228.545-2.223V14a4 4 0 0 1 1.528-1.565 4.3 4.3 0 0 1 2.19-.569\",\n },\n {\n d: \"M5.333 7.333h21.333a2 2 0 0 1 2 2v13.334a2 2 0 0 1-2 2H5.333a2 2 0 0 1-2-2V9.333a2 2 0 0 1 2-2z\",\n sw: 1.333,\n },\n ],\n filled: [\n {\n d: \"M26.667 6.667a2.667 2.667 0 0 1 2.667 2.667v13.333a2.667 2.667 0 0 1-2.667 2.667H5.334a2.667 2.667 0 0 1-2.667-2.667V9.334a2.667 2.667 0 0 1 2.667-2.667zm-15.203 5.066q-1.24-.001-2.258.587a4.1 4.1 0 0 0-1.428 1.363l-.15.253c-.376.684-.562 1.45-.562 2.288q-.001 1.27.56 2.31l.003.003a4.25 4.25 0 0 0 1.575 1.613l.003.001c.67.386 1.43.575 2.269.575q1.225.001 2.209-.563a4.1 4.1 0 0 0 1.542-1.568q.574-1.003.598-2.26l.006-.273H10.88v1.309h3.452a2.7 2.7 0 0 1-.453.909 2.65 2.65 0 0 1-1.015.811 3.25 3.25 0 0 1-1.388.293 3.16 3.16 0 0 1-1.593-.4h-.001a2.8 2.8 0 0 1-1.069-1.1q-.378-.719-.38-1.66.001-.925.39-1.633.387-.709 1.073-1.104l.001-.001q.696-.408 1.579-.41c.692 0 1.295.185 1.818.55l.003.003c.528.357.864.821 1.018 1.397l.053.198h1.389l-.067-.32a3.6 3.6 0 0 0-.81-1.646 4.24 4.24 0 0 0-1.514-1.115 4.5 4.5 0 0 0-1.902-.41m5.602 8.864h1.368V11.85h-1.368zm2.71 0h1.367v-3.696h3.402v-1.296h-3.402v-2.434h3.707v-1.32h-5.075zm-2.442-.266v-8.214zm-3.782-.399-.233.124a4 4 0 0 1 .233-.125zm.828-1.954a2.9 2.9 0 0 1-1.403 1.355 3 3 0 0 1 .166-.083q.568-.306.948-.809.167-.22.29-.463m-5.618.327-.075-.109.075.11M7.378 15.56l.026-.174q-.014.087-.025.174m.547-1.599q.037-.065.076-.127zm.116-.187q.045-.07.094-.138-.049.068-.094.138m.167-.233q.044-.06.092-.117-.047.056-.092.117m.685-.69q.105-.084.218-.158l.087-.055a4 4 0 0 0-.305.212m15.69.053h-3.707v-.001zm-13.106-.095v.001m1.377-.585q.207.07.406.162v.001a4 4 0 0 0-.405-.163m-.385-.111.08.021zm-.222-.044.088.016zm-.217-.033.11.014zM8.854 18.43q-.03-.037-.058-.076zm-.151-5.423\",\n },\n ],\n },\n};\n\n/** Props for {@link GifIcon}. See {@link BaseIconProps} for the shared shape. */\nexport type GifIconProps = BaseIconProps;\n\n/**\n * Gif icon. Renders at sizes 16, 24, or 32 px with outlined and filled variants.\n *\n * @example\n * ```tsx\n * <GifIcon size={24} filled />\n * ```\n */\nexport const GifIcon = React.forwardRef<SVGSVGElement, GifIconProps>((props, ref) => (\n <BaseIcon ref={ref} variants={VARIANTS} {...props} />\n));\n\nGifIcon.displayName = \"GifIcon\";\n"],"names":[],"mappings":";;;;AAIA,MAAM,WAAyB;AAAA,EAC7B,IAAI;AAAA,IACF,UAAU;AAAA,MACR;AAAA,QACE,GAAG;AAAA,MAAA;AAAA,MAEL;AAAA,QACE,GAAG;AAAA,QACH,IAAI;AAAA,MAAA;AAAA,IACN;AAAA,IAEF,QAAQ;AAAA,MACN;AAAA,QACE,GAAG;AAAA,MAAA;AAAA,IACL;AAAA,EACF;AAAA,EAEF,IAAI;AAAA,IACF,UAAU;AAAA,MACR;AAAA,QACE,GAAG;AAAA,MAAA;AAAA,MAEL;AAAA,QACE,GAAG;AAAA,QACH,IAAI;AAAA,MAAA;AAAA,IACN;AAAA,IAEF,QAAQ;AAAA,MACN;AAAA,QACE,GAAG;AAAA,MAAA;AAAA,IACL;AAAA,EACF;AAAA,EAEF,IAAI;AAAA,IACF,UAAU;AAAA,MACR;AAAA,QACE,GAAG;AAAA,MAAA;AAAA,MAEL;AAAA,QACE,GAAG;AAAA,QACH,IAAI;AAAA,MAAA;AAAA,IACN;AAAA,IAEF,QAAQ;AAAA,MACN;AAAA,QACE,GAAG;AAAA,MAAA;AAAA,IACL;AAAA,EACF;AAEJ;AAaO,MAAM,UAAU,MAAM,WAAwC,CAAC,OAAO,QAC3E,oBAAC,UAAA,EAAS,KAAU,UAAU,UAAW,GAAG,OAAO,CACpD;AAED,QAAQ,cAAc;"}
1
+ {"version":3,"file":"GifIcon.mjs","sources":["../../../src/components/Icons/GifIcon.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { BaseIcon } from \"./BaseIcon\";\nimport type { BaseIconProps, IconVariants } from \"./types\";\n\nconst VARIANTS: IconVariants = {\n 16: {\n outlined: [\n {\n d: \"M9.166 12.835v1h-1.999v-1zm4.667-4.668c0-1.22-.001-2.053-.071-2.688-.069-.615-.192-.921-.353-1.135a2.133 2.133 0 0 0-.42-.42c-.213-.161-.52-.284-1.135-.353-.635-.07-1.467-.071-2.688-.071h-1.999c-1.22 0-2.053.001-2.688.071-.615.069-.922.192-1.135.353a2.133 2.133 0 0 0-.42.42c-.161.213-.284.52-.353 1.135-.07.635-.071 1.467-.071 2.688s.001 2.054.071 2.689c.069.615.192.921.353 1.135q.18.241.42.421c.213.161.52.283 1.135.351.635.071 1.467.073 2.688.073v1l-.844-.001c-1.713-.008-2.705-.067-3.42-.513l-.16-.11a3.133 3.133 0 0 1-.481-.448l-.138-.171c-.625-.831-.625-2.029-.625-4.425 0-2.246 0-3.439.514-4.264l.111-.16c.132-.175.282-.337.447-.481l.171-.138c.831-.625 2.029-.625 4.424-.625h1.999l.844.001c1.845.009 2.853.077 3.58.623.234.176.443.385.619.619.625.831.625 2.029.625 4.424s0 3.593-.624 4.425l-.139.171a3.133 3.133 0 0 1-.481.448l-.16.11c-.715.446-1.707.505-3.42.513l-.844.001v-1c1.22 0 2.053-.002 2.688-.072.615-.069.922-.191 1.135-.352q.24-.181.42-.42c.161-.214.284-.52.353-1.135.07-.635.071-1.468.071-2.689\",\n },\n {\n d: \"M5.821 5.867q.523 0 .953.191l.104.048q.352.175.568.455a.44.44 0 0 1 .158.327c0 .1-.039.187-.111.256a.353.353 0 0 1-.256.105.487.487 0 0 1-.297-.112l-.014-.011-.011-.015a1.2 1.2 0 0 0-.443-.349 1.467 1.467 0 0 0-.645-.137q-.44.001-.785.203v.001a1.4 1.4 0 0 0-.531.554 1.667 1.667 0 0 0-.194.813q0 .449.182.807.187.353.515.555l.084.045q.301.151.682.152.377 0 .676-.158v-.001a1.267 1.267 0 0 0 .49-.441q.153-.231.212-.513H5.575a.36.36 0 0 1-.272-.115l-.004-.005a.387.387 0 0 1-.091-.253.36.36 0 0 1 .367-.368h2.028a.38.38 0 0 1 .286.112h.001l.004.003h-.001a.42.42 0 0 1 .108.3q-.001.053-.007.098v.001a2.3 2.3 0 0 1-.312 1.029l.001.001q-.276.481-.767.775c-.331.198-.709.295-1.13.295q-.651.001-1.172-.307a2.2 2.2 0 0 1-.811-.836l-.001-.001a2.467 2.467 0 0 1-.286-1.179q0-.644.293-1.175A2.167 2.167 0 0 1 4.626 6.173l.001-.001a2.333 2.333 0 0 1 1.195-.307m3.026.036q.155 0 .271.104c.089.075.125.18.125.293v3.78c0 .113-.037.218-.121.296l-.004.003a.437.437 0 0 1-.547.003l-.005-.003-.003-.004a.387.387 0 0 1-.121-.295V6.3c0-.113.037-.219.126-.294a.42.42 0 0 1 .278-.103m3.51.024c.103 0 .195.038.268.111s.111.165.111.268a.373.373 0 0 1-.111.268l-.005.004a.38.38 0 0 1-.264.101H10.733v1.143h1.355c.102 0 .191.041.26.115l-.001.001c.07.068.109.153.109.252a.371.371 0 0 1-.367.373H10.733v1.517c0 .113-.037.218-.121.296l-.004.003a.437.437 0 0 1-.547.003l-.004-.003-.004-.004a.387.387 0 0 1-.121-.295V6.342a.413.413 0 0 1 .111-.304l.003-.004.066-.049a.467.467 0 0 1 .234-.059z\",\n },\n ],\n filled: [\n {\n d: \"M9.997 2.333c2.202 0 3.303 0 3.987 0.683C14.667 3.701 14.667 4.802 14.667 7.003v1.995c0 2.201 0 3.303-0.683 3.987-0.684 0.683-1.785 0.684-3.987 0.684h-3.993c-2.201 0-3.303 0-3.987-0.684C1.333 12.3 1.333 11.199 1.333 8.998v-1.995c0-2.201 0-3.303 0.684-3.987C2.7 2.333 3.802 2.333 6.004 2.333zM5.672 5.9q-0.654 0-1.178 0.301a2.133 2.133 0 0 0-0.805 0.83 2.333 2.333 0 0 0-0.289 1.159q0 0.635 0.282 1.163v0.001q0.29 0.521 0.799 0.824 0.512 0.303 1.155 0.302 0.625 0 1.113-0.29 0.483-0.289 0.755-0.762h0.001q0.276-0.476 0.307-1.017a0.667 0.667 0 0 0 0.007-0.095 0.387 0.387 0 0 0-0.101-0.281 0.347 0.347 0 0 0-0.263-0.101H5.426a0.333 0.333 0 0 0-0.247 0.105h-0.001a0.333 0.333 0 0 0-0.087 0.229q0.001 0.131 0.084 0.232l0.003 0.003a0.333 0.333 0 0 0 0.247 0.105h1.623q-0.058 0.313-0.223 0.565h-0.001q-0.189 0.289-0.502 0.452h-0.001a1.467 1.467 0 0 1-0.691 0.163q-0.388-0.001-0.697-0.155l-0.087-0.047a1.44 1.44 0 0 1-0.477-0.479l-0.05-0.088a1.8 1.8 0 0 1-0.187-0.823q0-0.463 0.198-0.829t0.545-0.567a1.553 1.553 0 0 1 0.801-0.209q0.37 0.001 0.659 0.14 0.293 0.142 0.456 0.36l0.007 0.011 0.011 0.008a0.453 0.453 0 0 0 0.277 0.105 0.32 0.32 0 0 0 0.229-0.093v0.001l0.003-0.003 0.001-0.001-0.001-0.001a0.313 0.313 0 0 0 0.101-0.232 0.4 0.4 0 0 0-0.149-0.303q-0.241-0.315-0.661-0.496h0.001a2.267 2.267 0 0 0-0.94-0.189m3.025 0.035a0.387 0.387 0 0 0-0.257 0.096 0.333 0.333 0 0 0-0.113 0.269v3.78c0 0.106 0.033 0.2 0.11 0.271v0.001l0.007 0.005a0.403 0.403 0 0 0 0.504-0.002l0.003-0.003a0.353 0.353 0 0 0 0.11-0.271V6.3a0.333 0.333 0 0 0-0.113-0.268 0.367 0.367 0 0 0-0.251-0.097m1.5 0.024a0.4 0.4 0 0 0-0.278 0.099l-0.003 0.003a0.387 0.387 0 0 0-0.101 0.28v3.739c0 0.106 0.034 0.2 0.11 0.271v0.001l0.007 0.005a0.403 0.403 0 0 0 0.505-0.003l0.003-0.003a0.36 0.36 0 0 0 0.11-0.271v-1.55h1.389a0.338 0.338 0 0 0 0.334-0.34 0.313 0.313 0 0 0-0.099-0.23h0.001a0.313 0.313 0 0 0-0.236-0.104h-1.387V6.647h1.658a0.347 0.347 0 0 0 0.241-0.093l0.003-0.003q0.101-0.101 0.101-0.245a0.333 0.333 0 0 0-0.101-0.245 0.333 0.333 0 0 0-0.244-0.102\",\n eo: true,\n },\n ],\n },\n 24: {\n outlined: [\n {\n d: \"M13.749 19.253v1.5h-2.998v-1.5zm7.001-7.002c0-1.83-.002-3.08-.107-4.032-.103-.923-.288-1.382-.529-1.703a3.2 3.2 0 0 0-.63-.63c-.32-.241-.78-.426-1.703-.529-.952-.105-2.201-.107-4.032-.107h-2.998c-1.83 0-3.08.002-4.032.107-.923.103-1.383.288-1.703.529a3.2 3.2 0 0 0-.63.63c-.241.32-.426.78-.529 1.703-.105.952-.107 2.201-.107 4.032s.002 3.081.107 4.033c.103.923.288 1.382.529 1.702q.27.361.63.631c.32.241.78.425 1.703.527.952.106 2.201.109 4.032.109v1.5l-1.266-.002c-2.57-.012-4.057-.101-5.13-.77l-.24-.165a4.7 4.7 0 0 1-.721-.672l-.207-.256c-.937-1.247-.937-3.044-.937-6.637 0-3.369 0-5.158.771-6.396l.166-.24c.198-.263.423-.506.671-.721l.257-.207c1.246-.937 3.043-.937 6.636-.937h2.998l1.266.002c2.768.013 4.28.115 5.37.935.351.264.664.577.928.928.937 1.246.937 3.043.937 6.636s0 5.39-.936 6.637l-.208.256a4.7 4.7 0 0 1-.721.672l-.24.165c-1.073.669-2.56.758-5.13.77l-1.266.002v-1.5c1.83 0 3.08-.003 4.032-.108.923-.103 1.383-.287 1.703-.528q.36-.271.63-.63c.241-.321.426-.78.529-1.703.105-.952.107-2.202.107-4.033\",\n },\n {\n d: \"M8.732 8.8q.784 0 1.43.287l.156.072q.528.262.852.683a.66.66 0 0 1 .237.49c0 .15-.058.281-.167.384a.53.53 0 0 1-.384.158.73.73 0 0 1-.446-.168l-.021-.016-.016-.022a1.8 1.8 0 0 0-.665-.524 2.2 2.2 0 0 0-.967-.206q-.66.001-1.177.305v.001a2.1 2.1 0 0 0-.797.831 2.5 2.5 0 0 0-.291 1.219q0 .674.273 1.21.28.53.772.832l.126.068q.452.226 1.023.228.566 0 1.014-.237v-.001a1.9 1.9 0 0 0 .735-.662q.23-.346.318-.77H8.363a.54.54 0 0 1-.408-.173l-.006-.007a.58.58 0 0 1-.136-.38.54.54 0 0 1 .55-.552h3.042a.57.57 0 0 1 .429.168h.001l.006.005h-.001a.63.63 0 0 1 .162.45q-.001.08-.01.147v.001a3.45 3.45 0 0 1-.468 1.544l.001.001q-.414.722-1.151 1.162c-.496.297-1.064.442-1.695.442q-.976.001-1.758-.46a3.3 3.3 0 0 1-1.216-1.254l-.002-.002a3.7 3.7 0 0 1-.429-1.769q0-.966.44-1.762A3.25 3.25 0 0 1 6.939 9.26l.001-.001a3.5 3.5 0 0 1 1.792-.46m4.539.054q.233 0 .407.156c.133.112.188.27.188.44v5.67c0 .17-.055.327-.181.444l-.006.005a.656.656 0 0 1-.82.005l-.007-.005-.005-.006a.58.58 0 0 1-.182-.443V9.45c0-.17.056-.329.189-.441a.63.63 0 0 1 .417-.155m5.265.036c.155 0 .293.057.402.167s.167.247.167.402a.56.56 0 0 1-.166.402l-.007.006a.57.57 0 0 1-.396.152H16.1v1.714h2.032c.153 0 .287.061.39.173l-.002.001c.105.102.163.23.163.378a.556.556 0 0 1-.551.56H16.1v2.275c0 .17-.055.327-.182.444l-.006.005a.656.656 0 0 1-.82.005l-.006-.005-.006-.006a.58.58 0 0 1-.181-.443V9.513a.62.62 0 0 1 .167-.456l.005-.006.099-.073a.7.7 0 0 1 .351-.088z\",\n },\n ],\n filled: [\n {\n d: \"M14.995 3.5c3.303 0 4.954 0 5.98 1.025C22 5.551 22 7.203 22 10.505v2.992c0 3.302 0 4.954-1.025 5.98-1.026 1.025-2.678 1.026-5.98 1.026h-5.99c-3.302 0-4.954 0-5.98-1.026C2 18.45 2 16.799 2 13.497v-2.992c0-3.302 0-4.954 1.026-5.98C4.05 3.5 5.703 3.5 9.006 3.5zM8.508 8.85q-.981 0-1.767.452a3.2 3.2 0 0 0-1.208 1.245 3.5 3.5 0 0 0-.433 1.738q0 .953.423 1.745v.001q.435.782 1.199 1.236.768.454 1.732.453.938 0 1.67-.435.724-.433 1.132-1.143h.001q.414-.714.46-1.525a1 1 0 0 0 .01-.143.58.58 0 0 0-.152-.421.52.52 0 0 0-.394-.152H8.139a.5.5 0 0 0-.371.157h-.001a.5.5 0 0 0-.13.344q.002.197.126.348l.005.005a.5.5 0 0 0 .37.157h2.435q-.087.469-.335.848h-.001q-.284.434-.753.678h-.001a2.2 2.2 0 0 1-1.037.244q-.582-.001-1.045-.233l-.13-.07a2.16 2.16 0 0 1-.715-.719l-.075-.132a2.7 2.7 0 0 1-.28-1.234q0-.695.297-1.243t.817-.85a2.33 2.33 0 0 1 1.202-.313q.555.001.988.21.44.213.684.54l.011.016.016.012a.68.68 0 0 0 .416.158.48.48 0 0 0 .344-.14v.002l.004-.004.002-.001-.001-.001a.47.47 0 0 0 .152-.348.6.6 0 0 0-.223-.455q-.362-.473-.992-.744h.001a3.4 3.4 0 0 0-1.41-.283m4.538.053a.58.58 0 0 0-.385.144.5.5 0 0 0-.17.403v5.67c0 .159.05.3.165.406v.001l.01.007a.604.604 0 0 0 .756-.003l.005-.004a.53.53 0 0 0 .165-.407V9.45a.5.5 0 0 0-.17-.402.55.55 0 0 0-.376-.145m2.25.036a.6.6 0 0 0-.417.149l-.004.004a.58.58 0 0 0-.152.42v5.608c0 .159.051.3.165.406v.001l.01.008a.605.605 0 0 0 .757-.004l.004-.004a.54.54 0 0 0 .165-.407v-2.325h2.083a.507.507 0 0 0 .501-.51.47.47 0 0 0-.149-.345h.001a.47.47 0 0 0-.354-.156h-2.081V9.97h2.487a.52.52 0 0 0 .362-.139l.004-.004q.151-.152.152-.367a.5.5 0 0 0-.152-.367.5.5 0 0 0-.366-.153\",\n eo: true,\n },\n ],\n },\n 32: {\n outlined: [\n {\n d: \"M18.332 25.671v2h-3.997v-2zm9.335-9.336c0-2.44-.003-4.107-.143-5.376-.137-1.231-.384-1.843-.705-2.271a4.267 4.267 0 0 0-.84-.84c-.427-.321-1.04-.568-2.271-.705-1.269-.14-2.935-.143-5.376-.143h-3.997c-2.44 0-4.107.003-5.376.143-1.231.137-1.844.384-2.271.705a4.267 4.267 0 0 0-.84.84c-.321.427-.568 1.04-.705 2.271-.14 1.269-.143 2.935-.143 5.376s.003 4.108.143 5.377c.137 1.231.384 1.843.705 2.269q.36.481.84.841c.427.321 1.04.567 2.271.703 1.269.141 2.935.145 5.376.145v2l-1.688-.003c-3.427-.016-5.409-.135-6.84-1.027l-.32-.22a6.267 6.267 0 0 1-.961-.896l-.276-.341c-1.249-1.663-1.249-4.059-1.249-8.849 0-4.492 0-6.877 1.028-8.528l.221-.32c.264-.351.564-.675.895-.961l.343-.276c1.661-1.249 4.057-1.249 8.848-1.249h3.997l1.688.003c3.691.017 5.707.153 7.16 1.247.468.352.885.769 1.237 1.237 1.249 1.661 1.249 4.057 1.249 8.848s0 7.187-1.248 8.849l-.277.341a6.267 6.267 0 0 1-.961.896l-.32.22c-1.431.892-3.413 1.011-6.84 1.027l-1.688.003v-2c2.44 0 4.107-.004 5.376-.144 1.231-.137 1.844-.383 2.271-.704q.48-.361.84-.84c.321-.428.568-1.04.705-2.271.14-1.269.143-2.936.143-5.377\",\n },\n {\n d: \"M11.643 11.733q1.045 0 1.907.383l.208.096q.704.349 1.136.911a.88.88 0 0 1 .316.653c0 .2-.077.375-.223.512a.707.707 0 0 1-.512.211.973.973 0 0 1-.595-.224l-.028-.021-.021-.029a2.4 2.4 0 0 0-.887-.699 2.933 2.933 0 0 0-1.289-.275q-.88.001-1.569.407v.001a2.8 2.8 0 0 0-1.063 1.108 3.333 3.333 0 0 0-.388 1.625q0 .899.364 1.613.373.707 1.029 1.109l.168.091q.603.301 1.364.304.755 0 1.352-.316v-.001a2.533 2.533 0 0 0 .98-.883q.307-.461.424-1.027H11.151a.72.72 0 0 1-.544-.231l-.008-.009a.773.773 0 0 1-.181-.507.72.72 0 0 1 .733-.736h4.056a.76.76 0 0 1 .572.224h.001l.008.007h-.001a.84.84 0 0 1 .216.6q-.001.107-.013.196v.001a4.6 4.6 0 0 1-.624 2.059l.001.001q-.552.963-1.535 1.549c-.661.396-1.419.589-2.26.589q-1.301.001-2.344-.613a4.4 4.4 0 0 1-1.621-1.672l-.003-.003a4.933 4.933 0 0 1-.572-2.359q0-1.288.587-2.349A4.333 4.333 0 0 1 9.252 12.347l.001-.001a4.667 4.667 0 0 1 2.389-.613m6.052.072q.311 0 .543.208c.177.149.251.36.251.587v7.56c0 .227-.073.436-.241.592l-.008.007a.875.875 0 0 1-1.093.007l-.009-.007-.007-.008a.773.773 0 0 1-.243-.591V12.6c0-.227.075-.439.252-.588a.84.84 0 0 1 .556-.207m7.02.048c.207 0 .391.076.536.223s.223.329.223.536a.747.747 0 0 1-.221.536l-.009.008a.76.76 0 0 1-.528.203H21.467v2.285h2.709c.204 0 .383.081.52.231l-.003.001c.14.136.217.307.217.504a.741.741 0 0 1-.735.747H21.467v3.033c0 .227-.073.436-.243.592l-.008.007a.875.875 0 0 1-1.093.007l-.008-.007-.008-.008a.773.773 0 0 1-.241-.591V12.684a.827.827 0 0 1 .223-.608l.007-.008.132-.097a.933.933 0 0 1 .468-.117z\",\n },\n ],\n filled: [\n {\n d: \"M19.993 4.667c4.404 0 6.605 0 7.973 1.367C29.333 7.401 29.333 9.604 29.333 14.007v3.989c0 4.403 0 6.605-1.367 7.973-1.368 1.367-3.571 1.368-7.973 1.368h-7.987c-4.403 0-6.605 0-7.973-1.368C2.667 24.6 2.667 22.399 2.667 17.996v-3.989c0-4.403 0-6.605 1.368-7.973C5.4 4.667 7.604 4.667 12.008 4.667zM11.344 11.8q-1.308 0-2.356 0.603a4.267 4.267 0 0 0-1.611 1.66 4.667 4.667 0 0 0-0.577 2.317q0 1.271 0.564 2.327v0.001q0.58 1.043 1.599 1.648 1.024 0.605 2.309 0.604 1.251 0 2.227-0.58 0.965-0.577 1.509-1.524h0.001q0.552-0.952 0.613-2.033a1.333 1.333 0 0 0 0.013-0.191 0.773 0.773 0 0 0-0.203-0.561 0.693 0.693 0 0 0-0.525-0.203H10.852a0.667 0.667 0 0 0-0.495 0.209h-0.001a0.667 0.667 0 0 0-0.173 0.459q0.003 0.263 0.168 0.464l0.007 0.007a0.667 0.667 0 0 0 0.493 0.209h3.247q-0.116 0.625-0.447 1.131h-0.001q-0.379 0.579-1.004 0.904h-0.001a2.933 2.933 0 0 1-1.383 0.325q-0.776-0.001-1.393-0.311l-0.173-0.093a2.88 2.88 0 0 1-0.953-0.959l-0.1-0.176a3.6 3.6 0 0 1-0.373-1.645q0-0.927 0.396-1.657t1.089-1.133a3.107 3.107 0 0 1 1.603-0.417q0.74 0.001 1.317 0.28 0.587 0.284 0.912 0.72l0.015 0.021 0.021 0.016a0.907 0.907 0 0 0 0.555 0.211 0.64 0.64 0 0 0 0.459-0.187v0.003l0.005-0.005 0.003-0.001-0.001-0.001a0.627 0.627 0 0 0 0.203-0.464 0.8 0.8 0 0 0-0.297-0.607q-0.483-0.631-1.323-0.992h0.001a4.533 4.533 0 0 0-1.88-0.377m6.051 0.071a0.773 0.773 0 0 0-0.513 0.192 0.667 0.667 0 0 0-0.227 0.537v7.56c0 0.212 0.067 0.4 0.22 0.541v0.001l0.013 0.009a0.805 0.805 0 0 0 1.008-0.004l0.007-0.005a0.707 0.707 0 0 0 0.22-0.543V12.6a0.667 0.667 0 0 0-0.227-0.536 0.733 0.733 0 0 0-0.501-0.193m3 0.048a0.8 0.8 0 0 0-0.556 0.199l-0.005 0.005a0.773 0.773 0 0 0-0.203 0.56v7.477c0 0.212 0.068 0.4 0.22 0.541v0.001l0.013 0.011a0.807 0.807 0 0 0 1.009-0.005l0.005-0.005a0.72 0.72 0 0 0 0.22-0.543v-3.1h2.777a0.676 0.676 0 0 0 0.668-0.68 0.627 0.627 0 0 0-0.199-0.46h0.001a0.627 0.627 0 0 0-0.472-0.208h-2.775V13.293h3.316a0.693 0.693 0 0 0 0.483-0.185l0.005-0.005q0.201-0.203 0.203-0.489a0.667 0.667 0 0 0-0.203-0.489 0.667 0.667 0 0 0-0.488-0.204\",\n eo: true,\n },\n ],\n },\n};\n\n/** Props for {@link GifIcon}. See {@link BaseIconProps} for the shared shape. */\nexport type GifIconProps = BaseIconProps;\n\n/**\n * Gif icon. Renders at sizes 16, 24, or 32 px with outlined and filled variants.\n *\n * @example\n * ```tsx\n * <GifIcon size={24} filled />\n * ```\n */\nexport const GifIcon = React.forwardRef<SVGSVGElement, GifIconProps>((props, ref) => (\n <BaseIcon ref={ref} variants={VARIANTS} {...props} />\n));\n\nGifIcon.displayName = \"GifIcon\";\n"],"names":[],"mappings":";;;;AAIA,MAAM,WAAyB;AAAA,EAC7B,IAAI;AAAA,IACF,UAAU;AAAA,MACR;AAAA,QACE,GAAG;AAAA,MAAA;AAAA,MAEL;AAAA,QACE,GAAG;AAAA,MAAA;AAAA,IACL;AAAA,IAEF,QAAQ;AAAA,MACN;AAAA,QACE,GAAG;AAAA,QACH,IAAI;AAAA,MAAA;AAAA,IACN;AAAA,EACF;AAAA,EAEF,IAAI;AAAA,IACF,UAAU;AAAA,MACR;AAAA,QACE,GAAG;AAAA,MAAA;AAAA,MAEL;AAAA,QACE,GAAG;AAAA,MAAA;AAAA,IACL;AAAA,IAEF,QAAQ;AAAA,MACN;AAAA,QACE,GAAG;AAAA,QACH,IAAI;AAAA,MAAA;AAAA,IACN;AAAA,EACF;AAAA,EAEF,IAAI;AAAA,IACF,UAAU;AAAA,MACR;AAAA,QACE,GAAG;AAAA,MAAA;AAAA,MAEL;AAAA,QACE,GAAG;AAAA,MAAA;AAAA,IACL;AAAA,IAEF,QAAQ;AAAA,MACN;AAAA,QACE,GAAG;AAAA,QACH,IAAI;AAAA,MAAA;AAAA,IACN;AAAA,EACF;AAEJ;AAaO,MAAM,UAAU,MAAM,WAAwC,CAAC,OAAO,QAC3E,oBAAC,UAAA,EAAS,KAAU,UAAU,UAAW,GAAG,OAAO,CACpD;AAED,QAAQ,cAAc;"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fanvue/ui",
3
- "version": "3.20.0",
3
+ "version": "3.21.0",
4
4
  "description": "React component library built with Tailwind CSS for Fanvue ecosystem",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org",