@de-kit/st-ui 0.1.2 → 0.1.3

package/README.md

@@ -17,6 +17,17 @@ import {
 } from '@de-kit/st-ui';
 ```
 
+Иконки — отдельный вход, в бандл попадают только импортированные:
+
+```tsx
+import { IconClose, LogoVisa } from '@de-kit/st-ui/icons';
+
+<IconClose />
+<IconClose width={16} height={16} aria-label="Закрыть" />
+```
+
+`icon_*` и `control_*` — 20×20 и `currentColor` (галерея 20×40). Размер меняется пропом `width`/`height` или CSS, он перекрывает дефолт. `icon_label-*` сохраняют заливку. `logo_*` и `illustration_*` — размер из SVG, у иллюстраций чёрный stroke заменён на `currentColor`. Новый svg кладётся в `src/icons/svg`, дальше `pnpm build:icons` (его же зовут `dev` и `build`).
+
 `global.scss` — база приложения (body, заголовки, таблицы, `.wrapper`). В чужой странице его не подключать. Шрифт Inter библиотека не везёт, его по-прежнему грузит фронтенд.
 
 Токены подключаются один раз вместе с пакетом (`import './styles/vars.scss'` в `src/index.ts`). В своих scss это обычные `var()`, `@use` не нужен. `@use '@de-kit/st-ui/vars.scss'` — только если стили собираются без JS. Миксины отдельно:
@@ -41,6 +52,9 @@ import {
 <Button size="sm">Маленькая</Button>
 <Button size="lg">Крупная</Button>
 <Button fullWidth>Дальше</Button>
+<Button icon="back">Назад</Button>
+<Button icon="forward">Дальше</Button>
+<Button loading>Сохранение</Button>
 ```
 
 | Prop        | По умолчанию |                                                    |
@@ -49,6 +63,8 @@ import {
 | `size`      | `md`         | `sm` компактная, `md` обычная, `lg` крупная        |
 | `fullWidth` | `false`      | ширина 100%, не зависит от `size`                  |
 | `href`      | —            | рендер `<a>`, не `<Link>`                          |
+| `icon`      | —            | `back` стрелка слева, `forward` справа             |
+| `loading`   | `false`      | спиннер на месте стрелки, клик не проходит         |
 
 `variant="link"` — это вид кнопки (`font-weight: 400`), не тип элемента. Ссылка — отдельный проп `href`.
 

package/dist/components/button/button.cjs

@@ -1,15 +1,44 @@
+const require_icon_arrow_left = require("../../icons/icon-arrow-left.cjs");
+const require_icon_arrow_right = require("../../icons/icon-arrow-right.cjs");
+const require_icon_spinner = require("../../icons/icon-spinner.cjs");
 const require_cn = require("../../lib/cn.cjs");
 let react = require("react");
-require("./button.scss");
 let react_jsx_runtime = require("react/jsx-runtime");
+require("./button.scss");
 // src/components/button/button.tsx
 const styleKeys = [
 	"variant",
 	"size",
 	"fullWidth",
+	"icon",
+	"loading",
 	"className"
 ];
-const getClassName = ({ variant = "default", size = "md", fullWidth = false, className, disabled }) => require_cn.cn("button", className, `button--${variant}`, `button--${size}`, require_cn.when(fullWidth, "button--full-width"), require_cn.when(disabled, "button--disabled"));
+const iconSize = {
+	sm: 16,
+	md: 20,
+	lg: 24
+};
+const getClassName = ({ variant = "default", size = "md", fullWidth = false, loading = false, className, disabled }) => require_cn.cn("button", className, `button--${variant}`, `button--${size}`, require_cn.when(fullWidth, "button--full-width"), require_cn.when(disabled, "button--disabled"), require_cn.when(loading, "button--loading"));
+const renderGlyph = (icon, loading, size) => {
+	const px = iconSize[size];
+	if (loading) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_icon_spinner.IconSpinner, {
+		className: "button__icon button__icon--spin",
+		width: px,
+		height: px
+	});
+	if (icon === "back") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_icon_arrow_left.IconArrowLeft, {
+		className: "button__icon",
+		width: px,
+		height: px
+	});
+	if (icon === "forward") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_icon_arrow_right.IconArrowRight, {
+		className: "button__icon",
+		width: px,
+		height: px
+	});
+	return null;
+};
 const omitStyleProps = (props) => {
 	const next = {};
 	const skipped = new Set(styleKeys);
@@ -17,18 +46,40 @@ const omitStyleProps = (props) => {
 	return next;
 };
 const Button = (0, react.forwardRef)(function Button(props, ref) {
+	const size = props.size ?? "md";
+	const { icon, loading } = props;
 	const className = getClassName(props);
 	const { children, href, ...domProps } = omitStyleProps(props);
-	if (typeof href === "string") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("a", {
-		ref,
-		href,
-		className,
-		...domProps,
-		children
-	});
+	const glyph = renderGlyph(icon, loading, size);
+	const before = icon !== "forward";
+	const content = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+		before ? glyph : null,
+		children,
+		before ? null : glyph
+	] });
+	if (typeof href === "string") {
+		const { onClick, ...anchorProps } = domProps;
+		const handleClick = (event) => {
+			if (loading) {
+				event.preventDefault();
+				return;
+			}
+			onClick?.(event);
+		};
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("a", {
+			ref,
+			href,
+			className,
+			...anchorProps,
+			"aria-busy": loading || void 0,
+			"aria-disabled": loading || void 0,
+			onClick: handleClick,
+			children: content
+		});
+	}
 	const { type = "button", disabled, onClick, ...buttonProps } = domProps;
 	const handleClick = (event) => {
-		if (disabled) return;
+		if (disabled || loading) return;
 		onClick?.(event);
 	};
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
@@ -36,9 +87,10 @@ const Button = (0, react.forwardRef)(function Button(props, ref) {
 		className,
 		type,
 		disabled,
-		onClick: handleClick,
 		...buttonProps,
-		children
+		"aria-busy": loading || void 0,
+		onClick: handleClick,
+		children: content
 	});
 });
 exports.Button = Button;

