sodtrack-web-ui 0.7.8 → 0.7.9

package/dist/alert.d.mts

@@ -0,0 +1,11 @@
+import React__default, { FC } from 'react';
+
+type AlertProps = {
+    size?: "sm" | "md" | "lg";
+    variant: "warning" | "success" | "error" | "info";
+    title: string;
+    description?: string;
+} & React__default.HTMLAttributes<HTMLDivElement>;
+declare const Alert: FC<AlertProps>;
+
+export { Alert };

package/dist/alert.mjs

@@ -0,0 +1,5 @@
+export { Alert } from './chunk-OO4FIPNF.mjs';
+import './chunk-P3UP2HUA.mjs';
+import './chunk-2MWIFYP3.mjs';
+import './chunk-GY2JBRY6.mjs';
+import './chunk-PLJ6ZHAI.mjs';

package/dist/button.d.mts

@@ -0,0 +1,70 @@
+import React__default, { FC } from 'react';
+import { VariantProps } from 'cva';
+
+type ButtonProps = {
+    startIcon?: React__default.ReactElement;
+    endIcon?: React__default.ReactElement;
+    loading?: boolean;
+} & React__default.DetailedHTMLProps<React__default.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement> & VariantProps<typeof button>;
+declare const Button: FC<ButtonProps>;
+declare const button: (props?: ({
+    size?: "large" | "medium" | "small" | undefined;
+    variant?: "link" | "contained" | "outlined" | "ghost" | "standard" | undefined;
+    loading?: boolean | undefined;
+} & ({
+    class?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | any | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined;
+    className?: undefined;
+} | {
+    class?: undefined;
+    className?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | any | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined;
+})) | undefined) => string;
+
+export { Button, type ButtonProps };

package/dist/button.mjs

@@ -0,0 +1,5 @@
+export { Button } from './chunk-22IACXYD.mjs';
+import './chunk-P3UP2HUA.mjs';
+import './chunk-2MWIFYP3.mjs';
+import './chunk-GY2JBRY6.mjs';
+import './chunk-PLJ6ZHAI.mjs';

package/dist/chip-form.d.mts

@@ -0,0 +1,68 @@
+import React__default, { FC } from 'react';
+import { VariantProps } from 'cva';
+
+declare const chipForm: (props?: ({
+    variant?: "color" | "neutral" | undefined;
+    size?: "sm" | "md" | undefined;
+} & ({
+    class?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | any | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined;
+    className?: undefined;
+} | {
+    class?: undefined;
+    className?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | any | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined;
+})) | undefined) => string;
+type ChipFormProps = {
+    active?: boolean;
+    onChangeActive?: (active: boolean) => void;
+} & React__default.DetailedHTMLProps<React__default.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement> & VariantProps<typeof chipForm>;
+declare const ChipForm: FC<ChipFormProps>;
+
+export { ChipForm };

package/dist/chip-form.mjs

@@ -0,0 +1,4 @@
+export { ChipForm } from './chunk-RZ2JP5UH.mjs';
+import './chunk-P3UP2HUA.mjs';
+import './chunk-2MWIFYP3.mjs';
+import './chunk-PLJ6ZHAI.mjs';

package/dist/chip-status.d.mts

@@ -0,0 +1,65 @@
+import { VariantProps } from 'cva';
+import { FC, HTMLAttributes } from 'react';
+
+declare const chipStatus: (props?: ({
+    variant?: "success" | "info" | "warning" | "error" | undefined;
+    size?: "sm" | "md" | "xs" | undefined;
+} & ({
+    class?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | any | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined;
+    className?: undefined;
+} | {
+    class?: undefined;
+    className?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | any | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined;
+})) | undefined) => string;
+type ChipStatusProps = {} & VariantProps<typeof chipStatus> & HTMLAttributes<HTMLSpanElement>;
+declare const ChipStatus: FC<ChipStatusProps>;
+
+export { ChipStatus };

package/dist/chip-status.mjs

@@ -0,0 +1,3 @@
+export { ChipStatus } from './chunk-WSAW6L2X.mjs';
+import './chunk-2MWIFYP3.mjs';
+import './chunk-PLJ6ZHAI.mjs';

package/dist/chunk-22IACXYD.mjs

