@de-kit/st-ui 0.1.2 → 0.1.4

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,8 +52,22 @@ import {
 <Button size="sm">Маленькая</Button>
 <Button size="lg">Крупная</Button>
 <Button fullWidth>Дальше</Button>
+<Button>
+  <IconArrowLeft width={20} height={20} />
+  Назад
+</Button>
+<Button>
+  Дальше
+  <IconArrowRight width={20} height={20} />
+</Button>
+<Button>
+  <IconSpinner className="button__icon--spin" width={20} height={20} />
+  Сохранение
+</Button>
 ```
 
+Иконка — обычный `children`, слева или справа, какой набор нужен. Класс `button__icon--spin` крутит спиннер.
+
 | Prop        | По умолчанию |                                                    |
 | ----------- | ------------ | -------------------------------------------------- |
 | `variant`   | `default`    | `default` заливка, `outline` обводка, `link` текст |

package/dist/components/button/button.cjs

@@ -9,7 +9,7 @@ const styleKeys = [
 	"fullWidth",
 	"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 getClassName = ({ variant = "default", size = "md", fullWidth = false, className, disabled }) => require_cn.cn("button", className, require_cn.when(variant !== "default", `button--${variant}`), require_cn.when(size !== "md", `button--${size}`), require_cn.when(fullWidth, "button--full-width"), require_cn.when(disabled, "button--disabled"));
 const omitStyleProps = (props) => {
 	const next = {};
 	const skipped = new Set(styleKeys);

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","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    when(variant !== 'default', `button--${variant}`),\n    when(size !== 'md', `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,WACAC,WAAAA,KAAK,YAAY,WAAW,WAAW,SAAS,GAChDA,WAAAA,KAAK,SAAS,MAAM,WAAW,MAAM,GACrCA,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"}

package/dist/components/button/button.js

@@ -9,7 +9,7 @@ const styleKeys = [
 	"fullWidth",
 	"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 getClassName = ({ variant = "default", size = "md", fullWidth = false, className, disabled }) => cn("button", className, when(variant !== "default", `button--${variant}`), when(size !== "md", `button--${size}`), when(fullWidth, "button--full-width"), when(disabled, "button--disabled"));
 const omitStyleProps = (props) => {
 	const next = {};
 	const skipped = new Set(styleKeys);

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 { 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    when(variant !== 'default', `button--${variant}`),\n    when(size !== 'md', `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,KAAK,YAAY,WAAW,WAAW,SAAS,GAChD,KAAK,SAAS,MAAM,WAAW,MAAM,GACrC,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"}

package/dist/components/button/button.scss

@@ -3,7 +3,7 @@
   width: fit-content;
   display: flex;
   align-items: center;
-  padding: 10px 18px;
+  padding: 10px 20px;
   border-radius: 30px;
   font-size: 14px;
   line-height: 20px;
@@ -22,14 +22,14 @@
   &:active {
     background-color: var(--color-neutral-200);
     color: var(--color-neutral-500);
-    fill: var(--color-neutral-500);
+    fill: currentColor;
     border-color: var(--color-neutral-200);
   }
 
   &:disabled {
     background-color: var(--color-neutral-200);
     color: var(--color-neutral-500);
-    fill: var(--color-neutral-500);
+    fill: currentColor;
     border-color: var(--color-neutral-200);
     cursor: default;
     pointer-events: none;
@@ -39,46 +39,25 @@
   &--outline {
     background-color: transparent;
     color: var(--color-black);
-    fill: var(--color-black);
+    fill: currentColor;
     border: 2px solid var(--color-black);
 
     &:disabled {
       background-color: transparent;
-      border: 2px solid var(--color-black);
     }
   }
-
-  &--sm {
-    padding: 6px 12px;
-    font-size: 12px;
-    line-height: 16px;
-  }
-
-  &--lg {
-    padding: 14px 24px;
-    font-size: 16px;
-    line-height: 24px;
-  }
-
-  &--full-width {
-    width: 100%;
-    justify-content: center;
-  }
-
+  
   &--link {
     border: none;
     background-color: transparent;
     color: var(--color-black);
-    fill: var(--color-black);
+    fill: currentColor;
     border-radius: 0;
     padding: 0;
-    font-weight: 400;
 
     &:active,
     &:disabled {
       background-color: transparent;
-      color: rgba(0, 0, 0, 0.5);
-      fill: rgba(0, 0, 0, 0.5);
     }
   }
 
@@ -91,4 +70,41 @@
     pointer-events: none;
     user-select: none;
   }
+
+  &--sm {
+    padding: 6px 12px;
+    font-size: 12px;
+    line-height: 16px;
+  }
+
+  &--lg {
+    padding: 14px 24px;
+    font-size: 16px;
+    line-height: 24px;
+  }
+
+  &--full-width {
+    width: 100%;
+    justify-content: center;
+  }
+
+  svg {
+    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/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

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

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

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

@@ -0,0 +1,14 @@
+import { Svg } from "./svg.js";
+import { jsx } from "react/jsx-runtime";
+// src/icons/icon-arrow-left.tsx
+const IconArrowLeft = (props) => /* @__PURE__ */ jsx(Svg, {
+	viewBox: "0 0 20 20",
+	width: 20,
+	height: 20,
+	fill: "currentColor",
+	...props,
+	children: /* @__PURE__ */ 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" })
+});
+export { IconArrowLeft };
+
+//# sourceMappingURL=icon-arrow-left.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"icon-arrow-left.js","names":[],"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,oBAAC,KAAD;CACE,SAAQ;CACR,OAAO;CACP,QAAQ;CACR,MAAK;CACL,GAAI;CAEJ,UAAA,oBAAC,QAAD,EAAM,GAAE,6QAA8Q,CAAA;AACnR,CAAA"}

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

@@ -0,0 +1,14 @@
+const require_svg = require("./svg.cjs");
+let react_jsx_runtime = require("react/jsx-runtime");
+// src/icons/icon-arrow-right.tsx
+const IconArrowRight = (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,9h9.586c-0.578-0.578-1.117-1.118-1.293-1.292c-0.391-0.391-0.391-1.024,0-1.415s1.023-0.391,1.414,0l3,3c0.391,0.39,0.391,1.023,0,1.414l-3,3c-0.391,0.391-1.023,0.391-1.414,0s-0.391-1.023,0-1.414c0.176-0.175,0.715-0.715,1.293-1.293H4c-0.553,0-1-0.448-1-1S3.447,9,4,9z" })
+});
+exports.IconArrowRight = IconArrowRight;
+
+//# sourceMappingURL=icon-arrow-right.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"icon-arrow-right.cjs","names":["Svg"],"sources":["../../src/icons/icon-arrow-right.tsx"],"sourcesContent":["// Generated by scripts/build-icons.mjs. Do not edit.\nimport { Svg, type IconProps } from './svg';\n\nexport const IconArrowRight = (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,9h9.586c-0.578-0.578-1.117-1.118-1.293-1.292c-0.391-0.391-0.391-1.024,0-1.415s1.023-0.391,1.414,0l3,3c0.391,0.39,0.391,1.023,0,1.414l-3,3c-0.391,0.391-1.023,0.391-1.414,0s-0.391-1.023,0-1.414c0.176-0.175,0.715-0.715,1.293-1.293H4c-0.553,0-1-0.448-1-1S3.447,9,4,9z\" />\n  </Svg>\n);\n"],"mappings":";;;AAGA,MAAa,kBAAkB,UAC7B,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-right.d.cts

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

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

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

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

@@ -0,0 +1,14 @@
+import { Svg } from "./svg.js";
+import { jsx } from "react/jsx-runtime";
+// src/icons/icon-arrow-right.tsx
+const IconArrowRight = (props) => /* @__PURE__ */ jsx(Svg, {
+	viewBox: "0 0 20 20",
+	width: 20,
+	height: 20,
+	fill: "currentColor",
+	...props,
+	children: /* @__PURE__ */ jsx("path", { d: "M4,9h9.586c-0.578-0.578-1.117-1.118-1.293-1.292c-0.391-0.391-0.391-1.024,0-1.415s1.023-0.391,1.414,0l3,3c0.391,0.39,0.391,1.023,0,1.414l-3,3c-0.391,0.391-1.023,0.391-1.414,0s-0.391-1.023,0-1.414c0.176-0.175,0.715-0.715,1.293-1.293H4c-0.553,0-1-0.448-1-1S3.447,9,4,9z" })
+});
+export { IconArrowRight };
+
+//# sourceMappingURL=icon-arrow-right.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"icon-arrow-right.js","names":[],"sources":["../../src/icons/icon-arrow-right.tsx"],"sourcesContent":["// Generated by scripts/build-icons.mjs. Do not edit.\nimport { Svg, type IconProps } from './svg';\n\nexport const IconArrowRight = (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,9h9.586c-0.578-0.578-1.117-1.118-1.293-1.292c-0.391-0.391-0.391-1.024,0-1.415s1.023-0.391,1.414,0l3,3c0.391,0.39,0.391,1.023,0,1.414l-3,3c-0.391,0.391-1.023,0.391-1.414,0s-0.391-1.023,0-1.414c0.176-0.175,0.715-0.715,1.293-1.293H4c-0.553,0-1-0.448-1-1S3.447,9,4,9z\" />\n  </Svg>\n);\n"],"mappings":";;;AAGA,MAAa,kBAAkB,UAC7B,oBAAC,KAAD;CACE,SAAQ;CACR,OAAO;CACP,QAAQ;CACR,MAAK;CACL,GAAI;CAEJ,UAAA,oBAAC,QAAD,EAAM,GAAE,6QAA8Q,CAAA;AACnR,CAAA"}

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

@@ -0,0 +1,14 @@
+const require_svg = require("./svg.cjs");
+let react_jsx_runtime = require("react/jsx-runtime");
+// src/icons/icon-arrow-up.tsx
+const IconArrowUp = (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,16V6.415C8.422,6.993,7.882,7.532,7.708,7.708c-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,0C12.118,7.532,11.578,6.993,11,6.415V16c0,0.553-0.448,1-1,1S9,16.553,9,16z" })
+});
+exports.IconArrowUp = IconArrowUp;
+
+//# sourceMappingURL=icon-arrow-up.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"icon-arrow-up.cjs","names":["Svg"],"sources":["../../src/icons/icon-arrow-up.tsx"],"sourcesContent":["// Generated by scripts/build-icons.mjs. Do not edit.\nimport { Svg, type IconProps } from './svg';\n\nexport const IconArrowUp = (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,16V6.415C8.422,6.993,7.882,7.532,7.708,7.708c-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,0C12.118,7.532,11.578,6.993,11,6.415V16c0,0.553-0.448,1-1,1S9,16.553,9,16z\" />\n  </Svg>\n);\n"],"mappings":";;;AAGA,MAAa,eAAe,UAC1B,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-up.d.cts

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

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

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

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

@@ -0,0 +1,14 @@
+import { Svg } from "./svg.js";
+import { jsx } from "react/jsx-runtime";
+// src/icons/icon-arrow-up.tsx
+const IconArrowUp = (props) => /* @__PURE__ */ jsx(Svg, {
+	viewBox: "0 0 20 20",
+	width: 20,
+	height: 20,
+	fill: "currentColor",
+	...props,
+	children: /* @__PURE__ */ jsx("path", { d: "M9,16V6.415C8.422,6.993,7.882,7.532,7.708,7.708c-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,0C12.118,7.532,11.578,6.993,11,6.415V16c0,0.553-0.448,1-1,1S9,16.553,9,16z" })
+});
+export { IconArrowUp };
+
+//# sourceMappingURL=icon-arrow-up.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"icon-arrow-up.js","names":[],"sources":["../../src/icons/icon-arrow-up.tsx"],"sourcesContent":["// Generated by scripts/build-icons.mjs. Do not edit.\nimport { Svg, type IconProps } from './svg';\n\nexport const IconArrowUp = (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,16V6.415C8.422,6.993,7.882,7.532,7.708,7.708c-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,0C12.118,7.532,11.578,6.993,11,6.415V16c0,0.553-0.448,1-1,1S9,16.553,9,16z\" />\n  </Svg>\n);\n"],"mappings":";;;AAGA,MAAa,eAAe,UAC1B,oBAAC,KAAD;CACE,SAAQ;CACR,OAAO;CACP,QAAQ;CACR,MAAK;CACL,GAAI;CAEJ,UAAA,oBAAC,QAAD,EAAM,GAAE,6QAA8Q,CAAA;AACnR,CAAA"}

package/dist/icons/icon-audio.cjs

@@ -0,0 +1,14 @@
+const require_svg = require("./svg.cjs");
+let react_jsx_runtime = require("react/jsx-runtime");
+// src/icons/icon-audio.tsx
+const IconAudio = (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,8C3.447,8,3,8.447,3,9v2c0,0.553,0.447,1,1,1s1-0.447,1-1V9C5,8.447,4.553,8,4,8z M7,6C6.447,6,6,6.447,6,7v6c0,0.553,0.447,1,1,1s1-0.447,1-1V7C8,6.447,7.553,6,7,6z M10,3C9.447,3,9,3.447,9,4v12c0,0.553,0.447,1,1,1s1-0.447,1-1V4C11,3.447,10.553,3,10,3z M13,6c-0.553,0-1,0.447-1,1v6c0,0.553,0.447,1,1,1s1-0.447,1-1V7C14,6.447,13.553,6,13,6z M16,8c-0.553,0-1,0.447-1,1v2c0,0.553,0.447,1,1,1s1-0.447,1-1V9C17,8.447,16.553,8,16,8z" })
+});
+exports.IconAudio = IconAudio;
+
+//# sourceMappingURL=icon-audio.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"icon-audio.cjs","names":["Svg"],"sources":["../../src/icons/icon-audio.tsx"],"sourcesContent":["// Generated by scripts/build-icons.mjs. Do not edit.\nimport { Svg, type IconProps } from './svg';\n\nexport const IconAudio = (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,8C3.447,8,3,8.447,3,9v2c0,0.553,0.447,1,1,1s1-0.447,1-1V9C5,8.447,4.553,8,4,8z M7,6C6.447,6,6,6.447,6,7v6c0,0.553,0.447,1,1,1s1-0.447,1-1V7C8,6.447,7.553,6,7,6z M10,3C9.447,3,9,3.447,9,4v12c0,0.553,0.447,1,1,1s1-0.447,1-1V4C11,3.447,10.553,3,10,3z M13,6c-0.553,0-1,0.447-1,1v6c0,0.553,0.447,1,1,1s1-0.447,1-1V7C14,6.447,13.553,6,13,6z M16,8c-0.553,0-1,0.447-1,1v2c0,0.553,0.447,1,1,1s1-0.447,1-1V9C17,8.447,16.553,8,16,8z\" />\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,2aAA4a,CAAA;AACjb,CAAA"}