package/dist/components/button/button.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"button.cjs","names":["cn","when","forwardRef"],"sources":["../../../src/components/button/button.tsx"],"sourcesContent":["import {\n  forwardRef,\n  type AnchorHTMLAttributes,\n  type ButtonHTMLAttributes,\n  type MouseEventHandler,\n  type ReactNode,\n  type Ref,\n} from 'react';\n\nimport { cn, when } from '../../lib/cn';\nimport './button.scss';\n\nexport type ButtonVariant = 'default' | 'outline' | 'link';\nexport type ButtonSize = 'sm' | 'md' | 'lg';\n\ninterface ButtonStyleProps {\n  variant?: ButtonVariant;\n  size?: ButtonSize;\n  fullWidth?: boolean;\n  className?: string;\n  children?: ReactNode;\n}\n\nexport interface ButtonProps\n  extends ButtonHTMLAttributes<HTMLButtonElement>, ButtonStyleProps {\n  href?: undefined;\n}\n\nexport interface ButtonLinkProps\n  extends\n    Omit<AnchorHTMLAttributes<HTMLAnchorElement>, 'href'>,\n    ButtonStyleProps {\n  href: string;\n}\n\nexport type ButtonComponentProps = ButtonProps | ButtonLinkProps;\n\nconst styleKeys = ['variant', 'size', 'fullWidth', 'className'] as const;\n\nconst getClassName = ({\n  variant = 'default',\n  size = 'md',\n  fullWidth = false,\n  className,\n  disabled,\n}: ButtonStyleProps & { disabled?: boolean }) =>\n  cn(\n    'button',\n    className,\n    `button--${variant}`,\n    `button--${size}`,\n    when(fullWidth, 'button--full-width'),\n    when(disabled, 'button--disabled'),\n  );\n\nconst omitStyleProps = <T extends ButtonStyleProps>(\n  props: T,\n): Omit<T, (typeof styleKeys)[number]> => {\n  const next: Record<string, unknown> = {};\n  const skipped = new Set<string>(styleKeys);\n\n  for (const [key, value] of Object.entries(props)) {\n    if (!skipped.has(key)) next[key] = value;\n  }\n\n  return next as Omit<T, (typeof styleKeys)[number]>;\n};\n\nexport const Button = forwardRef<\n  HTMLButtonElement | HTMLAnchorElement,\n  ButtonComponentProps\n>(function Button(props, ref) {\n  const className = getClassName(props);\n  const { children, href, ...domProps } = omitStyleProps(props);\n\n  if (typeof href === 'string') {\n    return (\n      <a\n        ref={ref as Ref<HTMLAnchorElement>}\n        href={href}\n        className={className}\n        {...(domProps as AnchorHTMLAttributes<HTMLAnchorElement>)}\n      >\n        {children}\n      </a>\n    );\n  }\n\n  const {\n    type = 'button',\n    disabled,\n    onClick,\n    ...buttonProps\n  } = domProps as ButtonHTMLAttributes<HTMLButtonElement>;\n\n  const handleClick: MouseEventHandler<HTMLButtonElement> = event => {\n    if (disabled) return;\n    onClick?.(event);\n  };\n\n  return (\n    <button\n      ref={ref as Ref<HTMLButtonElement>}\n      className={className}\n      type={type}\n      disabled={disabled}\n      onClick={handleClick}\n      {...buttonProps}\n    >\n      {children}\n    </button>\n  );\n});\n"],"mappings":";;;;;AAqCA,MAAM,YAAY;CAAC;CAAW;CAAQ;CAAa;AAAW;AAE9D,MAAM,gBAAgB,EACpB,UAAU,WACV,OAAO,MACP,YAAY,OACZ,WACA,eAEAA,WAAAA,GACE,UACA,WACA,WAAW,WACX,WAAW,QACXC,WAAAA,KAAK,WAAW,oBAAoB,GACpCA,WAAAA,KAAK,UAAU,kBAAkB,CACnC;AAEF,MAAM,kBACJ,UACwC;CACxC,MAAM,OAAgC,CAAC;CACvC,MAAM,UAAU,IAAI,IAAY,SAAS;CAEzC,KAAK,MAAM,CAAC,KAAK,UAAU,OAAO,QAAQ,KAAK,GAC7C,IAAI,CAAC,QAAQ,IAAI,GAAG,GAAG,KAAK,OAAO;CAGrC,OAAO;AACT;AAEA,MAAa,UAAA,GAASC,MAAAA,WAAAA,CAGpB,SAAS,OAAO,OAAO,KAAK;CAC5B,MAAM,YAAY,aAAa,KAAK;CACpC,MAAM,EAAE,UAAU,MAAM,GAAG,aAAa,eAAe,KAAK;CAE5D,IAAI,OAAO,SAAS,UAClB,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,KAAD;EACO;EACC;EACK;EACX,GAAK;EAEJ;CACA,CAAA;CAIP,MAAM,EACJ,OAAO,UACP,UACA,SACA,GAAG,gBACD;CAEJ,MAAM,eAAoD,UAAS;EACjE,IAAI,UAAU;EACd,UAAU,KAAK;CACjB;CAEA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,UAAD;EACO;EACM;EACL;EACI;EACV,SAAS;EACT,GAAI;EAEH;CACK,CAAA;AAEZ,CAAC"}
+{"version":3,"file":"button.cjs","names":["cn","when","IconSpinner","IconArrowLeft","IconArrowRight","forwardRef"],"sources":["../../../src/components/button/button.tsx"],"sourcesContent":["import {\n  forwardRef,\n  type AnchorHTMLAttributes,\n  type ButtonHTMLAttributes,\n  type MouseEventHandler,\n  type ReactNode,\n  type Ref,\n} from 'react';\n\nimport { IconArrowLeft } from '../../icons/icon-arrow-left';\nimport { IconArrowRight } from '../../icons/icon-arrow-right';\nimport { IconSpinner } from '../../icons/icon-spinner';\nimport { cn, when } from '../../lib/cn';\nimport './button.scss';\n\nexport type ButtonVariant = 'default' | 'outline' | 'link';\nexport type ButtonSize = 'sm' | 'md' | 'lg';\nexport type ButtonIcon = 'back' | 'forward';\n\ninterface ButtonStyleProps {\n  variant?: ButtonVariant;\n  size?: ButtonSize;\n  fullWidth?: boolean;\n  icon?: ButtonIcon;\n  loading?: boolean;\n  className?: string;\n  children?: ReactNode;\n}\n\nexport interface ButtonProps\n  extends ButtonHTMLAttributes<HTMLButtonElement>, ButtonStyleProps {\n  href?: undefined;\n}\n\nexport interface ButtonLinkProps\n  extends\n    Omit<AnchorHTMLAttributes<HTMLAnchorElement>, 'href'>,\n    ButtonStyleProps {\n  href: string;\n}\n\nexport type ButtonComponentProps = ButtonProps | ButtonLinkProps;\n\nconst styleKeys = [\n  'variant',\n  'size',\n  'fullWidth',\n  'icon',\n  'loading',\n  'className',\n] as const;\n\nconst iconSize = {\n  sm: 16,\n  md: 20,\n  lg: 24,\n} as const;\n\nconst getClassName = ({\n  variant = 'default',\n  size = 'md',\n  fullWidth = false,\n  loading = false,\n  className,\n  disabled,\n}: ButtonStyleProps & { disabled?: boolean }) =>\n  cn(\n    'button',\n    className,\n    `button--${variant}`,\n    `button--${size}`,\n    when(fullWidth, 'button--full-width'),\n    when(disabled, 'button--disabled'),\n    when(loading, 'button--loading'),\n  );\n\nconst renderGlyph = (\n  icon: ButtonIcon | undefined,\n  loading: boolean | undefined,\n  size: ButtonSize,\n) => {\n  const px = iconSize[size];\n\n  if (loading) {\n    return (\n      <IconSpinner\n        className=\"button__icon button__icon--spin\"\n        width={px}\n        height={px}\n      />\n    );\n  }\n\n  if (icon === 'back') {\n    return <IconArrowLeft className=\"button__icon\" width={px} height={px} />;\n  }\n\n  if (icon === 'forward') {\n    return <IconArrowRight className=\"button__icon\" width={px} height={px} />;\n  }\n\n  return null;\n};\n\nconst omitStyleProps = <T extends ButtonStyleProps>(\n  props: T,\n): Omit<T, (typeof styleKeys)[number]> => {\n  const next: Record<string, unknown> = {};\n  const skipped = new Set<string>(styleKeys);\n\n  for (const [key, value] of Object.entries(props)) {\n    if (!skipped.has(key)) next[key] = value;\n  }\n\n  return next as Omit<T, (typeof styleKeys)[number]>;\n};\n\nexport const Button = forwardRef<\n  HTMLButtonElement | HTMLAnchorElement,\n  ButtonComponentProps\n>(function Button(props, ref) {\n  const size = props.size ?? 'md';\n  const { icon, loading } = props;\n  const className = getClassName(props);\n  const { children, href, ...domProps } = omitStyleProps(props);\n  const glyph = renderGlyph(icon, loading, size);\n  const before = icon !== 'forward';\n  const content = (\n    <>\n      {before ? glyph : null}\n      {children}\n      {before ? null : glyph}\n    </>\n  );\n\n  if (typeof href === 'string') {\n    const { onClick, ...anchorProps } =\n      domProps as AnchorHTMLAttributes<HTMLAnchorElement>;\n\n    const handleClick: MouseEventHandler<HTMLAnchorElement> = event => {\n      if (loading) {\n        event.preventDefault();\n        return;\n      }\n      onClick?.(event);\n    };\n\n    return (\n      <a\n        ref={ref as Ref<HTMLAnchorElement>}\n        href={href}\n        className={className}\n        {...anchorProps}\n        aria-busy={loading || undefined}\n        aria-disabled={loading || undefined}\n        onClick={handleClick}\n      >\n        {content}\n      </a>\n    );\n  }\n\n  const {\n    type = 'button',\n    disabled,\n    onClick,\n    ...buttonProps\n  } = domProps as ButtonHTMLAttributes<HTMLButtonElement>;\n\n  const handleClick: MouseEventHandler<HTMLButtonElement> = event => {\n    if (disabled || loading) return;\n    onClick?.(event);\n  };\n\n  return (\n    <button\n      ref={ref as Ref<HTMLButtonElement>}\n      className={className}\n      type={type}\n      disabled={disabled}\n      {...buttonProps}\n      aria-busy={loading || undefined}\n      onClick={handleClick}\n    >\n      {content}\n    </button>\n  );\n});\n"],"mappings":";;;;;;;;AA2CA,MAAM,YAAY;CAChB;CACA;CACA;CACA;CACA;CACA;AACF;AAEA,MAAM,WAAW;CACf,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;AAEA,MAAM,gBAAgB,EACpB,UAAU,WACV,OAAO,MACP,YAAY,OACZ,UAAU,OACV,WACA,eAEAA,WAAAA,GACE,UACA,WACA,WAAW,WACX,WAAW,QACXC,WAAAA,KAAK,WAAW,oBAAoB,GACpCA,WAAAA,KAAK,UAAU,kBAAkB,GACjCA,WAAAA,KAAK,SAAS,iBAAiB,CACjC;AAEF,MAAM,eACJ,MACA,SACA,SACG;CACH,MAAM,KAAK,SAAS;CAEpB,IAAI,SACF,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,qBAAAA,aAAD;EACE,WAAU;EACV,OAAO;EACP,QAAQ;CACT,CAAA;CAIL,IAAI,SAAS,QACX,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAACC,wBAAAA,eAAD;EAAe,WAAU;EAAe,OAAO;EAAI,QAAQ;CAAK,CAAA;CAGzE,IAAI,SAAS,WACX,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAACC,yBAAAA,gBAAD;EAAgB,WAAU;EAAe,OAAO;EAAI,QAAQ;CAAK,CAAA;CAG1E,OAAO;AACT;AAEA,MAAM,kBACJ,UACwC;CACxC,MAAM,OAAgC,CAAC;CACvC,MAAM,UAAU,IAAI,IAAY,SAAS;CAEzC,KAAK,MAAM,CAAC,KAAK,UAAU,OAAO,QAAQ,KAAK,GAC7C,IAAI,CAAC,QAAQ,IAAI,GAAG,GAAG,KAAK,OAAO;CAGrC,OAAO;AACT;AAEA,MAAa,UAAA,GAASC,MAAAA,WAAAA,CAGpB,SAAS,OAAO,OAAO,KAAK;CAC5B,MAAM,OAAO,MAAM,QAAQ;CAC3B,MAAM,EAAE,MAAM,YAAY;CAC1B,MAAM,YAAY,aAAa,KAAK;CACpC,MAAM,EAAE,UAAU,MAAM,GAAG,aAAa,eAAe,KAAK;CAC5D,MAAM,QAAQ,YAAY,MAAM,SAAS,IAAI;CAC7C,MAAM,SAAS,SAAS;CACxB,MAAM,UACJ,iBAAA,GAAA,kBAAA,KAAA,CAAA,kBAAA,UAAA,EAAA,UAAA;EACG,SAAS,QAAQ;EACjB;EACA,SAAS,OAAO;CACjB,EAAA,CAAA;CAGJ,IAAI,OAAO,SAAS,UAAU;EAC5B,MAAM,EAAE,SAAS,GAAG,gBAClB;EAEF,MAAM,eAAoD,UAAS;GACjE,IAAI,SAAS;IACX,MAAM,eAAe;IACrB;GACF;GACA,UAAU,KAAK;EACjB;EAEA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,KAAD;GACO;GACC;GACK;GACX,GAAI;GACJ,aAAW,WAAW,KAAA;GACtB,iBAAe,WAAW,KAAA;GAC1B,SAAS;GAER,UAAA;EACA,CAAA;CAEP;CAEA,MAAM,EACJ,OAAO,UACP,UACA,SACA,GAAG,gBACD;CAEJ,MAAM,eAAoD,UAAS;EACjE,IAAI,YAAY,SAAS;EACzB,UAAU,KAAK;CACjB;CAEA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,UAAD;EACO;EACM;EACL;EACI;EACV,GAAI;EACJ,aAAW,WAAW,KAAA;EACtB,SAAS;EAER,UAAA;CACK,CAAA;AAEZ,CAAC"}

