@egose/shadcn-theme 0.0.62 → 0.1.1

package/components/form/date-picker.js

@@ -2,16 +2,16 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunkCSDFVUNPjs = require('../../chunk-CSDFVUNP.js');
-require('../../chunk-XDCB6C5S.js');
-require('../../chunk-LYMKN3NY.js');
-require('../../chunk-OFRRRK4N.js');
-require('../../chunk-AREM2MQQ.js');
+var _chunkWJBTXKFNjs = require('../../chunk-WJBTXKFN.js');
+require('../../chunk-QMLV5G5Z.js');
+require('../../chunk-QHCOMBHI.js');
+require('../../chunk-KB6BX6LA.js');
+require('../../chunk-GV62APQ6.js');
 require('../../chunk-IYVLRZJ4.js');
-require('../../chunk-KNNX4FAH.js');
+require('../../chunk-CKGMFUU2.js');
 require('../../chunk-PSPAJNNB.js');
 require('../../chunk-2NMEKWO5.js');
 
 
-exports.FormDatePicker = _chunkCSDFVUNPjs.FormDatePicker;
+exports.FormDatePicker = _chunkWJBTXKFNjs.FormDatePicker;
 //# sourceMappingURL=date-picker.js.map

package/components/form/date-picker.mjs

@@ -1,13 +1,13 @@
 "use client";
 import {
   FormDatePicker
-} from "../../chunk-C736G6RV.mjs";
-import "../../chunk-MKOOSP3M.mjs";
-import "../../chunk-47TKC7DB.mjs";
-import "../../chunk-SQK67X4D.mjs";
-import "../../chunk-FJGZ3SDA.mjs";
+} from "../../chunk-7ZMTJBXT.mjs";
+import "../../chunk-US2CUADK.mjs";
+import "../../chunk-CSL3CTEN.mjs";
+import "../../chunk-7BYWDRRI.mjs";
+import "../../chunk-3GHC4JQU.mjs";
 import "../../chunk-SX4LQFOF.mjs";
