sodtrack-web-ui 0.82.0 → 0.83.0

package/dist/components/status-badge.d.mts

@@ -0,0 +1,513 @@
+import * as tailwind_variants from 'tailwind-variants';
+import { VariantProps } from 'tailwind-variants';
+import { LucideIcon } from 'lucide-react';
+import { FC, HTMLAttributes } from 'react';
+
+type StatusBadgeVariant = "sky-50" | "sky-200" | "success-50" | "success-100" | "lime-100" | "mantis-100" | "mantis-200" | "warning-50" | "warning-100" | "warning-200" | "orange-50" | "secondary-50" | "secondary-100" | "secondary-200" | "danger-50" | "danger-100" | "new-50" | "new-100" | "purple-100" | "neutral-200" | "neutral-300" | "neutral-400";
+type StatusBadgeSize = "sm" | "md" | "lg" | "xl";
+type StatusBadgeLeading = "dot" | LucideIcon | undefined;
+declare const statusBadge: tailwind_variants.TVReturnType<{
+    size: {
+        sm: {
+            text: string;
+            icon: string;
+        };
+        md: {
+            text: string;
+            icon: string;
+        };
+        lg: {
+            text: string;
+            icon: string;
+        };
+        xl: {
+            container: string;
+            text: string;
+            icon: string;
+        };
+    };
+    isIconOnly: {
+        true: {
+            container: string;
+        };
+        false: {};
+    };
+    variant: {
+        "sky-50": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
+        "sky-200": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
+        "success-50": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
+        "success-100": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
+        "lime-100": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
+        "mantis-100": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
+        "mantis-200": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
+        "warning-50": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
+        "warning-100": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
+        "warning-200": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
+        "orange-50": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
+        "secondary-50": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
+        "secondary-100": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
+        "secondary-200": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
+        "danger-50": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
+        "danger-100": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
+        "new-50": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
+        "new-100": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
+        "purple-100": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
+        "neutral-200": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
+        "neutral-300": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
+        "neutral-400": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
+    };
+}, {
+    container: string;
+    icon: string;
+    text: string;
+    dot: string;
+}, undefined, {
+    size: {
+        sm: {
+            text: string;
+            icon: string;
+        };
+        md: {
+            text: string;
+            icon: string;
+        };
+        lg: {
+            text: string;
+            icon: string;
+        };
+        xl: {
+            container: string;
+            text: string;
+            icon: string;
+        };
+    };
+    isIconOnly: {
+        true: {
+            container: string;
+        };
+        false: {};
+    };
+    variant: {
+        "sky-50": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
+        "sky-200": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
+        "success-50": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
+        "success-100": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
+        "lime-100": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
+        "mantis-100": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
+        "mantis-200": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
+        "warning-50": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
+        "warning-100": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
+        "warning-200": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
+        "orange-50": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
+        "secondary-50": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
+        "secondary-100": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
+        "secondary-200": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
+        "danger-50": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
+        "danger-100": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
+        "new-50": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
+        "new-100": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
+        "purple-100": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
+        "neutral-200": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
+        "neutral-300": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
+        "neutral-400": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
+    };
+}, {
+    container: string;
+    icon: string;
+    text: string;
+    dot: string;
+}, tailwind_variants.TVReturnType<{
+    size: {
+        sm: {
+            text: string;
+            icon: string;
+        };
+        md: {
+            text: string;
+            icon: string;
+        };
+        lg: {
+            text: string;
+            icon: string;
+        };
+        xl: {
+            container: string;
+            text: string;
+            icon: string;
+        };
+    };
+    isIconOnly: {
+        true: {
+            container: string;
+        };
+        false: {};
+    };
+    variant: {
+        "sky-50": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
+        "sky-200": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
+        "success-50": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
+        "success-100": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
+        "lime-100": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
+        "mantis-100": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
+        "mantis-200": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
+        "warning-50": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
+        "warning-100": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
+        "warning-200": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
+        "orange-50": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
+        "secondary-50": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
+        "secondary-100": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
+        "secondary-200": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
+        "danger-50": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
+        "danger-100": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
+        "new-50": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
+        "new-100": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
+        "purple-100": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
+        "neutral-200": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
+        "neutral-300": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
+        "neutral-400": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
+    };
+}, {
+    container: string;
+    icon: string;
+    text: string;
+    dot: string;
+}, undefined, unknown, unknown, undefined>>;
+type StatusBadgeProps = {
+    text?: string;
+    className?: HTMLAttributes<HTMLDivElement>["className"];
+    leading?: "dot" | LucideIcon;
+    size: StatusBadgeSize;
+} & VariantProps<typeof statusBadge>;
+declare const StatusBadge: FC<StatusBadgeProps>;
+
+export { StatusBadge, type StatusBadgeLeading, type StatusBadgeProps, type StatusBadgeSize, type StatusBadgeVariant };