@@ -0,0 +1,74 @@
+import { cn } from './chunk-P3UP2HUA.mjs';
+import { require_jsx_runtime } from './chunk-2MWIFYP3.mjs';
+import { LoaderCircleIcon } from './chunk-GY2JBRY6.mjs';
+import { __toESM, require_react } from './chunk-PLJ6ZHAI.mjs';
+import { cva } from 'cva';
+
+// src/components/button.tsx
+var import_react = __toESM(require_react());
+var import_jsx_runtime = __toESM(require_jsx_runtime());
+var Button = ({
+  children,
+  className,
+  variant = "contained",
+  size = "medium",
+  startIcon,
+  endIcon,
+  loading = false,
+  disabled = false,
+  ...props
+}) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "button",
+    {
+      ...props,
+      disabled: loading || disabled,
+      className: cn(button({ variant, size, loading }), className),
+      children: [
+        loading && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          LoaderCircleIcon,
+          {
+            className: cn("absolute animate-spin text-neutral-500"),
+            width: size === "small" ? "16px" : "24px",
+            height: size === "small" ? "16px" : "24px"
+          }
+        ),
+        startIcon && import_react.default.cloneElement(startIcon, {
+          width: size === "small" ? "16px" : "24px",
+          height: size === "small" ? "16px" : "24px"
+        }),
+        children,
+        endIcon && import_react.default.cloneElement(endIcon, {
+          width: size === "small" ? "16px" : "24px",
+          height: size === "small" ? "16px" : "24px"
+        })
+      ]
+    }
+  );
+};
+var button = cva({
+  base: "flex flex-shrink-0 items-center justify-center gap-2 rounded-lg font-inter text-base font-semibold leading-[130%] disabled:cursor-not-allowed disabled:ring-0",
+  variants: {
+    size: {
+      large: "h-12 px-[11.13px]",
+      medium: "h-10 px-[11.13px]",
+      small: "h-8 gap-1 px-[11.4px] text-sm leading-[120%]"
+    },
+    variant: {
+      contained: "bg-primary-500 text-neutral-50 hover:bg-primary-600 focus:bg-primary-500 focus:ring-[3px] focus:ring-inset focus:ring-primary-800 active:bg-primary-700 active:ring-0  disabled:bg-neutral-100 disabled:text-neutral-500",
+      outlined: "text-primary-500 ring-[1.5px] ring-inset ring-primary-500 hover:bg-transparent-primary-9 hover:text-primary-600 hover:ring-primary-600 focus:bg-neutral-50 focus:bg-opacity-0 focus:text-primary-500 focus:ring-[3px] focus:ring-primary-800 active:bg-transparent-primary-20 active:text-primary-700 active:ring-[1.5px] active:ring-primary-700 disabled:bg-neutral-50 disabled:bg-opacity-0 disabled:text-neutral-500 disabled:ring-[1.5px] disabled:ring-neutral-500",
+      ghost: "text-primary-500 hover:bg-transparent-primary-9 hover:text-primary-600 focus:bg-neutral-50 focus:bg-opacity-0 focus:ring-[3px] focus:ring-inset focus:ring-primary-800 active:bg-transparent-primary-20 active:text-primary-700 active:ring-0 disabled:bg-neutral-50 disabled:bg-opacity-0 disabled:text-neutral-500",
+      standard: "text-neutral-900 hover:bg-transparent-primary-9 focus:bg-neutral-50 focus:bg-opacity-0 focus:ring-[3px] focus:ring-inset focus:ring-primary-800 active:bg-transparent-primary-20 active:ring-0 disabled:bg-neutral-50 disabled:bg-opacity-0 disabled:text-neutral-500",
+      link: "text-primary-500 underline underline-offset-2 hover:bg-transparent-primary-9 hover:text-primary-600 focus:bg-neutral-50 focus:bg-opacity-0 focus:text-primary-500 focus:ring-[3px] focus:ring-inset focus:ring-primary-800 active:bg-transparent-primary-20 active:text-primary-700 active:ring-0 disabled:bg-neutral-50 disabled:bg-opacity-0 disabled:text-neutral-500"
+    },
+    loading: {
+      true: "disabled:text-neutral-50 disabled:text-opacity-0"
+    }
+  },
+  defaultVariants: {
+    variant: "contained",
+    size: "medium"
+  }
+});
+
+export { Button };