buildgrid-ui 1.14.6 → 1.14.7

package/dist/components/command/command.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"command.js","sources":["../../../src/components/command/command.tsx"],"sourcesContent":["'use client'\n\nimport { cn } from '@/lib/utils'\nimport { type DialogProps } from '@radix-ui/react-dialog'\nimport { Command as CommandPrimitive } from 'cmdk'\nimport { Search } from 'lucide-react'\nimport * as React from 'react'\nimport { Dialog, DialogContent } from '../dialog'\n\nconst Command = React.forwardRef<\n\tReact.ElementRef<typeof CommandPrimitive>,\n\tReact.ComponentPropsWithoutRef<typeof CommandPrimitive>\n>(({ className, ...props }, ref) => (\n\t<CommandPrimitive\n\t\tref={ref}\n\t\tclassName={cn(\n\t\t\t'flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground',\n\t\t\tclassName,\n\t\t)}\n\t\t{...props}\n\t/>\n))\nCommand.displayName = CommandPrimitive.displayName\n\nconst CommandDialog = ({ children, ...props }: DialogProps) => {\n\treturn (\n\t\t<Dialog {...props}>\n\t\t\t<DialogContent className=\"overflow-hidden p-0 shadow-lg\">\n\t\t\t\t<Command className=\"[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[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\t\t\t\t\t{children}\n\t\t\t\t</Command>\n\t\t\t</DialogContent>\n\t\t</Dialog>\n\t)\n}\n\nconst CommandInput = React.forwardRef<\n\tReact.ElementRef<typeof CommandPrimitive.Input>,\n\tReact.ComponentPropsWithoutRef<typeof CommandPrimitive.Input>\n>(({ className, ...props }, ref) => (\n\t<div className=\"flex items-center border-b px-3\" cmdk-input-wrapper=\"\">\n\t\t<Search className=\"mr-2 h-4 w-4 shrink-0 opacity-50\" />\n\t\t<CommandPrimitive.Input\n\t\t\tref={ref}\n\t\t\tclassName={cn(\n\t\t\t\t'flex h-11 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t</div>\n))\n\nCommandInput.displayName = CommandPrimitive.Input.displayName\n\nconst CommandList = React.forwardRef<\n\tReact.ElementRef<typeof CommandPrimitive.List>,\n\tReact.ComponentPropsWithoutRef<typeof CommandPrimitive.List>\n>(({ className, ...props }, ref) => (\n\t<CommandPrimitive.List\n\t\tref={ref}\n\t\tclassName={cn('max-h-[300px] overflow-y-auto overflow-x-hidden', className)}\n\t\t{...props}\n\t/>\n))\n\nCommandList.displayName = CommandPrimitive.List.displayName\n\nconst CommandEmpty = React.forwardRef<\n\tReact.ElementRef<typeof CommandPrimitive.Empty>,\n\tReact.ComponentPropsWithoutRef<typeof CommandPrimitive.Empty>\n>((props, ref) => (\n\t<CommandPrimitive.Empty ref={ref} className=\"py-6 text-center text-sm\" {...props} />\n))\n\nCommandEmpty.displayName = CommandPrimitive.Empty.displayName\n\nconst CommandGroup = React.forwardRef<\n\tReact.ElementRef<typeof CommandPrimitive.Group>,\n\tReact.ComponentPropsWithoutRef<typeof CommandPrimitive.Group>\n>(({ className, ...props }, ref) => (\n\t<CommandPrimitive.Group\n\t\tref={ref}\n\t\tclassName={cn(\n\t\t\t'overflow-hidden p-1 text-foreground [&_[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-muted-foreground',\n\t\t\tclassName,\n\t\t)}\n\t\t{...props}\n\t/>\n))\n\nCommandGroup.displayName = CommandPrimitive.Group.displayName\n\nconst CommandSeparator = React.forwardRef<\n\tReact.ElementRef<typeof CommandPrimitive.Separator>,\n\tReact.ComponentPropsWithoutRef<typeof CommandPrimitive.Separator>\n>(({ className, ...props }, ref) => (\n\t<CommandPrimitive.Separator\n\t\tref={ref}\n\t\tclassName={cn('-mx-1 h-px bg-border', className)}\n\t\t{...props}\n\t/>\n))\nCommandSeparator.displayName = CommandPrimitive.Separator.displayName\n\nconst CommandItem = React.forwardRef<\n\tReact.ElementRef<typeof CommandPrimitive.Item>,\n\tReact.ComponentPropsWithoutRef<typeof CommandPrimitive.Item>\n>(({ className, ...props }, ref) => (\n\t<CommandPrimitive.Item\n\t\tref={ref}\n\t\tclassName={cn(\n\t\t\t\"relative flex cursor-default gap-2 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-accent data-[selected=true]:text-accent-foreground data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0\",\n\t\t\tclassName,\n\t\t)}\n\t\t{...props}\n\t/>\n))\n\nCommandItem.displayName = CommandPrimitive.Item.displayName\n\nconst CommandShortcut = ({\n\tclassName,\n\t...props\n}: React.HTMLAttributes<HTMLSpanElement>) => {\n\treturn (\n\t\t<span\n\t\t\tclassName={cn('ml-auto text-xs tracking-widest text-muted-foreground', className)}\n\t\t\t{...props}\n\t\t/>\n\t)\n}\nCommandShortcut.displayName = 'CommandShortcut'\n\nexport {\n\tCommand,\n\tCommandDialog,\n\tCommandEmpty,\n\tCommandGroup,\n\tCommandInput,\n\tCommandItem,\n\tCommandList,\n\tCommandSeparator,\n\tCommandShortcut,\n}\n"],"names":["Command","React","className","props","ref","jsx","CommandPrimitive","cn","CommandInput","jsxs","Search","CommandList","CommandEmpty","CommandGroup","CommandSeparator","CommandItem"],"mappings":"mTASM,MAAAA,EAAUC,EAAM,WAGpB,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAM,EAAGC,IAC3BC,EAAA,IAACC,EAAA,CACA,IAAAF,EACA,UAAWG,EACV,4FACAL,CACD,EACC,GAAGC,CAAA,CACL,CACA,EACDH,EAAQ,YAAcM,EAAiB,YAcvC,MAAME,EAAeP,EAAM,WAGzB,CAAC,CAAE,UAAAC,EAAW,GAAGC,GAASC,IAC1BK,EAAAA,KAAA,MAAA,CAAI,UAAU,kCAAkC,qBAAmB,GACnE,SAAA,CAACJ,EAAAA,IAAAK,EAAA,CAAO,UAAU,kCAAmC,CAAA,EACrDL,EAAA,IAACC,EAAiB,MAAjB,CACA,IAAAF,EACA,UAAWG,EACV,yJACAL,CACD,EACC,GAAGC,CAAA,CAAA,CACL,EACD,CACA,EAEDK,EAAa,YAAcF,EAAiB,MAAM,YAE5C,MAAAK,EAAcV,EAAM,WAGxB,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAM,EAAGC,IAC3BC,EAAA,IAACC,EAAiB,KAAjB,CACA,IAAAF,EACA,UAAWG,EAAG,kDAAmDL,CAAS,EACzE,GAAGC,CAAA,CACL,CACA,EAEDQ,EAAY,YAAcL,EAAiB,KAAK,YAEhD,MAAMM,EAAeX,EAAM,WAGzB,CAACE,EAAOC,IACTC,EAAA,IAACC,EAAiB,MAAjB,CAAuB,IAAAF,EAAU,UAAU,2BAA4B,GAAGD,EAAO,CAClF,EAEDS,EAAa,YAAcN,EAAiB,MAAM,YAE5C,MAAAO,EAAeZ,EAAM,WAGzB,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAM,EAAGC,IAC3BC,EAAA,IAACC,EAAiB,MAAjB,CACA,IAAAF,EACA,UAAWG,EACV,yNACAL,CACD,EACC,GAAGC,CAAA,CACL,CACA,EAEDU,EAAa,YAAcP,EAAiB,MAAM,YAE5C,MAAAQ,EAAmBb,EAAM,WAG7B,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAM,EAAGC,IAC3BC,EAAA,IAACC,EAAiB,UAAjB,CACA,IAAAF,EACA,UAAWG,EAAG,uBAAwBL,CAAS,EAC9C,GAAGC,CAAA,CACL,CACA,EACDW,EAAiB,YAAcR,EAAiB,UAAU,YAEpD,MAAAS,EAAcd,EAAM,WAGxB,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAM,EAAGC,IAC3BC,EAAA,IAACC,EAAiB,KAAjB,CACA,IAAAF,EACA,UAAWG,EACV,4TACAL,CACD,EACC,GAAGC,CAAA,CACL,CACA,EAEDY,EAAY,YAAcT,EAAiB,KAAK"}

package/dist/components/command/command.stories.js

@@ -0,0 +1,2 @@
+import{j as r}from"../../assets/jsx-runtime-D_zvdyIk.js";import{C as e,a as o,b as i,c as n,d as m,e as s,f as a}from"./command.js";import"../../lib/utils/cn.js";import"clsx";import"tailwind-merge";import"date-fns-tz";import"cmdk";import"lucide-react";import"react";import"../dialog/dialog.js";import"@radix-ui/react-dialog";const d=()=>r.jsxs(e,{className:"rounded-lg border shadow-md md:min-w-[450px]",children:[r.jsx(o,{placeholder:"Type a command or search..."}),r.jsxs(i,{children:[r.jsx(n,{children:"No results found."}),r.jsxs(m,{heading:"Suggestions",children:[r.jsx(s,{children:"Calendar"}),r.jsx(s,{children:"Search Emoji"}),r.jsx(s,{children:"Calculator"})]}),r.jsx(a,{}),r.jsxs(m,{heading:"Settings",children:[r.jsx(s,{children:"Profile"}),r.jsx(s,{children:"Billing"}),r.jsx(s,{children:"Settings"})]})]})]});d.bind({});
+//# sourceMappingURL=command.stories.js.map

package/dist/components/command/command.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"command.stories.js","sources":["../../../src/components/command/command.stories.tsx"],"sourcesContent":["// organize-imports-ignore\nimport React from 'react'\nimport type { Meta, StoryObj } from '@storybook/react'\n\nimport {\n\tCommand,\n\tCommandEmpty,\n\tCommandGroup,\n\tCommandInput,\n\tCommandItem,\n\tCommandList,\n\tCommandSeparator,\n} from './command'\n\nconst meta: Meta<typeof Command> = {\n\tcomponent: Command,\n}\n\nexport default meta\ntype Story = StoryObj<typeof Command>\n\nconst Template = () => {\n\treturn (\n\t\t<Command className=\"rounded-lg border shadow-md md:min-w-[450px]\">\n\t\t\t<CommandInput placeholder=\"Type a command or search...\" />\n\t\t\t<CommandList>\n\t\t\t\t<CommandEmpty>No results found.</CommandEmpty>\n\t\t\t\t<CommandGroup heading=\"Suggestions\">\n\t\t\t\t\t<CommandItem>Calendar</CommandItem>\n\t\t\t\t\t<CommandItem>Search Emoji</CommandItem>\n\t\t\t\t\t<CommandItem>Calculator</CommandItem>\n\t\t\t\t</CommandGroup>\n\t\t\t\t<CommandSeparator />\n\t\t\t\t<CommandGroup heading=\"Settings\">\n\t\t\t\t\t<CommandItem>Profile</CommandItem>\n\t\t\t\t\t<CommandItem>Billing</CommandItem>\n\t\t\t\t\t<CommandItem>Settings</CommandItem>\n\t\t\t\t</CommandGroup>\n\t\t\t</CommandList>\n\t\t</Command>\n\t)\n}\n\nexport const Default: Story = {\n\trender: Template.bind({}),\n\targs: {},\n}\n"],"names":["Template","jsxs","Command","jsx","CommandInput","CommandList","CommandEmpty","CommandGroup","CommandItem","CommandSeparator"],"mappings":"qUAqBA,MAAMA,EAAW,IAEfC,EAAA,KAACC,EAAQ,CAAA,UAAU,+CAClB,SAAA,CAACC,EAAAA,IAAAC,EAAA,CAAa,YAAY,6BAA8B,CAAA,SACvDC,EACA,CAAA,SAAA,CAAAF,EAAAA,IAACG,GAAa,SAAiB,mBAAA,CAAA,EAC/BL,EAAAA,KAACM,EAAa,CAAA,QAAQ,cACrB,SAAA,CAAAJ,EAAAA,IAACK,GAAY,SAAQ,UAAA,CAAA,EACrBL,EAAAA,IAACK,GAAY,SAAY,cAAA,CAAA,EACzBL,EAAAA,IAACK,GAAY,SAAU,YAAA,CAAA,CAAA,EACxB,QACCC,EAAiB,EAAA,EAClBR,EAAAA,KAACM,EAAa,CAAA,QAAQ,WACrB,SAAA,CAAAJ,EAAAA,IAACK,GAAY,SAAO,SAAA,CAAA,EACpBL,EAAAA,IAACK,GAAY,SAAO,SAAA,CAAA,EACpBL,EAAAA,IAACK,GAAY,SAAQ,UAAA,CAAA,CAAA,CACtB,CAAA,CAAA,CACD,CAAA,CAAA,EACD,EAKOR,EAAS,KAAK,EAAE"}

package/dist/components/command/index.js

@@ -0,0 +1,2 @@
+import"./command.js";import"../../assets/jsx-runtime-D_zvdyIk.js";import"../../lib/utils/cn.js";import"clsx";import"tailwind-merge";import"date-fns-tz";import"cmdk";import"lucide-react";import"react";import"../dialog/dialog.js";import"@radix-ui/react-dialog";
+//# sourceMappingURL=index.js.map

