@xploreu/components 0.4.42 → 0.4.44

package/dist/chunk-K2BMQ2TN.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/ui/textarea.tsx"],"names":["Textarea","className","props","jsx","cn"],"mappings":"mFAIA,SAASA,CAAAA,CAAS,CAChB,SAAA,CAAAC,CAAAA,CACA,GAAGC,CACL,CAAA,CAAqC,CACnC,OACEC,GAAAA,CAAC,UAAA,CAAA,CACC,SAAA,CAAWC,EAAAA,CAAG,mbAAA,CAAqbH,CAAS,CAAA,CAC5c,WAAA,CAAU,UAAA,CACT,GAAGC,EACN,CAEJ","file":"chunk-K2BMQ2TN.js","sourcesContent":["import * as React from \"react\"\r\n\r\nimport { cn } from \"@xploreu/lib/cn\"\r\n\r\nfunction Textarea({\r\n  className,\r\n  ...props\r\n}: React.ComponentProps<\"textarea\">) {\r\n  return (\r\n    <textarea\r\n      className={cn(\"border-border-primary text-body-regular-2 placeholder:text-text-placeholder focus-visible:border-border-brand focus-visible:ring-2 focus-visible:ring-border-brand/20 aria-invalid:border-content-on-error-subtle-action flex min-h-16 w-full rounded-xp-card-base border bg-bg-primary p-3 text-body-regular-2 transition-[color,box-shadow,border] outline-none disabled:cursor-not-allowed disabled:bg-bg-disabled disabled:text-text-disabled\", className)}\r\n      data-slot=\"textarea\"\r\n      {...props}\r\n    />\r\n  )\r\n}\r\n\r\nexport { Textarea }\r\n"]}

package/dist/chunk-K7GGFR7W.js

@@ -1,2 +0,0 @@
-import*as t from'react';import*as e from'@radix-ui/react-label';import {cva}from'class-variance-authority';import {cn}from'@xploreu/lib/cn';import {jsx}from'react/jsx-runtime';var s=cva("text-text-primary peer-disabled:cursor-not-allowed peer-disabled:opacity-70",{variants:{size:{sm:"text-label-semibold-2",md:"text-label-semibold-2"}},defaultVariants:{size:"md"}}),p=t.forwardRef(({className:a,size:i,...o},r)=>jsx(e.Root,{ref:r,className:cn(s({size:i}),a),...o}));p.displayName=e.Root.displayName;export{s as a,p as b};//# sourceMappingURL=chunk-K7GGFR7W.js.map
-//# sourceMappingURL=chunk-K7GGFR7W.js.map

package/dist/chunk-K7GGFR7W.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/ui/label.tsx"],"names":["labelVariants","cva","Label","className","size","props","ref","jsx","cn"],"mappings":"gLAQA,IAAMA,CAAAA,CAAgBC,GAAAA,CACpB,6EAAA,CACA,CACE,QAAA,CAAU,CACR,IAAA,CAAM,CACJ,EAAA,CAAI,uBAAA,CACJ,GAAI,uBACN,CACF,CAAA,CACA,eAAA,CAAiB,CACf,IAAA,CAAM,IACR,CACF,CACF,CAAA,CAEMC,CAAAA,CAAc,CAAA,CAAA,UAAA,CAIlB,CAAC,CAAE,SAAA,CAAAC,CAAAA,CAAW,IAAA,CAAAC,CAAAA,CAAM,GAAGC,CAAM,CAAA,CAAGC,CAAAA,GAChCC,GAAAA,CAAgB,OAAf,CACC,GAAA,CAAKD,CAAAA,CACL,SAAA,CAAWE,EAAAA,CAAGR,CAAAA,CAAc,CAAE,IAAA,CAAAI,CAAK,CAAC,CAAA,CAAGD,CAAS,CAAA,CAC/C,GAAGE,CAAAA,CACN,CACD,EACDH,CAAAA,CAAM,YAA6B,CAAA,CAAA,IAAA,CAAK,WAAA","file":"chunk-K7GGFR7W.js","sourcesContent":["\"use client\"\r\n\r\nimport * as React from \"react\"\r\nimport * as LabelPrimitive from \"@radix-ui/react-label\"\r\nimport { cva, type VariantProps } from \"class-variance-authority\"\r\n\r\nimport { cn } from \"@xploreu/lib/cn\"\r\n\r\nconst labelVariants = cva(\r\n  \"text-text-primary peer-disabled:cursor-not-allowed peer-disabled:opacity-70\",\r\n  {\r\n    variants: {\r\n      size: {\r\n        sm: \"text-label-semibold-2\",\r\n        md: \"text-label-semibold-2\",\r\n      },\r\n    },\r\n    defaultVariants: {\r\n      size: \"md\",\r\n    },\r\n  }\r\n)\r\n\r\nconst Label = React.forwardRef<\r\n  React.ElementRef<typeof LabelPrimitive.Root>,\r\n  React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root> &\r\n  VariantProps<typeof labelVariants>\r\n>(({ className, size, ...props }, ref) => (\r\n  <LabelPrimitive.Root\r\n    ref={ref}\r\n    className={cn(labelVariants({ size }), className)}\r\n    {...props}\r\n  />\r\n))\r\nLabel.displayName = LabelPrimitive.Root.displayName\r\n\r\nexport { Label, labelVariants }\r\n"]}

