sodtrack-web-ui 0.83.0 → 0.84.0

package/dist/components/{status-badge.d.ts → badge-status.d.ts}

@@ -3,10 +3,10 @@ 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<{
+type BadgeStatusVariant = "aqua-100" | "sky-50" | "info-100" | "success-50" | "mint-50" | "success-200" | "jungle-200" | "green-200" | "banana-50" | "banana-100" | "secondary-100" | "warning-50" | "warning-200" | "orange-50" | "orange-100" | "coral-50" | "danger-50" | "danger-100" | "new-50" | "lavender-100" | "orchid-100" | "neutral-200" | "neutral-300" | "neutral-400";
+type BadgeStatusSize = "sm" | "md" | "lg" | "xl";
+type BadgeStatusLeading = "dot" | LucideIcon | undefined;
+declare const badgeStatus: tailwind_variants.TVReturnType<{
     size: {
         sm: {
             text: string;
@@ -33,13 +33,19 @@ declare const statusBadge: tailwind_variants.TVReturnType<{
         false: {};
     };
     variant: {
+        "aqua-100": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
         "sky-50": {
             container: string;
             icon: string;
             text: string;
             dot: string;
         };
-        "sky-200": {
+        "info-100": {
             container: string;
             icon: string;
             text: string;
@@ -51,67 +57,73 @@ declare const statusBadge: tailwind_variants.TVReturnType<{
             text: string;
             dot: string;
         };
-        "success-100": {
+        "mint-50": {
             container: string;
             icon: string;
             text: string;
             dot: string;
         };
-        "lime-100": {
+        "success-200": {
             container: string;
             icon: string;
             text: string;
             dot: string;
         };
-        "mantis-100": {
+        "jungle-200": {
             container: string;
             icon: string;
             text: string;
             dot: string;
         };
-        "mantis-200": {
+        "green-200": {
             container: string;
             icon: string;
             text: string;
             dot: string;
         };
-        "warning-50": {
+        "banana-50": {
             container: string;
             icon: string;
             text: string;
             dot: string;
         };
-        "warning-100": {
+        "banana-100": {
             container: string;
             icon: string;
             text: string;
             dot: string;
         };
-        "warning-200": {
+        "secondary-100": {
             container: string;
             icon: string;
             text: string;
             dot: string;
         };
-        "orange-50": {
+        "warning-50": {
             container: string;
             icon: string;
             text: string;
             dot: string;
         };
-        "secondary-50": {
+        "warning-200": {
             container: string;
             icon: string;
             text: string;
             dot: string;
         };
-        "secondary-100": {
+        "orange-50": {
             container: string;
             icon: string;
             text: string;
             dot: string;
         };
-        "secondary-200": {
+        "orange-100": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
+        "coral-50": {
             container: string;
             icon: string;
             text: string;
@@ -135,13 +147,13 @@ declare const statusBadge: tailwind_variants.TVReturnType<{
             text: string;
             dot: string;
         };
-        "new-100": {
+        "lavender-100": {
             container: string;
             icon: string;
             text: string;
             dot: string;
         };
-        "purple-100": {
+        "orchid-100": {
             container: string;
             icon: string;
             text: string;
@@ -198,13 +210,19 @@ declare const statusBadge: tailwind_variants.TVReturnType<{
         false: {};
     };
     variant: {
+        "aqua-100": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
         "sky-50": {
             container: string;
             icon: string;
             text: string;
             dot: string;
         };
-        "sky-200": {
+        "info-100": {
             container: string;
             icon: string;
             text: string;
@@ -216,67 +234,73 @@ declare const statusBadge: tailwind_variants.TVReturnType<{
             text: string;
             dot: string;
         };
-        "success-100": {
+        "mint-50": {
             container: string;
             icon: string;
             text: string;
             dot: string;
         };
-        "lime-100": {
+        "success-200": {
             container: string;
             icon: string;
             text: string;
             dot: string;
         };
-        "mantis-100": {
+        "jungle-200": {
             container: string;
             icon: string;
             text: string;
             dot: string;
         };
-        "mantis-200": {
+        "green-200": {
             container: string;
             icon: string;
             text: string;
             dot: string;
         };
-        "warning-50": {
+        "banana-50": {
             container: string;
             icon: string;
             text: string;
             dot: string;
         };
-        "warning-100": {
+        "banana-100": {
             container: string;
             icon: string;
             text: string;
             dot: string;
         };
-        "warning-200": {
+        "secondary-100": {
             container: string;
             icon: string;
             text: string;
             dot: string;
         };
-        "orange-50": {
+        "warning-50": {
             container: string;
             icon: string;
             text: string;
             dot: string;
         };
-        "secondary-50": {
+        "warning-200": {
             container: string;
             icon: string;
             text: string;
             dot: string;
         };
-        "secondary-100": {
+        "orange-50": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
+        "orange-100": {
             container: string;
             icon: string;
             text: string;
             dot: string;
         };
-        "secondary-200": {
+        "coral-50": {
             container: string;
             icon: string;
             text: string;
@@ -300,13 +324,13 @@ declare const statusBadge: tailwind_variants.TVReturnType<{
             text: string;
             dot: string;
         };
-        "new-100": {
+        "lavender-100": {
             container: string;
             icon: string;
             text: string;
             dot: string;
         };
-        "purple-100": {
+        "orchid-100": {
             container: string;
             icon: string;
             text: string;
@@ -363,13 +387,19 @@ declare const statusBadge: tailwind_variants.TVReturnType<{
         false: {};
     };
     variant: {
+        "aqua-100": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
         "sky-50": {
             container: string;
             icon: string;
             text: string;
             dot: string;
         };
-        "sky-200": {
+        "info-100": {
             container: string;
             icon: string;
             text: string;
@@ -381,67 +411,73 @@ declare const statusBadge: tailwind_variants.TVReturnType<{
             text: string;
             dot: string;
         };
-        "success-100": {
+        "mint-50": {
             container: string;
             icon: string;
             text: string;
             dot: string;
         };
-        "lime-100": {
+        "success-200": {
             container: string;
             icon: string;
             text: string;
             dot: string;
         };
-        "mantis-100": {
+        "jungle-200": {
             container: string;
             icon: string;
             text: string;
             dot: string;
         };
-        "mantis-200": {
+        "green-200": {
             container: string;
             icon: string;
             text: string;
             dot: string;
         };
-        "warning-50": {
+        "banana-50": {
             container: string;
             icon: string;
             text: string;
             dot: string;
         };
-        "warning-100": {
+        "banana-100": {
             container: string;
             icon: string;
             text: string;
             dot: string;
         };
-        "warning-200": {
+        "secondary-100": {
             container: string;
             icon: string;
             text: string;
             dot: string;
         };
-        "orange-50": {
+        "warning-50": {
             container: string;
             icon: string;
             text: string;
             dot: string;
         };
-        "secondary-50": {
+        "warning-200": {
             container: string;
             icon: string;
             text: string;
             dot: string;
         };
-        "secondary-100": {
+        "orange-50": {
+            container: string;
+            icon: string;
+            text: string;
+            dot: string;
+        };
+        "orange-100": {
             container: string;
             icon: string;
             text: string;
             dot: string;
         };
-        "secondary-200": {
+        "coral-50": {
             container: string;
             icon: string;
             text: string;
@@ -465,13 +501,13 @@ declare const statusBadge: tailwind_variants.TVReturnType<{
             text: string;
             dot: string;
         };
-        "new-100": {
+        "lavender-100": {
             container: string;
             icon: string;
             text: string;
             dot: string;
         };
-        "purple-100": {
+        "orchid-100": {
             container: string;
             icon: string;
             text: string;
@@ -502,12 +538,12 @@ declare const statusBadge: tailwind_variants.TVReturnType<{
     text: string;
     dot: string;
 }, undefined, unknown, unknown, undefined>>;
-type StatusBadgeProps = {
+type BadgeStatusProps = {
     text?: string;
     className?: HTMLAttributes<HTMLDivElement>["className"];
     leading?: "dot" | LucideIcon;
-    size: StatusBadgeSize;
-} & VariantProps<typeof statusBadge>;
-declare const StatusBadge: FC<StatusBadgeProps>;
+    size: BadgeStatusSize;
+} & VariantProps<typeof badgeStatus>;
+declare const BadgeStatus: FC<BadgeStatusProps>;
 
-export { StatusBadge, type StatusBadgeLeading, type StatusBadgeProps, type StatusBadgeSize, type StatusBadgeVariant };
+export { BadgeStatus, type BadgeStatusLeading, type BadgeStatusProps, type BadgeStatusSize, type BadgeStatusVariant };

package/dist/components/badge-status.js

@@ -0,0 +1 @@
+'use strict';var tailwindVariants=require('tailwind-variants'),jsxRuntime=require('react/jsx-runtime');var u=tailwindVariants.tv({slots:{container:"flex w-fit items-center justify-center gap-1 rounded-sm ring ring-inset",icon:"shrink-0",text:"line-clamp-1",dot:"size-1.5 shrink-0 rounded-full"},variants:{size:{sm:{text:"text-2xs leading-[130%]",icon:"size-3"},md:{text:"text-xs leading-[133%]",icon:"size-3"},lg:{text:"text-sm leading-[143%]",icon:"size-3.5"},xl:{container:"shrink-0",text:"line-clamp-3 text-center text-xs leading-[144%]",icon:"size-3.5"}},isIconOnly:{true:{container:"aspect-square"},false:{}},variant:{"aqua-100":{container:"bg-aqua-100 ring-aqua-500",icon:"text-aqua-800",text:"text-aqua-800",dot:"bg-aqua-700"},"sky-50":{container:"bg-sky-50 ring-sky-300",icon:"text-sky-800",text:"text-sky-800",dot:"bg-sky-700"},"info-100":{container:"bg-info-100 ring-info-500",icon:"text-info-800",text:"text-info-800",dot:"bg-info-600"},"success-50":{container:"bg-success-50 ring-success-300",icon:"text-success-800",text:"text-success-800",dot:"bg-success-700"},"mint-50":{container:"bg-mint-50 ring-mint-300",icon:"text-mint-800",text:"text-mint-800",dot:"bg-mint-500"},"success-200":{container:"bg-success-200 ring-success-300",icon:"text-success-800",text:"text-success-800",dot:"bg-success-700"},"jungle-200":{container:"bg-jungle-200 ring-mint-500",icon:"text-jungle-800",text:"text-jungle-800",dot:"bg-jungle-700"},"green-200":{container:"bg-green-200 ring-green-600",icon:"text-green-800",text:"text-green-800",dot:"bg-green-700"},"banana-50":{container:"bg-banana-50 ring-banana-500",icon:"text-banana-800",text:"text-banana-800",dot:"bg-banana-700"},"banana-100":{container:"bg-banana-100 ring-banana-500",icon:"text-banana-800",text:"text-banana-800",dot:"bg-banana-700"},"secondary-100":{container:"bg-secondary-100 ring-secondary-400",icon:"text-secondary-900",text:"text-secondary-900",dot:"bg-secondary-700"},"warning-50":{container:"bg-warning-50 ring-warning-300",icon:"text-warning-800",text:"text-warning-800",dot:"bg-warning-600"},"warning-200":{container:"bg-warning-200 ring-warning-500",icon:"text-warning-800",text:"text-warning-800",dot:"bg-warning-700"},"orange-50":{container:"bg-orange-50 ring-orange-200",icon:"text-warning-800",text:"text-warning-800",dot:"bg-orange-500"},"orange-100":{container:"bg-orange-100 ring-orange-300",icon:"text-orange-800",text:"text-orange-800",dot:"bg-orange-600"},"coral-50":{container:"bg-coral-50 ring-coral-300",icon:"text-coral-800",text:"text-coral-800",dot:"bg-coral-600"},"danger-50":{container:"bg-danger-50 ring-danger-300",icon:"text-danger-800",text:"text-danger-800",dot:"bg-danger-600"},"danger-100":{container:"bg-danger-100 ring-danger-300",icon:"text-danger-800",text:"text-danger-800",dot:"bg-danger-600"},"new-50":{container:"bg-new-50 ring-new-300",icon:"text-new-800",text:"text-new-800",dot:"bg-new-500"},"lavender-100":{container:"bg-lavender-100 ring-lavender-300",icon:"text-lavender-800",text:"text-lavender-800",dot:"bg-lavender-700"},"orchid-100":{container:"bg-orchid-100 ring-orchid-300",icon:"text-orchid-800",text:"text-orchid-800",dot:"bg-orchid-700"},"neutral-200":{container:"bg-neutral-200 ring-neutral-600",icon:"text-neutral-800",text:"text-neutral-800",dot:"bg-neutral-700"},"neutral-300":{container:"bg-neutral-300 ring-neutral-600",icon:"text-neutral-800",text:"text-neutral-800",dot:"bg-neutral-700"},"neutral-400":{container:"bg-neutral-400 ring-neutral-700",icon:"text-neutral-800",text:"text-neutral-800",dot:"bg-neutral-700"}}},compoundVariants:[{size:"sm",isIconOnly:false,class:{container:"py-0.625 px-1.5"}},{size:"sm",isIconOnly:true,class:{container:"p-0.75"}},{size:"md",isIconOnly:false,class:{container:"px-1.5 py-0.5"}},{size:"md",isIconOnly:true,class:{container:"p-1"}},{size:"lg",isIconOnly:false,class:{container:"px-1.5 py-0.5"}},{size:"lg",isIconOnly:true,class:{container:"p-1.125"}},{size:"xl",isIconOnly:false,class:{container:"w-30 px-1.5 py-1"}},{size:"xl",isIconOnly:true,class:{container:"p-1.75",icon:"size-4.5"}}]}),m=({text:t,className:a,variant:r="neutral-400",leading:n,size:i,...o})=>{let s=!t&&!!n&&n!=="dot",{container:c,text:g,dot:x,icon:l}=u({variant:r,size:i,isIconOnly:s});return jsxRuntime.jsxs("div",{className:c({className:a}),...o,children:[n==="dot"&&jsxRuntime.jsx("div",{className:x()}),n!=="dot"&&n&&jsxRuntime.jsx(n,{className:l()}),t&&jsxRuntime.jsx("p",{className:g(),children:t})]})};exports.BadgeStatus=m;

package/dist/components/badge-status.mjs

@@ -0,0 +1 @@
+export{a as BadgeStatus}from'../chunk-WAF6FQLO.mjs';

package/dist/components/card-expandable.mjs

@@ -1 +1 @@
-export{d as CardExpandable,b as CardExpandableContent,c as CardExpandableFixedContent,a as CardExpandableHeader}from'../chunk-QP7ZCYZI.mjs';import'../chunk-AI4D6AOK.mjs';import'../chunk-GBBE3RHT.mjs';import'../chunk-PTRXL7BY.mjs';import'../chunk-FAMLJ6AJ.mjs';import'../chunk-JWB3TN2C.mjs';import'../chunk-DHWOGUID.mjs';import'../chunk-5VHBHGBZ.mjs';import'../chunk-XJD5SYZJ.mjs';
+export{d as CardExpandable,b as CardExpandableContent,c as CardExpandableFixedContent,a as CardExpandableHeader}from'../chunk-4MF2IFZT.mjs';import'../chunk-AI4D6AOK.mjs';import'../chunk-PTRXL7BY.mjs';import'../chunk-GBBE3RHT.mjs';import'../chunk-FAMLJ6AJ.mjs';import'../chunk-JWB3TN2C.mjs';import'../chunk-DHWOGUID.mjs';import'../chunk-5VHBHGBZ.mjs';import'../chunk-XJD5SYZJ.mjs';

package/dist/components/index.d.mts

@@ -57,7 +57,10 @@ export { ChipExpandable, ChipExpandableProps, ChipExpandableTypeType, ChipExpand
 export { Carousel, Carousel as CarouselComponent, CarouselControl, CarouselIndicator, CarouselIndicatorGroup, CarouselItem, CarouselItemGroup, CarouselNextTrigger, CarouselPrevTrigger, CarouselRoot, CarouselViewport } from './carousel.mjs';
 export { TextareaNew, TextareaNewProps } from './textarea-new.mjs';
 export { Drawer, DrawerBody, DrawerCloseTrigger, DrawerContent, DrawerContentProps, DrawerFooter, DrawerHeader, DrawerHeaderProps, DrawerSizes, DrawerTrigger } from './drawer.mjs';
-export { StatusBadge, StatusBadgeLeading, StatusBadgeProps, StatusBadgeSize, StatusBadgeVariant } from './status-badge.mjs';
+export { BadgeStatus, BadgeStatusLeading, BadgeStatusProps, BadgeStatusSize, BadgeStatusVariant } from './badge-status.mjs';
+export { BadgeStatusSkeleton, BadgeStatusSkeletonProps } from './badge-status-skeleton.mjs';
+export { BadgeCategory, BadgeCategoryColor, BadgeCategoryProps, BadgeCategorySize, BadgeCategoryVariant } from './badge-category.mjs';
+export { BadgeCategorySkeleton, BadgeCategorySkeletonProps } from './badge-category-skeleton.mjs';
 import * as AccordionPrimitive from '@radix-ui/react-accordion';
 export { AccordionPrimitive };
 export { CarouselControlProps, CarouselIndicatorGroupProps, CarouselIndicatorProps, CarouselItemGroupProps, CarouselItemProps, CarouselNextTriggerProps, CarouselPrevTriggerProps, CarouselRootProps } from '@ark-ui/react/carousel';

package/dist/components/index.d.ts

@@ -57,7 +57,10 @@ export { ChipExpandable, ChipExpandableProps, ChipExpandableTypeType, ChipExpand
 export { Carousel, Carousel as CarouselComponent, CarouselControl, CarouselIndicator, CarouselIndicatorGroup, CarouselItem, CarouselItemGroup, CarouselNextTrigger, CarouselPrevTrigger, CarouselRoot, CarouselViewport } from './carousel.js';
 export { TextareaNew, TextareaNewProps } from './textarea-new.js';
 export { Drawer, DrawerBody, DrawerCloseTrigger, DrawerContent, DrawerContentProps, DrawerFooter, DrawerHeader, DrawerHeaderProps, DrawerSizes, DrawerTrigger } from './drawer.js';
-export { StatusBadge, StatusBadgeLeading, StatusBadgeProps, StatusBadgeSize, StatusBadgeVariant } from './status-badge.js';
+export { BadgeStatus, BadgeStatusLeading, BadgeStatusProps, BadgeStatusSize, BadgeStatusVariant } from './badge-status.js';
+export { BadgeStatusSkeleton, BadgeStatusSkeletonProps } from './badge-status-skeleton.js';
+export { BadgeCategory, BadgeCategoryColor, BadgeCategoryProps, BadgeCategorySize, BadgeCategoryVariant } from './badge-category.js';
+export { BadgeCategorySkeleton, BadgeCategorySkeletonProps } from './badge-category-skeleton.js';
 import * as AccordionPrimitive from '@radix-ui/react-accordion';
 export { AccordionPrimitive };
 export { CarouselControlProps, CarouselIndicatorGroupProps, CarouselIndicatorProps, CarouselItemGroupProps, CarouselItemProps, CarouselNextTriggerProps, CarouselPrevTriggerProps, CarouselRootProps } from '@ark-ui/react/carousel';