package/dist/components/command/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/currency-input/currency-input.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 import { AdaptiveInputProps } from '../adaptive-input';
 export interface CurrencyInputProps extends AdaptiveInputProps {
     currencySymbol?: string;

package/dist/components/currency-input/currency-input.js

@@ -0,0 +1,2 @@
+import{j as R}from"../../assets/jsx-runtime-D_zvdyIk.js";import $,{useRef as x,useImperativeHandle as y,useState as I,useEffect as S}from"react";import{A as F}from"../adaptive-input/adaptive-input.js";import"../../lib/utils/cn.js";import"clsx";import"tailwind-merge";import"date-fns-tz";import"../input/input.js";import"class-variance-authority";const V=$.forwardRef((i,m)=>{const{currencySymbol:a="$",decimalSeparator:u=".",thousandSeparator:d=",",onValueChange:f,className:g,value:o=0,...h}=i,e=x(null);y(m,()=>e.current);const[v,c]=I(""),l=n=>{const t=n.toFixed(2).split("."),r=t[0].replace(/\B(?=(\d{3})+(?!\d))/g,d);return`${a} ${r}${u}${t[1]}`},C=n=>{const t=n.target.value,r=parseFloat(t.replace(/\D/g,""))/100;c(l(r)),f(r),e.current&&window.requestAnimationFrame(()=>{var p;(p=e.current)==null||p.setSelectionRange(e.current.value.length,e.current.value.length)})},s=()=>{e.current&&e.current.setSelectionRange(e.current.value.length,e.current.value.length)};return S(()=>{c(l(+o))},[o]),R.jsx(F,{type:"text",inputMode:"numeric",value:v,ref:e,onChange:C,onFocus:s,onClick:s,placeholder:`${a} 0${u}00`,className:g,...h})});V.displayName="CurrencyInput";export{V as C};
+//# sourceMappingURL=currency-input.js.map

package/dist/components/currency-input/currency-input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"currency-input.js","sources":["../../../src/components/currency-input/currency-input.tsx"],"sourcesContent":["import React, { useEffect, useImperativeHandle, useRef, useState } from 'react'\nimport { AdaptiveInput, AdaptiveInputProps } from '../adaptive-input'\n\nexport interface CurrencyInputProps extends AdaptiveInputProps {\n\tcurrencySymbol?: string\n\tdecimalSeparator?: string\n\tthousandSeparator?: string\n\tonValueChange: (value: number) => void\n}\n\nconst CurrencyInput = React.forwardRef<HTMLInputElement, CurrencyInputProps>(\n\t(props, ref) => {\n\t\tconst {\n\t\t\tcurrencySymbol = '$',\n\t\t\tdecimalSeparator = '.',\n\t\t\tthousandSeparator = ',',\n\t\t\tonValueChange,\n\t\t\tclassName,\n\t\t\tvalue = 0,\n\t\t\t...rest\n\t\t} = props\n\n\t\tconst inputRef = useRef<HTMLInputElement>(null)\n\n\t\tuseImperativeHandle(ref, () => inputRef.current as HTMLInputElement)\n\n\t\tconst [inputValue, setInputValue] = useState<string>('') // String to show in input\n\n\t\t// Function to format the numeric value into a currency format\n\t\tconst formatNumber = (numericValue: number): string => {\n\t\t\tconst parts = numericValue.toFixed(2).split('.') // Ensure two decimal places\n\t\t\tconst integerPart = parts[0].replace(/\\B(?=(\\d{3})+(?!\\d))/g, thousandSeparator) // Add thousand separators\n\t\t\treturn `${currencySymbol} ${integerPart}${decimalSeparator}${parts[1]}`\n\t\t}\n\n\t\t// Handle input change\n\t\tconst handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n\t\t\tconst rawValue = e.target.value\n\t\t\tconst numericValue = parseFloat(rawValue.replace(/\\D/g, '')) / 100\n\n\t\t\t// Update the input with formatted value\n\t\t\tsetInputValue(formatNumber(numericValue))\n\n\t\t\t// Send the numeric value (without formatting) to the parent component\n\t\t\tonValueChange(numericValue)\n\n\t\t\t// Move the cursor to the end of the input value\n\t\t\tif (inputRef.current) {\n\t\t\t\twindow.requestAnimationFrame(() => {\n\t\t\t\t\tinputRef.current?.setSelectionRange(\n\t\t\t\t\t\tinputRef.current.value.length,\n\t\t\t\t\t\tinputRef.current.value.length,\n\t\t\t\t\t)\n\t\t\t\t})\n\t\t\t}\n\t\t}\n\n\t\t// Prevent cursor from being set elsewhere except at the end\n\t\tconst handleFocus = () => {\n\t\t\tif (inputRef.current) {\n\t\t\t\tinputRef.current.setSelectionRange(\n\t\t\t\t\tinputRef.current.value.length,\n\t\t\t\t\tinputRef.current.value.length,\n\t\t\t\t)\n\t\t\t}\n\t\t}\n\n\t\t// Set the initial formatted value when the component mounts or the value prop changes\n\t\tuseEffect(() => {\n\t\t\tsetInputValue(formatNumber(+value))\n\t\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t\t}, [value])\n\n\t\treturn (\n\t\t\t<AdaptiveInput\n\t\t\t\ttype=\"text\"\n\t\t\t\tinputMode=\"numeric\"\n\t\t\t\tvalue={inputValue}\n\t\t\t\tref={inputRef}\n\t\t\t\tonChange={handleInputChange}\n\t\t\t\tonFocus={handleFocus}\n\t\t\t\tonClick={handleFocus} // Ensures that even if the user clicks, the cursor is forced to the end\n\t\t\t\tplaceholder={`${currencySymbol} 0${decimalSeparator}00`}\n\t\t\t\tclassName={className}\n\t\t\t\t{...rest}\n\t\t\t/>\n\t\t)\n\t},\n)\n\nCurrencyInput.displayName = 'CurrencyInput'\n\nexport { CurrencyInput }\n"],"names":["CurrencyInput","React","props","ref","currencySymbol","decimalSeparator","thousandSeparator","onValueChange","className","value","rest","inputRef","useRef","useImperativeHandle","inputValue","setInputValue","useState","formatNumber","numericValue","parts","integerPart","handleInputChange","e","rawValue","_a","handleFocus","useEffect","jsx","AdaptiveInput"],"mappings":"0VAUA,MAAMA,EAAgBC,EAAM,WAC3B,CAACC,EAAOC,IAAQ,CACT,KAAA,CACL,eAAAC,EAAiB,IACjB,iBAAAC,EAAmB,IACnB,kBAAAC,EAAoB,IACpB,cAAAC,EACA,UAAAC,EACA,MAAAC,EAAQ,EACR,GAAGC,CAAA,EACAR,EAEES,EAAWC,EAAyB,IAAI,EAE1BC,EAAAV,EAAK,IAAMQ,EAAS,OAA2B,EAEnE,KAAM,CAACG,EAAYC,CAAa,EAAIC,EAAiB,EAAE,EAGjDC,EAAgBC,GAAiC,CACtD,MAAMC,EAAQD,EAAa,QAAQ,CAAC,EAAE,MAAM,GAAG,EACzCE,EAAcD,EAAM,CAAC,EAAE,QAAQ,wBAAyBb,CAAiB,EACxE,MAAA,GAAGF,CAAc,IAAIgB,CAAW,GAAGf,CAAgB,GAAGc,EAAM,CAAC,CAAC,EACtE,EAGME,EAAqBC,GAA2C,CAC/D,MAAAC,EAAWD,EAAE,OAAO,MACpBJ,EAAe,WAAWK,EAAS,QAAQ,MAAO,EAAE,CAAC,EAAI,IAGjDR,EAAAE,EAAaC,CAAY,CAAC,EAGxCX,EAAcW,CAAY,EAGtBP,EAAS,SACZ,OAAO,sBAAsB,IAAM,QAClCa,EAAAb,EAAS,UAAT,MAAAa,EAAkB,kBACjBb,EAAS,QAAQ,MAAM,OACvBA,EAAS,QAAQ,MAAM,OACxB,CACA,CAEH,EAGMc,EAAc,IAAM,CACrBd,EAAS,SACZA,EAAS,QAAQ,kBAChBA,EAAS,QAAQ,MAAM,OACvBA,EAAS,QAAQ,MAAM,MACxB,CAEF,EAGA,OAAAe,EAAU,IAAM,CACDX,EAAAE,EAAa,CAACR,CAAK,CAAC,CAAA,EAEhC,CAACA,CAAK,CAAC,EAGTkB,EAAA,IAACC,EAAA,CACA,KAAK,OACL,UAAU,UACV,MAAOd,EACP,IAAKH,EACL,SAAUU,EACV,QAASI,EACT,QAASA,EACT,YAAa,GAAGrB,CAAc,KAAKC,CAAgB,KACnD,UAAAG,EACC,GAAGE,CAAA,CACL,CAAA,CAGH,EAEAV,EAAc,YAAc"}

package/dist/components/currency-input/currency-input.stories.js

@@ -0,0 +1,2 @@
+import{j as t}from"../../assets/jsx-runtime-D_zvdyIk.js";import m from"react";import{C as i}from"./currency-input.js";import"../adaptive-input/adaptive-input.js";import"../../lib/utils/cn.js";import"clsx";import"tailwind-merge";import"date-fns-tz";import"../input/input.js";import"class-variance-authority";const p=()=>{const[r,e]=m.useState(0);return t.jsx("div",{className:"w-96",children:t.jsx(i,{value:r,onValueChange:o=>e(o)})})};p.bind({});
+//# sourceMappingURL=currency-input.stories.js.map

package/dist/components/currency-input/currency-input.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"currency-input.stories.js","sources":["../../../src/components/currency-input/currency-input.stories.tsx"],"sourcesContent":["// organize-imports-ignore\nimport React from 'react'\nimport type { Meta, StoryObj } from '@storybook/react'\n\nimport { CurrencyInput } from './currency-input'\nimport { DollarSign } from 'lucide-react'\n\nconst meta: Meta<typeof CurrencyInput> = {\n\ttitle: 'Components/input/currency',\n\tcomponent: CurrencyInput,\n}\n\nexport default meta\ntype Story = StoryObj<typeof CurrencyInput>\n\nconst Template = () => {\n\tconst [value, setValue] = React.useState(0)\n\treturn (\n\t\t<div className=\"w-96\">\n\t\t\t<CurrencyInput value={value} onValueChange={(number) => setValue(number)} />\n\t\t</div>\n\t)\n}\n\nexport const Default: Story = {\n\trender: Template.bind({}),\n\targs: {},\n}\n"],"names":["Template","value","setValue","React","jsx","CurrencyInput","number"],"mappings":"mTAeA,MAAMA,EAAW,IAAM,CACtB,KAAM,CAACC,EAAOC,CAAQ,EAAIC,EAAM,SAAS,CAAC,EAC1C,OACEC,EAAAA,IAAA,MAAA,CAAI,UAAU,OACd,SAACA,MAAAC,EAAA,CAAc,MAAAJ,EAAc,cAAgBK,GAAWJ,EAASI,CAAM,CAAG,CAAA,EAC3E,CAEF,EAGSN,EAAS,KAAK,EAAE"}

package/dist/components/currency-input/index.js

@@ -0,0 +1,2 @@
+import"./currency-input.js";import"../../assets/jsx-runtime-D_zvdyIk.js";import"react";import"../adaptive-input/adaptive-input.js";import"../../lib/utils/cn.js";import"clsx";import"tailwind-merge";import"date-fns-tz";import"../input/input.js";import"class-variance-authority";
+//# sourceMappingURL=index.js.map

package/dist/components/currency-input/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/dialog/dialog.js