package/dist/components/button/button.d.cts

@@ -1,10 +1,13 @@
 import { AnchorHTMLAttributes, ButtonHTMLAttributes, ReactNode } from "react";
 export type ButtonVariant = 'default' | 'outline' | 'link';
 export type ButtonSize = 'sm' | 'md' | 'lg';
+export type ButtonIcon = 'back' | 'forward';
 interface ButtonStyleProps {
   variant?: ButtonVariant;
   size?: ButtonSize;
   fullWidth?: boolean;
+  icon?: ButtonIcon;
+  loading?: boolean;
   className?: string;
   children?: ReactNode;
 }

package/dist/components/button/button.d.ts

@@ -1,10 +1,13 @@
 import { AnchorHTMLAttributes, ButtonHTMLAttributes, ReactNode } from "react";
 export type ButtonVariant = 'default' | 'outline' | 'link';
 export type ButtonSize = 'sm' | 'md' | 'lg';
+export type ButtonIcon = 'back' | 'forward';
 interface ButtonStyleProps {
   variant?: ButtonVariant;
   size?: ButtonSize;
   fullWidth?: boolean;
+  icon?: ButtonIcon;
+  loading?: boolean;
   className?: string;
   children?: ReactNode;
 }

package/dist/components/button/button.js

@@ -1,15 +1,44 @@
+import { IconArrowLeft } from "../../icons/icon-arrow-left.js";
+import { IconArrowRight } from "../../icons/icon-arrow-right.js";
+import { IconSpinner } from "../../icons/icon-spinner.js";
 import { cn, when } from "../../lib/cn.js";
 import { forwardRef } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import "./button.scss";
-import { jsx } from "react/jsx-runtime";
 // src/components/button/button.tsx
 const styleKeys = [
 	"variant",
 	"size",
 	"fullWidth",
+	"icon",
+	"loading",
 	"className"
 ];