package/dist/chunk-PJYKUR4F.js

@@ -1,2 +0,0 @@
-import {b,d,e,f,g,h}from'./chunk-G6HDEOYZ.js';import {b as b$1}from'./chunk-JH6RZ3QH.js';import'react';import {jsx,jsxs}from'react/jsx-runtime';function z({inputRef:t,name:u,label:s,control:c,description:T,size:r,type:f$1,variant:I,startContent:P,endContent:V,className:y,classNameInput:N,placeholder:C,disabled:g$1}){return jsx(b,{control:c,name:u,render:({field:l})=>jsxs(d,{className:y,children:[s&&jsx(e,{size:r,children:s}),jsx(f,{children:jsx(b$1,{className:N,disabled:g$1,endContent:V,placeholder:C,size:r,startContent:P,type:f$1,variant:I,...l,ref:o=>{l.ref(o),t&&(typeof t=="function"?t(o):t.current=o);}})}),jsx(g,{size:r,children:T}),jsx(h,{size:r})]})})}export{z as a};//# sourceMappingURL=chunk-PJYKUR4F.js.map
-//# sourceMappingURL=chunk-PJYKUR4F.js.map

package/dist/chunk-PJYKUR4F.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/form/form-input.tsx"],"names":["FormInput","inputRef","name","label","control","description","size","type","variant","startContent","endContent","className","classNameInput","placeholder","disabled","jsx","FormField","field","jsxs","FormItem","FormLabel","FormControl","Input","e","FormDescription","FormMessage"],"mappings":"gJAkCA,SAASA,CAAAA,CAAmF,CAC1F,QAAA,CAAAC,CAAAA,CACA,IAAA,CAAAC,CAAAA,CACA,KAAA,CAAAC,CAAAA,CACA,OAAA,CAAAC,CAAAA,CACA,WAAA,CAAAC,CAAAA,CACA,IAAA,CAAAC,CAAAA,CACA,IAAA,CAAAC,GAAAA,CACA,OAAA,CAAAC,CAAAA,CACA,YAAA,CAAAC,CAAAA,CACA,WAAAC,CAAAA,CACA,SAAA,CAAAC,CAAAA,CACA,cAAA,CAAAC,CAAAA,CACA,WAAA,CAAAC,CAAAA,CACA,QAAA,CAAAC,GACF,CAAA,CAAwC,CACtC,OACEC,GAAAA,CAACC,CAAAA,CAAA,CACC,OAAA,CAASZ,CAAAA,CACT,IAAA,CAAMF,CAAAA,CACN,MAAA,CAAQ,CAAC,CAAE,KAAA,CAAAe,CAAM,CAAA,GAEbC,IAAAA,CAACC,CAAAA,CAAA,CAAS,SAAA,CAAWR,CAAAA,CAClB,QAAA,CAAA,CAAAR,CAAAA,EACCY,IAACK,CAAAA,CAAA,CAAU,IAAA,CAAMd,CAAAA,CACd,QAAA,CAAAH,CAAAA,CACH,CAAA,CAEFY,GAAAA,CAACM,CAAAA,CAAA,CACC,QAAA,CAAAN,GAAAA,CAACO,GAAAA,CAAA,CACC,SAAA,CAAWV,CAAAA,CACX,QAAA,CAAUE,GAAAA,CACV,UAAA,CAAYJ,CAAAA,CACZ,WAAA,CAAaG,CAAAA,CACb,IAAA,CAAMP,CAAAA,CACN,YAAA,CAAcG,CAAAA,CACd,IAAA,CAAMF,GAAAA,CACN,OAAA,CAASC,CAAAA,CACR,GAAGS,CAAAA,CACJ,IAAMM,CAAAA,EAAM,CACVN,CAAAA,CAAM,GAAA,CAAIM,CAAC,CAAA,CACPtB,CAAAA,GACE,OAAOA,CAAAA,EAAa,UAAA,CACtBA,CAAAA,CAASsB,CAAC,CAAA,CAEVtB,CAAAA,CAAS,OAAA,CAAUsB,CAAAA,EAGzB,EACF,CAAA,CACF,CAAA,CACAR,GAAAA,CAACS,CAAAA,CAAA,CAAgB,IAAA,CAAMlB,CAAAA,CACpB,QAAA,CAAAD,CAAAA,CACH,CAAA,CACAU,GAAAA,CAACU,CAAAA,CAAA,CAAY,IAAA,CAAMnB,CAAAA,CAAM,CAAA,CAAA,CAC3B,EAGN,CAEJ","file":"chunk-PJYKUR4F.js","sourcesContent":["\"use client\"\r\n\r\nimport * as React from \"react\"\r\nimport type {\r\n  FieldPath,\r\n  FieldValues,\r\n  UseControllerProps\r\n} from \"react-hook-form\"\r\n\r\nimport {\r\n  FormControl,\r\n  FormDescription,\r\n  FormField,\r\n  FormItem,\r\n  FormLabel,\r\n  FormMessage,\r\n} from \"./form\"\r\nimport { Input } from \"../ui/input\"\r\n\r\ntype FormInputProps<\r\n  TFieldValues extends FieldValues,\r\n  TName extends FieldPath<TFieldValues>\r\n> = {\r\n  inputRef?: React.Ref<HTMLInputElement>;\r\n  label?: string;\r\n  description?: string;\r\n  placeholder?: string;\r\n  type?: React.HTMLInputTypeAttribute;\r\n  className?: string;\r\n  classNameInput?: string;\r\n  size?: \"sm\" | \"md\";\r\n} & UseControllerProps<TFieldValues, TName>\r\n  & Omit<React.ComponentProps<typeof Input>, \"size\">\r\n\r\nfunction FormInput<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>>({\r\n  inputRef,\r\n  name,\r\n  label,\r\n  control,\r\n  description,\r\n  size,\r\n  type,\r\n  variant,\r\n  startContent,\r\n  endContent,\r\n  className,\r\n  classNameInput,\r\n  placeholder,\r\n  disabled,\r\n}: FormInputProps<TFieldValues, TName>) {\r\n  return (\r\n    <FormField\r\n      control={control}\r\n      name={name}\r\n      render={({ field }) => {\r\n        return (\r\n          <FormItem className={className}>\r\n            {label && (\r\n              <FormLabel size={size}>\r\n                {label}\r\n              </FormLabel>\r\n            )}\r\n            <FormControl>\r\n              <Input\r\n                className={classNameInput}\r\n                disabled={disabled}\r\n                endContent={endContent}\r\n                placeholder={placeholder}\r\n                size={size}\r\n                startContent={startContent}\r\n                type={type}\r\n                variant={variant}\r\n                {...field}\r\n                ref={(e) => {\r\n                  field.ref(e)\r\n                  if (inputRef) {\r\n                    if (typeof inputRef === \"function\") {\r\n                      inputRef(e)\r\n                    } else {\r\n                      inputRef.current = e\r\n                    }\r\n                  }\r\n                }}\r\n              />\r\n            </FormControl>\r\n            <FormDescription size={size}>\r\n              {description}\r\n            </FormDescription>\r\n            <FormMessage size={size} />\r\n          </FormItem>\r\n        )\r\n      }}\r\n    />\r\n  )\r\n}\r\n\r\nexport { FormInput }\r\nexport type { FormInputProps }\r\n"]}