@@ -0,0 +1,2 @@
+import{j as o}from"../../assets/jsx-runtime-D_zvdyIk.js";import{c as i}from"../../lib/utils/cn.js";import"date-fns-tz";import*as a from"@radix-ui/react-dialog";import{X as r}from"lucide-react";import*as l from"react";import"clsx";import"tailwind-merge";const h=a.Root,v=a.Trigger,c=a.Portal,n=l.forwardRef(({className:e,...t},s)=>o.jsx(a.Overlay,{ref:s,className:i("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}));n.displayName=a.Overlay.displayName;const m=l.forwardRef(({className:e,children:t,...s},d)=>o.jsxs(c,{children:[o.jsx(n,{}),o.jsxs(a.Content,{ref:d,className:i("fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border","bg-background 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 max-h-[100dvh] overflow-y-auto",e),...s,children:[t,o.jsxs(a.Close,{className:"absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground",children:[o.jsx(r,{className:"h-4 w-4"}),o.jsx("span",{className:"sr-only",children:"Close"})]})]})]}));m.displayName=a.Content.displayName;const f=({className:e,...t})=>o.jsx("div",{className:i("flex flex-col space-y-1.5 text-center sm:text-left",e),...t});f.displayName="DialogHeader";const p=({className:e,...t})=>o.jsx("div",{className:i("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",e),...t});p.displayName="DialogFooter";const g=l.forwardRef(({className:e,...t},s)=>o.jsx(a.Title,{ref:s,className:i("text-lg font-semibold leading-none tracking-tight",e),...t}));g.displayName=a.Title.displayName;const x=l.forwardRef(({className:e,...t},s)=>o.jsx(a.Description,{ref:s,className:i("text-sm text-muted-foreground",e),...t}));x.displayName=a.Description.displayName;export{h as D,v as a,m as b,f as c,g as d,x as e,p as f};
+//# sourceMappingURL=dialog.js.map

package/dist/components/dialog/dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.js","sources":["../../../src/components/dialog/dialog.tsx"],"sourcesContent":["import { cn } from '@/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\tReact.ElementRef<typeof DialogPrimitive.Overlay>,\n\tReact.ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>\n>(({ className, ...props }, ref) => (\n\t<DialogPrimitive.Overlay\n\t\tref={ref}\n\t\tclassName={cn(\n\t\t\t'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\t\t\tclassName,\n\t\t)}\n\t\t{...props}\n\t/>\n))\nDialogOverlay.displayName = DialogPrimitive.Overlay.displayName\n\nconst DialogContent = React.forwardRef<\n\tReact.ElementRef<typeof DialogPrimitive.Content>,\n\tReact.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>\n>(({ className, children, ...props }, ref) => (\n\t<DialogPortal>\n\t\t<DialogOverlay />\n\t\t<DialogPrimitive.Content\n\t\t\tref={ref}\n\t\t\tclassName={cn(\n\t\t\t\t'fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border',\n\t\t\t\t'bg-background 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%]',\n\t\t\t\t'sm:rounded-lg max-h-[100dvh] overflow-y-auto',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{children}\n\t\t\t<DialogPrimitive.Close className=\"absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground\">\n\t\t\t\t<X className=\"h-4 w-4\" />\n\t\t\t\t<span className=\"sr-only\">Close</span>\n\t\t\t</DialogPrimitive.Close>\n\t\t</DialogPrimitive.Content>\n\t</DialogPortal>\n))\nDialogContent.displayName = DialogPrimitive.Content.displayName\n\nconst DialogHeader = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n\t<div\n\t\tclassName={cn('flex flex-col space-y-1.5 text-center sm:text-left', className)}\n\t\t{...props}\n\t/>\n)\nDialogHeader.displayName = 'DialogHeader'\n\nconst DialogFooter = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n\t<div\n\t\tclassName={cn(\n\t\t\t'flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2',\n\t\t\tclassName,\n\t\t)}\n\t\t{...props}\n\t/>\n)\nDialogFooter.displayName = 'DialogFooter'\n\nconst DialogTitle = React.forwardRef<\n\tReact.ElementRef<typeof DialogPrimitive.Title>,\n\tReact.ComponentPropsWithoutRef<typeof DialogPrimitive.Title>\n>(({ className, ...props }, ref) => (\n\t<DialogPrimitive.Title\n\t\tref={ref}\n\t\tclassName={cn('text-lg font-semibold leading-none tracking-tight', className)}\n\t\t{...props}\n\t/>\n))\nDialogTitle.displayName = DialogPrimitive.Title.displayName\n\nconst DialogDescription = React.forwardRef<\n\tReact.ElementRef<typeof DialogPrimitive.Description>,\n\tReact.ComponentPropsWithoutRef<typeof DialogPrimitive.Description>\n>(({ className, ...props }, ref) => (\n\t<DialogPrimitive.Description\n\t\tref={ref}\n\t\tclassName={cn('text-sm text-muted-foreground', className)}\n\t\t{...props}\n\t/>\n))\nDialogDescription.displayName = DialogPrimitive.Description.displayName\n\nexport {\n\tDialog,\n\tDialogClose,\n\tDialogContent,\n\tDialogDescription,\n\tDialogFooter,\n\tDialogHeader,\n\tDialogOverlay,\n\tDialogPortal,\n\tDialogTitle,\n\tDialogTrigger,\n}\n"],"names":["Dialog","DialogPrimitive","DialogTrigger","DialogPortal","DialogOverlay","React","className","props","ref","jsx","cn","DialogContent","children","jsxs","X","DialogHeader","DialogFooter","DialogTitle","DialogDescription"],"mappings":"6PAKA,MAAMA,EAASC,EAAgB,KAEzBC,EAAgBD,EAAgB,QAEhCE,EAAeF,EAAgB,OAI/BG,EAAgBC,EAAM,WAG1B,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAM,EAAGC,IAC3BC,EAAA,IAACR,EAAgB,QAAhB,CACA,IAAAO,EACA,UAAWE,EACV,0JACAJ,CACD,EACC,GAAGC,CAAA,CACL,CACA,EACDH,EAAc,YAAcH,EAAgB,QAAQ,YAEpD,MAAMU,EAAgBN,EAAM,WAG1B,CAAC,CAAE,UAAAC,EAAW,SAAAM,EAAU,GAAGL,CAAM,EAAGC,IACrCK,EAAAA,KAACV,EACA,CAAA,SAAA,CAAAM,EAAA,IAACL,EAAc,EAAA,EACfS,EAAA,KAACZ,EAAgB,QAAhB,CACA,IAAAO,EACA,UAAWE,EACV,0GACA,wYACA,+CACAJ,CACD,EACC,GAAGC,EAEH,SAAA,CAAAK,EACAC,EAAA,KAAAZ,EAAgB,MAAhB,CAAsB,UAAU,gRAChC,SAAA,CAACQ,EAAAA,IAAAK,EAAA,CAAE,UAAU,SAAU,CAAA,EACtBL,EAAA,IAAA,OAAA,CAAK,UAAU,UAAU,SAAK,OAAA,CAAA,CAAA,CAChC,CAAA,CAAA,CAAA,CAAA,CACD,EACD,CACA,EACDE,EAAc,YAAcV,EAAgB,QAAQ,YAEpD,MAAMc,EAAe,CAAC,CAAE,UAAAT,EAAW,GAAGC,CACrC,IAAAE,EAAA,IAAC,MAAA,CACA,UAAWC,EAAG,qDAAsDJ,CAAS,EAC5E,GAAGC,CAAA,CACL,EAEDQ,EAAa,YAAc,eAE3B,MAAMC,EAAe,CAAC,CAAE,UAAAV,EAAW,GAAGC,CACrC,IAAAE,EAAA,IAAC,MAAA,CACA,UAAWC,EACV,gEACAJ,CACD,EACC,GAAGC,CAAA,CACL,EAEDS,EAAa,YAAc,eAErB,MAAAC,EAAcZ,EAAM,WAGxB,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAM,EAAGC,IAC3BC,EAAA,IAACR,EAAgB,MAAhB,CACA,IAAAO,EACA,UAAWE,EAAG,oDAAqDJ,CAAS,EAC3E,GAAGC,CAAA,CACL,CACA,EACDU,EAAY,YAAchB,EAAgB,MAAM,YAE1C,MAAAiB,EAAoBb,EAAM,WAG9B,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAM,EAAGC,IAC3BC,EAAA,IAACR,EAAgB,YAAhB,CACA,IAAAO,EACA,UAAWE,EAAG,gCAAiCJ,CAAS,EACvD,GAAGC,CAAA,CACL,CACA,EACDW,EAAkB,YAAcjB,EAAgB,YAAY"}

package/dist/components/dialog/dialog.stories.js

@@ -0,0 +1,2 @@
+import{j as i}from"../../assets/jsx-runtime-D_zvdyIk.js";import{D as o,a as e,b as t,c as s,d as a,e as l,f as n}from"./dialog.js";import{B as r}from"../button/button.js";import"../../lib/utils/cn.js";import"clsx";import"tailwind-merge";import"date-fns-tz";import"@radix-ui/react-dialog";import"lucide-react";import"react";import"../../lib/utils/merge-objects.js";import"@radix-ui/react-slot";import"cva-extended";import"../button/button.types.js";const m=()=>i.jsxs(o,{children:[i.jsx(e,{children:i.jsx(r,{children:"Open Dialog"})}),i.jsxs(t,{children:[i.jsxs(s,{children:[i.jsx(a,{children:"Dialog title"}),i.jsx(l,{children:"This is the dialog description"})]}),i.jsx("div",{className:"bg-gray-100 p-4 text-xs",children:"Content goes here"}),i.jsx(n,{children:i.jsx(r,{variant:"default",children:"Close"})})]})]});m.bind({});
+//# sourceMappingURL=dialog.stories.js.map

package/dist/components/dialog/dialog.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.stories.js","sources":["../../../src/components/dialog/dialog.stories.tsx"],"sourcesContent":["// organize-imports-ignore\nimport React from 'react'\nimport type { Meta, StoryObj } from '@storybook/react'\n\nimport {\n\tDialog,\n\tDialogContent,\n\tDialogDescription,\n\tDialogFooter,\n\tDialogHeader,\n\tDialogTitle,\n\tDialogTrigger,\n} from './dialog'\nimport { HelpCircle, Phone, User } from 'lucide-react'\nimport { Button } from '../button'\n\nconst meta: Meta<typeof Dialog> = {\n\tcomponent: Dialog,\n}\n\nexport default meta\ntype Story = StoryObj<typeof Dialog>\n\nconst Template = () => {\n\treturn (\n\t\t<Dialog>\n\t\t\t<DialogTrigger>\n\t\t\t\t<Button>Open Dialog</Button>\n\t\t\t</DialogTrigger>\n\t\t\t<DialogContent>\n\t\t\t\t<DialogHeader>\n\t\t\t\t\t<DialogTitle>Dialog title</DialogTitle>\n\t\t\t\t\t<DialogDescription>This is the dialog description</DialogDescription>\n\t\t\t\t</DialogHeader>\n\t\t\t\t<div className=\"bg-gray-100 p-4 text-xs\">Content goes here</div>\n\t\t\t\t<DialogFooter>\n\t\t\t\t\t<Button variant=\"default\">Close</Button>\n\t\t\t\t</DialogFooter>\n\t\t\t</DialogContent>\n\t\t</Dialog>\n\t)\n}\n\nexport const Default: Story = {\n\trender: Template.bind({}),\n\targs: {},\n}\n"],"names":["Template","Dialog","jsx","DialogTrigger","Button","DialogContent","jsxs","DialogHeader","DialogTitle","DialogDescription","DialogFooter"],"mappings":"gcAuBA,MAAMA,EAAW,WAEdC,EACA,CAAA,SAAA,CAAAC,MAACC,EACA,CAAA,SAAAD,EAAA,IAACE,EAAO,CAAA,SAAA,aAAW,CAAA,EACpB,SACCC,EACA,CAAA,SAAA,CAAAC,OAACC,EACA,CAAA,SAAA,CAAAL,EAAAA,IAACM,GAAY,SAAY,cAAA,CAAA,EACzBN,EAAAA,IAACO,GAAkB,SAA8B,gCAAA,CAAA,CAAA,EAClD,EACCP,EAAA,IAAA,MAAA,CAAI,UAAU,0BAA0B,SAAiB,oBAAA,QACzDQ,EACA,CAAA,SAAAR,MAACE,GAAO,QAAQ,UAAU,gBAAK,CAAA,CAChC,CAAA,CAAA,CACD,CAAA,CAAA,EACD,EAKOJ,EAAS,KAAK,EAAE"}

package/dist/components/dialog/index.js

@@ -0,0 +1,2 @@
+import"./dialog.js";import"../../assets/jsx-runtime-D_zvdyIk.js";import"../../lib/utils/cn.js";import"clsx";import"tailwind-merge";import"date-fns-tz";import"@radix-ui/react-dialog";import"lucide-react";import"react";
+//# sourceMappingURL=index.js.map

package/dist/components/dialog/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/dropdown-menu/dropdown-menu.js

@@ -0,0 +1,2 @@
+import{j as t}from"../../assets/jsx-runtime-D_zvdyIk.js";import*as e from"@radix-ui/react-dropdown-menu";import{ChevronRight as l,Check as m,Circle as c}from"lucide-react";import*as d from"react";import{c as r}from"../../lib/utils/cn.js";import"clsx";import"tailwind-merge";const D=e.Root,I=e.Trigger,M=e.Portal,C=e.Sub,p=d.forwardRef(({className:a,inset:o,children:s,...n},i)=>t.jsxs(e.SubTrigger,{ref:i,className:r("flex cursor-default gap-2 select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",o&&"pl-8",a),...n,children:[s,t.jsx(l,{className:"ml-auto"})]}));p.displayName=e.SubTrigger.displayName;const f=d.forwardRef(({className:a,...o},s)=>t.jsx(e.SubContent,{ref:s,className:r("z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg 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",a),...o}));f.displayName=e.SubContent.displayName;const u=d.forwardRef(({className:a,sideOffset:o=4,...s},n)=>t.jsx(e.Portal,{children:t.jsx(e.Content,{ref:n,sideOffset:o,className:r("z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md","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",a),...s})}));u.displayName=e.Content.displayName;const x=d.forwardRef(({className:a,inset:o,...s},n)=>t.jsx(e.Item,{ref:n,className:r("relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&>svg]:size-4 [&>svg]:shrink-0",o&&"pl-8",a),...s}));x.displayName=e.Item.displayName;const b=d.forwardRef(({className:a,children:o,checked:s,...n},i)=>t.jsxs(e.CheckboxItem,{ref:i,className:r("relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",a),checked:s,...n,children:[t.jsx("span",{className:"absolute left-2 flex h-3.5 w-3.5 items-center justify-center",children:t.jsx(e.ItemIndicator,{children:t.jsx(m,{className:"h-4 w-4"})})}),o]}));b.displayName=e.CheckboxItem.displayName;const g=d.forwardRef(({className:a,children:o,...s},n)=>t.jsxs(e.RadioItem,{ref:n,className:r("relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",a),...s,children:[t.jsx("span",{className:"absolute left-2 flex h-3.5 w-3.5 items-center justify-center",children:t.jsx(e.ItemIndicator,{children:t.jsx(c,{className:"h-2 w-2 fill-current"})})}),o]}));g.displayName=e.RadioItem.displayName;const w=d.forwardRef(({className:a,inset:o,...s},n)=>t.jsx(e.Label,{ref:n,className:r("px-2 py-1.5 text-sm font-semibold",o&&"pl-8",a),...s}));w.displayName=e.Label.displayName;const h=d.forwardRef(({className:a,...o},s)=>t.jsx(e.Separator,{ref:s,className:r("-mx-1 my-1 h-px bg-muted",a),...o}));h.displayName=e.Separator.displayName;export{D,I as a,u as b,w as c,h as d,b as e,x as f,C as g,p as h,M as i,f as j};
+//# sourceMappingURL=dropdown-menu.js.map

package/dist/components/dropdown-menu/dropdown-menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-menu.js","sources":["../../../src/components/dropdown-menu/dropdown-menu.tsx"],"sourcesContent":["import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu'\nimport { Check, ChevronRight, Circle } from 'lucide-react'\nimport * as React from 'react'\n\nimport { cn } from '@/lib/utils/cn'\n\nconst DropdownMenu = DropdownMenuPrimitive.Root\n\nconst DropdownMenuTrigger = DropdownMenuPrimitive.Trigger\n\nconst DropdownMenuGroup = DropdownMenuPrimitive.Group\n\nconst DropdownMenuPortal = DropdownMenuPrimitive.Portal\n\nconst DropdownMenuSub = DropdownMenuPrimitive.Sub\n\nconst DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup\n\nconst DropdownMenuSubTrigger = React.forwardRef<\n\tReact.ElementRef<typeof DropdownMenuPrimitive.SubTrigger>,\n\tReact.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubTrigger> & {\n\t\tinset?: boolean\n\t}\n>(({ className, inset, children, ...props }, ref) => (\n\t<DropdownMenuPrimitive.SubTrigger\n\t\tref={ref}\n\t\tclassName={cn(\n\t\t\t'flex cursor-default gap-2 select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0',\n\t\t\tinset && 'pl-8',\n\t\t\tclassName,\n\t\t)}\n\t\t{...props}\n\t>\n\t\t{children}\n\t\t<ChevronRight className=\"ml-auto\" />\n\t</DropdownMenuPrimitive.SubTrigger>\n))\nDropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName\n\nconst DropdownMenuSubContent = React.forwardRef<\n\tReact.ElementRef<typeof DropdownMenuPrimitive.SubContent>,\n\tReact.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubContent>\n>(({ className, ...props }, ref) => (\n\t<DropdownMenuPrimitive.SubContent\n\t\tref={ref}\n\t\tclassName={cn(\n\t\t\t'z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg 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\t\t\tclassName,\n\t\t)}\n\t\t{...props}\n\t/>\n))\nDropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName\n\nconst DropdownMenuContent = React.forwardRef<\n\tReact.ElementRef<typeof DropdownMenuPrimitive.Content>,\n\tReact.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content>\n>(({ className, sideOffset = 4, ...props }, ref) => (\n\t<DropdownMenuPrimitive.Portal>\n\t\t<DropdownMenuPrimitive.Content\n\t\t\tref={ref}\n\t\t\tsideOffset={sideOffset}\n\t\t\tclassName={cn(\n\t\t\t\t'z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md',\n\t\t\t\t'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\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t</DropdownMenuPrimitive.Portal>\n))\nDropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName\n\nconst DropdownMenuItem = React.forwardRef<\n\tReact.ElementRef<typeof DropdownMenuPrimitive.Item>,\n\tReact.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Item> & {\n\t\tinset?: boolean\n\t}\n>(({ className, inset, ...props }, ref) => (\n\t<DropdownMenuPrimitive.Item\n\t\tref={ref}\n\t\tclassName={cn(\n\t\t\t'relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&>svg]:size-4 [&>svg]:shrink-0',\n\t\t\tinset && 'pl-8',\n\t\t\tclassName,\n\t\t)}\n\t\t{...props}\n\t/>\n))\nDropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName\n\nconst DropdownMenuCheckboxItem = React.forwardRef<\n\tReact.ElementRef<typeof DropdownMenuPrimitive.CheckboxItem>,\n\tReact.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.CheckboxItem>\n>(({ className, children, checked, ...props }, ref) => (\n\t<DropdownMenuPrimitive.CheckboxItem\n\t\tref={ref}\n\t\tclassName={cn(\n\t\t\t'relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50',\n\t\t\tclassName,\n\t\t)}\n\t\tchecked={checked}\n\t\t{...props}\n\t>\n\t\t<span className=\"absolute left-2 flex h-3.5 w-3.5 items-center justify-center\">\n\t\t\t<DropdownMenuPrimitive.ItemIndicator>\n\t\t\t\t<Check className=\"h-4 w-4\" />\n\t\t\t</DropdownMenuPrimitive.ItemIndicator>\n\t\t</span>\n\t\t{children}\n\t</DropdownMenuPrimitive.CheckboxItem>\n))\nDropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName\n\nconst DropdownMenuRadioItem = React.forwardRef<\n\tReact.ElementRef<typeof DropdownMenuPrimitive.RadioItem>,\n\tReact.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.RadioItem>\n>(({ className, children, ...props }, ref) => (\n\t<DropdownMenuPrimitive.RadioItem\n\t\tref={ref}\n\t\tclassName={cn(\n\t\t\t'relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50',\n\t\t\tclassName,\n\t\t)}\n\t\t{...props}\n\t>\n\t\t<span className=\"absolute left-2 flex h-3.5 w-3.5 items-center justify-center\">\n\t\t\t<DropdownMenuPrimitive.ItemIndicator>\n\t\t\t\t<Circle className=\"h-2 w-2 fill-current\" />\n\t\t\t</DropdownMenuPrimitive.ItemIndicator>\n\t\t</span>\n\t\t{children}\n\t</DropdownMenuPrimitive.RadioItem>\n))\nDropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName\n\nconst DropdownMenuLabel = React.forwardRef<\n\tReact.ElementRef<typeof DropdownMenuPrimitive.Label>,\n\tReact.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Label> & {\n\t\tinset?: boolean\n\t}\n>(({ className, inset, ...props }, ref) => (\n\t<DropdownMenuPrimitive.Label\n\t\tref={ref}\n\t\tclassName={cn('px-2 py-1.5 text-sm font-semibold', inset && 'pl-8', className)}\n\t\t{...props}\n\t/>\n))\nDropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName\n\nconst DropdownMenuSeparator = React.forwardRef<\n\tReact.ElementRef<typeof DropdownMenuPrimitive.Separator>,\n\tReact.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Separator>\n>(({ className, ...props }, ref) => (\n\t<DropdownMenuPrimitive.Separator\n\t\tref={ref}\n\t\tclassName={cn('-mx-1 my-1 h-px bg-muted', className)}\n\t\t{...props}\n\t/>\n))\nDropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName\n\nconst DropdownMenuShortcut = ({\n\tclassName,\n\t...props\n}: React.HTMLAttributes<HTMLSpanElement>) => {\n\treturn (\n\t\t<span\n\t\t\tclassName={cn('ml-auto text-xs tracking-widest opacity-60', className)}\n\t\t\t{...props}\n\t\t/>\n\t)\n}\nDropdownMenuShortcut.displayName = 'DropdownMenuShortcut'\n\nexport {\n\tDropdownMenu,\n\tDropdownMenuCheckboxItem,\n\tDropdownMenuContent,\n\tDropdownMenuGroup,\n\tDropdownMenuItem,\n\tDropdownMenuLabel,\n\tDropdownMenuPortal,\n\tDropdownMenuRadioGroup,\n\tDropdownMenuRadioItem,\n\tDropdownMenuSeparator,\n\tDropdownMenuShortcut,\n\tDropdownMenuSub,\n\tDropdownMenuSubContent,\n\tDropdownMenuSubTrigger,\n\tDropdownMenuTrigger,\n}\n"],"names":["DropdownMenu","DropdownMenuPrimitive","DropdownMenuTrigger","DropdownMenuPortal","DropdownMenuSub","DropdownMenuSubTrigger","React","className","inset","children","props","ref","jsxs","cn","jsx","ChevronRight","DropdownMenuSubContent","DropdownMenuContent","sideOffset","DropdownMenuItem","DropdownMenuCheckboxItem","checked","Check","DropdownMenuRadioItem","Circle","DropdownMenuLabel","DropdownMenuSeparator"],"mappings":"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"}

package/dist/components/dropdown-menu/dropdown-menu.stories.js

@@ -0,0 +1,2 @@
+import{j as s}from"../../assets/jsx-runtime-D_zvdyIk.js";import{D as n,a as i,b as o,c as t,d as r,f as e,g as a,h as d,i as l,j}from"./dropdown-menu.js";import{B as p}from"../button/button.js";import{Settings2 as x,Pencil as c,Trash as h,Key as m,UserPlus as u,Mail as M,MessageSquare as D,PlusCircle as w}from"lucide-react";import"@radix-ui/react-dropdown-menu";import"react";import"../../lib/utils/cn.js";import"clsx";import"tailwind-merge";import"date-fns-tz";import"../../lib/utils/merge-objects.js";import"@radix-ui/react-slot";import"cva-extended";import"../button/button.types.js";const g=()=>s.jsxs(n,{children:[s.jsx(i,{asChild:!0,children:s.jsxs(p,{variant:"outline",size:"icon",children:[s.jsx(x,{className:"w-6 h-6"}),s.jsx("span",{className:"sr-only",children:"Open settings"})]})}),s.jsxs(o,{align:"end",children:[s.jsx(t,{children:"Jhon Doe"}),s.jsx(r,{}),s.jsxs(e,{children:[s.jsx(c,{})," Edit"]}),s.jsxs(e,{children:[s.jsx(h,{})," Delete"]}),s.jsx(r,{}),s.jsxs(e,{children:[s.jsx(m,{})," Send password reset"]}),s.jsx(r,{}),s.jsxs(a,{children:[s.jsxs(d,{children:[s.jsx(u,{}),s.jsx("span",{children:"Invite users"})]}),s.jsx(l,{children:s.jsxs(j,{children:[s.jsxs(e,{children:[s.jsx(M,{}),s.jsx("span",{children:"Email"})]}),s.jsxs(e,{children:[s.jsx(D,{}),s.jsx("span",{children:"Message"})]}),s.jsx(r,{}),s.jsxs(e,{children:[s.jsx(w,{}),s.jsx("span",{children:"More..."})]})]})})]})]})]});g.bind({});
+//# sourceMappingURL=dropdown-menu.stories.js.map

package/dist/components/dropdown-menu/dropdown-menu.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-menu.stories.js","sources":["../../../src/components/dropdown-menu/dropdown-menu.stories.tsx"],"sourcesContent":["// organize-imports-ignore\nimport React from 'react'\nimport type { Meta, StoryObj } from '@storybook/react'\n\nimport {\n\tDropdownMenu,\n\tDropdownMenuContent,\n\tDropdownMenuItem,\n\tDropdownMenuLabel,\n\tDropdownMenuPortal,\n\tDropdownMenuSeparator,\n\tDropdownMenuSub,\n\tDropdownMenuSubContent,\n\tDropdownMenuSubTrigger,\n\tDropdownMenuTrigger,\n} from './dropdown-menu'\nimport { Button } from '../button/button'\nimport {\n\tKey,\n\tMail,\n\tMessageSquare,\n\tPencil,\n\tPlusCircle,\n\tSettings2,\n\tTrash,\n\tUserPlus,\n} from 'lucide-react'\n\nconst meta: Meta<typeof DropdownMenu> = {\n\tcomponent: DropdownMenu,\n}\n\nexport default meta\ntype Story = StoryObj<typeof DropdownMenu>\n\nconst Template = () => {\n\treturn (\n\t\t<DropdownMenu>\n\t\t\t<DropdownMenuTrigger asChild>\n\t\t\t\t<Button variant=\"outline\" size=\"icon\">\n\t\t\t\t\t<Settings2 className=\"w-6 h-6\" />\n\t\t\t\t\t<span className=\"sr-only\">Open settings</span>\n\t\t\t\t</Button>\n\t\t\t</DropdownMenuTrigger>\n\t\t\t<DropdownMenuContent align=\"end\">\n\t\t\t\t<DropdownMenuLabel>Jhon Doe</DropdownMenuLabel>\n\t\t\t\t<DropdownMenuSeparator />\n\t\t\t\t<DropdownMenuItem>\n\t\t\t\t\t<Pencil /> Edit\n\t\t\t\t</DropdownMenuItem>\n\t\t\t\t<DropdownMenuItem>\n\t\t\t\t\t<Trash /> Delete\n\t\t\t\t</DropdownMenuItem>\n\t\t\t\t<DropdownMenuSeparator />\n\t\t\t\t<DropdownMenuItem>\n\t\t\t\t\t<Key /> Send password reset\n\t\t\t\t</DropdownMenuItem>\n\t\t\t\t<DropdownMenuSeparator />\n\t\t\t\t<DropdownMenuSub>\n\t\t\t\t\t<DropdownMenuSubTrigger>\n\t\t\t\t\t\t<UserPlus />\n\t\t\t\t\t\t<span>Invite users</span>\n\t\t\t\t\t</DropdownMenuSubTrigger>\n\t\t\t\t\t<DropdownMenuPortal>\n\t\t\t\t\t\t<DropdownMenuSubContent>\n\t\t\t\t\t\t\t<DropdownMenuItem>\n\t\t\t\t\t\t\t\t<Mail />\n\t\t\t\t\t\t\t\t<span>Email</span>\n\t\t\t\t\t\t\t</DropdownMenuItem>\n\t\t\t\t\t\t\t<DropdownMenuItem>\n\t\t\t\t\t\t\t\t<MessageSquare />\n\t\t\t\t\t\t\t\t<span>Message</span>\n\t\t\t\t\t\t\t</DropdownMenuItem>\n\t\t\t\t\t\t\t<DropdownMenuSeparator />\n\t\t\t\t\t\t\t<DropdownMenuItem>\n\t\t\t\t\t\t\t\t<PlusCircle />\n\t\t\t\t\t\t\t\t<span>More...</span>\n\t\t\t\t\t\t\t</DropdownMenuItem>\n\t\t\t\t\t\t</DropdownMenuSubContent>\n\t\t\t\t\t</DropdownMenuPortal>\n\t\t\t\t</DropdownMenuSub>\n\t\t\t</DropdownMenuContent>\n\t\t</DropdownMenu>\n\t)\n}\n\nexport const Default: Story = {\n\trender: Template.bind({}),\n\targs: {},\n}\n"],"names":["Template","DropdownMenu","jsx","DropdownMenuTrigger","jsxs","Button","Settings2","DropdownMenuContent","DropdownMenuLabel","DropdownMenuSeparator","DropdownMenuItem","Pencil","Trash","Key","DropdownMenuSub","DropdownMenuSubTrigger","UserPlus","DropdownMenuPortal","DropdownMenuSubContent","Mail","MessageSquare","PlusCircle"],"mappings":"6kBAmCA,MAAMA,EAAW,WAEdC,EACA,CAAA,SAAA,CAACC,EAAAA,IAAAC,EAAA,CAAoB,QAAO,GAC3B,SAAAC,EAAAA,KAACC,GAAO,QAAQ,UAAU,KAAK,OAC9B,SAAA,CAACH,EAAAA,IAAAI,EAAA,CAAU,UAAU,SAAU,CAAA,EAC9BJ,EAAA,IAAA,OAAA,CAAK,UAAU,UAAU,SAAa,eAAA,CAAA,CAAA,CAAA,CACxC,CACD,CAAA,EACAE,EAAAA,KAACG,EAAoB,CAAA,MAAM,MAC1B,SAAA,CAAAL,EAAAA,IAACM,GAAkB,SAAQ,UAAA,CAAA,QAC1BC,EAAsB,EAAA,SACtBC,EACA,CAAA,SAAA,CAAAR,EAAA,IAACS,EAAO,EAAA,EAAE,OAAA,EACX,SACCD,EACA,CAAA,SAAA,CAAAR,EAAA,IAACU,EAAM,EAAA,EAAE,SAAA,EACV,QACCH,EAAsB,EAAA,SACtBC,EACA,CAAA,SAAA,CAAAR,EAAA,IAACW,EAAI,EAAA,EAAE,sBAAA,EACR,QACCJ,EAAsB,EAAA,SACtBK,EACA,CAAA,SAAA,CAAAV,OAACW,EACA,CAAA,SAAA,CAAAb,EAAA,IAACc,EAAS,EAAA,EACVd,EAAAA,IAAC,QAAK,SAAY,cAAA,CAAA,CAAA,EACnB,EACAA,EAAA,IAACe,EACA,CAAA,SAAAb,EAAAA,KAACc,EACA,CAAA,SAAA,CAAAd,OAACM,EACA,CAAA,SAAA,CAAAR,EAAA,IAACiB,EAAK,EAAA,EACNjB,EAAAA,IAAC,QAAK,SAAK,OAAA,CAAA,CAAA,EACZ,SACCQ,EACA,CAAA,SAAA,CAAAR,EAAA,IAACkB,EAAc,EAAA,EACflB,EAAAA,IAAC,QAAK,SAAO,SAAA,CAAA,CAAA,EACd,QACCO,EAAsB,EAAA,SACtBC,EACA,CAAA,SAAA,CAAAR,EAAA,IAACmB,EAAW,EAAA,EACZnB,EAAAA,IAAC,QAAK,SAAO,SAAA,CAAA,CAAA,CACd,CAAA,CAAA,CAAA,CACD,CACD,CAAA,CAAA,CACD,CAAA,CAAA,CACD,CAAA,CAAA,EACD,EAKOF,EAAS,KAAK,EAAE"}

package/dist/components/dropdown-menu/index.js

@@ -0,0 +1,2 @@
+import"./dropdown-menu.js";import"../../assets/jsx-runtime-D_zvdyIk.js";import"@radix-ui/react-dropdown-menu";import"lucide-react";import"react";import"../../lib/utils/cn.js";import"clsx";import"tailwind-merge";
+//# sourceMappingURL=index.js.map

package/dist/components/dropdown-menu/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/index.js

@@ -0,0 +1,2 @@
+import"./accordion/accordion.js";import"./adaptive-input/adaptive-input.js";import"./alert-dialog/alert-dialog.js";import"./autocomplete/autocomplete.js";import"./avatar/avatar.js";import"./badge/badge.js";import"./button/button.js";import"./calendar/calendar.js";import"./card/card.js";import"./checkbox/checkbox.js";import"./command/command.js";import"./currency-input/currency-input.js";import"./dialog/dialog.js";import"./dropdown-menu/dropdown-menu.js";import"./input/input.js";import"./label/label.js";import"./multi-select/multi-select.js";import"./navigation-menu/navigation-menu.js";import"./pagination/pagination.js";import"./password-input/password-input.js";import"./popover/popover.js";import"./progress/progress.js";import"./radio-group/radio-group.js";import"./select/select.js";import"./separator/separator.js";import"./skeleton/skeleton.js";import"./spinner/spinner.js";import"./switch/switch.js";import"./table/table.js";import"./tabs/tabs.js";import"./textarea/textarea.js";import"./toaster/toast.js";import"./toaster/toaster.js";import"./toggle/toggle.js";import"./toggle-group/toggle-group.js";import"./tooltip/tooltip.js";import"./button/button.types.js";import"../assets/jsx-runtime-D_zvdyIk.js";import"@radix-ui/react-accordion";import"lucide-react";import"react";import"../lib/utils/cn.js";import"clsx";import"tailwind-merge";import"date-fns-tz";import"@radix-ui/react-alert-dialog";import"../lib/utils/string.js";import"@radix-ui/react-avatar";import"class-variance-authority";import"../lib/utils/merge-objects.js";import"@radix-ui/react-slot";import"cva-extended";import"date-fns";import"../assets/en-US-BUOWLxFp.js";import"@radix-ui/react-checkbox";import"cmdk";import"@radix-ui/react-dialog";import"@radix-ui/react-dropdown-menu";import"@radix-ui/react-label";import"@radix-ui/react-navigation-menu";import"@radix-ui/react-popover";import"@radix-ui/react-progress";import"@radix-ui/react-radio-group";import"@radix-ui/react-select";import"@radix-ui/react-separator";import"@radix-ui/react-switch";import"@radix-ui/react-tabs";import"sonner";import"@radix-ui/react-toggle";import"@radix-ui/react-toggle-group";import"@radix-ui/react-tooltip";
+//# sourceMappingURL=index.js.map

package/dist/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/input/index.js

@@ -0,0 +1,2 @@
+import"./input.js";import"../../assets/jsx-runtime-D_zvdyIk.js";import"../../lib/utils/cn.js";import"clsx";import"tailwind-merge";import"class-variance-authority";import"react";
+//# sourceMappingURL=index.js.map

package/dist/components/input/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/input/input.d.ts

@@ -2,7 +2,7 @@ import { VariantProps } from 'class-variance-authority';
 import * as React from 'react';
 declare const inputVariants: (props?: ({
     sizing?: "md" | "sm" | "lg" | "xl" | "2xl" | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+} & import('class-variance-authority/dist/types').ClassProp) | undefined) => string;
 export interface InputProps extends React.InputHTMLAttributes<HTMLInputElement>, VariantProps<typeof inputVariants> {
 }
 declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;

package/dist/components/input/input.js

@@ -0,0 +1,2 @@
+import{j as s}from"../../assets/jsx-runtime-D_zvdyIk.js";import{c as n}from"../../lib/utils/cn.js";import{cva as a}from"class-variance-authority";import*as l from"react";import"clsx";import"tailwind-merge";const p=a("flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50",{variants:{sizing:{sm:"h-8 text-xs px-2",md:"h-10 text-sm px-3",lg:"h-12 text-base px-4",xl:"h-14 text-lg px-5","2xl":"h-16 text-xl px-6"}},defaultVariants:{sizing:"md"}}),x=l.forwardRef(({className:t,sizing:e,type:r,...i},o)=>s.jsx("input",{type:r,className:n(p({sizing:e,className:t})),ref:o,...i}));x.displayName="Input";export{x as I};
+//# sourceMappingURL=input.js.map

package/dist/components/input/input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.js","sources":["../../../src/components/input/input.tsx"],"sourcesContent":["import { cn } from '@/lib/utils/cn'\nimport { cva, VariantProps } from 'class-variance-authority'\nimport * as React from 'react'\n\nconst inputVariants = cva(\n\t'flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50',\n\t{\n\t\tvariants: {\n\t\t\tsizing: {\n\t\t\t\tsm: 'h-8 text-xs px-2',\n\t\t\t\tmd: 'h-10 text-sm px-3',\n\t\t\t\tlg: 'h-12 text-base px-4',\n\t\t\t\txl: 'h-14 text-lg px-5',\n\t\t\t\t'2xl': 'h-16 text-xl px-6',\n\t\t\t},\n\t\t},\n\t\tdefaultVariants: {\n\t\t\tsizing: 'md',\n\t\t},\n\t},\n)\n\nexport interface InputProps\n\textends React.InputHTMLAttributes<HTMLInputElement>,\n\t\tVariantProps<typeof inputVariants> {}\n\nconst Input = React.forwardRef<HTMLInputElement, InputProps>(\n\t({ className, sizing, type, ...props }, ref) => {\n\t\treturn (\n\t\t\t<input\n\t\t\t\ttype={type}\n\t\t\t\tclassName={cn(inputVariants({ sizing, className }))}\n\t\t\t\tref={ref}\n\t\t\t\t{...props}\n\t\t\t/>\n\t\t)\n\t},\n)\nInput.displayName = 'Input'\n\nexport { Input }\n"],"names":["inputVariants","cva","Input","React","className","sizing","type","props","ref","jsx","cn"],"mappings":"8MAIA,MAAMA,EAAgBC,EACrB,+VACA,CACC,SAAU,CACT,OAAQ,CACP,GAAI,mBACJ,GAAI,oBACJ,GAAI,sBACJ,GAAI,oBACJ,MAAO,mBAAA,CAET,EACA,gBAAiB,CAChB,OAAQ,IAAA,CACT,CAEF,EAMMC,EAAQC,EAAM,WACnB,CAAC,CAAE,UAAAC,EAAW,OAAAC,EAAQ,KAAAC,EAAM,GAAGC,GAASC,IAEtCC,EAAA,IAAC,QAAA,CACA,KAAAH,EACA,UAAWI,EAAGV,EAAc,CAAE,OAAAK,EAAQ,UAAAD,CAAW,CAAA,CAAC,EAClD,IAAAI,EACC,GAAGD,CAAA,CACL,CAGH,EACAL,EAAM,YAAc"}

package/dist/components/input/input.stories.js

@@ -0,0 +1,2 @@
+import{j as r}from"../../assets/jsx-runtime-D_zvdyIk.js";import{I as t}from"./input.js";import"../../lib/utils/cn.js";import"clsx";import"tailwind-merge";import"class-variance-authority";import"react";const m=()=>r.jsx(t,{className:"w-64"});m.bind({});
+//# sourceMappingURL=input.stories.js.map

package/dist/components/input/input.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.stories.js","sources":["../../../src/components/input/input.stories.tsx"],"sourcesContent":["// organize-imports-ignore\nimport React from 'react'\nimport type { Meta, StoryObj } from '@storybook/react'\n\nimport { Input } from './input'\n\nconst meta: Meta<typeof Input> = {\n\ttitle: 'Components/input/simple',\n\tcomponent: Input,\n}\n\nexport default meta\ntype Story = StoryObj<typeof Input>\n\nconst Template = () => {\n\treturn <Input className=\"w-64\" />\n}\n\nexport const Default: Story = {\n\trender: Template.bind({}),\n\targs: {},\n}\n"],"names":["Template","jsx","Input"],"mappings":"yMAcA,MAAMA,EAAW,IACTC,EAAA,IAACC,EAAM,CAAA,UAAU,MAAO,CAAA,EAIvBF,EAAS,KAAK,EAAE"}

package/dist/components/label/index.js

@@ -0,0 +1,2 @@
+import"./label.js";import"../../assets/jsx-runtime-D_zvdyIk.js";import"../../lib/utils/cn.js";import"clsx";import"tailwind-merge";import"date-fns-tz";import"@radix-ui/react-label";import"class-variance-authority";import"react";
+//# sourceMappingURL=index.js.map

package/dist/components/label/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/label/label.d.ts

@@ -1,5 +1,5 @@
+import { VariantProps } from 'class-variance-authority';
 import * as LabelPrimitive from '@radix-ui/react-label';
-import { type VariantProps } from 'class-variance-authority';
 import * as React from 'react';
-declare const Label: React.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React.RefAttributes<HTMLLabelElement>, "ref"> & VariantProps<(props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string> & React.RefAttributes<HTMLLabelElement>>;
+declare const Label: React.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React.RefAttributes<HTMLLabelElement>, "ref"> & VariantProps<(props?: import('class-variance-authority/dist/types').ClassProp | undefined) => string> & React.RefAttributes<HTMLLabelElement>>;
 export { Label };

package/dist/components/label/label.js

@@ -0,0 +1,2 @@
+import{j as e}from"../../assets/jsx-runtime-D_zvdyIk.js";import{c as m}from"../../lib/utils/cn.js";import"date-fns-tz";import*as o from"@radix-ui/react-label";import{cva as i}from"class-variance-authority";import*as s from"react";import"clsx";import"tailwind-merge";const p=i("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"),l=s.forwardRef(({className:a,...r},t)=>e.jsx(o.Root,{ref:t,className:m(p(),a),...r}));l.displayName=o.Root.displayName;export{l as L};
+//# sourceMappingURL=label.js.map

package/dist/components/label/label.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"label.js","sources":["../../../src/components/label/label.tsx"],"sourcesContent":["import { cn } from '@/lib/utils'\nimport * as LabelPrimitive from '@radix-ui/react-label'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport * as React from 'react'\n\nconst labelVariants = cva(\n\t'text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70',\n)\n\nconst Label = React.forwardRef<\n\tReact.ElementRef<typeof LabelPrimitive.Root>,\n\tReact.ComponentPropsWithoutRef<typeof LabelPrimitive.Root> &\n\t\tVariantProps<typeof labelVariants>\n>(({ className, ...props }, ref) => (\n\t<LabelPrimitive.Root ref={ref} className={cn(labelVariants(), className)} {...props} />\n))\nLabel.displayName = LabelPrimitive.Root.displayName\n\nexport { Label }\n"],"names":["labelVariants","cva","Label","React","className","props","ref","jsx","LabelPrimitive","cn"],"mappings":"0QAKA,MAAMA,EAAgBC,EACrB,4FACD,EAEMC,EAAQC,EAAM,WAIlB,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAM,EAAGC,IAC3BC,MAACC,EAAe,KAAf,CAAoB,IAAAF,EAAU,UAAWG,EAAGT,EAAA,EAAiBI,CAAS,EAAI,GAAGC,EAAO,CACrF,EACDH,EAAM,YAAcM,EAAe,KAAK"}

package/dist/components/label/label.stories.js

@@ -0,0 +1,2 @@
+import{j as r}from"../../assets/jsx-runtime-D_zvdyIk.js";import{L as i}from"./label.js";import"../../lib/utils/cn.js";import"clsx";import"tailwind-merge";import"date-fns-tz";import"@radix-ui/react-label";import"class-variance-authority";import"react";const t=()=>r.jsx(i,{children:"This is a label"});t.bind({});
+//# sourceMappingURL=label.stories.js.map

package/dist/components/label/label.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"label.stories.js","sources":["../../../src/components/label/label.stories.tsx"],"sourcesContent":["// organize-imports-ignore\nimport React from 'react'\nimport type { Meta, StoryObj } from '@storybook/react'\n\nimport { Label } from './label'\n\nconst meta: Meta<typeof Label> = {\n\tcomponent: Label,\n}\n\nexport default meta\ntype Story = StoryObj<typeof Label>\n\nconst Template = () => {\n\treturn <Label>This is a label</Label>\n}\n\nexport const Default: Story = {\n\trender: Template.bind({}),\n\targs: {},\n}\n"],"names":["Template","jsx","Label"],"mappings":"2PAaA,MAAMA,EAAW,IACTC,EAAA,IAACC,GAAM,SAAe,iBAAA,CAAA,EAIrBF,EAAS,KAAK,EAAE"}

package/dist/components/multi-select/index.js

@@ -0,0 +1,2 @@
+import"./multi-select.js";import"../../assets/jsx-runtime-D_zvdyIk.js";import"class-variance-authority";import"lucide-react";import"react";import"../../lib/utils/cn.js";import"clsx";import"tailwind-merge";import"date-fns-tz";import"../badge/badge.js";import"../button/button.js";import"../../lib/utils/merge-objects.js";import"@radix-ui/react-slot";import"cva-extended";import"../button/button.types.js";import"../command/command.js";import"cmdk";import"../dialog/dialog.js";import"@radix-ui/react-dialog";import"../popover/popover.js";import"@radix-ui/react-popover";import"../separator/separator.js";import"@radix-ui/react-separator";
+//# sourceMappingURL=index.js.map

package/dist/components/multi-select/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/multi-select/multi-select.d.ts

@@ -1,4 +1,4 @@
-import { type VariantProps } from 'class-variance-authority';
+import { VariantProps } from 'class-variance-authority';
 import * as React from 'react';
 /**
  * Variants for the multi-select component to handle different styles.
@@ -6,7 +6,7 @@ import * as React from 'react';
  */
 declare const multiSelectVariants: (props?: ({
     variant?: "default" | "destructive" | "secondary" | "inverted" | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+} & import('class-variance-authority/dist/types').ClassProp) | undefined) => string;
 /**
  * Props for MultiSelect component
  */

package/dist/components/multi-select/multi-select.js

@@ -0,0 +1,2 @@
+import{j as e}from"../../assets/jsx-runtime-D_zvdyIk.js";import{cva as V}from"class-variance-authority";import{XCircle as h,XIcon as K,ChevronDown as g,CheckIcon as j}from"lucide-react";import*as d from"react";import{c}from"../../lib/utils/cn.js";import"date-fns-tz";import{B as v}from"../badge/badge.js";import{B as M}from"../button/button.js";import{C as R,a as T,b as _,c as X,d as b,e as u,f as F}from"../command/command.js";import{P as G,a as L,b as $}from"../popover/popover.js";import{S as y}from"../separator/separator.js";import"clsx";import"tailwind-merge";import"../../lib/utils/merge-objects.js";import"@radix-ui/react-slot";import"cva-extended";import"../button/button.types.js";import"cmdk";import"../dialog/dialog.js";import"@radix-ui/react-dialog";import"@radix-ui/react-popover";import"@radix-ui/react-separator";const N=V("mx-1",{variants:{variant:{default:"border-foreground/10 text-foreground bg-card hover:bg-card/80",secondary:"border-foreground/10 bg-secondary text-secondary-foreground hover:bg-secondary/80",destructive:"border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80",inverted:"inverted"}},defaultVariants:{variant:"default"}}),q=d.forwardRef(({options:a,onValueChange:o,variant:f,defaultValue:w=[],placeholder:S="Select options",maxCount:m=3,modalPopover:C=!1,asChild:z=!1,className:P,...k},I)=>{const[t,n]=d.useState(w),[B,l]=d.useState(!1),[H,J]=d.useState(!1),E=r=>{if(r.key==="Enter")l(!0);else if(r.key==="Backspace"&&!r.currentTarget.value){const s=[...t];s.pop(),n(s),o(s)}},x=r=>{const s=t.includes(r)?t.filter(i=>i!==r):[...t,r];n(s),o(s)},p=()=>{n([]),o([])},O=()=>{l(r=>!r)},A=()=>{const r=t.slice(0,m);n(r),o(r)},D=()=>{if(t.length===a.length)p();else{const r=a.map(s=>s.value);n(r),o(r)}};return e.jsxs(G,{open:B,onOpenChange:l,modal:C,children:[e.jsx(L,{asChild:!0,children:e.jsx(M,{ref:I,...k,onClick:O,className:c("flex w-full p-1 rounded-md border min-h-10 h-auto items-center justify-between bg-inherit hover:bg-inherit [&_svg]:pointer-events-auto",P),children:t.length>0?e.jsxs("div",{className:"flex justify-between items-center w-full",children:[e.jsxs("div",{className:"flex flex-wrap items-center",children:[t.slice(0,m).map(r=>{const s=a.find(i=>i.value===r);return e.jsxs(v,{className:c(N({variant:f})),children:[s==null?void 0:s.label,e.jsx(h,{className:"ml-2 h-4 w-4 cursor-pointer",onClick:i=>{i.stopPropagation(),x(r)}})]},r)}),t.length>m&&e.jsxs(v,{className:c("bg-transparent text-foreground border-foreground/1 hover:bg-transparent",N({variant:f})),children:[`+ ${t.length-m} more`,e.jsx(h,{className:"ml-2 h-4 w-4 cursor-pointer",onClick:r=>{r.stopPropagation(),A()}})]})]}),e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx(K,{className:"h-4 mx-2 cursor-pointer text-muted-foreground",onClick:r=>{r.stopPropagation(),p()}}),e.jsx(y,{orientation:"vertical",className:"flex min-h-6 h-full"}),e.jsx(g,{className:"h-4 mx-2 cursor-pointer text-muted-foreground"})]})]}):e.jsxs("div",{className:"flex items-center justify-between w-full mx-auto",children:[e.jsx("span",{className:"text-sm text-muted-foreground mx-3",children:S}),e.jsx(g,{className:"h-4 cursor-pointer text-muted-foreground mx-2"})]})})}),e.jsx($,{className:"w-auto p-0",align:"start",onEscapeKeyDown:()=>l(!1),children:e.jsxs(R,{children:[e.jsx(T,{placeholder:"Search...",onKeyDown:E}),e.jsxs(_,{children:[e.jsx(X,{children:"No results found."}),e.jsxs(b,{children:[e.jsxs(u,{onSelect:D,className:"cursor-pointer",children:[e.jsx("div",{className:c("mr-2 flex h-4 w-4 items-center justify-center rounded-sm border border-primary",t.length===a.length?"bg-primary text-primary-foreground":"opacity-50 [&_svg]:invisible"),children:e.jsx(j,{className:"h-4 w-4"})}),e.jsx("span",{children:"(Select All)"})]},"all"),a.map(r=>{const s=t.includes(r.value);return e.jsxs(u,{onSelect:()=>x(r.value),className:"cursor-pointer",children:[e.jsx("div",{className:c("mr-2 flex h-4 w-4 items-center justify-center rounded-sm border border-primary",s?"bg-primary text-primary-foreground":"opacity-50 [&_svg]:invisible"),children:e.jsx(j,{className:"h-4 w-4"})}),e.jsx("span",{children:r.label})]},r.value)})]}),e.jsx(F,{}),e.jsx(b,{children:e.jsxs("div",{className:"flex items-center justify-between",children:[t.length>0&&e.jsxs(e.Fragment,{children:[e.jsx(u,{onSelect:p,className:"flex-1 justify-center cursor-pointer",children:"Clear"}),e.jsx(y,{orientation:"vertical",className:"flex min-h-6 h-full"})]}),e.jsx(u,{onSelect:()=>l(!1),className:"flex-1 justify-center cursor-pointer max-w-full",children:"Close"})]})})]})]})})]})});q.displayName="MultiSelect";export{q as M};
+//# sourceMappingURL=multi-select.js.map