-const getClassName = ({ variant = "default", size = "md", fullWidth = false, className, disabled }) => cn("button", className, `button--${variant}`, `button--${size}`, when(fullWidth, "button--full-width"), when(disabled, "button--disabled"));
+const iconSize = {
+	sm: 16,
+	md: 20,
+	lg: 24
+};
+const getClassName = ({ variant = "default", size = "md", fullWidth = false, loading = false, className, disabled }) => cn("button", className, `button--${variant}`, `button--${size}`, when(fullWidth, "button--full-width"), when(disabled, "button--disabled"), when(loading, "button--loading"));
+const renderGlyph = (icon, loading, size) => {
+	const px = iconSize[size];
+	if (loading) return /* @__PURE__ */ jsx(IconSpinner, {
+		className: "button__icon button__icon--spin",
+		width: px,
+		height: px
+	});
+	if (icon === "back") return /* @__PURE__ */ jsx(IconArrowLeft, {
+		className: "button__icon",
+		width: px,
+		height: px
+	});
+	if (icon === "forward") return /* @__PURE__ */ jsx(IconArrowRight, {
+		className: "button__icon",
+		width: px,
+		height: px
+	});
+	return null;
+};
 const omitStyleProps = (props) => {
 	const next = {};
 	const skipped = new Set(styleKeys);
@@ -17,18 +46,40 @@ const omitStyleProps = (props) => {
 	return next;
 };
 const Button = forwardRef(function Button(props, ref) {
+	const size = props.size ?? "md";
+	const { icon, loading } = props;
 	const className = getClassName(props);
 	const { children, href, ...domProps } = omitStyleProps(props);
-	if (typeof href === "string") return /* @__PURE__ */ jsx("a", {
-		ref,
-		href,
-		className,
-		...domProps,
-		children
-	});
+	const glyph = renderGlyph(icon, loading, size);
+	const before = icon !== "forward";
+	const content = /* @__PURE__ */ jsxs(Fragment, { children: [
+		before ? glyph : null,
+		children,
+		before ? null : glyph
+	] });
+	if (typeof href === "string") {
+		const { onClick, ...anchorProps } = domProps;
+		const handleClick = (event) => {
+			if (loading) {
+				event.preventDefault();
+				return;
+			}
+			onClick?.(event);
+		};
+		return /* @__PURE__ */ jsx("a", {
+			ref,
+			href,
+			className,
+			...anchorProps,
+			"aria-busy": loading || void 0,
+			"aria-disabled": loading || void 0,
+			onClick: handleClick,
+			children: content
+		});
+	}
 	const { type = "button", disabled, onClick, ...buttonProps } = domProps;
 	const handleClick = (event) => {
-		if (disabled) return;
+		if (disabled || loading) return;
 		onClick?.(event);
 	};
 	return /* @__PURE__ */ jsx("button", {
@@ -36,9 +87,10 @@ const Button = forwardRef(function Button(props, ref) {
 		className,
 		type,
 		disabled,
-		onClick: handleClick,
 		...buttonProps,
-		children
+		"aria-busy": loading || void 0,
+		onClick: handleClick,
+		children: content
 	});
 });
 export { Button };

package/dist/components/button/button.js.map

@@ -1 +1 @@
-{"version":3,"file":"button.js","names":[],"sources":["../../../src/components/button/button.tsx"],"sourcesContent":["import {\n  forwardRef,\n  type AnchorHTMLAttributes,\n  type ButtonHTMLAttributes,\n  type MouseEventHandler,\n  type ReactNode,\n  type Ref,\n} from 'react';\n\nimport { cn, when } from '../../lib/cn';\nimport './button.scss';\n\nexport type ButtonVariant = 'default' | 'outline' | 'link';\nexport type ButtonSize = 'sm' | 'md' | 'lg';\n\ninterface ButtonStyleProps {\n  variant?: ButtonVariant;\n  size?: ButtonSize;\n  fullWidth?: boolean;\n  className?: string;\n  children?: ReactNode;\n}\n\nexport interface ButtonProps\n  extends ButtonHTMLAttributes<HTMLButtonElement>, ButtonStyleProps {\n  href?: undefined;\n}\n\nexport interface ButtonLinkProps\n  extends\n    Omit<AnchorHTMLAttributes<HTMLAnchorElement>, 'href'>,\n    ButtonStyleProps {\n  href: string;\n}\n\nexport type ButtonComponentProps = ButtonProps | ButtonLinkProps;\n\nconst styleKeys = ['variant', 'size', 'fullWidth', 'className'] as const;\n\nconst getClassName = ({\n  variant = 'default',\n  size = 'md',\n  fullWidth = false,\n  className,\n  disabled,\n}: ButtonStyleProps & { disabled?: boolean }) =>\n  cn(\n    'button',\n    className,\n    `button--${variant}`,\n    `button--${size}`,\n    when(fullWidth, 'button--full-width'),\n    when(disabled, 'button--disabled'),\n  );\n\nconst omitStyleProps = <T extends ButtonStyleProps>(\n  props: T,\n): Omit<T, (typeof styleKeys)[number]> => {\n  const next: Record<string, unknown> = {};\n  const skipped = new Set<string>(styleKeys);\n\n  for (const [key, value] of Object.entries(props)) {\n    if (!skipped.has(key)) next[key] = value;\n  }\n\n  return next as Omit<T, (typeof styleKeys)[number]>;\n};\n\nexport const Button = forwardRef<\n  HTMLButtonElement | HTMLAnchorElement,\n  ButtonComponentProps\n>(function Button(props, ref) {\n  const className = getClassName(props);\n  const { children, href, ...domProps } = omitStyleProps(props);\n\n  if (typeof href === 'string') {\n    return (\n      <a\n        ref={ref as Ref<HTMLAnchorElement>}\n        href={href}\n        className={className}\n        {...(domProps as AnchorHTMLAttributes<HTMLAnchorElement>)}\n      >\n        {children}\n      </a>\n    );\n  }\n\n  const {\n    type = 'button',\n    disabled,\n    onClick,\n    ...buttonProps\n  } = domProps as ButtonHTMLAttributes<HTMLButtonElement>;\n\n  const handleClick: MouseEventHandler<HTMLButtonElement> = event => {\n    if (disabled) return;\n    onClick?.(event);\n  };\n\n  return (\n    <button\n      ref={ref as Ref<HTMLButtonElement>}\n      className={className}\n      type={type}\n      disabled={disabled}\n      onClick={handleClick}\n      {...buttonProps}\n    >\n      {children}\n    </button>\n  );\n});\n"],"mappings":";;;;;AAqCA,MAAM,YAAY;CAAC;CAAW;CAAQ;CAAa;AAAW;AAE9D,MAAM,gBAAgB,EACpB,UAAU,WACV,OAAO,MACP,YAAY,OACZ,WACA,eAEA,GACE,UACA,WACA,WAAW,WACX,WAAW,QACX,KAAK,WAAW,oBAAoB,GACpC,KAAK,UAAU,kBAAkB,CACnC;AAEF,MAAM,kBACJ,UACwC;CACxC,MAAM,OAAgC,CAAC;CACvC,MAAM,UAAU,IAAI,IAAY,SAAS;CAEzC,KAAK,MAAM,CAAC,KAAK,UAAU,OAAO,QAAQ,KAAK,GAC7C,IAAI,CAAC,QAAQ,IAAI,GAAG,GAAG,KAAK,OAAO;CAGrC,OAAO;AACT;AAEA,MAAa,SAAS,WAGpB,SAAS,OAAO,OAAO,KAAK;CAC5B,MAAM,YAAY,aAAa,KAAK;CACpC,MAAM,EAAE,UAAU,MAAM,GAAG,aAAa,eAAe,KAAK;CAE5D,IAAI,OAAO,SAAS,UAClB,OACE,oBAAC,KAAD;EACO;EACC;EACK;EACX,GAAK;EAEJ;CACA,CAAA;CAIP,MAAM,EACJ,OAAO,UACP,UACA,SACA,GAAG,gBACD;CAEJ,MAAM,eAAoD,UAAS;EACjE,IAAI,UAAU;EACd,UAAU,KAAK;CACjB;CAEA,OACE,oBAAC,UAAD;EACO;EACM;EACL;EACI;EACV,SAAS;EACT,GAAI;EAEH;CACK,CAAA;AAEZ,CAAC"}
+{"version":3,"file":"button.js","names":[],"sources":["../../../src/components/button/button.tsx"],"sourcesContent":["import {\n  forwardRef,\n  type AnchorHTMLAttributes,\n  type ButtonHTMLAttributes,\n  type MouseEventHandler,\n  type ReactNode,\n  type Ref,\n} from 'react';\n\nimport { IconArrowLeft } from '../../icons/icon-arrow-left';\nimport { IconArrowRight } from '../../icons/icon-arrow-right';\nimport { IconSpinner } from '../../icons/icon-spinner';\nimport { cn, when } from '../../lib/cn';\nimport './button.scss';\n\nexport type ButtonVariant = 'default' | 'outline' | 'link';\nexport type ButtonSize = 'sm' | 'md' | 'lg';\nexport type ButtonIcon = 'back' | 'forward';\n\ninterface ButtonStyleProps {\n  variant?: ButtonVariant;\n  size?: ButtonSize;\n  fullWidth?: boolean;\n  icon?: ButtonIcon;\n  loading?: boolean;\n  className?: string;\n  children?: ReactNode;\n}\n\nexport interface ButtonProps\n  extends ButtonHTMLAttributes<HTMLButtonElement>, ButtonStyleProps {\n  href?: undefined;\n}\n\nexport interface ButtonLinkProps\n  extends\n    Omit<AnchorHTMLAttributes<HTMLAnchorElement>, 'href'>,\n    ButtonStyleProps {\n  href: string;\n}\n\nexport type ButtonComponentProps = ButtonProps | ButtonLinkProps;\n\nconst styleKeys = [\n  'variant',\n  'size',\n  'fullWidth',\n  'icon',\n  'loading',\n  'className',\n] as const;\n\nconst iconSize = {\n  sm: 16,\n  md: 20,\n  lg: 24,\n} as const;\n\nconst getClassName = ({\n  variant = 'default',\n  size = 'md',\n  fullWidth = false,\n  loading = false,\n  className,\n  disabled,\n}: ButtonStyleProps & { disabled?: boolean }) =>\n  cn(\n    'button',\n    className,\n    `button--${variant}`,\n    `button--${size}`,\n    when(fullWidth, 'button--full-width'),\n    when(disabled, 'button--disabled'),\n    when(loading, 'button--loading'),\n  );\n\nconst renderGlyph = (\n  icon: ButtonIcon | undefined,\n  loading: boolean | undefined,\n  size: ButtonSize,\n) => {\n  const px = iconSize[size];\n\n  if (loading) {\n    return (\n      <IconSpinner\n        className=\"button__icon button__icon--spin\"\n        width={px}\n        height={px}\n      />\n    );\n  }\n\n  if (icon === 'back') {\n    return <IconArrowLeft className=\"button__icon\" width={px} height={px} />;\n  }\n\n  if (icon === 'forward') {\n    return <IconArrowRight className=\"button__icon\" width={px} height={px} />;\n  }\n\n  return null;\n};\n\nconst omitStyleProps = <T extends ButtonStyleProps>(\n  props: T,\n): Omit<T, (typeof styleKeys)[number]> => {\n  const next: Record<string, unknown> = {};\n  const skipped = new Set<string>(styleKeys);\n\n  for (const [key, value] of Object.entries(props)) {\n    if (!skipped.has(key)) next[key] = value;\n  }\n\n  return next as Omit<T, (typeof styleKeys)[number]>;\n};\n\nexport const Button = forwardRef<\n  HTMLButtonElement | HTMLAnchorElement,\n  ButtonComponentProps\n>(function Button(props, ref) {\n  const size = props.size ?? 'md';\n  const { icon, loading } = props;\n  const className = getClassName(props);\n  const { children, href, ...domProps } = omitStyleProps(props);\n  const glyph = renderGlyph(icon, loading, size);\n  const before = icon !== 'forward';\n  const content = (\n    <>\n      {before ? glyph : null}\n      {children}\n      {before ? null : glyph}\n    </>\n  );\n\n  if (typeof href === 'string') {\n    const { onClick, ...anchorProps } =\n      domProps as AnchorHTMLAttributes<HTMLAnchorElement>;\n\n    const handleClick: MouseEventHandler<HTMLAnchorElement> = event => {\n      if (loading) {\n        event.preventDefault();\n        return;\n      }\n      onClick?.(event);\n    };\n\n    return (\n      <a\n        ref={ref as Ref<HTMLAnchorElement>}\n        href={href}\n        className={className}\n        {...anchorProps}\n        aria-busy={loading || undefined}\n        aria-disabled={loading || undefined}\n        onClick={handleClick}\n      >\n        {content}\n      </a>\n    );\n  }\n\n  const {\n    type = 'button',\n    disabled,\n    onClick,\n    ...buttonProps\n  } = domProps as ButtonHTMLAttributes<HTMLButtonElement>;\n\n  const handleClick: MouseEventHandler<HTMLButtonElement> = event => {\n    if (disabled || loading) return;\n    onClick?.(event);\n  };\n\n  return (\n    <button\n      ref={ref as Ref<HTMLButtonElement>}\n      className={className}\n      type={type}\n      disabled={disabled}\n      {...buttonProps}\n      aria-busy={loading || undefined}\n      onClick={handleClick}\n    >\n      {content}\n    </button>\n  );\n});\n"],"mappings":";;;;;;;;AA2CA,MAAM,YAAY;CAChB;CACA;CACA;CACA;CACA;CACA;AACF;AAEA,MAAM,WAAW;CACf,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;AAEA,MAAM,gBAAgB,EACpB,UAAU,WACV,OAAO,MACP,YAAY,OACZ,UAAU,OACV,WACA,eAEA,GACE,UACA,WACA,WAAW,WACX,WAAW,QACX,KAAK,WAAW,oBAAoB,GACpC,KAAK,UAAU,kBAAkB,GACjC,KAAK,SAAS,iBAAiB,CACjC;AAEF,MAAM,eACJ,MACA,SACA,SACG;CACH,MAAM,KAAK,SAAS;CAEpB,IAAI,SACF,OACE,oBAAC,aAAD;EACE,WAAU;EACV,OAAO;EACP,QAAQ;CACT,CAAA;CAIL,IAAI,SAAS,QACX,OAAO,oBAAC,eAAD;EAAe,WAAU;EAAe,OAAO;EAAI,QAAQ;CAAK,CAAA;CAGzE,IAAI,SAAS,WACX,OAAO,oBAAC,gBAAD;EAAgB,WAAU;EAAe,OAAO;EAAI,QAAQ;CAAK,CAAA;CAG1E,OAAO;AACT;AAEA,MAAM,kBACJ,UACwC;CACxC,MAAM,OAAgC,CAAC;CACvC,MAAM,UAAU,IAAI,IAAY,SAAS;CAEzC,KAAK,MAAM,CAAC,KAAK,UAAU,OAAO,QAAQ,KAAK,GAC7C,IAAI,CAAC,QAAQ,IAAI,GAAG,GAAG,KAAK,OAAO;CAGrC,OAAO;AACT;AAEA,MAAa,SAAS,WAGpB,SAAS,OAAO,OAAO,KAAK;CAC5B,MAAM,OAAO,MAAM,QAAQ;CAC3B,MAAM,EAAE,MAAM,YAAY;CAC1B,MAAM,YAAY,aAAa,KAAK;CACpC,MAAM,EAAE,UAAU,MAAM,GAAG,aAAa,eAAe,KAAK;CAC5D,MAAM,QAAQ,YAAY,MAAM,SAAS,IAAI;CAC7C,MAAM,SAAS,SAAS;CACxB,MAAM,UACJ,qBAAA,UAAA,EAAA,UAAA;EACG,SAAS,QAAQ;EACjB;EACA,SAAS,OAAO;CACjB,EAAA,CAAA;CAGJ,IAAI,OAAO,SAAS,UAAU;EAC5B,MAAM,EAAE,SAAS,GAAG,gBAClB;EAEF,MAAM,eAAoD,UAAS;GACjE,IAAI,SAAS;IACX,MAAM,eAAe;IACrB;GACF;GACA,UAAU,KAAK;EACjB;EAEA,OACE,oBAAC,KAAD;GACO;GACC;GACK;GACX,GAAI;GACJ,aAAW,WAAW,KAAA;GACtB,iBAAe,WAAW,KAAA;GAC1B,SAAS;GAER,UAAA;EACA,CAAA;CAEP;CAEA,MAAM,EACJ,OAAO,UACP,UACA,SACA,GAAG,gBACD;CAEJ,MAAM,eAAoD,UAAS;EACjE,IAAI,YAAY,SAAS;EACzB,UAAU,KAAK;CACjB;CAEA,OACE,oBAAC,UAAD;EACO;EACM;EACL;EACI;EACV,GAAI;EACJ,aAAW,WAAW,KAAA;EACtB,SAAS;EAER,UAAA;CACK,CAAA;AAEZ,CAAC"}

package/dist/components/button/button.scss

@@ -91,4 +91,28 @@
     pointer-events: none;
     user-select: none;
   }
+
+  &--loading {
+    cursor: progress;
+  }
+}
+
+.button__icon {
+  flex-shrink: 0;
+}
+
+.button__icon--spin {
+  animation: button-spin 0.8s linear infinite;
+}
+
+@keyframes button-spin {
+  to {
+    transform: rotate(360deg);
+  }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .button__icon--spin {
+    animation: none;
+  }
 }

package/dist/components/button/index.d.cts

@@ -1,2 +1,2 @@
-import { Button, ButtonComponentProps, ButtonLinkProps, ButtonProps, ButtonSize, ButtonVariant } from "./button.cjs";
-export { Button, type ButtonComponentProps, type ButtonLinkProps, type ButtonProps, type ButtonSize, type ButtonVariant };
+import { Button, ButtonComponentProps, ButtonIcon, ButtonLinkProps, ButtonProps, ButtonSize, ButtonVariant } from "./button.cjs";
+export { Button, type ButtonComponentProps, type ButtonIcon, type ButtonLinkProps, type ButtonProps, type ButtonSize, type ButtonVariant };

package/dist/components/button/index.d.ts

@@ -1,2 +1,2 @@
-import { Button, ButtonComponentProps, ButtonLinkProps, ButtonProps, ButtonSize, ButtonVariant } from "./button.js";
-export { Button, type ButtonComponentProps, type ButtonLinkProps, type ButtonProps, type ButtonSize, type ButtonVariant };
+import { Button, ButtonComponentProps, ButtonIcon, ButtonLinkProps, ButtonProps, ButtonSize, ButtonVariant } from "./button.js";
+export { Button, type ButtonComponentProps, type ButtonIcon, type ButtonLinkProps, type ButtonProps, type ButtonSize, type ButtonVariant };

package/dist/icons/control-mark-checkbox.cjs

@@ -0,0 +1,14 @@
+const require_svg = require("./svg.cjs");
+let react_jsx_runtime = require("react/jsx-runtime");
+// src/icons/control-mark-checkbox.tsx
+const ControlMarkCheckbox = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_svg.Svg, {
+	viewBox: "0 0 20 20",
+	width: 20,
+	height: 20,
+	fill: "currentColor",
+	...props,
+	children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M15.71,6.29c-0.39-0.39-1.02-0.39-1.41,0c-0.31,0.31-3.76,3.76-5.29,5.29c-0.81-0.81-2.01-2.01-2.29-2.29c-0.39-0.39-1.02-0.39-1.41,0c-0.39,0.39-0.39,1.02,0,1.41c0.39,0.39,2.61,2.61,3,3c0.39,0.39,1.02,0.39,1.41,0c0.39-0.39,5.61-5.61,6-6C16.1,7.32,16.1,6.68,15.71,6.29z" })
+});
+exports.ControlMarkCheckbox = ControlMarkCheckbox;
+
+//# sourceMappingURL=control-mark-checkbox.cjs.map

