snapflow-ui-kit 0.0.2 → 0.0.4

package/dist/ArrowDownIcon-XyCc_cD9.js

@@ -0,0 +1,30 @@
+import { jsxs as C, jsx as r } from "react/jsx-runtime";
+import { useId as e } from "react";
+const o = (t) => {
+  const i = e();
+  return /* @__PURE__ */ C(
+    "svg",
+    {
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      ...t,
+      children: [
+        /* @__PURE__ */ r("g", { clipPath: `url(#${i})`, children: /* @__PURE__ */ r(
+          "path",
+          {
+            d: "M5.51416 9.45842C5.5137 9.22477 5.59508 8.99834 5.74416 8.81842C5.82811 8.71717 5.93121 8.63346 6.04756 8.57211C6.1639 8.51076 6.29121 8.47296 6.42219 8.46089C6.55316 8.44881 6.68524 8.46269 6.81084 8.50174C6.93644 8.54078 7.05311 8.60422 7.15416 8.68842L12.5142 13.1684L17.8842 8.84843C17.9864 8.76536 18.1041 8.70333 18.2305 8.6659C18.3568 8.62846 18.4893 8.61637 18.6203 8.63031C18.7514 8.64425 18.8784 8.68395 18.994 8.74712C19.1096 8.81029 19.2116 8.8957 19.2942 8.99843C19.3852 9.10189 19.4539 9.22306 19.4959 9.35432C19.5378 9.48558 19.5522 9.62411 19.5382 9.7612C19.5241 9.89829 19.4818 10.031 19.414 10.151C19.3462 10.271 19.2543 10.3756 19.1442 10.4584L13.1442 15.2884C12.9652 15.4355 12.7408 15.5159 12.5092 15.5159C12.2775 15.5159 12.0531 15.4355 11.8742 15.2884L5.87416 10.2884C5.75314 10.1881 5.65748 10.0607 5.59493 9.91646C5.53238 9.77225 5.50471 9.61533 5.51416 9.45842Z",
+            fill: "currentColor"
+          }
+        ) }),
+        /* @__PURE__ */ r("defs", { children: /* @__PURE__ */ r("clipPath", { id: i, children: /* @__PURE__ */ r("rect", { width: "24", height: "24", fill: "white" }) }) })
+      ]
+    }
+  );
+};
+export {
+  o as A
+};
+//# sourceMappingURL=ArrowDownIcon-XyCc_cD9.js.map