package/dist/components/multi-select/multi-select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"multi-select.js","sources":["../../../src/components/multi-select/multi-select.tsx"],"sourcesContent":["// src/components/multi-select.tsx\n\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { CheckIcon, ChevronDown, XCircle, XIcon } from 'lucide-react'\nimport * as React from 'react'\n\nimport { cn } from '@/lib/utils'\nimport { Badge } from '../badge'\nimport { Button } from '../button'\nimport {\n\tCommand,\n\tCommandEmpty,\n\tCommandGroup,\n\tCommandInput,\n\tCommandItem,\n\tCommandList,\n\tCommandSeparator,\n} from '../command'\nimport { Popover, PopoverContent, PopoverTrigger } from '../popover'\nimport { Separator } from '../separator'\n\n/**\n * Variants for the multi-select component to handle different styles.\n * Uses class-variance-authority (cva) to define different styles based on \"variant\" prop.\n */\nconst multiSelectVariants = cva('mx-1', {\n\tvariants: {\n\t\tvariant: {\n\t\t\tdefault: 'border-foreground/10 text-foreground bg-card hover:bg-card/80',\n\t\t\tsecondary:\n\t\t\t\t'border-foreground/10 bg-secondary text-secondary-foreground hover:bg-secondary/80',\n\t\t\tdestructive:\n\t\t\t\t'border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80',\n\t\t\tinverted: 'inverted',\n\t\t},\n\t},\n\tdefaultVariants: {\n\t\tvariant: 'default',\n\t},\n})\n\n/**\n * Props for MultiSelect component\n */\ninterface MultiSelectProps\n\textends React.ButtonHTMLAttributes<HTMLButtonElement>,\n\t\tVariantProps<typeof multiSelectVariants> {\n\t/**\n\t * An array of option objects to be displayed in the multi-select component.\n\t * Each option object has a label, value, and an optional icon.\n\t */\n\toptions: {\n\t\t/** The text to display for the option. */\n\t\tlabel: string\n\t\t/** The unique value associated with the option. */\n\t\tvalue: string\n\t}[]\n\n\t/**\n\t * Callback function triggered when the selected values change.\n\t * Receives an array of the new selected values.\n\t */\n\tonValueChange: (value: string[]) => void\n\n\t/** The default selected values when the component mounts. */\n\tdefaultValue?: string[]\n\n\t/**\n\t * Placeholder text to be displayed when no values are selected.\n\t * Optional, defaults to \"Select options\".\n\t */\n\tplaceholder?: string\n\n\t/**\n\t * Maximum number of items to display. Extra selected items will be summarized.\n\t * Optional, defaults to 3.\n\t */\n\tmaxCount?: number\n\n\t/**\n\t * The modality of the popover. When set to true, interaction with outside elements\n\t * will be disabled and only popover content will be visible to screen readers.\n\t * Optional, defaults to false.\n\t */\n\tmodalPopover?: boolean\n\n\t/**\n\t * If true, renders the multi-select component as a child of another component.\n\t * Optional, defaults to false.\n\t */\n\tasChild?: boolean\n\n\t/**\n\t * Additional class names to apply custom styles to the multi-select component.\n\t * Optional, can be used to add custom styles.\n\t */\n\tclassName?: string\n}\n\nexport const MultiSelect = React.forwardRef<HTMLButtonElement, MultiSelectProps>(\n\t(\n\t\t{\n\t\t\toptions,\n\t\t\tonValueChange,\n\t\t\tvariant,\n\t\t\tdefaultValue = [],\n\t\t\tplaceholder = 'Select options',\n\t\t\tmaxCount = 3,\n\t\t\tmodalPopover = false,\n\t\t\tasChild = false,\n\t\t\tclassName,\n\t\t\t...props\n\t\t},\n\t\tref,\n\t) => {\n\t\tconst [selectedValues, setSelectedValues] = React.useState<string[]>(defaultValue)\n\t\tconst [isPopoverOpen, setIsPopoverOpen] = React.useState(false)\n\t\tconst [isAnimating, setIsAnimating] = React.useState(false)\n\n\t\tconst handleInputKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n\t\t\tif (event.key === 'Enter') {\n\t\t\t\tsetIsPopoverOpen(true)\n\t\t\t} else if (event.key === 'Backspace' && !event.currentTarget.value) {\n\t\t\t\tconst newSelectedValues = [...selectedValues]\n\t\t\t\tnewSelectedValues.pop()\n\t\t\t\tsetSelectedValues(newSelectedValues)\n\t\t\t\tonValueChange(newSelectedValues)\n\t\t\t}\n\t\t}\n\n\t\tconst toggleOption = (option: string) => {\n\t\t\tconst newSelectedValues = selectedValues.includes(option)\n\t\t\t\t? selectedValues.filter((value) => value !== option)\n\t\t\t\t: [...selectedValues, option]\n\t\t\tsetSelectedValues(newSelectedValues)\n\t\t\tonValueChange(newSelectedValues)\n\t\t}\n\n\t\tconst handleClear = () => {\n\t\t\tsetSelectedValues([])\n\t\t\tonValueChange([])\n\t\t}\n\n\t\tconst handleTogglePopover = () => {\n\t\t\tsetIsPopoverOpen((prev) => !prev)\n\t\t}\n\n\t\tconst clearExtraOptions = () => {\n\t\t\tconst newSelectedValues = selectedValues.slice(0, maxCount)\n\t\t\tsetSelectedValues(newSelectedValues)\n\t\t\tonValueChange(newSelectedValues)\n\t\t}\n\n\t\tconst toggleAll = () => {\n\t\t\tif (selectedValues.length === options.length) {\n\t\t\t\thandleClear()\n\t\t\t} else {\n\t\t\t\tconst allValues = options.map((option) => option.value)\n\t\t\t\tsetSelectedValues(allValues)\n\t\t\t\tonValueChange(allValues)\n\t\t\t}\n\t\t}\n\n\t\treturn (\n\t\t\t<Popover open={isPopoverOpen} onOpenChange={setIsPopoverOpen} modal={modalPopover}>\n\t\t\t\t<PopoverTrigger asChild>\n\t\t\t\t\t<Button\n\t\t\t\t\t\tref={ref}\n\t\t\t\t\t\t{...props}\n\t\t\t\t\t\tonClick={handleTogglePopover}\n\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t'flex w-full p-1 rounded-md border min-h-10 h-auto items-center justify-between bg-inherit hover:bg-inherit [&_svg]:pointer-events-auto',\n\t\t\t\t\t\t\tclassName,\n\t\t\t\t\t\t)}\n\t\t\t\t\t>\n\t\t\t\t\t\t{selectedValues.length > 0 ? (\n\t\t\t\t\t\t\t<div className=\"flex justify-between items-center w-full\">\n\t\t\t\t\t\t\t\t<div className=\"flex flex-wrap items-center\">\n\t\t\t\t\t\t\t\t\t{selectedValues.slice(0, maxCount).map((value) => {\n\t\t\t\t\t\t\t\t\t\tconst option = options.find((o) => o.value === value)\n\n\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t<Badge key={value} className={cn(multiSelectVariants({ variant }))}>\n\t\t\t\t\t\t\t\t\t\t\t\t{option?.label}\n\t\t\t\t\t\t\t\t\t\t\t\t<XCircle\n\t\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"ml-2 h-4 w-4 cursor-pointer\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tonClick={(event) => {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tevent.stopPropagation()\n\t\t\t\t\t\t\t\t\t\t\t\t\t\ttoggleOption(value)\n\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t</Badge>\n\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t\t{selectedValues.length > maxCount && (\n\t\t\t\t\t\t\t\t\t\t<Badge\n\t\t\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t\t\t'bg-transparent text-foreground border-foreground/1 hover:bg-transparent',\n\t\t\t\t\t\t\t\t\t\t\t\tmultiSelectVariants({ variant }),\n\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{`+ ${selectedValues.length - maxCount} more`}\n\t\t\t\t\t\t\t\t\t\t\t<XCircle\n\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"ml-2 h-4 w-4 cursor-pointer\"\n\t\t\t\t\t\t\t\t\t\t\t\tonClick={(event) => {\n\t\t\t\t\t\t\t\t\t\t\t\t\tevent.stopPropagation()\n\t\t\t\t\t\t\t\t\t\t\t\t\tclearExtraOptions()\n\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t</Badge>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<div className=\"flex items-center justify-between\">\n\t\t\t\t\t\t\t\t\t<XIcon\n\t\t\t\t\t\t\t\t\t\tclassName=\"h-4 mx-2 cursor-pointer text-muted-foreground\"\n\t\t\t\t\t\t\t\t\t\tonClick={(event) => {\n\t\t\t\t\t\t\t\t\t\t\tevent.stopPropagation()\n\t\t\t\t\t\t\t\t\t\t\thandleClear()\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t<Separator orientation=\"vertical\" className=\"flex min-h-6 h-full\" />\n\t\t\t\t\t\t\t\t\t<ChevronDown className=\"h-4 mx-2 cursor-pointer text-muted-foreground\" />\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<div className=\"flex items-center justify-between w-full mx-auto\">\n\t\t\t\t\t\t\t\t<span className=\"text-sm text-muted-foreground mx-3\">{placeholder}</span>\n\t\t\t\t\t\t\t\t<ChevronDown className=\"h-4 cursor-pointer text-muted-foreground mx-2\" />\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</Button>\n\t\t\t\t</PopoverTrigger>\n\t\t\t\t<PopoverContent\n\t\t\t\t\tclassName=\"w-auto p-0\"\n\t\t\t\t\talign=\"start\"\n\t\t\t\t\tonEscapeKeyDown={() => setIsPopoverOpen(false)}\n\t\t\t\t>\n\t\t\t\t\t<Command>\n\t\t\t\t\t\t<CommandInput placeholder=\"Search...\" onKeyDown={handleInputKeyDown} />\n\t\t\t\t\t\t<CommandList>\n\t\t\t\t\t\t\t<CommandEmpty>No results found.</CommandEmpty>\n\t\t\t\t\t\t\t<CommandGroup>\n\t\t\t\t\t\t\t\t<CommandItem key=\"all\" onSelect={toggleAll} className=\"cursor-pointer\">\n\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t\t'mr-2 flex h-4 w-4 items-center justify-center rounded-sm border border-primary',\n\t\t\t\t\t\t\t\t\t\t\tselectedValues.length === options.length\n\t\t\t\t\t\t\t\t\t\t\t\t? 'bg-primary text-primary-foreground'\n\t\t\t\t\t\t\t\t\t\t\t\t: 'opacity-50 [&_svg]:invisible',\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<CheckIcon className=\"h-4 w-4\" />\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t<span>(Select All)</span>\n\t\t\t\t\t\t\t\t</CommandItem>\n\t\t\t\t\t\t\t\t{options.map((option) => {\n\t\t\t\t\t\t\t\t\tconst isSelected = selectedValues.includes(option.value)\n\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t<CommandItem\n\t\t\t\t\t\t\t\t\t\t\tkey={option.value}\n\t\t\t\t\t\t\t\t\t\t\tonSelect={() => toggleOption(option.value)}\n\t\t\t\t\t\t\t\t\t\t\tclassName=\"cursor-pointer\"\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t\t\t\t'mr-2 flex h-4 w-4 items-center justify-center rounded-sm border border-primary',\n\t\t\t\t\t\t\t\t\t\t\t\t\tisSelected\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t? 'bg-primary text-primary-foreground'\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t: 'opacity-50 [&_svg]:invisible',\n\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t<CheckIcon className=\"h-4 w-4\" />\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t\t\t\t\t<span>{option.label}</span>\n\t\t\t\t\t\t\t\t\t\t</CommandItem>\n\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t</CommandGroup>\n\t\t\t\t\t\t\t<CommandSeparator />\n\t\t\t\t\t\t\t<CommandGroup>\n\t\t\t\t\t\t\t\t<div className=\"flex items-center justify-between\">\n\t\t\t\t\t\t\t\t\t{selectedValues.length > 0 && (\n\t\t\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t\t\t<CommandItem\n\t\t\t\t\t\t\t\t\t\t\t\tonSelect={handleClear}\n\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"flex-1 justify-center cursor-pointer\"\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\tClear\n\t\t\t\t\t\t\t\t\t\t\t</CommandItem>\n\t\t\t\t\t\t\t\t\t\t\t<Separator orientation=\"vertical\" className=\"flex min-h-6 h-full\" />\n\t\t\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t<CommandItem\n\t\t\t\t\t\t\t\t\t\tonSelect={() => setIsPopoverOpen(false)}\n\t\t\t\t\t\t\t\t\t\tclassName=\"flex-1 justify-center cursor-pointer max-w-full\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\tClose\n\t\t\t\t\t\t\t\t\t</CommandItem>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</CommandGroup>\n\t\t\t\t\t\t</CommandList>\n\t\t\t\t\t</Command>\n\t\t\t\t</PopoverContent>\n\t\t\t</Popover>\n\t\t)\n\t},\n)\n\nMultiSelect.displayName = 'MultiSelect'\n"],"names":["multiSelectVariants","cva","MultiSelect","React","options","onValueChange","variant","defaultValue","placeholder","maxCount","modalPopover","asChild","className","props","ref","selectedValues","setSelectedValues","isPopoverOpen","setIsPopoverOpen","isAnimating","setIsAnimating","handleInputKeyDown","event","newSelectedValues","toggleOption","option","value","handleClear","handleTogglePopover","prev","clearExtraOptions","toggleAll","allValues","Popover","jsx","PopoverTrigger","Button","cn","jsxs","o","Badge","XCircle","XIcon","Separator","ChevronDown","PopoverContent","Command","CommandInput","CommandList","CommandEmpty","CommandGroup","CommandItem","CheckIcon","isSelected","CommandSeparator","Fragment"],"mappings":"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"}

package/dist/components/multi-select/multi-select.stories.js

@@ -0,0 +1,2 @@
+import{j as r}from"../../assets/jsx-runtime-D_zvdyIk.js";import{useState as o}from"react";import{M as a}from"./multi-select.js";import{Turtle as m,Cat as i,Dog as l}from"lucide-react";import"class-variance-authority";import"../../lib/utils/cn.js";import"clsx";import"tailwind-merge";import"date-fns-tz";import"../badge/badge.js";import"../button/button.js";import"../../lib/utils/merge-objects.js";import"@radix-ui/react-slot";import"cva-extended";import"../button/button.types.js";import"../command/command.js";import"cmdk";import"../dialog/dialog.js";import"@radix-ui/react-dialog";import"../popover/popover.js";import"@radix-ui/react-popover";import"../separator/separator.js";import"@radix-ui/react-separator";const p=[{value:"react",label:"React",icon:m},{value:"angular",label:"Angular",icon:i},{value:"vue",label:"Vue",icon:l},{value:"svelte",label:"Svelte"},{value:"ember",label:"Ember"}],s=()=>{const[e,t]=o(["react","angular"]);return r.jsxs("div",{className:"max-w-96",children:[r.jsx(a,{options:p,onValueChange:t,defaultValue:e,placeholder:"Select frameworks",variant:"inverted",maxCount:3}),"Selected: ",e.join(", ")]})};s.bind({});
+//# sourceMappingURL=multi-select.stories.js.map

package/dist/components/multi-select/multi-select.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"multi-select.stories.js","sources":["../../../src/components/multi-select/multi-select.stories.tsx"],"sourcesContent":["// organize-imports-ignore\nimport React, { useState } from 'react'\nimport type { Meta, StoryObj } from '@storybook/react'\n\nimport { MultiSelect } from './multi-select'\nimport { Cat, Dog, Turtle } from 'lucide-react'\n\nconst meta: Meta<typeof MultiSelect> = {\n\tcomponent: MultiSelect,\n}\n\nexport default meta\ntype Story = StoryObj<typeof MultiSelect>\n\nconst frameworksList = [\n\t{ value: 'react', label: 'React', icon: Turtle },\n\t{ value: 'angular', label: 'Angular', icon: Cat },\n\t{ value: 'vue', label: 'Vue', icon: Dog },\n\t{ value: 'svelte', label: 'Svelte' },\n\t{ value: 'ember', label: 'Ember' },\n]\n\nconst Template = () => {\n\tconst [selectedFrameworks, setSelectedFrameworks] = useState<string[]>([\n\t\t'react',\n\t\t'angular',\n\t])\n\n\treturn (\n\t\t<div className=\"max-w-96\">\n\t\t\t<MultiSelect\n\t\t\t\toptions={frameworksList}\n\t\t\t\tonValueChange={setSelectedFrameworks}\n\t\t\t\tdefaultValue={selectedFrameworks}\n\t\t\t\tplaceholder=\"Select frameworks\"\n\t\t\t\tvariant=\"inverted\"\n\t\t\t\tmaxCount={3}\n\t\t\t/>\n\t\t\tSelected: {selectedFrameworks.join(', ')}\n\t\t</div>\n\t)\n}\n\nexport const Default: Story = {\n\trender: Template.bind({}),\n\targs: {},\n}\n"],"names":["frameworksList","Turtle","Cat","Dog","Template","selectedFrameworks","setSelectedFrameworks","useState","jsxs","jsx","MultiSelect"],"mappings":"0sBAcA,MAAMA,EAAiB,CACtB,CAAE,MAAO,QAAS,MAAO,QAAS,KAAMC,CAAO,EAC/C,CAAE,MAAO,UAAW,MAAO,UAAW,KAAMC,CAAI,EAChD,CAAE,MAAO,MAAO,MAAO,MAAO,KAAMC,CAAI,EACxC,CAAE,MAAO,SAAU,MAAO,QAAS,EACnC,CAAE,MAAO,QAAS,MAAO,OAAQ,CAClC,EAEMC,EAAW,IAAM,CACtB,KAAM,CAACC,EAAoBC,CAAqB,EAAIC,EAAmB,CACtE,QACA,SAAA,CACA,EAGA,OAAAC,EAAA,KAAC,MAAI,CAAA,UAAU,WACd,SAAA,CAAAC,EAAA,IAACC,EAAA,CACA,QAASV,EACT,cAAeM,EACf,aAAcD,EACd,YAAY,oBACZ,QAAQ,WACR,SAAU,CAAA,CACX,EAAE,aACSA,EAAmB,KAAK,IAAI,CAAA,EACxC,CAEF,EAGSD,EAAS,KAAK,EAAE"}

package/dist/components/navigation-menu/index.js

@@ -0,0 +1,2 @@
+import"./navigation-menu.js";import"../../assets/jsx-runtime-D_zvdyIk.js";import"react";import"@radix-ui/react-navigation-menu";import"class-variance-authority";import"lucide-react";import"../../lib/utils/cn.js";import"clsx";import"tailwind-merge";import"date-fns-tz";
+//# sourceMappingURL=index.js.map

package/dist/components/navigation-menu/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/navigation-menu/navigation-menu.d.ts

@@ -3,7 +3,7 @@ import * as NavigationMenuPrimitive from "@radix-ui/react-navigation-menu";
 declare const NavigationMenu: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuProps & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>>;
 declare const NavigationMenuList: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuListProps & React.RefAttributes<HTMLUListElement>, "ref"> & React.RefAttributes<HTMLUListElement>>;
 declare const NavigationMenuItem: React.ForwardRefExoticComponent<NavigationMenuPrimitive.NavigationMenuItemProps & React.RefAttributes<HTMLLIElement>>;
-declare const navigationMenuTriggerStyle: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;
+declare const navigationMenuTriggerStyle: (props?: import('class-variance-authority/dist/types').ClassProp | undefined) => string;
 declare const NavigationMenuTrigger: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 declare const NavigationMenuContent: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const NavigationMenuLink: React.ForwardRefExoticComponent<NavigationMenuPrimitive.NavigationMenuLinkProps & React.RefAttributes<HTMLAnchorElement>>;

package/dist/components/navigation-menu/navigation-menu.js

@@ -0,0 +1,2 @@
+import{j as i}from"../../assets/jsx-runtime-D_zvdyIk.js";import*as r from"react";import*as t from"@radix-ui/react-navigation-menu";import{cva as m}from"class-variance-authority";import{ChevronDown as l}from"lucide-react";import{c as n}from"../../lib/utils/cn.js";import"date-fns-tz";import"clsx";import"tailwind-merge";const c=r.forwardRef(({className:a,children:e,...o},s)=>i.jsxs(t.Root,{ref:s,className:n("relative z-10 flex max-w-max flex-1 items-center justify-center",a),...o,children:[e,i.jsx(d,{})]}));c.displayName=t.Root.displayName;const f=r.forwardRef(({className:a,...e},o)=>i.jsx(t.List,{ref:o,className:n("group flex flex-1 list-none items-center justify-center space-x-1",a),...e}));f.displayName=t.List.displayName;const M=t.Item,p=m("group inline-flex h-10 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus:outline-none disabled:pointer-events-none disabled:opacity-50 data-[active]:bg-accent/50 data-[state=open]:bg-accent/50"),u=r.forwardRef(({className:a,children:e,...o},s)=>i.jsxs(t.Trigger,{ref:s,className:n(p(),"group",a),...o,children:[e," ",i.jsx(l,{className:"relative top-[1px] ml-1 h-3 w-3 transition duration-200 group-data-[state=open]:rotate-180","aria-hidden":"true"})]}));u.displayName=t.Trigger.displayName;const g=r.forwardRef(({className:a,...e},o)=>i.jsx(t.Content,{ref:o,className:n("left-0 top-0 w-full data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 md:absolute md:w-auto ",a),...e}));g.displayName=t.Content.displayName;const R=t.Link,d=r.forwardRef(({className:a,...e},o)=>i.jsx("div",{className:n("absolute left-0 top-full flex justify-center"),children:i.jsx(t.Viewport,{className:n("origin-top-center relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 md:w-[var(--radix-navigation-menu-viewport-width)]",a),ref:o,...e})}));d.displayName=t.Viewport.displayName;const v=r.forwardRef(({className:a,...e},o)=>i.jsx(t.Indicator,{ref:o,className:n("top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden data-[state=visible]:animate-in data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:fade-in",a),...e,children:i.jsx("div",{className:"relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border shadow-md"})}));v.displayName=t.Indicator.displayName;export{c as N,f as a,M as b,u as c,g as d,R as e};
+//# sourceMappingURL=navigation-menu.js.map

package/dist/components/navigation-menu/navigation-menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigation-menu.js","sources":["../../../src/components/navigation-menu/navigation-menu.tsx"],"sourcesContent":["import * as React from \"react\"\nimport * as NavigationMenuPrimitive from \"@radix-ui/react-navigation-menu\"\nimport { cva } from \"class-variance-authority\"\nimport { ChevronDown } from \"lucide-react\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst NavigationMenu = React.forwardRef<\n  React.ElementRef<typeof NavigationMenuPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Root>\n>(({ className, children, ...props }, ref) => (\n  <NavigationMenuPrimitive.Root\n    ref={ref}\n    className={cn(\n      \"relative z-10 flex max-w-max flex-1 items-center justify-center\",\n      className\n    )}\n    {...props}\n  >\n    {children}\n    <NavigationMenuViewport />\n  </NavigationMenuPrimitive.Root>\n))\nNavigationMenu.displayName = NavigationMenuPrimitive.Root.displayName\n\nconst NavigationMenuList = React.forwardRef<\n  React.ElementRef<typeof NavigationMenuPrimitive.List>,\n  React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.List>\n>(({ className, ...props }, ref) => (\n  <NavigationMenuPrimitive.List\n    ref={ref}\n    className={cn(\n      \"group flex flex-1 list-none items-center justify-center space-x-1\",\n      className\n    )}\n    {...props}\n  />\n))\nNavigationMenuList.displayName = NavigationMenuPrimitive.List.displayName\n\nconst NavigationMenuItem = NavigationMenuPrimitive.Item\n\nconst navigationMenuTriggerStyle = cva(\n  \"group inline-flex h-10 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus:outline-none disabled:pointer-events-none disabled:opacity-50 data-[active]:bg-accent/50 data-[state=open]:bg-accent/50\"\n)\n\nconst NavigationMenuTrigger = React.forwardRef<\n  React.ElementRef<typeof NavigationMenuPrimitive.Trigger>,\n  React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Trigger>\n>(({ className, children, ...props }, ref) => (\n  <NavigationMenuPrimitive.Trigger\n    ref={ref}\n    className={cn(navigationMenuTriggerStyle(), \"group\", className)}\n    {...props}\n  >\n    {children}{\" \"}\n    <ChevronDown\n      className=\"relative top-[1px] ml-1 h-3 w-3 transition duration-200 group-data-[state=open]:rotate-180\"\n      aria-hidden=\"true\"\n    />\n  </NavigationMenuPrimitive.Trigger>\n))\nNavigationMenuTrigger.displayName = NavigationMenuPrimitive.Trigger.displayName\n\nconst NavigationMenuContent = React.forwardRef<\n  React.ElementRef<typeof NavigationMenuPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Content>\n>(({ className, ...props }, ref) => (\n  <NavigationMenuPrimitive.Content\n    ref={ref}\n    className={cn(\n      \"left-0 top-0 w-full data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 md:absolute md:w-auto \",\n      className\n    )}\n    {...props}\n  />\n))\nNavigationMenuContent.displayName = NavigationMenuPrimitive.Content.displayName\n\nconst NavigationMenuLink = NavigationMenuPrimitive.Link\n\nconst NavigationMenuViewport = React.forwardRef<\n  React.ElementRef<typeof NavigationMenuPrimitive.Viewport>,\n  React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Viewport>\n>(({ className, ...props }, ref) => (\n  <div className={cn(\"absolute left-0 top-full flex justify-center\")}>\n    <NavigationMenuPrimitive.Viewport\n      className={cn(\n        \"origin-top-center relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 md:w-[var(--radix-navigation-menu-viewport-width)]\",\n        className\n      )}\n      ref={ref}\n      {...props}\n    />\n  </div>\n))\nNavigationMenuViewport.displayName =\n  NavigationMenuPrimitive.Viewport.displayName\n\nconst NavigationMenuIndicator = React.forwardRef<\n  React.ElementRef<typeof NavigationMenuPrimitive.Indicator>,\n  React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Indicator>\n>(({ className, ...props }, ref) => (\n  <NavigationMenuPrimitive.Indicator\n    ref={ref}\n    className={cn(\n      \"top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden data-[state=visible]:animate-in data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:fade-in\",\n      className\n    )}\n    {...props}\n  >\n    <div className=\"relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border shadow-md\" />\n  </NavigationMenuPrimitive.Indicator>\n))\nNavigationMenuIndicator.displayName =\n  NavigationMenuPrimitive.Indicator.displayName\n\nexport {\n  navigationMenuTriggerStyle,\n  NavigationMenu,\n  NavigationMenuList,\n  NavigationMenuItem,\n  NavigationMenuContent,\n  NavigationMenuTrigger,\n  NavigationMenuLink,\n  NavigationMenuIndicator,\n  NavigationMenuViewport,\n}\n"],"names":["NavigationMenu","React","className","children","props","ref","jsxs","NavigationMenuPrimitive","cn","NavigationMenuViewport","NavigationMenuList","jsx","NavigationMenuItem","navigationMenuTriggerStyle","cva","NavigationMenuTrigger","ChevronDown","NavigationMenuContent","NavigationMenuLink","NavigationMenuIndicator"],"mappings":"+TAOM,MAAAA,EAAiBC,EAAM,WAG3B,CAAC,CAAE,UAAAC,EAAW,SAAAC,EAAU,GAAGC,GAASC,IACpCC,EAAA,KAACC,EAAwB,KAAxB,CACC,IAAAF,EACA,UAAWG,EACT,kEACAN,CACF,EACC,GAAGE,EAEH,SAAA,CAAAD,QACAM,EAAuB,CAAA,CAAA,CAAA,CAAA,CAC1B,CACD,EACDT,EAAe,YAAcO,EAAwB,KAAK,YAEpD,MAAAG,EAAqBT,EAAM,WAG/B,CAAC,CAAE,UAAAC,EAAW,GAAGE,CAAM,EAAGC,IAC1BM,EAAA,IAACJ,EAAwB,KAAxB,CACC,IAAAF,EACA,UAAWG,EACT,oEACAN,CACF,EACC,GAAGE,CAAA,CACN,CACD,EACDM,EAAmB,YAAcH,EAAwB,KAAK,YAE9D,MAAMK,EAAqBL,EAAwB,KAE7CM,EAA6BC,EACjC,2VACF,EAEMC,EAAwBd,EAAM,WAGlC,CAAC,CAAE,UAAAC,EAAW,SAAAC,EAAU,GAAGC,GAASC,IACpCC,EAAA,KAACC,EAAwB,QAAxB,CACC,IAAAF,EACA,UAAWG,EAAGK,IAA8B,QAASX,CAAS,EAC7D,GAAGE,EAEH,SAAA,CAAAD,EAAU,IACXQ,EAAA,IAACK,EAAA,CACC,UAAU,6FACV,cAAY,MAAA,CAAA,CACd,CAAA,CACF,CACD,EACDD,EAAsB,YAAcR,EAAwB,QAAQ,YAE9D,MAAAU,EAAwBhB,EAAM,WAGlC,CAAC,CAAE,UAAAC,EAAW,GAAGE,CAAM,EAAGC,IAC1BM,EAAA,IAACJ,EAAwB,QAAxB,CACC,IAAAF,EACA,UAAWG,EACT,yVACAN,CACF,EACC,GAAGE,CAAA,CACN,CACD,EACDa,EAAsB,YAAcV,EAAwB,QAAQ,YAEpE,MAAMW,EAAqBX,EAAwB,KAE7CE,EAAyBR,EAAM,WAGnC,CAAC,CAAE,UAAAC,EAAW,GAAGE,GAASC,IACzBM,EAAAA,IAAA,MAAA,CAAI,UAAWH,EAAG,8CAA8C,EAC/D,SAAAG,EAAA,IAACJ,EAAwB,SAAxB,CACC,UAAWC,EACT,wVACAN,CACF,EACA,IAAAG,EACC,GAAGD,CAAA,CACN,CAAA,CACF,CACD,EACDK,EAAuB,YACrBF,EAAwB,SAAS,YAEnC,MAAMY,EAA0BlB,EAAM,WAGpC,CAAC,CAAE,UAAAC,EAAW,GAAGE,CAAM,EAAGC,IAC1BM,EAAA,IAACJ,EAAwB,UAAxB,CACC,IAAAF,EACA,UAAWG,EACT,+LACAN,CACF,EACC,GAAGE,EAEJ,SAAAO,EAAAA,IAAC,MAAI,CAAA,UAAU,wEAAyE,CAAA,CAAA,CAC1F,CACD,EACDQ,EAAwB,YACtBZ,EAAwB,UAAU"}