package/dist/icons/control-mark-checkbox.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"control-mark-checkbox.cjs","names":["Svg"],"sources":["../../src/icons/control-mark-checkbox.tsx"],"sourcesContent":["// Generated by scripts/build-icons.mjs. Do not edit.\nimport { Svg, type IconProps } from './svg';\n\nexport const ControlMarkCheckbox = (props: IconProps) => (\n  <Svg\n    viewBox=\"0 0 20 20\"\n    width={20}\n    height={20}\n    fill=\"currentColor\"\n    {...props}\n  >\n    <path d=\"M15.71,6.29c-0.39-0.39-1.02-0.39-1.41,0c-0.31,0.31-3.76,3.76-5.29,5.29c-0.81-0.81-2.01-2.01-2.29-2.29c-0.39-0.39-1.02-0.39-1.41,0c-0.39,0.39-0.39,1.02,0,1.41c0.39,0.39,2.61,2.61,3,3c0.39,0.39,1.02,0.39,1.41,0c0.39-0.39,5.61-5.61,6-6C16.1,7.32,16.1,6.68,15.71,6.29z\" />\n  </Svg>\n);\n"],"mappings":";;;AAGA,MAAa,uBAAuB,UAClC,iBAAA,GAAA,kBAAA,IAAA,CAACA,YAAAA,KAAD;CACE,SAAQ;CACR,OAAO;CACP,QAAQ;CACR,MAAK;CACL,GAAI;CAEJ,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD,EAAM,GAAE,2QAA4Q,CAAA;AACjR,CAAA"}

