snapflow-ui-kit 1.0.0 → 1.1.0

package/dist/Radio-Dngy9qay.js

@@ -0,0 +1,180 @@
+import { jsxs as c, jsx as s, Fragment as v } from "react/jsx-runtime";
+import z, { clsx as _ } from "clsx";
+import { forwardRef as $, useId as g } from "react";
+import { C as j } from "./CloseIcon-CwhvW02e.js";
+const S = "_button_dqki1_1", C = "_primary_dqki1_25", B = "_secondary_dqki1_48", E = "_outlined_dqki1_71", I = "_text_dqki1_97", T = "_icon_dqki1_117", x = {
+  button: S,
+  primary: C,
+  secondary: B,
+  outlined: E,
+  text: I,
+  icon: T
+}, $t = (a) => {
+  const { as: t = "button", className: n, variant: o = "primary", icon: e, ...l } = a, r = _(x.button, x[o], n), { children: b, ...u } = l;
+  return /* @__PURE__ */ c(t, { className: r, ...u, children: [
+    e && /* @__PURE__ */ s("span", { className: x.icon, children: e }),
+    b
+  ] });
+}, O = "_textareaWrapper_ahoiy_1", W = "_label_ahoiy_7", R = "_disabled_ahoiy_14", A = "_textarea_ahoiy_1", F = "_errorState_ahoiy_46", L = "_errorMessage_ahoiy_52", w = "_required_ahoiy_59", i = {
+  textareaWrapper: O,
+  label: W,
+  disabled: R,
+  textarea: A,
+  errorState: F,
+  errorMessage: L,
+  required: w
+}, P = $(
+  ({ label: a, errorMessage: t, id: n, className: o, disabled: e, minHeight: l = 84, required: r, ...b }, u) => {
+    const k = g(), h = n ?? k, q = t ? `${h}-error` : void 0;
+    return /* @__PURE__ */ c("div", { className: _(i.textareaWrapper, o), children: [
+      a && /* @__PURE__ */ c("label", { htmlFor: h, className: _(i.label, { [i.disabled]: e }), children: [
+        a,
+        r && /* @__PURE__ */ s("sup", { className: i.required, children: " *" })
+      ] }),
+      /* @__PURE__ */ s(
+        "textarea",
+        {
+          ref: u,
+          id: h,
+          className: _(i.textarea, { [i.errorState]: !!t }),
+          "aria-invalid": !!t,
+          "aria-describedby": q,
+          required: r,
+          disabled: e,
+          style: { minHeight: l },
+          ...b
+        }
+      ),
+      t && /* @__PURE__ */ s("span", { id: q, role: "alert", className: i.errorMessage, children: t })
+    ] });
+  }
+);
+P.displayName = "Textarea";
+const D = "_alert_5jfpm_1", G = "_content_5jfpm_15", H = "_error_5jfpm_22", J = "_success_5jfpm_28", K = "_closeButton_5jfpm_33", M = "_message_5jfpm_39", Q = "_title_5jfpm_40", U = "_toastEnter_5jfpm_50", V = "_toastExit_5jfpm_54", d = {
+  alert: D,
+  content: G,
+  error: H,
+  success: J,
+  closeButton: K,
+  message: M,
+  title: Q,
+  toastEnter: U,
+  "fade-in": "_fade-in_5jfpm_1",
+  toastExit: V,
+  "fade-out": "_fade-out_5jfpm_1"
+}, gt = ({
+  variant: a = "error",
+  title: t,
+  message: n,
+  className: o,
+  onClose: e
+}) => /* @__PURE__ */ c("div", { className: z(d.alert, d[a], o), role: "alert", children: [
+  /* @__PURE__ */ c("div", { className: d.content, children: [
+    t && /* @__PURE__ */ s("div", { className: d.title, children: t }),
+    /* @__PURE__ */ s("div", { className: d.message, children: n })
+  ] }),
+  e && /* @__PURE__ */ s("button", { type: "button", className: d.closeButton, onClick: e, "aria-label": "Close alert", children: /* @__PURE__ */ s(j, {}) })
+] }), X = "_card_1ah7i_1", Y = {
+  card: X
+}, jt = ({ className: a, children: t, ...n }) => /* @__PURE__ */ s("div", { className: _(Y.card, a), ...n, children: t }), Z = "_checkbox_1q28z_1", tt = "_input_1q28z_11", et = "_labelSpan_1q28z_16", at = "_control_1q28z_23", m = {
+  checkbox: Z,
+  input: tt,
+  labelSpan: et,
+  control: at
+}, St = ({ children: a, className: t, checked: n, onChange: o, ...e }) => /* @__PURE__ */ c("label", { className: _(m.checkbox, t), children: [
+  /* @__PURE__ */ s("input", { type: "checkbox", className: m.input, checked: n, onChange: o, ...e }),
+  /* @__PURE__ */ s("span", { className: m.control }),
+  a && /* @__PURE__ */ s("span", { className: m.labelSpan, children: a })
+] }), st = "_typography_11tbz_1", nt = "_icon_11tbz_8", ot = "_large_11tbz_14", rt = "_h1_11tbz_20", ct = "_h2_11tbz_26", lt = "_h3_11tbz_32", _t = "_small_11tbz_68", it = "_link_11tbz_80", y = {
+  typography: st,
+  icon: nt,
+  large: ot,
+  h1: rt,
+  h2: ct,
+  h3: lt,
+  "text-16": "_text-16_11tbz_38",
+  "text-16-bold": "_text-16-bold_11tbz_44",
+  "text-14": "_text-14_11tbz_50",
+  "text-14-bold": "_text-14-bold_11tbz_56",
+  "text-14-medium": "_text-14-medium_11tbz_62",
+  small: _t,
+  "small-semibold": "_small-semibold_11tbz_74",
+  link: it,
+  "small-link": "_small-link_11tbz_89"
+}, dt = (a) => {
+  const { as: t = "span", children: n, className: o, icon: e, variant: l, ...r } = a;
+  return /* @__PURE__ */ c(t, { className: _(y.typography, y[l], o), ...r, children: [
+    e && /* @__PURE__ */ s("span", { className: y.icon, children: e }),
+    n
+  ] });
+}, mt = "_label_ndvr9_1", pt = "_required_ndvr9_5", bt = "_srOnly_ndvr9_10", N = {
+  label: mt,
+  required: pt,
+  srOnly: bt
+}, Ct = ({
+  text: a,
+  textVariant: t = "text-14-medium",
+  required: n = !1,
+  color: o,
+  className: e,
+  htmlFor: l,
+  ...r
+}) => /* @__PURE__ */ c(
+  dt,
+  {
+    as: "label",
+    variant: t,
+    className: z(N.label, e),
+    htmlFor: l,
+    style: o ? { color: o } : void 0,
+    ...r,
+    children: [
+      a,
+      n && /* @__PURE__ */ c(v, { children: [
+        /* @__PURE__ */ s("span", { className: N.required, "aria-hidden": "true", children: "*" }),
+        /* @__PURE__ */ s("span", { className: N.srOnly, children: " (required)" })
+      ] })
+    ]
+  }
+), ut = "_tab_78cv0_1", ht = "_selected_78cv0_21", f = {
+  tab: ut,
+  selected: ht
+}, Bt = (a) => {
+  const { children: t, selected: n = !1, className: o, disabled: e = !1, ...l } = a, r = _(f.tab, n && f.selected, e && f.disabled, o);
+  return /* @__PURE__ */ s(
+    "button",
+    {
+      type: "button",
+      role: "tab",
+      className: r,
+      disabled: e,
+      tabIndex: e ? -1 : 0,
+      "aria-selected": n,
+      "aria-disabled": e,
+      ...l,
+      children: t
+    }
+  );
+}, xt = "_radio_10hqy_1", yt = "_input_10hqy_12", Nt = "_labelSpan_10hqy_18", ft = "_control_10hqy_26", p = {
+  radio: xt,
+  input: yt,
+  labelSpan: Nt,
+  control: ft
+}, Et = ({ children: a, className: t, checked: n, onChange: o, ...e }) => /* @__PURE__ */ c("label", { className: _(p.radio, t), children: [
+  /* @__PURE__ */ s("input", { type: "radio", className: p.input, checked: n, onChange: o, ...e }),
+  /* @__PURE__ */ s("span", { className: p.control }),
+  a && /* @__PURE__ */ s("span", { className: p.labelSpan, children: a })
+] });
+export {
+  gt as A,
+  $t as B,
+  jt as C,
+  Ct as L,
+  Et as R,
+  Bt as T,
+  St as a,
+  P as b,
+  dt as c,
+  d as s
+};
+//# sourceMappingURL=Radio-Dngy9qay.js.map