package/dist/components/navigation-menu/navigation-menu.stories.js

@@ -0,0 +1,2 @@
+import{j as i}from"../../assets/jsx-runtime-D_zvdyIk.js";import{N as e,a as t,b as n,c as a,d as o,e as r}from"./navigation-menu.js";import"react";import"@radix-ui/react-navigation-menu";import"class-variance-authority";import"lucide-react";import"../../lib/utils/cn.js";import"clsx";import"tailwind-merge";import"date-fns-tz";const s=()=>i.jsx(e,{children:i.jsxs(t,{children:[i.jsxs(n,{children:[i.jsx(a,{children:"Item One"}),i.jsx(o,{children:i.jsx(r,{children:"Link"})})]}),i.jsx(n,{children:i.jsx(r,{children:"Link"})})]})});s.bind({});
+//# sourceMappingURL=navigation-menu.stories.js.map

package/dist/components/navigation-menu/navigation-menu.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigation-menu.stories.js","sources":["../../../src/components/navigation-menu/navigation-menu.stories.tsx"],"sourcesContent":["// organize-imports-ignore\nimport React from 'react'\nimport type { Meta, StoryObj } from '@storybook/react'\n\nimport {\n\tNavigationMenu,\n\tNavigationMenuContent,\n\tNavigationMenuItem,\n\tNavigationMenuLink,\n\tNavigationMenuList,\n\tNavigationMenuTrigger,\n} from './navigation-menu'\n\nconst meta: Meta<typeof NavigationMenu> = {\n\tcomponent: NavigationMenu,\n}\n\nexport default meta\ntype Story = StoryObj<typeof NavigationMenu>\n\nconst Template = () => {\n\treturn (\n\t\t<NavigationMenu>\n\t\t\t<NavigationMenuList>\n\t\t\t\t<NavigationMenuItem>\n\t\t\t\t\t<NavigationMenuTrigger>Item One</NavigationMenuTrigger>\n\t\t\t\t\t<NavigationMenuContent>\n\t\t\t\t\t\t<NavigationMenuLink>Link</NavigationMenuLink>\n\t\t\t\t\t</NavigationMenuContent>\n\t\t\t\t</NavigationMenuItem>\n\t\t\t\t<NavigationMenuItem>\n\t\t\t\t\t<NavigationMenuLink>Link</NavigationMenuLink>\n\t\t\t\t</NavigationMenuItem>\n\t\t\t</NavigationMenuList>\n\t\t</NavigationMenu>\n\t)\n}\n\nexport const Default: Story = {\n\trender: Template.bind({}),\n\targs: {},\n}\n"],"names":["Template","jsx","NavigationMenu","jsxs","NavigationMenuList","NavigationMenuItem","NavigationMenuTrigger","NavigationMenuContent","NavigationMenuLink"],"mappings":"uUAoBA,MAAMA,EAAW,IAEfC,EAAAA,IAACC,EACA,CAAA,SAAAC,EAAAA,KAACC,EACA,CAAA,SAAA,CAAAD,OAACE,EACA,CAAA,SAAA,CAAAJ,EAAAA,IAACK,GAAsB,SAAQ,UAAA,CAAA,EAC9BL,MAAAM,EAAA,CACA,SAACN,EAAAA,IAAAO,EAAA,CAAmB,gBAAI,CACzB,CAAA,CAAA,EACD,EACCP,MAAAI,EAAA,CACA,SAACJ,EAAAA,IAAAO,EAAA,CAAmB,gBAAI,CACzB,CAAA,CAAA,CAAA,CACD,CACD,CAAA,EAKOR,EAAS,KAAK,EAAE"}