package/dist/icons/control-mark-checkbox.d.cts

@@ -0,0 +1,3 @@
+import { IconProps } from "./svg.cjs";
+export declare const ControlMarkCheckbox: (props: IconProps) => import("react").JSX.Element;
+//# sourceMappingURL=control-mark-checkbox.d.cts.map

package/dist/icons/control-mark-checkbox.d.ts

@@ -0,0 +1,3 @@
+import { IconProps } from "./svg.js";
+export declare const ControlMarkCheckbox: (props: IconProps) => import("react").JSX.Element;
+//# sourceMappingURL=control-mark-checkbox.d.ts.map

package/dist/icons/control-mark-checkbox.js

@@ -0,0 +1,14 @@
+import { Svg } from "./svg.js";
+import { jsx } from "react/jsx-runtime";
+// src/icons/control-mark-checkbox.tsx
+const ControlMarkCheckbox = (props) => /* @__PURE__ */ jsx(Svg, {
+	viewBox: "0 0 20 20",
+	width: 20,
+	height: 20,
+	fill: "currentColor",
+	...props,
+	children: /* @__PURE__ */ jsx("path", { d: "M15.71,6.29c-0.39-0.39-1.02-0.39-1.41,0c-0.31,0.31-3.76,3.76-5.29,5.29c-0.81-0.81-2.01-2.01-2.29-2.29c-0.39-0.39-1.02-0.39-1.41,0c-0.39,0.39-0.39,1.02,0,1.41c0.39,0.39,2.61,2.61,3,3c0.39,0.39,1.02,0.39,1.41,0c0.39-0.39,5.61-5.61,6-6C16.1,7.32,16.1,6.68,15.71,6.29z" })
+});
+export { ControlMarkCheckbox };
+
+//# sourceMappingURL=control-mark-checkbox.js.map

package/dist/icons/control-mark-checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"control-mark-checkbox.js","names":[],"sources":["../../src/icons/control-mark-checkbox.tsx"],"sourcesContent":["// Generated by scripts/build-icons.mjs. Do not edit.\nimport { Svg, type IconProps } from './svg';\n\nexport const ControlMarkCheckbox = (props: IconProps) => (\n  <Svg\n    viewBox=\"0 0 20 20\"\n    width={20}\n    height={20}\n    fill=\"currentColor\"\n    {...props}\n  >\n    <path d=\"M15.71,6.29c-0.39-0.39-1.02-0.39-1.41,0c-0.31,0.31-3.76,3.76-5.29,5.29c-0.81-0.81-2.01-2.01-2.29-2.29c-0.39-0.39-1.02-0.39-1.41,0c-0.39,0.39-0.39,1.02,0,1.41c0.39,0.39,2.61,2.61,3,3c0.39,0.39,1.02,0.39,1.41,0c0.39-0.39,5.61-5.61,6-6C16.1,7.32,16.1,6.68,15.71,6.29z\" />\n  </Svg>\n);\n"],"mappings":";;;AAGA,MAAa,uBAAuB,UAClC,oBAAC,KAAD;CACE,SAAQ;CACR,OAAO;CACP,QAAQ;CACR,MAAK;CACL,GAAI;CAEJ,UAAA,oBAAC,QAAD,EAAM,GAAE,2QAA4Q,CAAA;AACjR,CAAA"}

package/dist/icons/control-mark-radiobutton.cjs

@@ -0,0 +1,18 @@
+const require_svg = require("./svg.cjs");
+let react_jsx_runtime = require("react/jsx-runtime");
+// src/icons/control-mark-radiobutton.tsx
+const ControlMarkRadiobutton = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_svg.Svg, {
+	viewBox: "0 0 20 20",
+	width: 20,
+	height: 20,
+	fill: "currentColor",
+	...props,
+	children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("circle", {
+		cx: "10",
+		cy: "10",
+		r: "3"
+	})
+});
+exports.ControlMarkRadiobutton = ControlMarkRadiobutton;
+
+//# sourceMappingURL=control-mark-radiobutton.cjs.map

package/dist/icons/control-mark-radiobutton.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"control-mark-radiobutton.cjs","names":["Svg"],"sources":["../../src/icons/control-mark-radiobutton.tsx"],"sourcesContent":["// Generated by scripts/build-icons.mjs. Do not edit.\nimport { Svg, type IconProps } from './svg';\n\nexport const ControlMarkRadiobutton = (props: IconProps) => (\n  <Svg\n    viewBox=\"0 0 20 20\"\n    width={20}\n    height={20}\n    fill=\"currentColor\"\n    {...props}\n  >\n    <circle cx=\"10\" cy=\"10\" r=\"3\" />\n  </Svg>\n);\n"],"mappings":";;;AAGA,MAAa,0BAA0B,UACrC,iBAAA,GAAA,kBAAA,IAAA,CAACA,YAAAA,KAAD;CACE,SAAQ;CACR,OAAO;CACP,QAAQ;CACR,MAAK;CACL,GAAI;CAEJ,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAAC,UAAD;EAAQ,IAAG;EAAK,IAAG;EAAK,GAAE;CAAK,CAAA;AAC5B,CAAA"}

package/dist/icons/control-mark-radiobutton.d.cts

@@ -0,0 +1,3 @@
+import { IconProps } from "./svg.cjs";
+export declare const ControlMarkRadiobutton: (props: IconProps) => import("react").JSX.Element;
+//# sourceMappingURL=control-mark-radiobutton.d.cts.map

package/dist/icons/control-mark-radiobutton.d.ts

@@ -0,0 +1,3 @@
+import { IconProps } from "./svg.js";
+export declare const ControlMarkRadiobutton: (props: IconProps) => import("react").JSX.Element;
+//# sourceMappingURL=control-mark-radiobutton.d.ts.map

package/dist/icons/control-mark-radiobutton.js

@@ -0,0 +1,18 @@
+import { Svg } from "./svg.js";
+import { jsx } from "react/jsx-runtime";
+// src/icons/control-mark-radiobutton.tsx
+const ControlMarkRadiobutton = (props) => /* @__PURE__ */ jsx(Svg, {
+	viewBox: "0 0 20 20",
+	width: 20,
+	height: 20,
+	fill: "currentColor",
+	...props,
+	children: /* @__PURE__ */ jsx("circle", {
+		cx: "10",
+		cy: "10",
+		r: "3"
+	})
+});
+export { ControlMarkRadiobutton };
+
+//# sourceMappingURL=control-mark-radiobutton.js.map

package/dist/icons/control-mark-radiobutton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"control-mark-radiobutton.js","names":[],"sources":["../../src/icons/control-mark-radiobutton.tsx"],"sourcesContent":["// Generated by scripts/build-icons.mjs. Do not edit.\nimport { Svg, type IconProps } from './svg';\n\nexport const ControlMarkRadiobutton = (props: IconProps) => (\n  <Svg\n    viewBox=\"0 0 20 20\"\n    width={20}\n    height={20}\n    fill=\"currentColor\"\n    {...props}\n  >\n    <circle cx=\"10\" cy=\"10\" r=\"3\" />\n  </Svg>\n);\n"],"mappings":";;;AAGA,MAAa,0BAA0B,UACrC,oBAAC,KAAD;CACE,SAAQ;CACR,OAAO;CACP,QAAQ;CACR,MAAK;CACL,GAAI;CAEJ,UAAA,oBAAC,UAAD;EAAQ,IAAG;EAAK,IAAG;EAAK,GAAE;CAAK,CAAA;AAC5B,CAAA"}

