@next-degree/pickle-shared-js 0.2.11 → 0.2.12
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/lib/utils.cjs +2 -0
- package/dist/components/lib/utils.cjs.map +1 -0
- package/dist/components/lib/utils.js +1 -1
- package/dist/components/lib/utils.js.map +1 -1
- package/dist/components/primitives/command.cjs +2 -0
- package/dist/components/primitives/command.cjs.map +1 -0
- package/dist/components/primitives/command.js +1 -1
- package/dist/components/primitives/command.js.map +1 -1
- package/dist/components/primitives/dialog.cjs +2 -0
- package/dist/components/primitives/dialog.cjs.map +1 -0
- package/dist/components/primitives/dialog.js +1 -1
- package/dist/components/primitives/dialog.js.map +1 -1
- package/dist/components/primitives/popover.cjs +2 -0
- package/dist/components/primitives/popover.cjs.map +1 -0
- package/dist/components/primitives/popover.js +1 -1
- package/dist/components/primitives/popover.js.map +1 -1
- package/dist/components/primitives/separator.cjs +2 -0
- package/dist/components/primitives/separator.cjs.map +1 -0
- package/dist/components/primitives/separator.js +1 -1
- package/dist/components/primitives/separator.js.map +1 -1
- package/dist/components/ui/Badge.cjs +2 -0
- package/dist/components/ui/Badge.cjs.map +1 -0
- package/dist/components/ui/Badge.js +1 -1
- package/dist/components/ui/Badge.js.map +1 -1
- package/dist/components/ui/Button.cjs +2 -0
- package/dist/components/ui/Button.cjs.map +1 -0
- package/dist/components/ui/Button.js +1 -1
- package/dist/components/ui/Button.js.map +1 -1
- package/dist/components/ui/Checkbox.cjs +2 -0
- package/dist/components/ui/Checkbox.cjs.map +1 -0
- package/dist/components/ui/Checkbox.js +1 -1
- package/dist/components/ui/Checkbox.js.map +1 -1
- package/dist/components/ui/Chip.cjs +2 -0
- package/dist/components/ui/Chip.cjs.map +1 -0
- package/dist/components/ui/Chip.js +1 -1
- package/dist/components/ui/Chip.js.map +1 -1
- package/dist/components/ui/Combobox.cjs +2 -0
- package/dist/components/ui/Combobox.cjs.map +1 -0
- package/dist/components/ui/{Combobox.d.mts → Combobox.d.cts} +3 -3
- package/dist/components/ui/Combobox.d.ts +3 -3
- package/dist/components/ui/Combobox.js +1 -1
- package/dist/components/ui/Combobox.js.map +1 -1
- package/dist/components/ui/Label.cjs +2 -0
- package/dist/components/ui/Label.cjs.map +1 -0
- package/dist/components/ui/Label.js +1 -1
- package/dist/components/ui/Label.js.map +1 -1
- package/dist/components/ui/ListItem.cjs +2 -0
- package/dist/components/ui/ListItem.cjs.map +1 -0
- package/dist/components/ui/ListItem.js +1 -1
- package/dist/components/ui/ListItem.js.map +1 -1
- package/dist/components/ui/Select.cjs +2 -0
- package/dist/components/ui/Select.cjs.map +1 -0
- package/dist/components/ui/Select.js +1 -1
- package/dist/components/ui/Select.js.map +1 -1
- package/dist/index.cjs +2 -0
- package/dist/index.cjs.map +1 -0
- package/dist/index.d.cts +14 -0
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/package.json +12 -10
- package/react-shim.js +2 -0
- package/dist/components/lib/utils.mjs +0 -2
- package/dist/components/lib/utils.mjs.map +0 -1
- package/dist/components/primitives/command.mjs +0 -2
- package/dist/components/primitives/command.mjs.map +0 -1
- package/dist/components/primitives/dialog.mjs +0 -2
- package/dist/components/primitives/dialog.mjs.map +0 -1
- package/dist/components/primitives/popover.mjs +0 -2
- package/dist/components/primitives/popover.mjs.map +0 -1
- package/dist/components/primitives/separator.mjs +0 -2
- package/dist/components/primitives/separator.mjs.map +0 -1
- package/dist/components/ui/Badge.mjs +0 -2
- package/dist/components/ui/Badge.mjs.map +0 -1
- package/dist/components/ui/Button.mjs +0 -2
- package/dist/components/ui/Button.mjs.map +0 -1
- package/dist/components/ui/Checkbox.mjs +0 -2
- package/dist/components/ui/Checkbox.mjs.map +0 -1
- package/dist/components/ui/Chip.mjs +0 -2
- package/dist/components/ui/Chip.mjs.map +0 -1
- package/dist/components/ui/Combobox.mjs +0 -2
- package/dist/components/ui/Combobox.mjs.map +0 -1
- package/dist/components/ui/Label.mjs +0 -2
- package/dist/components/ui/Label.mjs.map +0 -1
- package/dist/components/ui/ListItem.mjs +0 -2
- package/dist/components/ui/ListItem.mjs.map +0 -1
- package/dist/components/ui/Select.mjs +0 -2
- package/dist/components/ui/Select.mjs.map +0 -1
- package/dist/index.d.mts +0 -14
- package/dist/index.mjs +0 -2
- package/dist/index.mjs.map +0 -1
- /package/dist/components/lib/{utils.d.mts → utils.d.cts} +0 -0
- /package/dist/components/primitives/{command.d.mts → command.d.cts} +0 -0
- /package/dist/components/primitives/{dialog.d.mts → dialog.d.cts} +0 -0
- /package/dist/components/primitives/{popover.d.mts → popover.d.cts} +0 -0
- /package/dist/components/primitives/{separator.d.mts → separator.d.cts} +0 -0
- /package/dist/components/ui/{Badge.d.mts → Badge.d.cts} +0 -0
- /package/dist/components/ui/{Button.d.mts → Button.d.cts} +0 -0
- /package/dist/components/ui/{Checkbox.d.mts → Checkbox.d.cts} +0 -0
- /package/dist/components/ui/{Chip.d.mts → Chip.d.cts} +0 -0
- /package/dist/components/ui/{Label.d.mts → Label.d.cts} +0 -0
- /package/dist/components/ui/{ListItem.d.mts → ListItem.d.cts} +0 -0
- /package/dist/components/ui/{Select.d.mts → Select.d.cts} +0 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/exports/components/ui/Checkbox.tsx","../../../src/exports/components/lib/utils.ts"],"sourcesContent":["\"use client\";\n\nimport * as CheckboxPrimitive from \"@radix-ui/react-checkbox\";\nimport { Check, Minus } from \"lucide-react\";\nimport {\n type ComponentPropsWithoutRef,\n type ElementRef,\n forwardRef,\n type PropsWithChildren,\n} from \"react\";\n\nimport { cn } from \"@/exports/components/lib/utils\";\n\nconst CheckboxToggle = forwardRef<\n ElementRef<typeof CheckboxPrimitive.Root>,\n ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>\n>(({ className, ...props }, ref) => (\n <CheckboxPrimitive.Root\n ref={ref}\n className={cn(\n \"group\",\n \"peer\",\n \"h-5\",\n \"w-5\",\n \"shrink-0\",\n \"rounded-md\",\n \"border\",\n \"border-grey-10\",\n \"outline\",\n \"outline-1\",\n \"outline-offset-2\",\n \"outline-transparent\",\n \"hover:border-grey-20\",\n \"focus:outline-purple-100\",\n \"active:border-green-80\",\n \"disabled:cursor-not-allowed\",\n \"disabled:opacity-50\",\n \"data-[state=checked]:bg-green-80\",\n \"data-[state=indeterminate]:bg-green-80\",\n \"data-[state=checked]:text-white\",\n \"data-[state=indeterminate]:text-primary-foreground\",\n props.disabled &&\n \"bg-grey-20 data-[state=checked]:bg-grey-20 data-[state=checked]:text-foreground\",\n className\n )}\n {...props}\n >\n <CheckboxPrimitive.Indicator className=\"flex items-center justify-center text-current\">\n <Check className=\"hidden h-4 w-4 group-data-[state=checked]:block\" />\n <Minus className=\"hidden h-4 w-4 group-data-[state=indeterminate]:block\" />\n </CheckboxPrimitive.Indicator>\n </CheckboxPrimitive.Root>\n));\nCheckboxToggle.displayName = CheckboxPrimitive.Root.displayName;\n\ninterface Props extends CheckboxPrimitive.CheckboxProps, PropsWithChildren {\n error?: string;\n classNames?: {\n wrapper?: string;\n label?: string;\n };\n}\n\nconst Checkbox = forwardRef<ElementRef<typeof CheckboxPrimitive.Root>, Props>(\n ({ classNames, children, ...props }, ref) => {\n const { disabled } = props;\n const id = props.id ?? `${props.name ?? props.value?.toString()}-checkbox`;\n const labelClassName = disabled ? \"text-grey-40 pointer-events-none\" : \"\";\n return (\n <div className={cn(\"flex space-x-2\", classNames?.wrapper)}>\n <CheckboxToggle id={id} disabled={disabled} ref={ref} {...props} />\n <label htmlFor={id} className={cn(labelClassName, classNames?.label)}>\n {children}\n </label>\n </div>\n );\n }\n);\nCheckbox.displayName = \"Checkbox\";\n\nexport default Checkbox;\n","import { type ClassValue, clsx } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n return twMerge(clsx(inputs));\n}\n"],"mappings":"
|
|
1
|
+
{"version":3,"sources":["../../../react-shim.js","../../../src/exports/components/ui/Checkbox.tsx","../../../src/exports/components/lib/utils.ts"],"sourcesContent":["import React from 'react';\nexport default React;","\"use client\";\n\nimport * as CheckboxPrimitive from \"@radix-ui/react-checkbox\";\nimport { Check, Minus } from \"lucide-react\";\nimport {\n type ComponentPropsWithoutRef,\n type ElementRef,\n forwardRef,\n type PropsWithChildren,\n} from \"react\";\n\nimport { cn } from \"@/exports/components/lib/utils\";\n\nconst CheckboxToggle = forwardRef<\n ElementRef<typeof CheckboxPrimitive.Root>,\n ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>\n>(({ className, ...props }, ref) => (\n <CheckboxPrimitive.Root\n ref={ref}\n className={cn(\n \"group\",\n \"peer\",\n \"h-5\",\n \"w-5\",\n \"shrink-0\",\n \"rounded-md\",\n \"border\",\n \"border-grey-10\",\n \"outline\",\n \"outline-1\",\n \"outline-offset-2\",\n \"outline-transparent\",\n \"hover:border-grey-20\",\n \"focus:outline-purple-100\",\n \"active:border-green-80\",\n \"disabled:cursor-not-allowed\",\n \"disabled:opacity-50\",\n \"data-[state=checked]:bg-green-80\",\n \"data-[state=indeterminate]:bg-green-80\",\n \"data-[state=checked]:text-white\",\n \"data-[state=indeterminate]:text-primary-foreground\",\n props.disabled &&\n \"bg-grey-20 data-[state=checked]:bg-grey-20 data-[state=checked]:text-foreground\",\n className\n )}\n {...props}\n >\n <CheckboxPrimitive.Indicator className=\"flex items-center justify-center text-current\">\n <Check className=\"hidden h-4 w-4 group-data-[state=checked]:block\" />\n <Minus className=\"hidden h-4 w-4 group-data-[state=indeterminate]:block\" />\n </CheckboxPrimitive.Indicator>\n </CheckboxPrimitive.Root>\n));\nCheckboxToggle.displayName = CheckboxPrimitive.Root.displayName;\n\ninterface Props extends CheckboxPrimitive.CheckboxProps, PropsWithChildren {\n error?: string;\n classNames?: {\n wrapper?: string;\n label?: string;\n };\n}\n\nconst Checkbox = forwardRef<ElementRef<typeof CheckboxPrimitive.Root>, Props>(\n ({ classNames, children, ...props }, ref) => {\n const { disabled } = props;\n const id = props.id ?? `${props.name ?? props.value?.toString()}-checkbox`;\n const labelClassName = disabled ? \"text-grey-40 pointer-events-none\" : \"\";\n return (\n <div className={cn(\"flex space-x-2\", classNames?.wrapper)}>\n <CheckboxToggle id={id} disabled={disabled} ref={ref} {...props} />\n <label htmlFor={id} className={cn(labelClassName, classNames?.label)}>\n {children}\n </label>\n </div>\n );\n }\n);\nCheckbox.displayName = \"Checkbox\";\n\nexport default Checkbox;\n","import { type ClassValue, clsx } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n return twMerge(clsx(inputs));\n}\n"],"mappings":"aAAA,OAAOA,MAAW,QCElB,UAAYC,MAAuB,2BACnC,OAAS,SAAAC,EAAO,SAAAC,MAAa,eAC7B,OAGE,cAAAC,MAEK,QCTP,OAA0B,QAAAC,MAAY,OACtC,OAAS,WAAAC,MAAe,iBAEjB,SAASC,KAAMC,EAAsB,CAC1C,OAAOF,EAAQD,EAAKG,CAAM,CAAC,CAC7B,CDQA,IAAMC,EAAiBC,EAGrB,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAM,EAAGC,IAC1B,oBAAmB,OAAlB,CACC,IAAKA,EACL,UAAWC,EACT,QACA,OACA,MACA,MACA,WACA,aACA,SACA,iBACA,UACA,YACA,mBACA,sBACA,uBACA,2BACA,yBACA,8BACA,sBACA,mCACA,yCACA,kCACA,qDACAF,EAAM,UACJ,kFACFD,CACF,EACC,GAAGC,GAEJ,oBAAmB,YAAlB,CAA4B,UAAU,iDACrC,oBAACG,EAAA,CAAM,UAAU,kDAAkD,EACnE,oBAACC,EAAA,CAAM,UAAU,wDAAwD,CAC3E,CACF,CACD,EACDP,EAAe,YAAgC,OAAK,YAUpD,IAAMQ,EAAWP,EACf,CAAC,CAAE,WAAAQ,EAAY,SAAAC,EAAU,GAAGP,CAAM,EAAGC,IAAQ,CAC3C,GAAM,CAAE,SAAAO,CAAS,EAAIR,EACfS,EAAKT,EAAM,IAAM,GAAGA,EAAM,MAAQA,EAAM,OAAO,SAAS,CAAC,YACzDU,EAAiBF,EAAW,mCAAqC,GACvE,OACE,oBAAC,OAAI,UAAWN,EAAG,iBAAkBI,GAAY,OAAO,GACtD,oBAACT,EAAA,CAAe,GAAIY,EAAI,SAAUD,EAAU,IAAKP,EAAM,GAAGD,EAAO,EACjE,oBAAC,SAAM,QAASS,EAAI,UAAWP,EAAGQ,EAAgBJ,GAAY,KAAK,GAChEC,CACH,CACF,CAEJ,CACF,EACAF,EAAS,YAAc,WAEvB,IAAOM,EAAQN","names":["React","CheckboxPrimitive","Check","Minus","forwardRef","clsx","twMerge","cn","inputs","CheckboxToggle","forwardRef","className","props","ref","cn","Check","Minus","Checkbox","classNames","children","disabled","id","labelClassName","Checkbox_default"]}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";var l=Object.create;var p=Object.defineProperty;var g=Object.getOwnPropertyDescriptor;var u=Object.getOwnPropertyNames;var x=Object.getPrototypeOf,c=Object.prototype.hasOwnProperty;var f=(e,r)=>{for(var t in r)p(e,t,{get:r[t],enumerable:!0})},n=(e,r,t,i)=>{if(r&&typeof r=="object"||typeof r=="function")for(let a of u(r))!c.call(e,a)&&a!==t&&p(e,a,{get:()=>r[a],enumerable:!(i=g(r,a))||i.enumerable});return e};var o=(e,r,t)=>(t=e!=null?l(x(e)):{},n(r||!e||!e.__esModule?p(t,"default",{value:e,enumerable:!0}):t,e)),b=e=>n(p({},"__esModule",{value:!0}),e);var P={};f(P,{default:()=>V});module.exports=b(P);var y=o(require("react"),1);var s=require("cva"),m=o(require("react"),1),d=require("tailwind-merge"),h=({className:e,variant:r,size:t,...i})=>m.default.createElement("div",{className:(0,d.twMerge)(v({variant:r,size:t,className:e})),...i}),v=(0,s.cva)(["flex","items-center","rounded-3xl","border","w-fit"],{variants:{variant:{neutral:["text-grey-80","border-grey-10"],primary:["text-purple-100","border-purple-20"],danger:["text-pumpkin-100","border-pumpkin-20"],onboarding:["text-green-100","bg-green-10","cursor-pointer"],onboardingSelected:["text-white","bg-green-90","cursor-pointer"]},size:{small:["text-sm","leading-5","px-2","py-1","gap-1.5"],medium:["text-base","leading-6","px-3","py-2","gap-2"]}},defaultVariants:{variant:"neutral",size:"medium"}}),V=h;
|
|
2
|
+
//# sourceMappingURL=Chip.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../src/exports/components/ui/Chip.tsx","../../../react-shim.js"],"sourcesContent":["import { cva, type VariantProps } from 'cva'\nimport React from 'react'\nimport { twMerge } from 'tailwind-merge'\n\ninterface ChipProps\n extends React.HTMLAttributes<HTMLDivElement>,\n VariantProps<typeof chipVariants> {}\n\nconst Chip = ({ className, variant, size, ...props }: ChipProps) => (\n <div className={twMerge(chipVariants({ variant, size, className }))} {...props} />\n)\n\nconst chipVariants = cva(['flex', 'items-center', 'rounded-3xl', 'border', 'w-fit'], {\n variants: {\n variant: {\n neutral: ['text-grey-80', 'border-grey-10'],\n primary: ['text-purple-100', 'border-purple-20'],\n danger: ['text-pumpkin-100', 'border-pumpkin-20'],\n onboarding: ['text-green-100', 'bg-green-10', 'cursor-pointer'],\n onboardingSelected: ['text-white', 'bg-green-90', 'cursor-pointer'],\n },\n size: {\n small: ['text-sm', 'leading-5', 'px-2', 'py-1', 'gap-1.5'],\n medium: ['text-base', 'leading-6', 'px-3', 'py-2', 'gap-2'],\n },\n },\n defaultVariants: {\n variant: 'neutral',\n size: 'medium',\n },\n})\n\nexport default Chip\n","import React from 'react';\nexport default React;"],"mappings":"0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GCAA,IAAAI,EAAkB,sBDAlB,IAAAC,EAAuC,eACvCC,EAAkB,sBAClBC,EAAwB,0BAMlBC,EAAO,CAAC,CAAE,UAAAC,EAAW,QAAAC,EAAS,KAAAC,EAAM,GAAGC,CAAM,IACjD,EAAAC,QAAA,cAAC,OAAI,aAAW,WAAQC,EAAa,CAAE,QAAAJ,EAAS,KAAAC,EAAM,UAAAF,CAAU,CAAC,CAAC,EAAI,GAAGG,EAAO,EAG5EE,KAAe,OAAI,CAAC,OAAQ,eAAgB,cAAe,SAAU,OAAO,EAAG,CACnF,SAAU,CACR,QAAS,CACP,QAAS,CAAC,eAAgB,gBAAgB,EAC1C,QAAS,CAAC,kBAAmB,kBAAkB,EAC/C,OAAQ,CAAC,mBAAoB,mBAAmB,EAChD,WAAY,CAAC,iBAAkB,cAAe,gBAAgB,EAC9D,mBAAoB,CAAC,aAAc,cAAe,gBAAgB,CACpE,EACA,KAAM,CACJ,MAAO,CAAC,UAAW,YAAa,OAAQ,OAAQ,SAAS,EACzD,OAAQ,CAAC,YAAa,YAAa,OAAQ,OAAQ,OAAO,CAC5D,CACF,EACA,gBAAiB,CACf,QAAS,UACT,KAAM,QACR,CACF,CAAC,EAEMC,EAAQP","names":["Chip_exports","__export","Chip_default","__toCommonJS","import_react","import_cva","import_react","import_tailwind_merge","Chip","className","variant","size","props","React","chipVariants","Chip_default"]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
|
|
1
|
+
import d from"react";import{cva as i}from"cva";import p from"react";import{twMerge as n}from"tailwind-merge";var o=({className:e,variant:r,size:t,...a})=>p.createElement("div",{className:n(s({variant:r,size:t,className:e})),...a}),s=i(["flex","items-center","rounded-3xl","border","w-fit"],{variants:{variant:{neutral:["text-grey-80","border-grey-10"],primary:["text-purple-100","border-purple-20"],danger:["text-pumpkin-100","border-pumpkin-20"],onboarding:["text-green-100","bg-green-10","cursor-pointer"],onboardingSelected:["text-white","bg-green-90","cursor-pointer"]},size:{small:["text-sm","leading-5","px-2","py-1","gap-1.5"],medium:["text-base","leading-6","px-3","py-2","gap-2"]}},defaultVariants:{variant:"neutral",size:"medium"}}),f=o;export{f as default};
|
|
2
2
|
//# sourceMappingURL=Chip.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/exports/components/ui/Chip.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'cva'\nimport React from 'react'\nimport { twMerge } from 'tailwind-merge'\n\ninterface ChipProps\n extends React.HTMLAttributes<HTMLDivElement>,\n VariantProps<typeof chipVariants> {}\n\nconst Chip = ({ className, variant, size, ...props }: ChipProps) => (\n <div className={twMerge(chipVariants({ variant, size, className }))} {...props} />\n)\n\nconst chipVariants = cva(['flex', 'items-center', 'rounded-3xl', 'border', 'w-fit'], {\n variants: {\n variant: {\n neutral: ['text-grey-80', 'border-grey-10'],\n primary: ['text-purple-100', 'border-purple-20'],\n danger: ['text-pumpkin-100', 'border-pumpkin-20'],\n onboarding: ['text-green-100', 'bg-green-10', 'cursor-pointer'],\n onboardingSelected: ['text-white', 'bg-green-90', 'cursor-pointer'],\n },\n size: {\n small: ['text-sm', 'leading-5', 'px-2', 'py-1', 'gap-1.5'],\n medium: ['text-base', 'leading-6', 'px-3', 'py-2', 'gap-2'],\n },\n },\n defaultVariants: {\n variant: 'neutral',\n size: 'medium',\n },\n})\n\nexport default Chip\n"],"mappings":"
|
|
1
|
+
{"version":3,"sources":["../../../react-shim.js","../../../src/exports/components/ui/Chip.tsx"],"sourcesContent":["import React from 'react';\nexport default React;","import { cva, type VariantProps } from 'cva'\nimport React from 'react'\nimport { twMerge } from 'tailwind-merge'\n\ninterface ChipProps\n extends React.HTMLAttributes<HTMLDivElement>,\n VariantProps<typeof chipVariants> {}\n\nconst Chip = ({ className, variant, size, ...props }: ChipProps) => (\n <div className={twMerge(chipVariants({ variant, size, className }))} {...props} />\n)\n\nconst chipVariants = cva(['flex', 'items-center', 'rounded-3xl', 'border', 'w-fit'], {\n variants: {\n variant: {\n neutral: ['text-grey-80', 'border-grey-10'],\n primary: ['text-purple-100', 'border-purple-20'],\n danger: ['text-pumpkin-100', 'border-pumpkin-20'],\n onboarding: ['text-green-100', 'bg-green-10', 'cursor-pointer'],\n onboardingSelected: ['text-white', 'bg-green-90', 'cursor-pointer'],\n },\n size: {\n small: ['text-sm', 'leading-5', 'px-2', 'py-1', 'gap-1.5'],\n medium: ['text-base', 'leading-6', 'px-3', 'py-2', 'gap-2'],\n },\n },\n defaultVariants: {\n variant: 'neutral',\n size: 'medium',\n },\n})\n\nexport default Chip\n"],"mappings":"AAAA,OAAOA,MAAW,QCAlB,OAAS,OAAAC,MAA8B,MACvC,OAAOC,MAAW,QAClB,OAAS,WAAAC,MAAe,iBAMxB,IAAMC,EAAO,CAAC,CAAE,UAAAC,EAAW,QAAAC,EAAS,KAAAC,EAAM,GAAGC,CAAM,IACjDN,EAAA,cAAC,OAAI,UAAWC,EAAQM,EAAa,CAAE,QAAAH,EAAS,KAAAC,EAAM,UAAAF,CAAU,CAAC,CAAC,EAAI,GAAGG,EAAO,EAG5EC,EAAeR,EAAI,CAAC,OAAQ,eAAgB,cAAe,SAAU,OAAO,EAAG,CACnF,SAAU,CACR,QAAS,CACP,QAAS,CAAC,eAAgB,gBAAgB,EAC1C,QAAS,CAAC,kBAAmB,kBAAkB,EAC/C,OAAQ,CAAC,mBAAoB,mBAAmB,EAChD,WAAY,CAAC,iBAAkB,cAAe,gBAAgB,EAC9D,mBAAoB,CAAC,aAAc,cAAe,gBAAgB,CACpE,EACA,KAAM,CACJ,MAAO,CAAC,UAAW,YAAa,OAAQ,OAAQ,SAAS,EACzD,OAAQ,CAAC,YAAa,YAAa,OAAQ,OAAQ,OAAO,CAC5D,CACF,EACA,gBAAiB,CACf,QAAS,UACT,KAAM,QACR,CACF,CAAC,EAEMS,EAAQN","names":["React","cva","React","twMerge","Chip","className","variant","size","props","chipVariants","Chip_default"]}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";"use client";var he=Object.create;var R=Object.defineProperty;var Ce=Object.getOwnPropertyDescriptor;var Pe=Object.getOwnPropertyNames;var Re=Object.getPrototypeOf,ke=Object.prototype.hasOwnProperty;var Ne=(e,t)=>{for(var o in t)R(e,o,{get:t[o],enumerable:!0})},F=(e,t,o,i)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of Pe(t))!ke.call(e,n)&&n!==o&&R(e,n,{get:()=>t[n],enumerable:!(i=Ce(t,n))||i.enumerable});return e};var c=(e,t,o)=>(o=e!=null?he(Re(e)):{},F(t||!e||!e.__esModule?R(o,"default",{value:e,enumerable:!0}):o,e)),we=e=>F(R({},"__esModule",{value:!0}),e);var Ge={};Ne(Ge,{ComboboxMulti:()=>Ae,ComboboxSingle:()=>Me});module.exports=we(Ge);var De=c(require("react"),1);var r=c(require("react"),1),pe=require("lucide-react"),de=require("cva");var K=require("clsx"),X=require("tailwind-merge");function a(...e){return(0,X.twMerge)((0,K.clsx)(e))}var p=require("cmdk"),Q=require("lucide-react"),s=c(require("react"),1);var l=c(require("@radix-ui/react-dialog"),1),$=require("lucide-react"),m=c(require("react"),1);var Ee=l.Portal;var q=m.forwardRef(({className:e,...t},o)=>m.createElement(l.Overlay,{ref:o,className:a("fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",e),...t}));q.displayName=l.Overlay.displayName;var J=m.forwardRef(({className:e,children:t,...o},i)=>m.createElement(Ee,null,m.createElement(q,null),m.createElement(l.Content,{ref:i,className:a("fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border border-neutral-200 bg-white p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg dark:border-neutral-800 dark:bg-neutral-950",e),...o},t,m.createElement(l.Close,{className:"absolute right-4 top-4 rounded-sm opacity-70 ring-offset-white transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-neutral-950 focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-neutral-100 data-[state=open]:text-neutral-500 dark:ring-offset-neutral-950 dark:focus:ring-neutral-300 dark:data-[state=open]:bg-neutral-800 dark:data-[state=open]:text-neutral-400"},m.createElement($.X,{className:"h-4 w-4"}),m.createElement("span",{className:"sr-only"},"Close")))));J.displayName=l.Content.displayName;var Ie=({className:e,...t})=>m.createElement("div",{className:a("flex flex-col space-y-1.5 text-center sm:text-left",e),...t});Ie.displayName="DialogHeader";var Se=({className:e,...t})=>m.createElement("div",{className:a("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",e),...t});Se.displayName="DialogFooter";var Te=m.forwardRef(({className:e,...t},o)=>m.createElement(l.Title,{ref:o,className:a("text-lg font-semibold leading-none tracking-tight",e),...t}));Te.displayName=l.Title.displayName;var Le=m.forwardRef(({className:e,...t},o)=>m.createElement(l.Description,{ref:o,className:a("text-sm text-neutral-500 dark:text-neutral-400",e),...t}));Le.displayName=l.Description.displayName;var T=s.forwardRef(({className:e,...t},o)=>s.createElement(p.Command,{ref:o,className:a("flex h-full w-full flex-col overflow-hidden rounded-xl bg-white text-neutral-950",e),...t}));T.displayName=p.Command.displayName;var L=s.forwardRef(({className:e,...t},o)=>s.createElement("div",{className:"m-1 flex items-center rounded-lg border px-3","cmdk-input-wrapper":""},s.createElement(Q.Search,{className:"mr-2 h-4 w-4 shrink-0 opacity-50"}),s.createElement(p.Command.Input,{ref:o,className:a("flex h-11 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-neutral-500 disabled:cursor-not-allowed disabled:opacity-50",e),...t})));L.displayName=p.Command.Input.displayName;var _=s.forwardRef(({className:e,...t},o)=>s.createElement(p.Command.List,{ref:o,className:a("overflow-y-auto overflow-x-hidden",e),...t}));_.displayName=p.Command.List.displayName;var W=s.forwardRef((e,t)=>s.createElement(p.Command.Empty,{ref:t,className:"py-6 text-center text-sm",...e}));W.displayName=p.Command.Empty.displayName;var H=s.forwardRef(({className:e,...t},o)=>s.createElement(p.Command.Group,{ref:o,className:a("overflow-hidden p-1 text-neutral-950 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-neutral-500",e),...t}));H.displayName=p.Command.Group.displayName;var _e=s.forwardRef(({className:e,...t},o)=>s.createElement(p.Command.Separator,{ref:o,className:a("-mx-1 h-px bg-neutral-200",e),...t}));_e.displayName=p.Command.Separator.displayName;var B=s.forwardRef(({className:e,...t},o)=>s.createElement(p.Command.Item,{ref:o,className:a("relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[disabled=true]:pointer-events-none data-[selected='true']:bg-neutral-100 data-[selected=true]:text-neutral-900 data-[disabled=true]:opacity-50",e),...t}));B.displayName=p.Command.Item.displayName;var We=({className:e,...t})=>s.createElement("span",{className:a("ml-auto text-xs tracking-widest text-neutral-500",e),...t});We.displayName="CommandShortcut";var C=c(require("react"),1),g=c(require("@radix-ui/react-popover"),1);var U=g.Root,Y=g.Trigger,z=C.forwardRef(({className:e,align:t="center",sideOffset:o=4,...i},n)=>C.createElement(g.Portal,null,C.createElement(g.Content,{ref:n,align:t,sideOffset:o,className:a("z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",e),...i})));z.displayName=g.Content.displayName;var V=c(require("@radix-ui/react-separator"),1),k=c(require("react"),1);var M=k.forwardRef(({className:e,orientation:t="horizontal",decorative:o=!0,...i},n)=>k.createElement(V.Root,{ref:n,decorative:o,orientation:t,className:a("shrink-0 bg-grey-10",t==="horizontal"?"h-[1px] w-full":"h-full w-[1px]",e),...i}));M.displayName=V.Root.displayName;var oe=require("lucide-react");var P=c(require("@radix-ui/react-checkbox"),1),N=require("lucide-react"),A=require("react");var Z=(0,A.forwardRef)(({className:e,...t},o)=>React.createElement(P.Root,{ref:o,className:a("group","peer","h-5","w-5","shrink-0","rounded-md","border","border-grey-10","outline","outline-1","outline-offset-2","outline-transparent","hover:border-grey-20","focus:outline-purple-100","active:border-green-80","disabled:cursor-not-allowed","disabled:opacity-50","data-[state=checked]:bg-green-80","data-[state=indeterminate]:bg-green-80","data-[state=checked]:text-white","data-[state=indeterminate]:text-primary-foreground",t.disabled&&"bg-grey-20 data-[state=checked]:bg-grey-20 data-[state=checked]:text-foreground",e),...t},React.createElement(P.Indicator,{className:"flex items-center justify-center text-current"},React.createElement(N.Check,{className:"hidden h-4 w-4 group-data-[state=checked]:block"}),React.createElement(N.Minus,{className:"hidden h-4 w-4 group-data-[state=indeterminate]:block"}))));Z.displayName=P.Root.displayName;var ee=(0,A.forwardRef)(({classNames:e,children:t,...o},i)=>{let{disabled:n}=o,d=o.id??`${o.name??o.value?.toString()}-checkbox`,f=n?"text-grey-40 pointer-events-none":"";return React.createElement("div",{className:a("flex space-x-2",e?.wrapper)},React.createElement(Z,{id:d,disabled:n,ref:i,...o}),React.createElement("label",{htmlFor:d,className:a(f,e?.label)},t))});ee.displayName="Checkbox";var te=ee;var O=require("lucide-react");function He({icon:e,hasCheckbox:t,isSelected:o,className:i,title:n,value:d,description:f,...v}){let x=e?(b=>{if(b in O.icons){let E=O.icons[b];return React.createElement(E,{size:14})}return null})(e):void 0;return React.createElement("li",{className:a("group relative text-left flex w-72 flex-row items-center text-sm cursor-pointer",i),...v,"data-state":o?"checked":"unchecked"},x&&React.createElement("span",{className:"mr-2"},x),t&&React.createElement(te,{id:d,checked:o,onClick:b=>b.preventDefault()}),React.createElement("div",null,React.createElement("p",null,n),React.createElement("p",{className:"text-xs text-grey-80"},f)),React.createElement(oe.CheckIcon,{className:"absolute inset-y-0 right-0 my-auto hidden w-6 text-green-100 group-data-[state=checked]:block",size:16}))}var ae=He;var re=require("cva"),ie=c(require("react"),1);var Be=(0,re.cva)("rounded-full px-2 py-0.5 text-xs font-semibold",{variants:{variant:{green:"bg-green-90 text-white",pickle:"bg-pickle-100 text-black",purple:"bg-purple-100 text-white"}},defaultVariants:{variant:"green"}});function ne({className:e,variant:t,...o}){return ie.createElement("div",{className:a(Be({variant:t}),e),...o})}var se=require("@radix-ui/react-slot"),le=require("cva"),w=c(require("react"),1),D=(0,w.forwardRef)(({className:e,variant:t,size:o,asChild:i=!1,...n},d)=>w.default.createElement(i?se.Slot:"button",{className:a(ze({variant:t,size:o,className:e})),ref:d,...n}));D.displayName="Button";var ze=(0,le.cva)(["flex","items-center","justify-center","gap-2","rounded-full","font-bold","outline-2","outline-offset-2","outline-dashed","outline-transparent"],{variants:{variant:{neutral:["bg-black","text-white","hover:bg-grey-90","active:bg-grey-80","focus:outline-purple-100","disabled:text-grey-40","disabled:bg-grey-10"],primary:["bg-pickle-100","text-black","hover:bg-pickle-80","active:bg-pickle-60","focus:outline-purple-100","disabled:text-grey-40","disabled:bg-grey-10"],secondary:["bg-green-80","text-white","hover:bg-green-90","active:bg-green-100","focus:outline-pickle-100","disabled:text-grey-40","disabled:bg-grey-10"],transparent:["text-white","hover:bg-green-80","active:bg-green-100","focus:outline-pickle-100","disabled:text-grey-40"],link:["leading-tight","text-black","underline","hover:text-purple-100","focus:text-black","focus:outline-purple-100","active:text-purple-80"]},size:{small:["h-10","text-sm","px-4","py-2"],medium:["h-12","text-base","px-6","py-3"],large:["h-14","text-lg","px-8","py-4"]}},defaultVariants:{variant:"neutral",size:"medium"},compoundVariants:[{variant:"link",size:"small",class:["h-3","text-xs","p-0"]},{variant:"link",size:"medium",class:["h-4","text-sm","p-0"]},{variant:"link",size:"large",class:["h-6","text-base","p-0"]}]});function Ve({text:e,className:t,...o}){return e?React.createElement("label",{className:a("text-xs text-grey-80 peer-disabled:cursor-not-allowed peer-disabled:opacity-70",t),...o},e):null}var me=Ve;function Me(e){let{onChange:t,value:o}=e,[i,n]=(0,r.useState)(o??"");return(0,r.useEffect)(()=>t(i),[t,i]),r.default.createElement(ce,{...e,value:i,handler:f=>n(f===i?"":f),badgeCount:i?1:0})}function Ae(e){let{onChange:t,onApply:o,value:i}=e,[n,d]=(0,r.useState)(i??[]);(0,r.useEffect)(()=>t(n),[t,n]);let f=h=>d(x=>x.includes(h)?x.filter(b=>b!==h):[...x,h]),v=()=>d([]);return r.default.createElement(ce,{...e,value:n,handler:f,isMultiselect:!0,badgeCount:n.length,onClear:v,onApply:o})}function ce({title:e,label:t,options:o,isMultiselect:i,variant:n,hideSearch:d,className:f,classNames:v,onApply:h,onClear:x,applyBtnText:b,clearBtnText:E,value:I,badgeCount:G,handler:fe}){let[j,S]=(0,r.useState)(!1),ue=d??o?.length<=5,ge=y=>{fe?.(y),i||S(!1)},ve=()=>{S(!1),h?.()};return r.default.createElement("div",{className:a("flex flex-col",f)},t&&r.default.createElement(me,{text:t,className:v?.label}),r.default.createElement(U,{open:j,onOpenChange:S},r.default.createElement(Y,{asChild:!0},r.default.createElement("div",{className:a(Oe({variant:n}),v?.trigger),"aria-expanded":j},!!G&&r.default.createElement(ne,{variant:"purple",className:"pt-1"},G),r.default.createElement("span",{className:"truncate leading-normal"},e),r.default.createElement(pe.ChevronDownIcon,{className:"transform group-data-[state=open]:rotate-180",size:"16"}))),r.default.createElement(z,{className:a(v?.content,"p-0 ml-5"),sideOffset:4},r.default.createElement(T,null,!ue&&r.default.createElement(L,{placeholder:"Search..."}),r.default.createElement(_,null,r.default.createElement(W,null,"No results"),r.default.createElement(H,null,o.map(({value:y,title:xe,description:be,icon:ye})=>r.default.createElement(B,{key:y,value:y,onSelect:ge},r.default.createElement(ae,{className:a(v?.items,"py-1","truncate"),title:xe,value:y,isSelected:Array.isArray(I)&&I.includes(y)||I===y,icon:ye,description:be,hasCheckbox:i})))))),r.default.createElement(M,null),i&&r.default.createElement("div",{className:"flex flex-row justify-between items-center p-4"},r.default.createElement(D,{variant:"link",onClick:x},E??"Clear"),r.default.createElement(D,{variant:"primary",onClick:ve},b??"Apply")))))}var Oe=(0,de.cva)(["group relative cursor-pointer flex flex-row items-center justify-between gap-2 rounded-3xl border border-grey-20 h-9 pl-3 pr-2 py-2 text-sm font-bold focus:outline-green-80 disabled:bg-grey-5"],{variants:{variant:{default:["data-[state=open]:bg-black","data-[state=open]:text-white"]}},defaultVariants:{variant:"default"}});0&&(module.exports={ComboboxMulti,ComboboxSingle});
|
|
2
|
+
//# sourceMappingURL=Combobox.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../src/exports/components/ui/Combobox.tsx","../../../react-shim.js","../../../src/exports/components/lib/utils.ts","../../../src/exports/components/primitives/command.tsx","../../../src/exports/components/primitives/dialog.tsx","../../../src/exports/components/primitives/popover.tsx","../../../src/exports/components/primitives/separator.tsx","../../../src/exports/components/ui/ListItem.tsx","../../../src/exports/components/ui/Checkbox.tsx","../../../src/exports/components/ui/Badge.tsx","../../../src/exports/components/ui/Button.tsx","../../../src/exports/components/ui/Label.tsx"],"sourcesContent":["\"use client\";\n\nimport React, { useEffect, useState } from \"react\";\nimport { ChevronDownIcon } from \"lucide-react\";\nimport { cva, type VariantProps } from \"cva\";\nimport { cn } from \"@/exports/components/lib/utils\";\nimport {\n Command,\n CommandEmpty,\n CommandGroup,\n CommandInput,\n CommandItem,\n CommandList,\n} from \"@/exports/components/primitives/command\";\nimport {\n Popover,\n PopoverContent,\n PopoverTrigger,\n} from \"@/exports/components/primitives/popover\";\nimport { Separator } from \"@/exports/components/primitives/separator\";\n\nimport ListItem from \"@/exports/components/ui/ListItem\";\nimport { Badge } from \"@/exports/components/ui/Badge\";\nimport { Button } from \"@/exports/components/ui/Button\";\nimport Label from \"@/exports/components/ui/Label\";\n\ntype Option = {\n id: string | number;\n value: string;\n title: string;\n description?: string;\n icon?: string;\n};\n\ntype ComboboxClassNames = {\n label?: string;\n trigger?: string;\n items?: string;\n content?: string;\n};\n\ninterface ComboboxProps extends VariantProps<typeof triggerVariants> {\n label?: string;\n options: Option[];\n title: string;\n placeholder?: string;\n hideSearch?: boolean;\n onClear?: () => void;\n clearBtnText?: string;\n onApply?: () => void;\n applyBtnText?: string;\n className?: string;\n classNames?: ComboboxClassNames;\n value?: string | string[];\n}\n\ninterface ComboboxSingleProps extends ComboboxProps {\n onChange: (value: string) => void;\n}\n\ninterface ComboboxMultiProps extends ComboboxProps {\n onChange: (value: string[]) => void;\n}\n\nfunction ComboboxSingle(props: ComboboxSingleProps) {\n const { onChange, value } = props;\n const [currentValue, setCurrentValue] = useState<string>(\n (value as string) ?? \"\"\n );\n\n useEffect(() => onChange(currentValue), [onChange, currentValue]);\n\n const singleHandler = (newValue: string) =>\n setCurrentValue(newValue === currentValue ? \"\" : newValue);\n\n return (\n <Combobox\n {...props}\n value={currentValue}\n handler={singleHandler}\n badgeCount={!!currentValue ? 1 : 0}\n />\n );\n}\n\nfunction ComboboxMulti(props: ComboboxMultiProps) {\n const { onChange, onApply, value } = props;\n const [currentValues, setCurrentValues] = useState<string[]>(\n (value as string[]) ?? []\n );\n\n useEffect(() => onChange(currentValues), [onChange, currentValues]);\n\n const multiHandler = (newValue: string) =>\n setCurrentValues((prev) =>\n prev.includes(newValue)\n ? prev.filter((v) => v !== newValue)\n : [...prev, newValue]\n );\n\n const onClearHandler = () => setCurrentValues([]);\n\n return (\n <Combobox\n {...props}\n value={currentValues}\n handler={multiHandler}\n isMultiselect\n badgeCount={currentValues.length}\n onClear={onClearHandler}\n onApply={onApply}\n />\n );\n}\n\ninterface ComboboxComponentProps extends ComboboxProps {\n handler: (value: string) => void;\n isMultiselect?: boolean;\n badgeCount?: number;\n}\n\nfunction Combobox({\n title,\n label,\n options,\n isMultiselect,\n variant,\n hideSearch,\n className,\n classNames,\n onApply,\n onClear,\n applyBtnText,\n clearBtnText,\n value,\n badgeCount,\n handler,\n}: ComboboxComponentProps) {\n const [open, setOpen] = useState(false);\n\n const hideSearchBox = hideSearch ?? options?.length <= 5;\n\n const clickHandler = (option: string) => {\n handler?.(option);\n if (!isMultiselect) setOpen(false);\n };\n\n const onApplyHandler = () => {\n setOpen(false);\n onApply?.();\n };\n\n return (\n <div className={cn(\"flex flex-col\", className)}>\n {label && <Label text={label} className={classNames?.label} />}\n <Popover open={open} onOpenChange={setOpen}>\n <PopoverTrigger asChild>\n <div\n className={cn(triggerVariants({ variant }), classNames?.trigger)}\n aria-expanded={open}\n >\n {!!badgeCount && (\n <Badge variant=\"purple\" className=\"pt-1\">\n {badgeCount}\n </Badge>\n )}\n <span className=\"truncate leading-normal\">{title}</span>\n <ChevronDownIcon\n className=\"transform group-data-[state=open]:rotate-180\"\n size=\"16\"\n />\n </div>\n </PopoverTrigger>\n <PopoverContent\n className={cn(classNames?.content, \"p-0 ml-5\")}\n sideOffset={4}\n >\n <Command>\n {!hideSearchBox && <CommandInput placeholder=\"Search...\" />}\n <CommandList>\n <CommandEmpty>No results</CommandEmpty>\n <CommandGroup>\n {options.map(\n ({ value: optionValue, title, description, icon }) => (\n <CommandItem\n key={optionValue}\n value={optionValue}\n onSelect={clickHandler}\n >\n <ListItem\n className={cn(classNames?.items, \"py-1\", \"truncate\")}\n title={title}\n value={optionValue}\n isSelected={\n (Array.isArray(value) &&\n value.includes(optionValue)) ||\n value === optionValue\n }\n icon={icon}\n description={description}\n hasCheckbox={isMultiselect}\n />\n </CommandItem>\n )\n )}\n </CommandGroup>\n </CommandList>\n </Command>\n <Separator />\n {isMultiselect && (\n <div className=\"flex flex-row justify-between items-center p-4\">\n <Button variant=\"link\" onClick={onClear}>\n {clearBtnText ?? \"Clear\"}\n </Button>\n <Button variant=\"primary\" onClick={onApplyHandler}>\n {applyBtnText ?? \"Apply\"}\n </Button>\n </div>\n )}\n </PopoverContent>\n </Popover>\n </div>\n );\n}\n\nconst triggerVariants = cva(\n [\n \"group relative cursor-pointer flex flex-row items-center justify-between gap-2 rounded-3xl border border-grey-20 h-9 pl-3 pr-2 py-2 text-sm font-bold focus:outline-green-80 disabled:bg-grey-5\",\n ],\n {\n variants: {\n variant: {\n default: [\"data-[state=open]:bg-black\", \"data-[state=open]:text-white\"],\n },\n },\n defaultVariants: {\n variant: \"default\",\n },\n }\n);\n\nexport { ComboboxSingle, ComboboxMulti };\n","import React from 'react';\nexport default React;","import { type ClassValue, clsx } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n return twMerge(clsx(inputs));\n}\n","\"use client\";\n\nimport { type DialogProps } from \"@radix-ui/react-dialog\";\nimport { Command as CommandPrimitive } from \"cmdk\";\nimport { Search } from \"lucide-react\";\nimport * as React from \"react\";\n\nimport { Dialog, DialogContent } from \"@/exports/components/primitives/dialog\";\n\nimport { cn } from \"@/exports/components/lib/utils\";\n\nconst Command = React.forwardRef<\n React.ElementRef<typeof CommandPrimitive>,\n React.ComponentPropsWithoutRef<typeof CommandPrimitive>\n>(({ className, ...props }, ref) => (\n <CommandPrimitive\n ref={ref}\n className={cn(\n \"flex h-full w-full flex-col overflow-hidden rounded-xl bg-white text-neutral-950\",\n className\n )}\n {...props}\n />\n));\nCommand.displayName = CommandPrimitive.displayName;\n\ntype CommandDialogProps = DialogProps;\n\nconst CommandDialog = ({ children, ...props }: CommandDialogProps) => {\n return (\n <Dialog {...props}>\n <DialogContent className=\"overflow-hidden p-0 shadow-lg\">\n <Command className=\"[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-neutral-500 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5\">\n {children}\n </Command>\n </DialogContent>\n </Dialog>\n );\n};\n\nconst CommandInput = React.forwardRef<\n React.ElementRef<typeof CommandPrimitive.Input>,\n React.ComponentPropsWithoutRef<typeof CommandPrimitive.Input>\n>(({ className, ...props }, ref) => (\n <div\n className=\"m-1 flex items-center rounded-lg border px-3\"\n cmdk-input-wrapper=\"\"\n >\n <Search className=\"mr-2 h-4 w-4 shrink-0 opacity-50\" />\n <CommandPrimitive.Input\n ref={ref}\n className={cn(\n \"flex h-11 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-neutral-500 disabled:cursor-not-allowed disabled:opacity-50\",\n className\n )}\n {...props}\n />\n </div>\n));\n\nCommandInput.displayName = CommandPrimitive.Input.displayName;\n\nconst CommandList = React.forwardRef<\n React.ElementRef<typeof CommandPrimitive.List>,\n React.ComponentPropsWithoutRef<typeof CommandPrimitive.List>\n>(({ className, ...props }, ref) => (\n <CommandPrimitive.List\n ref={ref}\n className={cn(\"overflow-y-auto overflow-x-hidden\", className)}\n {...props}\n />\n));\n\nCommandList.displayName = CommandPrimitive.List.displayName;\n\nconst CommandEmpty = React.forwardRef<\n React.ElementRef<typeof CommandPrimitive.Empty>,\n React.ComponentPropsWithoutRef<typeof CommandPrimitive.Empty>\n>((props, ref) => (\n <CommandPrimitive.Empty\n ref={ref}\n className=\"py-6 text-center text-sm\"\n {...props}\n />\n));\n\nCommandEmpty.displayName = CommandPrimitive.Empty.displayName;\n\nconst CommandGroup = React.forwardRef<\n React.ElementRef<typeof CommandPrimitive.Group>,\n React.ComponentPropsWithoutRef<typeof CommandPrimitive.Group>\n>(({ className, ...props }, ref) => (\n <CommandPrimitive.Group\n ref={ref}\n className={cn(\n \"overflow-hidden p-1 text-neutral-950 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-neutral-500\",\n className\n )}\n {...props}\n />\n));\n\nCommandGroup.displayName = CommandPrimitive.Group.displayName;\n\nconst CommandSeparator = React.forwardRef<\n React.ElementRef<typeof CommandPrimitive.Separator>,\n React.ComponentPropsWithoutRef<typeof CommandPrimitive.Separator>\n>(({ className, ...props }, ref) => (\n <CommandPrimitive.Separator\n ref={ref}\n className={cn(\"-mx-1 h-px bg-neutral-200\", className)}\n {...props}\n />\n));\nCommandSeparator.displayName = CommandPrimitive.Separator.displayName;\n\nconst CommandItem = React.forwardRef<\n React.ElementRef<typeof CommandPrimitive.Item>,\n React.ComponentPropsWithoutRef<typeof CommandPrimitive.Item>\n>(({ className, ...props }, ref) => (\n <CommandPrimitive.Item\n ref={ref}\n className={cn(\n \"relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[disabled=true]:pointer-events-none data-[selected='true']:bg-neutral-100 data-[selected=true]:text-neutral-900 data-[disabled=true]:opacity-50\",\n className\n )}\n {...props}\n />\n));\n\nCommandItem.displayName = CommandPrimitive.Item.displayName;\n\nconst CommandShortcut = ({\n className,\n ...props\n}: React.HTMLAttributes<HTMLSpanElement>) => {\n return (\n <span\n className={cn(\n \"ml-auto text-xs tracking-widest text-neutral-500\",\n className\n )}\n {...props}\n />\n );\n};\nCommandShortcut.displayName = \"CommandShortcut\";\n\nexport {\n Command,\n CommandDialog,\n CommandEmpty,\n CommandGroup,\n CommandInput,\n CommandItem,\n CommandList,\n CommandSeparator,\n CommandShortcut,\n};\n","\"use client\";\n\nimport { cn } from \"@/exports/components/lib/utils\";\nimport * as DialogPrimitive from \"@radix-ui/react-dialog\";\nimport { X } from \"lucide-react\";\nimport * as React from \"react\";\n\nconst Dialog = DialogPrimitive.Root;\n\nconst DialogTrigger = DialogPrimitive.Trigger;\n\nconst DialogPortal = DialogPrimitive.Portal;\n\nconst DialogClose = DialogPrimitive.Close;\n\nconst DialogOverlay = React.forwardRef<\n React.ElementRef<typeof DialogPrimitive.Overlay>,\n React.ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>\n>(({ className, ...props }, ref) => (\n <DialogPrimitive.Overlay\n ref={ref}\n className={cn(\n \"fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0\",\n className\n )}\n {...props}\n />\n));\nDialogOverlay.displayName = DialogPrimitive.Overlay.displayName;\n\nconst DialogContent = React.forwardRef<\n React.ElementRef<typeof DialogPrimitive.Content>,\n React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>\n>(({ className, children, ...props }, ref) => (\n <DialogPortal>\n <DialogOverlay />\n <DialogPrimitive.Content\n ref={ref}\n className={cn(\n \"fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border border-neutral-200 bg-white p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg dark:border-neutral-800 dark:bg-neutral-950\",\n className\n )}\n {...props}\n >\n {children}\n <DialogPrimitive.Close className=\"absolute right-4 top-4 rounded-sm opacity-70 ring-offset-white transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-neutral-950 focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-neutral-100 data-[state=open]:text-neutral-500 dark:ring-offset-neutral-950 dark:focus:ring-neutral-300 dark:data-[state=open]:bg-neutral-800 dark:data-[state=open]:text-neutral-400\">\n <X className=\"h-4 w-4\" />\n <span className=\"sr-only\">Close</span>\n </DialogPrimitive.Close>\n </DialogPrimitive.Content>\n </DialogPortal>\n));\nDialogContent.displayName = DialogPrimitive.Content.displayName;\n\nconst DialogHeader = ({\n className,\n ...props\n}: React.HTMLAttributes<HTMLDivElement>) => (\n <div\n className={cn(\n \"flex flex-col space-y-1.5 text-center sm:text-left\",\n className\n )}\n {...props}\n />\n);\nDialogHeader.displayName = \"DialogHeader\";\n\nconst DialogFooter = ({\n className,\n ...props\n}: React.HTMLAttributes<HTMLDivElement>) => (\n <div\n className={cn(\n \"flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2\",\n className\n )}\n {...props}\n />\n);\nDialogFooter.displayName = \"DialogFooter\";\n\nconst DialogTitle = React.forwardRef<\n React.ElementRef<typeof DialogPrimitive.Title>,\n React.ComponentPropsWithoutRef<typeof DialogPrimitive.Title>\n>(({ className, ...props }, ref) => (\n <DialogPrimitive.Title\n ref={ref}\n className={cn(\n \"text-lg font-semibold leading-none tracking-tight\",\n className\n )}\n {...props}\n />\n));\nDialogTitle.displayName = DialogPrimitive.Title.displayName;\n\nconst DialogDescription = React.forwardRef<\n React.ElementRef<typeof DialogPrimitive.Description>,\n React.ComponentPropsWithoutRef<typeof DialogPrimitive.Description>\n>(({ className, ...props }, ref) => (\n <DialogPrimitive.Description\n ref={ref}\n className={cn(\"text-sm text-neutral-500 dark:text-neutral-400\", className)}\n {...props}\n />\n));\nDialogDescription.displayName = DialogPrimitive.Description.displayName;\n\nexport {\n Dialog,\n DialogClose,\n DialogContent,\n DialogDescription,\n DialogFooter,\n DialogHeader,\n DialogOverlay,\n DialogPortal,\n DialogTitle,\n DialogTrigger,\n};\n","\"use client\";\n\nimport * as React from \"react\";\nimport * as PopoverPrimitive from \"@radix-ui/react-popover\";\n\nimport { cn } from \"@/exports/components/lib/utils\";\n\nconst Popover = PopoverPrimitive.Root;\n\nconst PopoverTrigger = PopoverPrimitive.Trigger;\n\nconst PopoverContent = React.forwardRef<\n React.ElementRef<typeof PopoverPrimitive.Content>,\n React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content>\n>(({ className, align = \"center\", sideOffset = 4, ...props }, ref) => (\n <PopoverPrimitive.Portal>\n <PopoverPrimitive.Content\n ref={ref}\n align={align}\n sideOffset={sideOffset}\n className={cn(\n \"z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2\",\n className\n )}\n {...props}\n />\n </PopoverPrimitive.Portal>\n));\nPopoverContent.displayName = PopoverPrimitive.Content.displayName;\n\nexport { Popover, PopoverTrigger, PopoverContent };\n","\"use client\";\r\n\r\nimport * as SeparatorPrimitive from \"@radix-ui/react-separator\";\r\nimport * as React from \"react\";\r\n\r\nimport { cn } from \"@/exports/components/lib/utils\";\r\n\r\nconst Separator = React.forwardRef<\r\n React.ElementRef<typeof SeparatorPrimitive.Root>,\r\n React.ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root>\r\n>(\r\n (\r\n { className, orientation = \"horizontal\", decorative = true, ...props },\r\n ref\r\n ) => (\r\n <SeparatorPrimitive.Root\r\n ref={ref}\r\n decorative={decorative}\r\n orientation={orientation}\r\n className={cn(\r\n \"shrink-0 bg-grey-10\",\r\n orientation === \"horizontal\" ? \"h-[1px] w-full\" : \"h-full w-[1px]\",\r\n className\r\n )}\r\n {...props}\r\n />\r\n )\r\n);\r\nSeparator.displayName = SeparatorPrimitive.Root.displayName;\r\n\r\nexport { Separator };\r\n","import { cn } from \"@/exports/components/lib/utils\";\nimport { CheckIcon } from \"lucide-react\";\nimport { ComponentPropsWithoutRef, ReactNode } from \"react\";\nimport Checkbox from \"@/exports/components/ui/Checkbox\";\nimport { icons } from \"lucide-react\";\n\ntype IconKey = keyof typeof icons;\n\ninterface ListItemProps extends ComponentPropsWithoutRef<\"li\"> {\n icon?: string;\n hasCheckbox?: boolean;\n isSelected?: boolean;\n title: string;\n value: string;\n description?: string;\n}\n\nfunction ListItem({\n icon,\n hasCheckbox,\n isSelected,\n className,\n title,\n value,\n description,\n ...props\n}: ListItemProps) {\n const getIconIfValid = (icon: string): ReactNode => {\n if (icon in icons) {\n const IconComponent = icons[icon as IconKey];\n return <IconComponent size={14} />;\n }\n return null;\n };\n\n const optionIcon = icon ? getIconIfValid(icon) : undefined;\n\n return (\n <li\n className={cn(\n \"group relative text-left flex w-72 flex-row items-center text-sm cursor-pointer\",\n className\n )}\n {...props}\n data-state={isSelected ? \"checked\" : \"unchecked\"}\n >\n {optionIcon && <span className=\"mr-2\">{optionIcon}</span>}\n {hasCheckbox && (\n <Checkbox\n id={value}\n checked={isSelected}\n onClick={(e) => e.preventDefault()}\n />\n )}\n <div>\n <p>{title}</p>\n <p className=\"text-xs text-grey-80\">{description}</p>\n </div>\n\n <CheckIcon\n className=\"absolute inset-y-0 right-0 my-auto hidden w-6 text-green-100 group-data-[state=checked]:block\"\n size={16}\n />\n </li>\n );\n}\n\nexport default ListItem;\n","\"use client\";\n\nimport * as CheckboxPrimitive from \"@radix-ui/react-checkbox\";\nimport { Check, Minus } from \"lucide-react\";\nimport {\n type ComponentPropsWithoutRef,\n type ElementRef,\n forwardRef,\n type PropsWithChildren,\n} from \"react\";\n\nimport { cn } from \"@/exports/components/lib/utils\";\n\nconst CheckboxToggle = forwardRef<\n ElementRef<typeof CheckboxPrimitive.Root>,\n ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>\n>(({ className, ...props }, ref) => (\n <CheckboxPrimitive.Root\n ref={ref}\n className={cn(\n \"group\",\n \"peer\",\n \"h-5\",\n \"w-5\",\n \"shrink-0\",\n \"rounded-md\",\n \"border\",\n \"border-grey-10\",\n \"outline\",\n \"outline-1\",\n \"outline-offset-2\",\n \"outline-transparent\",\n \"hover:border-grey-20\",\n \"focus:outline-purple-100\",\n \"active:border-green-80\",\n \"disabled:cursor-not-allowed\",\n \"disabled:opacity-50\",\n \"data-[state=checked]:bg-green-80\",\n \"data-[state=indeterminate]:bg-green-80\",\n \"data-[state=checked]:text-white\",\n \"data-[state=indeterminate]:text-primary-foreground\",\n props.disabled &&\n \"bg-grey-20 data-[state=checked]:bg-grey-20 data-[state=checked]:text-foreground\",\n className\n )}\n {...props}\n >\n <CheckboxPrimitive.Indicator className=\"flex items-center justify-center text-current\">\n <Check className=\"hidden h-4 w-4 group-data-[state=checked]:block\" />\n <Minus className=\"hidden h-4 w-4 group-data-[state=indeterminate]:block\" />\n </CheckboxPrimitive.Indicator>\n </CheckboxPrimitive.Root>\n));\nCheckboxToggle.displayName = CheckboxPrimitive.Root.displayName;\n\ninterface Props extends CheckboxPrimitive.CheckboxProps, PropsWithChildren {\n error?: string;\n classNames?: {\n wrapper?: string;\n label?: string;\n };\n}\n\nconst Checkbox = forwardRef<ElementRef<typeof CheckboxPrimitive.Root>, Props>(\n ({ classNames, children, ...props }, ref) => {\n const { disabled } = props;\n const id = props.id ?? `${props.name ?? props.value?.toString()}-checkbox`;\n const labelClassName = disabled ? \"text-grey-40 pointer-events-none\" : \"\";\n return (\n <div className={cn(\"flex space-x-2\", classNames?.wrapper)}>\n <CheckboxToggle id={id} disabled={disabled} ref={ref} {...props} />\n <label htmlFor={id} className={cn(labelClassName, classNames?.label)}>\n {children}\n </label>\n </div>\n );\n }\n);\nCheckbox.displayName = \"Checkbox\";\n\nexport default Checkbox;\n","import { cva, type VariantProps } from \"cva\";\nimport * as React from \"react\";\n\nimport { cn } from \"@/exports/components/lib/utils\";\n\nconst badgeVariants = cva(\"rounded-full px-2 py-0.5 text-xs font-semibold\", {\n variants: {\n variant: {\n green: \"bg-green-90 text-white\",\n pickle: \"bg-pickle-100 text-black\",\n purple: \"bg-purple-100 text-white\",\n },\n },\n defaultVariants: {\n variant: \"green\",\n },\n});\n\nexport interface BadgeProps\n extends React.HTMLAttributes<HTMLDivElement>,\n VariantProps<typeof badgeVariants> {}\n\nfunction Badge({ className, variant, ...props }: BadgeProps) {\n return (\n <div className={cn(badgeVariants({ variant }), className)} {...props} />\n );\n}\n\nexport { Badge, badgeVariants };\n","import { cn } from \"@/exports/components/lib/utils\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport { cva, type VariantProps } from \"cva\";\nimport React, { forwardRef } from \"react\";\n\ninterface ButtonProps\n extends React.ButtonHTMLAttributes<HTMLButtonElement>,\n VariantProps<typeof buttonVariants> {\n asChild?: boolean;\n}\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\n ({ className, variant, size, asChild = false, ...props }, ref) => {\n const Component = asChild ? Slot : \"button\";\n\n return (\n <Component\n className={cn(buttonVariants({ variant, size, className }))}\n ref={ref}\n {...props}\n />\n );\n }\n);\nButton.displayName = \"Button\";\n\nconst buttonVariants = cva(\n [\n \"flex\",\n \"items-center\",\n \"justify-center\",\n \"gap-2\",\n \"rounded-full\",\n \"font-bold\",\n \"outline-2\",\n \"outline-offset-2\",\n \"outline-dashed\",\n \"outline-transparent\",\n ],\n {\n variants: {\n variant: {\n neutral: [\n \"bg-black\",\n \"text-white\",\n \"hover:bg-grey-90\",\n \"active:bg-grey-80\",\n \"focus:outline-purple-100\",\n \"disabled:text-grey-40\",\n \"disabled:bg-grey-10\",\n ],\n primary: [\n \"bg-pickle-100\",\n \"text-black\",\n \"hover:bg-pickle-80\",\n \"active:bg-pickle-60\",\n \"focus:outline-purple-100\",\n \"disabled:text-grey-40\",\n \"disabled:bg-grey-10\",\n ],\n secondary: [\n \"bg-green-80\",\n \"text-white\",\n \"hover:bg-green-90\",\n \"active:bg-green-100\",\n \"focus:outline-pickle-100\",\n \"disabled:text-grey-40\",\n \"disabled:bg-grey-10\",\n ],\n transparent: [\n \"text-white\",\n \"hover:bg-green-80\",\n \"active:bg-green-100\",\n \"focus:outline-pickle-100\",\n \"disabled:text-grey-40\",\n ],\n link: [\n \"leading-tight\",\n \"text-black\",\n \"underline\",\n \"hover:text-purple-100\",\n \"focus:text-black\",\n \"focus:outline-purple-100\",\n \"active:text-purple-80\",\n ],\n },\n size: {\n small: [\"h-10\", \"text-sm\", \"px-4\", \"py-2\"],\n medium: [\"h-12\", \"text-base\", \"px-6\", \"py-3\"],\n large: [\"h-14\", \"text-lg\", \"px-8\", \"py-4\"],\n },\n },\n defaultVariants: {\n variant: \"neutral\",\n size: \"medium\",\n },\n compoundVariants: [\n {\n variant: \"link\",\n size: \"small\",\n class: [\"h-3\", \"text-xs\", \"p-0\"],\n },\n {\n variant: \"link\",\n size: \"medium\",\n class: [\"h-4\", \"text-sm\", \"p-0\"],\n },\n {\n variant: \"link\",\n size: \"large\",\n class: [\"h-6\", \"text-base\", \"p-0\"],\n },\n ],\n }\n);\n","import { type ComponentPropsWithoutRef } from \"react\";\n\nimport { cn } from \"@/exports/components/lib/utils\";\n\ninterface Props extends ComponentPropsWithoutRef<\"label\"> {\n text?: string;\n}\n\nfunction Label({ text, className, ...props }: Readonly<Props>) {\n if (!text) return null;\n\n return (\n <label\n className={cn(\n \"text-xs text-grey-80 peer-disabled:cursor-not-allowed peer-disabled:opacity-70\",\n className\n )}\n {...props}\n >\n {text}\n </label>\n );\n}\n\nexport default Label;\n"],"mappings":"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","names":["Combobox_exports","__export","ComboboxMulti","ComboboxSingle","__toCommonJS","import_react","import_react","import_lucide_react","import_cva","import_clsx","import_tailwind_merge","cn","inputs","import_cmdk","import_lucide_react","React","DialogPrimitive","import_lucide_react","React","DialogPortal","DialogOverlay","className","props","ref","cn","DialogContent","children","DialogPortal","DialogHeader","DialogFooter","DialogTitle","DialogDescription","Command","className","props","ref","CommandPrimitive","cn","CommandInput","className","props","ref","CommandPrimitive","cn","CommandList","CommandEmpty","CommandGroup","CommandSeparator","CommandItem","CommandShortcut","React","PopoverPrimitive","Popover","PopoverTrigger","PopoverContent","className","align","sideOffset","props","ref","cn","SeparatorPrimitive","React","Separator","className","orientation","decorative","props","ref","cn","import_lucide_react","CheckboxPrimitive","import_lucide_react","import_react","CheckboxToggle","className","props","ref","cn","Checkbox","classNames","children","disabled","id","labelClassName","Checkbox_default","import_lucide_react","ListItem","icon","hasCheckbox","isSelected","className","title","value","description","props","optionIcon","IconComponent","cn","Checkbox_default","e","ListItem_default","import_cva","React","badgeVariants","Badge","className","variant","props","cn","import_react_slot","import_cva","import_react","Button","className","variant","size","asChild","props","ref","React","cn","buttonVariants","Label","text","className","props","cn","Label_default","ComboboxSingle","props","onChange","value","currentValue","setCurrentValue","React","Combobox","newValue","ComboboxMulti","onApply","currentValues","setCurrentValues","multiHandler","prev","v","onClearHandler","title","label","options","isMultiselect","variant","hideSearch","className","classNames","onClear","applyBtnText","clearBtnText","badgeCount","handler","open","setOpen","hideSearchBox","clickHandler","option","onApplyHandler","cn","Label_default","Popover","PopoverTrigger","triggerVariants","Badge","PopoverContent","Command","CommandInput","CommandList","CommandEmpty","CommandGroup","optionValue","description","icon","CommandItem","ListItem_default","Separator","Button"]}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as cva_types from 'cva/types';
|
|
2
|
-
import
|
|
2
|
+
import React__default from 'react';
|
|
3
3
|
import { VariantProps } from 'cva';
|
|
4
4
|
|
|
5
5
|
type Option = {
|
|
@@ -35,8 +35,8 @@ interface ComboboxSingleProps extends ComboboxProps {
|
|
|
35
35
|
interface ComboboxMultiProps extends ComboboxProps {
|
|
36
36
|
onChange: (value: string[]) => void;
|
|
37
37
|
}
|
|
38
|
-
declare function ComboboxSingle(props: ComboboxSingleProps):
|
|
39
|
-
declare function ComboboxMulti(props: ComboboxMultiProps):
|
|
38
|
+
declare function ComboboxSingle(props: ComboboxSingleProps): React__default.JSX.Element;
|
|
39
|
+
declare function ComboboxMulti(props: ComboboxMultiProps): React__default.JSX.Element;
|
|
40
40
|
declare const triggerVariants: (props?: ({
|
|
41
41
|
variant?: "default" | null | undefined;
|
|
42
42
|
} & cva_types.ClassProp) | undefined) => string;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as cva_types from 'cva/types';
|
|
2
|
-
import
|
|
2
|
+
import React__default from 'react';
|
|
3
3
|
import { VariantProps } from 'cva';
|
|
4
4
|
|
|
5
5
|
type Option = {
|
|
@@ -35,8 +35,8 @@ interface ComboboxSingleProps extends ComboboxProps {
|
|
|
35
35
|
interface ComboboxMultiProps extends ComboboxProps {
|
|
36
36
|
onChange: (value: string[]) => void;
|
|
37
37
|
}
|
|
38
|
-
declare function ComboboxSingle(props: ComboboxSingleProps):
|
|
39
|
-
declare function ComboboxMulti(props: ComboboxMultiProps):
|
|
38
|
+
declare function ComboboxSingle(props: ComboboxSingleProps): React__default.JSX.Element;
|
|
39
|
+
declare function ComboboxMulti(props: ComboboxMultiProps): React__default.JSX.Element;
|
|
40
40
|
declare const triggerVariants: (props?: ({
|
|
41
41
|
variant?: "default" | null | undefined;
|
|
42
42
|
} & cva_types.ClassProp) | undefined) => string;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";"use client";var he=Object.create;var R=Object.defineProperty;var Ce=Object.getOwnPropertyDescriptor;var Pe=Object.getOwnPropertyNames;var Re=Object.getPrototypeOf,ke=Object.prototype.hasOwnProperty;var Ne=(e,t)=>{for(var o in t)R(e,o,{get:t[o],enumerable:!0})},F=(e,t,o,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let i of Pe(t))!ke.call(e,i)&&i!==o&&R(e,i,{get:()=>t[i],enumerable:!(r=Ce(t,i))||r.enumerable});return e};var c=(e,t,o)=>(o=e!=null?he(Re(e)):{},F(t||!e||!e.__esModule?R(o,"default",{value:e,enumerable:!0}):o,e)),we=e=>F(R({},"__esModule",{value:!0}),e);var Oe={};Ne(Oe,{ComboboxMulti:()=>Me,ComboboxSingle:()=>Ve});module.exports=we(Oe);var y=require("react"),pe=require("lucide-react"),de=require("cva");var K=require("clsx"),X=require("tailwind-merge");function a(...e){return(0,X.twMerge)((0,K.clsx)(e))}var m=require("cmdk"),Q=require("lucide-react"),n=c(require("react"));var s=c(require("@radix-ui/react-dialog")),$=require("lucide-react"),l=c(require("react"));var De=s.Portal;var q=l.forwardRef(({className:e,...t},o)=>l.createElement(s.Overlay,{ref:o,className:a("fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",e),...t}));q.displayName=s.Overlay.displayName;var J=l.forwardRef(({className:e,children:t,...o},r)=>l.createElement(De,null,l.createElement(q,null),l.createElement(s.Content,{ref:r,className:a("fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border border-neutral-200 bg-white p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg dark:border-neutral-800 dark:bg-neutral-950",e),...o},t,l.createElement(s.Close,{className:"absolute right-4 top-4 rounded-sm opacity-70 ring-offset-white transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-neutral-950 focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-neutral-100 data-[state=open]:text-neutral-500 dark:ring-offset-neutral-950 dark:focus:ring-neutral-300 dark:data-[state=open]:bg-neutral-800 dark:data-[state=open]:text-neutral-400"},l.createElement($.X,{className:"h-4 w-4"}),l.createElement("span",{className:"sr-only"},"Close")))));J.displayName=s.Content.displayName;var Ee=({className:e,...t})=>l.createElement("div",{className:a("flex flex-col space-y-1.5 text-center sm:text-left",e),...t});Ee.displayName="DialogHeader";var Ie=({className:e,...t})=>l.createElement("div",{className:a("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",e),...t});Ie.displayName="DialogFooter";var Se=l.forwardRef(({className:e,...t},o)=>l.createElement(s.Title,{ref:o,className:a("text-lg font-semibold leading-none tracking-tight",e),...t}));Se.displayName=s.Title.displayName;var Te=l.forwardRef(({className:e,...t},o)=>l.createElement(s.Description,{ref:o,className:a("text-sm text-neutral-500 dark:text-neutral-400",e),...t}));Te.displayName=s.Description.displayName;var T=n.forwardRef(({className:e,...t},o)=>n.createElement(m.Command,{ref:o,className:a("flex h-full w-full flex-col overflow-hidden rounded-xl bg-white text-neutral-950",e),...t}));T.displayName=m.Command.displayName;var L=n.forwardRef(({className:e,...t},o)=>n.createElement("div",{className:"m-1 flex items-center rounded-lg border px-3","cmdk-input-wrapper":""},n.createElement(Q.Search,{className:"mr-2 h-4 w-4 shrink-0 opacity-50"}),n.createElement(m.Command.Input,{ref:o,className:a("flex h-11 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-neutral-500 disabled:cursor-not-allowed disabled:opacity-50",e),...t})));L.displayName=m.Command.Input.displayName;var _=n.forwardRef(({className:e,...t},o)=>n.createElement(m.Command.List,{ref:o,className:a("overflow-y-auto overflow-x-hidden",e),...t}));_.displayName=m.Command.List.displayName;var W=n.forwardRef((e,t)=>n.createElement(m.Command.Empty,{ref:t,className:"py-6 text-center text-sm",...e}));W.displayName=m.Command.Empty.displayName;var H=n.forwardRef(({className:e,...t},o)=>n.createElement(m.Command.Group,{ref:o,className:a("overflow-hidden p-1 text-neutral-950 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-neutral-500",e),...t}));H.displayName=m.Command.Group.displayName;var Le=n.forwardRef(({className:e,...t},o)=>n.createElement(m.Command.Separator,{ref:o,className:a("-mx-1 h-px bg-neutral-200",e),...t}));Le.displayName=m.Command.Separator.displayName;var B=n.forwardRef(({className:e,...t},o)=>n.createElement(m.Command.Item,{ref:o,className:a("relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[disabled=true]:pointer-events-none data-[selected='true']:bg-neutral-100 data-[selected=true]:text-neutral-900 data-[disabled=true]:opacity-50",e),...t}));B.displayName=m.Command.Item.displayName;var _e=({className:e,...t})=>n.createElement("span",{className:a("ml-auto text-xs tracking-widest text-neutral-500",e),...t});_e.displayName="CommandShortcut";var C=c(require("react")),u=c(require("@radix-ui/react-popover"));var U=u.Root,Y=u.Trigger,z=C.forwardRef(({className:e,align:t="center",sideOffset:o=4,...r},i)=>C.createElement(u.Portal,null,C.createElement(u.Content,{ref:i,align:t,sideOffset:o,className:a("z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",e),...r})));z.displayName=u.Content.displayName;var V=c(require("@radix-ui/react-separator")),k=c(require("react"));var M=k.forwardRef(({className:e,orientation:t="horizontal",decorative:o=!0,...r},i)=>k.createElement(V.Root,{ref:i,decorative:o,orientation:t,className:a("shrink-0 bg-grey-10",t==="horizontal"?"h-[1px] w-full":"h-full w-[1px]",e),...r}));M.displayName=V.Root.displayName;var oe=require("lucide-react");var P=c(require("@radix-ui/react-checkbox")),N=require("lucide-react"),A=require("react");var Z=(0,A.forwardRef)(({className:e,...t},o)=>React.createElement(P.Root,{ref:o,className:a("group","peer","h-5","w-5","shrink-0","rounded-md","border","border-grey-10","outline","outline-1","outline-offset-2","outline-transparent","hover:border-grey-20","focus:outline-purple-100","active:border-green-80","disabled:cursor-not-allowed","disabled:opacity-50","data-[state=checked]:bg-green-80","data-[state=indeterminate]:bg-green-80","data-[state=checked]:text-white","data-[state=indeterminate]:text-primary-foreground",t.disabled&&"bg-grey-20 data-[state=checked]:bg-grey-20 data-[state=checked]:text-foreground",e),...t},React.createElement(P.Indicator,{className:"flex items-center justify-center text-current"},React.createElement(N.Check,{className:"hidden h-4 w-4 group-data-[state=checked]:block"}),React.createElement(N.Minus,{className:"hidden h-4 w-4 group-data-[state=indeterminate]:block"}))));Z.displayName=P.Root.displayName;var ee=(0,A.forwardRef)(({classNames:e,children:t,...o},r)=>{let{disabled:i}=o,p=o.id??`${o.name??o.value?.toString()}-checkbox`,d=i?"text-grey-40 pointer-events-none":"";return React.createElement("div",{className:a("flex space-x-2",e?.wrapper)},React.createElement(Z,{id:p,disabled:i,ref:r,...o}),React.createElement("label",{htmlFor:p,className:a(d,e?.label)},t))});ee.displayName="Checkbox";var te=ee;var O=require("lucide-react");function We({icon:e,hasCheckbox:t,isSelected:o,className:r,title:i,value:p,description:d,...g}){let v=e?(x=>{if(x in O.icons){let E=O.icons[x];return React.createElement(E,{size:14})}return null})(e):void 0;return React.createElement("li",{className:a("group relative text-left flex w-72 flex-row items-center text-sm cursor-pointer",r),...g,"data-state":o?"checked":"unchecked"},v&&React.createElement("span",{className:"mr-2"},v),t&&React.createElement(te,{id:p,checked:o,onClick:x=>x.preventDefault()}),React.createElement("div",null,React.createElement("p",null,i),React.createElement("p",{className:"text-xs text-grey-80"},d)),React.createElement(oe.CheckIcon,{className:"absolute inset-y-0 right-0 my-auto hidden w-6 text-green-100 group-data-[state=checked]:block",size:16}))}var ae=We;var re=require("cva"),ie=c(require("react"));var He=(0,re.cva)("rounded-full px-2 py-0.5 text-xs font-semibold",{variants:{variant:{green:"bg-green-90 text-white",pickle:"bg-pickle-100 text-black",purple:"bg-purple-100 text-white"}},defaultVariants:{variant:"green"}});function ne({className:e,variant:t,...o}){return ie.createElement("div",{className:a(He({variant:t}),e),...o})}var se=require("@radix-ui/react-slot"),le=require("cva"),w=c(require("react")),D=(0,w.forwardRef)(({className:e,variant:t,size:o,asChild:r=!1,...i},p)=>w.default.createElement(r?se.Slot:"button",{className:a(Be({variant:t,size:o,className:e})),ref:p,...i}));D.displayName="Button";var Be=(0,le.cva)(["flex","items-center","justify-center","gap-2","rounded-full","font-bold","outline-2","outline-offset-2","outline-dashed","outline-transparent"],{variants:{variant:{neutral:["bg-black","text-white","hover:bg-grey-90","active:bg-grey-80","focus:outline-purple-100","disabled:text-grey-40","disabled:bg-grey-10"],primary:["bg-pickle-100","text-black","hover:bg-pickle-80","active:bg-pickle-60","focus:outline-purple-100","disabled:text-grey-40","disabled:bg-grey-10"],secondary:["bg-green-80","text-white","hover:bg-green-90","active:bg-green-100","focus:outline-pickle-100","disabled:text-grey-40","disabled:bg-grey-10"],transparent:["text-white","hover:bg-green-80","active:bg-green-100","focus:outline-pickle-100","disabled:text-grey-40"],link:["leading-tight","text-black","underline","hover:text-purple-100","focus:text-black","focus:outline-purple-100","active:text-purple-80"]},size:{small:["h-10","text-sm","px-4","py-2"],medium:["h-12","text-base","px-6","py-3"],large:["h-14","text-lg","px-8","py-4"]}},defaultVariants:{variant:"neutral",size:"medium"},compoundVariants:[{variant:"link",size:"small",class:["h-3","text-xs","p-0"]},{variant:"link",size:"medium",class:["h-4","text-sm","p-0"]},{variant:"link",size:"large",class:["h-6","text-base","p-0"]}]});function ze({text:e,className:t,...o}){return e?React.createElement("label",{className:a("text-xs text-grey-80 peer-disabled:cursor-not-allowed peer-disabled:opacity-70",t),...o},e):null}var me=ze;function Ve(e){let{onChange:t,value:o}=e,[r,i]=(0,y.useState)(o??"");return(0,y.useEffect)(()=>t(r),[t,r]),React.createElement(ce,{...e,value:r,handler:d=>i(d===r?"":d),badgeCount:r?1:0})}function Me(e){let{onChange:t,onApply:o,value:r}=e,[i,p]=(0,y.useState)(r??[]);(0,y.useEffect)(()=>t(i),[t,i]);let d=h=>p(v=>v.includes(h)?v.filter(x=>x!==h):[...v,h]),g=()=>p([]);return React.createElement(ce,{...e,value:i,handler:d,isMultiselect:!0,badgeCount:i.length,onClear:g,onApply:o})}function ce({title:e,label:t,options:o,isMultiselect:r,variant:i,hideSearch:p,className:d,classNames:g,onApply:h,onClear:v,applyBtnText:x,clearBtnText:E,value:I,badgeCount:G,handler:fe}){let[j,S]=(0,y.useState)(!1),ue=p??o?.length<=5,ge=b=>{fe?.(b),r||S(!1)},ve=()=>{S(!1),h?.()};return React.createElement("div",{className:a("flex flex-col",d)},t&&React.createElement(me,{text:t,className:g?.label}),React.createElement(U,{open:j,onOpenChange:S},React.createElement(Y,{asChild:!0},React.createElement("div",{className:a(Ae({variant:i}),g?.trigger),"aria-expanded":j},!!G&&React.createElement(ne,{variant:"purple",className:"pt-1"},G),React.createElement("span",{className:"truncate leading-normal"},e),React.createElement(pe.ChevronDownIcon,{className:"transform group-data-[state=open]:rotate-180",size:"16"}))),React.createElement(z,{className:a(g?.content,"p-0 ml-5"),sideOffset:4},React.createElement(T,null,!ue&&React.createElement(L,{placeholder:"Search..."}),React.createElement(_,null,React.createElement(W,null,"No results"),React.createElement(H,null,o.map(({value:b,title:xe,description:be,icon:ye})=>React.createElement(B,{key:b,value:b,onSelect:ge},React.createElement(ae,{className:a(g?.items,"py-1","truncate"),title:xe,value:b,isSelected:Array.isArray(I)&&I.includes(b)||I===b,icon:ye,description:be,hasCheckbox:r})))))),React.createElement(M,null),r&&React.createElement("div",{className:"flex flex-row justify-between items-center p-4"},React.createElement(D,{variant:"link",onClick:v},E??"Clear"),React.createElement(D,{variant:"primary",onClick:ve},x??"Apply")))))}var Ae=(0,de.cva)(["group relative cursor-pointer flex flex-row items-center justify-between gap-2 rounded-3xl border border-grey-20 h-9 pl-3 pr-2 py-2 text-sm font-bold focus:outline-green-80 disabled:bg-grey-5"],{variants:{variant:{default:["data-[state=open]:bg-black","data-[state=open]:text-white"]}},defaultVariants:{variant:"default"}});0&&(module.exports={ComboboxMulti,ComboboxSingle});
|
|
1
|
+
"use client";import We from"react";import i,{useEffect as Y,useState as B}from"react";import{ChevronDownIcon as Se}from"lucide-react";import{cva as Te}from"cva";import{clsx as se}from"clsx";import{twMerge as le}from"tailwind-merge";function a(...e){return le(se(e))}import{Command as p}from"cmdk";import{Search as ge}from"lucide-react";import*as s from"react";import*as l from"@radix-ui/react-dialog";import{X as me}from"lucide-react";import*as m from"react";var pe=l.Portal;var M=m.forwardRef(({className:e,...t},o)=>m.createElement(l.Overlay,{ref:o,className:a("fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",e),...t}));M.displayName=l.Overlay.displayName;var A=m.forwardRef(({className:e,children:t,...o},r)=>m.createElement(pe,null,m.createElement(M,null),m.createElement(l.Content,{ref:r,className:a("fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border border-neutral-200 bg-white p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg dark:border-neutral-800 dark:bg-neutral-950",e),...o},t,m.createElement(l.Close,{className:"absolute right-4 top-4 rounded-sm opacity-70 ring-offset-white transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-neutral-950 focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-neutral-100 data-[state=open]:text-neutral-500 dark:ring-offset-neutral-950 dark:focus:ring-neutral-300 dark:data-[state=open]:bg-neutral-800 dark:data-[state=open]:text-neutral-400"},m.createElement(me,{className:"h-4 w-4"}),m.createElement("span",{className:"sr-only"},"Close")))));A.displayName=l.Content.displayName;var de=({className:e,...t})=>m.createElement("div",{className:a("flex flex-col space-y-1.5 text-center sm:text-left",e),...t});de.displayName="DialogHeader";var ce=({className:e,...t})=>m.createElement("div",{className:a("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",e),...t});ce.displayName="DialogFooter";var fe=m.forwardRef(({className:e,...t},o)=>m.createElement(l.Title,{ref:o,className:a("text-lg font-semibold leading-none tracking-tight",e),...t}));fe.displayName=l.Title.displayName;var ue=m.forwardRef(({className:e,...t},o)=>m.createElement(l.Description,{ref:o,className:a("text-sm text-neutral-500 dark:text-neutral-400",e),...t}));ue.displayName=l.Description.displayName;var D=s.forwardRef(({className:e,...t},o)=>s.createElement(p,{ref:o,className:a("flex h-full w-full flex-col overflow-hidden rounded-xl bg-white text-neutral-950",e),...t}));D.displayName=p.displayName;var E=s.forwardRef(({className:e,...t},o)=>s.createElement("div",{className:"m-1 flex items-center rounded-lg border px-3","cmdk-input-wrapper":""},s.createElement(ge,{className:"mr-2 h-4 w-4 shrink-0 opacity-50"}),s.createElement(p.Input,{ref:o,className:a("flex h-11 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-neutral-500 disabled:cursor-not-allowed disabled:opacity-50",e),...t})));E.displayName=p.Input.displayName;var I=s.forwardRef(({className:e,...t},o)=>s.createElement(p.List,{ref:o,className:a("overflow-y-auto overflow-x-hidden",e),...t}));I.displayName=p.List.displayName;var S=s.forwardRef((e,t)=>s.createElement(p.Empty,{ref:t,className:"py-6 text-center text-sm",...e}));S.displayName=p.Empty.displayName;var T=s.forwardRef(({className:e,...t},o)=>s.createElement(p.Group,{ref:o,className:a("overflow-hidden p-1 text-neutral-950 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-neutral-500",e),...t}));T.displayName=p.Group.displayName;var ve=s.forwardRef(({className:e,...t},o)=>s.createElement(p.Separator,{ref:o,className:a("-mx-1 h-px bg-neutral-200",e),...t}));ve.displayName=p.Separator.displayName;var L=s.forwardRef(({className:e,...t},o)=>s.createElement(p.Item,{ref:o,className:a("relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[disabled=true]:pointer-events-none data-[selected='true']:bg-neutral-100 data-[selected=true]:text-neutral-900 data-[disabled=true]:opacity-50",e),...t}));L.displayName=p.Item.displayName;var xe=({className:e,...t})=>s.createElement("span",{className:a("ml-auto text-xs tracking-widest text-neutral-500",e),...t});xe.displayName="CommandShortcut";import*as h from"react";import*as u from"@radix-ui/react-popover";var O=u.Root,G=u.Trigger,_=h.forwardRef(({className:e,align:t="center",sideOffset:o=4,...r},n)=>h.createElement(u.Portal,null,h.createElement(u.Content,{ref:n,align:t,sideOffset:o,className:a("z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",e),...r})));_.displayName=u.Content.displayName;import*as W from"@radix-ui/react-separator";import*as P from"react";var H=P.forwardRef(({className:e,orientation:t="horizontal",decorative:o=!0,...r},n)=>P.createElement(W.Root,{ref:n,decorative:o,orientation:t,className:a("shrink-0 bg-grey-10",t==="horizontal"?"h-[1px] w-full":"h-full w-[1px]",e),...r}));H.displayName=W.Root.displayName;import{CheckIcon as he}from"lucide-react";import*as C from"@radix-ui/react-checkbox";import{Check as be,Minus as ye}from"lucide-react";import{forwardRef as j}from"react";var F=j(({className:e,...t},o)=>React.createElement(C.Root,{ref:o,className:a("group","peer","h-5","w-5","shrink-0","rounded-md","border","border-grey-10","outline","outline-1","outline-offset-2","outline-transparent","hover:border-grey-20","focus:outline-purple-100","active:border-green-80","disabled:cursor-not-allowed","disabled:opacity-50","data-[state=checked]:bg-green-80","data-[state=indeterminate]:bg-green-80","data-[state=checked]:text-white","data-[state=indeterminate]:text-primary-foreground",t.disabled&&"bg-grey-20 data-[state=checked]:bg-grey-20 data-[state=checked]:text-foreground",e),...t},React.createElement(C.Indicator,{className:"flex items-center justify-center text-current"},React.createElement(be,{className:"hidden h-4 w-4 group-data-[state=checked]:block"}),React.createElement(ye,{className:"hidden h-4 w-4 group-data-[state=indeterminate]:block"}))));F.displayName=C.Root.displayName;var K=j(({classNames:e,children:t,...o},r)=>{let{disabled:n}=o,d=o.id??`${o.name??o.value?.toString()}-checkbox`,c=n?"text-grey-40 pointer-events-none":"";return React.createElement("div",{className:a("flex space-x-2",e?.wrapper)},React.createElement(F,{id:d,disabled:n,ref:r,...o}),React.createElement("label",{htmlFor:d,className:a(c,e?.label)},t))});K.displayName="Checkbox";var X=K;import{icons as $}from"lucide-react";function Ce({icon:e,hasCheckbox:t,isSelected:o,className:r,title:n,value:d,description:c,...g}){let v=e?(x=>{if(x in $){let k=$[x];return React.createElement(k,{size:14})}return null})(e):void 0;return React.createElement("li",{className:a("group relative text-left flex w-72 flex-row items-center text-sm cursor-pointer",r),...g,"data-state":o?"checked":"unchecked"},v&&React.createElement("span",{className:"mr-2"},v),t&&React.createElement(X,{id:d,checked:o,onClick:x=>x.preventDefault()}),React.createElement("div",null,React.createElement("p",null,n),React.createElement("p",{className:"text-xs text-grey-80"},c)),React.createElement(he,{className:"absolute inset-y-0 right-0 my-auto hidden w-6 text-green-100 group-data-[state=checked]:block",size:16}))}var q=Ce;import{cva as Pe}from"cva";import*as J from"react";var Re=Pe("rounded-full px-2 py-0.5 text-xs font-semibold",{variants:{variant:{green:"bg-green-90 text-white",pickle:"bg-pickle-100 text-black",purple:"bg-purple-100 text-white"}},defaultVariants:{variant:"green"}});function Q({className:e,variant:t,...o}){return J.createElement("div",{className:a(Re({variant:t}),e),...o})}import{Slot as ke}from"@radix-ui/react-slot";import{cva as Ne}from"cva";import we,{forwardRef as De}from"react";var R=De(({className:e,variant:t,size:o,asChild:r=!1,...n},d)=>we.createElement(r?ke:"button",{className:a(Ee({variant:t,size:o,className:e})),ref:d,...n}));R.displayName="Button";var Ee=Ne(["flex","items-center","justify-center","gap-2","rounded-full","font-bold","outline-2","outline-offset-2","outline-dashed","outline-transparent"],{variants:{variant:{neutral:["bg-black","text-white","hover:bg-grey-90","active:bg-grey-80","focus:outline-purple-100","disabled:text-grey-40","disabled:bg-grey-10"],primary:["bg-pickle-100","text-black","hover:bg-pickle-80","active:bg-pickle-60","focus:outline-purple-100","disabled:text-grey-40","disabled:bg-grey-10"],secondary:["bg-green-80","text-white","hover:bg-green-90","active:bg-green-100","focus:outline-pickle-100","disabled:text-grey-40","disabled:bg-grey-10"],transparent:["text-white","hover:bg-green-80","active:bg-green-100","focus:outline-pickle-100","disabled:text-grey-40"],link:["leading-tight","text-black","underline","hover:text-purple-100","focus:text-black","focus:outline-purple-100","active:text-purple-80"]},size:{small:["h-10","text-sm","px-4","py-2"],medium:["h-12","text-base","px-6","py-3"],large:["h-14","text-lg","px-8","py-4"]}},defaultVariants:{variant:"neutral",size:"medium"},compoundVariants:[{variant:"link",size:"small",class:["h-3","text-xs","p-0"]},{variant:"link",size:"medium",class:["h-4","text-sm","p-0"]},{variant:"link",size:"large",class:["h-6","text-base","p-0"]}]});function Ie({text:e,className:t,...o}){return e?React.createElement("label",{className:a("text-xs text-grey-80 peer-disabled:cursor-not-allowed peer-disabled:opacity-70",t),...o},e):null}var U=Ie;function Vt(e){let{onChange:t,value:o}=e,[r,n]=B(o??"");return Y(()=>t(r),[t,r]),i.createElement(Z,{...e,value:r,handler:c=>n(c===r?"":c),badgeCount:r?1:0})}function Mt(e){let{onChange:t,onApply:o,value:r}=e,[n,d]=B(r??[]);Y(()=>t(n),[t,n]);let c=y=>d(v=>v.includes(y)?v.filter(x=>x!==y):[...v,y]),g=()=>d([]);return i.createElement(Z,{...e,value:n,handler:c,isMultiselect:!0,badgeCount:n.length,onClear:g,onApply:o})}function Z({title:e,label:t,options:o,isMultiselect:r,variant:n,hideSearch:d,className:c,classNames:g,onApply:y,onClear:v,applyBtnText:x,clearBtnText:k,value:N,badgeCount:z,handler:ee}){let[V,w]=B(!1),te=d??o?.length<=5,oe=b=>{ee?.(b),r||w(!1)},ae=()=>{w(!1),y?.()};return i.createElement("div",{className:a("flex flex-col",c)},t&&i.createElement(U,{text:t,className:g?.label}),i.createElement(O,{open:V,onOpenChange:w},i.createElement(G,{asChild:!0},i.createElement("div",{className:a(Le({variant:n}),g?.trigger),"aria-expanded":V},!!z&&i.createElement(Q,{variant:"purple",className:"pt-1"},z),i.createElement("span",{className:"truncate leading-normal"},e),i.createElement(Se,{className:"transform group-data-[state=open]:rotate-180",size:"16"}))),i.createElement(_,{className:a(g?.content,"p-0 ml-5"),sideOffset:4},i.createElement(D,null,!te&&i.createElement(E,{placeholder:"Search..."}),i.createElement(I,null,i.createElement(S,null,"No results"),i.createElement(T,null,o.map(({value:b,title:re,description:ie,icon:ne})=>i.createElement(L,{key:b,value:b,onSelect:oe},i.createElement(q,{className:a(g?.items,"py-1","truncate"),title:re,value:b,isSelected:Array.isArray(N)&&N.includes(b)||N===b,icon:ne,description:ie,hasCheckbox:r})))))),i.createElement(H,null),r&&i.createElement("div",{className:"flex flex-row justify-between items-center p-4"},i.createElement(R,{variant:"link",onClick:v},k??"Clear"),i.createElement(R,{variant:"primary",onClick:ae},x??"Apply")))))}var Le=Te(["group relative cursor-pointer flex flex-row items-center justify-between gap-2 rounded-3xl border border-grey-20 h-9 pl-3 pr-2 py-2 text-sm font-bold focus:outline-green-80 disabled:bg-grey-5"],{variants:{variant:{default:["data-[state=open]:bg-black","data-[state=open]:text-white"]}},defaultVariants:{variant:"default"}});export{Mt as ComboboxMulti,Vt as ComboboxSingle};
|
|
2
2
|
//# sourceMappingURL=Combobox.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/exports/components/ui/Combobox.tsx","../../../src/exports/components/lib/utils.ts","../../../src/exports/components/primitives/command.tsx","../../../src/exports/components/primitives/dialog.tsx","../../../src/exports/components/primitives/popover.tsx","../../../src/exports/components/primitives/separator.tsx","../../../src/exports/components/ui/ListItem.tsx","../../../src/exports/components/ui/Checkbox.tsx","../../../src/exports/components/ui/Badge.tsx","../../../src/exports/components/ui/Button.tsx","../../../src/exports/components/ui/Label.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useState } from \"react\";\nimport { ChevronDownIcon } from \"lucide-react\";\nimport { cva, type VariantProps } from \"cva\";\nimport { cn } from \"@/exports/components/lib/utils\";\nimport {\n Command,\n CommandEmpty,\n CommandGroup,\n CommandInput,\n CommandItem,\n CommandList,\n} from \"@/exports/components/primitives/command\";\nimport {\n Popover,\n PopoverContent,\n PopoverTrigger,\n} from \"@/exports/components/primitives/popover\";\nimport { Separator } from \"@/exports/components/primitives/separator\";\n\nimport ListItem from \"@/exports/components/ui/ListItem\";\nimport { Badge } from \"@/exports/components/ui/Badge\";\nimport { Button } from \"@/exports/components/ui/Button\";\nimport Label from \"@/exports/components/ui/Label\";\n\ntype Option = {\n id: string | number;\n value: string;\n title: string;\n description?: string;\n icon?: string;\n};\n\ntype ComboboxClassNames = {\n label?: string;\n trigger?: string;\n items?: string;\n content?: string;\n};\n\ninterface ComboboxProps extends VariantProps<typeof triggerVariants> {\n label?: string;\n options: Option[];\n title: string;\n placeholder?: string;\n hideSearch?: boolean;\n onClear?: () => void;\n clearBtnText?: string;\n onApply?: () => void;\n applyBtnText?: string;\n className?: string;\n classNames?: ComboboxClassNames;\n value?: string | string[];\n}\n\ninterface ComboboxSingleProps extends ComboboxProps {\n onChange: (value: string) => void;\n}\n\ninterface ComboboxMultiProps extends ComboboxProps {\n onChange: (value: string[]) => void;\n}\n\nfunction ComboboxSingle(props: ComboboxSingleProps) {\n const { onChange, value } = props;\n const [currentValue, setCurrentValue] = useState<string>(\n (value as string) ?? \"\"\n );\n\n useEffect(() => onChange(currentValue), [onChange, currentValue]);\n\n const singleHandler = (newValue: string) =>\n setCurrentValue(newValue === currentValue ? \"\" : newValue);\n\n return (\n <Combobox\n {...props}\n value={currentValue}\n handler={singleHandler}\n badgeCount={!!currentValue ? 1 : 0}\n />\n );\n}\n\nfunction ComboboxMulti(props: ComboboxMultiProps) {\n const { onChange, onApply, value } = props;\n const [currentValues, setCurrentValues] = useState<string[]>(\n (value as string[]) ?? []\n );\n\n useEffect(() => onChange(currentValues), [onChange, currentValues]);\n\n const multiHandler = (newValue: string) =>\n setCurrentValues((prev) =>\n prev.includes(newValue)\n ? prev.filter((v) => v !== newValue)\n : [...prev, newValue]\n );\n\n const onClearHandler = () => setCurrentValues([]);\n\n return (\n <Combobox\n {...props}\n value={currentValues}\n handler={multiHandler}\n isMultiselect\n badgeCount={currentValues.length}\n onClear={onClearHandler}\n onApply={onApply}\n />\n );\n}\n\ninterface ComboboxComponentProps extends ComboboxProps {\n handler: (value: string) => void;\n isMultiselect?: boolean;\n badgeCount?: number;\n}\n\nfunction Combobox({\n title,\n label,\n options,\n isMultiselect,\n variant,\n hideSearch,\n className,\n classNames,\n onApply,\n onClear,\n applyBtnText,\n clearBtnText,\n value,\n badgeCount,\n handler,\n}: ComboboxComponentProps) {\n const [open, setOpen] = useState(false);\n\n const hideSearchBox = hideSearch ?? options?.length <= 5;\n\n const clickHandler = (option: string) => {\n handler?.(option);\n if (!isMultiselect) setOpen(false);\n };\n\n const onApplyHandler = () => {\n setOpen(false);\n onApply?.();\n };\n\n return (\n <div className={cn(\"flex flex-col\", className)}>\n {label && <Label text={label} className={classNames?.label} />}\n <Popover open={open} onOpenChange={setOpen}>\n <PopoverTrigger asChild>\n <div\n className={cn(triggerVariants({ variant }), classNames?.trigger)}\n aria-expanded={open}\n >\n {!!badgeCount && (\n <Badge variant=\"purple\" className=\"pt-1\">\n {badgeCount}\n </Badge>\n )}\n <span className=\"truncate leading-normal\">{title}</span>\n <ChevronDownIcon\n className=\"transform group-data-[state=open]:rotate-180\"\n size=\"16\"\n />\n </div>\n </PopoverTrigger>\n <PopoverContent\n className={cn(classNames?.content, \"p-0 ml-5\")}\n sideOffset={4}\n >\n <Command>\n {!hideSearchBox && <CommandInput placeholder=\"Search...\" />}\n <CommandList>\n <CommandEmpty>No results</CommandEmpty>\n <CommandGroup>\n {options.map(\n ({ value: optionValue, title, description, icon }) => (\n <CommandItem\n key={optionValue}\n value={optionValue}\n onSelect={clickHandler}\n >\n <ListItem\n className={cn(classNames?.items, \"py-1\", \"truncate\")}\n title={title}\n value={optionValue}\n isSelected={\n (Array.isArray(value) &&\n value.includes(optionValue)) ||\n value === optionValue\n }\n icon={icon}\n description={description}\n hasCheckbox={isMultiselect}\n />\n </CommandItem>\n )\n )}\n </CommandGroup>\n </CommandList>\n </Command>\n <Separator />\n {isMultiselect && (\n <div className=\"flex flex-row justify-between items-center p-4\">\n <Button variant=\"link\" onClick={onClear}>\n {clearBtnText ?? \"Clear\"}\n </Button>\n <Button variant=\"primary\" onClick={onApplyHandler}>\n {applyBtnText ?? \"Apply\"}\n </Button>\n </div>\n )}\n </PopoverContent>\n </Popover>\n </div>\n );\n}\n\nconst triggerVariants = cva(\n [\n \"group relative cursor-pointer flex flex-row items-center justify-between gap-2 rounded-3xl border border-grey-20 h-9 pl-3 pr-2 py-2 text-sm font-bold focus:outline-green-80 disabled:bg-grey-5\",\n ],\n {\n variants: {\n variant: {\n default: [\"data-[state=open]:bg-black\", \"data-[state=open]:text-white\"],\n },\n },\n defaultVariants: {\n variant: \"default\",\n },\n }\n);\n\nexport { ComboboxSingle, ComboboxMulti };\n","import { type ClassValue, clsx } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n return twMerge(clsx(inputs));\n}\n","\"use client\";\n\nimport { type DialogProps } from \"@radix-ui/react-dialog\";\nimport { Command as CommandPrimitive } from \"cmdk\";\nimport { Search } from \"lucide-react\";\nimport * as React from \"react\";\n\nimport { Dialog, DialogContent } from \"@/exports/components/primitives/dialog\";\n\nimport { cn } from \"@/exports/components/lib/utils\";\n\nconst Command = React.forwardRef<\n React.ElementRef<typeof CommandPrimitive>,\n React.ComponentPropsWithoutRef<typeof CommandPrimitive>\n>(({ className, ...props }, ref) => (\n <CommandPrimitive\n ref={ref}\n className={cn(\n \"flex h-full w-full flex-col overflow-hidden rounded-xl bg-white text-neutral-950\",\n className\n )}\n {...props}\n />\n));\nCommand.displayName = CommandPrimitive.displayName;\n\ntype CommandDialogProps = DialogProps;\n\nconst CommandDialog = ({ children, ...props }: CommandDialogProps) => {\n return (\n <Dialog {...props}>\n <DialogContent className=\"overflow-hidden p-0 shadow-lg\">\n <Command className=\"[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-neutral-500 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5\">\n {children}\n </Command>\n </DialogContent>\n </Dialog>\n );\n};\n\nconst CommandInput = React.forwardRef<\n React.ElementRef<typeof CommandPrimitive.Input>,\n React.ComponentPropsWithoutRef<typeof CommandPrimitive.Input>\n>(({ className, ...props }, ref) => (\n <div\n className=\"m-1 flex items-center rounded-lg border px-3\"\n cmdk-input-wrapper=\"\"\n >\n <Search className=\"mr-2 h-4 w-4 shrink-0 opacity-50\" />\n <CommandPrimitive.Input\n ref={ref}\n className={cn(\n \"flex h-11 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-neutral-500 disabled:cursor-not-allowed disabled:opacity-50\",\n className\n )}\n {...props}\n />\n </div>\n));\n\nCommandInput.displayName = CommandPrimitive.Input.displayName;\n\nconst CommandList = React.forwardRef<\n React.ElementRef<typeof CommandPrimitive.List>,\n React.ComponentPropsWithoutRef<typeof CommandPrimitive.List>\n>(({ className, ...props }, ref) => (\n <CommandPrimitive.List\n ref={ref}\n className={cn(\"overflow-y-auto overflow-x-hidden\", className)}\n {...props}\n />\n));\n\nCommandList.displayName = CommandPrimitive.List.displayName;\n\nconst CommandEmpty = React.forwardRef<\n React.ElementRef<typeof CommandPrimitive.Empty>,\n React.ComponentPropsWithoutRef<typeof CommandPrimitive.Empty>\n>((props, ref) => (\n <CommandPrimitive.Empty\n ref={ref}\n className=\"py-6 text-center text-sm\"\n {...props}\n />\n));\n\nCommandEmpty.displayName = CommandPrimitive.Empty.displayName;\n\nconst CommandGroup = React.forwardRef<\n React.ElementRef<typeof CommandPrimitive.Group>,\n React.ComponentPropsWithoutRef<typeof CommandPrimitive.Group>\n>(({ className, ...props }, ref) => (\n <CommandPrimitive.Group\n ref={ref}\n className={cn(\n \"overflow-hidden p-1 text-neutral-950 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-neutral-500\",\n className\n )}\n {...props}\n />\n));\n\nCommandGroup.displayName = CommandPrimitive.Group.displayName;\n\nconst CommandSeparator = React.forwardRef<\n React.ElementRef<typeof CommandPrimitive.Separator>,\n React.ComponentPropsWithoutRef<typeof CommandPrimitive.Separator>\n>(({ className, ...props }, ref) => (\n <CommandPrimitive.Separator\n ref={ref}\n className={cn(\"-mx-1 h-px bg-neutral-200\", className)}\n {...props}\n />\n));\nCommandSeparator.displayName = CommandPrimitive.Separator.displayName;\n\nconst CommandItem = React.forwardRef<\n React.ElementRef<typeof CommandPrimitive.Item>,\n React.ComponentPropsWithoutRef<typeof CommandPrimitive.Item>\n>(({ className, ...props }, ref) => (\n <CommandPrimitive.Item\n ref={ref}\n className={cn(\n \"relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[disabled=true]:pointer-events-none data-[selected='true']:bg-neutral-100 data-[selected=true]:text-neutral-900 data-[disabled=true]:opacity-50\",\n className\n )}\n {...props}\n />\n));\n\nCommandItem.displayName = CommandPrimitive.Item.displayName;\n\nconst CommandShortcut = ({\n className,\n ...props\n}: React.HTMLAttributes<HTMLSpanElement>) => {\n return (\n <span\n className={cn(\n \"ml-auto text-xs tracking-widest text-neutral-500\",\n className\n )}\n {...props}\n />\n );\n};\nCommandShortcut.displayName = \"CommandShortcut\";\n\nexport {\n Command,\n CommandDialog,\n CommandEmpty,\n CommandGroup,\n CommandInput,\n CommandItem,\n CommandList,\n CommandSeparator,\n CommandShortcut,\n};\n","\"use client\";\n\nimport { cn } from \"@/exports/components/lib/utils\";\nimport * as DialogPrimitive from \"@radix-ui/react-dialog\";\nimport { X } from \"lucide-react\";\nimport * as React from \"react\";\n\nconst Dialog = DialogPrimitive.Root;\n\nconst DialogTrigger = DialogPrimitive.Trigger;\n\nconst DialogPortal = DialogPrimitive.Portal;\n\nconst DialogClose = DialogPrimitive.Close;\n\nconst DialogOverlay = React.forwardRef<\n React.ElementRef<typeof DialogPrimitive.Overlay>,\n React.ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>\n>(({ className, ...props }, ref) => (\n <DialogPrimitive.Overlay\n ref={ref}\n className={cn(\n \"fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0\",\n className\n )}\n {...props}\n />\n));\nDialogOverlay.displayName = DialogPrimitive.Overlay.displayName;\n\nconst DialogContent = React.forwardRef<\n React.ElementRef<typeof DialogPrimitive.Content>,\n React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>\n>(({ className, children, ...props }, ref) => (\n <DialogPortal>\n <DialogOverlay />\n <DialogPrimitive.Content\n ref={ref}\n className={cn(\n \"fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border border-neutral-200 bg-white p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg dark:border-neutral-800 dark:bg-neutral-950\",\n className\n )}\n {...props}\n >\n {children}\n <DialogPrimitive.Close className=\"absolute right-4 top-4 rounded-sm opacity-70 ring-offset-white transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-neutral-950 focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-neutral-100 data-[state=open]:text-neutral-500 dark:ring-offset-neutral-950 dark:focus:ring-neutral-300 dark:data-[state=open]:bg-neutral-800 dark:data-[state=open]:text-neutral-400\">\n <X className=\"h-4 w-4\" />\n <span className=\"sr-only\">Close</span>\n </DialogPrimitive.Close>\n </DialogPrimitive.Content>\n </DialogPortal>\n));\nDialogContent.displayName = DialogPrimitive.Content.displayName;\n\nconst DialogHeader = ({\n className,\n ...props\n}: React.HTMLAttributes<HTMLDivElement>) => (\n <div\n className={cn(\n \"flex flex-col space-y-1.5 text-center sm:text-left\",\n className\n )}\n {...props}\n />\n);\nDialogHeader.displayName = \"DialogHeader\";\n\nconst DialogFooter = ({\n className,\n ...props\n}: React.HTMLAttributes<HTMLDivElement>) => (\n <div\n className={cn(\n \"flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2\",\n className\n )}\n {...props}\n />\n);\nDialogFooter.displayName = \"DialogFooter\";\n\nconst DialogTitle = React.forwardRef<\n React.ElementRef<typeof DialogPrimitive.Title>,\n React.ComponentPropsWithoutRef<typeof DialogPrimitive.Title>\n>(({ className, ...props }, ref) => (\n <DialogPrimitive.Title\n ref={ref}\n className={cn(\n \"text-lg font-semibold leading-none tracking-tight\",\n className\n )}\n {...props}\n />\n));\nDialogTitle.displayName = DialogPrimitive.Title.displayName;\n\nconst DialogDescription = React.forwardRef<\n React.ElementRef<typeof DialogPrimitive.Description>,\n React.ComponentPropsWithoutRef<typeof DialogPrimitive.Description>\n>(({ className, ...props }, ref) => (\n <DialogPrimitive.Description\n ref={ref}\n className={cn(\"text-sm text-neutral-500 dark:text-neutral-400\", className)}\n {...props}\n />\n));\nDialogDescription.displayName = DialogPrimitive.Description.displayName;\n\nexport {\n Dialog,\n DialogClose,\n DialogContent,\n DialogDescription,\n DialogFooter,\n DialogHeader,\n DialogOverlay,\n DialogPortal,\n DialogTitle,\n DialogTrigger,\n};\n","\"use client\";\n\nimport * as React from \"react\";\nimport * as PopoverPrimitive from \"@radix-ui/react-popover\";\n\nimport { cn } from \"@/exports/components/lib/utils\";\n\nconst Popover = PopoverPrimitive.Root;\n\nconst PopoverTrigger = PopoverPrimitive.Trigger;\n\nconst PopoverContent = React.forwardRef<\n React.ElementRef<typeof PopoverPrimitive.Content>,\n React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content>\n>(({ className, align = \"center\", sideOffset = 4, ...props }, ref) => (\n <PopoverPrimitive.Portal>\n <PopoverPrimitive.Content\n ref={ref}\n align={align}\n sideOffset={sideOffset}\n className={cn(\n \"z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2\",\n className\n )}\n {...props}\n />\n </PopoverPrimitive.Portal>\n));\nPopoverContent.displayName = PopoverPrimitive.Content.displayName;\n\nexport { Popover, PopoverTrigger, PopoverContent };\n","\"use client\";\r\n\r\nimport * as SeparatorPrimitive from \"@radix-ui/react-separator\";\r\nimport * as React from \"react\";\r\n\r\nimport { cn } from \"@/exports/components/lib/utils\";\r\n\r\nconst Separator = React.forwardRef<\r\n React.ElementRef<typeof SeparatorPrimitive.Root>,\r\n React.ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root>\r\n>(\r\n (\r\n { className, orientation = \"horizontal\", decorative = true, ...props },\r\n ref\r\n ) => (\r\n <SeparatorPrimitive.Root\r\n ref={ref}\r\n decorative={decorative}\r\n orientation={orientation}\r\n className={cn(\r\n \"shrink-0 bg-grey-10\",\r\n orientation === \"horizontal\" ? \"h-[1px] w-full\" : \"h-full w-[1px]\",\r\n className\r\n )}\r\n {...props}\r\n />\r\n )\r\n);\r\nSeparator.displayName = SeparatorPrimitive.Root.displayName;\r\n\r\nexport { Separator };\r\n","import { cn } from \"@/exports/components/lib/utils\";\nimport { CheckIcon } from \"lucide-react\";\nimport { ComponentPropsWithoutRef, ReactNode } from \"react\";\nimport Checkbox from \"@/exports/components/ui/Checkbox\";\nimport { icons } from \"lucide-react\";\n\ntype IconKey = keyof typeof icons;\n\ninterface ListItemProps extends ComponentPropsWithoutRef<\"li\"> {\n icon?: string;\n hasCheckbox?: boolean;\n isSelected?: boolean;\n title: string;\n value: string;\n description?: string;\n}\n\nfunction ListItem({\n icon,\n hasCheckbox,\n isSelected,\n className,\n title,\n value,\n description,\n ...props\n}: ListItemProps) {\n const getIconIfValid = (icon: string): ReactNode => {\n if (icon in icons) {\n const IconComponent = icons[icon as IconKey];\n return <IconComponent size={14} />;\n }\n return null;\n };\n\n const optionIcon = icon ? getIconIfValid(icon) : undefined;\n\n return (\n <li\n className={cn(\n \"group relative text-left flex w-72 flex-row items-center text-sm cursor-pointer\",\n className\n )}\n {...props}\n data-state={isSelected ? \"checked\" : \"unchecked\"}\n >\n {optionIcon && <span className=\"mr-2\">{optionIcon}</span>}\n {hasCheckbox && (\n <Checkbox\n id={value}\n checked={isSelected}\n onClick={(e) => e.preventDefault()}\n />\n )}\n <div>\n <p>{title}</p>\n <p className=\"text-xs text-grey-80\">{description}</p>\n </div>\n\n <CheckIcon\n className=\"absolute inset-y-0 right-0 my-auto hidden w-6 text-green-100 group-data-[state=checked]:block\"\n size={16}\n />\n </li>\n );\n}\n\nexport default ListItem;\n","\"use client\";\n\nimport * as CheckboxPrimitive from \"@radix-ui/react-checkbox\";\nimport { Check, Minus } from \"lucide-react\";\nimport {\n type ComponentPropsWithoutRef,\n type ElementRef,\n forwardRef,\n type PropsWithChildren,\n} from \"react\";\n\nimport { cn } from \"@/exports/components/lib/utils\";\n\nconst CheckboxToggle = forwardRef<\n ElementRef<typeof CheckboxPrimitive.Root>,\n ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>\n>(({ className, ...props }, ref) => (\n <CheckboxPrimitive.Root\n ref={ref}\n className={cn(\n \"group\",\n \"peer\",\n \"h-5\",\n \"w-5\",\n \"shrink-0\",\n \"rounded-md\",\n \"border\",\n \"border-grey-10\",\n \"outline\",\n \"outline-1\",\n \"outline-offset-2\",\n \"outline-transparent\",\n \"hover:border-grey-20\",\n \"focus:outline-purple-100\",\n \"active:border-green-80\",\n \"disabled:cursor-not-allowed\",\n \"disabled:opacity-50\",\n \"data-[state=checked]:bg-green-80\",\n \"data-[state=indeterminate]:bg-green-80\",\n \"data-[state=checked]:text-white\",\n \"data-[state=indeterminate]:text-primary-foreground\",\n props.disabled &&\n \"bg-grey-20 data-[state=checked]:bg-grey-20 data-[state=checked]:text-foreground\",\n className\n )}\n {...props}\n >\n <CheckboxPrimitive.Indicator className=\"flex items-center justify-center text-current\">\n <Check className=\"hidden h-4 w-4 group-data-[state=checked]:block\" />\n <Minus className=\"hidden h-4 w-4 group-data-[state=indeterminate]:block\" />\n </CheckboxPrimitive.Indicator>\n </CheckboxPrimitive.Root>\n));\nCheckboxToggle.displayName = CheckboxPrimitive.Root.displayName;\n\ninterface Props extends CheckboxPrimitive.CheckboxProps, PropsWithChildren {\n error?: string;\n classNames?: {\n wrapper?: string;\n label?: string;\n };\n}\n\nconst Checkbox = forwardRef<ElementRef<typeof CheckboxPrimitive.Root>, Props>(\n ({ classNames, children, ...props }, ref) => {\n const { disabled } = props;\n const id = props.id ?? `${props.name ?? props.value?.toString()}-checkbox`;\n const labelClassName = disabled ? \"text-grey-40 pointer-events-none\" : \"\";\n return (\n <div className={cn(\"flex space-x-2\", classNames?.wrapper)}>\n <CheckboxToggle id={id} disabled={disabled} ref={ref} {...props} />\n <label htmlFor={id} className={cn(labelClassName, classNames?.label)}>\n {children}\n </label>\n </div>\n );\n }\n);\nCheckbox.displayName = \"Checkbox\";\n\nexport default Checkbox;\n","import { cva, type VariantProps } from \"cva\";\nimport * as React from \"react\";\n\nimport { cn } from \"@/exports/components/lib/utils\";\n\nconst badgeVariants = cva(\"rounded-full px-2 py-0.5 text-xs font-semibold\", {\n variants: {\n variant: {\n green: \"bg-green-90 text-white\",\n pickle: \"bg-pickle-100 text-black\",\n purple: \"bg-purple-100 text-white\",\n },\n },\n defaultVariants: {\n variant: \"green\",\n },\n});\n\nexport interface BadgeProps\n extends React.HTMLAttributes<HTMLDivElement>,\n VariantProps<typeof badgeVariants> {}\n\nfunction Badge({ className, variant, ...props }: BadgeProps) {\n return (\n <div className={cn(badgeVariants({ variant }), className)} {...props} />\n );\n}\n\nexport { Badge, badgeVariants };\n","import { cn } from \"@/exports/components/lib/utils\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport { cva, type VariantProps } from \"cva\";\nimport React, { forwardRef } from \"react\";\n\ninterface ButtonProps\n extends React.ButtonHTMLAttributes<HTMLButtonElement>,\n VariantProps<typeof buttonVariants> {\n asChild?: boolean;\n}\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\n ({ className, variant, size, asChild = false, ...props }, ref) => {\n const Component = asChild ? Slot : \"button\";\n\n return (\n <Component\n className={cn(buttonVariants({ variant, size, className }))}\n ref={ref}\n {...props}\n />\n );\n }\n);\nButton.displayName = \"Button\";\n\nconst buttonVariants = cva(\n [\n \"flex\",\n \"items-center\",\n \"justify-center\",\n \"gap-2\",\n \"rounded-full\",\n \"font-bold\",\n \"outline-2\",\n \"outline-offset-2\",\n \"outline-dashed\",\n \"outline-transparent\",\n ],\n {\n variants: {\n variant: {\n neutral: [\n \"bg-black\",\n \"text-white\",\n \"hover:bg-grey-90\",\n \"active:bg-grey-80\",\n \"focus:outline-purple-100\",\n \"disabled:text-grey-40\",\n \"disabled:bg-grey-10\",\n ],\n primary: [\n \"bg-pickle-100\",\n \"text-black\",\n \"hover:bg-pickle-80\",\n \"active:bg-pickle-60\",\n \"focus:outline-purple-100\",\n \"disabled:text-grey-40\",\n \"disabled:bg-grey-10\",\n ],\n secondary: [\n \"bg-green-80\",\n \"text-white\",\n \"hover:bg-green-90\",\n \"active:bg-green-100\",\n \"focus:outline-pickle-100\",\n \"disabled:text-grey-40\",\n \"disabled:bg-grey-10\",\n ],\n transparent: [\n \"text-white\",\n \"hover:bg-green-80\",\n \"active:bg-green-100\",\n \"focus:outline-pickle-100\",\n \"disabled:text-grey-40\",\n ],\n link: [\n \"leading-tight\",\n \"text-black\",\n \"underline\",\n \"hover:text-purple-100\",\n \"focus:text-black\",\n \"focus:outline-purple-100\",\n \"active:text-purple-80\",\n ],\n },\n size: {\n small: [\"h-10\", \"text-sm\", \"px-4\", \"py-2\"],\n medium: [\"h-12\", \"text-base\", \"px-6\", \"py-3\"],\n large: [\"h-14\", \"text-lg\", \"px-8\", \"py-4\"],\n },\n },\n defaultVariants: {\n variant: \"neutral\",\n size: \"medium\",\n },\n compoundVariants: [\n {\n variant: \"link\",\n size: \"small\",\n class: [\"h-3\", \"text-xs\", \"p-0\"],\n },\n {\n variant: \"link\",\n size: \"medium\",\n class: [\"h-4\", \"text-sm\", \"p-0\"],\n },\n {\n variant: \"link\",\n size: \"large\",\n class: [\"h-6\", \"text-base\", \"p-0\"],\n },\n ],\n }\n);\n","import { type ComponentPropsWithoutRef } from \"react\";\n\nimport { cn } from \"@/exports/components/lib/utils\";\n\ninterface Props extends ComponentPropsWithoutRef<\"label\"> {\n text?: string;\n}\n\nfunction Label({ text, className, ...props }: Readonly<Props>) {\n if (!text) return null;\n\n return (\n <label\n className={cn(\n \"text-xs text-grey-80 peer-disabled:cursor-not-allowed peer-disabled:opacity-70\",\n className\n )}\n {...props}\n >\n {text}\n </label>\n );\n}\n\nexport default Label;\n"],"mappings":"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","names":["Combobox_exports","__export","ComboboxMulti","ComboboxSingle","__toCommonJS","import_react","import_lucide_react","import_cva","import_clsx","import_tailwind_merge","cn","inputs","import_cmdk","import_lucide_react","React","DialogPrimitive","import_lucide_react","React","DialogPortal","DialogOverlay","className","props","ref","cn","DialogContent","children","DialogPortal","DialogHeader","DialogFooter","DialogTitle","DialogDescription","Command","className","props","ref","CommandPrimitive","cn","CommandInput","className","props","ref","CommandPrimitive","cn","CommandList","CommandEmpty","CommandGroup","CommandSeparator","CommandItem","CommandShortcut","React","PopoverPrimitive","Popover","PopoverTrigger","PopoverContent","className","align","sideOffset","props","ref","cn","SeparatorPrimitive","React","Separator","className","orientation","decorative","props","ref","cn","import_lucide_react","CheckboxPrimitive","import_lucide_react","import_react","CheckboxToggle","className","props","ref","cn","Checkbox","classNames","children","disabled","id","labelClassName","Checkbox_default","import_lucide_react","ListItem","icon","hasCheckbox","isSelected","className","title","value","description","props","optionIcon","IconComponent","cn","Checkbox_default","e","ListItem_default","import_cva","React","badgeVariants","Badge","className","variant","props","cn","import_react_slot","import_cva","import_react","Button","className","variant","size","asChild","props","ref","React","cn","buttonVariants","Label","text","className","props","cn","Label_default","ComboboxSingle","props","onChange","value","currentValue","setCurrentValue","Combobox","newValue","ComboboxMulti","onApply","currentValues","setCurrentValues","multiHandler","prev","v","onClearHandler","title","label","options","isMultiselect","variant","hideSearch","className","classNames","onClear","applyBtnText","clearBtnText","badgeCount","handler","open","setOpen","hideSearchBox","clickHandler","option","onApplyHandler","cn","Label_default","Popover","PopoverTrigger","triggerVariants","Badge","PopoverContent","Command","CommandInput","CommandList","CommandEmpty","CommandGroup","optionValue","description","icon","CommandItem","ListItem_default","Separator","Button"]}
|
|
1
|
+
{"version":3,"sources":["../../../react-shim.js","../../../src/exports/components/ui/Combobox.tsx","../../../src/exports/components/lib/utils.ts","../../../src/exports/components/primitives/command.tsx","../../../src/exports/components/primitives/dialog.tsx","../../../src/exports/components/primitives/popover.tsx","../../../src/exports/components/primitives/separator.tsx","../../../src/exports/components/ui/ListItem.tsx","../../../src/exports/components/ui/Checkbox.tsx","../../../src/exports/components/ui/Badge.tsx","../../../src/exports/components/ui/Button.tsx","../../../src/exports/components/ui/Label.tsx"],"sourcesContent":["import React from 'react';\nexport default React;","\"use client\";\n\nimport React, { useEffect, useState } from \"react\";\nimport { ChevronDownIcon } from \"lucide-react\";\nimport { cva, type VariantProps } from \"cva\";\nimport { cn } from \"@/exports/components/lib/utils\";\nimport {\n Command,\n CommandEmpty,\n CommandGroup,\n CommandInput,\n CommandItem,\n CommandList,\n} from \"@/exports/components/primitives/command\";\nimport {\n Popover,\n PopoverContent,\n PopoverTrigger,\n} from \"@/exports/components/primitives/popover\";\nimport { Separator } from \"@/exports/components/primitives/separator\";\n\nimport ListItem from \"@/exports/components/ui/ListItem\";\nimport { Badge } from \"@/exports/components/ui/Badge\";\nimport { Button } from \"@/exports/components/ui/Button\";\nimport Label from \"@/exports/components/ui/Label\";\n\ntype Option = {\n id: string | number;\n value: string;\n title: string;\n description?: string;\n icon?: string;\n};\n\ntype ComboboxClassNames = {\n label?: string;\n trigger?: string;\n items?: string;\n content?: string;\n};\n\ninterface ComboboxProps extends VariantProps<typeof triggerVariants> {\n label?: string;\n options: Option[];\n title: string;\n placeholder?: string;\n hideSearch?: boolean;\n onClear?: () => void;\n clearBtnText?: string;\n onApply?: () => void;\n applyBtnText?: string;\n className?: string;\n classNames?: ComboboxClassNames;\n value?: string | string[];\n}\n\ninterface ComboboxSingleProps extends ComboboxProps {\n onChange: (value: string) => void;\n}\n\ninterface ComboboxMultiProps extends ComboboxProps {\n onChange: (value: string[]) => void;\n}\n\nfunction ComboboxSingle(props: ComboboxSingleProps) {\n const { onChange, value } = props;\n const [currentValue, setCurrentValue] = useState<string>(\n (value as string) ?? \"\"\n );\n\n useEffect(() => onChange(currentValue), [onChange, currentValue]);\n\n const singleHandler = (newValue: string) =>\n setCurrentValue(newValue === currentValue ? \"\" : newValue);\n\n return (\n <Combobox\n {...props}\n value={currentValue}\n handler={singleHandler}\n badgeCount={!!currentValue ? 1 : 0}\n />\n );\n}\n\nfunction ComboboxMulti(props: ComboboxMultiProps) {\n const { onChange, onApply, value } = props;\n const [currentValues, setCurrentValues] = useState<string[]>(\n (value as string[]) ?? []\n );\n\n useEffect(() => onChange(currentValues), [onChange, currentValues]);\n\n const multiHandler = (newValue: string) =>\n setCurrentValues((prev) =>\n prev.includes(newValue)\n ? prev.filter((v) => v !== newValue)\n : [...prev, newValue]\n );\n\n const onClearHandler = () => setCurrentValues([]);\n\n return (\n <Combobox\n {...props}\n value={currentValues}\n handler={multiHandler}\n isMultiselect\n badgeCount={currentValues.length}\n onClear={onClearHandler}\n onApply={onApply}\n />\n );\n}\n\ninterface ComboboxComponentProps extends ComboboxProps {\n handler: (value: string) => void;\n isMultiselect?: boolean;\n badgeCount?: number;\n}\n\nfunction Combobox({\n title,\n label,\n options,\n isMultiselect,\n variant,\n hideSearch,\n className,\n classNames,\n onApply,\n onClear,\n applyBtnText,\n clearBtnText,\n value,\n badgeCount,\n handler,\n}: ComboboxComponentProps) {\n const [open, setOpen] = useState(false);\n\n const hideSearchBox = hideSearch ?? options?.length <= 5;\n\n const clickHandler = (option: string) => {\n handler?.(option);\n if (!isMultiselect) setOpen(false);\n };\n\n const onApplyHandler = () => {\n setOpen(false);\n onApply?.();\n };\n\n return (\n <div className={cn(\"flex flex-col\", className)}>\n {label && <Label text={label} className={classNames?.label} />}\n <Popover open={open} onOpenChange={setOpen}>\n <PopoverTrigger asChild>\n <div\n className={cn(triggerVariants({ variant }), classNames?.trigger)}\n aria-expanded={open}\n >\n {!!badgeCount && (\n <Badge variant=\"purple\" className=\"pt-1\">\n {badgeCount}\n </Badge>\n )}\n <span className=\"truncate leading-normal\">{title}</span>\n <ChevronDownIcon\n className=\"transform group-data-[state=open]:rotate-180\"\n size=\"16\"\n />\n </div>\n </PopoverTrigger>\n <PopoverContent\n className={cn(classNames?.content, \"p-0 ml-5\")}\n sideOffset={4}\n >\n <Command>\n {!hideSearchBox && <CommandInput placeholder=\"Search...\" />}\n <CommandList>\n <CommandEmpty>No results</CommandEmpty>\n <CommandGroup>\n {options.map(\n ({ value: optionValue, title, description, icon }) => (\n <CommandItem\n key={optionValue}\n value={optionValue}\n onSelect={clickHandler}\n >\n <ListItem\n className={cn(classNames?.items, \"py-1\", \"truncate\")}\n title={title}\n value={optionValue}\n isSelected={\n (Array.isArray(value) &&\n value.includes(optionValue)) ||\n value === optionValue\n }\n icon={icon}\n description={description}\n hasCheckbox={isMultiselect}\n />\n </CommandItem>\n )\n )}\n </CommandGroup>\n </CommandList>\n </Command>\n <Separator />\n {isMultiselect && (\n <div className=\"flex flex-row justify-between items-center p-4\">\n <Button variant=\"link\" onClick={onClear}>\n {clearBtnText ?? \"Clear\"}\n </Button>\n <Button variant=\"primary\" onClick={onApplyHandler}>\n {applyBtnText ?? \"Apply\"}\n </Button>\n </div>\n )}\n </PopoverContent>\n </Popover>\n </div>\n );\n}\n\nconst triggerVariants = cva(\n [\n \"group relative cursor-pointer flex flex-row items-center justify-between gap-2 rounded-3xl border border-grey-20 h-9 pl-3 pr-2 py-2 text-sm font-bold focus:outline-green-80 disabled:bg-grey-5\",\n ],\n {\n variants: {\n variant: {\n default: [\"data-[state=open]:bg-black\", \"data-[state=open]:text-white\"],\n },\n },\n defaultVariants: {\n variant: \"default\",\n },\n }\n);\n\nexport { ComboboxSingle, ComboboxMulti };\n","import { type ClassValue, clsx } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n return twMerge(clsx(inputs));\n}\n","\"use client\";\n\nimport { type DialogProps } from \"@radix-ui/react-dialog\";\nimport { Command as CommandPrimitive } from \"cmdk\";\nimport { Search } from \"lucide-react\";\nimport * as React from \"react\";\n\nimport { Dialog, DialogContent } from \"@/exports/components/primitives/dialog\";\n\nimport { cn } from \"@/exports/components/lib/utils\";\n\nconst Command = React.forwardRef<\n React.ElementRef<typeof CommandPrimitive>,\n React.ComponentPropsWithoutRef<typeof CommandPrimitive>\n>(({ className, ...props }, ref) => (\n <CommandPrimitive\n ref={ref}\n className={cn(\n \"flex h-full w-full flex-col overflow-hidden rounded-xl bg-white text-neutral-950\",\n className\n )}\n {...props}\n />\n));\nCommand.displayName = CommandPrimitive.displayName;\n\ntype CommandDialogProps = DialogProps;\n\nconst CommandDialog = ({ children, ...props }: CommandDialogProps) => {\n return (\n <Dialog {...props}>\n <DialogContent className=\"overflow-hidden p-0 shadow-lg\">\n <Command className=\"[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-neutral-500 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5\">\n {children}\n </Command>\n </DialogContent>\n </Dialog>\n );\n};\n\nconst CommandInput = React.forwardRef<\n React.ElementRef<typeof CommandPrimitive.Input>,\n React.ComponentPropsWithoutRef<typeof CommandPrimitive.Input>\n>(({ className, ...props }, ref) => (\n <div\n className=\"m-1 flex items-center rounded-lg border px-3\"\n cmdk-input-wrapper=\"\"\n >\n <Search className=\"mr-2 h-4 w-4 shrink-0 opacity-50\" />\n <CommandPrimitive.Input\n ref={ref}\n className={cn(\n \"flex h-11 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-neutral-500 disabled:cursor-not-allowed disabled:opacity-50\",\n className\n )}\n {...props}\n />\n </div>\n));\n\nCommandInput.displayName = CommandPrimitive.Input.displayName;\n\nconst CommandList = React.forwardRef<\n React.ElementRef<typeof CommandPrimitive.List>,\n React.ComponentPropsWithoutRef<typeof CommandPrimitive.List>\n>(({ className, ...props }, ref) => (\n <CommandPrimitive.List\n ref={ref}\n className={cn(\"overflow-y-auto overflow-x-hidden\", className)}\n {...props}\n />\n));\n\nCommandList.displayName = CommandPrimitive.List.displayName;\n\nconst CommandEmpty = React.forwardRef<\n React.ElementRef<typeof CommandPrimitive.Empty>,\n React.ComponentPropsWithoutRef<typeof CommandPrimitive.Empty>\n>((props, ref) => (\n <CommandPrimitive.Empty\n ref={ref}\n className=\"py-6 text-center text-sm\"\n {...props}\n />\n));\n\nCommandEmpty.displayName = CommandPrimitive.Empty.displayName;\n\nconst CommandGroup = React.forwardRef<\n React.ElementRef<typeof CommandPrimitive.Group>,\n React.ComponentPropsWithoutRef<typeof CommandPrimitive.Group>\n>(({ className, ...props }, ref) => (\n <CommandPrimitive.Group\n ref={ref}\n className={cn(\n \"overflow-hidden p-1 text-neutral-950 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-neutral-500\",\n className\n )}\n {...props}\n />\n));\n\nCommandGroup.displayName = CommandPrimitive.Group.displayName;\n\nconst CommandSeparator = React.forwardRef<\n React.ElementRef<typeof CommandPrimitive.Separator>,\n React.ComponentPropsWithoutRef<typeof CommandPrimitive.Separator>\n>(({ className, ...props }, ref) => (\n <CommandPrimitive.Separator\n ref={ref}\n className={cn(\"-mx-1 h-px bg-neutral-200\", className)}\n {...props}\n />\n));\nCommandSeparator.displayName = CommandPrimitive.Separator.displayName;\n\nconst CommandItem = React.forwardRef<\n React.ElementRef<typeof CommandPrimitive.Item>,\n React.ComponentPropsWithoutRef<typeof CommandPrimitive.Item>\n>(({ className, ...props }, ref) => (\n <CommandPrimitive.Item\n ref={ref}\n className={cn(\n \"relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[disabled=true]:pointer-events-none data-[selected='true']:bg-neutral-100 data-[selected=true]:text-neutral-900 data-[disabled=true]:opacity-50\",\n className\n )}\n {...props}\n />\n));\n\nCommandItem.displayName = CommandPrimitive.Item.displayName;\n\nconst CommandShortcut = ({\n className,\n ...props\n}: React.HTMLAttributes<HTMLSpanElement>) => {\n return (\n <span\n className={cn(\n \"ml-auto text-xs tracking-widest text-neutral-500\",\n className\n )}\n {...props}\n />\n );\n};\nCommandShortcut.displayName = \"CommandShortcut\";\n\nexport {\n Command,\n CommandDialog,\n CommandEmpty,\n CommandGroup,\n CommandInput,\n CommandItem,\n CommandList,\n CommandSeparator,\n CommandShortcut,\n};\n","\"use client\";\n\nimport { cn } from \"@/exports/components/lib/utils\";\nimport * as DialogPrimitive from \"@radix-ui/react-dialog\";\nimport { X } from \"lucide-react\";\nimport * as React from \"react\";\n\nconst Dialog = DialogPrimitive.Root;\n\nconst DialogTrigger = DialogPrimitive.Trigger;\n\nconst DialogPortal = DialogPrimitive.Portal;\n\nconst DialogClose = DialogPrimitive.Close;\n\nconst DialogOverlay = React.forwardRef<\n React.ElementRef<typeof DialogPrimitive.Overlay>,\n React.ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>\n>(({ className, ...props }, ref) => (\n <DialogPrimitive.Overlay\n ref={ref}\n className={cn(\n \"fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0\",\n className\n )}\n {...props}\n />\n));\nDialogOverlay.displayName = DialogPrimitive.Overlay.displayName;\n\nconst DialogContent = React.forwardRef<\n React.ElementRef<typeof DialogPrimitive.Content>,\n React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>\n>(({ className, children, ...props }, ref) => (\n <DialogPortal>\n <DialogOverlay />\n <DialogPrimitive.Content\n ref={ref}\n className={cn(\n \"fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border border-neutral-200 bg-white p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg dark:border-neutral-800 dark:bg-neutral-950\",\n className\n )}\n {...props}\n >\n {children}\n <DialogPrimitive.Close className=\"absolute right-4 top-4 rounded-sm opacity-70 ring-offset-white transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-neutral-950 focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-neutral-100 data-[state=open]:text-neutral-500 dark:ring-offset-neutral-950 dark:focus:ring-neutral-300 dark:data-[state=open]:bg-neutral-800 dark:data-[state=open]:text-neutral-400\">\n <X className=\"h-4 w-4\" />\n <span className=\"sr-only\">Close</span>\n </DialogPrimitive.Close>\n </DialogPrimitive.Content>\n </DialogPortal>\n));\nDialogContent.displayName = DialogPrimitive.Content.displayName;\n\nconst DialogHeader = ({\n className,\n ...props\n}: React.HTMLAttributes<HTMLDivElement>) => (\n <div\n className={cn(\n \"flex flex-col space-y-1.5 text-center sm:text-left\",\n className\n )}\n {...props}\n />\n);\nDialogHeader.displayName = \"DialogHeader\";\n\nconst DialogFooter = ({\n className,\n ...props\n}: React.HTMLAttributes<HTMLDivElement>) => (\n <div\n className={cn(\n \"flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2\",\n className\n )}\n {...props}\n />\n);\nDialogFooter.displayName = \"DialogFooter\";\n\nconst DialogTitle = React.forwardRef<\n React.ElementRef<typeof DialogPrimitive.Title>,\n React.ComponentPropsWithoutRef<typeof DialogPrimitive.Title>\n>(({ className, ...props }, ref) => (\n <DialogPrimitive.Title\n ref={ref}\n className={cn(\n \"text-lg font-semibold leading-none tracking-tight\",\n className\n )}\n {...props}\n />\n));\nDialogTitle.displayName = DialogPrimitive.Title.displayName;\n\nconst DialogDescription = React.forwardRef<\n React.ElementRef<typeof DialogPrimitive.Description>,\n React.ComponentPropsWithoutRef<typeof DialogPrimitive.Description>\n>(({ className, ...props }, ref) => (\n <DialogPrimitive.Description\n ref={ref}\n className={cn(\"text-sm text-neutral-500 dark:text-neutral-400\", className)}\n {...props}\n />\n));\nDialogDescription.displayName = DialogPrimitive.Description.displayName;\n\nexport {\n Dialog,\n DialogClose,\n DialogContent,\n DialogDescription,\n DialogFooter,\n DialogHeader,\n DialogOverlay,\n DialogPortal,\n DialogTitle,\n DialogTrigger,\n};\n","\"use client\";\n\nimport * as React from \"react\";\nimport * as PopoverPrimitive from \"@radix-ui/react-popover\";\n\nimport { cn } from \"@/exports/components/lib/utils\";\n\nconst Popover = PopoverPrimitive.Root;\n\nconst PopoverTrigger = PopoverPrimitive.Trigger;\n\nconst PopoverContent = React.forwardRef<\n React.ElementRef<typeof PopoverPrimitive.Content>,\n React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content>\n>(({ className, align = \"center\", sideOffset = 4, ...props }, ref) => (\n <PopoverPrimitive.Portal>\n <PopoverPrimitive.Content\n ref={ref}\n align={align}\n sideOffset={sideOffset}\n className={cn(\n \"z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2\",\n className\n )}\n {...props}\n />\n </PopoverPrimitive.Portal>\n));\nPopoverContent.displayName = PopoverPrimitive.Content.displayName;\n\nexport { Popover, PopoverTrigger, PopoverContent };\n","\"use client\";\r\n\r\nimport * as SeparatorPrimitive from \"@radix-ui/react-separator\";\r\nimport * as React from \"react\";\r\n\r\nimport { cn } from \"@/exports/components/lib/utils\";\r\n\r\nconst Separator = React.forwardRef<\r\n React.ElementRef<typeof SeparatorPrimitive.Root>,\r\n React.ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root>\r\n>(\r\n (\r\n { className, orientation = \"horizontal\", decorative = true, ...props },\r\n ref\r\n ) => (\r\n <SeparatorPrimitive.Root\r\n ref={ref}\r\n decorative={decorative}\r\n orientation={orientation}\r\n className={cn(\r\n \"shrink-0 bg-grey-10\",\r\n orientation === \"horizontal\" ? \"h-[1px] w-full\" : \"h-full w-[1px]\",\r\n className\r\n )}\r\n {...props}\r\n />\r\n )\r\n);\r\nSeparator.displayName = SeparatorPrimitive.Root.displayName;\r\n\r\nexport { Separator };\r\n","import { cn } from \"@/exports/components/lib/utils\";\nimport { CheckIcon } from \"lucide-react\";\nimport { ComponentPropsWithoutRef, ReactNode } from \"react\";\nimport Checkbox from \"@/exports/components/ui/Checkbox\";\nimport { icons } from \"lucide-react\";\n\ntype IconKey = keyof typeof icons;\n\ninterface ListItemProps extends ComponentPropsWithoutRef<\"li\"> {\n icon?: string;\n hasCheckbox?: boolean;\n isSelected?: boolean;\n title: string;\n value: string;\n description?: string;\n}\n\nfunction ListItem({\n icon,\n hasCheckbox,\n isSelected,\n className,\n title,\n value,\n description,\n ...props\n}: ListItemProps) {\n const getIconIfValid = (icon: string): ReactNode => {\n if (icon in icons) {\n const IconComponent = icons[icon as IconKey];\n return <IconComponent size={14} />;\n }\n return null;\n };\n\n const optionIcon = icon ? getIconIfValid(icon) : undefined;\n\n return (\n <li\n className={cn(\n \"group relative text-left flex w-72 flex-row items-center text-sm cursor-pointer\",\n className\n )}\n {...props}\n data-state={isSelected ? \"checked\" : \"unchecked\"}\n >\n {optionIcon && <span className=\"mr-2\">{optionIcon}</span>}\n {hasCheckbox && (\n <Checkbox\n id={value}\n checked={isSelected}\n onClick={(e) => e.preventDefault()}\n />\n )}\n <div>\n <p>{title}</p>\n <p className=\"text-xs text-grey-80\">{description}</p>\n </div>\n\n <CheckIcon\n className=\"absolute inset-y-0 right-0 my-auto hidden w-6 text-green-100 group-data-[state=checked]:block\"\n size={16}\n />\n </li>\n );\n}\n\nexport default ListItem;\n","\"use client\";\n\nimport * as CheckboxPrimitive from \"@radix-ui/react-checkbox\";\nimport { Check, Minus } from \"lucide-react\";\nimport {\n type ComponentPropsWithoutRef,\n type ElementRef,\n forwardRef,\n type PropsWithChildren,\n} from \"react\";\n\nimport { cn } from \"@/exports/components/lib/utils\";\n\nconst CheckboxToggle = forwardRef<\n ElementRef<typeof CheckboxPrimitive.Root>,\n ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>\n>(({ className, ...props }, ref) => (\n <CheckboxPrimitive.Root\n ref={ref}\n className={cn(\n \"group\",\n \"peer\",\n \"h-5\",\n \"w-5\",\n \"shrink-0\",\n \"rounded-md\",\n \"border\",\n \"border-grey-10\",\n \"outline\",\n \"outline-1\",\n \"outline-offset-2\",\n \"outline-transparent\",\n \"hover:border-grey-20\",\n \"focus:outline-purple-100\",\n \"active:border-green-80\",\n \"disabled:cursor-not-allowed\",\n \"disabled:opacity-50\",\n \"data-[state=checked]:bg-green-80\",\n \"data-[state=indeterminate]:bg-green-80\",\n \"data-[state=checked]:text-white\",\n \"data-[state=indeterminate]:text-primary-foreground\",\n props.disabled &&\n \"bg-grey-20 data-[state=checked]:bg-grey-20 data-[state=checked]:text-foreground\",\n className\n )}\n {...props}\n >\n <CheckboxPrimitive.Indicator className=\"flex items-center justify-center text-current\">\n <Check className=\"hidden h-4 w-4 group-data-[state=checked]:block\" />\n <Minus className=\"hidden h-4 w-4 group-data-[state=indeterminate]:block\" />\n </CheckboxPrimitive.Indicator>\n </CheckboxPrimitive.Root>\n));\nCheckboxToggle.displayName = CheckboxPrimitive.Root.displayName;\n\ninterface Props extends CheckboxPrimitive.CheckboxProps, PropsWithChildren {\n error?: string;\n classNames?: {\n wrapper?: string;\n label?: string;\n };\n}\n\nconst Checkbox = forwardRef<ElementRef<typeof CheckboxPrimitive.Root>, Props>(\n ({ classNames, children, ...props }, ref) => {\n const { disabled } = props;\n const id = props.id ?? `${props.name ?? props.value?.toString()}-checkbox`;\n const labelClassName = disabled ? \"text-grey-40 pointer-events-none\" : \"\";\n return (\n <div className={cn(\"flex space-x-2\", classNames?.wrapper)}>\n <CheckboxToggle id={id} disabled={disabled} ref={ref} {...props} />\n <label htmlFor={id} className={cn(labelClassName, classNames?.label)}>\n {children}\n </label>\n </div>\n );\n }\n);\nCheckbox.displayName = \"Checkbox\";\n\nexport default Checkbox;\n","import { cva, type VariantProps } from \"cva\";\nimport * as React from \"react\";\n\nimport { cn } from \"@/exports/components/lib/utils\";\n\nconst badgeVariants = cva(\"rounded-full px-2 py-0.5 text-xs font-semibold\", {\n variants: {\n variant: {\n green: \"bg-green-90 text-white\",\n pickle: \"bg-pickle-100 text-black\",\n purple: \"bg-purple-100 text-white\",\n },\n },\n defaultVariants: {\n variant: \"green\",\n },\n});\n\nexport interface BadgeProps\n extends React.HTMLAttributes<HTMLDivElement>,\n VariantProps<typeof badgeVariants> {}\n\nfunction Badge({ className, variant, ...props }: BadgeProps) {\n return (\n <div className={cn(badgeVariants({ variant }), className)} {...props} />\n );\n}\n\nexport { Badge, badgeVariants };\n","import { cn } from \"@/exports/components/lib/utils\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport { cva, type VariantProps } from \"cva\";\nimport React, { forwardRef } from \"react\";\n\ninterface ButtonProps\n extends React.ButtonHTMLAttributes<HTMLButtonElement>,\n VariantProps<typeof buttonVariants> {\n asChild?: boolean;\n}\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\n ({ className, variant, size, asChild = false, ...props }, ref) => {\n const Component = asChild ? Slot : \"button\";\n\n return (\n <Component\n className={cn(buttonVariants({ variant, size, className }))}\n ref={ref}\n {...props}\n />\n );\n }\n);\nButton.displayName = \"Button\";\n\nconst buttonVariants = cva(\n [\n \"flex\",\n \"items-center\",\n \"justify-center\",\n \"gap-2\",\n \"rounded-full\",\n \"font-bold\",\n \"outline-2\",\n \"outline-offset-2\",\n \"outline-dashed\",\n \"outline-transparent\",\n ],\n {\n variants: {\n variant: {\n neutral: [\n \"bg-black\",\n \"text-white\",\n \"hover:bg-grey-90\",\n \"active:bg-grey-80\",\n \"focus:outline-purple-100\",\n \"disabled:text-grey-40\",\n \"disabled:bg-grey-10\",\n ],\n primary: [\n \"bg-pickle-100\",\n \"text-black\",\n \"hover:bg-pickle-80\",\n \"active:bg-pickle-60\",\n \"focus:outline-purple-100\",\n \"disabled:text-grey-40\",\n \"disabled:bg-grey-10\",\n ],\n secondary: [\n \"bg-green-80\",\n \"text-white\",\n \"hover:bg-green-90\",\n \"active:bg-green-100\",\n \"focus:outline-pickle-100\",\n \"disabled:text-grey-40\",\n \"disabled:bg-grey-10\",\n ],\n transparent: [\n \"text-white\",\n \"hover:bg-green-80\",\n \"active:bg-green-100\",\n \"focus:outline-pickle-100\",\n \"disabled:text-grey-40\",\n ],\n link: [\n \"leading-tight\",\n \"text-black\",\n \"underline\",\n \"hover:text-purple-100\",\n \"focus:text-black\",\n \"focus:outline-purple-100\",\n \"active:text-purple-80\",\n ],\n },\n size: {\n small: [\"h-10\", \"text-sm\", \"px-4\", \"py-2\"],\n medium: [\"h-12\", \"text-base\", \"px-6\", \"py-3\"],\n large: [\"h-14\", \"text-lg\", \"px-8\", \"py-4\"],\n },\n },\n defaultVariants: {\n variant: \"neutral\",\n size: \"medium\",\n },\n compoundVariants: [\n {\n variant: \"link\",\n size: \"small\",\n class: [\"h-3\", \"text-xs\", \"p-0\"],\n },\n {\n variant: \"link\",\n size: \"medium\",\n class: [\"h-4\", \"text-sm\", \"p-0\"],\n },\n {\n variant: \"link\",\n size: \"large\",\n class: [\"h-6\", \"text-base\", \"p-0\"],\n },\n ],\n }\n);\n","import { type ComponentPropsWithoutRef } from \"react\";\n\nimport { cn } from \"@/exports/components/lib/utils\";\n\ninterface Props extends ComponentPropsWithoutRef<\"label\"> {\n text?: string;\n}\n\nfunction Label({ text, className, ...props }: Readonly<Props>) {\n if (!text) return null;\n\n return (\n <label\n className={cn(\n \"text-xs text-grey-80 peer-disabled:cursor-not-allowed peer-disabled:opacity-70\",\n className\n )}\n {...props}\n >\n {text}\n </label>\n );\n}\n\nexport default Label;\n"],"mappings":"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","names":["React","React","useEffect","useState","ChevronDownIcon","cva","clsx","twMerge","cn","inputs","CommandPrimitive","Search","React","DialogPrimitive","X","React","DialogPortal","DialogOverlay","className","props","ref","cn","DialogContent","children","DialogPortal","X","DialogHeader","DialogFooter","DialogTitle","DialogDescription","Command","className","props","ref","CommandPrimitive","cn","CommandInput","className","props","ref","Search","CommandPrimitive","cn","CommandList","CommandEmpty","CommandGroup","CommandSeparator","CommandItem","CommandShortcut","React","PopoverPrimitive","Popover","PopoverTrigger","PopoverContent","className","align","sideOffset","props","ref","cn","SeparatorPrimitive","React","Separator","className","orientation","decorative","props","ref","cn","CheckIcon","CheckboxPrimitive","Check","Minus","forwardRef","CheckboxToggle","forwardRef","className","props","ref","cn","Check","Minus","Checkbox","classNames","children","disabled","id","labelClassName","Checkbox_default","icons","ListItem","icon","hasCheckbox","isSelected","className","title","value","description","props","optionIcon","IconComponent","cn","Checkbox_default","e","CheckIcon","ListItem_default","cva","React","badgeVariants","cva","Badge","className","variant","props","cn","Slot","cva","React","forwardRef","Button","className","variant","size","asChild","props","ref","cn","buttonVariants","Label","text","className","props","cn","Label_default","ComboboxSingle","props","onChange","value","currentValue","setCurrentValue","useState","useEffect","React","Combobox","newValue","ComboboxMulti","onApply","currentValues","setCurrentValues","multiHandler","prev","v","onClearHandler","title","label","options","isMultiselect","variant","hideSearch","className","classNames","onClear","applyBtnText","clearBtnText","badgeCount","handler","open","setOpen","hideSearchBox","clickHandler","option","onApplyHandler","cn","Label_default","Popover","PopoverTrigger","triggerVariants","Badge","ChevronDownIcon","PopoverContent","Command","CommandInput","CommandList","CommandEmpty","CommandGroup","optionValue","description","icon","CommandItem","ListItem_default","Separator","Button","cva"]}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";var f=Object.create;var l=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var u=Object.getOwnPropertyNames;var c=Object.getPrototypeOf,d=Object.prototype.hasOwnProperty;var x=(e,t)=>{for(var r in t)l(e,r,{get:t[r],enumerable:!0})},n=(e,t,r,a)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of u(t))!d.call(e,o)&&o!==r&&l(e,o,{get:()=>t[o],enumerable:!(a=m(t,o))||a.enumerable});return e};var b=(e,t,r)=>(r=e!=null?f(c(e)):{},n(t||!e||!e.__esModule?l(r,"default",{value:e,enumerable:!0}):r,e)),y=e=>n(l({},"__esModule",{value:!0}),e);var h={};x(h,{default:()=>g});module.exports=y(h);var C=b(require("react"),1);var p=require("clsx"),s=require("tailwind-merge");function i(...e){return(0,s.twMerge)((0,p.clsx)(e))}function R({text:e,className:t,...r}){return e?React.createElement("label",{className:i("text-xs text-grey-80 peer-disabled:cursor-not-allowed peer-disabled:opacity-70",t),...r},e):null}var g=R;
|
|
2
|
+
//# sourceMappingURL=Label.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../src/exports/components/ui/Label.tsx","../../../react-shim.js","../../../src/exports/components/lib/utils.ts"],"sourcesContent":["import { type ComponentPropsWithoutRef } from \"react\";\n\nimport { cn } from \"@/exports/components/lib/utils\";\n\ninterface Props extends ComponentPropsWithoutRef<\"label\"> {\n text?: string;\n}\n\nfunction Label({ text, className, ...props }: Readonly<Props>) {\n if (!text) return null;\n\n return (\n <label\n className={cn(\n \"text-xs text-grey-80 peer-disabled:cursor-not-allowed peer-disabled:opacity-70\",\n className\n )}\n {...props}\n >\n {text}\n </label>\n );\n}\n\nexport default Label;\n","import React from 'react';\nexport default React;","import { type ClassValue, clsx } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n return twMerge(clsx(inputs));\n}\n"],"mappings":"0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GCAA,IAAAI,EAAkB,sBCAlB,IAAAC,EAAsC,gBACtCC,EAAwB,0BAEjB,SAASC,KAAMC,EAAsB,CAC1C,SAAO,cAAQ,QAAKA,CAAM,CAAC,CAC7B,CFGA,SAASC,EAAM,CAAE,KAAAC,EAAM,UAAAC,EAAW,GAAGC,CAAM,EAAoB,CAC7D,OAAKF,EAGH,oBAAC,SACC,UAAWG,EACT,iFACAF,CACF,EACC,GAAGC,GAEHF,CACH,EAXgB,IAapB,CAEA,IAAOI,EAAQL","names":["Label_exports","__export","Label_default","__toCommonJS","import_react","import_clsx","import_tailwind_merge","cn","inputs","Label","text","className","props","cn","Label_default"]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
|
|
1
|
+
import i from"react";import{clsx as a}from"clsx";import{twMerge as n}from"tailwind-merge";function t(...e){return n(a(e))}function p({text:e,className:r,...o}){return e?React.createElement("label",{className:t("text-xs text-grey-80 peer-disabled:cursor-not-allowed peer-disabled:opacity-70",r),...o},e):null}var b=p;export{b as default};
|
|
2
2
|
//# sourceMappingURL=Label.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/exports/components/
|
|
1
|
+
{"version":3,"sources":["../../../react-shim.js","../../../src/exports/components/lib/utils.ts","../../../src/exports/components/ui/Label.tsx"],"sourcesContent":["import React from 'react';\nexport default React;","import { type ClassValue, clsx } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n return twMerge(clsx(inputs));\n}\n","import { type ComponentPropsWithoutRef } from \"react\";\n\nimport { cn } from \"@/exports/components/lib/utils\";\n\ninterface Props extends ComponentPropsWithoutRef<\"label\"> {\n text?: string;\n}\n\nfunction Label({ text, className, ...props }: Readonly<Props>) {\n if (!text) return null;\n\n return (\n <label\n className={cn(\n \"text-xs text-grey-80 peer-disabled:cursor-not-allowed peer-disabled:opacity-70\",\n className\n )}\n {...props}\n >\n {text}\n </label>\n );\n}\n\nexport default Label;\n"],"mappings":"AAAA,OAAOA,MAAW,QCAlB,OAA0B,QAAAC,MAAY,OACtC,OAAS,WAAAC,MAAe,iBAEjB,SAASC,KAAMC,EAAsB,CAC1C,OAAOF,EAAQD,EAAKG,CAAM,CAAC,CAC7B,CCGA,SAASC,EAAM,CAAE,KAAAC,EAAM,UAAAC,EAAW,GAAGC,CAAM,EAAoB,CAC7D,OAAKF,EAGH,oBAAC,SACC,UAAWG,EACT,iFACAF,CACF,EACC,GAAGC,GAEHF,CACH,EAXgB,IAapB,CAEA,IAAOI,EAAQL","names":["React","clsx","twMerge","cn","inputs","Label","text","className","props","cn","Label_default"]}
|