package/dist/components/pagination/index.js

@@ -0,0 +1,2 @@
+import"./pagination.js";import"../../assets/jsx-runtime-D_zvdyIk.js";import"../../lib/utils/cn.js";import"clsx";import"tailwind-merge";import"date-fns-tz";import"lucide-react";import"react";import"../button/button.js";import"../../lib/utils/merge-objects.js";import"@radix-ui/react-slot";import"cva-extended";import"../button/button.types.js";
+//# sourceMappingURL=index.js.map

package/dist/components/pagination/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/pagination/pagination.d.ts

@@ -1,5 +1,5 @@
-import * as React from 'react';
 import { ButtonProps } from '../button';
+import * as React from 'react';
 declare const Pagination: {
     ({ className, ...props }: React.ComponentProps<"nav">): import("react/jsx-runtime").JSX.Element;
     displayName: string;

package/dist/components/pagination/pagination.js

@@ -0,0 +1,2 @@
+import{j as e}from"../../assets/jsx-runtime-D_zvdyIk.js";import{c as s}from"../../lib/utils/cn.js";import"date-fns-tz";import{ChevronLeft as l,MoreHorizontal as m,ChevronRight as c}from"lucide-react";import*as r from"react";import{B as p}from"../button/button.js";import{b as g}from"../button/button.types.js";import"clsx";import"tailwind-merge";import"../../lib/utils/merge-objects.js";import"@radix-ui/react-slot";import"cva-extended";const d=({className:i,...a})=>e.jsx("nav",{role:"navigation","aria-label":"pagination",className:s("mx-auto flex w-full justify-center",i),...a});d.displayName="Pagination";const x=r.forwardRef(({className:i,...a},n)=>e.jsx("ul",{ref:n,className:s("flex flex-row items-center gap-1",i),...a}));x.displayName="PaginationContent";const f=r.forwardRef(({className:i,...a},n)=>e.jsx("li",{ref:n,className:s("",i),...a}));f.displayName="PaginationItem";const t=({className:i,isActive:a,size:n="icon",...o})=>e.jsx(p,{"aria-current":a?"page":void 0,className:s(g({variant:a?"default":"outline",rounded:!1,size:n}),a?"text-primary-foreground":"text-foreground",i),...o,children:o.children});t.displayName="PaginationLink";const N=({className:i,...a})=>e.jsx(t,{"aria-label":"Previous page",className:s("gap-1",i),...a,children:e.jsx(l,{className:"h-4 w-4"})});N.displayName="PaginationPrevious";const u=({className:i,...a})=>e.jsx(t,{"aria-label":"Next page",className:s("gap-1",i),...a,children:e.jsx(c,{className:"h-4 w-4"})});u.displayName="PaginationNext";const P=({className:i,...a})=>e.jsxs("span",{"aria-hidden":!0,className:s("flex h-9 w-9 items-center justify-center",i),...a,children:[e.jsx(m,{className:"h-4 w-4"}),e.jsx("span",{className:"sr-only",children:"More pages"})]});P.displayName="PaginationEllipsis";export{d as P,x as a,f as b,N as c,t as d,P as e,u as f};
+//# sourceMappingURL=pagination.js.map

package/dist/components/pagination/pagination.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination.js","sources":["../../../src/components/pagination/pagination.tsx"],"sourcesContent":["import { cn } from '@/lib/utils'\nimport { ChevronLeft, ChevronRight, MoreHorizontal } from 'lucide-react'\nimport * as React from 'react'\nimport { Button, ButtonProps, buttonVariants } from '../button'\n\nconst Pagination = ({ className, ...props }: React.ComponentProps<'nav'>) => (\n\t<nav\n\t\trole=\"navigation\"\n\t\taria-label=\"pagination\"\n\t\tclassName={cn('mx-auto flex w-full justify-center', className)}\n\t\t{...props}\n\t/>\n)\nPagination.displayName = 'Pagination'\n\nconst PaginationContent = React.forwardRef<HTMLUListElement, React.ComponentProps<'ul'>>(\n\t({ className, ...props }, ref) => (\n\t\t<ul\n\t\t\tref={ref}\n\t\t\tclassName={cn('flex flex-row items-center gap-1', className)}\n\t\t\t{...props}\n\t\t/>\n\t),\n)\nPaginationContent.displayName = 'PaginationContent'\n\nconst PaginationItem = React.forwardRef<HTMLLIElement, React.ComponentProps<'li'>>(\n\t({ className, ...props }, ref) => (\n\t\t<li ref={ref} className={cn('', className)} {...props} />\n\t),\n)\nPaginationItem.displayName = 'PaginationItem'\n\ntype PaginationLinkProps = {\n\tisActive?: boolean\n} & ButtonProps\n\nconst PaginationLink = ({\n\tclassName,\n\tisActive,\n\tsize = 'icon',\n\t...props\n}: PaginationLinkProps) => (\n\t<Button\n\t\taria-current={isActive ? 'page' : undefined}\n\t\tclassName={cn(\n\t\t\tbuttonVariants({\n\t\t\t\tvariant: isActive ? 'default' : 'outline',\n\t\t\t\trounded: false,\n\t\t\t\tsize,\n\t\t\t}),\n\t\t\tisActive ? 'text-primary-foreground' : 'text-foreground',\n\t\t\tclassName,\n\t\t)}\n\t\t{...props}\n\t>\n\t\t{props.children}\n\t</Button>\n)\nPaginationLink.displayName = 'PaginationLink'\n\nconst PaginationPrevious = ({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof PaginationLink>) => (\n\t<PaginationLink\n\t\taria-label=\"Previous page\"\n\t\tclassName={cn('gap-1', className)}\n\t\t{...props}\n\t>\n\t\t<ChevronLeft className=\"h-4 w-4\" />\n\t</PaginationLink>\n)\nPaginationPrevious.displayName = 'PaginationPrevious'\n\nconst PaginationNext = ({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof PaginationLink>) => (\n\t<PaginationLink aria-label=\"Next page\" className={cn('gap-1', className)} {...props}>\n\t\t<ChevronRight className=\"h-4 w-4\" />\n\t</PaginationLink>\n)\nPaginationNext.displayName = 'PaginationNext'\n\nconst PaginationEllipsis = ({ className, ...props }: React.ComponentProps<'span'>) => (\n\t<span\n\t\taria-hidden\n\t\tclassName={cn('flex h-9 w-9 items-center justify-center', className)}\n\t\t{...props}\n\t>\n\t\t<MoreHorizontal className=\"h-4 w-4\" />\n\t\t<span className=\"sr-only\">More pages</span>\n\t</span>\n)\nPaginationEllipsis.displayName = 'PaginationEllipsis'\n\nexport {\n\tPagination,\n\tPaginationContent,\n\tPaginationEllipsis,\n\tPaginationItem,\n\tPaginationLink,\n\tPaginationNext,\n\tPaginationPrevious,\n}\n"],"names":["Pagination","className","props","jsx","cn","PaginationContent","React","ref","PaginationItem","PaginationLink","isActive","size","Button","buttonVariants","PaginationPrevious","ChevronLeft","PaginationNext","ChevronRight","PaginationEllipsis","jsxs","MoreHorizontal"],"mappings":"qbAKA,MAAMA,EAAa,CAAC,CAAE,UAAAC,EAAW,GAAGC,CACnC,IAAAC,EAAA,IAAC,MAAA,CACA,KAAK,aACL,aAAW,aACX,UAAWC,EAAG,qCAAsCH,CAAS,EAC5D,GAAGC,CAAA,CACL,EAEDF,EAAW,YAAc,aAEzB,MAAMK,EAAoBC,EAAM,WAC/B,CAAC,CAAE,UAAAL,EAAW,GAAGC,GAASK,IACzBJ,EAAA,IAAC,KAAA,CACA,IAAAI,EACA,UAAWH,EAAG,mCAAoCH,CAAS,EAC1D,GAAGC,CAAA,CAAA,CAGP,EACAG,EAAkB,YAAc,oBAEhC,MAAMG,EAAiBF,EAAM,WAC5B,CAAC,CAAE,UAAAL,EAAW,GAAGC,GAASK,IACzBJ,EAAA,IAAC,KAAG,CAAA,IAAAI,EAAU,UAAWH,EAAG,GAAIH,CAAS,EAAI,GAAGC,CAAO,CAAA,CAEzD,EACAM,EAAe,YAAc,iBAM7B,MAAMC,EAAiB,CAAC,CACvB,UAAAR,EACA,SAAAS,EACA,KAAAC,EAAO,OACP,GAAGT,CACJ,IACCC,EAAA,IAACS,EAAA,CACA,eAAcF,EAAW,OAAS,OAClC,UAAWN,EACVS,EAAe,CACd,QAASH,EAAW,UAAY,UAChC,QAAS,GACT,KAAAC,CAAA,CACA,EACDD,EAAW,0BAA4B,kBACvCT,CACD,EACC,GAAGC,EAEH,SAAMA,EAAA,QAAA,CACR,EAEDO,EAAe,YAAc,iBAE7B,MAAMK,EAAqB,CAAC,CAC3B,UAAAb,EACA,GAAGC,CACJ,IACCC,EAAA,IAACM,EAAA,CACA,aAAW,gBACX,UAAWL,EAAG,QAASH,CAAS,EAC/B,GAAGC,EAEJ,SAAAC,EAAAA,IAACY,EAAY,CAAA,UAAU,SAAU,CAAA,CAAA,CAClC,EAEDD,EAAmB,YAAc,qBAEjC,MAAME,EAAiB,CAAC,CACvB,UAAAf,EACA,GAAGC,CACJ,IACEC,EAAAA,IAAAM,EAAA,CAAe,aAAW,YAAY,UAAWL,EAAG,QAASH,CAAS,EAAI,GAAGC,EAC7E,SAAAC,EAAA,IAACc,EAAa,CAAA,UAAU,UAAU,CACnC,CAAA,EAEDD,EAAe,YAAc,iBAE7B,MAAME,EAAqB,CAAC,CAAE,UAAAjB,EAAW,GAAGC,CAC3C,IAAAiB,EAAA,KAAC,OAAA,CACA,cAAW,GACX,UAAWf,EAAG,2CAA4CH,CAAS,EAClE,GAAGC,EAEJ,SAAA,CAACC,EAAAA,IAAAiB,EAAA,CAAe,UAAU,SAAU,CAAA,EACnCjB,EAAA,IAAA,OAAA,CAAK,UAAU,UAAU,SAAU,YAAA,CAAA,CAAA,CAAA,CACrC,EAEDe,EAAmB,YAAc"}

