@egose/shadcn-theme 0.0.53 → 0.0.55

package/{chunk-2BKV4IJV.mjs → chunk-O7E6RNCD.mjs}

@@ -38,7 +38,8 @@ function FormDatePicker({
   name,
   label,
   required = false,
-  disabled = false,
+  closeOnSelect = true,
+  disabled,
   initialValue,
   value,
   onChange,
@@ -46,6 +47,7 @@ function FormDatePicker({
 }) {
   const [date, setDate] = useState(void 0);
   const [initialized, setInitialized] = useState(false);
+  const [isOpen, setIsOpen] = useState(false);
   useEffect(() => {
     if (!initialized) {
       const dt = initialValue ? getStartOfDay(new Date(initialValue)) : getStartOfDay(/* @__PURE__ */ new Date());
@@ -72,7 +74,7 @@ function FormDatePicker({
   }, [date, initialized]);
   if (!id) id = _kebabCase(name);
   const display = !initialized ? /* @__PURE__ */ React.createElement("span", null) : date ? /* @__PURE__ */ React.createElement(React.Fragment, null, formatDate(date)) : /* @__PURE__ */ React.createElement("span", null, "Pick a date");
-  return /* @__PURE__ */ React.createElement("div", { className: cn("date-picker", classNames == null ? void 0 : classNames.wrapper) }, label && /* @__PURE__ */ React.createElement(Label, { htmlFor: id, className: classNames == null ? void 0 : classNames.label, required }, label), /* @__PURE__ */ React.createElement("div", { className: cn("grid gap-2") }, /* @__PURE__ */ React.createElement(Popover, null, /* @__PURE__ */ React.createElement(PopoverTrigger, { asChild: true }, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React.createElement("div", { className: cn("date-picker", classNames == null ? void 0 : classNames.wrapper) }, label && /* @__PURE__ */ React.createElement(Label, { htmlFor: id, className: classNames == null ? void 0 : classNames.label, required }, label), /* @__PURE__ */ React.createElement("div", { className: cn("grid gap-2") }, /* @__PURE__ */ React.createElement(Popover, { open: isOpen, onOpenChange: setIsOpen }, /* @__PURE__ */ React.createElement(PopoverTrigger, { asChild: true }, /* @__PURE__ */ React.createElement(
     Button,
     {
       variant: date ? "secondary" : "muted",
@@ -91,7 +93,9 @@ function FormDatePicker({
         if (!isEqualDate(date, newdate)) {
           setDate(newdate);
         }
-      }
+        if (closeOnSelect) setIsOpen(false);
+      },
+      disabled
     }
   )))));
 }
@@ -99,4 +103,4 @@ function FormDatePicker({
 export {
   FormDatePicker
 };
-//# sourceMappingURL=chunk-2BKV4IJV.mjs.map
+//# sourceMappingURL=chunk-O7E6RNCD.mjs.map

package/chunk-O7E6RNCD.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../components/form/date-picker.tsx"],"sourcesContent":["\"use client\";\nimport React, { useEffect, useState } from 'react';\nimport { addDays, format, isEqual } from 'date-fns';\nimport { CalendarIcon } from 'lucide-react';\nimport _kebabCase from 'lodash-es/kebabCase';\nimport _isNil from 'lodash-es/isNil';\nimport _isUndefined from 'lodash-es/isUndefined';\nimport _isString from 'lodash-es/isString';\n\nimport { isEqualDate } from '../../lib/date';\nimport { cn } from '../../lib/utils';\nimport { Button } from '../ui/button';\nimport { Label } from '../ui/label';\nimport { Calendar } from '../ui/calendar';\nimport { Popover, PopoverContent, PopoverTrigger } from '../ui/popover';\nimport { Matcher } from 'react-day-picker';\n\nfunction formatDate(date: Date) {\n  return format(date, 'LLL dd, y');\n}\n\nfunction getStartOfDay(date: Date) {\n  const startOfDay = new Date(date.getFullYear(), date.getMonth(), date.getDate());\n  return startOfDay;\n}\n\nexport interface FormDatePickerProps {\n  id?: string;\n  name: string;\n  label?: string;\n  required?: boolean;\n  disabled?: Matcher | Matcher[];\n  initialValue?: Date | string;\n  closeOnSelect?: boolean;\n  value?: Date | string;\n  onChange: (value?: Date) => void;\n  classNames?: {\n    wrapper?: string;\n    label?: string;\n    button?: string;\n  };\n}\n\nexport function FormDatePicker({\n  id,\n  name,\n  label,\n  required = false,\n  closeOnSelect = true,\n  disabled,\n  initialValue,\n  value,\n  onChange,\n  classNames,\n}: FormDatePickerProps) {\n  const [date, setDate] = useState<Date | undefined>(undefined);\n  const [initialized, setInitialized] = useState(false);\n  const [isOpen, setIsOpen] = useState(false);\n\n  useEffect(() => {\n    if (!initialized) {\n      const dt = initialValue ? getStartOfDay(new Date(initialValue)) : getStartOfDay(new Date());\n\n      setDate(dt);\n      setInitialized(true);\n    }\n  }, [initialized, initialValue]);\n\n  useEffect(() => {\n    if (_isUndefined(value)) {\n      if (!_isUndefined(date)) {\n        setDate(undefined);\n      }\n    } else {\n      const dt = _isString(value) ? new Date(value) : value;\n      if (!isEqualDate(date, dt)) {\n        setDate(getStartOfDay(dt));\n      }\n    }\n  }, [value]);\n\n  useEffect(() => {\n    if (initialized) {\n      onChange(date);\n    }\n  }, [date, initialized]);\n\n  if (!id) id = _kebabCase(name);\n\n  const display = !initialized ? <span></span> : date ? <>{formatDate(date)}</> : <span>Pick a date</span>;\n\n  return (\n    <div className={cn('date-picker', classNames?.wrapper)}>\n      {label && (\n        <Label htmlFor={id} className={classNames?.label} required={required}>\n          {label}\n        </Label>\n      )}\n\n      <div className={cn('grid gap-2')}>\n        <Popover open={isOpen} onOpenChange={setIsOpen}>\n          <PopoverTrigger asChild>\n            <Button\n              variant={date ? 'secondary' : 'muted'}\n              appearance=\"outline\"\n              className={cn('min-w-[145px] justify-start text-left font-normal', classNames?.button)}\n            >\n              <CalendarIcon />\n              {display}\n            </Button>\n          </PopoverTrigger>\n\n          <PopoverContent className=\"w-auto p-0\" align=\"start\">\n            <Calendar\n              mode=\"single\"\n              defaultMonth={date}\n              selected={date}\n              onSelect={(newdate) => {\n                if (!isEqualDate(date, newdate)) {\n                  setDate(newdate);\n                }\n                if (closeOnSelect) setIsOpen(false);\n              }}\n              disabled={disabled}\n            />\n          </PopoverContent>\n        </Popover>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AACA,OAAO,SAAS,WAAW,gBAAgB;AAC3C,SAAkB,cAAuB;AACzC,SAAS,oBAAoB;AAC7B,OAAO,gBAAgB;AAEvB,OAAO,kBAAkB;AACzB,OAAO,eAAe;AAUtB,SAAS,WAAW,MAAY;AAC9B,SAAO,OAAO,MAAM,WAAW;AACjC;AAEA,SAAS,cAAc,MAAY;AACjC,QAAM,aAAa,IAAI,KAAK,KAAK,YAAY,GAAG,KAAK,SAAS,GAAG,KAAK,QAAQ,CAAC;AAC/E,SAAO;AACT;AAmBO,SAAS,eAAe;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX,gBAAgB;AAAA,EAChB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAwB;AACtB,QAAM,CAAC,MAAM,OAAO,IAAI,SAA2B,MAAS;AAC5D,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS,KAAK;AACpD,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,KAAK;AAE1C,YAAU,MAAM;AACd,QAAI,CAAC,aAAa;AAChB,YAAM,KAAK,eAAe,cAAc,IAAI,KAAK,YAAY,CAAC,IAAI,cAAc,oBAAI,KAAK,CAAC;AAE1F,cAAQ,EAAE;AACV,qBAAe,IAAI;AAAA,IACrB;AAAA,EACF,GAAG,CAAC,aAAa,YAAY,CAAC;AAE9B,YAAU,MAAM;AACd,QAAI,aAAa,KAAK,GAAG;AACvB,UAAI,CAAC,aAAa,IAAI,GAAG;AACvB,gBAAQ,MAAS;AAAA,MACnB;AAAA,IACF,OAAO;AACL,YAAM,KAAK,UAAU,KAAK,IAAI,IAAI,KAAK,KAAK,IAAI;AAChD,UAAI,CAAC,YAAY,MAAM,EAAE,GAAG;AAC1B,gBAAQ,cAAc,EAAE,CAAC;AAAA,MAC3B;AAAA,IACF;AAAA,EACF,GAAG,CAAC,KAAK,CAAC;AAEV,YAAU,MAAM;AACd,QAAI,aAAa;AACf,eAAS,IAAI;AAAA,IACf;AAAA,EACF,GAAG,CAAC,MAAM,WAAW,CAAC;AAEtB,MAAI,CAAC,GAAI,MAAK,WAAW,IAAI;AAE7B,QAAM,UAAU,CAAC,cAAc,oCAAC,YAAK,IAAU,OAAO,0DAAG,WAAW,IAAI,CAAE,IAAM,oCAAC,cAAK,aAAW;AAEjG,SACE,oCAAC,SAAI,WAAW,GAAG,eAAe,yCAAY,OAAO,KAClD,SACC,oCAAC,SAAM,SAAS,IAAI,WAAW,yCAAY,OAAO,YAC/C,KACH,GAGF,oCAAC,SAAI,WAAW,GAAG,YAAY,KAC7B,oCAAC,WAAQ,MAAM,QAAQ,cAAc,aACnC,oCAAC,kBAAe,SAAO,QACrB;AAAA,IAAC;AAAA;AAAA,MACC,SAAS,OAAO,cAAc;AAAA,MAC9B,YAAW;AAAA,MACX,WAAW,GAAG,qDAAqD,yCAAY,MAAM;AAAA;AAAA,IAErF,oCAAC,kBAAa;AAAA,IACb;AAAA,EACH,CACF,GAEA,oCAAC,kBAAe,WAAU,cAAa,OAAM,WAC3C;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAc;AAAA,MACd,UAAU;AAAA,MACV,UAAU,CAAC,YAAY;AACrB,YAAI,CAAC,YAAY,MAAM,OAAO,GAAG;AAC/B,kBAAQ,OAAO;AAAA,QACjB;AACA,YAAI,cAAe,WAAU,KAAK;AAAA,MACpC;AAAA,MACA;AAAA;AAAA,EACF,CACF,CACF,CACF,CACF;AAEJ;","names":[]}

package/{chunk-IQYZKNJZ.js → chunk-RY3M2GTK.js}

@@ -39,7 +39,8 @@ function FormDatePicker({
   name,
   label,
   required = false,
-  disabled = false,
+  closeOnSelect = true,
+  disabled,
   initialValue,
   value,
   onChange,
@@ -47,6 +48,7 @@ function FormDatePicker({
 }) {
   const [date, setDate] = _react.useState.call(void 0, void 0);
   const [initialized, setInitialized] = _react.useState.call(void 0, false);
+  const [isOpen, setIsOpen] = _react.useState.call(void 0, false);
   _react.useEffect.call(void 0, () => {
     if (!initialized) {
       const dt = initialValue ? getStartOfDay(new Date(initialValue)) : getStartOfDay(/* @__PURE__ */ new Date());
@@ -73,7 +75,7 @@ function FormDatePicker({
   }, [date, initialized]);
   if (!id) id = _kebabCase3.default.call(void 0, name);
   const display = !initialized ? /* @__PURE__ */ _react2.default.createElement("span", null) : date ? /* @__PURE__ */ _react2.default.createElement(_react2.default.Fragment, null, formatDate(date)) : /* @__PURE__ */ _react2.default.createElement("span", null, "Pick a date");
-  return /* @__PURE__ */ _react2.default.createElement("div", { className: _chunk6N4WCMTEjs.cn.call(void 0, "date-picker", classNames == null ? void 0 : classNames.wrapper) }, label && /* @__PURE__ */ _react2.default.createElement(_chunkTUFO3JJEjs.Label, { htmlFor: id, className: classNames == null ? void 0 : classNames.label, required }, label), /* @__PURE__ */ _react2.default.createElement("div", { className: _chunk6N4WCMTEjs.cn.call(void 0, "grid gap-2") }, /* @__PURE__ */ _react2.default.createElement(_chunkNK4XTZ5Wjs.Popover, null, /* @__PURE__ */ _react2.default.createElement(_chunkNK4XTZ5Wjs.PopoverTrigger, { asChild: true }, /* @__PURE__ */ _react2.default.createElement(
+  return /* @__PURE__ */ _react2.default.createElement("div", { className: _chunk6N4WCMTEjs.cn.call(void 0, "date-picker", classNames == null ? void 0 : classNames.wrapper) }, label && /* @__PURE__ */ _react2.default.createElement(_chunkTUFO3JJEjs.Label, { htmlFor: id, className: classNames == null ? void 0 : classNames.label, required }, label), /* @__PURE__ */ _react2.default.createElement("div", { className: _chunk6N4WCMTEjs.cn.call(void 0, "grid gap-2") }, /* @__PURE__ */ _react2.default.createElement(_chunkNK4XTZ5Wjs.Popover, { open: isOpen, onOpenChange: setIsOpen }, /* @__PURE__ */ _react2.default.createElement(_chunkNK4XTZ5Wjs.PopoverTrigger, { asChild: true }, /* @__PURE__ */ _react2.default.createElement(
     _chunkEZZ2YCUUjs.Button,
     {
       variant: date ? "secondary" : "muted",
@@ -92,7 +94,9 @@ function FormDatePicker({
         if (!_chunkLQETWWSUjs.isEqualDate.call(void 0, date, newdate)) {
           setDate(newdate);
         }
-      }
+        if (closeOnSelect) setIsOpen(false);
+      },
+      disabled
     }
   )))));
 }
@@ -100,4 +104,4 @@ function FormDatePicker({
 
 
 exports.FormDatePicker = FormDatePicker;
-//# sourceMappingURL=chunk-IQYZKNJZ.js.map
+//# sourceMappingURL=chunk-RY3M2GTK.js.map

package/chunk-RY3M2GTK.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/jahn/projects/shadcn-theme/packages/react/dist/chunk-RY3M2GTK.js","../components/form/date-picker.tsx"],"names":[],"mappings":"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","file":"/home/jahn/projects/shadcn-theme/packages/react/dist/chunk-RY3M2GTK.js","sourcesContent":[null,"\"use client\";\nimport React, { useEffect, useState } from 'react';\nimport { addDays, format, isEqual } from 'date-fns';\nimport { CalendarIcon } from 'lucide-react';\nimport _kebabCase from 'lodash-es/kebabCase';\nimport _isNil from 'lodash-es/isNil';\nimport _isUndefined from 'lodash-es/isUndefined';\nimport _isString from 'lodash-es/isString';\n\nimport { isEqualDate } from '../../lib/date';\nimport { cn } from '../../lib/utils';\nimport { Button } from '../ui/button';\nimport { Label } from '../ui/label';\nimport { Calendar } from '../ui/calendar';\nimport { Popover, PopoverContent, PopoverTrigger } from '../ui/popover';\nimport { Matcher } from 'react-day-picker';\n\nfunction formatDate(date: Date) {\n  return format(date, 'LLL dd, y');\n}\n\nfunction getStartOfDay(date: Date) {\n  const startOfDay = new Date(date.getFullYear(), date.getMonth(), date.getDate());\n  return startOfDay;\n}\n\nexport interface FormDatePickerProps {\n  id?: string;\n  name: string;\n  label?: string;\n  required?: boolean;\n  disabled?: Matcher | Matcher[];\n  initialValue?: Date | string;\n  closeOnSelect?: boolean;\n  value?: Date | string;\n  onChange: (value?: Date) => void;\n  classNames?: {\n    wrapper?: string;\n    label?: string;\n    button?: string;\n  };\n}\n\nexport function FormDatePicker({\n  id,\n  name,\n  label,\n  required = false,\n  closeOnSelect = true,\n  disabled,\n  initialValue,\n  value,\n  onChange,\n  classNames,\n}: FormDatePickerProps) {\n  const [date, setDate] = useState<Date | undefined>(undefined);\n  const [initialized, setInitialized] = useState(false);\n  const [isOpen, setIsOpen] = useState(false);\n\n  useEffect(() => {\n    if (!initialized) {\n      const dt = initialValue ? getStartOfDay(new Date(initialValue)) : getStartOfDay(new Date());\n\n      setDate(dt);\n      setInitialized(true);\n    }\n  }, [initialized, initialValue]);\n\n  useEffect(() => {\n    if (_isUndefined(value)) {\n      if (!_isUndefined(date)) {\n        setDate(undefined);\n      }\n    } else {\n      const dt = _isString(value) ? new Date(value) : value;\n      if (!isEqualDate(date, dt)) {\n        setDate(getStartOfDay(dt));\n      }\n    }\n  }, [value]);\n\n  useEffect(() => {\n    if (initialized) {\n      onChange(date);\n    }\n  }, [date, initialized]);\n\n  if (!id) id = _kebabCase(name);\n\n  const display = !initialized ? <span></span> : date ? <>{formatDate(date)}</> : <span>Pick a date</span>;\n\n  return (\n    <div className={cn('date-picker', classNames?.wrapper)}>\n      {label && (\n        <Label htmlFor={id} className={classNames?.label} required={required}>\n          {label}\n        </Label>\n      )}\n\n      <div className={cn('grid gap-2')}>\n        <Popover open={isOpen} onOpenChange={setIsOpen}>\n          <PopoverTrigger asChild>\n            <Button\n              variant={date ? 'secondary' : 'muted'}\n              appearance=\"outline\"\n              className={cn('min-w-[145px] justify-start text-left font-normal', classNames?.button)}\n            >\n              <CalendarIcon />\n              {display}\n            </Button>\n          </PopoverTrigger>\n\n          <PopoverContent className=\"w-auto p-0\" align=\"start\">\n            <Calendar\n              mode=\"single\"\n              defaultMonth={date}\n              selected={date}\n              onSelect={(newdate) => {\n                if (!isEqualDate(date, newdate)) {\n                  setDate(newdate);\n                }\n                if (closeOnSelect) setIsOpen(false);\n              }}\n              disabled={disabled}\n            />\n          </PopoverContent>\n        </Popover>\n      </div>\n    </div>\n  );\n}\n"]}

package/components/form/date-picker.d.mts

@@ -1,12 +1,14 @@
 import React__default from 'react';
+import { Matcher } from 'react-day-picker';
 
 interface FormDatePickerProps {
     id?: string;
     name: string;
     label?: string;
     required?: boolean;
-    disabled?: boolean;
+    disabled?: Matcher | Matcher[];
     initialValue?: Date | string;
+    closeOnSelect?: boolean;
     value?: Date | string;
     onChange: (value?: Date) => void;
     classNames?: {
@@ -15,6 +17,6 @@ interface FormDatePickerProps {
         button?: string;
     };
 }
-declare function FormDatePicker({ id, name, label, required, disabled, initialValue, value, onChange, classNames, }: FormDatePickerProps): React__default.JSX.Element;
+declare function FormDatePicker({ id, name, label, required, closeOnSelect, disabled, initialValue, value, onChange, classNames, }: FormDatePickerProps): React__default.JSX.Element;
 
 export { FormDatePicker, type FormDatePickerProps };

package/components/form/date-picker.d.ts

@@ -1,12 +1,14 @@
 import React__default from 'react';
+import { Matcher } from 'react-day-picker';
 
 interface FormDatePickerProps {
     id?: string;
     name: string;
     label?: string;
     required?: boolean;
-    disabled?: boolean;
+    disabled?: Matcher | Matcher[];
     initialValue?: Date | string;
+    closeOnSelect?: boolean;
     value?: Date | string;
     onChange: (value?: Date) => void;
     classNames?: {
@@ -15,6 +17,6 @@ interface FormDatePickerProps {
         button?: string;
     };
 }
-declare function FormDatePicker({ id, name, label, required, disabled, initialValue, value, onChange, classNames, }: FormDatePickerProps): React__default.JSX.Element;
+declare function FormDatePicker({ id, name, label, required, closeOnSelect, disabled, initialValue, value, onChange, classNames, }: FormDatePickerProps): React__default.JSX.Element;
 
 export { FormDatePicker, type FormDatePickerProps };

package/components/form/date-picker.js

@@ -2,7 +2,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunkIQYZKNJZjs = require('../../chunk-IQYZKNJZ.js');
+var _chunkRY3M2GTKjs = require('../../chunk-RY3M2GTK.js');
 require('../../chunk-73VYAPJR.js');
 require('../../chunk-NK4XTZ5W.js');
 require('../../chunk-EZZ2YCUU.js');
@@ -13,5 +13,5 @@ require('../../chunk-6N4WCMTE.js');
 require('../../chunk-2NMEKWO5.js');
 
 
-exports.FormDatePicker = _chunkIQYZKNJZjs.FormDatePicker;
+exports.FormDatePicker = _chunkRY3M2GTKjs.FormDatePicker;
 //# sourceMappingURL=date-picker.js.map

package/components/form/date-picker.mjs

@@ -1,7 +1,7 @@
 "use client";
 import {
   FormDatePicker
-} from "../../chunk-2BKV4IJV.mjs";
+} from "../../chunk-O7E6RNCD.mjs";
 import "../../chunk-PS7WGOZH.mjs";
 import "../../chunk-TMC4JKD5.mjs";
 import "../../chunk-4NMFJSJN.mjs";

package/components/form/hook-date-picker.d.mts

@@ -2,6 +2,7 @@ import React__default from 'react';
 import { FieldValues, Path } from 'react-hook-form';
 import { FormDatePickerProps } from './date-picker.mjs';
 import { HookFormRules } from './types.mjs';
+import 'react-day-picker';
 
 declare function HookFormDatePicker<T extends FieldValues>({ id, name, label, error, rules, classNames, disabled, ...rest }: Omit<FormDatePickerProps, 'name' | 'onChange' | 'value'> & {
     rules?: HookFormRules<T>;

package/components/form/hook-date-picker.d.ts

@@ -2,6 +2,7 @@ import React__default from 'react';
 import { FieldValues, Path } from 'react-hook-form';
 import { FormDatePickerProps } from './date-picker.js';
 import { HookFormRules } from './types.js';
+import 'react-day-picker';
 
 declare function HookFormDatePicker<T extends FieldValues>({ id, name, label, error, rules, classNames, disabled, ...rest }: Omit<FormDatePickerProps, 'name' | 'onChange' | 'value'> & {
     rules?: HookFormRules<T>;

package/components/form/hook-date-picker.js

@@ -5,7 +5,7 @@
 var _chunkIC3ASFKZjs = require('../../chunk-IC3ASFKZ.js');
 
 
-var _chunkIQYZKNJZjs = require('../../chunk-IQYZKNJZ.js');
+var _chunkRY3M2GTKjs = require('../../chunk-RY3M2GTK.js');
 require('../../chunk-73VYAPJR.js');
 require('../../chunk-NK4XTZ5W.js');
 require('../../chunk-EZZ2YCUU.js');
@@ -32,7 +32,7 @@ function HookFormDatePicker(_a) {
     error,
     rules,
     classNames,
-    disabled = false
+    disabled
   } = _b, rest = _chunk2NMEKWO5js.__objRest.call(void 0, _b, [
     "id",
     "name",
@@ -52,7 +52,7 @@ function HookFormDatePicker(_a) {
       rules,
       render: ({ field: { onChange, onBlur, value } }) => {
         return /* @__PURE__ */ _react2.default.createElement(
-          _chunkIQYZKNJZjs.FormDatePicker,
+          _chunkRY3M2GTKjs.FormDatePicker,
           _chunk2NMEKWO5js.__spreadProps.call(void 0, _chunk2NMEKWO5js.__spreadValues.call(void 0, {
             id,
             name,

package/components/form/hook-date-picker.js.map

@@ -1 +1 @@
-{"version":3,"sources":["/home/jahn/projects/shadcn-theme/packages/react/dist/components/form/hook-date-picker.js","../../../components/form/hook-date-picker.tsx"],"names":["_a"],"mappings":"AAAA,qLAAY;AACZ;AACE;AACF,0DAAgC;AAChC;AACE;AACF,0DAAgC;AAChC,mCAAgC;AAChC,mCAAgC;AAChC,mCAAgC;AAChC,mCAAgC;AAChC,mCAAgC;AAChC,mCAAgC;AAChC;AACE;AACF,0DAAgC;AAChC;AACE;AACA;AACA;AACF,0DAAgC;AAChC;AACA;ACrBA,4EAAkB;AAClB,gDAA8D;AAUvD,SAAS,kBAAA,CAA0C,EAAA,EAavD;AAbuD,EAAA,IAAA,GAAA,EAAA,EAAA,EACxD;AAAA,IAAA,EAAA;AAAA,IACA,IAAA;AAAA,IACA,KAAA;AAAA,IACA,KAAA;AAAA,IACA,KAAA;AAAA,IACA,UAAA;AAAA,IACA,SAAA,EAAW;AAAA,EAnBb,EAAA,EAY0D,EAAA,EAQrD,KAAA,EAAA,wCAAA,EARqD,EAQrD;AAAA,IAPH,IAAA;AAAA,IACA,MAAA;AAAA,IACA,OAAA;AAAA,IACA,OAAA;AAAA,IACA,OAAA;AAAA,IACA,YAAA;AAAA,IACA;AAAA,EAAA,CAAA,CAAA;AAOA,EAAA,MAAM,EAAE,QAAQ,EAAA,EAAI,2CAAA,CAAkB;AACtC,EAAA,MAAuCA,IAAAA,EAAA,WAAA,GAAA,KAAA,EAAA,WAAA,EAAc,CAAC,CAAA,EAA9C,EAAA,QA3BV,EAAA,EA2ByCA,GAAAA,EAAnB,eAAA,EAAA,wCAAA,GAAmBA,EAAnB,CAAZ,SAAA,CAAA,CAAA;AAER,EAAA,uBACE,eAAA,CAAA,aAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,iCAAA,kBAAG,EAAoB,OAAO,EAAA,CAAA,kBAC5C,eAAA,CAAA,aAAA;AAAA,IAAC,yBAAA;AAAA,IAAA;AAAA,MACC,OAAA;AAAA,MACA,IAAA;AAAA,MACA,KAAA;AAAA,MACA,MAAA,EAAQ,CAAC,EAAE,KAAA,EAAO,EAAE,QAAA,EAAU,MAAA,EAAQ,MAAM,EAAE,CAAA,EAAA,GAAM;AAClD,QAAA,uBACE,eAAA,CAAA,aAAA;AAAA,UAAC,+BAAA;AAAA,UAAA,4CAAA,6CAAA;AAAA,YACC,EAAA;AAAA,YACA,IAAA;AAAA,YACA,KAAA;AAAA,YACA,QAAA;AAAA,YAEA,KAAA;AAAA,YACA;AAAA,UAAA,CAAA,EACI,IAAA,CAAA,EARL;AAAA,YASC,UAAA,EAAY;AAAA,UAAA,CAAA;AAAA,QACd,CAAA;AAAA,MAEJ;AAAA,IAAA;AAAA,EACF,CAAA,kBAEA,eAAA,CAAA,aAAA,CAAC,0BAAA,EAAA,EAAU,KAAA,EAAO,IAAA,EAAM,SAAA,EAAU,MAAA,EAAO,OAAA,EAAS,MAAA,CAAO,CAC3D,CAAA;AAEJ;ADcA;AACE;AACF,gDAAC","file":"/home/jahn/projects/shadcn-theme/packages/react/dist/components/form/hook-date-picker.js","sourcesContent":[null,"\"use client\";\nimport React from 'react';\nimport { Controller, FieldValues, Path, useFormContext } from 'react-hook-form';\nimport _kebabCase from 'lodash-es/kebabCase';\nimport _isNil from 'lodash-es/isNil';\n\nimport { cn } from '../../lib/utils';\nimport { FormError } from './error';\nimport { FormDatePicker } from './date-picker';\nimport type { FormDatePickerProps } from './date-picker';\nimport type { HookFormRules } from './types';\n\nexport function HookFormDatePicker<T extends FieldValues>({\n  id,\n  name,\n  label,\n  error,\n  rules,\n  classNames,\n  disabled = false,\n  ...rest\n}: Omit<FormDatePickerProps, 'name' | 'onChange' | 'value'> & {\n  rules?: HookFormRules<T>;\n  name: Path<T>;\n  error?: string;\n}) {\n  const { control } = useFormContext<T>();\n  const { wrapper, ...restClassnames } = classNames ?? {};\n\n  return (\n    <div className={cn('hook-date-picker', wrapper)}>\n      <Controller\n        control={control}\n        name={name}\n        rules={rules}\n        render={({ field: { onChange, onBlur, value } }) => {\n          return (\n            <FormDatePicker\n              id={id}\n              name={name}\n              label={label}\n              onChange={onChange}\n              // onBlur={onBlur}\n              value={value}\n              disabled={disabled}\n              {...rest}\n              classNames={restClassnames}\n            />\n          );\n        }}\n      />\n\n      <FormError field={name} className=\"mt-1\" message={error} />\n    </div>\n  );\n}\n"]}
+{"version":3,"sources":["/home/jahn/projects/shadcn-theme/packages/react/dist/components/form/hook-date-picker.js","../../../components/form/hook-date-picker.tsx"],"names":["_a"],"mappings":"AAAA,qLAAY;AACZ;AACE;AACF,0DAAgC;AAChC;AACE;AACF,0DAAgC;AAChC,mCAAgC;AAChC,mCAAgC;AAChC,mCAAgC;AAChC,mCAAgC;AAChC,mCAAgC;AAChC,mCAAgC;AAChC;AACE;AACF,0DAAgC;AAChC;AACE;AACA;AACA;AACF,0DAAgC;AAChC;AACA;ACrBA,4EAAkB;AAClB,gDAA8D;AAUvD,SAAS,kBAAA,CAA0C,EAAA,EAavD;AAbuD,EAAA,IAAA,GAAA,EAAA,EAAA,EACxD;AAAA,IAAA,EAAA;AAAA,IACA,IAAA;AAAA,IACA,KAAA;AAAA,IACA,KAAA;AAAA,IACA,KAAA;AAAA,IACA,UAAA;AAAA,IACA;AAAA,EAnBF,EAAA,EAY0D,EAAA,EAQrD,KAAA,EAAA,wCAAA,EARqD,EAQrD;AAAA,IAPH,IAAA;AAAA,IACA,MAAA;AAAA,IACA,OAAA;AAAA,IACA,OAAA;AAAA,IACA,OAAA;AAAA,IACA,YAAA;AAAA,IACA;AAAA,EAAA,CAAA,CAAA;AAOA,EAAA,MAAM,EAAE,QAAQ,EAAA,EAAI,2CAAA,CAAkB;AACtC,EAAA,MAAuCA,IAAAA,EAAA,WAAA,GAAA,KAAA,EAAA,WAAA,EAAc,CAAC,CAAA,EAA9C,EAAA,QA3BV,EAAA,EA2ByCA,GAAAA,EAAnB,eAAA,EAAA,wCAAA,GAAmBA,EAAnB,CAAZ,SAAA,CAAA,CAAA;AAER,EAAA,uBACE,eAAA,CAAA,aAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,iCAAA,kBAAG,EAAoB,OAAO,EAAA,CAAA,kBAC5C,eAAA,CAAA,aAAA;AAAA,IAAC,yBAAA;AAAA,IAAA;AAAA,MACC,OAAA;AAAA,MACA,IAAA;AAAA,MACA,KAAA;AAAA,MACA,MAAA,EAAQ,CAAC,EAAE,KAAA,EAAO,EAAE,QAAA,EAAU,MAAA,EAAQ,MAAM,EAAE,CAAA,EAAA,GAAM;AAClD,QAAA,uBACE,eAAA,CAAA,aAAA;AAAA,UAAC,+BAAA;AAAA,UAAA,4CAAA,6CAAA;AAAA,YACC,EAAA;AAAA,YACA,IAAA;AAAA,YACA,KAAA;AAAA,YACA,QAAA;AAAA,YAEA,KAAA;AAAA,YACA;AAAA,UAAA,CAAA,EACI,IAAA,CAAA,EARL;AAAA,YASC,UAAA,EAAY;AAAA,UAAA,CAAA;AAAA,QACd,CAAA;AAAA,MAEJ;AAAA,IAAA;AAAA,EACF,CAAA,kBAEA,eAAA,CAAA,aAAA,CAAC,0BAAA,EAAA,EAAU,KAAA,EAAO,IAAA,EAAM,SAAA,EAAU,MAAA,EAAO,OAAA,EAAS,MAAA,CAAO,CAC3D,CAAA;AAEJ;ADcA;AACE;AACF,gDAAC","file":"/home/jahn/projects/shadcn-theme/packages/react/dist/components/form/hook-date-picker.js","sourcesContent":[null,"\"use client\";\nimport React from 'react';\nimport { Controller, FieldValues, Path, useFormContext } from 'react-hook-form';\nimport _kebabCase from 'lodash-es/kebabCase';\nimport _isNil from 'lodash-es/isNil';\n\nimport { cn } from '../../lib/utils';\nimport { FormError } from './error';\nimport { FormDatePicker } from './date-picker';\nimport type { FormDatePickerProps } from './date-picker';\nimport type { HookFormRules } from './types';\n\nexport function HookFormDatePicker<T extends FieldValues>({\n  id,\n  name,\n  label,\n  error,\n  rules,\n  classNames,\n  disabled,\n  ...rest\n}: Omit<FormDatePickerProps, 'name' | 'onChange' | 'value'> & {\n  rules?: HookFormRules<T>;\n  name: Path<T>;\n  error?: string;\n}) {\n  const { control } = useFormContext<T>();\n  const { wrapper, ...restClassnames } = classNames ?? {};\n\n  return (\n    <div className={cn('hook-date-picker', wrapper)}>\n      <Controller\n        control={control}\n        name={name}\n        rules={rules}\n        render={({ field: { onChange, onBlur, value } }) => {\n          return (\n            <FormDatePicker\n              id={id}\n              name={name}\n              label={label}\n              onChange={onChange}\n              // onBlur={onBlur}\n              value={value}\n              disabled={disabled}\n              {...rest}\n              classNames={restClassnames}\n            />\n          );\n        }}\n      />\n\n      <FormError field={name} className=\"mt-1\" message={error} />\n    </div>\n  );\n}\n"]}

package/components/form/hook-date-picker.mjs

@@ -4,7 +4,7 @@ import {
 } from "../../chunk-4UZN52P7.mjs";
 import {
   FormDatePicker
-} from "../../chunk-2BKV4IJV.mjs";
+} from "../../chunk-O7E6RNCD.mjs";
 import "../../chunk-PS7WGOZH.mjs";
 import "../../chunk-TMC4JKD5.mjs";
 import "../../chunk-4NMFJSJN.mjs";
@@ -31,7 +31,7 @@ function HookFormDatePicker(_a) {
     error,
     rules,
     classNames,
-    disabled = false
+    disabled
   } = _b, rest = __objRest(_b, [
     "id",
     "name",

package/components/form/hook-date-picker.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../components/form/hook-date-picker.tsx"],"sourcesContent":["\"use client\";\nimport React from 'react';\nimport { Controller, FieldValues, Path, useFormContext } from 'react-hook-form';\nimport _kebabCase from 'lodash-es/kebabCase';\nimport _isNil from 'lodash-es/isNil';\n\nimport { cn } from '../../lib/utils';\nimport { FormError } from './error';\nimport { FormDatePicker } from './date-picker';\nimport type { FormDatePickerProps } from './date-picker';\nimport type { HookFormRules } from './types';\n\nexport function HookFormDatePicker<T extends FieldValues>({\n  id,\n  name,\n  label,\n  error,\n  rules,\n  classNames,\n  disabled = false,\n  ...rest\n}: Omit<FormDatePickerProps, 'name' | 'onChange' | 'value'> & {\n  rules?: HookFormRules<T>;\n  name: Path<T>;\n  error?: string;\n}) {\n  const { control } = useFormContext<T>();\n  const { wrapper, ...restClassnames } = classNames ?? {};\n\n  return (\n    <div className={cn('hook-date-picker', wrapper)}>\n      <Controller\n        control={control}\n        name={name}\n        rules={rules}\n        render={({ field: { onChange, onBlur, value } }) => {\n          return (\n            <FormDatePicker\n              id={id}\n              name={name}\n              label={label}\n              onChange={onChange}\n              // onBlur={onBlur}\n              value={value}\n              disabled={disabled}\n              {...rest}\n              classNames={restClassnames}\n            />\n          );\n        }}\n      />\n\n      <FormError field={name} className=\"mt-1\" message={error} />\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AACA,OAAO,WAAW;AAClB,SAAS,YAA+B,sBAAsB;AAUvD,SAAS,mBAA0C,IAavD;AAbuD,eACxD;AAAA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW;AAAA,EAnBb,IAY0D,IAQrD,iBARqD,IAQrD;AAAA,IAPH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAOA,QAAM,EAAE,QAAQ,IAAI,eAAkB;AACtC,QAAuCA,MAAA,kCAAc,CAAC,GAA9C,UA3BV,IA2ByCA,KAAnB,2BAAmBA,KAAnB,CAAZ;AAER,SACE,oCAAC,SAAI,WAAW,GAAG,oBAAoB,OAAO,KAC5C;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,QAAQ,CAAC,EAAE,OAAO,EAAE,UAAU,QAAQ,MAAM,EAAE,MAAM;AAClD,eACE;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YAEA;AAAA,YACA;AAAA,aACI,OARL;AAAA,YASC,YAAY;AAAA;AAAA,QACd;AAAA,MAEJ;AAAA;AAAA,EACF,GAEA,oCAAC,aAAU,OAAO,MAAM,WAAU,QAAO,SAAS,OAAO,CAC3D;AAEJ;","names":["_a"]}
+{"version":3,"sources":["../../../components/form/hook-date-picker.tsx"],"sourcesContent":["\"use client\";\nimport React from 'react';\nimport { Controller, FieldValues, Path, useFormContext } from 'react-hook-form';\nimport _kebabCase from 'lodash-es/kebabCase';\nimport _isNil from 'lodash-es/isNil';\n\nimport { cn } from '../../lib/utils';\nimport { FormError } from './error';\nimport { FormDatePicker } from './date-picker';\nimport type { FormDatePickerProps } from './date-picker';\nimport type { HookFormRules } from './types';\n\nexport function HookFormDatePicker<T extends FieldValues>({\n  id,\n  name,\n  label,\n  error,\n  rules,\n  classNames,\n  disabled,\n  ...rest\n}: Omit<FormDatePickerProps, 'name' | 'onChange' | 'value'> & {\n  rules?: HookFormRules<T>;\n  name: Path<T>;\n  error?: string;\n}) {\n  const { control } = useFormContext<T>();\n  const { wrapper, ...restClassnames } = classNames ?? {};\n\n  return (\n    <div className={cn('hook-date-picker', wrapper)}>\n      <Controller\n        control={control}\n        name={name}\n        rules={rules}\n        render={({ field: { onChange, onBlur, value } }) => {\n          return (\n            <FormDatePicker\n              id={id}\n              name={name}\n              label={label}\n              onChange={onChange}\n              // onBlur={onBlur}\n              value={value}\n              disabled={disabled}\n              {...rest}\n              classNames={restClassnames}\n            />\n          );\n        }}\n      />\n\n      <FormError field={name} className=\"mt-1\" message={error} />\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AACA,OAAO,WAAW;AAClB,SAAS,YAA+B,sBAAsB;AAUvD,SAAS,mBAA0C,IAavD;AAbuD,eACxD;AAAA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAnBF,IAY0D,IAQrD,iBARqD,IAQrD;AAAA,IAPH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAOA,QAAM,EAAE,QAAQ,IAAI,eAAkB;AACtC,QAAuCA,MAAA,kCAAc,CAAC,GAA9C,UA3BV,IA2ByCA,KAAnB,2BAAmBA,KAAnB,CAAZ;AAER,SACE,oCAAC,SAAI,WAAW,GAAG,oBAAoB,OAAO,KAC5C;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,QAAQ,CAAC,EAAE,OAAO,EAAE,UAAU,QAAQ,MAAM,EAAE,MAAM;AAClD,eACE;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YAEA;AAAA,YACA;AAAA,aACI,OARL;AAAA,YASC,YAAY;AAAA;AAAA,QACd;AAAA,MAEJ;AAAA;AAAA,EACF,GAEA,oCAAC,aAAU,OAAO,MAAM,WAAU,QAAO,SAAS,OAAO,CAC3D;AAEJ;","names":["_a"]}

package/components/ui/command.d.mts

@@ -23,7 +23,7 @@ declare const CommandInput: React.ForwardRefExoticComponent<Omit<Omit<Pick<Pick<
     ref?: React.Ref<HTMLInputElement>;
 } & {
     asChild?: boolean;
-}, "key" | "asChild" | keyof React.InputHTMLAttributes<HTMLInputElement>>, "value" | "onChange" | "type"> & {
+}, "key" | "asChild" | keyof React.InputHTMLAttributes<HTMLInputElement>>, "type" | "value" | "onChange"> & {
     value?: string;
     onValueChange?: (search: string) => void;
 } & React.RefAttributes<HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;

package/components/ui/command.d.ts

@@ -23,7 +23,7 @@ declare const CommandInput: React.ForwardRefExoticComponent<Omit<Omit<Pick<Pick<
     ref?: React.Ref<HTMLInputElement>;
 } & {
     asChild?: boolean;
-}, "key" | "asChild" | keyof React.InputHTMLAttributes<HTMLInputElement>>, "value" | "onChange" | "type"> & {
+}, "key" | "asChild" | keyof React.InputHTMLAttributes<HTMLInputElement>>, "type" | "value" | "onChange"> & {
     value?: string;
     onValueChange?: (search: string) => void;
 } & React.RefAttributes<HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "0.0.53",
+  "version": "0.0.55",
   "description": "shadcn UI theme",
   "license": "MIT",
   "sideEffects": false,
@@ -44,9 +44,9 @@
     "embla-carousel-react": "^8.5.2",
     "input-otp": "^1.4.2",
     "lodash-es": "^4.17.21",
-    "lucide-react": "^0.544.0",
+    "lucide-react": "^0.555.0",
     "next-themes": "^0.4.4",
-    "react-day-picker": "9.11.0",
+    "react-day-picker": "9.11.1",
     "react-resizable-panels": "^3.0.0",
     "tailwind-merge": "^3.0.2",
     "vaul": "^1.1.2",

package/chunk-2BKV4IJV.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../components/form/date-picker.tsx"],"sourcesContent":["\"use client\";\nimport React, { useEffect, useState } from 'react';\nimport { addDays, format, isEqual } from 'date-fns';\nimport { CalendarIcon } from 'lucide-react';\nimport _kebabCase from 'lodash-es/kebabCase';\nimport _isNil from 'lodash-es/isNil';\nimport _isUndefined from 'lodash-es/isUndefined';\nimport _isString from 'lodash-es/isString';\n\nimport { isEqualDate } from '../../lib/date';\nimport { cn } from '../../lib/utils';\nimport { Button } from '../ui/button';\nimport { Label } from '../ui/label';\nimport { Calendar } from '../ui/calendar';\nimport { Popover, PopoverContent, PopoverTrigger } from '../ui/popover';\n\nfunction formatDate(date: Date) {\n  return format(date, 'LLL dd, y');\n}\n\nfunction getStartOfDay(date: Date) {\n  const startOfDay = new Date(date.getFullYear(), date.getMonth(), date.getDate());\n  return startOfDay;\n}\n\nexport interface FormDatePickerProps {\n  id?: string;\n  name: string;\n  label?: string;\n  required?: boolean;\n  disabled?: boolean;\n  initialValue?: Date | string;\n  value?: Date | string;\n  onChange: (value?: Date) => void;\n  classNames?: {\n    wrapper?: string;\n    label?: string;\n    button?: string;\n  };\n}\n\nexport function FormDatePicker({\n  id,\n  name,\n  label,\n  required = false,\n  disabled = false,\n  initialValue,\n  value,\n  onChange,\n  classNames,\n}: FormDatePickerProps) {\n  const [date, setDate] = useState<Date | undefined>(undefined);\n  const [initialized, setInitialized] = useState(false);\n\n  useEffect(() => {\n    if (!initialized) {\n      const dt = initialValue ? getStartOfDay(new Date(initialValue)) : getStartOfDay(new Date());\n\n      setDate(dt);\n      setInitialized(true);\n    }\n  }, [initialized, initialValue]);\n\n  useEffect(() => {\n    if (_isUndefined(value)) {\n      if (!_isUndefined(date)) {\n        setDate(undefined);\n      }\n    } else {\n      const dt = _isString(value) ? new Date(value) : value;\n      if (!isEqualDate(date, dt)) {\n        setDate(getStartOfDay(dt));\n      }\n    }\n  }, [value]);\n\n  useEffect(() => {\n    if (initialized) {\n      onChange(date);\n    }\n  }, [date, initialized]);\n\n  if (!id) id = _kebabCase(name);\n\n  const display = !initialized ? <span></span> : date ? <>{formatDate(date)}</> : <span>Pick a date</span>;\n\n  return (\n    <div className={cn('date-picker', classNames?.wrapper)}>\n      {label && (\n        <Label htmlFor={id} className={classNames?.label} required={required}>\n          {label}\n        </Label>\n      )}\n\n      <div className={cn('grid gap-2')}>\n        <Popover>\n          <PopoverTrigger asChild>\n            <Button\n              variant={date ? 'secondary' : 'muted'}\n              appearance=\"outline\"\n              className={cn('min-w-[145px] justify-start text-left font-normal', classNames?.button)}\n            >\n              <CalendarIcon />\n              {display}\n            </Button>\n          </PopoverTrigger>\n\n          <PopoverContent className=\"w-auto p-0\" align=\"start\">\n            <Calendar\n              mode=\"single\"\n              defaultMonth={date}\n              selected={date}\n              onSelect={(newdate) => {\n                if (!isEqualDate(date, newdate)) {\n                  setDate(newdate);\n                }\n              }}\n            />\n          </PopoverContent>\n        </Popover>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AACA,OAAO,SAAS,WAAW,gBAAgB;AAC3C,SAAkB,cAAuB;AACzC,SAAS,oBAAoB;AAC7B,OAAO,gBAAgB;AAEvB,OAAO,kBAAkB;AACzB,OAAO,eAAe;AAStB,SAAS,WAAW,MAAY;AAC9B,SAAO,OAAO,MAAM,WAAW;AACjC;AAEA,SAAS,cAAc,MAAY;AACjC,QAAM,aAAa,IAAI,KAAK,KAAK,YAAY,GAAG,KAAK,SAAS,GAAG,KAAK,QAAQ,CAAC;AAC/E,SAAO;AACT;AAkBO,SAAS,eAAe;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX,WAAW;AAAA,EACX;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAwB;AACtB,QAAM,CAAC,MAAM,OAAO,IAAI,SAA2B,MAAS;AAC5D,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS,KAAK;AAEpD,YAAU,MAAM;AACd,QAAI,CAAC,aAAa;AAChB,YAAM,KAAK,eAAe,cAAc,IAAI,KAAK,YAAY,CAAC,IAAI,cAAc,oBAAI,KAAK,CAAC;AAE1F,cAAQ,EAAE;AACV,qBAAe,IAAI;AAAA,IACrB;AAAA,EACF,GAAG,CAAC,aAAa,YAAY,CAAC;AAE9B,YAAU,MAAM;AACd,QAAI,aAAa,KAAK,GAAG;AACvB,UAAI,CAAC,aAAa,IAAI,GAAG;AACvB,gBAAQ,MAAS;AAAA,MACnB;AAAA,IACF,OAAO;AACL,YAAM,KAAK,UAAU,KAAK,IAAI,IAAI,KAAK,KAAK,IAAI;AAChD,UAAI,CAAC,YAAY,MAAM,EAAE,GAAG;AAC1B,gBAAQ,cAAc,EAAE,CAAC;AAAA,MAC3B;AAAA,IACF;AAAA,EACF,GAAG,CAAC,KAAK,CAAC;AAEV,YAAU,MAAM;AACd,QAAI,aAAa;AACf,eAAS,IAAI;AAAA,IACf;AAAA,EACF,GAAG,CAAC,MAAM,WAAW,CAAC;AAEtB,MAAI,CAAC,GAAI,MAAK,WAAW,IAAI;AAE7B,QAAM,UAAU,CAAC,cAAc,oCAAC,YAAK,IAAU,OAAO,0DAAG,WAAW,IAAI,CAAE,IAAM,oCAAC,cAAK,aAAW;AAEjG,SACE,oCAAC,SAAI,WAAW,GAAG,eAAe,yCAAY,OAAO,KAClD,SACC,oCAAC,SAAM,SAAS,IAAI,WAAW,yCAAY,OAAO,YAC/C,KACH,GAGF,oCAAC,SAAI,WAAW,GAAG,YAAY,KAC7B,oCAAC,eACC,oCAAC,kBAAe,SAAO,QACrB;AAAA,IAAC;AAAA;AAAA,MACC,SAAS,OAAO,cAAc;AAAA,MAC9B,YAAW;AAAA,MACX,WAAW,GAAG,qDAAqD,yCAAY,MAAM;AAAA;AAAA,IAErF,oCAAC,kBAAa;AAAA,IACb;AAAA,EACH,CACF,GAEA,oCAAC,kBAAe,WAAU,cAAa,OAAM,WAC3C;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAc;AAAA,MACd,UAAU;AAAA,MACV,UAAU,CAAC,YAAY;AACrB,YAAI,CAAC,YAAY,MAAM,OAAO,GAAG;AAC/B,kBAAQ,OAAO;AAAA,QACjB;AAAA,MACF;AAAA;AAAA,EACF,CACF,CACF,CACF,CACF;AAEJ;","names":[]}

package/chunk-IQYZKNJZ.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/jahn/projects/shadcn-theme/packages/react/dist/chunk-IQYZKNJZ.js","../components/form/date-picker.tsx"],"names":[],"mappings":"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","file":"/home/jahn/projects/shadcn-theme/packages/react/dist/chunk-IQYZKNJZ.js","sourcesContent":[null,"\"use client\";\nimport React, { useEffect, useState } from 'react';\nimport { addDays, format, isEqual } from 'date-fns';\nimport { CalendarIcon } from 'lucide-react';\nimport _kebabCase from 'lodash-es/kebabCase';\nimport _isNil from 'lodash-es/isNil';\nimport _isUndefined from 'lodash-es/isUndefined';\nimport _isString from 'lodash-es/isString';\n\nimport { isEqualDate } from '../../lib/date';\nimport { cn } from '../../lib/utils';\nimport { Button } from '../ui/button';\nimport { Label } from '../ui/label';\nimport { Calendar } from '../ui/calendar';\nimport { Popover, PopoverContent, PopoverTrigger } from '../ui/popover';\n\nfunction formatDate(date: Date) {\n  return format(date, 'LLL dd, y');\n}\n\nfunction getStartOfDay(date: Date) {\n  const startOfDay = new Date(date.getFullYear(), date.getMonth(), date.getDate());\n  return startOfDay;\n}\n\nexport interface FormDatePickerProps {\n  id?: string;\n  name: string;\n  label?: string;\n  required?: boolean;\n  disabled?: boolean;\n  initialValue?: Date | string;\n  value?: Date | string;\n  onChange: (value?: Date) => void;\n  classNames?: {\n    wrapper?: string;\n    label?: string;\n    button?: string;\n  };\n}\n\nexport function FormDatePicker({\n  id,\n  name,\n  label,\n  required = false,\n  disabled = false,\n  initialValue,\n  value,\n  onChange,\n  classNames,\n}: FormDatePickerProps) {\n  const [date, setDate] = useState<Date | undefined>(undefined);\n  const [initialized, setInitialized] = useState(false);\n\n  useEffect(() => {\n    if (!initialized) {\n      const dt = initialValue ? getStartOfDay(new Date(initialValue)) : getStartOfDay(new Date());\n\n      setDate(dt);\n      setInitialized(true);\n    }\n  }, [initialized, initialValue]);\n\n  useEffect(() => {\n    if (_isUndefined(value)) {\n      if (!_isUndefined(date)) {\n        setDate(undefined);\n      }\n    } else {\n      const dt = _isString(value) ? new Date(value) : value;\n      if (!isEqualDate(date, dt)) {\n        setDate(getStartOfDay(dt));\n      }\n    }\n  }, [value]);\n\n  useEffect(() => {\n    if (initialized) {\n      onChange(date);\n    }\n  }, [date, initialized]);\n\n  if (!id) id = _kebabCase(name);\n\n  const display = !initialized ? <span></span> : date ? <>{formatDate(date)}</> : <span>Pick a date</span>;\n\n  return (\n    <div className={cn('date-picker', classNames?.wrapper)}>\n      {label && (\n        <Label htmlFor={id} className={classNames?.label} required={required}>\n          {label}\n        </Label>\n      )}\n\n      <div className={cn('grid gap-2')}>\n        <Popover>\n          <PopoverTrigger asChild>\n            <Button\n              variant={date ? 'secondary' : 'muted'}\n              appearance=\"outline\"\n              className={cn('min-w-[145px] justify-start text-left font-normal', classNames?.button)}\n            >\n              <CalendarIcon />\n              {display}\n            </Button>\n          </PopoverTrigger>\n\n          <PopoverContent className=\"w-auto p-0\" align=\"start\">\n            <Calendar\n              mode=\"single\"\n              defaultMonth={date}\n              selected={date}\n              onSelect={(newdate) => {\n                if (!isEqualDate(date, newdate)) {\n                  setDate(newdate);\n                }\n              }}\n            />\n          </PopoverContent>\n        </Popover>\n      </div>\n    </div>\n  );\n}\n"]}