@solace-health/ui 0.10.670 → 0.10.671

package/README.md

@@ -1,6 +1,6 @@
 <p align="center">
   <a href="https://solace.health" target="_blank" align="center">
-    <img src="https://app.solace.health/static/icons/apple-touch-icon.png" width="200">
+    <img width="200" alt="solace" src="https://github.com/user-attachments/assets/595c7bb2-336a-4ac4-81f4-c834c1165dc9" />
   </a>
   <br />
 </p>
@@ -102,11 +102,18 @@ Please refer to the [Shadcn docs](https://ui.shadcn.com/docs/components) to add
 
 ### V2 Component Requirements on the Consumer Apps
 
+V2 Components are our current standard to develop all features at Solace. Non V2 component should be considered deprecated, with the exception of [Illustrations](https://solace-health.github.io/solace-health-ui/?path=/docs/general-illustration--docs).
+
 To use the V2 components, consumer apps must install [tailwindcss](https://tailwindcss.com/docs/installation/using-vite), include the `tailwindTheme.css` file provided by this repo, and configure tailwind to scan the source files of `@solace-health/ui` in their `node_modules` directory.
 
-E.g. for `@solace-health/ui`, in the `globals.css` file:
+E.g. in the health app's `globals.css` file:
 
 ```css
 @source "../../node_modules/@solace-health/ui/dist";
 @import "@solace-health/ui/tailwindTheme.css";
+@import "@solace-health/ui/mdxEditorTheme.css";
 ```
+
+## Design System
+
+To read more about our design system, go [here](https://app.notion.com/p/findsolace/Solace-Design-System-36e9601d59a9806d923df8f8a3f3650e).

package/dist/chunk-2DLCWPKO.cjs

@@ -0,0 +1,27 @@
+'use strict';var chunkIRMVTSQ3_cjs=require('./chunk-IRMVTSQ3.cjs'),chunkQRO22BPZ_cjs=require('./chunk-QRO22BPZ.cjs'),u=require('react'),classVarianceAuthority=require('class-variance-authority'),hi2=require('react-icons/hi2'),lu=require('react-icons/lu'),jsxRuntime=require('react/jsx-runtime');function _interopNamespace(e){if(e&&e.__esModule)return e;var n=Object.create(null);if(e){Object.keys(e).forEach(function(k){if(k!=='default'){var d=Object.getOwnPropertyDescriptor(e,k);Object.defineProperty(n,k,d.get?d:{enumerable:true,get:function(){return e[k]}});}})}n.default=e;return Object.freeze(n)}var u__namespace=/*#__PURE__*/_interopNamespace(u);var _=classVarianceAuthority.cva(`
+    flex items-center h-12 w-full min-w-0 rounded-md border bg-white px-3 py-3 text-base transition-all outline-none
+    dark:bg-input/30 border-input shadow-xs
+    placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground
+    file:inline-flex file:h-6 file:mr-2 file:border-0  file:text-foreground
+    disabled:cursor-not-allowed disabled:opacity-50 disabled:pointer-events-none disabled:bg-gray-200
+    focus-visible:ring-ring/50 focus-visible:ring-[3px]    
+  `,{variants:{variant:{default:`
+          hover:enabled:border-dark-green 
+          focus:enabled:border-dark-green
+          focus:enabled:shadow-green-300
+          focus-within:shadow
+          focus-within:shadow-green-300
+          focus-visible:border-dark-green   
+        `,invalid:`
+          border-destructive
+          hover:border-destructive
+          focus:border-destructive
+          focus:shadow-red-100
+          focus-within:shadow
+          focus-within:shadow-red-100
+          focus-visible:border-destructive
+          aria-invalid:ring-destructive/20
+          dark:aria-invalid:ring-destructive/40
+          aria-invalid:border-destructive 
+        `,search:"pr-8 [&::-webkit-search-cancel-button]:appearance-none [&::-webkit-search-cancel-button]:display-none",currency:"pl-5"}},defaultVariants:{variant:"default"}}),$={default:{inputType:"text",mask:l=>l},phone:{inputType:"tel",mask:chunkIRMVTSQ3_cjs.a},"positive-integer":{inputType:"text",inputMode:"numeric",mask:chunkIRMVTSQ3_cjs.b}},j=u__namespace.forwardRef(({className:l,variant:r,type:T,wrapperClassName:C=void 0,label:o,helperText:f,charLength:c,value:t,defaultValue:M,onChange:b,id:F,labelProps:L,format:p="default",...g},E)=>{let i=$[p],a=p!=="default",v=a?i.inputType:T,P=a?i.inputMode:void 0,[m,h]=u.useState(()=>{let e=t??M??"";return i.mask(e)}),y=F||u__namespace.useId(),V=t!==void 0?t:m,w=(()=>{if(t!==void 0)return V;if(a)return m})(),x=String(w??"").length>0,H=String(w??"").length,K=t!==void 0?{value:i.mask(t)}:a?{value:m}:{};u.useEffect(()=>{a&&t!==void 0&&h(i.mask(t));},[t,p]);let k=e=>{if(a){let I=i.mask(e.target.value);h(I),b?.({...e,target:{...e.target,value:I}});}else b?.(e);},A=e=>{if(a){if(e.metaKey||e.ctrlKey)return;!/[0-9/]/.test(e.key)&&!["Backspace","Delete","ArrowLeft","ArrowRight","Tab"].includes(e.key)&&e.preventDefault();}g.onKeyDown?.(e);};return jsxRuntime.jsxs("div",{className:chunkQRO22BPZ_cjs.a("relative w-full",C),children:[o&&(typeof o=="string"?jsxRuntime.jsx("label",{htmlFor:y,className:"header-xs text-primary mb-2 block font-bold",...L,children:o}):o),jsxRuntime.jsxs("div",{className:"relative",children:[jsxRuntime.jsx("input",{ref:E,id:y,type:v,inputMode:P,"data-slot":"input",className:chunkQRO22BPZ_cjs.a(_({variant:r}),l),onChange:k,onKeyDown:A,...K,...g}),r==="invalid"&&jsxRuntime.jsx(hi2.HiOutlineExclamationCircle,{size:"1.5rem",className:"text-destructive pointer-events-none absolute top-3 right-2"}),r==="search"&&!x&&jsxRuntime.jsx(lu.LuSearch,{size:"1.25rem",className:"pointer-events-none absolute top-3.5 right-3 text-black"}),r==="search"&&x&&jsxRuntime.jsx(lu.LuX,{size:"1.25rem",className:"absolute top-3.5 right-3 cursor-pointer text-black","aria-label":"Clear search",role:"button",onClick:()=>{k?.({target:{value:""}});}}),r==="currency"&&jsxRuntime.jsx("span",{className:"text-muted-foreground pointer-events-none absolute top-[50%] left-2.5 -translate-y-1/2",children:"$"}),v==="time"&&jsxRuntime.jsx(lu.LuClock4,{size:"1.25rem",className:"text-muted-foreground pointer-events-none absolute top-3.5 right-3"})]}),(f||c)&&jsxRuntime.jsxs("div",{className:"mt-2 flex items-center justify-between",children:[jsxRuntime.jsx("span",{className:chunkQRO22BPZ_cjs.a("text-sm",r==="invalid"?"text-destructive":"text-secondary"),children:f||""}),c&&jsxRuntime.jsxs("span",{className:chunkQRO22BPZ_cjs.a("text-sm",r==="invalid"?"text-destructive":"text-secondary"),children:[H,"/",c]})]})]})});j.displayName="Input";exports.a=_;exports.b=j;//# sourceMappingURL=chunk-2DLCWPKO.cjs.map
+//# sourceMappingURL=chunk-2DLCWPKO.cjs.map

package/dist/chunk-2DLCWPKO.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/v2/input/input.tsx"],"names":["inputVariants","cva","FORMAT_CONFIGS","value","maskPhone","maskPositiveInteger","Input","u","className","variant","passedType","wrapperClassName","label","helperText","charLength","defaultValue","onChange","id","labelProps","format","props","ref","formatConfig","isFormatted","type","inputMode","internalValue","setInternalValue","useState","initial","inputId","currentValue","displayValue","hasValue","currentLength","valueProps","useEffect","handleChange","formatted","handleKeyDown","jsxs","cn","jsx","HiOutlineExclamationCircle","LuSearch","LuX","LuClock4"],"mappings":"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","file":"chunk-2DLCWPKO.cjs","sourcesContent":["import * as React from 'react';\nimport { ForwardedRef, useEffect, useState } from 'react';\nimport { cva, VariantProps } from 'class-variance-authority';\nimport { HiOutlineExclamationCircle } from 'react-icons/hi2';\nimport { LuClock4, LuSearch, LuX } from 'react-icons/lu';\n\nimport { cn } from '@/lib/utils';\nimport { maskPhone, maskPositiveInteger } from './formatters';\n\nconst inputVariants = cva(\n  `\n    flex items-center h-12 w-full min-w-0 rounded-md border bg-white px-3 py-3 text-base transition-all outline-none\n    dark:bg-input/30 border-input shadow-xs\n    placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground\n    file:inline-flex file:h-6 file:mr-2 file:border-0  file:text-foreground\n    disabled:cursor-not-allowed disabled:opacity-50 disabled:pointer-events-none disabled:bg-gray-200\n    focus-visible:ring-ring/50 focus-visible:ring-[3px]    \n  `,\n  {\n    variants: {\n      variant: {\n        default: `\n          hover:enabled:border-dark-green \n          focus:enabled:border-dark-green\n          focus:enabled:shadow-green-300\n          focus-within:shadow\n          focus-within:shadow-green-300\n          focus-visible:border-dark-green   \n        `,\n        invalid: `\n          border-destructive\n          hover:border-destructive\n          focus:border-destructive\n          focus:shadow-red-100\n          focus-within:shadow\n          focus-within:shadow-red-100\n          focus-visible:border-destructive\n          aria-invalid:ring-destructive/20\n          dark:aria-invalid:ring-destructive/40\n          aria-invalid:border-destructive \n        `,\n        // Hide chrome default search clear button with ::-webkit-search-cancel-button\n        search:\n          'pr-8 [&::-webkit-search-cancel-button]:appearance-none [&::-webkit-search-cancel-button]:display-none',\n        currency: 'pl-5',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  },\n);\n\ntype FormatConfig = {\n  inputType: React.HTMLInputTypeAttribute;\n  inputMode?: React.HTMLAttributes<HTMLInputElement>['inputMode'];\n  mask: (value: string) => string;\n};\n\nexport type InputFormat = 'default' | 'phone' | 'positive-integer';\n\nconst FORMAT_CONFIGS: Record<InputFormat, FormatConfig> = {\n  default: {\n    inputType: 'text',\n    mask: (value) => value,\n  },\n  phone: {\n    inputType: 'tel',\n    mask: maskPhone,\n  },\n  'positive-integer': {\n    inputType: 'text',\n    inputMode: 'numeric',\n    mask: maskPositiveInteger,\n  },\n};\n\nexport type InputProps = React.ComponentProps<'input'> &\n  VariantProps<typeof inputVariants> & {\n    wrapperClassName?: string;\n    label?: React.ReactNode;\n    helperText?: string;\n    charLength?: number;\n    labelProps?: React.ComponentProps<'label'>;\n    format?: InputFormat;\n  };\n\nconst Input = React.forwardRef(\n  (\n    {\n      className,\n      variant,\n      type: passedType,\n      wrapperClassName = undefined,\n      label,\n      helperText,\n      charLength,\n      value,\n      defaultValue,\n      onChange,\n      id,\n      labelProps,\n      format = 'default',\n      ...props\n    }: InputProps,\n    ref?: ForwardedRef<HTMLInputElement>,\n  ) => {\n    const formatConfig = FORMAT_CONFIGS[format];\n    const isFormatted = format !== 'default';\n    const type = isFormatted ? formatConfig.inputType : passedType;\n    const inputMode = isFormatted ? formatConfig.inputMode : undefined;\n\n    const [internalValue, setInternalValue] = useState<string>(() => {\n      const initial = (value ?? defaultValue ?? '') as string;\n      return formatConfig.mask(initial);\n    });\n\n    const inputId = id || React.useId();\n\n    const currentValue = value !== undefined ? value : internalValue;\n\n    const displayValue = (() => {\n      if (value !== undefined) return currentValue;\n      if (isFormatted) return internalValue;\n      return undefined;\n    })();\n\n    const hasValue = String(displayValue ?? '').length > 0;\n    const currentLength = String(displayValue ?? '').length;\n\n    const valueProps = (() => {\n      if (value !== undefined) return { value: formatConfig.mask(value as string) };\n      if (isFormatted) return { value: internalValue };\n      return {};\n    })();\n\n    useEffect(() => {\n      if (isFormatted && value !== undefined) {\n        setInternalValue(formatConfig.mask(value as string));\n      }\n    }, [value, format]);\n\n    const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n      if (isFormatted) {\n        const formatted = formatConfig.mask(e.target.value);\n        setInternalValue(formatted);\n        onChange?.({ ...e, target: { ...e.target, value: formatted } });\n      } else {\n        onChange?.(e);\n      }\n    };\n\n    const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n      if (isFormatted) {\n        // Allow events to pass with keyboard shortcuts (Cmd/Ctrl + key)\n        if (e.metaKey || e.ctrlKey) {\n          return;\n        }\n\n        if (\n          !/[0-9/]/.test(e.key) &&\n          !['Backspace', 'Delete', 'ArrowLeft', 'ArrowRight', 'Tab'].includes(e.key)\n        ) {\n          e.preventDefault();\n        }\n      }\n      props.onKeyDown?.(e);\n    };\n\n    return (\n      <div className={cn('relative w-full', wrapperClassName)}>\n        {label &&\n          (typeof label === 'string' ? (\n            <label\n              htmlFor={inputId}\n              className=\"header-xs text-primary mb-2 block font-bold\"\n              {...labelProps}\n            >\n              {label}\n            </label>\n          ) : (\n            label\n          ))}\n        <div className=\"relative\">\n          <input\n            ref={ref}\n            id={inputId}\n            type={type}\n            inputMode={inputMode}\n            data-slot=\"input\"\n            className={cn(inputVariants({ variant }), className)}\n            onChange={handleChange}\n            onKeyDown={handleKeyDown}\n            {...valueProps}\n            {...props}\n          />\n          {variant === 'invalid' && (\n            <HiOutlineExclamationCircle\n              size=\"1.5rem\"\n              className=\"text-destructive pointer-events-none absolute top-3 right-2\"\n            />\n          )}\n\n          {variant === 'search' && !hasValue && (\n            <LuSearch\n              size=\"1.25rem\"\n              className=\"pointer-events-none absolute top-3.5 right-3 text-black\"\n            />\n          )}\n          {variant === 'search' && hasValue && (\n            <LuX\n              size=\"1.25rem\"\n              className=\"absolute top-3.5 right-3 cursor-pointer text-black\"\n              aria-label=\"Clear search\"\n              role=\"button\"\n              onClick={() => {\n                const event = {\n                  target: { value: '' },\n                } as React.ChangeEvent<HTMLInputElement>;\n                handleChange?.(event);\n              }}\n            />\n          )}\n          {variant === 'currency' && (\n            <span className=\"text-muted-foreground pointer-events-none absolute top-[50%] left-2.5 -translate-y-1/2\">\n              $\n            </span>\n          )}\n\n          {type === 'time' && (\n            <LuClock4\n              size=\"1.25rem\"\n              className=\"text-muted-foreground pointer-events-none absolute top-3.5 right-3\"\n            />\n          )}\n        </div>\n        {(helperText || charLength) && (\n          <div className=\"mt-2 flex items-center justify-between\">\n            <span\n              className={cn(\n                'text-sm',\n                variant === 'invalid' ? 'text-destructive' : 'text-secondary',\n              )}\n            >\n              {helperText || ''}\n            </span>\n            {charLength && (\n              <span\n                className={cn(\n                  'text-sm',\n                  variant === 'invalid' ? 'text-destructive' : 'text-secondary',\n                )}\n              >\n                {currentLength}/{charLength}\n              </span>\n            )}\n          </div>\n        )}\n      </div>\n    );\n  },\n);\n\nInput.displayName = 'Input';\n\nexport { Input, inputVariants };\n"]}

package/dist/chunk-7QWN4Z56.js

@@ -0,0 +1,27 @@
+import {b,a}from'./chunk-QHNRUAYJ.js';import {a as a$1}from'./chunk-YTIIAU4W.js';import*as u from'react';import {useState,useEffect}from'react';import {cva}from'class-variance-authority';import {HiOutlineExclamationCircle}from'react-icons/hi2';import {LuSearch,LuX,LuClock4}from'react-icons/lu';import {jsxs,jsx}from'react/jsx-runtime';var _=cva(`
+    flex items-center h-12 w-full min-w-0 rounded-md border bg-white px-3 py-3 text-base transition-all outline-none
+    dark:bg-input/30 border-input shadow-xs
+    placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground
+    file:inline-flex file:h-6 file:mr-2 file:border-0  file:text-foreground
+    disabled:cursor-not-allowed disabled:opacity-50 disabled:pointer-events-none disabled:bg-gray-200
+    focus-visible:ring-ring/50 focus-visible:ring-[3px]    
+  `,{variants:{variant:{default:`
+          hover:enabled:border-dark-green 
+          focus:enabled:border-dark-green
+          focus:enabled:shadow-green-300
+          focus-within:shadow
+          focus-within:shadow-green-300
+          focus-visible:border-dark-green   
+        `,invalid:`
+          border-destructive
+          hover:border-destructive
+          focus:border-destructive
+          focus:shadow-red-100
+          focus-within:shadow
+          focus-within:shadow-red-100
+          focus-visible:border-destructive
+          aria-invalid:ring-destructive/20
+          dark:aria-invalid:ring-destructive/40
+          aria-invalid:border-destructive 
+        `,search:"pr-8 [&::-webkit-search-cancel-button]:appearance-none [&::-webkit-search-cancel-button]:display-none",currency:"pl-5"}},defaultVariants:{variant:"default"}}),$={default:{inputType:"text",mask:l=>l},phone:{inputType:"tel",mask:a},"positive-integer":{inputType:"text",inputMode:"numeric",mask:b}},j=u.forwardRef(({className:l,variant:r,type:T,wrapperClassName:C=void 0,label:o,helperText:f,charLength:c,value:t,defaultValue:M,onChange:b,id:F,labelProps:L,format:p="default",...g},E)=>{let i=$[p],a=p!=="default",v=a?i.inputType:T,P=a?i.inputMode:void 0,[m,h]=useState(()=>{let e=t??M??"";return i.mask(e)}),y=F||u.useId(),V=t!==void 0?t:m,w=(()=>{if(t!==void 0)return V;if(a)return m})(),x=String(w??"").length>0,H=String(w??"").length,K=t!==void 0?{value:i.mask(t)}:a?{value:m}:{};useEffect(()=>{a&&t!==void 0&&h(i.mask(t));},[t,p]);let k=e=>{if(a){let I=i.mask(e.target.value);h(I),b?.({...e,target:{...e.target,value:I}});}else b?.(e);},A=e=>{if(a){if(e.metaKey||e.ctrlKey)return;!/[0-9/]/.test(e.key)&&!["Backspace","Delete","ArrowLeft","ArrowRight","Tab"].includes(e.key)&&e.preventDefault();}g.onKeyDown?.(e);};return jsxs("div",{className:a$1("relative w-full",C),children:[o&&(typeof o=="string"?jsx("label",{htmlFor:y,className:"header-xs text-primary mb-2 block font-bold",...L,children:o}):o),jsxs("div",{className:"relative",children:[jsx("input",{ref:E,id:y,type:v,inputMode:P,"data-slot":"input",className:a$1(_({variant:r}),l),onChange:k,onKeyDown:A,...K,...g}),r==="invalid"&&jsx(HiOutlineExclamationCircle,{size:"1.5rem",className:"text-destructive pointer-events-none absolute top-3 right-2"}),r==="search"&&!x&&jsx(LuSearch,{size:"1.25rem",className:"pointer-events-none absolute top-3.5 right-3 text-black"}),r==="search"&&x&&jsx(LuX,{size:"1.25rem",className:"absolute top-3.5 right-3 cursor-pointer text-black","aria-label":"Clear search",role:"button",onClick:()=>{k?.({target:{value:""}});}}),r==="currency"&&jsx("span",{className:"text-muted-foreground pointer-events-none absolute top-[50%] left-2.5 -translate-y-1/2",children:"$"}),v==="time"&&jsx(LuClock4,{size:"1.25rem",className:"text-muted-foreground pointer-events-none absolute top-3.5 right-3"})]}),(f||c)&&jsxs("div",{className:"mt-2 flex items-center justify-between",children:[jsx("span",{className:a$1("text-sm",r==="invalid"?"text-destructive":"text-secondary"),children:f||""}),c&&jsxs("span",{className:a$1("text-sm",r==="invalid"?"text-destructive":"text-secondary"),children:[H,"/",c]})]})]})});j.displayName="Input";export{_ as a,j as b};//# sourceMappingURL=chunk-7QWN4Z56.js.map
+//# sourceMappingURL=chunk-7QWN4Z56.js.map

package/dist/chunk-7QWN4Z56.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/v2/input/input.tsx"],"names":["inputVariants","cva","FORMAT_CONFIGS","value","maskPhone","maskPositiveInteger","Input","className","variant","passedType","wrapperClassName","label","helperText","charLength","defaultValue","onChange","id","labelProps","format","props","ref","formatConfig","isFormatted","type","inputMode","internalValue","setInternalValue","useState","initial","inputId","currentValue","displayValue","hasValue","currentLength","valueProps","useEffect","handleChange","formatted","handleKeyDown","jsxs","cn","jsx","HiOutlineExclamationCircle","LuSearch","LuX","LuClock4"],"mappings":"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","file":"chunk-7QWN4Z56.js","sourcesContent":["import * as React from 'react';\nimport { ForwardedRef, useEffect, useState } from 'react';\nimport { cva, VariantProps } from 'class-variance-authority';\nimport { HiOutlineExclamationCircle } from 'react-icons/hi2';\nimport { LuClock4, LuSearch, LuX } from 'react-icons/lu';\n\nimport { cn } from '@/lib/utils';\nimport { maskPhone, maskPositiveInteger } from './formatters';\n\nconst inputVariants = cva(\n  `\n    flex items-center h-12 w-full min-w-0 rounded-md border bg-white px-3 py-3 text-base transition-all outline-none\n    dark:bg-input/30 border-input shadow-xs\n    placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground\n    file:inline-flex file:h-6 file:mr-2 file:border-0  file:text-foreground\n    disabled:cursor-not-allowed disabled:opacity-50 disabled:pointer-events-none disabled:bg-gray-200\n    focus-visible:ring-ring/50 focus-visible:ring-[3px]    \n  `,\n  {\n    variants: {\n      variant: {\n        default: `\n          hover:enabled:border-dark-green \n          focus:enabled:border-dark-green\n          focus:enabled:shadow-green-300\n          focus-within:shadow\n          focus-within:shadow-green-300\n          focus-visible:border-dark-green   \n        `,\n        invalid: `\n          border-destructive\n          hover:border-destructive\n          focus:border-destructive\n          focus:shadow-red-100\n          focus-within:shadow\n          focus-within:shadow-red-100\n          focus-visible:border-destructive\n          aria-invalid:ring-destructive/20\n          dark:aria-invalid:ring-destructive/40\n          aria-invalid:border-destructive \n        `,\n        // Hide chrome default search clear button with ::-webkit-search-cancel-button\n        search:\n          'pr-8 [&::-webkit-search-cancel-button]:appearance-none [&::-webkit-search-cancel-button]:display-none',\n        currency: 'pl-5',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  },\n);\n\ntype FormatConfig = {\n  inputType: React.HTMLInputTypeAttribute;\n  inputMode?: React.HTMLAttributes<HTMLInputElement>['inputMode'];\n  mask: (value: string) => string;\n};\n\nexport type InputFormat = 'default' | 'phone' | 'positive-integer';\n\nconst FORMAT_CONFIGS: Record<InputFormat, FormatConfig> = {\n  default: {\n    inputType: 'text',\n    mask: (value) => value,\n  },\n  phone: {\n    inputType: 'tel',\n    mask: maskPhone,\n  },\n  'positive-integer': {\n    inputType: 'text',\n    inputMode: 'numeric',\n    mask: maskPositiveInteger,\n  },\n};\n\nexport type InputProps = React.ComponentProps<'input'> &\n  VariantProps<typeof inputVariants> & {\n    wrapperClassName?: string;\n    label?: React.ReactNode;\n    helperText?: string;\n    charLength?: number;\n    labelProps?: React.ComponentProps<'label'>;\n    format?: InputFormat;\n  };\n\nconst Input = React.forwardRef(\n  (\n    {\n      className,\n      variant,\n      type: passedType,\n      wrapperClassName = undefined,\n      label,\n      helperText,\n      charLength,\n      value,\n      defaultValue,\n      onChange,\n      id,\n      labelProps,\n      format = 'default',\n      ...props\n    }: InputProps,\n    ref?: ForwardedRef<HTMLInputElement>,\n  ) => {\n    const formatConfig = FORMAT_CONFIGS[format];\n    const isFormatted = format !== 'default';\n    const type = isFormatted ? formatConfig.inputType : passedType;\n    const inputMode = isFormatted ? formatConfig.inputMode : undefined;\n\n    const [internalValue, setInternalValue] = useState<string>(() => {\n      const initial = (value ?? defaultValue ?? '') as string;\n      return formatConfig.mask(initial);\n    });\n\n    const inputId = id || React.useId();\n\n    const currentValue = value !== undefined ? value : internalValue;\n\n    const displayValue = (() => {\n      if (value !== undefined) return currentValue;\n      if (isFormatted) return internalValue;\n      return undefined;\n    })();\n\n    const hasValue = String(displayValue ?? '').length > 0;\n    const currentLength = String(displayValue ?? '').length;\n\n    const valueProps = (() => {\n      if (value !== undefined) return { value: formatConfig.mask(value as string) };\n      if (isFormatted) return { value: internalValue };\n      return {};\n    })();\n\n    useEffect(() => {\n      if (isFormatted && value !== undefined) {\n        setInternalValue(formatConfig.mask(value as string));\n      }\n    }, [value, format]);\n\n    const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n      if (isFormatted) {\n        const formatted = formatConfig.mask(e.target.value);\n        setInternalValue(formatted);\n        onChange?.({ ...e, target: { ...e.target, value: formatted } });\n      } else {\n        onChange?.(e);\n      }\n    };\n\n    const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n      if (isFormatted) {\n        // Allow events to pass with keyboard shortcuts (Cmd/Ctrl + key)\n        if (e.metaKey || e.ctrlKey) {\n          return;\n        }\n\n        if (\n          !/[0-9/]/.test(e.key) &&\n          !['Backspace', 'Delete', 'ArrowLeft', 'ArrowRight', 'Tab'].includes(e.key)\n        ) {\n          e.preventDefault();\n        }\n      }\n      props.onKeyDown?.(e);\n    };\n\n    return (\n      <div className={cn('relative w-full', wrapperClassName)}>\n        {label &&\n          (typeof label === 'string' ? (\n            <label\n              htmlFor={inputId}\n              className=\"header-xs text-primary mb-2 block font-bold\"\n              {...labelProps}\n            >\n              {label}\n            </label>\n          ) : (\n            label\n          ))}\n        <div className=\"relative\">\n          <input\n            ref={ref}\n            id={inputId}\n            type={type}\n            inputMode={inputMode}\n            data-slot=\"input\"\n            className={cn(inputVariants({ variant }), className)}\n            onChange={handleChange}\n            onKeyDown={handleKeyDown}\n            {...valueProps}\n            {...props}\n          />\n          {variant === 'invalid' && (\n            <HiOutlineExclamationCircle\n              size=\"1.5rem\"\n              className=\"text-destructive pointer-events-none absolute top-3 right-2\"\n            />\n          )}\n\n          {variant === 'search' && !hasValue && (\n            <LuSearch\n              size=\"1.25rem\"\n              className=\"pointer-events-none absolute top-3.5 right-3 text-black\"\n            />\n          )}\n          {variant === 'search' && hasValue && (\n            <LuX\n              size=\"1.25rem\"\n              className=\"absolute top-3.5 right-3 cursor-pointer text-black\"\n              aria-label=\"Clear search\"\n              role=\"button\"\n              onClick={() => {\n                const event = {\n                  target: { value: '' },\n                } as React.ChangeEvent<HTMLInputElement>;\n                handleChange?.(event);\n              }}\n            />\n          )}\n          {variant === 'currency' && (\n            <span className=\"text-muted-foreground pointer-events-none absolute top-[50%] left-2.5 -translate-y-1/2\">\n              $\n            </span>\n          )}\n\n          {type === 'time' && (\n            <LuClock4\n              size=\"1.25rem\"\n              className=\"text-muted-foreground pointer-events-none absolute top-3.5 right-3\"\n            />\n          )}\n        </div>\n        {(helperText || charLength) && (\n          <div className=\"mt-2 flex items-center justify-between\">\n            <span\n              className={cn(\n                'text-sm',\n                variant === 'invalid' ? 'text-destructive' : 'text-secondary',\n              )}\n            >\n              {helperText || ''}\n            </span>\n            {charLength && (\n              <span\n                className={cn(\n                  'text-sm',\n                  variant === 'invalid' ? 'text-destructive' : 'text-secondary',\n                )}\n              >\n                {currentLength}/{charLength}\n              </span>\n            )}\n          </div>\n        )}\n      </div>\n    );\n  },\n);\n\nInput.displayName = 'Input';\n\nexport { Input, inputVariants };\n"]}

package/dist/{chunk-SBGL7Q6I.cjs → chunk-KXR3HDPA.cjs}

@@ -1,2 +1,2 @@
-'use strict';var chunkUIJEPPNJ_cjs=require('./chunk-UIJEPPNJ.cjs'),w=require('use-places-autocomplete'),react=require('react'),api=require('@react-google-maps/api'),jsxRuntime=require('react/jsx-runtime');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var w__default=/*#__PURE__*/_interopDefault(w);var x=u=>{let s="",d="",l="",i="",a="";u.address_components.forEach(r=>{r.types.some(p=>{switch(p){case "locality":return s=r.long_name,true;case "sublocality":case "administrative_area_level_3":case "neighborhood":return s=s||r.long_name,true;case "administrative_area_level_1":return d=r.short_name,true;case "street_number":return l=r.short_name,true;case "route":return i=r.short_name,true;case "postal_code":return a=r.short_name,true;default:return  false}});});let n=u.geometry.location.lat(),c=u.geometry.location.lng(),m=`${l} ${i}`.trim();return {city:s,state:d,street:m,zip:a,lat:n,long:c}},R=2,S=({onSelectAddress:u=void 0,...s})=>{let d=react.useRef(null),l=react.useRef(`address-input-${Math.random().toString(36).slice(2)}-listbox`),[i,a]=react.useState(-1),{suggestions:{data:n=[]},setValue:c,clearSuggestions:m}=w__default.default({requestOptions:{componentRestrictions:{country:"us"}}}),r=react.useCallback(()=>{m(),a(-1);},[m]);react.useEffect(()=>{let e=o=>{d.current&&!d.current.contains(o.target)&&r();},t=o=>{o.key==="Escape"&&r();};return n.length>0&&(document.addEventListener("mousedown",e),document.addEventListener("keydown",t)),()=>{document.removeEventListener("mousedown",e),document.removeEventListener("keydown",t);}},[n.length,r]),react.useEffect(()=>{n.length===0?a(-1):a(e=>e<0?e:Math.min(e,n.length-1));},[n.length]);let p=e=>{c(e,false),r(),!(e.length<=R)&&w.getGeocode({address:e}).then(t=>{if(!t||t.length===0)return;let o=x(t[0]);u?.(o);});},A=react.useCallback(e=>{c(e),a(-1);},[c]),_=i>=0?`${l.current}-option-${i}`:void 0;return jsxRuntime.jsxs("div",{className:"relative",children:[jsxRuntime.jsx(chunkUIJEPPNJ_cjs.b,{...s,onChange:e=>{s.onChange?.(e),A(e.target.value);},onKeyDown:e=>{if(s.onKeyDown?.(e),!e.defaultPrevented){if(!n.length){e.key==="Escape"&&r();return}if(e.key==="ArrowDown"){e.preventDefault(),a(t=>{let o=t+1;return o>=n.length||o<0?0:o});return}if(e.key==="ArrowUp"){e.preventDefault(),a(t=>t<=0?n.length-1:t-1);return}if(e.key==="Enter"&&i>=0){e.preventDefault();let t=n[i];t&&p(t.description);return}e.key==="Escape"&&(e.preventDefault(),r());}},role:"combobox","aria-expanded":n.length>0,"aria-controls":n.length>0?l.current:void 0,"aria-activedescendant":_,"aria-autocomplete":"list"}),n.length>0&&jsxRuntime.jsx("div",{ref:d,id:l.current,role:"listbox",className:"z-modal-stacking-context absolute mt-1 max-h-60 w-full overflow-auto rounded-md border border-gray-200 bg-white shadow-lg",children:n.map((e,t)=>{let o=`${l.current}-option-${t}`,v=t===i;return jsxRuntime.jsx("div",{id:o,role:"option","aria-selected":v,tabIndex:-1,className:`cursor-pointer px-3 py-2 text-sm hover:bg-green-100 ${v?"bg-green-100":""}`,onMouseEnter:()=>a(t),onMouseDown:g=>g.preventDefault(),onClick:()=>p(e.description),onKeyDown:g=>{(g.key==="Enter"||g.key===" ")&&(g.preventDefault(),p(e.description));},children:e.description},e.place_id)})})]})},P=["places"],H=({googleMapsApiKey:u,onSelectAddress:s=void 0,...d})=>{let{isLoaded:l,loadError:i}=api.useLoadScript({googleMapsApiKey:u,libraries:P});return !l||i?jsxRuntime.jsx(chunkUIJEPPNJ_cjs.b,{...d}):jsxRuntime.jsx(S,{onSelectAddress:s,...d})};exports.a=S;exports.b=H;//# sourceMappingURL=chunk-SBGL7Q6I.cjs.map
-//# sourceMappingURL=chunk-SBGL7Q6I.cjs.map
+'use strict';var chunk2DLCWPKO_cjs=require('./chunk-2DLCWPKO.cjs'),w=require('use-places-autocomplete'),react=require('react'),api=require('@react-google-maps/api'),jsxRuntime=require('react/jsx-runtime');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var w__default=/*#__PURE__*/_interopDefault(w);var x=u=>{let s="",d="",l="",i="",a="";u.address_components.forEach(r=>{r.types.some(p=>{switch(p){case "locality":return s=r.long_name,true;case "sublocality":case "administrative_area_level_3":case "neighborhood":return s=s||r.long_name,true;case "administrative_area_level_1":return d=r.short_name,true;case "street_number":return l=r.short_name,true;case "route":return i=r.short_name,true;case "postal_code":return a=r.short_name,true;default:return  false}});});let n=u.geometry.location.lat(),c=u.geometry.location.lng(),m=`${l} ${i}`.trim();return {city:s,state:d,street:m,zip:a,lat:n,long:c}},R=2,S=({onSelectAddress:u=void 0,...s})=>{let d=react.useRef(null),l=react.useRef(`address-input-${Math.random().toString(36).slice(2)}-listbox`),[i,a]=react.useState(-1),{suggestions:{data:n=[]},setValue:c,clearSuggestions:m}=w__default.default({requestOptions:{componentRestrictions:{country:"us"}}}),r=react.useCallback(()=>{m(),a(-1);},[m]);react.useEffect(()=>{let e=o=>{d.current&&!d.current.contains(o.target)&&r();},t=o=>{o.key==="Escape"&&r();};return n.length>0&&(document.addEventListener("mousedown",e),document.addEventListener("keydown",t)),()=>{document.removeEventListener("mousedown",e),document.removeEventListener("keydown",t);}},[n.length,r]),react.useEffect(()=>{n.length===0?a(-1):a(e=>e<0?e:Math.min(e,n.length-1));},[n.length]);let p=e=>{c(e,false),r(),!(e.length<=R)&&w.getGeocode({address:e}).then(t=>{if(!t||t.length===0)return;let o=x(t[0]);u?.(o);});},A=react.useCallback(e=>{c(e),a(-1);},[c]),_=i>=0?`${l.current}-option-${i}`:void 0;return jsxRuntime.jsxs("div",{className:"relative",children:[jsxRuntime.jsx(chunk2DLCWPKO_cjs.b,{...s,onChange:e=>{s.onChange?.(e),A(e.target.value);},onKeyDown:e=>{if(s.onKeyDown?.(e),!e.defaultPrevented){if(!n.length){e.key==="Escape"&&r();return}if(e.key==="ArrowDown"){e.preventDefault(),a(t=>{let o=t+1;return o>=n.length||o<0?0:o});return}if(e.key==="ArrowUp"){e.preventDefault(),a(t=>t<=0?n.length-1:t-1);return}if(e.key==="Enter"&&i>=0){e.preventDefault();let t=n[i];t&&p(t.description);return}e.key==="Escape"&&(e.preventDefault(),r());}},role:"combobox","aria-expanded":n.length>0,"aria-controls":n.length>0?l.current:void 0,"aria-activedescendant":_,"aria-autocomplete":"list"}),n.length>0&&jsxRuntime.jsx("div",{ref:d,id:l.current,role:"listbox",className:"z-modal-stacking-context absolute mt-1 max-h-60 w-full overflow-auto rounded-md border border-gray-200 bg-white shadow-lg",children:n.map((e,t)=>{let o=`${l.current}-option-${t}`,v=t===i;return jsxRuntime.jsx("div",{id:o,role:"option","aria-selected":v,tabIndex:-1,className:`cursor-pointer px-3 py-2 text-sm hover:bg-green-100 ${v?"bg-green-100":""}`,onMouseEnter:()=>a(t),onMouseDown:g=>g.preventDefault(),onClick:()=>p(e.description),onKeyDown:g=>{(g.key==="Enter"||g.key===" ")&&(g.preventDefault(),p(e.description));},children:e.description},e.place_id)})})]})},P=["places"],H=({googleMapsApiKey:u,onSelectAddress:s=void 0,...d})=>{let{isLoaded:l,loadError:i}=api.useLoadScript({googleMapsApiKey:u,libraries:P});return !l||i?jsxRuntime.jsx(chunk2DLCWPKO_cjs.b,{...d}):jsxRuntime.jsx(S,{onSelectAddress:s,...d})};exports.a=S;exports.b=H;//# sourceMappingURL=chunk-KXR3HDPA.cjs.map
+//# sourceMappingURL=chunk-KXR3HDPA.cjs.map

package/dist/{chunk-SBGL7Q6I.cjs.map → chunk-KXR3HDPA.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/v2/address-input/address-input.tsx"],"names":["getAddressAttributes","result","city","state","streetNumber","streetName","zip","component","type","lat","long","street","MIN_ADDRESS_LENGTH","AddressInputInternal","onSelectAddress","rest","dropdownRef","useRef","listboxIdRef","highlightedIndex","setHighlightedIndex","useState","data","setValue","clearSuggestions","usePlacesAutocomplete","closeSuggestions","useCallback","useEffect","handleClickOutside","event","handleEscape","current","handleAddressSelect","address","getGeocode","results","formattedResults","handleAddressOnChange","inputValue","highlightedOptionId","jsxs","jsx","Input","next","suggestion","index","optionId","isHighlighted","libraries","AddressInput","googleMapsApiKey","props","isLoaded","loadError","useLoadScript"],"mappings":"6TAKA,IAAMA,EAAwBC,CAAAA,EAA0B,CACtD,IAAIC,CAAAA,CAAO,GACPC,CAAAA,CAAQ,EAAA,CACRC,EAAe,EAAA,CACfC,CAAAA,CAAa,GACbC,CAAAA,CAAM,EAAA,CAEVL,CAAAA,CAAO,kBAAA,CAAmB,QAASM,CAAAA,EAAc,CAC/CA,CAAAA,CAAU,KAAA,CAAM,KAAMC,CAAAA,EAAS,CAC7B,OAAQA,CAAAA,EACN,KAAK,UAAA,CACH,OAAAN,CAAAA,CAAOK,CAAAA,CAAU,UACV,IAAA,CACT,KAAK,aAAA,CACL,KAAK,8BACL,KAAK,cAAA,CACH,OAAAL,CAAAA,CAAOA,GAAQK,CAAAA,CAAU,SAAA,CAClB,IAAA,CACT,KAAK,8BACH,OAAAJ,CAAAA,CAAQI,EAAU,UAAA,CACX,IAAA,CACT,KAAK,eAAA,CACH,OAAAH,CAAAA,CAAeG,CAAAA,CAAU,WAClB,IAAA,CACT,KAAK,OAAA,CACH,OAAAF,EAAaE,CAAAA,CAAU,UAAA,CAChB,IAAA,CACT,KAAK,cACH,OAAAD,CAAAA,CAAMC,CAAAA,CAAU,UAAA,CACT,KACT,QACE,OAAO,MACX,CACF,CAAC,EACH,CAAC,CAAA,CAED,IAAME,EAAMR,CAAAA,CAAO,QAAA,CAAS,QAAA,CAAS,GAAA,GAC/BS,CAAAA,CAAOT,CAAAA,CAAO,SAAS,QAAA,CAAS,GAAA,GAChCU,CAAAA,CAAS,CAAA,EAAGP,CAAY,CAAA,CAAA,EAAIC,CAAU,CAAA,CAAA,CAAG,IAAA,EAAK,CAEpD,OAAO,CAAE,IAAA,CAAAH,CAAAA,CAAM,KAAA,CAAAC,CAAAA,CAAO,OAAAQ,CAAAA,CAAQ,GAAA,CAAAL,EAAK,GAAA,CAAAG,CAAAA,CAAK,KAAAC,CAAK,CAC/C,CAAA,CAiBME,CAAAA,CAAqB,EAEdC,CAAAA,CAAuB,CAAC,CACnC,eAAA,CAAAC,EAAkB,MAAA,CAClB,GAAGC,CACL,CAAA,GAAyB,CACvB,IAAMC,CAAAA,CAAcC,aAAuB,IAAI,CAAA,CACzCC,EAAeD,YAAAA,CAAO,CAAA,cAAA,EAAiB,IAAA,CAAK,MAAA,GAAS,QAAA,CAAS,EAAE,CAAA,CAAE,KAAA,CAAM,CAAC,CAAC,CAAA,QAAA,CAAU,CAAA,CACpF,CAACE,EAAkBC,CAAmB,CAAA,CAAIC,cAAAA,CAAS,EAAE,EAErD,CACJ,WAAA,CAAa,CAAE,IAAA,CAAAC,EAAO,EAAG,CAAA,CACzB,QAAA,CAAAC,EACA,gBAAA,CAAAC,CACF,CAAA,CAAIC,kBAAAA,CAAsB,CACxB,cAAA,CAAgB,CACd,sBAAuB,CAAE,OAAA,CAAS,IAAK,CACzC,CACF,CAAC,CAAA,CAEKC,EAAmBC,iBAAAA,CAAY,IAAM,CACzCH,CAAAA,GACAJ,CAAAA,CAAoB,EAAE,EACxB,CAAA,CAAG,CAACI,CAAgB,CAAC,EAGrBI,eAAAA,CAAU,IAAM,CACd,IAAMC,CAAAA,CAAsBC,CAAAA,EAAsB,CAC5Cd,EAAY,OAAA,EAAW,CAACA,CAAAA,CAAY,OAAA,CAAQ,SAASc,CAAAA,CAAM,MAAc,CAAA,EAC3EJ,CAAAA,GAEJ,CAAA,CAEMK,CAAAA,CAAgBD,GAAyB,CACzCA,CAAAA,CAAM,MAAQ,QAAA,EAChBJ,CAAAA,GAEJ,CAAA,CAEA,OAAIJ,CAAAA,CAAK,MAAA,CAAS,CAAA,GAChB,QAAA,CAAS,iBAAiB,WAAA,CAAaO,CAAkB,CAAA,CACzD,QAAA,CAAS,iBAAiB,SAAA,CAAWE,CAAY,GAG5C,IAAM,CACX,SAAS,mBAAA,CAAoB,WAAA,CAAaF,CAAkB,CAAA,CAC5D,SAAS,mBAAA,CAAoB,SAAA,CAAWE,CAAY,EACtD,CACF,CAAA,CAAG,CAACT,CAAAA,CAAK,MAAA,CAAQI,CAAgB,CAAC,CAAA,CAElCE,gBAAU,IAAM,CACVN,EAAK,MAAA,GAAW,CAAA,CAClBF,CAAAA,CAAoB,EAAE,EAEtBA,CAAAA,CAAqBY,CAAAA,EACfA,CAAAA,CAAU,CAAA,CACLA,EAGF,IAAA,CAAK,GAAA,CAAIA,CAAAA,CAASV,CAAAA,CAAK,OAAS,CAAC,CACzC,EAEL,CAAA,CAAG,CAACA,EAAK,MAAM,CAAC,CAAA,CAEhB,IAAMW,EAAuBC,CAAAA,EAAoB,CAC/CX,CAAAA,CAASW,CAAAA,CAAS,KAAK,CAAA,CACvBR,CAAAA,EAAiB,CAEb,EAAAQ,EAAQ,MAAA,EAAUtB,CAAAA,CAAAA,EAItBuB,aAAW,CAAE,OAAA,CAAAD,CAAQ,CAAC,CAAA,CAAE,IAAA,CAAME,CAAAA,EAAY,CACxC,GAAI,CAACA,CAAAA,EAAWA,CAAAA,CAAQ,SAAW,CAAA,CACjC,OAGF,IAAMC,CAAAA,CAAmBrC,EAAqBoC,CAAAA,CAAQ,CAAC,CAAC,CAAA,CACxDtB,IAAkBuB,CAAgB,EACpC,CAAC,EACH,EAEMC,CAAAA,CAAwBX,iBAAAA,CAC3BY,CAAAA,EAAuB,CACtBhB,EAASgB,CAAU,CAAA,CACnBnB,CAAAA,CAAoB,EAAE,EACxB,CAAA,CACA,CAACG,CAAQ,CACX,CAAA,CAEMiB,EACJrB,CAAAA,EAAoB,CAAA,CAAI,CAAA,EAAGD,CAAAA,CAAa,OAAO,CAAA,QAAA,EAAWC,CAAgB,CAAA,CAAA,CAAK,MAAA,CAEjF,OACEsB,eAAAA,CAAC,KAAA,CAAA,CAAI,SAAA,CAAU,UAAA,CACb,UAAAC,cAAAA,CAACC,mBAAAA,CAAA,CACE,GAAG5B,CAAAA,CACJ,SAAW,CAAA,EAAM,CACfA,CAAAA,CAAK,QAAA,GAAW,CAAC,CAAA,CACjBuB,CAAAA,CAAsB,CAAA,CAAE,MAAA,CAAO,KAAK,EACtC,CAAA,CACA,SAAA,CAAY,CAAA,EAAM,CAGhB,GAFAvB,CAAAA,CAAK,YAAY,CAAC,CAAA,CAEd,GAAE,gBAAA,CAIN,CAAA,GAAI,CAACO,CAAAA,CAAK,OAAQ,CACZ,CAAA,CAAE,GAAA,GAAQ,QAAA,EACZI,GAAiB,CAEnB,MACF,CAEA,GAAI,EAAE,GAAA,GAAQ,WAAA,CAAa,CACzB,CAAA,CAAE,gBAAe,CACjBN,CAAAA,CAAqBY,CAAAA,EAAY,CAC/B,IAAMY,CAAAA,CAAOZ,CAAAA,CAAU,CAAA,CACvB,OAAIY,GAAQtB,CAAAA,CAAK,MAAA,EAAUsB,CAAAA,CAAO,CAAA,CACzB,EAEFA,CACT,CAAC,EACD,MACF,CAEA,GAAI,CAAA,CAAE,GAAA,GAAQ,SAAA,CAAW,CACvB,EAAE,cAAA,EAAe,CACjBxB,CAAAA,CAAqBY,CAAAA,EACfA,GAAW,CAAA,CACNV,CAAAA,CAAK,MAAA,CAAS,CAAA,CAEhBU,EAAU,CAClB,CAAA,CACD,MACF,CAEA,GAAI,EAAE,GAAA,GAAQ,OAAA,EAAWb,CAAAA,EAAoB,CAAA,CAAG,CAC9C,CAAA,CAAE,cAAA,EAAe,CACjB,IAAM0B,EAAavB,CAAAA,CAAKH,CAAgB,CAAA,CACpC0B,CAAAA,EACFZ,EAAoBY,CAAAA,CAAW,WAAW,EAE5C,MACF,CAEI,EAAE,GAAA,GAAQ,QAAA,GACZ,CAAA,CAAE,cAAA,GACFnB,CAAAA,EAAiB,EAAA,CAErB,CAAA,CACA,IAAA,CAAK,WACL,eAAA,CAAeJ,CAAAA,CAAK,MAAA,CAAS,CAAA,CAC7B,gBAAeA,CAAAA,CAAK,MAAA,CAAS,CAAA,CAAIJ,CAAAA,CAAa,QAAU,MAAA,CACxD,uBAAA,CAAuBsB,CAAAA,CACvB,mBAAA,CAAkB,OACpB,CAAA,CACClB,CAAAA,CAAK,MAAA,CAAS,CAAA,EACboB,eAAC,KAAA,CAAA,CACC,GAAA,CAAK1B,CAAAA,CACL,EAAA,CAAIE,EAAa,OAAA,CACjB,IAAA,CAAK,UACL,SAAA,CAAU,2HAAA,CAET,SAAAI,CAAAA,CAAK,GAAA,CAAI,CAACuB,CAAAA,CAAYC,IAAU,CAC/B,IAAMC,CAAAA,CAAW,CAAA,EAAG7B,EAAa,OAAO,CAAA,QAAA,EAAW4B,CAAK,CAAA,CAAA,CAClDE,EAAgBF,CAAAA,GAAU3B,CAAAA,CAEhC,OACEuB,cAAAA,CAAC,KAAA,CAAA,CAEC,GAAIK,CAAAA,CACJ,IAAA,CAAK,QAAA,CACL,eAAA,CAAeC,EACf,QAAA,CAAU,EAAA,CACV,SAAA,CAAW,CAAA,oDAAA,EACTA,EAAgB,cAAA,CAAiB,EACnC,CAAA,CAAA,CACA,YAAA,CAAc,IAAM5B,CAAAA,CAAoB0B,CAAK,EAC7C,WAAA,CAAchB,CAAAA,EAAUA,EAAM,cAAA,EAAe,CAC7C,OAAA,CAAS,IAAMG,EAAoBY,CAAAA,CAAW,WAAW,CAAA,CACzD,SAAA,CAAYf,GAAU,CAAA,CAChBA,CAAAA,CAAM,GAAA,GAAQ,OAAA,EAAWA,EAAM,GAAA,GAAQ,GAAA,IACzCA,EAAM,cAAA,EAAe,CACrBG,EAAoBY,CAAAA,CAAW,WAAW,CAAA,EAE9C,CAAA,CAEC,SAAAA,CAAAA,CAAW,WAAA,CAAA,CAlBPA,CAAAA,CAAW,QAmBlB,CAEJ,CAAC,CAAA,CACH,CAAA,CAAA,CAEJ,CAEJ,EAEMI,CAAAA,CAAwB,CAAC,QAAQ,CAAA,CAE1BC,CAAAA,CAAe,CAAC,CAC3B,gBAAA,CAAAC,CAAAA,CACA,eAAA,CAAArC,EAAkB,MAAA,CAClB,GAAGsC,CACL,CAAA,GAAwD,CACtD,GAAM,CAAE,QAAA,CAAAC,CAAAA,CAAU,UAAAC,CAAU,CAAA,CAAIC,kBAAc,CAC5C,gBAAA,CAAAJ,EACA,SAAA,CAAAF,CACF,CAAC,CAAA,CAED,OAAI,CAACI,CAAAA,EAAYC,CAAAA,CACRZ,cAAAA,CAACC,oBAAA,CAAO,GAAGS,CAAAA,CAAO,CAAA,CAEpBV,eAAC7B,CAAAA,CAAA,CAAqB,gBAAiBC,CAAAA,CAAkB,GAAGsC,EAAO,CAC5E","file":"chunk-SBGL7Q6I.cjs","sourcesContent":["import usePlacesAutocomplete, { GeocodeResult, getGeocode } from 'use-places-autocomplete';\nimport { ComponentProps, useCallback, useEffect, useRef, useState } from 'react';\nimport { useLoadScript } from '@react-google-maps/api';\nimport { Input } from '../input/input';\n\nconst getAddressAttributes = (result: GeocodeResult) => {\n  let city = '';\n  let state = '';\n  let streetNumber = '';\n  let streetName = '';\n  let zip = '';\n\n  result.address_components.forEach((component) => {\n    component.types.some((type) => {\n      switch (type) {\n        case 'locality':\n          city = component.long_name; // Always prefer locality\n          return true;\n        case 'sublocality':\n        case 'administrative_area_level_3':\n        case 'neighborhood':\n          city = city || component.long_name; // sets if no city\n          return true;\n        case 'administrative_area_level_1':\n          state = component.short_name;\n          return true;\n        case 'street_number':\n          streetNumber = component.short_name;\n          return true;\n        case 'route':\n          streetName = component.short_name;\n          return true;\n        case 'postal_code':\n          zip = component.short_name;\n          return true;\n        default:\n          return false;\n      }\n    });\n  });\n\n  const lat = result.geometry.location.lat();\n  const long = result.geometry.location.lng();\n  const street = `${streetNumber} ${streetName}`.trim();\n\n  return { city, state, street, zip, lat, long };\n};\n\ntype InputProps = ComponentProps<typeof Input>;\n\nexport type AddressResults = {\n  city: string;\n  state: string;\n  street: string;\n  zip: string;\n  lat: number;\n  long: number;\n};\n\ntype AddressInputProps = InputProps & {\n  onSelectAddress?: (results: AddressResults) => void;\n};\n\nconst MIN_ADDRESS_LENGTH = 2;\n\nexport const AddressInputInternal = ({\n  onSelectAddress = undefined,\n  ...rest\n}: AddressInputProps) => {\n  const dropdownRef = useRef<HTMLDivElement>(null);\n  const listboxIdRef = useRef(`address-input-${Math.random().toString(36).slice(2)}-listbox`);\n  const [highlightedIndex, setHighlightedIndex] = useState(-1);\n\n  const {\n    suggestions: { data = [] },\n    setValue,\n    clearSuggestions,\n  } = usePlacesAutocomplete({\n    requestOptions: {\n      componentRestrictions: { country: 'us' },\n    },\n  });\n\n  const closeSuggestions = useCallback(() => {\n    clearSuggestions();\n    setHighlightedIndex(-1);\n  }, [clearSuggestions]);\n\n  // Handle click outside to close suggestions\n  useEffect(() => {\n    const handleClickOutside = (event: MouseEvent) => {\n      if (dropdownRef.current && !dropdownRef.current.contains(event.target as Node)) {\n        closeSuggestions();\n      }\n    };\n\n    const handleEscape = (event: KeyboardEvent) => {\n      if (event.key === 'Escape') {\n        closeSuggestions();\n      }\n    };\n\n    if (data.length > 0) {\n      document.addEventListener('mousedown', handleClickOutside);\n      document.addEventListener('keydown', handleEscape);\n    }\n\n    return () => {\n      document.removeEventListener('mousedown', handleClickOutside);\n      document.removeEventListener('keydown', handleEscape);\n    };\n  }, [data.length, closeSuggestions]);\n\n  useEffect(() => {\n    if (data.length === 0) {\n      setHighlightedIndex(-1);\n    } else {\n      setHighlightedIndex((current) => {\n        if (current < 0) {\n          return current;\n        }\n\n        return Math.min(current, data.length - 1);\n      });\n    }\n  }, [data.length]);\n\n  const handleAddressSelect = (address: string) => {\n    setValue(address, false);\n    closeSuggestions();\n\n    if (address.length <= MIN_ADDRESS_LENGTH) {\n      return;\n    }\n\n    getGeocode({ address }).then((results) => {\n      if (!results || results.length === 0) {\n        return;\n      }\n\n      const formattedResults = getAddressAttributes(results[0]);\n      onSelectAddress?.(formattedResults);\n    });\n  };\n\n  const handleAddressOnChange = useCallback(\n    (inputValue: string) => {\n      setValue(inputValue);\n      setHighlightedIndex(-1);\n    },\n    [setValue],\n  );\n\n  const highlightedOptionId =\n    highlightedIndex >= 0 ? `${listboxIdRef.current}-option-${highlightedIndex}` : undefined;\n\n  return (\n    <div className=\"relative\">\n      <Input\n        {...rest}\n        onChange={(e) => {\n          rest.onChange?.(e);\n          handleAddressOnChange(e.target.value);\n        }}\n        onKeyDown={(e) => {\n          rest.onKeyDown?.(e);\n\n          if (e.defaultPrevented) {\n            return;\n          }\n\n          if (!data.length) {\n            if (e.key === 'Escape') {\n              closeSuggestions();\n            }\n            return;\n          }\n\n          if (e.key === 'ArrowDown') {\n            e.preventDefault();\n            setHighlightedIndex((current) => {\n              const next = current + 1;\n              if (next >= data.length || next < 0) {\n                return 0;\n              }\n              return next;\n            });\n            return;\n          }\n\n          if (e.key === 'ArrowUp') {\n            e.preventDefault();\n            setHighlightedIndex((current) => {\n              if (current <= 0) {\n                return data.length - 1;\n              }\n              return current - 1;\n            });\n            return;\n          }\n\n          if (e.key === 'Enter' && highlightedIndex >= 0) {\n            e.preventDefault();\n            const suggestion = data[highlightedIndex];\n            if (suggestion) {\n              handleAddressSelect(suggestion.description);\n            }\n            return;\n          }\n\n          if (e.key === 'Escape') {\n            e.preventDefault();\n            closeSuggestions();\n          }\n        }}\n        role=\"combobox\"\n        aria-expanded={data.length > 0}\n        aria-controls={data.length > 0 ? listboxIdRef.current : undefined}\n        aria-activedescendant={highlightedOptionId}\n        aria-autocomplete=\"list\"\n      />\n      {data.length > 0 && (\n        <div\n          ref={dropdownRef}\n          id={listboxIdRef.current}\n          role=\"listbox\"\n          className=\"z-modal-stacking-context absolute mt-1 max-h-60 w-full overflow-auto rounded-md border border-gray-200 bg-white shadow-lg\"\n        >\n          {data.map((suggestion, index) => {\n            const optionId = `${listboxIdRef.current}-option-${index}`;\n            const isHighlighted = index === highlightedIndex;\n\n            return (\n              <div\n                key={suggestion.place_id}\n                id={optionId}\n                role=\"option\"\n                aria-selected={isHighlighted}\n                tabIndex={-1}\n                className={`cursor-pointer px-3 py-2 text-sm hover:bg-green-100 ${\n                  isHighlighted ? 'bg-green-100' : ''\n                }`}\n                onMouseEnter={() => setHighlightedIndex(index)}\n                onMouseDown={(event) => event.preventDefault()}\n                onClick={() => handleAddressSelect(suggestion.description)}\n                onKeyDown={(event) => {\n                  if (event.key === 'Enter' || event.key === ' ') {\n                    event.preventDefault();\n                    handleAddressSelect(suggestion.description);\n                  }\n                }}\n              >\n                {suggestion.description}\n              </div>\n            );\n          })}\n        </div>\n      )}\n    </div>\n  );\n};\n\nconst libraries: ['places'] = ['places'];\n\nexport const AddressInput = ({\n  googleMapsApiKey,\n  onSelectAddress = undefined,\n  ...props\n}: AddressInputProps & { googleMapsApiKey: string }) => {\n  const { isLoaded, loadError } = useLoadScript({\n    googleMapsApiKey,\n    libraries,\n  });\n  // if not loaded or error, return regular input\n  if (!isLoaded || loadError) {\n    return <Input {...props} />;\n  }\n  return <AddressInputInternal onSelectAddress={onSelectAddress} {...props} />;\n};\n"]}
+{"version":3,"sources":["../src/v2/address-input/address-input.tsx"],"names":["getAddressAttributes","result","city","state","streetNumber","streetName","zip","component","type","lat","long","street","MIN_ADDRESS_LENGTH","AddressInputInternal","onSelectAddress","rest","dropdownRef","useRef","listboxIdRef","highlightedIndex","setHighlightedIndex","useState","data","setValue","clearSuggestions","usePlacesAutocomplete","closeSuggestions","useCallback","useEffect","handleClickOutside","event","handleEscape","current","handleAddressSelect","address","getGeocode","results","formattedResults","handleAddressOnChange","inputValue","highlightedOptionId","jsxs","jsx","Input","next","suggestion","index","optionId","isHighlighted","libraries","AddressInput","googleMapsApiKey","props","isLoaded","loadError","useLoadScript"],"mappings":"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","file":"chunk-KXR3HDPA.cjs","sourcesContent":["import usePlacesAutocomplete, { GeocodeResult, getGeocode } from 'use-places-autocomplete';\nimport { ComponentProps, useCallback, useEffect, useRef, useState } from 'react';\nimport { useLoadScript } from '@react-google-maps/api';\nimport { Input } from '../input/input';\n\nconst getAddressAttributes = (result: GeocodeResult) => {\n  let city = '';\n  let state = '';\n  let streetNumber = '';\n  let streetName = '';\n  let zip = '';\n\n  result.address_components.forEach((component) => {\n    component.types.some((type) => {\n      switch (type) {\n        case 'locality':\n          city = component.long_name; // Always prefer locality\n          return true;\n        case 'sublocality':\n        case 'administrative_area_level_3':\n        case 'neighborhood':\n          city = city || component.long_name; // sets if no city\n          return true;\n        case 'administrative_area_level_1':\n          state = component.short_name;\n          return true;\n        case 'street_number':\n          streetNumber = component.short_name;\n          return true;\n        case 'route':\n          streetName = component.short_name;\n          return true;\n        case 'postal_code':\n          zip = component.short_name;\n          return true;\n        default:\n          return false;\n      }\n    });\n  });\n\n  const lat = result.geometry.location.lat();\n  const long = result.geometry.location.lng();\n  const street = `${streetNumber} ${streetName}`.trim();\n\n  return { city, state, street, zip, lat, long };\n};\n\ntype InputProps = ComponentProps<typeof Input>;\n\nexport type AddressResults = {\n  city: string;\n  state: string;\n  street: string;\n  zip: string;\n  lat: number;\n  long: number;\n};\n\ntype AddressInputProps = InputProps & {\n  onSelectAddress?: (results: AddressResults) => void;\n};\n\nconst MIN_ADDRESS_LENGTH = 2;\n\nexport const AddressInputInternal = ({\n  onSelectAddress = undefined,\n  ...rest\n}: AddressInputProps) => {\n  const dropdownRef = useRef<HTMLDivElement>(null);\n  const listboxIdRef = useRef(`address-input-${Math.random().toString(36).slice(2)}-listbox`);\n  const [highlightedIndex, setHighlightedIndex] = useState(-1);\n\n  const {\n    suggestions: { data = [] },\n    setValue,\n    clearSuggestions,\n  } = usePlacesAutocomplete({\n    requestOptions: {\n      componentRestrictions: { country: 'us' },\n    },\n  });\n\n  const closeSuggestions = useCallback(() => {\n    clearSuggestions();\n    setHighlightedIndex(-1);\n  }, [clearSuggestions]);\n\n  // Handle click outside to close suggestions\n  useEffect(() => {\n    const handleClickOutside = (event: MouseEvent) => {\n      if (dropdownRef.current && !dropdownRef.current.contains(event.target as Node)) {\n        closeSuggestions();\n      }\n    };\n\n    const handleEscape = (event: KeyboardEvent) => {\n      if (event.key === 'Escape') {\n        closeSuggestions();\n      }\n    };\n\n    if (data.length > 0) {\n      document.addEventListener('mousedown', handleClickOutside);\n      document.addEventListener('keydown', handleEscape);\n    }\n\n    return () => {\n      document.removeEventListener('mousedown', handleClickOutside);\n      document.removeEventListener('keydown', handleEscape);\n    };\n  }, [data.length, closeSuggestions]);\n\n  useEffect(() => {\n    if (data.length === 0) {\n      setHighlightedIndex(-1);\n    } else {\n      setHighlightedIndex((current) => {\n        if (current < 0) {\n          return current;\n        }\n\n        return Math.min(current, data.length - 1);\n      });\n    }\n  }, [data.length]);\n\n  const handleAddressSelect = (address: string) => {\n    setValue(address, false);\n    closeSuggestions();\n\n    if (address.length <= MIN_ADDRESS_LENGTH) {\n      return;\n    }\n\n    getGeocode({ address }).then((results) => {\n      if (!results || results.length === 0) {\n        return;\n      }\n\n      const formattedResults = getAddressAttributes(results[0]);\n      onSelectAddress?.(formattedResults);\n    });\n  };\n\n  const handleAddressOnChange = useCallback(\n    (inputValue: string) => {\n      setValue(inputValue);\n      setHighlightedIndex(-1);\n    },\n    [setValue],\n  );\n\n  const highlightedOptionId =\n    highlightedIndex >= 0 ? `${listboxIdRef.current}-option-${highlightedIndex}` : undefined;\n\n  return (\n    <div className=\"relative\">\n      <Input\n        {...rest}\n        onChange={(e) => {\n          rest.onChange?.(e);\n          handleAddressOnChange(e.target.value);\n        }}\n        onKeyDown={(e) => {\n          rest.onKeyDown?.(e);\n\n          if (e.defaultPrevented) {\n            return;\n          }\n\n          if (!data.length) {\n            if (e.key === 'Escape') {\n              closeSuggestions();\n            }\n            return;\n          }\n\n          if (e.key === 'ArrowDown') {\n            e.preventDefault();\n            setHighlightedIndex((current) => {\n              const next = current + 1;\n              if (next >= data.length || next < 0) {\n                return 0;\n              }\n              return next;\n            });\n            return;\n          }\n\n          if (e.key === 'ArrowUp') {\n            e.preventDefault();\n            setHighlightedIndex((current) => {\n              if (current <= 0) {\n                return data.length - 1;\n              }\n              return current - 1;\n            });\n            return;\n          }\n\n          if (e.key === 'Enter' && highlightedIndex >= 0) {\n            e.preventDefault();\n            const suggestion = data[highlightedIndex];\n            if (suggestion) {\n              handleAddressSelect(suggestion.description);\n            }\n            return;\n          }\n\n          if (e.key === 'Escape') {\n            e.preventDefault();\n            closeSuggestions();\n          }\n        }}\n        role=\"combobox\"\n        aria-expanded={data.length > 0}\n        aria-controls={data.length > 0 ? listboxIdRef.current : undefined}\n        aria-activedescendant={highlightedOptionId}\n        aria-autocomplete=\"list\"\n      />\n      {data.length > 0 && (\n        <div\n          ref={dropdownRef}\n          id={listboxIdRef.current}\n          role=\"listbox\"\n          className=\"z-modal-stacking-context absolute mt-1 max-h-60 w-full overflow-auto rounded-md border border-gray-200 bg-white shadow-lg\"\n        >\n          {data.map((suggestion, index) => {\n            const optionId = `${listboxIdRef.current}-option-${index}`;\n            const isHighlighted = index === highlightedIndex;\n\n            return (\n              <div\n                key={suggestion.place_id}\n                id={optionId}\n                role=\"option\"\n                aria-selected={isHighlighted}\n                tabIndex={-1}\n                className={`cursor-pointer px-3 py-2 text-sm hover:bg-green-100 ${\n                  isHighlighted ? 'bg-green-100' : ''\n                }`}\n                onMouseEnter={() => setHighlightedIndex(index)}\n                onMouseDown={(event) => event.preventDefault()}\n                onClick={() => handleAddressSelect(suggestion.description)}\n                onKeyDown={(event) => {\n                  if (event.key === 'Enter' || event.key === ' ') {\n                    event.preventDefault();\n                    handleAddressSelect(suggestion.description);\n                  }\n                }}\n              >\n                {suggestion.description}\n              </div>\n            );\n          })}\n        </div>\n      )}\n    </div>\n  );\n};\n\nconst libraries: ['places'] = ['places'];\n\nexport const AddressInput = ({\n  googleMapsApiKey,\n  onSelectAddress = undefined,\n  ...props\n}: AddressInputProps & { googleMapsApiKey: string }) => {\n  const { isLoaded, loadError } = useLoadScript({\n    googleMapsApiKey,\n    libraries,\n  });\n  // if not loaded or error, return regular input\n  if (!isLoaded || loadError) {\n    return <Input {...props} />;\n  }\n  return <AddressInputInternal onSelectAddress={onSelectAddress} {...props} />;\n};\n"]}

package/dist/{chunk-FDMT42JJ.js → chunk-R3HGV3DR.js}

@@ -1,2 +1,2 @@
-import {a as a$4,d,c as c$1,g,i}from'./chunk-AEG63JU5.js';import {a as a$3}from'./chunk-WEDRHQPW.js';import {a as a$2,b,c}from'./chunk-QXJK4OO3.js';import {b as b$2}from'./chunk-FQGC44HX.js';import {b as b$1}from'./chunk-SP2L5FI7.js';import {a as a$1,b as b$3}from'./chunk-LFGDYEFJ.js';import {a}from'./chunk-YTIIAU4W.js';import {useState,useRef,useEffect,useMemo}from'react';import {LuCalendar,LuZoomOut,LuZoomIn,LuRefreshCcw}from'react-icons/lu';import T from'dayjs';import Se from'dayjs/plugin/customParseFormat.js';import {useIMask}from'react-imask';import {isMatch}from'react-day-picker';import {jsxs,jsx}from'react/jsx-runtime';import be from'react-easy-crop';import {DateTime,Duration}from'luxon';function fe(n){let o=n.replace(/\D/g,"").slice(0,8);return o.length<=2?o:o.length<=4?`${o.slice(0,2)}/${o.slice(2)}`:`${o.slice(0,2)}/${o.slice(2,4)}/${o.slice(4)}`}function ge(n){if(n.length!==10)return;let o=n.split("/");if(o.length!==3||o[2].length!==4)return;let e=parseInt(o[0],10),r=parseInt(o[1],10),t=parseInt(o[2],10);if(Number.isNaN(e)||Number.isNaN(r)||Number.isNaN(t))return;let p=new Date(t,e-1,r);if(!(p.getFullYear()!==t||p.getMonth()!==e-1||p.getDate()!==r))return p}function De({className:n,wrapperClassName:o,value:e,onChange:r,disabled:t=false,calendarProps:p,placeholder:h="MM/DD/YYYY",variant:D}){let[f,m]=useState(false),[v,w]=useState(e),[i,c$1]=useState(e?T(e).format("MM/DD/YYYY"):""),d=useRef(e?T(e).format("MM/DD/YYYY"):"");useEffect(()=>{let a=e?T(e).format("MM/DD/YYYY"):"";a!==d.current&&(d.current=a,c$1(a),e&&w(e));},[e]);let l=a=>{let g=fe(a.target.value);c$1(g);let S=ge(g);S?(d.current=g,r?.(S)):g===""&&(d.current="",r?.(void 0));},b$3=a=>{a.key==="ArrowDown"&&(a.preventDefault(),m(true)),!/[0-9/]/.test(a.key)&&!["Backspace","Delete","ArrowLeft","ArrowRight","ArrowUp","Tab"].includes(a.key)&&!a.metaKey&&!a.ctrlKey&&a.preventDefault();};return jsxs("div",{className:a("relative w-full",o),children:[jsx("input",{type:"text","data-slot":"input",className:a(a$1({variant:D}),"pr-10",n),value:i,placeholder:h,onChange:l,onKeyDown:b$3,disabled:t}),jsxs(a$2,{open:!t&&f,onOpenChange:m,children:[jsx(b,{asChild:true,children:jsx(b$1,{variant:"ghost-icon",size:"sm",className:"absolute top-1/2 right-1 -translate-y-1/2",disabled:t,"aria-label":"Select date",type:"button",children:jsx(LuCalendar,{})})}),jsx(c,{className:"w-auto overflow-hidden p-0",align:"end",sideOffset:10,children:jsx(b$2,{mode:"single",selected:e,month:v,onMonthChange:w,onSelect:a=>{let g=a?T(a).format("MM/DD/YYYY"):"";d.current=g,c$1(g),r?.(a),m(false);},...p})})]})]})}var Pe=({alt:n,className:o="",containerClassName:e="",imagePreview:r=void 0,cropper:t=void 0})=>{let[p,h]=useState(false),D=!r||!p,f=!!t;return jsxs("div",{className:a("flex max-w-[386px] flex-col",o),children:[jsxs("div",{className:a("relative h-60 rounded-md border",e),children:[r&&f?jsx(be,{image:r,crop:t.crop,zoom:t.zoom,aspect:t.aspect,objectFit:"contain",onCropChange:t.setCrop,onZoomChange:t.setZoom,onCropComplete:t.onCropComplete,onMediaLoaded:()=>h(true),showGrid:false}):r&&jsx("img",{alt:n,className:`m-auto h-full w-full object-contain transition-opacity duration-300 ${p?"opacity-100":"opacity-0"}`,src:r,onLoad:()=>h(true),draggable:false}),D&&jsx("div",{"aria-label":r?"Loading image":"Awaiting image",className:"from-grey-300 to-grey-300 absolute inset-0 animate-pulse bg-gradient-to-r"})]}),!D&&f&&jsxs("div",{className:"mt-3 flex flex-col items-center justify-between gap-1 px-1 sm:flex-row sm:gap-4",children:[jsxs("div",{className:"flex w-full items-center gap-3",children:[jsx(b$1,{"aria-label":"zoom out",onClick:()=>t.setZoom(Math.max(t.zoom-.1,1)),className:"h-8",variant:"ghost-icon",children:jsx(LuZoomOut,{})}),jsx(a$3,{value:[t.zoom],min:1,max:3,step:.01,onValueChange:m=>t.setZoom(m[0]),className:"w-full sm:flex-50",classNames:{thumb:"border-2 border-green-800",range:"bg-green-900"}}),jsx(b$1,{"aria-label":"zoom in",onClick:()=>t.setZoom(Math.min(t.zoom+.1,3)),variant:"ghost-icon",className:"h-8",children:jsx(LuZoomIn,{})})]}),jsxs(b$1,{onClick:t.reset,variant:"ghost",className:"h-8 p-2",children:[jsx(LuRefreshCcw,{}),"Reset"]})]})]})};var W="00:00",ee="24:00",te=n=>DateTime.fromFormat(n,"HH:mm").isValid,oe=({startTime:n=W,endTime:o=ee,interval:e=30,onChange:r=void 0,className:t="",placeholder:p="Select one",size:h="default",portal:D=true,...f})=>{te(n)||(console.error(`Invalid startTime: ${n}`),n=W),te(o)||(console.error(`Invalid endTime: ${o}`),o=ee);let m=useMemo(()=>{let i=DateTime.fromFormat(o,"HH:mm"),c=Duration.fromObject({minutes:e}),d=[],l=DateTime.fromFormat(n,"HH:mm");for(;l<=i;){let b=l.toFormat("HH:mm");b==="00:00"&&l.equals(i)&&(b="24:00"),d.push({label:l.toFormat("h:mm a"),value:{hour:l.toFormat("HH"),min:l.toFormat("mm"),raw:b,formatted:l.toFormat("h:mm a")}}),l=l.plus(c);}return d},[n,o,e]),v=m.map(i=>({label:i.label,value:i.value.raw}));return jsxs(a$4,{onValueChange:i=>{let c=m.find(d=>d.value.raw===i);c&&r?.(c);},...f,children:[jsx(d,{className:a("max-w-[240px] md:w-[150px]",t),size:h,children:jsx(c$1,{placeholder:p})}),jsx(g,{position:"popper",className:"max-h-90",portal:D,children:v.map(i$1=>jsx(i,{className:"h-10",value:i$1.value,children:i$1.label},i$1.value))})]})},Qe=oe;T.extend(Se);var ae="MM/DD/YYYY",Fe="00/00/0000",X=["MM/DD/YYYY","MM/D/YYYY","M/DD/YYYY","M/D/YYYY","YYYY-MM-DD"];function I(n){return n?T(n).format(ae):""}function Ie({className:n="",wrapperClassName:o="",value:e=void 0,onChange:r=void 0,disabled:t=false,calendarProps:p=void 0,placeholder:h,inputProps:D=void 0,showCalendarIcon:f=true,editable:m=false}){let[v,w]=useState(false),i=h??(m?ae:"Pick a date"),[c$1,d]=useState(void 0),l=useRef(e);e!==l.current&&(l.current=e,c$1!==void 0&&d(void 0));let b$1=c$1??e,a$3=s=>p?.disabled?!isMatch(s,p.disabled):true,g=useRef(r);g.current=r;let S=useRef(a$3);S.current=a$3;let{ref:q,setValue:B}=useIMask({mask:Fe,lazy:true,overwrite:false},{onComplete:s=>{let C=T(s,X,true);C.isValid()&&S.current(C.toDate())&&g.current?.(C.toDate());}}),ie=s=>{r?.(s),B(I(s)),w(false);},se=s=>{let C=s.clipboardData.getData("text").trim(),E=T(C,X,true);if(E.isValid()&&a$3(E.toDate())){s.preventDefault();let J=E.toDate();r?.(J),B(I(J));}},pe=()=>{B(I(e));},le=()=>{let s=q.current?.value??"";if(s===""){e!==void 0&&r?.(void 0);return}let C=T(s,X,true);C.isValid()&&a$3(C.toDate())&&r?.(C.toDate()),B(I(e));},me=a(a$1(),f&&"pl-10",v?"border-dark-green":"",n);return jsxs(a$2,{open:!t&&v,onOpenChange:w,children:[jsx(b,{asChild:true,children:jsxs("div",{className:a("relative flex w-full items-center rounded-md",o),children:[m?jsx("input",{ref:q,defaultValue:I(e),className:me,placeholder:i,disabled:t,onFocus:pe,onPaste:se,onBlur:s=>{le(),D?.onBlur?.(s);}}):jsx(b$3,{className:a(f&&"pl-10",v?"border-dark-green":"",n),...D,value:I(e),placeholder:i,readOnly:true,disabled:t}),f&&jsx("div",{className:a("absolute top-1/2 left-4 h-4 w-4 -translate-y-1/2",t?"text-gray-400":"cursor-pointer text-black"),children:jsx(LuCalendar,{size:16})})]})}),jsx(c,{className:"w-auto overflow-hidden p-0",align:"start",onOpenAutoFocus:m?s=>s.preventDefault():void 0,children:jsx(b$2,{mode:"single",selected:e?T(e).toDate():void 0,onSelect:ie,...m?{month:b$1,onMonthChange:d}:{},...p})})]})}export{Ie as a,De as b,Pe as c,oe as d,Qe as e};//# sourceMappingURL=chunk-FDMT42JJ.js.map
-//# sourceMappingURL=chunk-FDMT42JJ.js.map
+import {a as a$4,d,c as c$1,g,i}from'./chunk-AEG63JU5.js';import {a as a$3}from'./chunk-WEDRHQPW.js';import {a as a$2,b,c}from'./chunk-QXJK4OO3.js';import {b as b$2}from'./chunk-FQGC44HX.js';import {b as b$1}from'./chunk-SP2L5FI7.js';import {a as a$1,b as b$3}from'./chunk-7QWN4Z56.js';import {a}from'./chunk-YTIIAU4W.js';import {useState,useRef,useEffect,useMemo}from'react';import {LuCalendar,LuZoomOut,LuZoomIn,LuRefreshCcw}from'react-icons/lu';import T from'dayjs';import Se from'dayjs/plugin/customParseFormat.js';import {useIMask}from'react-imask';import {isMatch}from'react-day-picker';import {jsxs,jsx}from'react/jsx-runtime';import be from'react-easy-crop';import {DateTime,Duration}from'luxon';function fe(n){let o=n.replace(/\D/g,"").slice(0,8);return o.length<=2?o:o.length<=4?`${o.slice(0,2)}/${o.slice(2)}`:`${o.slice(0,2)}/${o.slice(2,4)}/${o.slice(4)}`}function ge(n){if(n.length!==10)return;let o=n.split("/");if(o.length!==3||o[2].length!==4)return;let e=parseInt(o[0],10),r=parseInt(o[1],10),t=parseInt(o[2],10);if(Number.isNaN(e)||Number.isNaN(r)||Number.isNaN(t))return;let p=new Date(t,e-1,r);if(!(p.getFullYear()!==t||p.getMonth()!==e-1||p.getDate()!==r))return p}function De({className:n,wrapperClassName:o,value:e,onChange:r,disabled:t=false,calendarProps:p,placeholder:h="MM/DD/YYYY",variant:D}){let[f,m]=useState(false),[v,w]=useState(e),[i,c$1]=useState(e?T(e).format("MM/DD/YYYY"):""),d=useRef(e?T(e).format("MM/DD/YYYY"):"");useEffect(()=>{let a=e?T(e).format("MM/DD/YYYY"):"";a!==d.current&&(d.current=a,c$1(a),e&&w(e));},[e]);let l=a=>{let g=fe(a.target.value);c$1(g);let S=ge(g);S?(d.current=g,r?.(S)):g===""&&(d.current="",r?.(void 0));},b$3=a=>{a.key==="ArrowDown"&&(a.preventDefault(),m(true)),!/[0-9/]/.test(a.key)&&!["Backspace","Delete","ArrowLeft","ArrowRight","ArrowUp","Tab"].includes(a.key)&&!a.metaKey&&!a.ctrlKey&&a.preventDefault();};return jsxs("div",{className:a("relative w-full",o),children:[jsx("input",{type:"text","data-slot":"input",className:a(a$1({variant:D}),"pr-10",n),value:i,placeholder:h,onChange:l,onKeyDown:b$3,disabled:t}),jsxs(a$2,{open:!t&&f,onOpenChange:m,children:[jsx(b,{asChild:true,children:jsx(b$1,{variant:"ghost-icon",size:"sm",className:"absolute top-1/2 right-1 -translate-y-1/2",disabled:t,"aria-label":"Select date",type:"button",children:jsx(LuCalendar,{})})}),jsx(c,{className:"w-auto overflow-hidden p-0",align:"end",sideOffset:10,children:jsx(b$2,{mode:"single",selected:e,month:v,onMonthChange:w,onSelect:a=>{let g=a?T(a).format("MM/DD/YYYY"):"";d.current=g,c$1(g),r?.(a),m(false);},...p})})]})]})}var Pe=({alt:n,className:o="",containerClassName:e="",imagePreview:r=void 0,cropper:t=void 0})=>{let[p,h]=useState(false),D=!r||!p,f=!!t;return jsxs("div",{className:a("flex max-w-[386px] flex-col",o),children:[jsxs("div",{className:a("relative h-60 rounded-md border",e),children:[r&&f?jsx(be,{image:r,crop:t.crop,zoom:t.zoom,aspect:t.aspect,objectFit:"contain",onCropChange:t.setCrop,onZoomChange:t.setZoom,onCropComplete:t.onCropComplete,onMediaLoaded:()=>h(true),showGrid:false}):r&&jsx("img",{alt:n,className:`m-auto h-full w-full object-contain transition-opacity duration-300 ${p?"opacity-100":"opacity-0"}`,src:r,onLoad:()=>h(true),draggable:false}),D&&jsx("div",{"aria-label":r?"Loading image":"Awaiting image",className:"from-grey-300 to-grey-300 absolute inset-0 animate-pulse bg-gradient-to-r"})]}),!D&&f&&jsxs("div",{className:"mt-3 flex flex-col items-center justify-between gap-1 px-1 sm:flex-row sm:gap-4",children:[jsxs("div",{className:"flex w-full items-center gap-3",children:[jsx(b$1,{"aria-label":"zoom out",onClick:()=>t.setZoom(Math.max(t.zoom-.1,1)),className:"h-8",variant:"ghost-icon",children:jsx(LuZoomOut,{})}),jsx(a$3,{value:[t.zoom],min:1,max:3,step:.01,onValueChange:m=>t.setZoom(m[0]),className:"w-full sm:flex-50",classNames:{thumb:"border-2 border-green-800",range:"bg-green-900"}}),jsx(b$1,{"aria-label":"zoom in",onClick:()=>t.setZoom(Math.min(t.zoom+.1,3)),variant:"ghost-icon",className:"h-8",children:jsx(LuZoomIn,{})})]}),jsxs(b$1,{onClick:t.reset,variant:"ghost",className:"h-8 p-2",children:[jsx(LuRefreshCcw,{}),"Reset"]})]})]})};var W="00:00",ee="24:00",te=n=>DateTime.fromFormat(n,"HH:mm").isValid,oe=({startTime:n=W,endTime:o=ee,interval:e=30,onChange:r=void 0,className:t="",placeholder:p="Select one",size:h="default",portal:D=true,...f})=>{te(n)||(console.error(`Invalid startTime: ${n}`),n=W),te(o)||(console.error(`Invalid endTime: ${o}`),o=ee);let m=useMemo(()=>{let i=DateTime.fromFormat(o,"HH:mm"),c=Duration.fromObject({minutes:e}),d=[],l=DateTime.fromFormat(n,"HH:mm");for(;l<=i;){let b=l.toFormat("HH:mm");b==="00:00"&&l.equals(i)&&(b="24:00"),d.push({label:l.toFormat("h:mm a"),value:{hour:l.toFormat("HH"),min:l.toFormat("mm"),raw:b,formatted:l.toFormat("h:mm a")}}),l=l.plus(c);}return d},[n,o,e]),v=m.map(i=>({label:i.label,value:i.value.raw}));return jsxs(a$4,{onValueChange:i=>{let c=m.find(d=>d.value.raw===i);c&&r?.(c);},...f,children:[jsx(d,{className:a("max-w-[240px] md:w-[150px]",t),size:h,children:jsx(c$1,{placeholder:p})}),jsx(g,{position:"popper",className:"max-h-90",portal:D,children:v.map(i$1=>jsx(i,{className:"h-10",value:i$1.value,children:i$1.label},i$1.value))})]})},Qe=oe;T.extend(Se);var ae="MM/DD/YYYY",Fe="00/00/0000",X=["MM/DD/YYYY","MM/D/YYYY","M/DD/YYYY","M/D/YYYY","YYYY-MM-DD"];function I(n){return n?T(n).format(ae):""}function Ie({className:n="",wrapperClassName:o="",value:e=void 0,onChange:r=void 0,disabled:t=false,calendarProps:p=void 0,placeholder:h,inputProps:D=void 0,showCalendarIcon:f=true,editable:m=false}){let[v,w]=useState(false),i=h??(m?ae:"Pick a date"),[c$1,d]=useState(void 0),l=useRef(e);e!==l.current&&(l.current=e,c$1!==void 0&&d(void 0));let b$1=c$1??e,a$3=s=>p?.disabled?!isMatch(s,p.disabled):true,g=useRef(r);g.current=r;let S=useRef(a$3);S.current=a$3;let{ref:q,setValue:B}=useIMask({mask:Fe,lazy:true,overwrite:false},{onComplete:s=>{let C=T(s,X,true);C.isValid()&&S.current(C.toDate())&&g.current?.(C.toDate());}}),ie=s=>{r?.(s),B(I(s)),w(false);},se=s=>{let C=s.clipboardData.getData("text").trim(),E=T(C,X,true);if(E.isValid()&&a$3(E.toDate())){s.preventDefault();let J=E.toDate();r?.(J),B(I(J));}},pe=()=>{B(I(e));},le=()=>{let s=q.current?.value??"";if(s===""){e!==void 0&&r?.(void 0);return}let C=T(s,X,true);C.isValid()&&a$3(C.toDate())&&r?.(C.toDate()),B(I(e));},me=a(a$1(),f&&"pl-10",v?"border-dark-green":"",n);return jsxs(a$2,{open:!t&&v,onOpenChange:w,children:[jsx(b,{asChild:true,children:jsxs("div",{className:a("relative flex w-full items-center rounded-md",o),children:[m?jsx("input",{ref:q,defaultValue:I(e),className:me,placeholder:i,disabled:t,onFocus:pe,onPaste:se,onBlur:s=>{le(),D?.onBlur?.(s);}}):jsx(b$3,{className:a(f&&"pl-10",v?"border-dark-green":"",n),...D,value:I(e),placeholder:i,readOnly:true,disabled:t}),f&&jsx("div",{className:a("absolute top-1/2 left-4 h-4 w-4 -translate-y-1/2",t?"text-gray-400":"cursor-pointer text-black"),children:jsx(LuCalendar,{size:16})})]})}),jsx(c,{className:"w-auto overflow-hidden p-0",align:"start",onOpenAutoFocus:m?s=>s.preventDefault():void 0,children:jsx(b$2,{mode:"single",selected:e?T(e).toDate():void 0,onSelect:ie,...m?{month:b$1,onMonthChange:d}:{},...p})})]})}export{Ie as a,De as b,Pe as c,oe as d,Qe as e};//# sourceMappingURL=chunk-R3HGV3DR.js.map
+//# sourceMappingURL=chunk-R3HGV3DR.js.map

package/dist/{chunk-FDMT42JJ.js.map → chunk-R3HGV3DR.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/v2/date-picker/date-picker-input.tsx","../src/v2/image-preview/image-preview.tsx","../src/v2/time-select/time-select.tsx","../src/v2/date-picker/date-picker.tsx"],"names":["maskDate","value","digits","parseDate","parts","month","day","year","date","DatePickerInput","className","wrapperClassName","onChange","disabled","calendarProps","placeholder","variant","open","setOpen","useState","setMonth","inputValue","setInputValue","dayjs","lastSyncedRef","useRef","useEffect","formatted","handleInputChange","e","masked","parsed","handleKeyDown","jsxs","cn","jsx","inputVariants","Popover","PopoverTrigger","Button","LuCalendar","PopoverContent","Calendar","d","ImagePreview","alt","containerClassName","imagePreview","cropper","loaded","setLoaded","showLoader","enableCrop","Cropper","LuZoomOut","Slider","v","LuZoomIn","LuRefreshCcw","START_TIME_DEFAULT","END_TIME_DEFAULT","isValidTime","time","DateTime","TimeSelect","startTime","endTime","interval","size","portal","inputProps","intervals","useMemo","dtEnd","durationInterval","Duration","res","i","raw","options","Select","SelectTrigger","SelectValue","SelectContent","option","SelectItem","time_select_default","customParseFormat","DISPLAY_FORMAT","INPUT_MASK","ACCEPTED_INPUT_FORMATS","formatDate","DatePicker","placeholderProp","showCalendarIcon","editable","navigatedMonth","setNavigatedMonth","prevValueForMonth","calendarMonth","isDateAllowed","isMatch","onChangeRef","isDateAllowedRef","maskRef","setMaskValue","useIMask","maskedValue","handleSelect","val","handlePaste","pasted","handleFocus","handleBlur","current","inputClasses","Input"],"mappings":"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","file":"chunk-FDMT42JJ.js","sourcesContent":["import * as React from 'react';\nimport { ComponentProps, useEffect, useRef, useState } from 'react';\nimport { LuCalendar } from 'react-icons/lu';\nimport dayjs from 'dayjs';\nimport { Calendar, Button, Popover, PopoverContent, PopoverTrigger } from '@/v2';\nimport { cn } from '@/lib/utils';\nimport { inputVariants } from '../input/input';\n\nfunction maskDate(value: string): string {\n  const digits = value.replace(/\\D/g, '').slice(0, 8);\n  if (digits.length <= 2) return digits;\n  if (digits.length <= 4) return `${digits.slice(0, 2)}/${digits.slice(2)}`;\n  return `${digits.slice(0, 2)}/${digits.slice(2, 4)}/${digits.slice(4)}`;\n}\n\nfunction parseDate(value: string): Date | undefined {\n  if (value.length !== 10) return undefined;\n  const parts = value.split('/');\n  if (parts.length !== 3 || parts[2].length !== 4) return undefined;\n  const month = parseInt(parts[0], 10);\n  const day = parseInt(parts[1], 10);\n  const year = parseInt(parts[2], 10);\n  if (Number.isNaN(month) || Number.isNaN(day) || Number.isNaN(year)) return undefined;\n  const date = new Date(year, month - 1, day);\n  if (date.getFullYear() !== year || date.getMonth() !== month - 1 || date.getDate() !== day) {\n    return undefined;\n  }\n  return date;\n}\n\nexport type DatePickerInputProps = {\n  className?: string;\n  wrapperClassName?: string;\n  value?: Date;\n  onChange?: (value: Date | undefined) => void;\n  disabled?: boolean;\n  calendarProps?: Omit<ComponentProps<typeof Calendar>, 'mode' | 'selected' | 'onSelect'>;\n  placeholder?: string;\n  variant?: 'default' | 'invalid';\n};\n\nexport function DatePickerInput({\n  className,\n  wrapperClassName,\n  value,\n  onChange,\n  disabled = false,\n  calendarProps,\n  placeholder = 'MM/DD/YYYY',\n  variant,\n}: DatePickerInputProps) {\n  const [open, setOpen] = useState(false);\n  const [month, setMonth] = useState<Date | undefined>(value);\n  const [inputValue, setInputValue] = useState<string>(\n    value ? dayjs(value).format('MM/DD/YYYY') : '',\n  );\n  // Track the last value we synced from props to avoid overwriting partial user input\n  const lastSyncedRef = useRef(value ? dayjs(value).format('MM/DD/YYYY') : '');\n\n  useEffect(() => {\n    const formatted = value ? dayjs(value).format('MM/DD/YYYY') : '';\n    if (formatted !== lastSyncedRef.current) {\n      lastSyncedRef.current = formatted;\n      setInputValue(formatted);\n      if (value) setMonth(value);\n    }\n  }, [value]);\n\n  const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const masked = maskDate(e.target.value);\n    setInputValue(masked);\n    const parsed = parseDate(masked);\n    if (parsed) {\n      lastSyncedRef.current = masked;\n      onChange?.(parsed);\n    } else if (masked === '') {\n      lastSyncedRef.current = '';\n      onChange?.(undefined);\n    }\n  };\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n    if (e.key === 'ArrowDown') {\n      e.preventDefault();\n      setOpen(true);\n    }\n    if (\n      !/[0-9/]/.test(e.key) &&\n      !['Backspace', 'Delete', 'ArrowLeft', 'ArrowRight', 'ArrowUp', 'Tab'].includes(e.key) &&\n      !e.metaKey &&\n      !e.ctrlKey\n    ) {\n      e.preventDefault();\n    }\n  };\n\n  return (\n    <div className={cn('relative w-full', wrapperClassName)}>\n      <input\n        type=\"text\"\n        data-slot=\"input\"\n        className={cn(inputVariants({ variant }), 'pr-10', className)}\n        value={inputValue}\n        placeholder={placeholder}\n        onChange={handleInputChange}\n        onKeyDown={handleKeyDown}\n        disabled={disabled}\n      />\n      <Popover open={!disabled && open} onOpenChange={setOpen}>\n        <PopoverTrigger asChild>\n          <Button\n            variant=\"ghost-icon\"\n            size=\"sm\"\n            className=\"absolute top-1/2 right-1 -translate-y-1/2\"\n            disabled={disabled}\n            aria-label=\"Select date\"\n            type=\"button\"\n          >\n            <LuCalendar />\n          </Button>\n        </PopoverTrigger>\n        <PopoverContent className=\"w-auto overflow-hidden p-0\" align=\"end\" sideOffset={10}>\n          <Calendar\n            mode=\"single\"\n            selected={value}\n            month={month}\n            onMonthChange={setMonth}\n            onSelect={(d) => {\n              const formatted = d ? dayjs(d).format('MM/DD/YYYY') : '';\n              lastSyncedRef.current = formatted;\n              setInputValue(formatted);\n              onChange?.(d);\n              setOpen(false);\n            }}\n            {...calendarProps}\n          />\n        </PopoverContent>\n      </Popover>\n    </div>\n  );\n}\n","import { useState } from 'react';\nimport { LuRefreshCcw, LuZoomIn, LuZoomOut } from 'react-icons/lu';\nimport Cropper from 'react-easy-crop';\nimport { Button, Slider } from '../index';\nimport type { UseImageCropper } from './useImageCropper';\nimport { cn } from '@/lib/utils';\n\nexport type ImagePreviewProps = {\n  alt: string;\n  className?: string;\n  containerClassName?: string;\n  imagePreview?: string; // optional so we can show skeleton while awaiting URL\n  cropper?: UseImageCropper; // when provided, show cropping UI\n};\n\nexport const ImagePreview = ({\n  alt,\n  className = '',\n  containerClassName = '',\n  imagePreview = undefined,\n  cropper = undefined,\n}: ImagePreviewProps) => {\n  const [loaded, setLoaded] = useState(false);\n  const showLoader = !imagePreview || !loaded;\n  const enableCrop = !!cropper;\n\n  return (\n    <div className={cn(`flex max-w-[386px] flex-col`, className)}>\n      <div className={cn('relative h-60 rounded-md border', containerClassName)}>\n        {imagePreview && enableCrop ? (\n          <Cropper\n            image={imagePreview}\n            crop={cropper.crop}\n            zoom={cropper.zoom}\n            aspect={cropper.aspect}\n            objectFit=\"contain\"\n            onCropChange={cropper.setCrop}\n            onZoomChange={cropper.setZoom}\n            onCropComplete={cropper.onCropComplete}\n            onMediaLoaded={() => setLoaded(true)}\n            showGrid={false}\n          />\n        ) : (\n          imagePreview && (\n            <img\n              alt={alt}\n              className={`m-auto h-full w-full object-contain transition-opacity duration-300 ${loaded ? 'opacity-100' : 'opacity-0'}`}\n              src={imagePreview}\n              onLoad={() => setLoaded(true)}\n              draggable={false}\n            />\n          )\n        )}\n\n        {showLoader && (\n          <div\n            aria-label={imagePreview ? 'Loading image' : 'Awaiting image'}\n            className=\"from-grey-300 to-grey-300 absolute inset-0 animate-pulse bg-gradient-to-r\"\n          />\n        )}\n      </div>\n\n      {!showLoader && enableCrop && (\n        <div className=\"mt-3 flex flex-col items-center justify-between gap-1 px-1 sm:flex-row sm:gap-4\">\n          <div className=\"flex w-full items-center gap-3\">\n            <Button\n              aria-label=\"zoom out\"\n              onClick={() => cropper.setZoom(Math.max(cropper.zoom - 0.1, 1))}\n              className=\"h-8\"\n              variant=\"ghost-icon\"\n            >\n              <LuZoomOut />\n            </Button>\n\n            <Slider\n              value={[cropper.zoom]}\n              min={1}\n              max={3}\n              step={0.01}\n              onValueChange={(v: number[]) => cropper.setZoom(v[0])}\n              className=\"w-full sm:flex-50\"\n              classNames={{ thumb: 'border-2 border-green-800', range: 'bg-green-900' }}\n            />\n\n            <Button\n              aria-label=\"zoom in\"\n              onClick={() => cropper.setZoom(Math.min(cropper.zoom + 0.1, 3))}\n              variant=\"ghost-icon\"\n              className=\"h-8\"\n            >\n              <LuZoomIn />\n            </Button>\n          </div>\n\n          <Button onClick={cropper.reset} variant=\"ghost\" className=\"h-8 p-2\">\n            <LuRefreshCcw />\n            Reset\n          </Button>\n        </div>\n      )}\n    </div>\n  );\n};\n","import { DateTime, Duration } from 'luxon';\nimport { useMemo } from 'react';\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/v2';\nimport { cn } from '@/lib/utils';\n\nexport type Interval = {\n  label: string;\n  value: {\n    hour: string;\n    min: string;\n    raw: string;\n    formatted: string;\n  };\n};\n\ntype Props = {\n  startTime?: string;\n  endTime?: string;\n  interval?: number;\n  onChange?: (e: Interval) => void;\n  className?: string;\n  placeholder?: string;\n  size?: 'default' | 'sm';\n  portal?: boolean;\n  [inputProps: string]: unknown;\n};\n\nconst START_TIME_DEFAULT = '00:00';\nconst END_TIME_DEFAULT = '24:00';\n\nconst isValidTime = (time: string) => {\n  const dt = DateTime.fromFormat(time, 'HH:mm');\n  return dt.isValid;\n};\n\nexport const TimeSelect = ({\n  startTime = START_TIME_DEFAULT,\n  endTime = END_TIME_DEFAULT,\n  interval = 30,\n  onChange = undefined,\n  className = '',\n  placeholder = 'Select one',\n  size = 'default',\n  portal = true,\n  ...inputProps\n}: Props) => {\n  if (!isValidTime(startTime)) {\n    console.error(`Invalid startTime: ${startTime}`);\n    // eslint-disable-next-line no-param-reassign\n    startTime = START_TIME_DEFAULT;\n  }\n  if (!isValidTime(endTime)) {\n    console.error(`Invalid endTime: ${endTime}`);\n    // eslint-disable-next-line no-param-reassign\n    endTime = END_TIME_DEFAULT;\n  }\n\n  const intervals = useMemo((): Interval[] => {\n    const dtEnd = DateTime.fromFormat(endTime, 'HH:mm');\n    const durationInterval = Duration.fromObject({ minutes: interval });\n    const res = [];\n    let i = DateTime.fromFormat(startTime, 'HH:mm');\n    while (i <= dtEnd) {\n      let raw = i.toFormat('HH:mm');\n      // Avoid duplicate keys for \"00:00\" and \"00:00\" (end of day)\n      if (raw === '00:00' && i.equals(dtEnd)) raw = '24:00';\n\n      res.push({\n        label: i.toFormat('h:mm a'),\n        value: {\n          hour: i.toFormat('HH'),\n          min: i.toFormat('mm'),\n          raw,\n          formatted: i.toFormat('h:mm a'),\n        },\n      });\n      i = i.plus(durationInterval);\n    }\n\n    return res;\n  }, [startTime, endTime, interval]);\n\n  const options = intervals.map((time) => ({\n    label: time.label,\n    value: time.value.raw,\n  }));\n\n  const handleOnSelect = (e: unknown) => {\n    const interval = intervals.find((time) => time.value.raw === e);\n\n    if (!interval) return;\n\n    onChange?.(interval);\n  };\n\n  return (\n    <Select onValueChange={handleOnSelect} {...inputProps}>\n      <SelectTrigger className={cn('max-w-[240px] md:w-[150px]', className)} size={size}>\n        <SelectValue placeholder={placeholder} />\n      </SelectTrigger>\n      <SelectContent position=\"popper\" className=\"max-h-90\" portal={portal}>\n        {options.map((option) => (\n          // Note that labels and values here may appear to be duplicates\n          // For example, \"00:00\" and \"24:00\" will both have the same value \"00:00\"\n          <SelectItem className=\"h-10\" key={option.value} value={option.value}>\n            {option.label}\n          </SelectItem>\n        ))}\n      </SelectContent>\n    </Select>\n  );\n};\n\nexport default TimeSelect;\n","import { ComponentProps, useRef, useState } from 'react';\nimport { LuCalendar } from 'react-icons/lu';\nimport dayjs from 'dayjs';\nimport customParseFormat from 'dayjs/plugin/customParseFormat.js';\nimport { useIMask } from 'react-imask';\nimport { isMatch } from 'react-day-picker';\nimport { Calendar, Input, Popover, PopoverContent, PopoverTrigger } from '@/v2';\nimport { cn } from '@/lib/utils';\nimport { inputVariants } from '@/v2/input/input';\nimport type { InputProps } from '@/v2/input/input';\n\ndayjs.extend(customParseFormat);\n\n/** Display and input format for dates. Also used as the placeholder when `editable` is true. */\nconst DISPLAY_FORMAT = 'MM/DD/YYYY';\n\n/** IMask pattern — each `0` is a required digit, slashes are fixed literals. */\nconst INPUT_MASK = '00/00/0000';\n\n/**\n * Formats accepted when parsing typed or pasted input (dayjs strict mode).\n * Ordered from most specific to least specific to avoid ambiguous matches.\n */\nconst ACCEPTED_INPUT_FORMATS = ['MM/DD/YYYY', 'MM/D/YYYY', 'M/DD/YYYY', 'M/D/YYYY', 'YYYY-MM-DD'];\n\nexport type DatePickerProps = {\n  /** Additional class name(s) applied to the input element. */\n  className?: string;\n  /** Additional class name(s) applied to the outer popover trigger wrapper. */\n  wrapperClassName?: string;\n  /** The currently selected date. `undefined` means no date is selected. */\n  value?: Date;\n  /** Called when the selected date changes. Receives `undefined` when the date is cleared. */\n  onChange?: (value: Date | undefined) => void;\n  /** When `true`, the picker is non-interactive. */\n  disabled?: boolean;\n  /**\n   * Props forwarded to the underlying `Calendar` component (react-day-picker).\n   * Use `disabled` within this object to restrict selectable dates — these\n   * constraints apply to both calendar clicks and typed input when `editable` is `true`.\n   *\n   * @example\n   * ```tsx\n   * <DatePicker calendarProps={{ disabled: [{ before: new Date() }] }} />\n   * ```\n   */\n  calendarProps?: Omit<ComponentProps<typeof Calendar>, 'mode' | 'selected' | 'onSelect'>;\n  /**\n   * Input placeholder text. Defaults to `\"Pick a date\"` in read-only mode\n   * and `\"MM/DD/YYYY\"` when `editable` is `true`.\n   */\n  placeholder?: string;\n  /** Props forwarded to the underlying `Input` component. */\n  inputProps?: InputProps;\n  /** Whether to show the calendar icon inside the input. @default true */\n  showCalendarIcon?: boolean;\n  /**\n   * When `true`, the input accepts typed and pasted dates in `MM/DD/YYYY` format.\n   * Slashes are auto-inserted, non-numeric characters are rejected, and common\n   * formats like `M/D/YYYY` and `YYYY-MM-DD` are accepted on paste.\n   * Dates that fall in `calendarProps.disabled` ranges are rejected.\n   *\n   * When `false` (default), the input is read-only and dates can only be\n   * selected via the calendar popover.\n   *\n   * @default false\n   */\n  editable?: boolean;\n};\n\nfunction formatDate(date: Date | undefined): string {\n  return date ? dayjs(date).format(DISPLAY_FORMAT) : '';\n}\n\n/**\n * A date picker that combines a text input with a calendar popover.\n *\n * By default the input is read-only — dates are selected via the calendar.\n * Set `editable` to allow typing or pasting dates in `MM/DD/YYYY` format.\n */\nexport function DatePicker({\n  className = '',\n  wrapperClassName = '',\n  value = undefined,\n  onChange = undefined,\n  disabled = false,\n  calendarProps = undefined,\n  placeholder: placeholderProp,\n  inputProps = undefined,\n  showCalendarIcon = true,\n  editable = false,\n}: DatePickerProps) {\n  const [open, setOpen] = useState(false);\n  const placeholder = placeholderProp ?? (editable ? DISPLAY_FORMAT : 'Pick a date');\n\n  // Calendar month: derived from value, with user navigation override.\n  // When value changes, navigation resets to the new value's month.\n  const [navigatedMonth, setNavigatedMonth] = useState<Date | undefined>(undefined);\n  const prevValueForMonth = useRef(value);\n  if (value !== prevValueForMonth.current) {\n    prevValueForMonth.current = value;\n    if (navigatedMonth !== undefined) {\n      setNavigatedMonth(undefined);\n    }\n  }\n  const calendarMonth = navigatedMonth ?? value;\n\n  const isDateAllowed = (date: Date): boolean => {\n    if (!calendarProps?.disabled) {\n      return true;\n    }\n    return !isMatch(date, calendarProps.disabled);\n  };\n\n  // Refs ensure IMask callbacks always see the latest values without re-creating the mask\n  const onChangeRef = useRef(onChange);\n  onChangeRef.current = onChange;\n  const isDateAllowedRef = useRef(isDateAllowed);\n  isDateAllowedRef.current = isDateAllowed;\n\n  const { ref: maskRef, setValue: setMaskValue } = useIMask<HTMLInputElement>(\n    { mask: INPUT_MASK, lazy: true, overwrite: false },\n    {\n      onComplete: (maskedValue) => {\n        const parsed = dayjs(maskedValue, ACCEPTED_INPUT_FORMATS, true);\n        if (parsed.isValid() && isDateAllowedRef.current(parsed.toDate())) {\n          onChangeRef.current?.(parsed.toDate());\n        }\n      },\n    },\n  );\n\n  const handleSelect = (val: Date | undefined) => {\n    onChange?.(val);\n    setMaskValue(formatDate(val));\n    setOpen(false);\n  };\n\n  const handlePaste = (e: React.ClipboardEvent<HTMLInputElement>) => {\n    const pasted = e.clipboardData.getData('text').trim();\n    const parsed = dayjs(pasted, ACCEPTED_INPUT_FORMATS, true);\n    if (parsed.isValid() && isDateAllowed(parsed.toDate())) {\n      e.preventDefault();\n      const date = parsed.toDate();\n      onChange?.(date);\n      setMaskValue(formatDate(date));\n    }\n    // If we can't parse it, let IMask handle it naturally\n  };\n\n  const handleFocus = () => {\n    // Sync the mask to the current value on focus — handles external parent resets\n    setMaskValue(formatDate(value));\n  };\n\n  const handleBlur = () => {\n    const current = maskRef.current?.value ?? '';\n    if (current === '') {\n      if (value !== undefined) {\n        onChange?.(undefined);\n      }\n      return;\n    }\n    const parsed = dayjs(current, ACCEPTED_INPUT_FORMATS, true);\n    if (parsed.isValid() && isDateAllowed(parsed.toDate())) {\n      onChange?.(parsed.toDate());\n    }\n    // Revert to last valid display value\n    setMaskValue(formatDate(value));\n  };\n\n  const inputClasses = cn(\n    inputVariants(),\n    showCalendarIcon && 'pl-10',\n    open ? 'border-dark-green' : '',\n    className,\n  );\n\n  return (\n    <Popover open={!disabled && open} onOpenChange={setOpen}>\n      <PopoverTrigger asChild>\n        <div className={cn('relative flex w-full items-center rounded-md', wrapperClassName)}>\n          {editable ? (\n            <input\n              ref={maskRef}\n              defaultValue={formatDate(value)}\n              className={inputClasses}\n              placeholder={placeholder}\n              disabled={disabled}\n              onFocus={handleFocus}\n              onPaste={handlePaste}\n              onBlur={(e) => {\n                handleBlur();\n                inputProps?.onBlur?.(e);\n              }}\n            />\n          ) : (\n            <Input\n              className={cn(\n                showCalendarIcon && 'pl-10',\n                open ? 'border-dark-green' : '',\n                className,\n              )}\n              {...inputProps}\n              value={formatDate(value)}\n              placeholder={placeholder}\n              readOnly\n              disabled={disabled}\n            />\n          )}\n          {showCalendarIcon && (\n            <div\n              className={cn(\n                'absolute top-1/2 left-4 h-4 w-4 -translate-y-1/2',\n                disabled ? 'text-gray-400' : 'cursor-pointer text-black',\n              )}\n            >\n              <LuCalendar size={16} />\n            </div>\n          )}\n        </div>\n      </PopoverTrigger>\n      <PopoverContent\n        className=\"w-auto overflow-hidden p-0\"\n        align=\"start\"\n        onOpenAutoFocus={editable ? (e) => e.preventDefault() : undefined}\n      >\n        <Calendar\n          mode=\"single\"\n          selected={value ? dayjs(value).toDate() : undefined}\n          onSelect={handleSelect}\n          {...(editable ? { month: calendarMonth, onMonthChange: setNavigatedMonth } : {})}\n          {...calendarProps}\n        />\n      </PopoverContent>\n    </Popover>\n  );\n}\n"]}
+{"version":3,"sources":["../src/v2/date-picker/date-picker-input.tsx","../src/v2/image-preview/image-preview.tsx","../src/v2/time-select/time-select.tsx","../src/v2/date-picker/date-picker.tsx"],"names":["maskDate","value","digits","parseDate","parts","month","day","year","date","DatePickerInput","className","wrapperClassName","onChange","disabled","calendarProps","placeholder","variant","open","setOpen","useState","setMonth","inputValue","setInputValue","dayjs","lastSyncedRef","useRef","useEffect","formatted","handleInputChange","e","masked","parsed","handleKeyDown","jsxs","cn","jsx","inputVariants","Popover","PopoverTrigger","Button","LuCalendar","PopoverContent","Calendar","d","ImagePreview","alt","containerClassName","imagePreview","cropper","loaded","setLoaded","showLoader","enableCrop","Cropper","LuZoomOut","Slider","v","LuZoomIn","LuRefreshCcw","START_TIME_DEFAULT","END_TIME_DEFAULT","isValidTime","time","DateTime","TimeSelect","startTime","endTime","interval","size","portal","inputProps","intervals","useMemo","dtEnd","durationInterval","Duration","res","i","raw","options","Select","SelectTrigger","SelectValue","SelectContent","option","SelectItem","time_select_default","customParseFormat","DISPLAY_FORMAT","INPUT_MASK","ACCEPTED_INPUT_FORMATS","formatDate","DatePicker","placeholderProp","showCalendarIcon","editable","navigatedMonth","setNavigatedMonth","prevValueForMonth","calendarMonth","isDateAllowed","isMatch","onChangeRef","isDateAllowedRef","maskRef","setMaskValue","useIMask","maskedValue","handleSelect","val","handlePaste","pasted","handleFocus","handleBlur","current","inputClasses","Input"],"mappings":"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","file":"chunk-R3HGV3DR.js","sourcesContent":["import * as React from 'react';\nimport { ComponentProps, useEffect, useRef, useState } from 'react';\nimport { LuCalendar } from 'react-icons/lu';\nimport dayjs from 'dayjs';\nimport { Calendar, Button, Popover, PopoverContent, PopoverTrigger } from '@/v2';\nimport { cn } from '@/lib/utils';\nimport { inputVariants } from '../input/input';\n\nfunction maskDate(value: string): string {\n  const digits = value.replace(/\\D/g, '').slice(0, 8);\n  if (digits.length <= 2) return digits;\n  if (digits.length <= 4) return `${digits.slice(0, 2)}/${digits.slice(2)}`;\n  return `${digits.slice(0, 2)}/${digits.slice(2, 4)}/${digits.slice(4)}`;\n}\n\nfunction parseDate(value: string): Date | undefined {\n  if (value.length !== 10) return undefined;\n  const parts = value.split('/');\n  if (parts.length !== 3 || parts[2].length !== 4) return undefined;\n  const month = parseInt(parts[0], 10);\n  const day = parseInt(parts[1], 10);\n  const year = parseInt(parts[2], 10);\n  if (Number.isNaN(month) || Number.isNaN(day) || Number.isNaN(year)) return undefined;\n  const date = new Date(year, month - 1, day);\n  if (date.getFullYear() !== year || date.getMonth() !== month - 1 || date.getDate() !== day) {\n    return undefined;\n  }\n  return date;\n}\n\nexport type DatePickerInputProps = {\n  className?: string;\n  wrapperClassName?: string;\n  value?: Date;\n  onChange?: (value: Date | undefined) => void;\n  disabled?: boolean;\n  calendarProps?: Omit<ComponentProps<typeof Calendar>, 'mode' | 'selected' | 'onSelect'>;\n  placeholder?: string;\n  variant?: 'default' | 'invalid';\n};\n\nexport function DatePickerInput({\n  className,\n  wrapperClassName,\n  value,\n  onChange,\n  disabled = false,\n  calendarProps,\n  placeholder = 'MM/DD/YYYY',\n  variant,\n}: DatePickerInputProps) {\n  const [open, setOpen] = useState(false);\n  const [month, setMonth] = useState<Date | undefined>(value);\n  const [inputValue, setInputValue] = useState<string>(\n    value ? dayjs(value).format('MM/DD/YYYY') : '',\n  );\n  // Track the last value we synced from props to avoid overwriting partial user input\n  const lastSyncedRef = useRef(value ? dayjs(value).format('MM/DD/YYYY') : '');\n\n  useEffect(() => {\n    const formatted = value ? dayjs(value).format('MM/DD/YYYY') : '';\n    if (formatted !== lastSyncedRef.current) {\n      lastSyncedRef.current = formatted;\n      setInputValue(formatted);\n      if (value) setMonth(value);\n    }\n  }, [value]);\n\n  const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const masked = maskDate(e.target.value);\n    setInputValue(masked);\n    const parsed = parseDate(masked);\n    if (parsed) {\n      lastSyncedRef.current = masked;\n      onChange?.(parsed);\n    } else if (masked === '') {\n      lastSyncedRef.current = '';\n      onChange?.(undefined);\n    }\n  };\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n    if (e.key === 'ArrowDown') {\n      e.preventDefault();\n      setOpen(true);\n    }\n    if (\n      !/[0-9/]/.test(e.key) &&\n      !['Backspace', 'Delete', 'ArrowLeft', 'ArrowRight', 'ArrowUp', 'Tab'].includes(e.key) &&\n      !e.metaKey &&\n      !e.ctrlKey\n    ) {\n      e.preventDefault();\n    }\n  };\n\n  return (\n    <div className={cn('relative w-full', wrapperClassName)}>\n      <input\n        type=\"text\"\n        data-slot=\"input\"\n        className={cn(inputVariants({ variant }), 'pr-10', className)}\n        value={inputValue}\n        placeholder={placeholder}\n        onChange={handleInputChange}\n        onKeyDown={handleKeyDown}\n        disabled={disabled}\n      />\n      <Popover open={!disabled && open} onOpenChange={setOpen}>\n        <PopoverTrigger asChild>\n          <Button\n            variant=\"ghost-icon\"\n            size=\"sm\"\n            className=\"absolute top-1/2 right-1 -translate-y-1/2\"\n            disabled={disabled}\n            aria-label=\"Select date\"\n            type=\"button\"\n          >\n            <LuCalendar />\n          </Button>\n        </PopoverTrigger>\n        <PopoverContent className=\"w-auto overflow-hidden p-0\" align=\"end\" sideOffset={10}>\n          <Calendar\n            mode=\"single\"\n            selected={value}\n            month={month}\n            onMonthChange={setMonth}\n            onSelect={(d) => {\n              const formatted = d ? dayjs(d).format('MM/DD/YYYY') : '';\n              lastSyncedRef.current = formatted;\n              setInputValue(formatted);\n              onChange?.(d);\n              setOpen(false);\n            }}\n            {...calendarProps}\n          />\n        </PopoverContent>\n      </Popover>\n    </div>\n  );\n}\n","import { useState } from 'react';\nimport { LuRefreshCcw, LuZoomIn, LuZoomOut } from 'react-icons/lu';\nimport Cropper from 'react-easy-crop';\nimport { Button, Slider } from '../index';\nimport type { UseImageCropper } from './useImageCropper';\nimport { cn } from '@/lib/utils';\n\nexport type ImagePreviewProps = {\n  alt: string;\n  className?: string;\n  containerClassName?: string;\n  imagePreview?: string; // optional so we can show skeleton while awaiting URL\n  cropper?: UseImageCropper; // when provided, show cropping UI\n};\n\nexport const ImagePreview = ({\n  alt,\n  className = '',\n  containerClassName = '',\n  imagePreview = undefined,\n  cropper = undefined,\n}: ImagePreviewProps) => {\n  const [loaded, setLoaded] = useState(false);\n  const showLoader = !imagePreview || !loaded;\n  const enableCrop = !!cropper;\n\n  return (\n    <div className={cn(`flex max-w-[386px] flex-col`, className)}>\n      <div className={cn('relative h-60 rounded-md border', containerClassName)}>\n        {imagePreview && enableCrop ? (\n          <Cropper\n            image={imagePreview}\n            crop={cropper.crop}\n            zoom={cropper.zoom}\n            aspect={cropper.aspect}\n            objectFit=\"contain\"\n            onCropChange={cropper.setCrop}\n            onZoomChange={cropper.setZoom}\n            onCropComplete={cropper.onCropComplete}\n            onMediaLoaded={() => setLoaded(true)}\n            showGrid={false}\n          />\n        ) : (\n          imagePreview && (\n            <img\n              alt={alt}\n              className={`m-auto h-full w-full object-contain transition-opacity duration-300 ${loaded ? 'opacity-100' : 'opacity-0'}`}\n              src={imagePreview}\n              onLoad={() => setLoaded(true)}\n              draggable={false}\n            />\n          )\n        )}\n\n        {showLoader && (\n          <div\n            aria-label={imagePreview ? 'Loading image' : 'Awaiting image'}\n            className=\"from-grey-300 to-grey-300 absolute inset-0 animate-pulse bg-gradient-to-r\"\n          />\n        )}\n      </div>\n\n      {!showLoader && enableCrop && (\n        <div className=\"mt-3 flex flex-col items-center justify-between gap-1 px-1 sm:flex-row sm:gap-4\">\n          <div className=\"flex w-full items-center gap-3\">\n            <Button\n              aria-label=\"zoom out\"\n              onClick={() => cropper.setZoom(Math.max(cropper.zoom - 0.1, 1))}\n              className=\"h-8\"\n              variant=\"ghost-icon\"\n            >\n              <LuZoomOut />\n            </Button>\n\n            <Slider\n              value={[cropper.zoom]}\n              min={1}\n              max={3}\n              step={0.01}\n              onValueChange={(v: number[]) => cropper.setZoom(v[0])}\n              className=\"w-full sm:flex-50\"\n              classNames={{ thumb: 'border-2 border-green-800', range: 'bg-green-900' }}\n            />\n\n            <Button\n              aria-label=\"zoom in\"\n              onClick={() => cropper.setZoom(Math.min(cropper.zoom + 0.1, 3))}\n              variant=\"ghost-icon\"\n              className=\"h-8\"\n            >\n              <LuZoomIn />\n            </Button>\n          </div>\n\n          <Button onClick={cropper.reset} variant=\"ghost\" className=\"h-8 p-2\">\n            <LuRefreshCcw />\n            Reset\n          </Button>\n        </div>\n      )}\n    </div>\n  );\n};\n","import { DateTime, Duration } from 'luxon';\nimport { useMemo } from 'react';\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/v2';\nimport { cn } from '@/lib/utils';\n\nexport type Interval = {\n  label: string;\n  value: {\n    hour: string;\n    min: string;\n    raw: string;\n    formatted: string;\n  };\n};\n\ntype Props = {\n  startTime?: string;\n  endTime?: string;\n  interval?: number;\n  onChange?: (e: Interval) => void;\n  className?: string;\n  placeholder?: string;\n  size?: 'default' | 'sm';\n  portal?: boolean;\n  [inputProps: string]: unknown;\n};\n\nconst START_TIME_DEFAULT = '00:00';\nconst END_TIME_DEFAULT = '24:00';\n\nconst isValidTime = (time: string) => {\n  const dt = DateTime.fromFormat(time, 'HH:mm');\n  return dt.isValid;\n};\n\nexport const TimeSelect = ({\n  startTime = START_TIME_DEFAULT,\n  endTime = END_TIME_DEFAULT,\n  interval = 30,\n  onChange = undefined,\n  className = '',\n  placeholder = 'Select one',\n  size = 'default',\n  portal = true,\n  ...inputProps\n}: Props) => {\n  if (!isValidTime(startTime)) {\n    console.error(`Invalid startTime: ${startTime}`);\n    // eslint-disable-next-line no-param-reassign\n    startTime = START_TIME_DEFAULT;\n  }\n  if (!isValidTime(endTime)) {\n    console.error(`Invalid endTime: ${endTime}`);\n    // eslint-disable-next-line no-param-reassign\n    endTime = END_TIME_DEFAULT;\n  }\n\n  const intervals = useMemo((): Interval[] => {\n    const dtEnd = DateTime.fromFormat(endTime, 'HH:mm');\n    const durationInterval = Duration.fromObject({ minutes: interval });\n    const res = [];\n    let i = DateTime.fromFormat(startTime, 'HH:mm');\n    while (i <= dtEnd) {\n      let raw = i.toFormat('HH:mm');\n      // Avoid duplicate keys for \"00:00\" and \"00:00\" (end of day)\n      if (raw === '00:00' && i.equals(dtEnd)) raw = '24:00';\n\n      res.push({\n        label: i.toFormat('h:mm a'),\n        value: {\n          hour: i.toFormat('HH'),\n          min: i.toFormat('mm'),\n          raw,\n          formatted: i.toFormat('h:mm a'),\n        },\n      });\n      i = i.plus(durationInterval);\n    }\n\n    return res;\n  }, [startTime, endTime, interval]);\n\n  const options = intervals.map((time) => ({\n    label: time.label,\n    value: time.value.raw,\n  }));\n\n  const handleOnSelect = (e: unknown) => {\n    const interval = intervals.find((time) => time.value.raw === e);\n\n    if (!interval) return;\n\n    onChange?.(interval);\n  };\n\n  return (\n    <Select onValueChange={handleOnSelect} {...inputProps}>\n      <SelectTrigger className={cn('max-w-[240px] md:w-[150px]', className)} size={size}>\n        <SelectValue placeholder={placeholder} />\n      </SelectTrigger>\n      <SelectContent position=\"popper\" className=\"max-h-90\" portal={portal}>\n        {options.map((option) => (\n          // Note that labels and values here may appear to be duplicates\n          // For example, \"00:00\" and \"24:00\" will both have the same value \"00:00\"\n          <SelectItem className=\"h-10\" key={option.value} value={option.value}>\n            {option.label}\n          </SelectItem>\n        ))}\n      </SelectContent>\n    </Select>\n  );\n};\n\nexport default TimeSelect;\n","import { ComponentProps, useRef, useState } from 'react';\nimport { LuCalendar } from 'react-icons/lu';\nimport dayjs from 'dayjs';\nimport customParseFormat from 'dayjs/plugin/customParseFormat.js';\nimport { useIMask } from 'react-imask';\nimport { isMatch } from 'react-day-picker';\nimport { Calendar, Input, Popover, PopoverContent, PopoverTrigger } from '@/v2';\nimport { cn } from '@/lib/utils';\nimport { inputVariants } from '@/v2/input/input';\nimport type { InputProps } from '@/v2/input/input';\n\ndayjs.extend(customParseFormat);\n\n/** Display and input format for dates. Also used as the placeholder when `editable` is true. */\nconst DISPLAY_FORMAT = 'MM/DD/YYYY';\n\n/** IMask pattern — each `0` is a required digit, slashes are fixed literals. */\nconst INPUT_MASK = '00/00/0000';\n\n/**\n * Formats accepted when parsing typed or pasted input (dayjs strict mode).\n * Ordered from most specific to least specific to avoid ambiguous matches.\n */\nconst ACCEPTED_INPUT_FORMATS = ['MM/DD/YYYY', 'MM/D/YYYY', 'M/DD/YYYY', 'M/D/YYYY', 'YYYY-MM-DD'];\n\nexport type DatePickerProps = {\n  /** Additional class name(s) applied to the input element. */\n  className?: string;\n  /** Additional class name(s) applied to the outer popover trigger wrapper. */\n  wrapperClassName?: string;\n  /** The currently selected date. `undefined` means no date is selected. */\n  value?: Date;\n  /** Called when the selected date changes. Receives `undefined` when the date is cleared. */\n  onChange?: (value: Date | undefined) => void;\n  /** When `true`, the picker is non-interactive. */\n  disabled?: boolean;\n  /**\n   * Props forwarded to the underlying `Calendar` component (react-day-picker).\n   * Use `disabled` within this object to restrict selectable dates — these\n   * constraints apply to both calendar clicks and typed input when `editable` is `true`.\n   *\n   * @example\n   * ```tsx\n   * <DatePicker calendarProps={{ disabled: [{ before: new Date() }] }} />\n   * ```\n   */\n  calendarProps?: Omit<ComponentProps<typeof Calendar>, 'mode' | 'selected' | 'onSelect'>;\n  /**\n   * Input placeholder text. Defaults to `\"Pick a date\"` in read-only mode\n   * and `\"MM/DD/YYYY\"` when `editable` is `true`.\n   */\n  placeholder?: string;\n  /** Props forwarded to the underlying `Input` component. */\n  inputProps?: InputProps;\n  /** Whether to show the calendar icon inside the input. @default true */\n  showCalendarIcon?: boolean;\n  /**\n   * When `true`, the input accepts typed and pasted dates in `MM/DD/YYYY` format.\n   * Slashes are auto-inserted, non-numeric characters are rejected, and common\n   * formats like `M/D/YYYY` and `YYYY-MM-DD` are accepted on paste.\n   * Dates that fall in `calendarProps.disabled` ranges are rejected.\n   *\n   * When `false` (default), the input is read-only and dates can only be\n   * selected via the calendar popover.\n   *\n   * @default false\n   */\n  editable?: boolean;\n};\n\nfunction formatDate(date: Date | undefined): string {\n  return date ? dayjs(date).format(DISPLAY_FORMAT) : '';\n}\n\n/**\n * A date picker that combines a text input with a calendar popover.\n *\n * By default the input is read-only — dates are selected via the calendar.\n * Set `editable` to allow typing or pasting dates in `MM/DD/YYYY` format.\n */\nexport function DatePicker({\n  className = '',\n  wrapperClassName = '',\n  value = undefined,\n  onChange = undefined,\n  disabled = false,\n  calendarProps = undefined,\n  placeholder: placeholderProp,\n  inputProps = undefined,\n  showCalendarIcon = true,\n  editable = false,\n}: DatePickerProps) {\n  const [open, setOpen] = useState(false);\n  const placeholder = placeholderProp ?? (editable ? DISPLAY_FORMAT : 'Pick a date');\n\n  // Calendar month: derived from value, with user navigation override.\n  // When value changes, navigation resets to the new value's month.\n  const [navigatedMonth, setNavigatedMonth] = useState<Date | undefined>(undefined);\n  const prevValueForMonth = useRef(value);\n  if (value !== prevValueForMonth.current) {\n    prevValueForMonth.current = value;\n    if (navigatedMonth !== undefined) {\n      setNavigatedMonth(undefined);\n    }\n  }\n  const calendarMonth = navigatedMonth ?? value;\n\n  const isDateAllowed = (date: Date): boolean => {\n    if (!calendarProps?.disabled) {\n      return true;\n    }\n    return !isMatch(date, calendarProps.disabled);\n  };\n\n  // Refs ensure IMask callbacks always see the latest values without re-creating the mask\n  const onChangeRef = useRef(onChange);\n  onChangeRef.current = onChange;\n  const isDateAllowedRef = useRef(isDateAllowed);\n  isDateAllowedRef.current = isDateAllowed;\n\n  const { ref: maskRef, setValue: setMaskValue } = useIMask<HTMLInputElement>(\n    { mask: INPUT_MASK, lazy: true, overwrite: false },\n    {\n      onComplete: (maskedValue) => {\n        const parsed = dayjs(maskedValue, ACCEPTED_INPUT_FORMATS, true);\n        if (parsed.isValid() && isDateAllowedRef.current(parsed.toDate())) {\n          onChangeRef.current?.(parsed.toDate());\n        }\n      },\n    },\n  );\n\n  const handleSelect = (val: Date | undefined) => {\n    onChange?.(val);\n    setMaskValue(formatDate(val));\n    setOpen(false);\n  };\n\n  const handlePaste = (e: React.ClipboardEvent<HTMLInputElement>) => {\n    const pasted = e.clipboardData.getData('text').trim();\n    const parsed = dayjs(pasted, ACCEPTED_INPUT_FORMATS, true);\n    if (parsed.isValid() && isDateAllowed(parsed.toDate())) {\n      e.preventDefault();\n      const date = parsed.toDate();\n      onChange?.(date);\n      setMaskValue(formatDate(date));\n    }\n    // If we can't parse it, let IMask handle it naturally\n  };\n\n  const handleFocus = () => {\n    // Sync the mask to the current value on focus — handles external parent resets\n    setMaskValue(formatDate(value));\n  };\n\n  const handleBlur = () => {\n    const current = maskRef.current?.value ?? '';\n    if (current === '') {\n      if (value !== undefined) {\n        onChange?.(undefined);\n      }\n      return;\n    }\n    const parsed = dayjs(current, ACCEPTED_INPUT_FORMATS, true);\n    if (parsed.isValid() && isDateAllowed(parsed.toDate())) {\n      onChange?.(parsed.toDate());\n    }\n    // Revert to last valid display value\n    setMaskValue(formatDate(value));\n  };\n\n  const inputClasses = cn(\n    inputVariants(),\n    showCalendarIcon && 'pl-10',\n    open ? 'border-dark-green' : '',\n    className,\n  );\n\n  return (\n    <Popover open={!disabled && open} onOpenChange={setOpen}>\n      <PopoverTrigger asChild>\n        <div className={cn('relative flex w-full items-center rounded-md', wrapperClassName)}>\n          {editable ? (\n            <input\n              ref={maskRef}\n              defaultValue={formatDate(value)}\n              className={inputClasses}\n              placeholder={placeholder}\n              disabled={disabled}\n              onFocus={handleFocus}\n              onPaste={handlePaste}\n              onBlur={(e) => {\n                handleBlur();\n                inputProps?.onBlur?.(e);\n              }}\n            />\n          ) : (\n            <Input\n              className={cn(\n                showCalendarIcon && 'pl-10',\n                open ? 'border-dark-green' : '',\n                className,\n              )}\n              {...inputProps}\n              value={formatDate(value)}\n              placeholder={placeholder}\n              readOnly\n              disabled={disabled}\n            />\n          )}\n          {showCalendarIcon && (\n            <div\n              className={cn(\n                'absolute top-1/2 left-4 h-4 w-4 -translate-y-1/2',\n                disabled ? 'text-gray-400' : 'cursor-pointer text-black',\n              )}\n            >\n              <LuCalendar size={16} />\n            </div>\n          )}\n        </div>\n      </PopoverTrigger>\n      <PopoverContent\n        className=\"w-auto overflow-hidden p-0\"\n        align=\"start\"\n        onOpenAutoFocus={editable ? (e) => e.preventDefault() : undefined}\n      >\n        <Calendar\n          mode=\"single\"\n          selected={value ? dayjs(value).toDate() : undefined}\n          onSelect={handleSelect}\n          {...(editable ? { month: calendarMonth, onMonthChange: setNavigatedMonth } : {})}\n          {...calendarProps}\n        />\n      </PopoverContent>\n    </Popover>\n  );\n}\n"]}

package/dist/{chunk-MERMPFZT.js → chunk-WHAXVJN5.js}

@@ -1,2 +1,2 @@
-import {b}from'./chunk-LFGDYEFJ.js';import w,{getGeocode}from'use-places-autocomplete';import {useRef,useState,useCallback,useEffect}from'react';import {useLoadScript}from'@react-google-maps/api';import {jsxs,jsx}from'react/jsx-runtime';var x=u=>{let s="",d="",l="",i="",a="";u.address_components.forEach(r=>{r.types.some(p=>{switch(p){case "locality":return s=r.long_name,true;case "sublocality":case "administrative_area_level_3":case "neighborhood":return s=s||r.long_name,true;case "administrative_area_level_1":return d=r.short_name,true;case "street_number":return l=r.short_name,true;case "route":return i=r.short_name,true;case "postal_code":return a=r.short_name,true;default:return  false}});});let n=u.geometry.location.lat(),c=u.geometry.location.lng(),m=`${l} ${i}`.trim();return {city:s,state:d,street:m,zip:a,lat:n,long:c}},R=2,S=({onSelectAddress:u=void 0,...s})=>{let d=useRef(null),l=useRef(`address-input-${Math.random().toString(36).slice(2)}-listbox`),[i,a]=useState(-1),{suggestions:{data:n=[]},setValue:c,clearSuggestions:m}=w({requestOptions:{componentRestrictions:{country:"us"}}}),r=useCallback(()=>{m(),a(-1);},[m]);useEffect(()=>{let e=o=>{d.current&&!d.current.contains(o.target)&&r();},t=o=>{o.key==="Escape"&&r();};return n.length>0&&(document.addEventListener("mousedown",e),document.addEventListener("keydown",t)),()=>{document.removeEventListener("mousedown",e),document.removeEventListener("keydown",t);}},[n.length,r]),useEffect(()=>{n.length===0?a(-1):a(e=>e<0?e:Math.min(e,n.length-1));},[n.length]);let p=e=>{c(e,false),r(),!(e.length<=R)&&getGeocode({address:e}).then(t=>{if(!t||t.length===0)return;let o=x(t[0]);u?.(o);});},A=useCallback(e=>{c(e),a(-1);},[c]),_=i>=0?`${l.current}-option-${i}`:void 0;return jsxs("div",{className:"relative",children:[jsx(b,{...s,onChange:e=>{s.onChange?.(e),A(e.target.value);},onKeyDown:e=>{if(s.onKeyDown?.(e),!e.defaultPrevented){if(!n.length){e.key==="Escape"&&r();return}if(e.key==="ArrowDown"){e.preventDefault(),a(t=>{let o=t+1;return o>=n.length||o<0?0:o});return}if(e.key==="ArrowUp"){e.preventDefault(),a(t=>t<=0?n.length-1:t-1);return}if(e.key==="Enter"&&i>=0){e.preventDefault();let t=n[i];t&&p(t.description);return}e.key==="Escape"&&(e.preventDefault(),r());}},role:"combobox","aria-expanded":n.length>0,"aria-controls":n.length>0?l.current:void 0,"aria-activedescendant":_,"aria-autocomplete":"list"}),n.length>0&&jsx("div",{ref:d,id:l.current,role:"listbox",className:"z-modal-stacking-context absolute mt-1 max-h-60 w-full overflow-auto rounded-md border border-gray-200 bg-white shadow-lg",children:n.map((e,t)=>{let o=`${l.current}-option-${t}`,v=t===i;return jsx("div",{id:o,role:"option","aria-selected":v,tabIndex:-1,className:`cursor-pointer px-3 py-2 text-sm hover:bg-green-100 ${v?"bg-green-100":""}`,onMouseEnter:()=>a(t),onMouseDown:g=>g.preventDefault(),onClick:()=>p(e.description),onKeyDown:g=>{(g.key==="Enter"||g.key===" ")&&(g.preventDefault(),p(e.description));},children:e.description},e.place_id)})})]})},P=["places"],H=({googleMapsApiKey:u,onSelectAddress:s=void 0,...d})=>{let{isLoaded:l,loadError:i}=useLoadScript({googleMapsApiKey:u,libraries:P});return !l||i?jsx(b,{...d}):jsx(S,{onSelectAddress:s,...d})};export{S as a,H as b};//# sourceMappingURL=chunk-MERMPFZT.js.map
-//# sourceMappingURL=chunk-MERMPFZT.js.map
+import {b}from'./chunk-7QWN4Z56.js';import w,{getGeocode}from'use-places-autocomplete';import {useRef,useState,useCallback,useEffect}from'react';import {useLoadScript}from'@react-google-maps/api';import {jsxs,jsx}from'react/jsx-runtime';var x=u=>{let s="",d="",l="",i="",a="";u.address_components.forEach(r=>{r.types.some(p=>{switch(p){case "locality":return s=r.long_name,true;case "sublocality":case "administrative_area_level_3":case "neighborhood":return s=s||r.long_name,true;case "administrative_area_level_1":return d=r.short_name,true;case "street_number":return l=r.short_name,true;case "route":return i=r.short_name,true;case "postal_code":return a=r.short_name,true;default:return  false}});});let n=u.geometry.location.lat(),c=u.geometry.location.lng(),m=`${l} ${i}`.trim();return {city:s,state:d,street:m,zip:a,lat:n,long:c}},R=2,S=({onSelectAddress:u=void 0,...s})=>{let d=useRef(null),l=useRef(`address-input-${Math.random().toString(36).slice(2)}-listbox`),[i,a]=useState(-1),{suggestions:{data:n=[]},setValue:c,clearSuggestions:m}=w({requestOptions:{componentRestrictions:{country:"us"}}}),r=useCallback(()=>{m(),a(-1);},[m]);useEffect(()=>{let e=o=>{d.current&&!d.current.contains(o.target)&&r();},t=o=>{o.key==="Escape"&&r();};return n.length>0&&(document.addEventListener("mousedown",e),document.addEventListener("keydown",t)),()=>{document.removeEventListener("mousedown",e),document.removeEventListener("keydown",t);}},[n.length,r]),useEffect(()=>{n.length===0?a(-1):a(e=>e<0?e:Math.min(e,n.length-1));},[n.length]);let p=e=>{c(e,false),r(),!(e.length<=R)&&getGeocode({address:e}).then(t=>{if(!t||t.length===0)return;let o=x(t[0]);u?.(o);});},A=useCallback(e=>{c(e),a(-1);},[c]),_=i>=0?`${l.current}-option-${i}`:void 0;return jsxs("div",{className:"relative",children:[jsx(b,{...s,onChange:e=>{s.onChange?.(e),A(e.target.value);},onKeyDown:e=>{if(s.onKeyDown?.(e),!e.defaultPrevented){if(!n.length){e.key==="Escape"&&r();return}if(e.key==="ArrowDown"){e.preventDefault(),a(t=>{let o=t+1;return o>=n.length||o<0?0:o});return}if(e.key==="ArrowUp"){e.preventDefault(),a(t=>t<=0?n.length-1:t-1);return}if(e.key==="Enter"&&i>=0){e.preventDefault();let t=n[i];t&&p(t.description);return}e.key==="Escape"&&(e.preventDefault(),r());}},role:"combobox","aria-expanded":n.length>0,"aria-controls":n.length>0?l.current:void 0,"aria-activedescendant":_,"aria-autocomplete":"list"}),n.length>0&&jsx("div",{ref:d,id:l.current,role:"listbox",className:"z-modal-stacking-context absolute mt-1 max-h-60 w-full overflow-auto rounded-md border border-gray-200 bg-white shadow-lg",children:n.map((e,t)=>{let o=`${l.current}-option-${t}`,v=t===i;return jsx("div",{id:o,role:"option","aria-selected":v,tabIndex:-1,className:`cursor-pointer px-3 py-2 text-sm hover:bg-green-100 ${v?"bg-green-100":""}`,onMouseEnter:()=>a(t),onMouseDown:g=>g.preventDefault(),onClick:()=>p(e.description),onKeyDown:g=>{(g.key==="Enter"||g.key===" ")&&(g.preventDefault(),p(e.description));},children:e.description},e.place_id)})})]})},P=["places"],H=({googleMapsApiKey:u,onSelectAddress:s=void 0,...d})=>{let{isLoaded:l,loadError:i}=useLoadScript({googleMapsApiKey:u,libraries:P});return !l||i?jsx(b,{...d}):jsx(S,{onSelectAddress:s,...d})};export{S as a,H as b};//# sourceMappingURL=chunk-WHAXVJN5.js.map
+//# sourceMappingURL=chunk-WHAXVJN5.js.map