-import "../../chunk-NL4534LH.mjs";
+import "../../chunk-MM5OJOOR.mjs";
 import "../../chunk-KGUUDFJE.mjs";
 import "../../chunk-YOSPWY5K.mjs";
 export {

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

@@ -2,22 +2,22 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 
-var _chunkXDCB6C5Sjs = require('../../chunk-XDCB6C5S.js');
+var _chunkQMLV5G5Zjs = require('../../chunk-QMLV5G5Z.js');
 
 
 
 
-var _chunkLYMKN3NYjs = require('../../chunk-LYMKN3NY.js');
+var _chunkQHCOMBHIjs = require('../../chunk-QHCOMBHI.js');
 
 
-var _chunkOFRRRK4Njs = require('../../chunk-OFRRRK4N.js');
-require('../../chunk-AREM2MQQ.js');
+var _chunkKB6BX6LAjs = require('../../chunk-KB6BX6LA.js');
+require('../../chunk-GV62APQ6.js');
 
 
 var _chunkIYVLRZJ4js = require('../../chunk-IYVLRZJ4.js');
 
 
-var _chunkKNNX4FAHjs = require('../../chunk-KNNX4FAH.js');
+var _chunkCKGMFUU2js = require('../../chunk-CKGMFUU2.js');
 
 
 var _chunkPSPAJNNBjs = require('../../chunk-PSPAJNNB.js');
@@ -62,8 +62,8 @@ function FormDateRangePicker({
     onChange(value);
   }, [value]);
   if (!id) id = _kebabCase3.default.call(void 0, name);
-  return /* @__PURE__ */ _react2.default.createElement("div", { className: _chunkPSPAJNNBjs.cn.call(void 0, "date-range-picker", classNames == null ? void 0 : classNames.wrapper) }, label && /* @__PURE__ */ _react2.default.createElement(_chunkKNNX4FAHjs.Label, { htmlFor: id, className: classNames == null ? void 0 : classNames.label, required }, label), /* @__PURE__ */ _react2.default.createElement("div", { className: _chunkPSPAJNNBjs.cn.call(void 0, "grid gap-2") }, /* @__PURE__ */ _react2.default.createElement(_chunkLYMKN3NYjs.Popover, null, /* @__PURE__ */ _react2.default.createElement(_chunkLYMKN3NYjs.PopoverTrigger, { asChild: true }, /* @__PURE__ */ _react2.default.createElement(
-    _chunkOFRRRK4Njs.Button,
+  return /* @__PURE__ */ _react2.default.createElement("div", { className: _chunkPSPAJNNBjs.cn.call(void 0, "$form-date-range-picker space-y-1", classNames == null ? void 0 : classNames.wrapper) }, label && /* @__PURE__ */ _react2.default.createElement(_chunkCKGMFUU2js.Label, { htmlFor: id, className: classNames == null ? void 0 : classNames.label, required }, label), /* @__PURE__ */ _react2.default.createElement("div", { className: _chunkPSPAJNNBjs.cn.call(void 0, "grid gap-2") }, /* @__PURE__ */ _react2.default.createElement(_chunkQHCOMBHIjs.Popover, null, /* @__PURE__ */ _react2.default.createElement(_chunkQHCOMBHIjs.PopoverTrigger, { asChild: true }, /* @__PURE__ */ _react2.default.createElement(
+    _chunkKB6BX6LAjs.Button,
     {
       variant: value ? "secondary" : "muted",
       appearance: "outline",
@@ -71,8 +71,8 @@ function FormDateRangePicker({
     },
     /* @__PURE__ */ _react2.default.createElement(_lucidereact.CalendarIcon, null),
     (value == null ? void 0 : value.from) ? value.to ? /* @__PURE__ */ _react2.default.createElement(_react2.default.Fragment, null, formatDate(value.from), " - ", formatDate(value.to)) : formatDate(value.from) : /* @__PURE__ */ _react2.default.createElement("span", null, "Pick a date")
-  )), /* @__PURE__ */ _react2.default.createElement(_chunkLYMKN3NYjs.PopoverContent, { className: "w-auto p-0", align: "start" }, /* @__PURE__ */ _react2.default.createElement(
-    _chunkXDCB6C5Sjs.Calendar,
+  )), /* @__PURE__ */ _react2.default.createElement(_chunkQHCOMBHIjs.PopoverContent, { className: "w-auto p-0", align: "start" }, /* @__PURE__ */ _react2.default.createElement(
+    _chunkQMLV5G5Zjs.Calendar,
     {
       mode: "range",
       defaultMonth: value == null ? void 0 : value.from,

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

@@ -1 +1 @@
-{"version":3,"sources":["/home/jahn/projects/shadcn-theme/packages/react/dist/components/form/date-range-picker.js","../../../components/form/date-range-picker.tsx"],"names":[],"mappings":"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","file":"/home/jahn/projects/shadcn-theme/packages/react/dist/components/form/date-range-picker.js","sourcesContent":[null,"\"use client\";\nimport React, { HTMLAttributes, useEffect, useState } from 'react';\nimport { addDays, format, isEqual } from 'date-fns';\nimport { CalendarIcon } from 'lucide-react';\nimport { DateRange } from 'react-day-picker';\nimport _kebabCase from 'lodash-es/kebabCase';\nimport _isNil from 'lodash-es/isNil';\n\nimport { isEqualDates } from '../../utils/date';\nimport { cn } from '../../utils/ui';\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\nexport interface FormDateRangePickerProps {\n  id?: string;\n  name: string;\n  label?: string;\n  required?: boolean;\n  value?: DateRange;\n  onChange: (value: DateRange | undefined) => void;\n  classNames?: {\n    wrapper?: string;\n    label?: string;\n    button?: string;\n  };\n}\n\nexport function FormDateRangePicker({\n  id,\n  name,\n  label,\n  required = false,\n  value: initialValue,\n  onChange,\n  classNames,\n}: FormDateRangePickerProps) {\n  let initialFrom!: Date;\n  let initialTo!: Date;\n\n  if (initialValue) {\n    const from = initialValue.from ?? new Date();\n    const to = initialValue.to ?? new Date();\n    initialFrom = new Date(from.getFullYear(), from.getMonth(), from.getDate());\n    initialTo = new Date(to.getFullYear(), to.getMonth(), to.getDate());\n  } else {\n    const now = new Date();\n    const startOfDay = new Date(now.getFullYear(), now.getMonth(), now.getDate());\n    initialFrom = startOfDay;\n    initialTo = startOfDay;\n  }\n\n  const [value, setValue] = useState<DateRange | undefined>({\n    from: initialFrom,\n    to: initialTo,\n  });\n\n  useEffect(() => {\n    onChange(value);\n  }, [value]);\n\n  if (!id) id = _kebabCase(name);\n\n  return (\n    <div className={cn('date-range-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={value ? 'secondary' : 'muted'}\n              appearance=\"outline\"\n              className={cn('min-w-[240px] justify-start text-left font-normal', classNames?.button)}\n            >\n              <CalendarIcon />\n\n              {value?.from ? (\n                value.to ? (\n                  <>\n                    {formatDate(value.from)} - {formatDate(value.to)}\n                  </>\n                ) : (\n                  formatDate(value.from)\n                )\n              ) : (\n                <span>Pick a date</span>\n              )}\n            </Button>\n          </PopoverTrigger>\n\n          <PopoverContent className=\"w-auto p-0\" align=\"start\">\n            <Calendar\n              mode=\"range\"\n              defaultMonth={value?.from}\n              selected={value}\n              onSelect={(dateRange) => {\n                if (!isEqualDates([value?.from, value?.to], [dateRange?.from, dateRange?.to])) {\n                  setValue(dateRange);\n                }\n              }}\n              numberOfMonths={2}\n            />\n          </PopoverContent>\n        </Popover>\n      </div>\n    </div>\n  );\n}\n"]}
+{"version":3,"sources":["/home/jahn/projects/shadcn-theme/packages/react/dist/components/form/date-range-picker.js","../../../components/form/date-range-picker.tsx"],"names":[],"mappings":"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","file":"/home/jahn/projects/shadcn-theme/packages/react/dist/components/form/date-range-picker.js","sourcesContent":[null,"\"use client\";\nimport React, { HTMLAttributes, useEffect, useState } from 'react';\nimport { addDays, format, isEqual } from 'date-fns';\nimport { CalendarIcon } from 'lucide-react';\nimport { DateRange } from 'react-day-picker';\nimport _kebabCase from 'lodash-es/kebabCase';\nimport _isNil from 'lodash-es/isNil';\n\nimport { isEqualDates } from '../../utils/date';\nimport { cn } from '../../utils/ui';\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\nexport interface FormDateRangePickerProps {\n  id?: string;\n  name: string;\n  label?: string;\n  required?: boolean;\n  value?: DateRange;\n  onChange: (value: DateRange | undefined) => void;\n  classNames?: {\n    wrapper?: string;\n    label?: string;\n    button?: string;\n  };\n}\n\nexport function FormDateRangePicker({\n  id,\n  name,\n  label,\n  required = false,\n  value: initialValue,\n  onChange,\n  classNames,\n}: FormDateRangePickerProps) {\n  let initialFrom!: Date;\n  let initialTo!: Date;\n\n  if (initialValue) {\n    const from = initialValue.from ?? new Date();\n    const to = initialValue.to ?? new Date();\n    initialFrom = new Date(from.getFullYear(), from.getMonth(), from.getDate());\n    initialTo = new Date(to.getFullYear(), to.getMonth(), to.getDate());\n  } else {\n    const now = new Date();\n    const startOfDay = new Date(now.getFullYear(), now.getMonth(), now.getDate());\n    initialFrom = startOfDay;\n    initialTo = startOfDay;\n  }\n\n  const [value, setValue] = useState<DateRange | undefined>({\n    from: initialFrom,\n    to: initialTo,\n  });\n\n  useEffect(() => {\n    onChange(value);\n  }, [value]);\n\n  if (!id) id = _kebabCase(name);\n\n  return (\n    <div className={cn('$form-date-range-picker space-y-1', 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={value ? 'secondary' : 'muted'}\n              appearance=\"outline\"\n              className={cn('min-w-[240px] justify-start text-left font-normal', classNames?.button)}\n            >\n              <CalendarIcon />\n\n              {value?.from ? (\n                value.to ? (\n                  <>\n                    {formatDate(value.from)} - {formatDate(value.to)}\n                  </>\n                ) : (\n                  formatDate(value.from)\n                )\n              ) : (\n                <span>Pick a date</span>\n              )}\n            </Button>\n          </PopoverTrigger>\n\n          <PopoverContent className=\"w-auto p-0\" align=\"start\">\n            <Calendar\n              mode=\"range\"\n              defaultMonth={value?.from}\n              selected={value}\n              onSelect={(dateRange) => {\n                if (!isEqualDates([value?.from, value?.to], [dateRange?.from, dateRange?.to])) {\n                  setValue(dateRange);\n                }\n              }}\n              numberOfMonths={2}\n            />\n          </PopoverContent>\n        </Popover>\n      </div>\n    </div>\n  );\n}\n"]}

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

@@ -1,22 +1,22 @@
 "use client";
 import {
   Calendar
-} from "../../chunk-MKOOSP3M.mjs";
+} from "../../chunk-US2CUADK.mjs";
 import {
   Popover,
   PopoverContent,
   PopoverTrigger
-} from "../../chunk-47TKC7DB.mjs";
+} from "../../chunk-CSL3CTEN.mjs";
 import {
   Button
-} from "../../chunk-SQK67X4D.mjs";
-import "../../chunk-FJGZ3SDA.mjs";
+} from "../../chunk-7BYWDRRI.mjs";
+import "../../chunk-3GHC4JQU.mjs";
 import {
   isEqualDates
 } from "../../chunk-SX4LQFOF.mjs";
 import {
   Label
-} from "../../chunk-NL4534LH.mjs";
+} from "../../chunk-MM5OJOOR.mjs";
 import {
   cn
 } from "../../chunk-KGUUDFJE.mjs";
@@ -61,7 +61,7 @@ function FormDateRangePicker({
     onChange(value);
   }, [value]);
   if (!id) id = _kebabCase(name);
-  return /* @__PURE__ */ React.createElement("div", { className: cn("date-range-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("$form-date-range-picker space-y-1", 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(
     Button,
     {
       variant: value ? "secondary" : "muted",

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../components/form/date-range-picker.tsx"],"sourcesContent":["\"use client\";\nimport React, { HTMLAttributes, useEffect, useState } from 'react';\nimport { addDays, format, isEqual } from 'date-fns';\nimport { CalendarIcon } from 'lucide-react';\nimport { DateRange } from 'react-day-picker';\nimport _kebabCase from 'lodash-es/kebabCase';\nimport _isNil from 'lodash-es/isNil';\n\nimport { isEqualDates } from '../../utils/date';\nimport { cn } from '../../utils/ui';\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\nexport interface FormDateRangePickerProps {\n  id?: string;\n  name: string;\n  label?: string;\n  required?: boolean;\n  value?: DateRange;\n  onChange: (value: DateRange | undefined) => void;\n  classNames?: {\n    wrapper?: string;\n    label?: string;\n    button?: string;\n  };\n}\n\nexport function FormDateRangePicker({\n  id,\n  name,\n  label,\n  required = false,\n  value: initialValue,\n  onChange,\n  classNames,\n}: FormDateRangePickerProps) {\n  let initialFrom!: Date;\n  let initialTo!: Date;\n\n  if (initialValue) {\n    const from = initialValue.from ?? new Date();\n    const to = initialValue.to ?? new Date();\n    initialFrom = new Date(from.getFullYear(), from.getMonth(), from.getDate());\n    initialTo = new Date(to.getFullYear(), to.getMonth(), to.getDate());\n  } else {\n    const now = new Date();\n    const startOfDay = new Date(now.getFullYear(), now.getMonth(), now.getDate());\n    initialFrom = startOfDay;\n    initialTo = startOfDay;\n  }\n\n  const [value, setValue] = useState<DateRange | undefined>({\n    from: initialFrom,\n    to: initialTo,\n  });\n\n  useEffect(() => {\n    onChange(value);\n  }, [value]);\n\n  if (!id) id = _kebabCase(name);\n\n  return (\n    <div className={cn('date-range-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={value ? 'secondary' : 'muted'}\n              appearance=\"outline\"\n              className={cn('min-w-[240px] justify-start text-left font-normal', classNames?.button)}\n            >\n              <CalendarIcon />\n\n              {value?.from ? (\n                value.to ? (\n                  <>\n                    {formatDate(value.from)} - {formatDate(value.to)}\n                  </>\n                ) : (\n                  formatDate(value.from)\n                )\n              ) : (\n                <span>Pick a date</span>\n              )}\n            </Button>\n          </PopoverTrigger>\n\n          <PopoverContent className=\"w-auto p-0\" align=\"start\">\n            <Calendar\n              mode=\"range\"\n              defaultMonth={value?.from}\n              selected={value}\n              onSelect={(dateRange) => {\n                if (!isEqualDates([value?.from, value?.to], [dateRange?.from, dateRange?.to])) {\n                  setValue(dateRange);\n                }\n              }}\n              numberOfMonths={2}\n            />\n          </PopoverContent>\n        </Popover>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AACA,OAAO,SAAyB,WAAW,gBAAgB;AAC3D,SAAkB,cAAuB;AACzC,SAAS,oBAAoB;AAE7B,OAAO,gBAAgB;AAUvB,SAAS,WAAW,MAAY;AAC9B,SAAO,OAAO,MAAM,WAAW;AACjC;AAgBO,SAAS,oBAAoB;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX,OAAO;AAAA,EACP;AAAA,EACA;AACF,GAA6B;AAzC7B;AA0CE,MAAI;AACJ,MAAI;AAEJ,MAAI,cAAc;AAChB,UAAM,QAAO,kBAAa,SAAb,YAAqB,oBAAI,KAAK;AAC3C,UAAM,MAAK,kBAAa,OAAb,YAAmB,oBAAI,KAAK;AACvC,kBAAc,IAAI,KAAK,KAAK,YAAY,GAAG,KAAK,SAAS,GAAG,KAAK,QAAQ,CAAC;AAC1E,gBAAY,IAAI,KAAK,GAAG,YAAY,GAAG,GAAG,SAAS,GAAG,GAAG,QAAQ,CAAC;AAAA,EACpE,OAAO;AACL,UAAM,MAAM,oBAAI,KAAK;AACrB,UAAM,aAAa,IAAI,KAAK,IAAI,YAAY,GAAG,IAAI,SAAS,GAAG,IAAI,QAAQ,CAAC;AAC5E,kBAAc;AACd,gBAAY;AAAA,EACd;AAEA,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAgC;AAAA,IACxD,MAAM;AAAA,IACN,IAAI;AAAA,EACN,CAAC;AAED,YAAU,MAAM;AACd,aAAS,KAAK;AAAA,EAChB,GAAG,CAAC,KAAK,CAAC;AAEV,MAAI,CAAC,GAAI,MAAK,WAAW,IAAI;AAE7B,SACE,oCAAC,SAAI,WAAW,GAAG,qBAAqB,yCAAY,OAAO,KACxD,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,QAAQ,cAAc;AAAA,MAC/B,YAAW;AAAA,MACX,WAAW,GAAG,qDAAqD,yCAAY,MAAM;AAAA;AAAA,IAErF,oCAAC,kBAAa;AAAA,KAEb,+BAAO,QACN,MAAM,KACJ,0DACG,WAAW,MAAM,IAAI,GAAE,OAAI,WAAW,MAAM,EAAE,CACjD,IAEA,WAAW,MAAM,IAAI,IAGvB,oCAAC,cAAK,aAAW;AAAA,EAErB,CACF,GAEA,oCAAC,kBAAe,WAAU,cAAa,OAAM,WAC3C;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAc,+BAAO;AAAA,MACrB,UAAU;AAAA,MACV,UAAU,CAAC,cAAc;AACvB,YAAI,CAAC,aAAa,CAAC,+BAAO,MAAM,+BAAO,EAAE,GAAG,CAAC,uCAAW,MAAM,uCAAW,EAAE,CAAC,GAAG;AAC7E,mBAAS,SAAS;AAAA,QACpB;AAAA,MACF;AAAA,MACA,gBAAgB;AAAA;AAAA,EAClB,CACF,CACF,CACF,CACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../../components/form/date-range-picker.tsx"],"sourcesContent":["\"use client\";\nimport React, { HTMLAttributes, useEffect, useState } from 'react';\nimport { addDays, format, isEqual } from 'date-fns';\nimport { CalendarIcon } from 'lucide-react';\nimport { DateRange } from 'react-day-picker';\nimport _kebabCase from 'lodash-es/kebabCase';\nimport _isNil from 'lodash-es/isNil';\n\nimport { isEqualDates } from '../../utils/date';\nimport { cn } from '../../utils/ui';\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\nexport interface FormDateRangePickerProps {\n  id?: string;\n  name: string;\n  label?: string;\n  required?: boolean;\n  value?: DateRange;\n  onChange: (value: DateRange | undefined) => void;\n  classNames?: {\n    wrapper?: string;\n    label?: string;\n    button?: string;\n  };\n}\n\nexport function FormDateRangePicker({\n  id,\n  name,\n  label,\n  required = false,\n  value: initialValue,\n  onChange,\n  classNames,\n}: FormDateRangePickerProps) {\n  let initialFrom!: Date;\n  let initialTo!: Date;\n\n  if (initialValue) {\n    const from = initialValue.from ?? new Date();\n    const to = initialValue.to ?? new Date();\n    initialFrom = new Date(from.getFullYear(), from.getMonth(), from.getDate());\n    initialTo = new Date(to.getFullYear(), to.getMonth(), to.getDate());\n  } else {\n    const now = new Date();\n    const startOfDay = new Date(now.getFullYear(), now.getMonth(), now.getDate());\n    initialFrom = startOfDay;\n    initialTo = startOfDay;\n  }\n\n  const [value, setValue] = useState<DateRange | undefined>({\n    from: initialFrom,\n    to: initialTo,\n  });\n\n  useEffect(() => {\n    onChange(value);\n  }, [value]);\n\n  if (!id) id = _kebabCase(name);\n\n  return (\n    <div className={cn('$form-date-range-picker space-y-1', 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={value ? 'secondary' : 'muted'}\n              appearance=\"outline\"\n              className={cn('min-w-[240px] justify-start text-left font-normal', classNames?.button)}\n            >\n              <CalendarIcon />\n\n              {value?.from ? (\n                value.to ? (\n                  <>\n                    {formatDate(value.from)} - {formatDate(value.to)}\n                  </>\n                ) : (\n                  formatDate(value.from)\n                )\n              ) : (\n                <span>Pick a date</span>\n              )}\n            </Button>\n          </PopoverTrigger>\n\n          <PopoverContent className=\"w-auto p-0\" align=\"start\">\n            <Calendar\n              mode=\"range\"\n              defaultMonth={value?.from}\n              selected={value}\n              onSelect={(dateRange) => {\n                if (!isEqualDates([value?.from, value?.to], [dateRange?.from, dateRange?.to])) {\n                  setValue(dateRange);\n                }\n              }}\n              numberOfMonths={2}\n            />\n          </PopoverContent>\n        </Popover>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AACA,OAAO,SAAyB,WAAW,gBAAgB;AAC3D,SAAkB,cAAuB;AACzC,SAAS,oBAAoB;AAE7B,OAAO,gBAAgB;AAUvB,SAAS,WAAW,MAAY;AAC9B,SAAO,OAAO,MAAM,WAAW;AACjC;AAgBO,SAAS,oBAAoB;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX,OAAO;AAAA,EACP;AAAA,EACA;AACF,GAA6B;AAzC7B;AA0CE,MAAI;AACJ,MAAI;AAEJ,MAAI,cAAc;AAChB,UAAM,QAAO,kBAAa,SAAb,YAAqB,oBAAI,KAAK;AAC3C,UAAM,MAAK,kBAAa,OAAb,YAAmB,oBAAI,KAAK;AACvC,kBAAc,IAAI,KAAK,KAAK,YAAY,GAAG,KAAK,SAAS,GAAG,KAAK,QAAQ,CAAC;AAC1E,gBAAY,IAAI,KAAK,GAAG,YAAY,GAAG,GAAG,SAAS,GAAG,GAAG,QAAQ,CAAC;AAAA,EACpE,OAAO;AACL,UAAM,MAAM,oBAAI,KAAK;AACrB,UAAM,aAAa,IAAI,KAAK,IAAI,YAAY,GAAG,IAAI,SAAS,GAAG,IAAI,QAAQ,CAAC;AAC5E,kBAAc;AACd,gBAAY;AAAA,EACd;AAEA,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAgC;AAAA,IACxD,MAAM;AAAA,IACN,IAAI;AAAA,EACN,CAAC;AAED,YAAU,MAAM;AACd,aAAS,KAAK;AAAA,EAChB,GAAG,CAAC,KAAK,CAAC;AAEV,MAAI,CAAC,GAAI,MAAK,WAAW,IAAI;AAE7B,SACE,oCAAC,SAAI,WAAW,GAAG,qCAAqC,yCAAY,OAAO,KACxE,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,QAAQ,cAAc;AAAA,MAC/B,YAAW;AAAA,MACX,WAAW,GAAG,qDAAqD,yCAAY,MAAM;AAAA;AAAA,IAErF,oCAAC,kBAAa;AAAA,KAEb,+BAAO,QACN,MAAM,KACJ,0DACG,WAAW,MAAM,IAAI,GAAE,OAAI,WAAW,MAAM,EAAE,CACjD,IAEA,WAAW,MAAM,IAAI,IAGvB,oCAAC,cAAK,aAAW;AAAA,EAErB,CACF,GAEA,oCAAC,kBAAe,WAAU,cAAa,OAAM,WAC3C;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAc,+BAAO;AAAA,MACrB,UAAU;AAAA,MACV,UAAU,CAAC,cAAc;AACvB,YAAI,CAAC,aAAa,CAAC,+BAAO,MAAM,+BAAO,EAAE,GAAG,CAAC,uCAAW,MAAM,uCAAW,EAAE,CAAC,GAAG;AAC7E,mBAAS,SAAS;AAAA,QACpB;AAAA,MACF;AAAA,MACA,gBAAgB;AAAA;AAAA,EAClB,CACF,CACF,CACF,CACF;AAEJ;","names":[]}

package/components/form/hook-checkbox.js

@@ -5,9 +5,9 @@
 var _chunk6POWZMNDjs = require('../../chunk-6POWZMND.js');
 
 
-var _chunkBWKIS24Hjs = require('../../chunk-BWKIS24H.js');
-require('../../chunk-23MJMEQC.js');
-require('../../chunk-KNNX4FAH.js');
+var _chunkTTCGK36Sjs = require('../../chunk-TTCGK36S.js');
+require('../../chunk-NMYVYLKF.js');
+require('../../chunk-CKGMFUU2.js');
 
 
 var _chunkPSPAJNNBjs = require('../../chunk-PSPAJNNB.js');
@@ -48,14 +48,14 @@ function HookFormCheckbox(_a) {
   const fieldError = _get3.default.call(void 0, errors, name);
   const errorMessage = error != null ? error : fieldError == null ? void 0 : fieldError.message;
   const showError = !!fieldError && !disabled;
-  return /* @__PURE__ */ _react2.default.createElement("div", { className: classNames == null ? void 0 : classNames.wrapper }, /* @__PURE__ */ _react2.default.createElement(
+  return /* @__PURE__ */ _react2.default.createElement("div", { className: _chunkPSPAJNNBjs.cn.call(void 0, "$hook-form-checkbox", classNames == null ? void 0 : classNames.wrapper) }, /* @__PURE__ */ _react2.default.createElement(
     _reacthookform.Controller,
     {
       name,
       control,
       rules,
       render: ({ field: { value, onChange } }) => /* @__PURE__ */ _react2.default.createElement(
-        _chunkBWKIS24Hjs.FormCheckbox,
+        _chunkTTCGK36Sjs.FormCheckbox,
         _chunk2NMEKWO5js.__spreadValues.call(void 0, {
           id,
           name,

package/components/form/hook-checkbox.js.map

@@ -1 +1 @@
-{"version":3,"sources":["/home/jahn/projects/shadcn-theme/packages/react/dist/components/form/hook-checkbox.js","../../../components/form/hook-checkbox.tsx"],"names":[],"mappings":"AAAA,qLAAY;AACZ;AACE;AACF,0DAAgC;AAChC;AACE;AACF,0DAAgC;AAChC,mCAAgC;AAChC,mCAAgC;AAChC;AACE;AACF,0DAAgC;AAChC;AACE;AACA;AACA;AACF,0DAAgC;AAChC;AACA;ACjBA,4EAAkB;AAClB,gFAAiB;AACjB,gDAA+E;AAYxE,SAAS,gBAAA,CAAwC,EAAA,EAS3B;AAT2B,EAAA,IAAA,GAAA,EAAA,EAAA,EACtD;AAAA,IAAA,EAAA;AAAA,IACA,IAAA;AAAA,IACA,KAAA;AAAA,IACA,KAAA;AAAA,IACA,KAAA;AAAA,IACA,QAAA;AAAA,IACA;AAAA,EAtBF,EAAA,EAewD,EAAA,EAQnD,KAAA,EAAA,wCAAA,EARmD,EAQnD;AAAA,IAPH,IAAA;AAAA,IACA,MAAA;AAAA,IACA,OAAA;AAAA,IACA,OAAA;AAAA,IACA,OAAA;AAAA,IACA,UAAA;AAAA,IACA;AAAA,EAAA,CAAA,CAAA;AAGA,EAAA,MAAM,QAAA,EAAU,2CAAA,CAAkB;AAClC,EAAA,GAAA,CAAI,CAAC,OAAA,EAAS,OAAO,IAAA;AAErB,EAAA,MAAM;AAAA,IACJ,OAAA;AAAA,IACA,SAAA,EAAW,EAAE,OAAO;AAAA,EACtB,EAAA,EAAI,OAAA;AAEJ,EAAA,MAAM,WAAA,EAAa,2BAAA,MAAK,EAAQ,IAAI,CAAA;AACpC,EAAA,MAAM,aAAA,EAAe,MAAA,GAAA,KAAA,EAAA,MAAA,EAAU,WAAA,GAAA,KAAA,EAAA,KAAA,EAAA,EAAA,UAAA,CAAY,OAAA;AAC3C,EAAA,MAAM,UAAA,EAAY,CAAC,CAAC,WAAA,GAAc,CAAC,QAAA;AAEnC,EAAA,uBACE,eAAA,CAAA,aAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,WAAA,GAAA,KAAA,EAAA,KAAA,EAAA,EAAA,UAAA,CAAY,QAAA,CAAA,kBAC1B,eAAA,CAAA,aAAA;AAAA,IAAC,yBAAA;AAAA,IAAA;AAAA,MACC,IAAA;AAAA,MACA,OAAA;AAAA,MACA,KAAA;AAAA,MACA,MAAA,EAAQ,CAAC,EAAE,KAAA,EAAO,EAAE,KAAA,EAAO,SAAS,EAAE,CAAA,EAAA,mBACpC,eAAA,CAAA,aAAA;AAAA,QAAC,6BAAA;AAAA,QAAA,6CAAA;AAAA,UACC,EAAA;AAAA,UACA,IAAA;AAAA,UACA,KAAA;AAAA,UACA,QAAA;AAAA,UACA,OAAA,EAAS,KAAA;AAAA,UACT,eAAA,EAAiB,QAAA;AAAA,UACjB,UAAA,EAAY,4CAAA,6CAAA,CAAA,CAAA,EACP,UAAA,CAAA,EADO;AAAA,YAEV,KAAA,EAAO,iCAAA,WAAG,GAAA,KAAA,EAAA,KAAA,EAAA,EAAA,UAAA,CAAY,KAAA,EAAO;AAAA,cAC3B,aAAA,EAAe;AAAA,YACjB,CAAC,CAAA;AAAA,YACD,QAAA,EAAU,iCAAA,WAAG,GAAA,KAAA,EAAA,KAAA,EAAA,EAAA,UAAA,CAAY,QAAA,EAAU;AAAA,cACjC,yBAAA,EAA2B;AAAA,YAC7B,CAAC;AAAA,UACH,CAAA;AAAA,QAAA,CAAA,EACI,IAAA;AAAA,MACN;AAAA,IAAA;AAAA,EAEJ,CAAA,EACC,UAAA,mBAAa,eAAA,CAAA,aAAA,CAAC,0BAAA,EAAA,EAAU,KAAA,EAAO,IAAA,EAAM,SAAA,EAAU,MAAA,EAAO,OAAA,EAAS,aAAA,CAAc,CAChF,CAAA;AAEJ;ADUA;AACE;AACF,4CAAC","file":"/home/jahn/projects/shadcn-theme/packages/react/dist/components/form/hook-checkbox.js","sourcesContent":[null,"\"use client\";\nimport React from 'react';\nimport _get from 'lodash-es/get';\nimport { Controller, FieldValues, RegisterOptions, Path, useFormContext } from 'react-hook-form';\nimport { cn } from '../../utils/ui';\nimport { FormError } from './error';\nimport { FormCheckbox } from './checkbox';\nimport type { FormCheckboxProps } from './checkbox';\n\ntype HookFormCheckboxProps<T extends FieldValues> = Omit<FormCheckboxProps, 'name' | 'checked' | 'onCheckedChange'> & {\n  name: Path<T>;\n  rules?: RegisterOptions<T, Path<T>>;\n  error?: string;\n};\n\nexport function HookFormCheckbox<T extends FieldValues>({\n  id,\n  name,\n  label,\n  rules,\n  error,\n  disabled,\n  classNames,\n  ...rest\n}: HookFormCheckboxProps<T>) {\n  const methods = useFormContext<T>();\n  if (!methods) return null;\n\n  const {\n    control,\n    formState: { errors },\n  } = methods;\n\n  const fieldError = _get(errors, name);\n  const errorMessage = error ?? (fieldError?.message as string);\n  const showError = !!fieldError && !disabled;\n\n  return (\n    <div className={classNames?.wrapper}>\n      <Controller\n        name={name}\n        control={control}\n        rules={rules}\n        render={({ field: { value, onChange } }) => (\n          <FormCheckbox\n            id={id}\n            name={name}\n            label={label}\n            disabled={disabled}\n            checked={value}\n            onCheckedChange={onChange}\n            classNames={{\n              ...classNames,\n              label: cn(classNames?.label, {\n                'text-danger': showError,\n              }),\n              checkbox: cn(classNames?.checkbox, {\n                'ring-danger text-danger': showError,\n              }),\n            }}\n            {...rest}\n          />\n        )}\n      />\n      {showError && <FormError field={name} className=\"mt-1\" message={errorMessage} />}\n    </div>\n  );\n}\n"]}
+{"version":3,"sources":["/home/jahn/projects/shadcn-theme/packages/react/dist/components/form/hook-checkbox.js","../../../components/form/hook-checkbox.tsx"],"names":[],"mappings":"AAAA,qLAAY;AACZ;AACE;AACF,0DAAgC;AAChC;AACE;AACF,0DAAgC;AAChC,mCAAgC;AAChC,mCAAgC;AAChC;AACE;AACF,0DAAgC;AAChC;AACE;AACA;AACA;AACF,0DAAgC;AAChC;AACA;ACjBA,4EAAkB;AAClB,gFAAiB;AACjB,gDAA+E;AAYxE,SAAS,gBAAA,CAAwC,EAAA,EAS3B;AAT2B,EAAA,IAAA,GAAA,EAAA,EAAA,EACtD;AAAA,IAAA,EAAA;AAAA,IACA,IAAA;AAAA,IACA,KAAA;AAAA,IACA,KAAA;AAAA,IACA,KAAA;AAAA,IACA,QAAA;AAAA,IACA;AAAA,EAtBF,EAAA,EAewD,EAAA,EAQnD,KAAA,EAAA,wCAAA,EARmD,EAQnD;AAAA,IAPH,IAAA;AAAA,IACA,MAAA;AAAA,IACA,OAAA;AAAA,IACA,OAAA;AAAA,IACA,OAAA;AAAA,IACA,UAAA;AAAA,IACA;AAAA,EAAA,CAAA,CAAA;AAGA,EAAA,MAAM,QAAA,EAAU,2CAAA,CAAkB;AAClC,EAAA,GAAA,CAAI,CAAC,OAAA,EAAS,OAAO,IAAA;AAErB,EAAA,MAAM;AAAA,IACJ,OAAA;AAAA,IACA,SAAA,EAAW,EAAE,OAAO;AAAA,EACtB,EAAA,EAAI,OAAA;AAEJ,EAAA,MAAM,WAAA,EAAa,2BAAA,MAAK,EAAQ,IAAI,CAAA;AACpC,EAAA,MAAM,aAAA,EAAe,MAAA,GAAA,KAAA,EAAA,MAAA,EAAU,WAAA,GAAA,KAAA,EAAA,KAAA,EAAA,EAAA,UAAA,CAAY,OAAA;AAC3C,EAAA,MAAM,UAAA,EAAY,CAAC,CAAC,WAAA,GAAc,CAAC,QAAA;AAEnC,EAAA,uBACE,eAAA,CAAA,aAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,iCAAA,qBAAG,EAAuB,WAAA,GAAA,KAAA,EAAA,KAAA,EAAA,EAAA,UAAA,CAAY,OAAO,EAAA,CAAA,kBAC3D,eAAA,CAAA,aAAA;AAAA,IAAC,yBAAA;AAAA,IAAA;AAAA,MACC,IAAA;AAAA,MACA,OAAA;AAAA,MACA,KAAA;AAAA,MACA,MAAA,EAAQ,CAAC,EAAE,KAAA,EAAO,EAAE,KAAA,EAAO,SAAS,EAAE,CAAA,EAAA,mBACpC,eAAA,CAAA,aAAA;AAAA,QAAC,6BAAA;AAAA,QAAA,6CAAA;AAAA,UACC,EAAA;AAAA,UACA,IAAA;AAAA,UACA,KAAA;AAAA,UACA,QAAA;AAAA,UACA,OAAA,EAAS,KAAA;AAAA,UACT,eAAA,EAAiB,QAAA;AAAA,UACjB,UAAA,EAAY,4CAAA,6CAAA,CAAA,CAAA,EACP,UAAA,CAAA,EADO;AAAA,YAEV,KAAA,EAAO,iCAAA,WAAG,GAAA,KAAA,EAAA,KAAA,EAAA,EAAA,UAAA,CAAY,KAAA,EAAO;AAAA,cAC3B,aAAA,EAAe;AAAA,YACjB,CAAC,CAAA;AAAA,YACD,QAAA,EAAU,iCAAA,WAAG,GAAA,KAAA,EAAA,KAAA,EAAA,EAAA,UAAA,CAAY,QAAA,EAAU;AAAA,cACjC,yBAAA,EAA2B;AAAA,YAC7B,CAAC;AAAA,UACH,CAAA;AAAA,QAAA,CAAA,EACI,IAAA;AAAA,MACN;AAAA,IAAA;AAAA,EAEJ,CAAA,EACC,UAAA,mBAAa,eAAA,CAAA,aAAA,CAAC,0BAAA,EAAA,EAAU,KAAA,EAAO,IAAA,EAAM,SAAA,EAAU,MAAA,EAAO,OAAA,EAAS,aAAA,CAAc,CAChF,CAAA;AAEJ;ADUA;AACE;AACF,4CAAC","file":"/home/jahn/projects/shadcn-theme/packages/react/dist/components/form/hook-checkbox.js","sourcesContent":[null,"\"use client\";\nimport React from 'react';\nimport _get from 'lodash-es/get';\nimport { Controller, FieldValues, RegisterOptions, Path, useFormContext } from 'react-hook-form';\nimport { cn } from '../../utils/ui';\nimport { FormError } from './error';\nimport { FormCheckbox } from './checkbox';\nimport type { FormCheckboxProps } from './checkbox';\n\ntype HookFormCheckboxProps<T extends FieldValues> = Omit<FormCheckboxProps, 'name' | 'checked' | 'onCheckedChange'> & {\n  name: Path<T>;\n  rules?: RegisterOptions<T, Path<T>>;\n  error?: string;\n};\n\nexport function HookFormCheckbox<T extends FieldValues>({\n  id,\n  name,\n  label,\n  rules,\n  error,\n  disabled,\n  classNames,\n  ...rest\n}: HookFormCheckboxProps<T>) {\n  const methods = useFormContext<T>();\n  if (!methods) return null;\n\n  const {\n    control,\n    formState: { errors },\n  } = methods;\n\n  const fieldError = _get(errors, name);\n  const errorMessage = error ?? (fieldError?.message as string);\n  const showError = !!fieldError && !disabled;\n\n  return (\n    <div className={cn('$hook-form-checkbox', classNames?.wrapper)}>\n      <Controller\n        name={name}\n        control={control}\n        rules={rules}\n        render={({ field: { value, onChange } }) => (\n          <FormCheckbox\n            id={id}\n            name={name}\n            label={label}\n            disabled={disabled}\n            checked={value}\n            onCheckedChange={onChange}\n            classNames={{\n              ...classNames,\n              label: cn(classNames?.label, {\n                'text-danger': showError,\n              }),\n              checkbox: cn(classNames?.checkbox, {\n                'ring-danger text-danger': showError,\n              }),\n            }}\n            {...rest}\n          />\n        )}\n      />\n      {showError && <FormError field={name} className=\"mt-1\" message={errorMessage} />}\n    </div>\n  );\n}\n"]}

package/components/form/hook-checkbox.mjs

@@ -4,9 +4,9 @@ import {
 } from "../../chunk-7MDWTJEP.mjs";
 import {
   FormCheckbox
-} from "../../chunk-J4FPBR7A.mjs";
-import "../../chunk-NWVKFMW3.mjs";
-import "../../chunk-NL4534LH.mjs";
+} from "../../chunk-6ECNY4VS.mjs";
+import "../../chunk-QCHBJMD6.mjs";
+import "../../chunk-MM5OJOOR.mjs";
 import {
   cn
 } from "../../chunk-KGUUDFJE.mjs";
@@ -47,7 +47,7 @@ function HookFormCheckbox(_a) {
   const fieldError = _get(errors, name);
   const errorMessage = error != null ? error : fieldError == null ? void 0 : fieldError.message;
   const showError = !!fieldError && !disabled;
-  return /* @__PURE__ */ React.createElement("div", { className: classNames == null ? void 0 : classNames.wrapper }, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React.createElement("div", { className: cn("$hook-form-checkbox", classNames == null ? void 0 : classNames.wrapper) }, /* @__PURE__ */ React.createElement(
     Controller,
     {
       name,

package/components/form/hook-checkbox.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../components/form/hook-checkbox.tsx"],"sourcesContent":["\"use client\";\nimport React from 'react';\nimport _get from 'lodash-es/get';\nimport { Controller, FieldValues, RegisterOptions, Path, useFormContext } from 'react-hook-form';\nimport { cn } from '../../utils/ui';\nimport { FormError } from './error';\nimport { FormCheckbox } from './checkbox';\nimport type { FormCheckboxProps } from './checkbox';\n\ntype HookFormCheckboxProps<T extends FieldValues> = Omit<FormCheckboxProps, 'name' | 'checked' | 'onCheckedChange'> & {\n  name: Path<T>;\n  rules?: RegisterOptions<T, Path<T>>;\n  error?: string;\n};\n\nexport function HookFormCheckbox<T extends FieldValues>({\n  id,\n  name,\n  label,\n  rules,\n  error,\n  disabled,\n  classNames,\n  ...rest\n}: HookFormCheckboxProps<T>) {\n  const methods = useFormContext<T>();\n  if (!methods) return null;\n\n  const {\n    control,\n    formState: { errors },\n  } = methods;\n\n  const fieldError = _get(errors, name);\n  const errorMessage = error ?? (fieldError?.message as string);\n  const showError = !!fieldError && !disabled;\n\n  return (\n    <div className={classNames?.wrapper}>\n      <Controller\n        name={name}\n        control={control}\n        rules={rules}\n        render={({ field: { value, onChange } }) => (\n          <FormCheckbox\n            id={id}\n            name={name}\n            label={label}\n            disabled={disabled}\n            checked={value}\n            onCheckedChange={onChange}\n            classNames={{\n              ...classNames,\n              label: cn(classNames?.label, {\n                'text-danger': showError,\n              }),\n              checkbox: cn(classNames?.checkbox, {\n                'ring-danger text-danger': showError,\n              }),\n            }}\n            {...rest}\n          />\n        )}\n      />\n      {showError && <FormError field={name} className=\"mt-1\" message={errorMessage} />}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AACA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,SAAS,YAAgD,sBAAsB;AAYxE,SAAS,iBAAwC,IAS3B;AAT2B,eACtD;AAAA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAtBF,IAewD,IAQnD,iBARmD,IAQnD;AAAA,IAPH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGA,QAAM,UAAU,eAAkB;AAClC,MAAI,CAAC,QAAS,QAAO;AAErB,QAAM;AAAA,IACJ;AAAA,IACA,WAAW,EAAE,OAAO;AAAA,EACtB,IAAI;AAEJ,QAAM,aAAa,KAAK,QAAQ,IAAI;AACpC,QAAM,eAAe,wBAAU,yCAAY;AAC3C,QAAM,YAAY,CAAC,CAAC,cAAc,CAAC;AAEnC,SACE,oCAAC,SAAI,WAAW,yCAAY,WAC1B;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,QAAQ,CAAC,EAAE,OAAO,EAAE,OAAO,SAAS,EAAE,MACpC;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA,SAAS;AAAA,UACT,iBAAiB;AAAA,UACjB,YAAY,iCACP,aADO;AAAA,YAEV,OAAO,GAAG,yCAAY,OAAO;AAAA,cAC3B,eAAe;AAAA,YACjB,CAAC;AAAA,YACD,UAAU,GAAG,yCAAY,UAAU;AAAA,cACjC,2BAA2B;AAAA,YAC7B,CAAC;AAAA,UACH;AAAA,WACI;AAAA,MACN;AAAA;AAAA,EAEJ,GACC,aAAa,oCAAC,aAAU,OAAO,MAAM,WAAU,QAAO,SAAS,cAAc,CAChF;AAEJ;","names":[]}
+{"version":3,"sources":["../../../components/form/hook-checkbox.tsx"],"sourcesContent":["\"use client\";\nimport React from 'react';\nimport _get from 'lodash-es/get';\nimport { Controller, FieldValues, RegisterOptions, Path, useFormContext } from 'react-hook-form';\nimport { cn } from '../../utils/ui';\nimport { FormError } from './error';\nimport { FormCheckbox } from './checkbox';\nimport type { FormCheckboxProps } from './checkbox';\n\ntype HookFormCheckboxProps<T extends FieldValues> = Omit<FormCheckboxProps, 'name' | 'checked' | 'onCheckedChange'> & {\n  name: Path<T>;\n  rules?: RegisterOptions<T, Path<T>>;\n  error?: string;\n};\n\nexport function HookFormCheckbox<T extends FieldValues>({\n  id,\n  name,\n  label,\n  rules,\n  error,\n  disabled,\n  classNames,\n  ...rest\n}: HookFormCheckboxProps<T>) {\n  const methods = useFormContext<T>();\n  if (!methods) return null;\n\n  const {\n    control,\n    formState: { errors },\n  } = methods;\n\n  const fieldError = _get(errors, name);\n  const errorMessage = error ?? (fieldError?.message as string);\n  const showError = !!fieldError && !disabled;\n\n  return (\n    <div className={cn('$hook-form-checkbox', classNames?.wrapper)}>\n      <Controller\n        name={name}\n        control={control}\n        rules={rules}\n        render={({ field: { value, onChange } }) => (\n          <FormCheckbox\n            id={id}\n            name={name}\n            label={label}\n            disabled={disabled}\n            checked={value}\n            onCheckedChange={onChange}\n            classNames={{\n              ...classNames,\n              label: cn(classNames?.label, {\n                'text-danger': showError,\n              }),\n              checkbox: cn(classNames?.checkbox, {\n                'ring-danger text-danger': showError,\n              }),\n            }}\n            {...rest}\n          />\n        )}\n      />\n      {showError && <FormError field={name} className=\"mt-1\" message={errorMessage} />}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AACA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,SAAS,YAAgD,sBAAsB;AAYxE,SAAS,iBAAwC,IAS3B;AAT2B,eACtD;AAAA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAtBF,IAewD,IAQnD,iBARmD,IAQnD;AAAA,IAPH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGA,QAAM,UAAU,eAAkB;AAClC,MAAI,CAAC,QAAS,QAAO;AAErB,QAAM;AAAA,IACJ;AAAA,IACA,WAAW,EAAE,OAAO;AAAA,EACtB,IAAI;AAEJ,QAAM,aAAa,KAAK,QAAQ,IAAI;AACpC,QAAM,eAAe,wBAAU,yCAAY;AAC3C,QAAM,YAAY,CAAC,CAAC,cAAc,CAAC;AAEnC,SACE,oCAAC,SAAI,WAAW,GAAG,uBAAuB,yCAAY,OAAO,KAC3D;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,QAAQ,CAAC,EAAE,OAAO,EAAE,OAAO,SAAS,EAAE,MACpC;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA,SAAS;AAAA,UACT,iBAAiB;AAAA,UACjB,YAAY,iCACP,aADO;AAAA,YAEV,OAAO,GAAG,yCAAY,OAAO;AAAA,cAC3B,eAAe;AAAA,YACjB,CAAC;AAAA,YACD,UAAU,GAAG,yCAAY,UAAU;AAAA,cACjC,2BAA2B;AAAA,YAC7B,CAAC;AAAA,UACH;AAAA,WACI;AAAA,MACN;AAAA;AAAA,EAEJ,GACC,aAAa,oCAAC,aAAU,OAAO,MAAM,WAAU,QAAO,SAAS,cAAc,CAChF;AAEJ;","names":[]}

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

@@ -5,13 +5,13 @@
 var _chunk6POWZMNDjs = require('../../chunk-6POWZMND.js');
 
 
-var _chunkCSDFVUNPjs = require('../../chunk-CSDFVUNP.js');
-require('../../chunk-XDCB6C5S.js');
-require('../../chunk-LYMKN3NY.js');
-require('../../chunk-OFRRRK4N.js');
-require('../../chunk-AREM2MQQ.js');
+var _chunkWJBTXKFNjs = require('../../chunk-WJBTXKFN.js');
+require('../../chunk-QMLV5G5Z.js');
+require('../../chunk-QHCOMBHI.js');
+require('../../chunk-KB6BX6LA.js');
+require('../../chunk-GV62APQ6.js');
 require('../../chunk-IYVLRZJ4.js');
-require('../../chunk-KNNX4FAH.js');
+require('../../chunk-CKGMFUU2.js');
 
 
 var _chunkPSPAJNNBjs = require('../../chunk-PSPAJNNB.js');
@@ -44,7 +44,7 @@ function HookFormDatePicker(_a) {
   ]);
   const { control } = _reacthookform.useFormContext.call(void 0, );
   const _a2 = classNames != null ? classNames : {}, { wrapper } = _a2, restClassnames = _chunk2NMEKWO5js.__objRest.call(void 0, _a2, ["wrapper"]);
-  return /* @__PURE__ */ _react2.default.createElement("div", { className: _chunkPSPAJNNBjs.cn.call(void 0, "hook-date-picker", wrapper) }, /* @__PURE__ */ _react2.default.createElement(
+  return /* @__PURE__ */ _react2.default.createElement("div", { className: _chunkPSPAJNNBjs.cn.call(void 0, "$hook-date-picker", wrapper) }, /* @__PURE__ */ _react2.default.createElement(
     _reacthookform.Controller,
     {
       control,
@@ -52,7 +52,7 @@ function HookFormDatePicker(_a) {
       rules,
       render: ({ field: { onChange, onBlur, value } }) => {
         return /* @__PURE__ */ _react2.default.createElement(
-          _chunkCSDFVUNPjs.FormDatePicker,
+          _chunkWJBTXKFNjs.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;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 '../../utils/ui';\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"]}
+{"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,mBAAG,EAAqB,OAAO,EAAA,CAAA,kBAC7C,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 '../../utils/ui';\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,13 +4,13 @@ import {
 } from "../../chunk-7MDWTJEP.mjs";
 import {
   FormDatePicker
-} from "../../chunk-C736G6RV.mjs";
-import "../../chunk-MKOOSP3M.mjs";
-import "../../chunk-47TKC7DB.mjs";
-import "../../chunk-SQK67X4D.mjs";
-import "../../chunk-FJGZ3SDA.mjs";
+} from "../../chunk-7ZMTJBXT.mjs";
+import "../../chunk-US2CUADK.mjs";
+import "../../chunk-CSL3CTEN.mjs";
+import "../../chunk-7BYWDRRI.mjs";
+import "../../chunk-3GHC4JQU.mjs";
 import "../../chunk-SX4LQFOF.mjs";
-import "../../chunk-NL4534LH.mjs";
+import "../../chunk-MM5OJOOR.mjs";
 import {
   cn
 } from "../../chunk-KGUUDFJE.mjs";
@@ -43,7 +43,7 @@ function HookFormDatePicker(_a) {
   ]);
   const { control } = useFormContext();
   const _a2 = classNames != null ? classNames : {}, { wrapper } = _a2, restClassnames = __objRest(_a2, ["wrapper"]);
-  return /* @__PURE__ */ React.createElement("div", { className: cn("hook-date-picker", wrapper) }, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React.createElement("div", { className: cn("$hook-date-picker", wrapper) }, /* @__PURE__ */ React.createElement(
     Controller,
     {
       control,

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 '../../utils/ui';\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"]}
+{"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 '../../utils/ui';\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,qBAAqB,OAAO,KAC7C;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/form/hook-native-select.js

@@ -2,11 +2,11 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 
-var _chunkYYEQYAZFjs = require('../../chunk-YYEQYAZF.js');
+var _chunkK3LYDDTDjs = require('../../chunk-K3LYDDTD.js');
 
 
 var _chunk6POWZMNDjs = require('../../chunk-6POWZMND.js');
-require('../../chunk-KNNX4FAH.js');
+require('../../chunk-CKGMFUU2.js');
 
 
 var _chunkPSPAJNNBjs = require('../../chunk-PSPAJNNB.js');
@@ -47,8 +47,8 @@ function HookFormNativeSelect(_a) {
   const fieldError = _get3.default.call(void 0, errors, name);
   const errorMessage = error != null ? error : fieldError && String(fieldError == null ? void 0 : fieldError.message);
   const showError = !!fieldError && !disabled;
-  return /* @__PURE__ */ _react2.default.createElement("div", { className: classNames == null ? void 0 : classNames.wrapper }, /* @__PURE__ */ _react2.default.createElement(
-    _chunkYYEQYAZFjs.FormNativeSelect,
+  return /* @__PURE__ */ _react2.default.createElement("div", { className: _chunkPSPAJNNBjs.cn.call(void 0, "$hook-form-native-select", classNames == null ? void 0 : classNames.wrapper) }, /* @__PURE__ */ _react2.default.createElement(
+    _chunkK3LYDDTDjs.FormNativeSelect,
     _chunk2NMEKWO5js.__spreadProps.call(void 0, _chunk2NMEKWO5js.__spreadValues.call(void 0, {
       id,
       name,

package/components/form/hook-native-select.js.map

@@ -1 +1 @@
-{"version":3,"sources":["/home/jahn/projects/shadcn-theme/packages/react/dist/components/form/hook-native-select.js","../../../components/form/hook-native-select.tsx"],"names":[],"mappings":"AAAA,qLAAY;AACZ;AACE;AACF,0DAAgC;AAChC;AACE;AACF,0DAAgC;AAChC,mCAAgC;AAChC;AACE;AACF,0DAAgC;AAChC;AACE;AACA;AACA;AACF,0DAAgC;AAChC;AACA;AChBA,4EAAkB;AAClB,gFAAiB;AACjB,gDAAmE;AAM5D,SAAS,oBAAA,CAA4C,EAAA,EAazD;AAbyD,EAAA,IAAA,GAAA,EAAA,EAAA,EAC1D;AAAA,IAAA,EAAA;AAAA,IACA,IAAA;AAAA,IACA,KAAA;AAAA,IACA,KAAA;AAAA,IACA,KAAA;AAAA,IACA,UAAA;AAAA,IACA;AAAA,EAhBF,EAAA,EAS4D,EAAA,EAQvD,KAAA,EAAA,wCAAA,EARuD,EAQvD;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,QAAA,EAAU,2CAAA,CAAkB;AAClC,EAAA,GAAA,CAAI,CAAC,OAAA,EAAS,OAAO,IAAA;AAErB,EAAA,MAAM;AAAA,IACJ,QAAA;AAAA,IACA,SAAA,EAAW,EAAE,OAAO;AAAA,EACtB,EAAA,EAAI,OAAA;AAEJ,EAAA,MAAM,WAAA,EAAa,2BAAA,MAAK,EAAQ,IAAI,CAAA;AACpC,EAAA,MAAM,aAAA,EAAe,MAAA,GAAA,KAAA,EAAA,MAAA,EAAU,WAAA,GAAc,MAAA,CAAO,WAAA,GAAA,KAAA,EAAA,KAAA,EAAA,EAAA,UAAA,CAAY,OAAO,CAAA;AACvE,EAAA,MAAM,UAAA,EAAY,CAAC,CAAC,WAAA,GAAc,CAAC,QAAA;AAEnC,EAAA,uBACE,eAAA,CAAA,aAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,WAAA,GAAA,KAAA,EAAA,KAAA,EAAA,EAAA,UAAA,CAAY,QAAA,CAAA,kBAC1B,eAAA,CAAA,aAAA;AAAA,IAAC,iCAAA;AAAA,IAAA,4CAAA,6CAAA;AAAA,MACC,EAAA;AAAA,MACA,IAAA;AAAA,MACA,KAAA;AAAA,MACA;AAAA,IAAA,CAAA,EACI,IAAA,CAAA,EALL;AAAA,MAMC,UAAA,EAAY;AAAA,QACV,KAAA,EAAO,iCAAA,WAAG,GAAA,KAAA,EAAA,KAAA,EAAA,EAAA,UAAA,CAAY,KAAA,EAAO;AAAA,UAC3B,aAAA,EAAe;AAAA,QACjB,CAAC,CAAA;AAAA,QACD,KAAA,EAAO,iCAAA,WAAG,GAAA,KAAA,EAAA,KAAA,EAAA,EAAA,UAAA,CAAY,KAAA,EAAO;AAAA,UAC3B,yBAAA,EAA2B;AAAA,QAC7B,CAAC;AAAA,MACH,CAAA;AAAA,MACA,WAAA,EAAa,QAAA,CAAS,IAAA,EAAM,KAAK;AAAA,IAAA,CAAA;AAAA,EACnC,CAAA,EACC,UAAA,mBAAa,eAAA,CAAA,aAAA,CAAC,0BAAA,EAAA,EAAU,KAAA,EAAO,IAAA,EAAM,SAAA,EAAU,MAAA,EAAO,OAAA,EAAS,aAAA,CAAc,CAChF,CAAA;AAEJ;ADYA;AACE;AACF,oDAAC","file":"/home/jahn/projects/shadcn-theme/packages/react/dist/components/form/hook-native-select.js","sourcesContent":[null,"\"use client\";\nimport React from 'react';\nimport _get from 'lodash-es/get';\nimport { FieldValues, RegisterOptions, Path, useFormContext } from 'react-hook-form';\nimport { cn } from '../../utils/ui';\nimport { FormError } from './error';\nimport { FormNativeSelect } from './native-select';\nimport type { FormNativeSelectProps } from './native-select';\n\nexport function HookFormNativeSelect<T extends FieldValues>({\n  id,\n  name,\n  rules,\n  label,\n  error,\n  classNames,\n  disabled,\n  ...rest\n}: Omit<FormNativeSelectProps, 'name' | 'selectProps'> & {\n  name: Path<T>;\n  rules?: RegisterOptions<T, Path<T>> | undefined;\n  error?: string;\n}) {\n  const methods = useFormContext<T>();\n  if (!methods) return null;\n\n  const {\n    register,\n    formState: { errors },\n  } = methods;\n\n  const fieldError = _get(errors, name);\n  const errorMessage = error ?? (fieldError && String(fieldError?.message));\n  const showError = !!fieldError && !disabled;\n\n  return (\n    <div className={classNames?.wrapper}>\n      <FormNativeSelect\n        id={id}\n        name={name}\n        label={label}\n        disabled={disabled}\n        {...rest}\n        classNames={{\n          label: cn(classNames?.label, {\n            'text-danger': showError,\n          }),\n          input: cn(classNames?.input, {\n            'ring-danger text-danger': showError,\n          }),\n        }}\n        selectProps={register(name, rules)}\n      />\n      {showError && <FormError field={name} className=\"mt-1\" message={errorMessage} />}\n    </div>\n  );\n}\n"]}
+{"version":3,"sources":["/home/jahn/projects/shadcn-theme/packages/react/dist/components/form/hook-native-select.js","../../../components/form/hook-native-select.tsx"],"names":[],"mappings":"AAAA,qLAAY;AACZ;AACE;AACF,0DAAgC;AAChC;AACE;AACF,0DAAgC;AAChC,mCAAgC;AAChC;AACE;AACF,0DAAgC;AAChC;AACE;AACA;AACA;AACF,0DAAgC;AAChC;AACA;AChBA,4EAAkB;AAClB,gFAAiB;AACjB,gDAAmE;AAM5D,SAAS,oBAAA,CAA4C,EAAA,EAazD;AAbyD,EAAA,IAAA,GAAA,EAAA,EAAA,EAC1D;AAAA,IAAA,EAAA;AAAA,IACA,IAAA;AAAA,IACA,KAAA;AAAA,IACA,KAAA;AAAA,IACA,KAAA;AAAA,IACA,UAAA;AAAA,IACA;AAAA,EAhBF,EAAA,EAS4D,EAAA,EAQvD,KAAA,EAAA,wCAAA,EARuD,EAQvD;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,QAAA,EAAU,2CAAA,CAAkB;AAClC,EAAA,GAAA,CAAI,CAAC,OAAA,EAAS,OAAO,IAAA;AAErB,EAAA,MAAM;AAAA,IACJ,QAAA;AAAA,IACA,SAAA,EAAW,EAAE,OAAO;AAAA,EACtB,EAAA,EAAI,OAAA;AAEJ,EAAA,MAAM,WAAA,EAAa,2BAAA,MAAK,EAAQ,IAAI,CAAA;AACpC,EAAA,MAAM,aAAA,EAAe,MAAA,GAAA,KAAA,EAAA,MAAA,EAAU,WAAA,GAAc,MAAA,CAAO,WAAA,GAAA,KAAA,EAAA,KAAA,EAAA,EAAA,UAAA,CAAY,OAAO,CAAA;AACvE,EAAA,MAAM,UAAA,EAAY,CAAC,CAAC,WAAA,GAAc,CAAC,QAAA;AAEnC,EAAA,uBACE,eAAA,CAAA,aAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,iCAAA,0BAAG,EAA4B,WAAA,GAAA,KAAA,EAAA,KAAA,EAAA,EAAA,UAAA,CAAY,OAAO,EAAA,CAAA,kBAChE,eAAA,CAAA,aAAA;AAAA,IAAC,iCAAA;AAAA,IAAA,4CAAA,6CAAA;AAAA,MACC,EAAA;AAAA,MACA,IAAA;AAAA,MACA,KAAA;AAAA,MACA;AAAA,IAAA,CAAA,EACI,IAAA,CAAA,EALL;AAAA,MAMC,UAAA,EAAY;AAAA,QACV,KAAA,EAAO,iCAAA,WAAG,GAAA,KAAA,EAAA,KAAA,EAAA,EAAA,UAAA,CAAY,KAAA,EAAO;AAAA,UAC3B,aAAA,EAAe;AAAA,QACjB,CAAC,CAAA;AAAA,QACD,KAAA,EAAO,iCAAA,WAAG,GAAA,KAAA,EAAA,KAAA,EAAA,EAAA,UAAA,CAAY,KAAA,EAAO;AAAA,UAC3B,yBAAA,EAA2B;AAAA,QAC7B,CAAC;AAAA,MACH,CAAA;AAAA,MACA,WAAA,EAAa,QAAA,CAAS,IAAA,EAAM,KAAK;AAAA,IAAA,CAAA;AAAA,EACnC,CAAA,EACC,UAAA,mBAAa,eAAA,CAAA,aAAA,CAAC,0BAAA,EAAA,EAAU,KAAA,EAAO,IAAA,EAAM,SAAA,EAAU,MAAA,EAAO,OAAA,EAAS,aAAA,CAAc,CAChF,CAAA;AAEJ;ADYA;AACE;AACF,oDAAC","file":"/home/jahn/projects/shadcn-theme/packages/react/dist/components/form/hook-native-select.js","sourcesContent":[null,"\"use client\";\nimport React from 'react';\nimport _get from 'lodash-es/get';\nimport { FieldValues, RegisterOptions, Path, useFormContext } from 'react-hook-form';\nimport { cn } from '../../utils/ui';\nimport { FormError } from './error';\nimport { FormNativeSelect } from './native-select';\nimport type { FormNativeSelectProps } from './native-select';\n\nexport function HookFormNativeSelect<T extends FieldValues>({\n  id,\n  name,\n  rules,\n  label,\n  error,\n  classNames,\n  disabled,\n  ...rest\n}: Omit<FormNativeSelectProps, 'name' | 'selectProps'> & {\n  name: Path<T>;\n  rules?: RegisterOptions<T, Path<T>> | undefined;\n  error?: string;\n}) {\n  const methods = useFormContext<T>();\n  if (!methods) return null;\n\n  const {\n    register,\n    formState: { errors },\n  } = methods;\n\n  const fieldError = _get(errors, name);\n  const errorMessage = error ?? (fieldError && String(fieldError?.message));\n  const showError = !!fieldError && !disabled;\n\n  return (\n    <div className={cn('$hook-form-native-select', classNames?.wrapper)}>\n      <FormNativeSelect\n        id={id}\n        name={name}\n        label={label}\n        disabled={disabled}\n        {...rest}\n        classNames={{\n          label: cn(classNames?.label, {\n            'text-danger': showError,\n          }),\n          input: cn(classNames?.input, {\n            'ring-danger text-danger': showError,\n          }),\n        }}\n        selectProps={register(name, rules)}\n      />\n      {showError && <FormError field={name} className=\"mt-1\" message={errorMessage} />}\n    </div>\n  );\n}\n"]}

package/components/form/hook-native-select.mjs

@@ -1,11 +1,11 @@
 "use client";
 import {
   FormNativeSelect
-} from "../../chunk-K6S2HW6A.mjs";
+} from "../../chunk-GUB2Y4JK.mjs";
 import {
   FormError
 } from "../../chunk-7MDWTJEP.mjs";
-import "../../chunk-NL4534LH.mjs";
+import "../../chunk-MM5OJOOR.mjs";
 import {
   cn
 } from "../../chunk-KGUUDFJE.mjs";
@@ -46,7 +46,7 @@ function HookFormNativeSelect(_a) {
   const fieldError = _get(errors, name);
   const errorMessage = error != null ? error : fieldError && String(fieldError == null ? void 0 : fieldError.message);
   const showError = !!fieldError && !disabled;
-  return /* @__PURE__ */ React.createElement("div", { className: classNames == null ? void 0 : classNames.wrapper }, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React.createElement("div", { className: cn("$hook-form-native-select", classNames == null ? void 0 : classNames.wrapper) }, /* @__PURE__ */ React.createElement(
     FormNativeSelect,
     __spreadProps(__spreadValues({
       id,

package/components/form/hook-native-select.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../components/form/hook-native-select.tsx"],"sourcesContent":["\"use client\";\nimport React from 'react';\nimport _get from 'lodash-es/get';\nimport { FieldValues, RegisterOptions, Path, useFormContext } from 'react-hook-form';\nimport { cn } from '../../utils/ui';\nimport { FormError } from './error';\nimport { FormNativeSelect } from './native-select';\nimport type { FormNativeSelectProps } from './native-select';\n\nexport function HookFormNativeSelect<T extends FieldValues>({\n  id,\n  name,\n  rules,\n  label,\n  error,\n  classNames,\n  disabled,\n  ...rest\n}: Omit<FormNativeSelectProps, 'name' | 'selectProps'> & {\n  name: Path<T>;\n  rules?: RegisterOptions<T, Path<T>> | undefined;\n  error?: string;\n}) {\n  const methods = useFormContext<T>();\n  if (!methods) return null;\n\n  const {\n    register,\n    formState: { errors },\n  } = methods;\n\n  const fieldError = _get(errors, name);\n  const errorMessage = error ?? (fieldError && String(fieldError?.message));\n  const showError = !!fieldError && !disabled;\n\n  return (\n    <div className={classNames?.wrapper}>\n      <FormNativeSelect\n        id={id}\n        name={name}\n        label={label}\n        disabled={disabled}\n        {...rest}\n        classNames={{\n          label: cn(classNames?.label, {\n            'text-danger': showError,\n          }),\n          input: cn(classNames?.input, {\n            'ring-danger text-danger': showError,\n          }),\n        }}\n        selectProps={register(name, rules)}\n      />\n      {showError && <FormError field={name} className=\"mt-1\" message={errorMessage} />}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AACA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,SAA6C,sBAAsB;AAM5D,SAAS,qBAA4C,IAazD;AAbyD,eAC1D;AAAA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAhBF,IAS4D,IAQvD,iBARuD,IAQvD;AAAA,IAPH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAOA,QAAM,UAAU,eAAkB;AAClC,MAAI,CAAC,QAAS,QAAO;AAErB,QAAM;AAAA,IACJ;AAAA,IACA,WAAW,EAAE,OAAO;AAAA,EACtB,IAAI;AAEJ,QAAM,aAAa,KAAK,QAAQ,IAAI;AACpC,QAAM,eAAe,wBAAU,cAAc,OAAO,yCAAY,OAAO;AACvE,QAAM,YAAY,CAAC,CAAC,cAAc,CAAC;AAEnC,SACE,oCAAC,SAAI,WAAW,yCAAY,WAC1B;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,OACI,OALL;AAAA,MAMC,YAAY;AAAA,QACV,OAAO,GAAG,yCAAY,OAAO;AAAA,UAC3B,eAAe;AAAA,QACjB,CAAC;AAAA,QACD,OAAO,GAAG,yCAAY,OAAO;AAAA,UAC3B,2BAA2B;AAAA,QAC7B,CAAC;AAAA,MACH;AAAA,MACA,aAAa,SAAS,MAAM,KAAK;AAAA;AAAA,EACnC,GACC,aAAa,oCAAC,aAAU,OAAO,MAAM,WAAU,QAAO,SAAS,cAAc,CAChF;AAEJ;","names":[]}
+{"version":3,"sources":["../../../components/form/hook-native-select.tsx"],"sourcesContent":["\"use client\";\nimport React from 'react';\nimport _get from 'lodash-es/get';\nimport { FieldValues, RegisterOptions, Path, useFormContext } from 'react-hook-form';\nimport { cn } from '../../utils/ui';\nimport { FormError } from './error';\nimport { FormNativeSelect } from './native-select';\nimport type { FormNativeSelectProps } from './native-select';\n\nexport function HookFormNativeSelect<T extends FieldValues>({\n  id,\n  name,\n  rules,\n  label,\n  error,\n  classNames,\n  disabled,\n  ...rest\n}: Omit<FormNativeSelectProps, 'name' | 'selectProps'> & {\n  name: Path<T>;\n  rules?: RegisterOptions<T, Path<T>> | undefined;\n  error?: string;\n}) {\n  const methods = useFormContext<T>();\n  if (!methods) return null;\n\n  const {\n    register,\n    formState: { errors },\n  } = methods;\n\n  const fieldError = _get(errors, name);\n  const errorMessage = error ?? (fieldError && String(fieldError?.message));\n  const showError = !!fieldError && !disabled;\n\n  return (\n    <div className={cn('$hook-form-native-select', classNames?.wrapper)}>\n      <FormNativeSelect\n        id={id}\n        name={name}\n        label={label}\n        disabled={disabled}\n        {...rest}\n        classNames={{\n          label: cn(classNames?.label, {\n            'text-danger': showError,\n          }),\n          input: cn(classNames?.input, {\n            'ring-danger text-danger': showError,\n          }),\n        }}\n        selectProps={register(name, rules)}\n      />\n      {showError && <FormError field={name} className=\"mt-1\" message={errorMessage} />}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AACA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,SAA6C,sBAAsB;AAM5D,SAAS,qBAA4C,IAazD;AAbyD,eAC1D;AAAA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAhBF,IAS4D,IAQvD,iBARuD,IAQvD;AAAA,IAPH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAOA,QAAM,UAAU,eAAkB;AAClC,MAAI,CAAC,QAAS,QAAO;AAErB,QAAM;AAAA,IACJ;AAAA,IACA,WAAW,EAAE,OAAO;AAAA,EACtB,IAAI;AAEJ,QAAM,aAAa,KAAK,QAAQ,IAAI;AACpC,QAAM,eAAe,wBAAU,cAAc,OAAO,yCAAY,OAAO;AACvE,QAAM,YAAY,CAAC,CAAC,cAAc,CAAC;AAEnC,SACE,oCAAC,SAAI,WAAW,GAAG,4BAA4B,yCAAY,OAAO,KAChE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,OACI,OALL;AAAA,MAMC,YAAY;AAAA,QACV,OAAO,GAAG,yCAAY,OAAO;AAAA,UAC3B,eAAe;AAAA,QACjB,CAAC;AAAA,QACD,OAAO,GAAG,yCAAY,OAAO;AAAA,UAC3B,2BAA2B;AAAA,QAC7B,CAAC;AAAA,MACH;AAAA,MACA,aAAa,SAAS,MAAM,KAAK;AAAA;AAAA,EACnC,GACC,aAAa,oCAAC,aAAU,OAAO,MAAM,WAAU,QAAO,SAAS,cAAc,CAChF;AAEJ;","names":[]}

package/components/form/hook-searchable-select.js

@@ -2,16 +2,19 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 
-var _chunkXCFEBPRGjs = require('../../chunk-XCFEBPRG.js');
-require('../../chunk-XWFQVYPB.js');
-require('../../chunk-PHE5ID6D.js');
+var _chunk3ZN766EWjs = require('../../chunk-3ZN766EW.js');
+require('../../chunk-AJLAS62X.js');
+require('../../chunk-MJT6B7OJ.js');
+require('../../chunk-RFORRZRN.js');
+require('../../chunk-UFRPUC7K.js');
+require('../../chunk-RJG7QLDD.js');
 
 
 var _chunk6POWZMNDjs = require('../../chunk-6POWZMND.js');
-require('../../chunk-LYMKN3NY.js');
-require('../../chunk-OFRRRK4N.js');
-require('../../chunk-AREM2MQQ.js');
-require('../../chunk-KNNX4FAH.js');
+require('../../chunk-QHCOMBHI.js');
+require('../../chunk-KB6BX6LA.js');
+require('../../chunk-GV62APQ6.js');
+require('../../chunk-CKGMFUU2.js');
 
 
 var _chunkPSPAJNNBjs = require('../../chunk-PSPAJNNB.js');
@@ -44,7 +47,7 @@ function HookFormSearchableSelect(_a) {
   ]);
   const { control } = _reacthookform.useFormContext.call(void 0, );
   const _a2 = classNames != null ? classNames : {}, { wrapper } = _a2, restClassnames = _chunk2NMEKWO5js.__objRest.call(void 0, _a2, ["wrapper"]);
-  return /* @__PURE__ */ _react2.default.createElement("div", { className: _chunkPSPAJNNBjs.cn.call(void 0, "_hook-select", wrapper) }, /* @__PURE__ */ _react2.default.createElement(
+  return /* @__PURE__ */ _react2.default.createElement("div", { className: _chunkPSPAJNNBjs.cn.call(void 0, "$hook-form-searchable-select", wrapper) }, /* @__PURE__ */ _react2.default.createElement(
     _reacthookform.Controller,
     {
       control,
@@ -52,7 +55,7 @@ function HookFormSearchableSelect(_a) {
       rules,
       render: ({ field: { onChange, onBlur, value } }) => {
         return /* @__PURE__ */ _react2.default.createElement(
-          _chunkXCFEBPRGjs.FormSearchableSelect,
+          _chunk3ZN766EWjs.FormSearchableSelect,
           _chunk2NMEKWO5js.__spreadProps.call(void 0, _chunk2NMEKWO5js.__spreadValues.call(void 0, {
             id,
             name,

package/components/form/hook-searchable-select.js.map

@@ -1 +1 @@
-{"version":3,"sources":["/home/jahn/projects/shadcn-theme/packages/react/dist/components/form/hook-searchable-select.js","../../../components/form/hook-searchable-select.tsx"],"names":["_a"],"mappings":"AAAA,qLAAY;AACZ;AACE;AACF,0DAAgC;AAChC,mCAAgC;AAChC,mCAAgC;AAChC;AACE;AACF,0DAAgC;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,wBAAA,CAAgD,EAAA,EAa7D;AAb6D,EAAA,IAAA,GAAA,EAAA,EAAA,EAC9D;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,EAYgE,EAAA,EAQ3D,KAAA,EAAA,wCAAA,EAR2D,EAQ3D;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,cAAG,EAAgB,OAAO,EAAA,CAAA,kBACxC,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,qCAAA;AAAA,UAAA,4CAAA,6CAAA;AAAA,YACC,EAAA;AAAA,YACA,IAAA;AAAA,YACA,KAAA;AAAA,YACA,QAAA;AAAA,YACA,KAAA;AAAA,YACA;AAAA,UAAA,CAAA,EACI,IAAA,CAAA,EAPL;AAAA,YAQC,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;ADeA;AACE;AACF,4DAAC","file":"/home/jahn/projects/shadcn-theme/packages/react/dist/components/form/hook-searchable-select.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 '../../utils/ui';\nimport { FormError } from './error';\nimport { FormSearchableSelect } from './searchable-select';\nimport type { FormSearchableSelectProps } from './searchable-select';\nimport type { HookFormRules } from './types';\n\nexport function HookFormSearchableSelect<T extends FieldValues>({\n  id,\n  name,\n  label,\n  error,\n  rules,\n  classNames,\n  disabled = false,\n  ...rest\n}: Omit<FormSearchableSelectProps, '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-select', wrapper)}>\n      <Controller\n        control={control}\n        name={name}\n        rules={rules}\n        render={({ field: { onChange, onBlur, value } }) => {\n          return (\n            <FormSearchableSelect\n              id={id}\n              name={name}\n              label={label}\n              onChange={onChange}\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-searchable-select.js","../../../components/form/hook-searchable-select.tsx"],"names":["_a"],"mappings":"AAAA,qLAAY;AACZ;AACE;AACF,0DAAgC;AAChC,mCAAgC;AAChC,mCAAgC;AAChC,mCAAgC;AAChC,mCAAgC;AAChC,mCAAgC;AAChC;AACE;AACF,0DAAgC;AAChC,mCAAgC;AAChC,mCAAgC;AAChC,mCAAgC;AAChC,mCAAgC;AAChC;AACE;AACF,0DAAgC;AAChC;AACE;AACA;AACA;AACF,0DAAgC;AAChC;AACA;ACxBA,4EAAkB;AAClB,gDAA8D;AAUvD,SAAS,wBAAA,CAAgD,EAAA,EAa7D;AAb6D,EAAA,IAAA,GAAA,EAAA,EAAA,EAC9D;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,EAYgE,EAAA,EAQ3D,KAAA,EAAA,wCAAA,EAR2D,EAQ3D;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,8BAAG,EAAgC,OAAO,EAAA,CAAA,kBACxD,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,qCAAA;AAAA,UAAA,4CAAA,6CAAA;AAAA,YACC,EAAA;AAAA,YACA,IAAA;AAAA,YACA,KAAA;AAAA,YACA,QAAA;AAAA,YACA,KAAA;AAAA,YACA;AAAA,UAAA,CAAA,EACI,IAAA,CAAA,EAPL;AAAA,YAQC,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;ADkBA;AACE;AACF,4DAAC","file":"/home/jahn/projects/shadcn-theme/packages/react/dist/components/form/hook-searchable-select.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 '../../utils/ui';\nimport { FormError } from './error';\nimport { FormSearchableSelect } from './searchable-select';\nimport type { FormSearchableSelectProps } from './searchable-select';\nimport type { HookFormRules } from './types';\n\nexport function HookFormSearchableSelect<T extends FieldValues>({\n  id,\n  name,\n  label,\n  error,\n  rules,\n  classNames,\n  disabled = false,\n  ...rest\n}: Omit<FormSearchableSelectProps, '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-form-searchable-select', wrapper)}>\n      <Controller\n        control={control}\n        name={name}\n        rules={rules}\n        render={({ field: { onChange, onBlur, value } }) => {\n          return (\n            <FormSearchableSelect\n              id={id}\n              name={name}\n              label={label}\n              onChange={onChange}\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-searchable-select.mjs

@@ -1,16 +1,19 @@
 "use client";
 import {
   FormSearchableSelect
-} from "../../chunk-3DG54EVO.mjs";
-import "../../chunk-OJEDITOA.mjs";
-import "../../chunk-D6WUNCBI.mjs";
+} from "../../chunk-432PQWGO.mjs";
+import "../../chunk-ZMMYQNQV.mjs";
+import "../../chunk-HKZRXGJ7.mjs";
+import "../../chunk-OPNHC6JN.mjs";
+import "../../chunk-QF6PFV6M.mjs";
+import "../../chunk-YQENFZOY.mjs";
 import {
   FormError
 } from "../../chunk-7MDWTJEP.mjs";
-import "../../chunk-47TKC7DB.mjs";
-import "../../chunk-SQK67X4D.mjs";
-import "../../chunk-FJGZ3SDA.mjs";
-import "../../chunk-NL4534LH.mjs";
+import "../../chunk-CSL3CTEN.mjs";
+import "../../chunk-7BYWDRRI.mjs";
+import "../../chunk-3GHC4JQU.mjs";
+import "../../chunk-MM5OJOOR.mjs";
 import {
   cn
 } from "../../chunk-KGUUDFJE.mjs";
@@ -43,7 +46,7 @@ function HookFormSearchableSelect(_a) {
   ]);
   const { control } = useFormContext();
   const _a2 = classNames != null ? classNames : {}, { wrapper } = _a2, restClassnames = __objRest(_a2, ["wrapper"]);
-  return /* @__PURE__ */ React.createElement("div", { className: cn("_hook-select", wrapper) }, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React.createElement("div", { className: cn("$hook-form-searchable-select", wrapper) }, /* @__PURE__ */ React.createElement(
     Controller,
     {
       control,