package/dist/components/pagination/pagination.stories.js

@@ -0,0 +1,2 @@
+import{j as i}from"../../assets/jsx-runtime-D_zvdyIk.js";import{P as t,a as s,b as n,c as o,d as r,e as a,f as e}from"./pagination.js";import"../../lib/utils/cn.js";import"clsx";import"tailwind-merge";import"date-fns-tz";import"lucide-react";import"react";import"../button/button.js";import"../../lib/utils/merge-objects.js";import"@radix-ui/react-slot";import"cva-extended";import"../button/button.types.js";const m=()=>i.jsx(t,{children:i.jsxs(s,{children:[i.jsx(n,{children:i.jsx(o,{})}),i.jsx(n,{children:i.jsx(r,{children:"1"})}),i.jsx(n,{children:i.jsx(r,{isActive:!0,children:"2"})}),i.jsx(n,{children:i.jsx(r,{children:"3"})}),i.jsx(n,{children:i.jsx(a,{})}),i.jsx(n,{children:i.jsx(e,{})})]})});m.bind({});
+//# sourceMappingURL=pagination.stories.js.map

package/dist/components/pagination/pagination.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination.stories.js","sources":["../../../src/components/pagination/pagination.stories.tsx"],"sourcesContent":["// organize-imports-ignore\nimport React from 'react'\nimport type { Meta, StoryObj } from '@storybook/react'\n\nimport {\n\tPagination,\n\tPaginationContent,\n\tPaginationEllipsis,\n\tPaginationItem,\n\tPaginationLink,\n\tPaginationNext,\n\tPaginationPrevious,\n} from './pagination'\n\nconst meta: Meta<typeof Pagination> = {\n\tcomponent: Pagination,\n}\n\nexport default meta\ntype Story = StoryObj<typeof Pagination>\n\nconst Template = () => {\n\treturn (\n\t\t<Pagination>\n\t\t\t<PaginationContent>\n\t\t\t\t<PaginationItem>\n\t\t\t\t\t<PaginationPrevious />\n\t\t\t\t</PaginationItem>\n\t\t\t\t<PaginationItem>\n\t\t\t\t\t<PaginationLink>1</PaginationLink>\n\t\t\t\t</PaginationItem>\n\t\t\t\t<PaginationItem>\n\t\t\t\t\t<PaginationLink isActive>2</PaginationLink>\n\t\t\t\t</PaginationItem>\n\t\t\t\t<PaginationItem>\n\t\t\t\t\t<PaginationLink>3</PaginationLink>\n\t\t\t\t</PaginationItem>\n\t\t\t\t<PaginationItem>\n\t\t\t\t\t<PaginationEllipsis />\n\t\t\t\t</PaginationItem>\n\t\t\t\t<PaginationItem>\n\t\t\t\t\t<PaginationNext />\n\t\t\t\t</PaginationItem>\n\t\t\t</PaginationContent>\n\t\t</Pagination>\n\t)\n}\n\nexport const Default: Story = {\n\trender: Template.bind({}),\n\targs: {},\n}\n"],"names":["Template","jsx","Pagination","jsxs","PaginationContent","PaginationItem","PaginationPrevious","PaginationLink","PaginationEllipsis","PaginationNext"],"mappings":"yZAqBA,MAAMA,EAAW,IAEfC,EAAAA,IAACC,EACA,CAAA,SAAAC,EAAAA,KAACC,EACA,CAAA,SAAA,CAACH,EAAA,IAAAI,EAAA,CACA,SAACJ,EAAA,IAAAK,EAAA,CAAmB,CAAA,EACrB,EACCL,MAAAI,EAAA,CACA,SAACJ,EAAA,IAAAM,EAAA,CAAe,YAAC,CAAA,EAClB,QACCF,EACA,CAAA,SAAAJ,EAAA,IAACM,GAAe,SAAQ,GAAC,aAAC,CAC3B,CAAA,EACCN,MAAAI,EAAA,CACA,SAACJ,EAAA,IAAAM,EAAA,CAAe,YAAC,CAAA,EAClB,EACCN,EAAA,IAAAI,EAAA,CACA,SAACJ,EAAA,IAAAO,EAAA,CAAmB,CAAA,EACrB,EACCP,EAAA,IAAAI,EAAA,CACA,SAACJ,EAAAA,IAAAQ,EAAA,CAAA,CAAe,CACjB,CAAA,CAAA,CAAA,CACD,CACD,CAAA,EAKOT,EAAS,KAAK,EAAE"}