package/dist/chunk-UR3YD2QR.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/ui/tabs.tsx"],"names":["Tabs","className","variant","props","jsx","cn","TabsList","highlightClassName","TabsHighlight","TabsTab","count","children","TabsHighlightItem","jsxs","TabsPanels","TabsPanel"],"mappings":"wIAoBA,SAASA,EAAK,CAAE,SAAA,CAAAC,EAAW,OAAA,CAAAC,GAAAA,CAAU,UAAW,GAAGC,CAAM,EAAc,CACrE,OACEC,GAAAA,CAACJ,CAAAA,CAAA,CACC,SAAA,CAAWK,EAAAA,CAAG,iCAAkCJ,CAAS,CAAA,CACzD,eAAcC,GAAAA,CACb,GAAGC,EACN,CAEJ,CAMA,SAASG,CAAAA,CAAS,CAAE,UAAAL,CAAAA,CAAW,kBAAA,CAAAM,EAAoB,GAAGJ,CAAM,CAAA,CAAkB,CAC5E,OACEC,GAAAA,CAACI,CAAAA,CAAA,CACC,SAAA,CAAWH,EAAAA,CACT,eACA,8IAAA,CACA,8OAAA,CACA,8WACA,iQAAA,CACA,sSAAA,CACA,oMACA,kPAAA,CACAE,CACF,EAEA,QAAA,CAAAH,GAAAA,CAACE,IAAA,CACC,SAAA,CAAWD,GACT,+CAAA,CACA,gRAAA,CACA,4CACA,8QAAA,CACA,wQAAA,CACA,mUACA,yQAAA,CACA,wCAAA,CACAJ,CACF,CAAA,CACC,GAAGE,EACN,CAAA,CACF,CAEJ,CAMA,SAASM,CAAAA,CAAQ,CAAE,SAAA,CAAAR,CAAAA,CAAW,MAAAS,CAAAA,CAAO,QAAA,CAAAC,CAAAA,CAAU,GAAGR,CAAM,CAAA,CAAiB,CACvE,OACEC,GAAAA,CAACQ,CAAAA,CAAA,CAA2B,KAAA,CAAOT,CAAAA,CAAM,MAAO,SAAA,CAAU,gOAAA,CACxD,SAAAU,IAAAA,CAACJ,CAAAA,CAAA,CACC,SAAA,CAAWJ,EAAAA,CACT,sgBAEA,oTAAA,CAEA,wJAAA,CAEA,ihBAAA,CAEA,ggBAAA,CAEA,+oBAEA,6YAAA,CAEA,s6BAAA,CACAJ,CACF,CAAA,CACC,GAAGE,EAEH,QAAA,CAAA,CAAAQ,CAAAA,CACAD,IAAU,MAAA,EAAaA,CAAAA,GAAU,GAAKA,CAAAA,GAAU,GAAA,EAC/CN,IAAC,MAAA,CAAA,CACC,SAAA,CAAWC,GACT,yIAAA,CAEA,4SAAA,CAEA,gTAAA,CAEA,wSAAA,CAEA,qSAEA,miBAAA,CAEA,oSAAA,CAEA,gHACF,CAAA,CAEC,QAAA,CAAAK,EACH,CAAA,CAAA,CAEJ,CAAA,CACF,CAEJ,CAIA,SAASI,EAAWX,CAAAA,CAAwB,CAC1C,OAAOC,GAAAA,CAACU,CAAAA,CAAA,CAAqB,GAAGX,CAAAA,CAAO,CACzC,CAIA,SAASY,EAAU,CAAE,SAAA,CAAAd,EAAW,GAAGE,CAAM,EAAmB,CAC1D,OACEC,IAACW,GAAAA,CAAA,CACC,UAAWV,EAAAA,CAAG,qBAAA,CAAuBJ,CAAS,CAAA,CAC7C,GAAGE,EACN,CAEJ","file":"chunk-UR3YD2QR.js","sourcesContent":["import {\r\n  Tabs as TabsPrimitive,\r\n  TabsList as TabsListPrimitive,\r\n  TabsTab as TabsTabPrimitive,\r\n  TabsPanel as TabsPanelPrimitive,\r\n  TabsPanels as TabsPanelsPrimitive,\r\n  TabsHighlight as TabsHighlightPrimitive,\r\n  TabsHighlightItem as TabsHighlightItemPrimitive,\r\n  type TabsProps as TabsPrimitiveProps,\r\n  type TabsListProps as TabsListPrimitiveProps,\r\n  type TabsTabProps as TabsTabPrimitiveProps,\r\n  type TabsPanelProps as TabsPanelPrimitiveProps,\r\n  type TabsPanelsProps as TabsPanelsPrimitiveProps,\r\n} from '../primitives/tabs';\r\nimport { cn } from '@xploreu/lib/cn';\r\n\r\ntype TabsProps = TabsPrimitiveProps & {\r\n  variant?: \"default\" | \"underline\" | \"attract\" | \"topbar\" | \"segment\" | \"solid\" | \"filter\";\r\n};\r\n\r\nfunction Tabs({ className, variant = \"default\", ...props }: TabsProps) {\r\n  return (\r\n    <TabsPrimitive\r\n      className={cn('group/tabs flex flex-col gap-2', className)}\r\n      data-variant={variant}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\ntype TabsListProps = TabsListPrimitiveProps & {\r\n  highlightClassName?: string;\r\n};\r\n\r\nfunction TabsList({ className, highlightClassName, ...props }: TabsListProps) {\r\n  return (\r\n    <TabsHighlightPrimitive\r\n      className={cn(\r\n        \"absolute z-0\",\r\n        \"group-data-[variant=default]/tabs:inset-0 group-data-[variant=default]/tabs:rounded-lg group-data-[variant=default]/tabs:bg-bg-primary-solid\",\r\n        \"group-data-[variant=underline]/tabs:bottom-0 group-data-[variant=underline]/tabs:h-0.5 group-data-[variant=underline]/tabs:w-full group-data-[variant=underline]/tabs:rounded-none group-data-[variant=underline]/tabs:bg-fg-brand-secondary\",\r\n        \"group-data-[variant=attract]/tabs:bottom-0 group-data-[variant=attract]/tabs:h-[3px] group-data-[variant=attract]/tabs:w-full group-data-[variant=attract]/tabs:rounded-t-full group-data-[variant=attract]/tabs:bg-gradient-to-r group-data-[variant=attract]/tabs:from-[var(--color-brand-light-500)] group-data-[variant=attract]/tabs:to-[var(--color-brand-light-700)]\",\r\n        \"group-data-[variant=topbar]/tabs:bottom-0 group-data-[variant=topbar]/tabs:h-[3px] group-data-[variant=topbar]/tabs:w-full group-data-[variant=topbar]/tabs:rounded-t-full group-data-[variant=topbar]/tabs:bg-[linear-gradient(90deg,#2F7EF0_0%,#FA0805_100%)]\",\r\n        \"group-data-[variant=segment]/tabs:inset-0 group-data-[variant=segment]/tabs:rounded-lg group-data-[variant=segment]/tabs:bg-bg-brand-primary group-data-[variant=segment]/tabs:data-[value=declined]:bg-bg-error-primary group-data-[variant=segment]/tabs:data-[value=rejected]:bg-bg-error-primary\",\r\n        \"group-data-[variant=solid]/tabs:inset-0 group-data-[variant=solid]/tabs:rounded-lg group-data-[variant=solid]/tabs:bg-gradient-buttons-gradient-blue group-data-[variant=solid]/tabs:shadow-xp-md\",\r\n        \"group-data-[variant=filter]/tabs:inset-0 group-data-[variant=filter]/tabs:rounded-xp-card-base group-data-[variant=filter]/tabs:border group-data-[variant=filter]/tabs:border-border-brand group-data-[variant=filter]/tabs:bg-bg-brand-primary\",\r\n        highlightClassName\r\n      )}\r\n    >\r\n      <TabsListPrimitive\r\n        className={cn(\r\n          \"inline-flex w-fit items-center justify-center\",\r\n          \"group-data-[variant=default]/tabs:bg-bg-tertiary group-data-[variant=default]/tabs:rounded-lg group-data-[variant=default]/tabs:p-0.5 group-data-[variant=default]/tabs:gap-1 group-data-[variant=default]/tabs:border group-data-[variant=default]/tabs:border-border-primary\",\r\n          \"group-data-[variant=underline]/tabs:gap-7\",\r\n          \"group-data-[variant=attract]/tabs:w-full group-data-[variant=attract]/tabs:justify-start group-data-[variant=attract]/tabs:gap-6 group-data-[variant=attract]/tabs:border-b group-data-[variant=attract]/tabs:border-border-secondary group-data-[variant=attract]/tabs:px-6\",\r\n          \"group-data-[variant=topbar]/tabs:w-full group-data-[variant=topbar]/tabs:justify-start group-data-[variant=topbar]/tabs:gap-6 group-data-[variant=topbar]/tabs:border-b group-data-[variant=topbar]/tabs:border-border-secondary group-data-[variant=topbar]/tabs:px-6\",\r\n          \"group-data-[variant=segment]/tabs:bg-bg-primary group-data-[variant=segment]/tabs:rounded-[10px] group-data-[variant=segment]/tabs:p-0.5 group-data-[variant=segment]/tabs:gap-1 group-data-[variant=segment]/tabs:border group-data-[variant=segment]/tabs:border-border-primary group-data-[variant=segment]/tabs:shadow-xp-xs\",\r\n          \"group-data-[variant=solid]/tabs:bg-bg-primary group-data-[variant=solid]/tabs:rounded-[10px] group-data-[variant=solid]/tabs:p-0.5 group-data-[variant=solid]/tabs:gap-0.5 group-data-[variant=solid]/tabs:border group-data-[variant=solid]/tabs:border-border-primary\",\r\n          \"group-data-[variant=filter]/tabs:gap-2\",\r\n          className,\r\n        )}\r\n        {...props}\r\n      />\r\n    </TabsHighlightPrimitive>\r\n  );\r\n}\r\n\r\ntype TabsTabProps = TabsTabPrimitiveProps & {\r\n  count?: number | string;\r\n};\r\n\r\nfunction TabsTab({ className, count, children, ...props }: TabsTabProps) {\r\n  return (\r\n    <TabsHighlightItemPrimitive value={props.value} className=\"flex-1 group-data-[variant=attract]/tabs:flex-none group-data-[variant=topbar]/tabs:flex-none group-data-[variant=segment]/tabs:flex-none group-data-[variant=solid]/tabs:flex-none group-data-[variant=filter]/tabs:flex-none\">\r\n      <TabsTabPrimitive\r\n        className={cn(\r\n          \"group/tabs-trigger data-[active=true]:text-text-brand-tertiary focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring text-text-primary inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md w-full text-label-semibold-2 whitespace-nowrap transition-colors duration-300 ease-in-out focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\r\n          // default variant\r\n          \"group-data-[variant=default]/tabs:px-3 group-data-[variant=default]/tabs:py-2 group-data-[variant=default]/tabs:rounded-lg group-data-[variant=default]/tabs:text-text-quaternary hover:group-data-[variant=default]/tabs:text-text-secondary group-data-[variant=default]/tabs:data-[active=true]:text-text-white\",\r\n          // underline variant\r\n          \"group-data-[variant=underline]/tabs:h-8.5 group-data-[variant=underline]/tabs:px-3 hover:group-data-[variant=underline]/tabs:text-text-brand-secondary\",\r\n          // attract variant\r\n          \"group-data-[variant=attract]/tabs:h-auto group-data-[variant=attract]/tabs:py-3 group-data-[variant=attract]/tabs:px-0 group-data-[variant=attract]/tabs:gap-2 group-data-[variant=attract]/tabs:rounded-none group-data-[variant=attract]/tabs:text-label-medium-2 group-data-[variant=attract]/tabs:text-text-quaternary hover:group-data-[variant=attract]/tabs:text-text-secondary group-data-[variant=attract]/tabs:data-[active=true]:text-text-brand-tertiary group-data-[variant=attract]/tabs:data-[active=true]:text-label-semibold-2\",\r\n          // topbar variant\r\n          \"group-data-[variant=topbar]/tabs:h-auto group-data-[variant=topbar]/tabs:py-4 group-data-[variant=topbar]/tabs:px-0 group-data-[variant=topbar]/tabs:gap-2 group-data-[variant=topbar]/tabs:rounded-none group-data-[variant=topbar]/tabs:text-body-regular-2 group-data-[variant=topbar]/tabs:text-text-quaternary hover:group-data-[variant=topbar]/tabs:text-text-secondary group-data-[variant=topbar]/tabs:data-[active=true]:text-text-primary group-data-[variant=topbar]/tabs:data-[active=true]:text-label-semibold-2\",\r\n          // segment variant\r\n          \"group-data-[variant=segment]/tabs:h-9 group-data-[variant=segment]/tabs:px-3 group-data-[variant=segment]/tabs:py-2 group-data-[variant=segment]/tabs:gap-1 group-data-[variant=segment]/tabs:rounded-lg group-data-[variant=segment]/tabs:text-label-semibold-3 group-data-[variant=segment]/tabs:text-text-quaternary hover:group-data-[variant=segment]/tabs:text-text-secondary group-data-[variant=segment]/tabs:data-[active=true]:text-text-brand-secondary-alt group-data-[variant=segment]/tabs:data-[active=true]:data-[value=declined]:text-text-error-primary group-data-[variant=segment]/tabs:data-[active=true]:data-[value=rejected]:text-text-error-primary\",\r\n          // solid variant\r\n          \"group-data-[variant=solid]/tabs:h-9 group-data-[variant=solid]/tabs:px-3.5 group-data-[variant=solid]/tabs:py-2 group-data-[variant=solid]/tabs:rounded-lg group-data-[variant=solid]/tabs:text-label-semibold-3 group-data-[variant=solid]/tabs:text-text-tertiary hover:group-data-[variant=solid]/tabs:text-text-secondary group-data-[variant=solid]/tabs:data-[active=true]:text-text-primary-on-brand\",\r\n          // filter variant\r\n          \"group-data-[variant=filter]/tabs:h-9 group-data-[variant=filter]/tabs:px-3 group-data-[variant=filter]/tabs:gap-2 group-data-[variant=filter]/tabs:rounded-xp-card-base group-data-[variant=filter]/tabs:border group-data-[variant=filter]/tabs:border-border-primary group-data-[variant=filter]/tabs:bg-transparent group-data-[variant=filter]/tabs:text-body-medium-3 group-data-[variant=filter]/tabs:text-text-secondary group-data-[variant=filter]/tabs:shadow-xp-xs hover:group-data-[variant=filter]/tabs:bg-bg-primary-hover group-data-[variant=filter]/tabs:data-[active=true]:border-transparent group-data-[variant=filter]/tabs:data-[active=true]:text-text-brand-secondary hover:group-data-[variant=filter]/tabs:data-[active=true]:bg-transparent group-data-[variant=filter]/tabs:[&_svg]:size-3.5 group-data-[variant=filter]/tabs:[&_svg]:text-fg-tertiary group-data-[variant=filter]/tabs:data-[active=true]:[&_svg]:text-fg-brand-primary\",\r\n          className,\r\n        )}\r\n        {...props}\r\n      >\r\n        {children}\r\n        {count !== undefined && count !== 0 && count !== \"0\" && (\r\n          <span\r\n            className={cn(\r\n              \"inline-flex items-center justify-center rounded-xp-card-base-xs px-0.5 py-px min-w-4 text-label-medium-4 transition-colors duration-300\",\r\n              // default variant\r\n              \"group-data-[variant=default]/tabs:bg-bg-quaternary group-data-[variant=default]/tabs:text-text-quaternary group-data-[variant=default]/tabs:group-data-[active=true]/tabs-trigger:bg-bg-secondary-solid group-data-[variant=default]/tabs:group-data-[active=true]/tabs-trigger:text-text-primary-on-brand\",\r\n              // underline & other variants\r\n              \"group-data-[variant=underline]/tabs:bg-bg-quaternary group-data-[variant=underline]/tabs:text-text-quaternary group-data-[variant=underline]/tabs:group-data-[active=true]/tabs-trigger:bg-bg-brand-solid group-data-[variant=underline]/tabs:group-data-[active=true]/tabs-trigger:text-text-primary-on-brand\",\r\n              // attract variant\r\n              \"group-data-[variant=attract]/tabs:bg-bg-quaternary group-data-[variant=attract]/tabs:text-text-quaternary group-data-[variant=attract]/tabs:group-data-[active=true]/tabs-trigger:bg-bg-brand-solid group-data-[variant=attract]/tabs:group-data-[active=true]/tabs-trigger:text-text-primary-on-brand\",\r\n              // topbar variant\r\n              \"group-data-[variant=topbar]/tabs:bg-bg-quaternary group-data-[variant=topbar]/tabs:text-text-quaternary group-data-[variant=topbar]/tabs:group-data-[active=true]/tabs-trigger:bg-bg-brand-solid group-data-[variant=topbar]/tabs:group-data-[active=true]/tabs-trigger:text-text-primary-on-brand\",\r\n              // segment variant\r\n              \"group-data-[variant=segment]/tabs:bg-bg-quaternary group-data-[variant=segment]/tabs:text-text-quaternary group-data-[variant=segment]/tabs:group-data-[active=true]/tabs-trigger:bg-bg-brand-solid group-data-[variant=segment]/tabs:group-data-[active=true]/tabs-trigger:text-text-white group-data-[variant=segment]/tabs:group-data-[active=true]/tabs-trigger:group-data-[value=declined]/tabs-trigger:bg-bg-error-solid group-data-[variant=segment]/tabs:group-data-[active=true]/tabs-trigger:group-data-[value=rejected]/tabs-trigger:bg-bg-error-solid\",\r\n              // solid variant\r\n              \"group-data-[variant=solid]/tabs:bg-bg-quaternary group-data-[variant=solid]/tabs:text-text-quaternary group-data-[variant=solid]/tabs:group-data-[active=true]/tabs-trigger:bg-bg-secondary-solid group-data-[variant=solid]/tabs:group-data-[active=true]/tabs-trigger:text-text-primary-on-brand\",\r\n              // filter variant\r\n              \"group-data-[variant=filter]/tabs:bg-bg-brand-solid group-data-[variant=filter]/tabs:text-text-primary-on-brand\",\r\n            )}\r\n          >\r\n            {count}\r\n          </span>\r\n        )}\r\n      </TabsTabPrimitive>\r\n    </TabsHighlightItemPrimitive>\r\n  );\r\n}\r\n\r\ntype TabsPanelsProps = TabsPanelsPrimitiveProps;\r\n\r\nfunction TabsPanels(props: TabsPanelsProps) {\r\n  return <TabsPanelsPrimitive {...props} />;\r\n}\r\n\r\ntype TabsPanelProps = TabsPanelPrimitiveProps;\r\n\r\nfunction TabsPanel({ className, ...props }: TabsPanelProps) {\r\n  return (\r\n    <TabsPanelPrimitive\r\n      className={cn('flex-1 outline-none', className)}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nexport {\r\n  Tabs,\r\n  TabsList,\r\n  TabsTab,\r\n  TabsPanels,\r\n  TabsPanel,\r\n  type TabsProps,\r\n  type TabsListProps,\r\n  type TabsTabProps,\r\n  type TabsPanelsProps,\r\n  type TabsPanelProps,\r\n};"]}