package/dist/icons/icon-adult.cjs

@@ -0,0 +1,14 @@
+const require_svg = require("./svg.cjs");
+let react_jsx_runtime = require("react/jsx-runtime");
+// src/icons/icon-adult.tsx
+const IconAdult = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_svg.Svg, {
+	viewBox: "0 0 20 20",
+	width: 20,
+	height: 20,
+	fill: "currentColor",
+	...props,
+	children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M4.4,4.1C4,3.9,3.6,4,3.3,4.3l-1,1c-0.4,0.4-0.4,1,0,1.4C2.5,6.9,2.7,7,3,7v8c0,0.6,0.4,1,1,1s1-0.4,1-1V5C5,4.6,4.8,4.2,4.4,4.1z M9,4C7.3,4,6,5.3,6,7v1c0,0.8,0.3,1.5,0.8,2C6.3,10.5,6,11.2,6,12v1c0,1.7,1.3,3,3,3s3-1.3,3-3v-1c0-0.8-0.3-1.5-0.8-2C11.7,9.5,12,8.8,12,8V7C12,5.3,10.7,4,9,4z M10,13c0,0.6-0.4,1-1,1s-1-0.4-1-1v-1c0-0.6,0.4-1,1-1s1,0.4,1,1V13z M10,8c0,0.6-0.4,1-1,1S8,8.6,8,8V7c0-0.6,0.4-1,1-1s1,0.4,1,1V8z M18,9h-1V8c0-0.6-0.4-1-1-1s-1,0.4-1,1v1h-1c-0.6,0-1,0.4-1,1s0.4,1,1,1h1v1c0,0.6,0.4,1,1,1s1-0.4,1-1v-1h1c0.6,0,1-0.4,1-1S18.6,9,18,9z" })
+});
+exports.IconAdult = IconAdult;
+
+//# sourceMappingURL=icon-adult.cjs.map

package/dist/icons/icon-adult.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-adult.cjs","names":["Svg"],"sources":["../../src/icons/icon-adult.tsx"],"sourcesContent":["// Generated by scripts/build-icons.mjs. Do not edit.\nimport { Svg, type IconProps } from './svg';\n\nexport const IconAdult = (props: IconProps) => (\n  <Svg\n    viewBox=\"0 0 20 20\"\n    width={20}\n    height={20}\n    fill=\"currentColor\"\n    {...props}\n  >\n    <path d=\"M4.4,4.1C4,3.9,3.6,4,3.3,4.3l-1,1c-0.4,0.4-0.4,1,0,1.4C2.5,6.9,2.7,7,3,7v8c0,0.6,0.4,1,1,1s1-0.4,1-1V5C5,4.6,4.8,4.2,4.4,4.1z M9,4C7.3,4,6,5.3,6,7v1c0,0.8,0.3,1.5,0.8,2C6.3,10.5,6,11.2,6,12v1c0,1.7,1.3,3,3,3s3-1.3,3-3v-1c0-0.8-0.3-1.5-0.8-2C11.7,9.5,12,8.8,12,8V7C12,5.3,10.7,4,9,4z M10,13c0,0.6-0.4,1-1,1s-1-0.4-1-1v-1c0-0.6,0.4-1,1-1s1,0.4,1,1V13z M10,8c0,0.6-0.4,1-1,1S8,8.6,8,8V7c0-0.6,0.4-1,1-1s1,0.4,1,1V8z M18,9h-1V8c0-0.6-0.4-1-1-1s-1,0.4-1,1v1h-1c-0.6,0-1,0.4-1,1s0.4,1,1,1h1v1c0,0.6,0.4,1,1,1s1-0.4,1-1v-1h1c0.6,0,1-0.4,1-1S18.6,9,18,9z\" />\n  </Svg>\n);\n"],"mappings":";;;AAGA,MAAa,aAAa,UACxB,iBAAA,GAAA,kBAAA,IAAA,CAACA,YAAAA,KAAD;CACE,SAAQ;CACR,OAAO;CACP,QAAQ;CACR,MAAK;CACL,GAAI;CAEJ,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD,EAAM,GAAE,qiBAAsiB,CAAA;AAC3iB,CAAA"}

package/dist/icons/icon-adult.d.cts

@@ -0,0 +1,3 @@
+import { IconProps } from "./svg.cjs";
+export declare const IconAdult: (props: IconProps) => import("react").JSX.Element;
+//# sourceMappingURL=icon-adult.d.cts.map

package/dist/icons/icon-adult.d.ts

@@ -0,0 +1,3 @@
+import { IconProps } from "./svg.js";
+export declare const IconAdult: (props: IconProps) => import("react").JSX.Element;
+//# sourceMappingURL=icon-adult.d.ts.map

package/dist/icons/icon-adult.js

@@ -0,0 +1,14 @@
+import { Svg } from "./svg.js";
+import { jsx } from "react/jsx-runtime";
+// src/icons/icon-adult.tsx
+const IconAdult = (props) => /* @__PURE__ */ jsx(Svg, {
+	viewBox: "0 0 20 20",
+	width: 20,
+	height: 20,
+	fill: "currentColor",
+	...props,
+	children: /* @__PURE__ */ jsx("path", { d: "M4.4,4.1C4,3.9,3.6,4,3.3,4.3l-1,1c-0.4,0.4-0.4,1,0,1.4C2.5,6.9,2.7,7,3,7v8c0,0.6,0.4,1,1,1s1-0.4,1-1V5C5,4.6,4.8,4.2,4.4,4.1z M9,4C7.3,4,6,5.3,6,7v1c0,0.8,0.3,1.5,0.8,2C6.3,10.5,6,11.2,6,12v1c0,1.7,1.3,3,3,3s3-1.3,3-3v-1c0-0.8-0.3-1.5-0.8-2C11.7,9.5,12,8.8,12,8V7C12,5.3,10.7,4,9,4z M10,13c0,0.6-0.4,1-1,1s-1-0.4-1-1v-1c0-0.6,0.4-1,1-1s1,0.4,1,1V13z M10,8c0,0.6-0.4,1-1,1S8,8.6,8,8V7c0-0.6,0.4-1,1-1s1,0.4,1,1V8z M18,9h-1V8c0-0.6-0.4-1-1-1s-1,0.4-1,1v1h-1c-0.6,0-1,0.4-1,1s0.4,1,1,1h1v1c0,0.6,0.4,1,1,1s1-0.4,1-1v-1h1c0.6,0,1-0.4,1-1S18.6,9,18,9z" })
+});
+export { IconAdult };
+
+//# sourceMappingURL=icon-adult.js.map

package/dist/icons/icon-adult.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-adult.js","names":[],"sources":["../../src/icons/icon-adult.tsx"],"sourcesContent":["// Generated by scripts/build-icons.mjs. Do not edit.\nimport { Svg, type IconProps } from './svg';\n\nexport const IconAdult = (props: IconProps) => (\n  <Svg\n    viewBox=\"0 0 20 20\"\n    width={20}\n    height={20}\n    fill=\"currentColor\"\n    {...props}\n  >\n    <path d=\"M4.4,4.1C4,3.9,3.6,4,3.3,4.3l-1,1c-0.4,0.4-0.4,1,0,1.4C2.5,6.9,2.7,7,3,7v8c0,0.6,0.4,1,1,1s1-0.4,1-1V5C5,4.6,4.8,4.2,4.4,4.1z M9,4C7.3,4,6,5.3,6,7v1c0,0.8,0.3,1.5,0.8,2C6.3,10.5,6,11.2,6,12v1c0,1.7,1.3,3,3,3s3-1.3,3-3v-1c0-0.8-0.3-1.5-0.8-2C11.7,9.5,12,8.8,12,8V7C12,5.3,10.7,4,9,4z M10,13c0,0.6-0.4,1-1,1s-1-0.4-1-1v-1c0-0.6,0.4-1,1-1s1,0.4,1,1V13z M10,8c0,0.6-0.4,1-1,1S8,8.6,8,8V7c0-0.6,0.4-1,1-1s1,0.4,1,1V8z M18,9h-1V8c0-0.6-0.4-1-1-1s-1,0.4-1,1v1h-1c-0.6,0-1,0.4-1,1s0.4,1,1,1h1v1c0,0.6,0.4,1,1,1s1-0.4,1-1v-1h1c0.6,0,1-0.4,1-1S18.6,9,18,9z\" />\n  </Svg>\n);\n"],"mappings":";;;AAGA,MAAa,aAAa,UACxB,oBAAC,KAAD;CACE,SAAQ;CACR,OAAO;CACP,QAAQ;CACR,MAAK;CACL,GAAI;CAEJ,UAAA,oBAAC,QAAD,EAAM,GAAE,qiBAAsiB,CAAA;AAC3iB,CAAA"}