package/dist/components/password-input/index.js

@@ -0,0 +1,2 @@
+import"./password-input.js";import"../../assets/jsx-runtime-D_zvdyIk.js";import"lucide-react";import"react";import"../button/button.js";import"../../lib/utils/cn.js";import"clsx";import"tailwind-merge";import"date-fns-tz";import"../../lib/utils/merge-objects.js";import"@radix-ui/react-slot";import"cva-extended";import"../button/button.types.js";import"../input/input.js";import"class-variance-authority";import"../progress/progress.js";import"@radix-ui/react-progress";
+//# sourceMappingURL=index.js.map

package/dist/components/password-input/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/password-input/password-input.js

@@ -0,0 +1,2 @@
+import{j as t}from"../../assets/jsx-runtime-D_zvdyIk.js";import{EyeOff as y,Eye as N}from"lucide-react";import{useState as l}from"react";import{B as P}from"../button/button.js";import{I as b}from"../input/input.js";import{P as S}from"../progress/progress.js";import"../../lib/utils/cn.js";import"clsx";import"tailwind-merge";import"date-fns-tz";import"../../lib/utils/merge-objects.js";import"@radix-ui/react-slot";import"cva-extended";import"../button/button.types.js";import"class-variance-authority";import"@radix-ui/react-progress";function $(a){const{showStrengthMeter:m=!0,className:c,strengthLabels:r={veryWeak:"Very weak",weak:"Weak",medium:"Medium",strong:"Strong",veryStrong:"Very strong"},showPasswordLabel:h="Show password",hidePasswordLabel:u="Hide password",strengthTitle:d="Password strength",...f}=a,[n,g]=l(""),[o,w]=l(!1),p=e=>{let s=0;return e.length>=8&&(s+=25),e.match(/[a-z]/)&&(s+=25),e.match(/[A-Z]/)&&(s+=25),e.match(/[0-9]/)&&(s+=25),s},x=e=>e===0?r.veryWeak:e<=25?r.weak:e<=50?r.medium:e<=75?r.strong:r.veryStrong,i=p(n),j=x(i),v=e=>{var s;g(e.target.value),(s=a.onChange)==null||s.call(a,e)};return t.jsxs("div",{className:"w-full space-y-4",children:[t.jsxs("div",{className:"relative",children:[t.jsx(b,{...f,type:o?"text":"password",value:n,onChange:v,className:`pr-10 ${c||""}`}),t.jsx(P,{type:"button",variant:"ghost",size:"icon",className:"absolute right-0 top-0 h-full",onClick:()=>w(!o),"aria-label":o?u:h,children:o?t.jsx(y,{className:"h-4 w-4"}):t.jsx(N,{className:"h-4 w-4"})})]}),m&&t.jsxs("div",{className:"space-y-2",children:[t.jsxs("div",{className:"flex justify-between text-sm",children:[t.jsxs("span",{children:[d,":"]}),t.jsx("span",{children:j})]}),t.jsx(S,{value:i,className:"h-2"})]})]})}export{$ as P};
+//# sourceMappingURL=password-input.js.map