package/dist/ArrowDownIcon-XyCc_cD9.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArrowDownIcon-XyCc_cD9.js","sources":["../src/icons/ArrowDownIcon/ArrowDownIcon.tsx"],"sourcesContent":["import { useId, type SVGProps } from 'react'\n\nexport const ArrowDownIcon = (props: SVGProps<SVGSVGElement>) => {\n  const id = useId()\n  return (\n    <svg\n      width=\"24\"\n      height=\"24\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      {...props}\n    >\n      <g clipPath={`url(#${id})`}>\n        <path\n          d=\"M5.51416 9.45842C5.5137 9.22477 5.59508 8.99834 5.74416 8.81842C5.82811 8.71717 5.93121 8.63346 6.04756 8.57211C6.1639 8.51076 6.29121 8.47296 6.42219 8.46089C6.55316 8.44881 6.68524 8.46269 6.81084 8.50174C6.93644 8.54078 7.05311 8.60422 7.15416 8.68842L12.5142 13.1684L17.8842 8.84843C17.9864 8.76536 18.1041 8.70333 18.2305 8.6659C18.3568 8.62846 18.4893 8.61637 18.6203 8.63031C18.7514 8.64425 18.8784 8.68395 18.994 8.74712C19.1096 8.81029 19.2116 8.8957 19.2942 8.99843C19.3852 9.10189 19.4539 9.22306 19.4959 9.35432C19.5378 9.48558 19.5522 9.62411 19.5382 9.7612C19.5241 9.89829 19.4818 10.031 19.414 10.151C19.3462 10.271 19.2543 10.3756 19.1442 10.4584L13.1442 15.2884C12.9652 15.4355 12.7408 15.5159 12.5092 15.5159C12.2775 15.5159 12.0531 15.4355 11.8742 15.2884L5.87416 10.2884C5.75314 10.1881 5.65748 10.0607 5.59493 9.91646C5.53238 9.77225 5.50471 9.61533 5.51416 9.45842Z\"\n          fill=\"currentColor\"\n        />\n      </g>\n      <defs>\n        <clipPath id={id}>\n          <rect width=\"24\" height=\"24\" fill=\"white\" />\n        </clipPath>\n      </defs>\n    </svg>\n  )\n}\n"],"names":["ArrowDownIcon","props","id","useId","jsxs","jsx"],"mappings":";;AAEO,MAAMA,IAAgB,CAACC,MAAmC;AAC/D,QAAMC,IAAKC,EAAA;AACX,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAM;AAAA,MACN,QAAO;AAAA,MACP,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,OAAM;AAAA,MACL,GAAGH;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAI,EAAC,KAAA,EAAE,UAAU,QAAQH,CAAE,KACrB,UAAA,gBAAAG;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,GAAE;AAAA,YACF,MAAK;AAAA,UAAA;AAAA,QAAA,GAET;AAAA,QACA,gBAAAA,EAAC,QAAA,EACC,UAAA,gBAAAA,EAAC,YAAA,EAAS,IAAAH,GACR,UAAA,gBAAAG,EAAC,QAAA,EAAK,OAAM,MAAK,QAAO,MAAK,MAAK,QAAA,CAAQ,GAC5C,EAAA,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}

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

@@ -1,14 +1,2 @@
-import { ComponentPropsWithoutRef } from 'react';
-export type ButtonVariant = 'primary' | 'secondary' | 'outlined' | 'text';
-type CommonProps = {
-    variant?: ButtonVariant;
-};
-type AsButtonProps = {
-    asLink?: false;
-} & CommonProps & ComponentPropsWithoutRef<'button'>;
-type AsLinkProps = {
-    asLink: true;
-} & CommonProps & ComponentPropsWithoutRef<'a'>;
-export type ButtonProps = AsButtonProps | AsLinkProps;
+import { ButtonProps } from './Button.types';
 export declare const Button: (props: ButtonProps) => import("react/jsx-runtime").JSX.Element;
-export {};

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

@@ -0,0 +1,14 @@
+import { ComponentPropsWithoutRef, 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 {};

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

@@ -1 +1,2 @@
 export * from './Button';
+export * from './Button.types';

package/dist/components/Checkbox/Checkbox.d.ts

@@ -0,0 +1,2 @@
+import { CheckboxProps } from './Checkbox.types';
+export declare const Checkbox: ({ children, className, checked, onChange, ...rest }: CheckboxProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,6 @@
+import { ComponentPropsWithoutRef, ReactNode } from 'react';
+export type CheckboxProps = {
+    children?: ReactNode;
+    checked?: boolean;
+    onChange?: ComponentPropsWithoutRef<'input'>['onChange'];
+} & Omit<ComponentPropsWithoutRef<'input'>, 'type' | 'checked' | 'onChange' | 'children'>;

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

@@ -0,0 +1,2 @@
+export { Checkbox } from './Checkbox';
+export type { CheckboxProps } from './Checkbox.types';

package/dist/components/Radio/Radio.d.ts

@@ -0,0 +1,2 @@
+import { RadioProps } from './Radio.types';
+export declare const Radio: ({ children, className, checked, onChange, ...rest }: RadioProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,6 @@
+import { ComponentPropsWithoutRef, ReactNode } from 'react';
+export type RadioProps = {
+    children?: ReactNode;
+    checked?: boolean;
+    onChange?: ComponentPropsWithoutRef<'input'>['onChange'];
+} & Omit<ComponentPropsWithoutRef<'input'>, 'checked' | 'onChange' | 'children'>;

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

@@ -0,0 +1 @@
+export * from './Radio';

package/dist/components/Select/Select.d.ts

@@ -0,0 +1,3 @@
+import 'simplebar-react/dist/simplebar.min.css';
+import { SelectProps } from './';
+export declare const Select: (props: SelectProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,15 @@
+import { ReactNode } from 'react';
+export type SelectOption = {
+    icon?: ReactNode;
+    label: string;
+    value: string;
+};
+export type SelectProps = {
+    className?: string;
+    disabled?: boolean;
+    label?: string;
+    onChange?: (value: string) => void;
+    options: SelectOption[];
+    placeholder?: string;
+    value?: string;
+};

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

@@ -0,0 +1,2 @@
+export * from './Select';
+export * from './Select.types';

package/dist/components/Typography/Typography.d.ts

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

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

@@ -0,0 +1,8 @@
+import { ComponentPropsWithoutRef, ElementType, ReactNode } from 'react';
+export type TypographyVariant = 'large' | 'h1' | 'h2' | 'h3' | 'text-16' | 'text-14' | 'text-14-bold' | 'text-16-bold' | 'text-14-medium' | 'small' | 'small-semibold' | 'link' | 'small-link';
+export type TypographyProps<T extends ElementType = 'span'> = {
+    as?: T;
+    children: ReactNode;
+    icon?: ReactNode;
+    variant: TypographyVariant;
+} & Omit<ComponentPropsWithoutRef<T>, 'as'>;

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

@@ -0,0 +1,2 @@
+export * from './Typography';
+export * from './Typography.types';

package/dist/components/index.d.ts

@@ -1 +1,5 @@
 export * from './Button';
+export * from './Checkbox';
+export * from './Radio';
+export * from './Select';
+export * from './Typography';

package/dist/icons/index.d.ts

@@ -40,7 +40,6 @@ export * from './PlusCirceIcon';
 export * from './SearchIcon';
 export * from './SettingsIcon';
 export * from './TrashIcon';
-export * from './RadioButtonIcon';
 export * from './FacebookLogo';
 export * from './FlagRussia';
 export * from './FlagUK';