package/dist/icons/icon-arrow-down.cjs

@@ -0,0 +1,14 @@
+const require_svg = require("./svg.cjs");
+let react_jsx_runtime = require("react/jsx-runtime");
+// src/icons/icon-arrow-down.tsx
+const IconArrowDown = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_svg.Svg, {
+	viewBox: "0 0 20 20",
+	width: 20,
+	height: 20,
+	fill: "currentColor",
+	...props,
+	children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M9,4v9.586c-0.578-0.578-1.118-1.117-1.292-1.293c-0.391-0.391-1.024-0.391-1.415,0s-0.391,1.023,0,1.414l3,3c0.39,0.391,1.023,0.391,1.414,0l3-3c0.391-0.391,0.391-1.023,0-1.414s-1.023-0.391-1.414,0c-0.175,0.176-0.715,0.715-1.293,1.293V4c0-0.553-0.448-1-1-1S9,3.448,9,4z" })
+});
+exports.IconArrowDown = IconArrowDown;
+
+//# sourceMappingURL=icon-arrow-down.cjs.map

package/dist/icons/icon-arrow-down.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-arrow-down.cjs","names":["Svg"],"sources":["../../src/icons/icon-arrow-down.tsx"],"sourcesContent":["// Generated by scripts/build-icons.mjs. Do not edit.\nimport { Svg, type IconProps } from './svg';\n\nexport const IconArrowDown = (props: IconProps) => (\n  <Svg\n    viewBox=\"0 0 20 20\"\n    width={20}\n    height={20}\n    fill=\"currentColor\"\n    {...props}\n  >\n    <path d=\"M9,4v9.586c-0.578-0.578-1.118-1.117-1.292-1.293c-0.391-0.391-1.024-0.391-1.415,0s-0.391,1.023,0,1.414l3,3c0.39,0.391,1.023,0.391,1.414,0l3-3c0.391-0.391,0.391-1.023,0-1.414s-1.023-0.391-1.414,0c-0.175,0.176-0.715,0.715-1.293,1.293V4c0-0.553-0.448-1-1-1S9,3.448,9,4z\" />\n  </Svg>\n);\n"],"mappings":";;;AAGA,MAAa,iBAAiB,UAC5B,iBAAA,GAAA,kBAAA,IAAA,CAACA,YAAAA,KAAD;CACE,SAAQ;CACR,OAAO;CACP,QAAQ;CACR,MAAK;CACL,GAAI;CAEJ,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD,EAAM,GAAE,4QAA6Q,CAAA;AAClR,CAAA"}

package/dist/icons/icon-arrow-down.d.cts

@@ -0,0 +1,3 @@
+import { IconProps } from "./svg.cjs";
+export declare const IconArrowDown: (props: IconProps) => import("react").JSX.Element;
+//# sourceMappingURL=icon-arrow-down.d.cts.map

package/dist/icons/icon-arrow-down.d.ts

@@ -0,0 +1,3 @@
+import { IconProps } from "./svg.js";
+export declare const IconArrowDown: (props: IconProps) => import("react").JSX.Element;
+//# sourceMappingURL=icon-arrow-down.d.ts.map

package/dist/icons/icon-arrow-down.js

@@ -0,0 +1,14 @@
+import { Svg } from "./svg.js";
+import { jsx } from "react/jsx-runtime";
+// src/icons/icon-arrow-down.tsx
+const IconArrowDown = (props) => /* @__PURE__ */ jsx(Svg, {
+	viewBox: "0 0 20 20",
+	width: 20,
+	height: 20,
+	fill: "currentColor",
+	...props,
+	children: /* @__PURE__ */ jsx("path", { d: "M9,4v9.586c-0.578-0.578-1.118-1.117-1.292-1.293c-0.391-0.391-1.024-0.391-1.415,0s-0.391,1.023,0,1.414l3,3c0.39,0.391,1.023,0.391,1.414,0l3-3c0.391-0.391,0.391-1.023,0-1.414s-1.023-0.391-1.414,0c-0.175,0.176-0.715,0.715-1.293,1.293V4c0-0.553-0.448-1-1-1S9,3.448,9,4z" })
+});
+export { IconArrowDown };
+
+//# sourceMappingURL=icon-arrow-down.js.map

package/dist/icons/icon-arrow-down.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-arrow-down.js","names":[],"sources":["../../src/icons/icon-arrow-down.tsx"],"sourcesContent":["// Generated by scripts/build-icons.mjs. Do not edit.\nimport { Svg, type IconProps } from './svg';\n\nexport const IconArrowDown = (props: IconProps) => (\n  <Svg\n    viewBox=\"0 0 20 20\"\n    width={20}\n    height={20}\n    fill=\"currentColor\"\n    {...props}\n  >\n    <path d=\"M9,4v9.586c-0.578-0.578-1.118-1.117-1.292-1.293c-0.391-0.391-1.024-0.391-1.415,0s-0.391,1.023,0,1.414l3,3c0.39,0.391,1.023,0.391,1.414,0l3-3c0.391-0.391,0.391-1.023,0-1.414s-1.023-0.391-1.414,0c-0.175,0.176-0.715,0.715-1.293,1.293V4c0-0.553-0.448-1-1-1S9,3.448,9,4z\" />\n  </Svg>\n);\n"],"mappings":";;;AAGA,MAAa,iBAAiB,UAC5B,oBAAC,KAAD;CACE,SAAQ;CACR,OAAO;CACP,QAAQ;CACR,MAAK;CACL,GAAI;CAEJ,UAAA,oBAAC,QAAD,EAAM,GAAE,4QAA6Q,CAAA;AAClR,CAAA"}

package/dist/icons/icon-arrow-left.cjs

@@ -0,0 +1,14 @@
+const require_svg = require("./svg.cjs");
+let react_jsx_runtime = require("react/jsx-runtime");
+// src/icons/icon-arrow-left.tsx
+const IconArrowLeft = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_svg.Svg, {
+	viewBox: "0 0 20 20",
+	width: 20,
+	height: 20,
+	fill: "currentColor",
+	...props,
+	children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M16,9H6.414c0.578-0.578,1.118-1.118,1.293-1.292c0.391-0.391,0.391-1.024,0-1.415s-1.023-0.391-1.414,0l-3,3c-0.391,0.39-0.391,1.023,0,1.414l3,3c0.391,0.391,1.023,0.391,1.414,0s0.391-1.023,0-1.414C7.532,12.119,6.992,11.579,6.414,11H16c0.553,0,1-0.448,1-1S16.553,9,16,9z" })
+});
+exports.IconArrowLeft = IconArrowLeft;
+
+//# sourceMappingURL=icon-arrow-left.cjs.map

package/dist/icons/icon-arrow-left.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-arrow-left.cjs","names":["Svg"],"sources":["../../src/icons/icon-arrow-left.tsx"],"sourcesContent":["// Generated by scripts/build-icons.mjs. Do not edit.\nimport { Svg, type IconProps } from './svg';\n\nexport const IconArrowLeft = (props: IconProps) => (\n  <Svg\n    viewBox=\"0 0 20 20\"\n    width={20}\n    height={20}\n    fill=\"currentColor\"\n    {...props}\n  >\n    <path d=\"M16,9H6.414c0.578-0.578,1.118-1.118,1.293-1.292c0.391-0.391,0.391-1.024,0-1.415s-1.023-0.391-1.414,0l-3,3c-0.391,0.39-0.391,1.023,0,1.414l3,3c0.391,0.391,1.023,0.391,1.414,0s0.391-1.023,0-1.414C7.532,12.119,6.992,11.579,6.414,11H16c0.553,0,1-0.448,1-1S16.553,9,16,9z\" />\n  </Svg>\n);\n"],"mappings":";;;AAGA,MAAa,iBAAiB,UAC5B,iBAAA,GAAA,kBAAA,IAAA,CAACA,YAAAA,KAAD;CACE,SAAQ;CACR,OAAO;CACP,QAAQ;CACR,MAAK;CACL,GAAI;CAEJ,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD,EAAM,GAAE,6QAA8Q,CAAA;AACnR,CAAA"}

package/dist/icons/icon-arrow-left.d.cts

@@ -0,0 +1,3 @@
+import { IconProps } from "./svg.cjs";
+export declare const IconArrowLeft: (props: IconProps) => import("react").JSX.Element;
+//# sourceMappingURL=icon-arrow-left.d.cts.map