package/dist/Radio-Dngy9qay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Radio-Dngy9qay.js","sources":["../src/components/Button/Button.tsx","../src/components/Textarea/Textarea.tsx","../src/components/Alert/Alert.tsx","../src/components/Card/Card.tsx","../src/components/Checkbox/Checkbox.tsx","../src/components/Typography/Typography.tsx","../src/components/Label/Label.tsx","../src/components/Tab/Tab.tsx","../src/components/Radio/Radio.tsx"],"sourcesContent":["import { ElementType } from 'react'\n\nimport { clsx } from 'clsx'\n\nimport s from './Button.module.css'\nimport { ButtonProps } from './Button.types'\n\nexport const Button = <T extends ElementType = 'button'>(props: ButtonProps<T>) => {\n  const { as: Component = 'button', className, variant = 'primary', icon, ...rest } = props\n  const classes = clsx(s.button, s[variant], className)\n  const { children, ...componentProps } = rest\n\n  return (\n    <Component className={classes} {...componentProps}>\n      {icon && <span className={s.icon}>{icon}</span>}\n      {children}\n    </Component>\n  )\n}\n","'use client'\n\nimport { forwardRef, useId } from 'react'\nimport { clsx } from 'clsx'\n\nimport s from './Textarea.module.css'\nimport type { TextareaProps } from './Textarea.types'\n\nexport const Textarea = forwardRef<HTMLTextAreaElement, TextareaProps>(\n  ({ label, errorMessage, id, className, disabled, minHeight = 84, required, ...rest }, ref) => {\n    const generatedId = useId()\n    const textareaId = id ?? generatedId\n    const errorId = errorMessage ? `${textareaId}-error` : undefined\n\n    return (\n      <div className={clsx(s.textareaWrapper, className)}>\n        {label && (\n          <label htmlFor={textareaId} className={clsx(s.label, { [s.disabled]: disabled })}>\n            {label}\n            {required && <sup className={s.required}> *</sup>}\n          </label>\n        )}\n\n        <textarea\n          ref={ref}\n          id={textareaId}\n          className={clsx(s.textarea, { [s.errorState]: !!errorMessage })}\n          aria-invalid={!!errorMessage}\n          aria-describedby={errorId}\n          required={required}\n          disabled={disabled}\n          style={{ minHeight }}\n          {...rest}\n        />\n\n        {errorMessage && (\n          <span id={errorId} role=\"alert\" className={s.errorMessage}>\n            {errorMessage}\n          </span>\n        )}\n      </div>\n    )\n  },\n)\n\nTextarea.displayName = 'Textarea'\n","import { FC } from 'react'\nimport clsx from 'clsx'\n\nimport s from './Alert.module.css'\nimport { CloseIcon } from '@/icons'\nimport type { AlertProps } from './Alert.types'\n\nexport const Alert: FC<AlertProps> = ({\n  variant = 'error',\n  title,\n  message,\n  className,\n  onClose,\n}) => {\n  return (\n    <div className={clsx(s.alert, s[variant], className)} role=\"alert\">\n      <div className={s.content}>\n        {title && <div className={s.title}>{title}</div>}\n        <div className={s.message}>{message}</div>\n      </div>\n\n      {onClose && (\n        <button type=\"button\" className={s.closeButton} onClick={onClose} aria-label=\"Close alert\">\n          <CloseIcon />\n        </button>\n      )}\n    </div>\n  )\n}\n","import { clsx } from 'clsx'\n\nimport s from './Card.module.css'\nimport { CardProps } from './Card.types'\n\nexport const Card = ({ className, children, ...rest }: CardProps) => {\n  return (\n    <div className={clsx(s.card, className)} {...rest}>\n      {children}\n    </div>\n  )\n}\n","import { clsx } from 'clsx'\nimport s from './Checkbox.module.css'\nimport { CheckboxProps } from './Checkbox.types'\n\nexport const Checkbox = ({ children, className, checked, onChange, ...rest }: CheckboxProps) => {\n  return (\n    <label className={clsx(s.checkbox, className)}>\n      <input type=\"checkbox\" className={s.input} checked={checked} onChange={onChange} {...rest} />\n\n      <span className={s.control} />\n      {children && <span className={s.labelSpan}>{children}</span>}\n    </label>\n  )\n}\n","import { ElementType } from 'react'\n\nimport { clsx } from 'clsx'\n\nimport s from './Typography.module.css'\nimport { TypographyProps } from './Typography.types'\n\nexport const Typography = <T extends ElementType = 'span'>(props: TypographyProps<T>) => {\n  const { as: Component = 'span', children, className, icon, variant, ...rest } = props\n\n  return (\n    <Component className={clsx(s.typography, s[variant], className)} {...rest}>\n      {icon && <span className={s.icon}>{icon}</span>}\n      {children}\n    </Component>\n  )\n}\n","import clsx from 'clsx'\nimport { Typography } from '../Typography'\nimport s from './Label.module.css'\nimport { LabelProps } from './Label.types'\n\nexport const Label = ({\n  text,\n  textVariant = 'text-14-medium',\n  required = false,\n  color,\n  className,\n  htmlFor,\n  ...rest\n}: LabelProps) => {\n  return (\n    <Typography\n      as=\"label\"\n      variant={textVariant}\n      className={clsx(s.label, className)}\n      htmlFor={htmlFor}\n      style={color ? { color } : undefined}\n      {...rest}\n    >\n      {text}\n      {required && (\n        <>\n          <span className={s.required} aria-hidden=\"true\">\n            *\n          </span>\n          <span className={s.srOnly}> (required)</span>\n        </>\n      )}\n    </Typography>\n  )\n}\n","import { clsx } from 'clsx'\n\nimport s from './Tab.module.css'\nimport type { TabProps } from './Tab.types'\n\nexport const Tab = (props: TabProps) => {\n  const { children, selected = false, className, disabled = false, ...rest } = props\n\n  const tabClasses = clsx(s.tab, selected && s.selected, disabled && s.disabled, className)\n\n  return (\n    <button\n      type=\"button\"\n      role=\"tab\"\n      className={tabClasses}\n      disabled={disabled}\n      tabIndex={disabled ? -1 : 0}\n      aria-selected={selected}\n      aria-disabled={disabled}\n      {...rest}\n    >\n      {children}\n    </button>\n  )\n}\n","import { clsx } from 'clsx'\nimport s from './Radio.module.css'\nimport { RadioProps } from './Radio.types'\n\nexport const Radio = ({ children, className, checked, onChange, ...rest }: RadioProps) => {\n  return (\n    <label className={clsx(s.radio, className)}>\n      <input type=\"radio\" className={s.input} checked={checked} onChange={onChange} {...rest} />\n\n      <span className={s.control} />\n      {children && <span className={s.labelSpan}>{children}</span>}\n    </label>\n  )\n}\n"],"names":["Button","props","Component","className","variant","icon","rest","classes","clsx","s","children","componentProps","jsxs","jsx","Textarea","forwardRef","label","errorMessage","id","disabled","minHeight","required","ref","generatedId","useId","textareaId","errorId","Alert","title","message","onClose","CloseIcon","Card","Checkbox","checked","onChange","Typography","Label","text","textVariant","color","htmlFor","Fragment","Tab","selected","tabClasses","Radio"],"mappings":"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"}

package/dist/components/Button/Button.d.ts

@@ -1,2 +1,3 @@
+import { ElementType } from 'react';
 import { ButtonProps } from './Button.types';
-export declare const Button: (props: ButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Button: <T extends ElementType = "button">(props: ButtonProps<T>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Button/Button.types.d.ts

@@ -1,14 +1,10 @@
-import { ComponentPropsWithoutRef, ReactNode } from 'react';
+import { ComponentPropsWithoutRef, ElementType, ReactNode } from 'react';
 export type ButtonVariant = 'primary' | 'secondary' | 'outlined' | 'text';
 type CommonProps = {
     variant?: ButtonVariant;
     icon?: ReactNode;
 };
-type AsButtonProps = {
-    asLink?: false;
-} & CommonProps & ComponentPropsWithoutRef<'button'>;
-type AsLinkProps = {
-    asLink: true;
-} & CommonProps & ComponentPropsWithoutRef<'a'>;
-export type ButtonProps = AsButtonProps | AsLinkProps;
+export type ButtonProps<T extends ElementType = 'button'> = {
+    as?: T;
+} & CommonProps & Omit<ComponentPropsWithoutRef<T>, 'as'>;
 export {};

package/dist/components/Label/Label.types.d.ts

@@ -1,5 +1,5 @@
 import { ComponentPropsWithoutRef } from 'react';
-import { TypographyVariant } from '@/components';
+import { TypographyVariant } from '../Typography';
 export type LabelProps = {
     text: string;
     textVariant?: TypographyVariant;

package/dist/components/Textarea/Textarea.d.ts

@@ -4,4 +4,4 @@ export declare const Textarea: import("react").ForwardRefExoticComponent<{
     minHeight?: number;
     value?: string;
     onChange?: (e: import("react").ChangeEvent<HTMLTextAreaElement>) => void;
-} & Omit<Omit<import("react").DetailedHTMLProps<import("react").TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref">, "value" | "defaultValue" | "onChange"> & import("react").RefAttributes<HTMLTextAreaElement>>;
+} & Omit<Omit<import("react").DetailedHTMLProps<import("react").TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref">, "defaultValue" | "value" | "onChange"> & import("react").RefAttributes<HTMLTextAreaElement>>;

package/dist/icons.js

@@ -1,6 +1,7 @@
 import { jsxs as i, jsx as C, Fragment as n } from "react/jsx-runtime";
 import { useId as h } from "react";
-import { A as r1, b as n1, C as d1, a as c1, E as o1 } from "./CloseIcon-BASungOx.js";
+import { A as r1, C as n1, a as d1, E as c1 } from "./ArrowDownIcon-DL5pXuXm.js";
+import { C as w1 } from "./CloseIcon-CwhvW02e.js";
 const w = ({ type: t = "stroke", ...l }) => {
   const e = h();
   return /* @__PURE__ */ i(
@@ -1120,7 +1121,7 @@ const w = ({ type: t = "stroke", ...l }) => {
       ]
     }
   );
-}, b = ({ type: t = "stroke", ...l }) => {
+}, j = ({ type: t = "stroke", ...l }) => {
   const e = h(), r = h();
   return t === "stroke" ? /* @__PURE__ */ i(
     "svg",
@@ -1172,7 +1173,7 @@ const w = ({ type: t = "stroke", ...l }) => {
       ]
     }
   );
-}, j = ({ type: t = "stroke", ...l }) => {
+}, D = ({ type: t = "stroke", ...l }) => {
   const e = h(), r = h();
   return t === "stroke" ? /* @__PURE__ */ i(
     "svg",
@@ -1231,7 +1232,7 @@ const w = ({ type: t = "stroke", ...l }) => {
       ]
     }
   );
-}, D = ({ type: t = "stroke", ...l }) => {
+}, b = ({ type: t = "stroke", ...l }) => {
   const e = h(), r = h();
   return t === "stroke" ? /* @__PURE__ */ i(
     "svg",
@@ -1949,15 +1950,15 @@ export {
   w as BookMarkIcon,
   n1 as CalendarIcon,
   F as CheckmarkIcon,
-  d1 as CloseIcon,
+  w1 as CloseIcon,
   S as ColorPalleteIcon,
   K as CopyIcon,
   E as CreditCardIcon,
   y as EditIcon,
   Q as EmailIcon,
   G as ExpandIcon,
-  c1 as EyeIcon,
-  o1 as EyeOffIcon,
+  d1 as EyeIcon,
+  c1 as EyeOffIcon,
   z as FacebookLogo,
   X as FlagRussia,
   q as FlagUK,
@@ -1968,18 +1969,18 @@ export {
   L as LayersIcon,
   g as LikeIcon,
   p as LogOutIcon,
-  b as MaximizeIcon,
+  j as MaximizeIcon,
   f as MessageIcon,
   a as MicIcon,
   H as MoreHozitontalIcon,
   _ as PaidIcon,
   M as PaperPlaneIcon,
-  j as PauseCircleIcon,
+  D as PauseCircleIcon,
   C1 as PayPalLogo,
   Z as PersonAddIcon,
   u as PersonIcon,
   V as PersonRemoveIcon,
-  D as PinIcon,
+  b as PinIcon,
   U as PlayCircleIcon,
   J as PlusCirceIcon,
   v as PlusSquareIcon,