@egose/shadcn-theme 0.0.16 → 0.0.18

package/chunk-4J7ZCWRI.mjs

@@ -0,0 +1,84 @@
+import {
+  Label
+} from "./chunk-7W42BHVK.mjs";
+import {
+  cn
+} from "./chunk-3ONILUYO.mjs";
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "./chunk-YOSPWY5K.mjs";
+
+// components/form/select.tsx
+import React from "react";
+import _kebabCase from "lodash-es/kebabCase";
+import _isString from "lodash-es/isString";
+function listToSelectOptions(items) {
+  return items.map((item) => {
+    return { label: item, value: item };
+  });
+}
+function FormSelect(_a) {
+  var _b = _a, {
+    id,
+    name,
+    label,
+    selectProps,
+    data,
+    defaultValue,
+    classNames,
+    required,
+    disabled
+  } = _b, others = __objRest(_b, [
+    "id",
+    "name",
+    "label",
+    "selectProps",
+    "data",
+    "defaultValue",
+    "classNames",
+    "required",
+    "disabled"
+  ]);
+  var _a2;
+  let _options = [];
+  if (data.length > 0) {
+    if (_isString(data[0])) {
+      _options = listToSelectOptions(data);
+    } else {
+      _options = data;
+    }
+  }
+  if (!id) id = _kebabCase(name);
+  return /* @__PURE__ */ React.createElement("div", { className: 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(
+    "select",
+    __spreadValues(__spreadProps(__spreadValues({}, selectProps), {
+      id,
+      name,
+      autoComplete: id,
+      className: cn(
+        "flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-sm transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+        (_a2 = classNames == null ? void 0 : classNames.input) != null ? _a2 : ""
+      ),
+      required,
+      disabled,
+      defaultValue
+    }), others),
+    _options.map((option, index) => {
+      return /* @__PURE__ */ React.createElement(
+        "option",
+        {
+          key: option.value,
+          value: option.value
+        },
+        option.label
+      );
+    })
+  ));
+}
+
+export {
+  FormSelect
+};
+//# sourceMappingURL=chunk-4J7ZCWRI.mjs.map

package/chunk-4J7ZCWRI.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../components/form/select.tsx"],"sourcesContent":["'use client';\n\nimport React, { SelectHTMLAttributes } from 'react';\nimport _kebabCase from 'lodash-es/kebabCase';\nimport _isString from 'lodash-es/isString';\nimport { cn } from '../../lib/utils';\nimport { Label } from '../ui/label';\n\ntype SelectProps = SelectHTMLAttributes<HTMLSelectElement>;\n\nexport interface SelectOption {\n  label: string;\n  value: string;\n}\n\nfunction listToSelectOptions(items: string[]) {\n  return items.map((item) => {\n    return { label: item, value: item };\n  });\n}\n\nexport interface FormSelectProps extends SelectProps {\n  id?: string;\n  name: string;\n  label: string;\n  selectProps: SelectProps;\n  data: SelectOption[] | string[];\n  defaultValue?: string;\n  classNames?: {\n    wrapper?: string;\n    label?: string;\n    input?: string;\n  };\n}\n\nexport function FormSelect({\n  id,\n  name,\n  label,\n  selectProps,\n  data,\n  defaultValue,\n  classNames,\n  required,\n  disabled,\n  ...others\n}: FormSelectProps) {\n  let _options: SelectOption[] = [];\n  if (data.length > 0) {\n    if (_isString(data[0])) {\n      _options = listToSelectOptions(data as string[]);\n    } else {\n      _options = data as SelectOption[];\n    }\n  }\n\n  if (!id) id = _kebabCase(name);\n\n  return (\n    <div className={classNames?.wrapper}>\n      {label && (\n        <Label htmlFor={id} className={classNames?.label} required={required}>\n          {label}\n        </Label>\n      )}\n\n      <select\n        {...selectProps}\n        id={id}\n        name={name}\n        autoComplete={id}\n        className={cn(\n          'flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-sm transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm',\n          classNames?.input ?? '',\n        )}\n        required={required}\n        disabled={disabled}\n        defaultValue={defaultValue}\n        {...others}\n      >\n        {_options.map((option, index) => {\n          return (\n            <option\n              key={option.value}\n              value={option.value}\n              // Unfortunately, the selected prop is not properly set at the nested component level.\n              // use `defaultValue` in select element.\n              // selected={defaultValue ? defaultValue === option.value : index === 0}\n            >\n              {option.label}\n            </option>\n          );\n        })}\n      </select>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;AAEA,OAAO,WAAqC;AAC5C,OAAO,gBAAgB;AACvB,OAAO,eAAe;AAWtB,SAAS,oBAAoB,OAAiB;AAC5C,SAAO,MAAM,IAAI,CAAC,SAAS;AACzB,WAAO,EAAE,OAAO,MAAM,OAAO,KAAK;AAAA,EACpC,CAAC;AACH;AAgBO,SAAS,WAAW,IAWP;AAXO,eACzB;AAAA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EA5CF,IAmC2B,IAUtB,mBAVsB,IAUtB;AAAA,IATH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AA5CF,MAAAA;AA+CE,MAAI,WAA2B,CAAC;AAChC,MAAI,KAAK,SAAS,GAAG;AACnB,QAAI,UAAU,KAAK,CAAC,CAAC,GAAG;AACtB,iBAAW,oBAAoB,IAAgB;AAAA,IACjD,OAAO;AACL,iBAAW;AAAA,IACb;AAAA,EACF;AAEA,MAAI,CAAC,GAAI,MAAK,WAAW,IAAI;AAE7B,SACE,oCAAC,SAAI,WAAW,yCAAY,WACzB,SACC,oCAAC,SAAM,SAAS,IAAI,WAAW,yCAAY,OAAO,YAC/C,KACH,GAGF;AAAA,IAAC;AAAA,oDACK,cADL;AAAA,MAEC;AAAA,MACA;AAAA,MACA,cAAc;AAAA,MACd,WAAW;AAAA,QACT;AAAA,SACAA,MAAA,yCAAY,UAAZ,OAAAA,MAAqB;AAAA,MACvB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,QACI;AAAA,IAEH,SAAS,IAAI,CAAC,QAAQ,UAAU;AAC/B,aACE;AAAA,QAAC;AAAA;AAAA,UACC,KAAK,OAAO;AAAA,UACZ,OAAO,OAAO;AAAA;AAAA,QAKb,OAAO;AAAA,MACV;AAAA,IAEJ,CAAC;AAAA,EACH,CACF;AAEJ;","names":["_a"]}

package/{chunk-Z6AUIAE7.js → chunk-AIYBVHJZ.js}

@@ -46,6 +46,7 @@ function FormTextarea(_a) {
       id,
       name,
       rows,
+      required,
       disabled,
       autoComplete: "off"
     }, inputProps), others), {
@@ -68,4 +69,4 @@ function FormTextarea(_a) {
 
 
 exports.FormTextarea = FormTextarea;
-//# sourceMappingURL=chunk-Z6AUIAE7.js.map
+//# sourceMappingURL=chunk-AIYBVHJZ.js.map

package/chunk-AIYBVHJZ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/ahnjun/projects/egose-shadcn/package/dist/chunk-AIYBVHJZ.js","../components/form/textarea.tsx"],"names":[],"mappings":"AAAA;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACA;AACA;AACF,sDAA4B;AAC5B;AACA;ACbA,4EAAsD;AACtD,4GAAwB;AACxB,wGAAuB;AAOvB,IAAM,WAAA,EAAa,EAAA;AAcZ,SAAS,YAAA,CAAa,EAAA,EAUP;AAVO,EAAA,IAAA,GAAA,EAAA,EAAA,EAC3B;AAAA,IAAA,EAAA;AAAA,IACA,IAAA;AAAA,IACA,KAAA;AAAA,IACA,KAAA,EAAO,CAAA;AAAA,IACP,UAAA;AAAA,IACA,QAAA;AAAA,IACA,QAAA;AAAA,IACA,WAAA,EAAa,CAAC;AAAA,EAjChB,EAAA,EAyB6B,EAAA,EASxB,OAAA,EAAA,wCAAA,EATwB,EASxB;AAAA,IARH,IAAA;AAAA,IACA,MAAA;AAAA,IACA,OAAA;AAAA,IACA,MAAA;AAAA,IACA,YAAA;AAAA,IACA,UAAA;AAAA,IACA,UAAA;AAAA,IACA;AAAA,EAAA,CAAA,CAAA;AAGA,EAAA,GAAA,CAAI,CAAC,EAAA,EAAI,GAAA,EAAK,iCAAA,IAAe,CAAA;AAC7B,EAAA,MAAM,KAAA,EAAO,2BAAA,IAAgC,CAAA;AAE7C,EAAA,uBACE,eAAA,CAAA,aAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,iCAAA,UAAG,EAAY,WAAA,GAAA,KAAA,EAAA,KAAA,EAAA,EAAA,UAAA,CAAY,OAAO,EAAA,CAAA,EAC/C,MAAA,mBACC,eAAA,CAAA,aAAA,CAAC,sBAAA,EAAA,EAAM,OAAA,EAAS,EAAA,EAAI,SAAA,EAAW,WAAA,GAAA,KAAA,EAAA,KAAA,EAAA,EAAA,UAAA,CAAY,KAAA,EAAO,SAAA,CAAA,EAC/C,KACH,CAAA,kBAEF,eAAA,CAAA,aAAA;AAAA,IAAC,yBAAA;AAAA,IAAA,4CAAA,6CAAA,6CAAA;AAAA,MACC,EAAA;AAAA,MACA,IAAA;AAAA,MACA,IAAA;AAAA,MACA,QAAA;AAAA,MACA,QAAA;AAAA,MACA,YAAA,EAAa;AAAA,IAAA,CAAA,EACT,UAAA,CAAA,EACA,MAAA,CAAA,EARL;AAAA,MAYC,GAAA,EAAK,CAAC,EAAA,EAAA,GAAO;AACX,QAAA,GAAA,CAAI,CAAC,EAAA,EAAI,MAAA;AAET,QAAA,CAAC,IAAA,EAAM,UAAA,CAAW,GAAG,CAAA,CAAE,OAAA,CAAQ,CAAC,EAAA,EAAA,GAAO;AACrC,UAAA,GAAA,CAAI,CAAC,EAAA,EAAI,MAAA;AAET,UAAA,GAAA,CAAI,kCAAA,EAAc,CAAA,EAAG;AACnB,YAAA,EAAA,CAAG,EAAE,CAAA;AAAA,UACP,EAAA,KAAO;AACL,YAAA,EAAA,CAAG,QAAA,EAAU,EAAA;AAAA,UACf;AAAA,QACF,CAAC,CAAA;AAAA,MACH,CAAA;AAAA,MACA,SAAA,EAAW,iCAAA,UAAG,EAAY,WAAA,GAAA,KAAA,EAAA,KAAA,EAAA,EAAA,UAAA,CAAY,KAAK;AAAA,IAAA,CAAA;AAAA,EAC7C,CACF,CAAA;AAEJ;ADRA;AACA;AACE;AACF,oCAAC","file":"/home/ahnjun/projects/egose-shadcn/package/dist/chunk-AIYBVHJZ.js","sourcesContent":[null,"'use client';\n\nimport React, { TextareaHTMLAttributes, useRef } from 'react';\nimport _isFunction from 'lodash-es/isFunction';\nimport _kebabCase from 'lodash-es/kebabCase';\nimport { cn } from '../../lib/utils';\nimport { Label } from '../ui/label';\nimport { Textarea } from '../ui/textarea';\n\ninterface InputProps extends TextareaHTMLAttributes<HTMLTextAreaElement> {}\n\nconst inputClass = '';\n\nexport interface FormTextareaProps extends InputProps {\n  id?: string;\n  name: string;\n  label?: string;\n  inputProps?: InputProps & { ref?: any };\n  classNames?: {\n    wrapper?: string;\n    label?: string;\n    input?: string;\n  };\n}\n\nexport function FormTextarea({\n  id,\n  name,\n  label,\n  rows = 5,\n  classNames,\n  required,\n  disabled,\n  inputProps = {},\n  ...others\n}: FormTextareaProps) {\n  if (!id) id = _kebabCase(name);\n  const _ref = useRef<HTMLTextAreaElement>(null);\n\n  return (\n    <div className={cn('textarea', classNames?.wrapper)}>\n      {label && (\n        <Label htmlFor={id} className={classNames?.label} required={required}>\n          {label}\n        </Label>\n      )}\n      <Textarea\n        id={id}\n        name={name}\n        rows={rows}\n        required={required}\n        disabled={disabled}\n        autoComplete=\"off\"\n        {...inputProps}\n        {...others}\n        // Required to bind three potential refs:\n        // 1. From the inputProps ex) react-hook-form.\n        // 2. From the this component instance itself.\n        ref={(el) => {\n          if (!el) return;\n\n          [_ref, inputProps.ref].forEach((rf) => {\n            if (!rf) return;\n\n            if (_isFunction(rf)) {\n              rf(el);\n            } else {\n              rf.current = el;\n            }\n          });\n        }}\n        className={cn(inputClass, classNames?.input)}\n      />\n    </div>\n  );\n}\n"]}

package/{chunk-NEW6PZDO.mjs → chunk-ASPYSRE6.mjs}

@@ -44,6 +44,7 @@ function FormTextInput(_a) {
       type,
       id,
       name,
+      required,
       disabled,
       autoComplete: "off"
     }, inputProps), others), {
@@ -55,4 +56,4 @@ function FormTextInput(_a) {
 export {
   FormTextInput
 };
-//# sourceMappingURL=chunk-NEW6PZDO.mjs.map
+//# sourceMappingURL=chunk-ASPYSRE6.mjs.map

package/{chunk-NEW6PZDO.mjs.map → chunk-ASPYSRE6.mjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../components/form/text-input.tsx"],"sourcesContent":["'use client';\n\nimport React, { InputHTMLAttributes } from 'react';\nimport _kebabCase from 'lodash-es/kebabCase';\nimport { cn } from '../../lib/utils';\nimport { Label } from '../ui/label';\nimport { Input } from '../ui/input';\n\ninterface InputProps extends InputHTMLAttributes<HTMLInputElement> {}\n\nconst inputClass = '';\n\nexport interface FormTextInputProps extends InputProps {\n  id?: string;\n  name: string;\n  label?: string;\n  inputProps?: InputProps;\n  classNames?: {\n    wrapper?: string;\n    label?: string;\n    input?: string;\n  };\n}\n\nexport function FormTextInput({\n  id,\n  name,\n  label,\n  type = 'text',\n  classNames,\n  required,\n  disabled,\n  inputProps = {},\n  ...others\n}: FormTextInputProps) {\n  if (!id) id = _kebabCase(name);\n\n  return (\n    <div className={cn('_text-input', classNames?.wrapper)}>\n      {label && (\n        <Label htmlFor={id} className={classNames?.label} required={required}>\n          {label}\n        </Label>\n      )}\n      <Input\n        type={type}\n        id={id}\n        name={name}\n        disabled={disabled}\n        autoComplete=\"off\"\n        {...inputProps}\n        {...others}\n        className={cn(inputClass, classNames?.input)}\n      />\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;AAEA,OAAO,WAAoC;AAC3C,OAAO,gBAAgB;AAOvB,IAAM,aAAa;AAcZ,SAAS,cAAc,IAUP;AAVO,eAC5B;AAAA;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA;AAAA,IACA,aAAa,CAAC;AAAA,EAhChB,IAwB8B,IASzB,mBATyB,IASzB;AAAA,IARH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGA,MAAI,CAAC,GAAI,MAAK,WAAW,IAAI;AAE7B,SACE,oCAAC,SAAI,WAAW,GAAG,eAAe,yCAAY,OAAO,KAClD,SACC,oCAAC,SAAM,SAAS,IAAI,WAAW,yCAAY,OAAO,YAC/C,KACH,GAEF;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,cAAa;AAAA,OACT,aACA,SAPL;AAAA,MAQC,WAAW,GAAG,YAAY,yCAAY,KAAK;AAAA;AAAA,EAC7C,CACF;AAEJ;","names":[]}
+{"version":3,"sources":["../components/form/text-input.tsx"],"sourcesContent":["'use client';\n\nimport React, { InputHTMLAttributes } from 'react';\nimport _kebabCase from 'lodash-es/kebabCase';\nimport { cn } from '../../lib/utils';\nimport { Label } from '../ui/label';\nimport { Input } from '../ui/input';\n\ninterface InputProps extends InputHTMLAttributes<HTMLInputElement> {}\n\nconst inputClass = '';\n\nexport interface FormTextInputProps extends InputProps {\n  id?: string;\n  name: string;\n  label?: string;\n  inputProps?: InputProps;\n  classNames?: {\n    wrapper?: string;\n    label?: string;\n    input?: string;\n  };\n}\n\nexport function FormTextInput({\n  id,\n  name,\n  label,\n  type = 'text',\n  classNames,\n  required,\n  disabled,\n  inputProps = {},\n  ...others\n}: FormTextInputProps) {\n  if (!id) id = _kebabCase(name);\n\n  return (\n    <div className={cn('_text-input', classNames?.wrapper)}>\n      {label && (\n        <Label htmlFor={id} className={classNames?.label} required={required}>\n          {label}\n        </Label>\n      )}\n      <Input\n        type={type}\n        id={id}\n        name={name}\n        required={required}\n        disabled={disabled}\n        autoComplete=\"off\"\n        {...inputProps}\n        {...others}\n        className={cn(inputClass, classNames?.input)}\n      />\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;AAEA,OAAO,WAAoC;AAC3C,OAAO,gBAAgB;AAOvB,IAAM,aAAa;AAcZ,SAAS,cAAc,IAUP;AAVO,eAC5B;AAAA;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA;AAAA,IACA,aAAa,CAAC;AAAA,EAhChB,IAwB8B,IASzB,mBATyB,IASzB;AAAA,IARH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGA,MAAI,CAAC,GAAI,MAAK,WAAW,IAAI;AAE7B,SACE,oCAAC,SAAI,WAAW,GAAG,eAAe,yCAAY,OAAO,KAClD,SACC,oCAAC,SAAM,SAAS,IAAI,WAAW,yCAAY,OAAO,YAC/C,KACH,GAEF;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,cAAa;AAAA,OACT,aACA,SARL;AAAA,MASC,WAAW,GAAG,YAAY,yCAAY,KAAK;AAAA;AAAA,EAC7C,CACF;AAEJ;","names":[]}

package/{chunk-HPHG6IFO.mjs → chunk-DNKFPC6O.mjs}

@@ -46,6 +46,7 @@ function FormTextarea(_a) {
       id,
       name,
       rows,
+      required,
       disabled,
       autoComplete: "off"
     }, inputProps), others), {
@@ -68,4 +69,4 @@ function FormTextarea(_a) {
 export {
   FormTextarea
 };
-//# sourceMappingURL=chunk-HPHG6IFO.mjs.map
+//# sourceMappingURL=chunk-DNKFPC6O.mjs.map

package/chunk-DNKFPC6O.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../components/form/textarea.tsx"],"sourcesContent":["'use client';\n\nimport React, { TextareaHTMLAttributes, useRef } from 'react';\nimport _isFunction from 'lodash-es/isFunction';\nimport _kebabCase from 'lodash-es/kebabCase';\nimport { cn } from '../../lib/utils';\nimport { Label } from '../ui/label';\nimport { Textarea } from '../ui/textarea';\n\ninterface InputProps extends TextareaHTMLAttributes<HTMLTextAreaElement> {}\n\nconst inputClass = '';\n\nexport interface FormTextareaProps extends InputProps {\n  id?: string;\n  name: string;\n  label?: string;\n  inputProps?: InputProps & { ref?: any };\n  classNames?: {\n    wrapper?: string;\n    label?: string;\n    input?: string;\n  };\n}\n\nexport function FormTextarea({\n  id,\n  name,\n  label,\n  rows = 5,\n  classNames,\n  required,\n  disabled,\n  inputProps = {},\n  ...others\n}: FormTextareaProps) {\n  if (!id) id = _kebabCase(name);\n  const _ref = useRef<HTMLTextAreaElement>(null);\n\n  return (\n    <div className={cn('textarea', classNames?.wrapper)}>\n      {label && (\n        <Label htmlFor={id} className={classNames?.label} required={required}>\n          {label}\n        </Label>\n      )}\n      <Textarea\n        id={id}\n        name={name}\n        rows={rows}\n        required={required}\n        disabled={disabled}\n        autoComplete=\"off\"\n        {...inputProps}\n        {...others}\n        // Required to bind three potential refs:\n        // 1. From the inputProps ex) react-hook-form.\n        // 2. From the this component instance itself.\n        ref={(el) => {\n          if (!el) return;\n\n          [_ref, inputProps.ref].forEach((rf) => {\n            if (!rf) return;\n\n            if (_isFunction(rf)) {\n              rf(el);\n            } else {\n              rf.current = el;\n            }\n          });\n        }}\n        className={cn(inputClass, classNames?.input)}\n      />\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;AAEA,OAAO,SAAiC,cAAc;AACtD,OAAO,iBAAiB;AACxB,OAAO,gBAAgB;AAOvB,IAAM,aAAa;AAcZ,SAAS,aAAa,IAUP;AAVO,eAC3B;AAAA;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA;AAAA,IACA,aAAa,CAAC;AAAA,EAjChB,IAyB6B,IASxB,mBATwB,IASxB;AAAA,IARH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGA,MAAI,CAAC,GAAI,MAAK,WAAW,IAAI;AAC7B,QAAM,OAAO,OAA4B,IAAI;AAE7C,SACE,oCAAC,SAAI,WAAW,GAAG,YAAY,yCAAY,OAAO,KAC/C,SACC,oCAAC,SAAM,SAAS,IAAI,WAAW,yCAAY,OAAO,YAC/C,KACH,GAEF;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,cAAa;AAAA,OACT,aACA,SARL;AAAA,MAYC,KAAK,CAAC,OAAO;AACX,YAAI,CAAC,GAAI;AAET,SAAC,MAAM,WAAW,GAAG,EAAE,QAAQ,CAAC,OAAO;AACrC,cAAI,CAAC,GAAI;AAET,cAAI,YAAY,EAAE,GAAG;AACnB,eAAG,EAAE;AAAA,UACP,OAAO;AACL,eAAG,UAAU;AAAA,UACf;AAAA,QACF,CAAC;AAAA,MACH;AAAA,MACA,WAAW,GAAG,YAAY,yCAAY,KAAK;AAAA;AAAA,EAC7C,CACF;AAEJ;","names":[]}

package/{chunk-R4N62Z3D.js → chunk-EQWIZ4DC.js}

@@ -24,46 +24,72 @@ var _react = require('react'); var _react2 = _interopRequireDefault(_react);
 var _datefns = require('date-fns');
 var _lucidereact = require('lucide-react');
 var _kebabCase2 = require('lodash-es/kebabCase'); var _kebabCase3 = _interopRequireDefault(_kebabCase2);
-var _isNil2 = require('lodash-es/isNil'); var _isNil3 = _interopRequireDefault(_isNil2);
+var _isUndefined2 = require('lodash-es/isUndefined'); var _isUndefined3 = _interopRequireDefault(_isUndefined2);
 var _isString2 = require('lodash-es/isString'); var _isString3 = _interopRequireDefault(_isString2);
 function formatDate(date) {
   return _datefns.format.call(void 0, date, "LLL dd, y");
 }
+function getStartOfDay(date) {
+  const startOfDay = new Date(date.getFullYear(), date.getMonth(), date.getDate());
+  return startOfDay;
+}
 function FormDatePicker({
   id,
   name,
   label,
   required = false,
   disabled = false,
-  value: initialValue,
+  initialValue,
+  value,
   onChange,
   classNames
 }) {
-  const dt = _isNil3.default.call(void 0, initialValue) ? /* @__PURE__ */ new Date() : _isString3.default.call(void 0, initialValue) ? new Date(initialValue) : initialValue;
-  const startOfDay = new Date(dt.getFullYear(), dt.getMonth(), dt.getDate());
-  const [value, setValue] = _react.useState.call(void 0, startOfDay);
+  const [date, setDate] = _react.useState.call(void 0, void 0);
+  const [initialized, setInitialized] = _react.useState.call(void 0, false);
+  _react.useEffect.call(void 0, () => {
+    if (!initialized) {
+      const dt = initialValue ? getStartOfDay(new Date(initialValue)) : getStartOfDay(/* @__PURE__ */ new Date());
+      setDate(dt);
+      setInitialized(true);
+    }
+  }, [initialized, initialValue]);
   _react.useEffect.call(void 0, () => {
-    onChange(value);
+    if (_isUndefined3.default.call(void 0, value)) {
+      if (!_isUndefined3.default.call(void 0, date)) {
+        setDate(void 0);
+      }
+    } else {
+      const dt = _isString3.default.call(void 0, value) ? new Date(value) : value;
+      if (!_chunkAIRT3G2Fjs.isEqualDate.call(void 0, date, dt)) {
+        setDate(getStartOfDay(dt));
+      }
+    }
   }, [value]);
+  _react.useEffect.call(void 0, () => {
+    if (initialized) {
+      onChange(date);
+    }
+  }, [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: _chunkB2G2EZ4Pjs.cn.call(void 0, "date-picker", classNames == null ? void 0 : classNames.wrapper) }, label && /* @__PURE__ */ _react2.default.createElement(_chunkAXZDZXCYjs.Label, { htmlFor: id, className: classNames == null ? void 0 : classNames.label, required }, label), /* @__PURE__ */ _react2.default.createElement("div", { className: _chunkB2G2EZ4Pjs.cn.call(void 0, "grid gap-2") }, /* @__PURE__ */ _react2.default.createElement(_chunkZ33UILCVjs.Popover, null, /* @__PURE__ */ _react2.default.createElement(_chunkZ33UILCVjs.PopoverTrigger, { asChild: true }, /* @__PURE__ */ _react2.default.createElement(
     _chunkY2EVJJLMjs.Button,
     {
-      variant: value ? "secondary" : "muted",
+      variant: date ? "secondary" : "muted",
       outline: true,
       className: _chunkB2G2EZ4Pjs.cn.call(void 0, "min-w-[145px] justify-start text-left font-normal", classNames == null ? void 0 : classNames.button)
     },
     /* @__PURE__ */ _react2.default.createElement(_lucidereact.CalendarIcon, null),
-    value ? /* @__PURE__ */ _react2.default.createElement(_react2.default.Fragment, null, formatDate(value)) : /* @__PURE__ */ _react2.default.createElement("span", null, "Pick a date")
+    display
   )), /* @__PURE__ */ _react2.default.createElement(_chunkZ33UILCVjs.PopoverContent, { className: "w-auto p-0", align: "start" }, /* @__PURE__ */ _react2.default.createElement(
     _chunk73AY2MAQjs.Calendar,
     {
       mode: "single",
-      defaultMonth: value,
-      selected: value,
-      onSelect: (date) => {
-        if (!_chunkAIRT3G2Fjs.isEqualDate.call(void 0, value, date)) {
-          setValue(date);
+      defaultMonth: date,
+      selected: date,
+      onSelect: (newdate) => {
+        if (!_chunkAIRT3G2Fjs.isEqualDate.call(void 0, date, newdate)) {
+          setDate(newdate);
         }
       }
     }
@@ -73,4 +99,4 @@ function FormDatePicker({
 
 
 exports.FormDatePicker = FormDatePicker;
-//# sourceMappingURL=chunk-R4N62Z3D.js.map
+//# sourceMappingURL=chunk-EQWIZ4DC.js.map

package/chunk-EQWIZ4DC.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/ahnjun/projects/egose-shadcn/package/dist/chunk-EQWIZ4DC.js","../components/form/date-picker.tsx"],"names":[],"mappings":"AAAA;AACE;AACA;AACA;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACA;ACnBA,4EAA2C;AAC3C,mCAAyC;AACzC,2CAA6B;AAC7B,wGAAuB;AAEvB,gHAAyB;AACzB,oGAAsB;AAStB,SAAS,UAAA,CAAW,IAAA,EAAY;AAC9B,EAAA,OAAO,6BAAA,IAAO,EAAM,WAAW,CAAA;AACjC;AAEA,SAAS,aAAA,CAAc,IAAA,EAAY;AACjC,EAAA,MAAM,WAAA,EAAa,IAAI,IAAA,CAAK,IAAA,CAAK,WAAA,CAAY,CAAA,EAAG,IAAA,CAAK,QAAA,CAAS,CAAA,EAAG,IAAA,CAAK,OAAA,CAAQ,CAAC,CAAA;AAC/E,EAAA,OAAO,UAAA;AACT;AAkBO,SAAS,cAAA,CAAe;AAAA,EAC7B,EAAA;AAAA,EACA,IAAA;AAAA,EACA,KAAA;AAAA,EACA,SAAA,EAAW,KAAA;AAAA,EACX,SAAA,EAAW,KAAA;AAAA,EACX,YAAA;AAAA,EACA,KAAA;AAAA,EACA,QAAA;AAAA,EACA;AACF,CAAA,EAAwB;AACtB,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,EAAA,EAAI,6BAAA,KAA2B,CAAS,CAAA;AAC5D,EAAA,MAAM,CAAC,WAAA,EAAa,cAAc,EAAA,EAAI,6BAAA,KAAc,CAAA;AAEpD,EAAA,8BAAA,CAAU,EAAA,GAAM;AACd,IAAA,GAAA,CAAI,CAAC,WAAA,EAAa;AAChB,MAAA,MAAM,GAAA,EAAK,aAAA,EAAe,aAAA,CAAc,IAAI,IAAA,CAAK,YAAY,CAAC,EAAA,EAAI,aAAA,iBAAc,IAAI,IAAA,CAAK,CAAC,CAAA;AAE1F,MAAA,OAAA,CAAQ,EAAE,CAAA;AACV,MAAA,cAAA,CAAe,IAAI,CAAA;AAAA,IACrB;AAAA,EACF,CAAA,EAAG,CAAC,WAAA,EAAa,YAAY,CAAC,CAAA;AAE9B,EAAA,8BAAA,CAAU,EAAA,GAAM;AACd,IAAA,GAAA,CAAI,mCAAA,KAAkB,CAAA,EAAG;AACvB,MAAA,GAAA,CAAI,CAAC,mCAAA,IAAiB,CAAA,EAAG;AACvB,QAAA,OAAA,CAAQ,KAAA,CAAS,CAAA;AAAA,MACnB;AAAA,IACF,EAAA,KAAO;AACL,MAAA,MAAM,GAAA,EAAK,gCAAA,KAAe,EAAA,EAAI,IAAI,IAAA,CAAK,KAAK,EAAA,EAAI,KAAA;AAChD,MAAA,GAAA,CAAI,CAAC,0CAAA,IAAY,EAAM,EAAE,CAAA,EAAG;AAC1B,QAAA,OAAA,CAAQ,aAAA,CAAc,EAAE,CAAC,CAAA;AAAA,MAC3B;AAAA,IACF;AAAA,EACF,CAAA,EAAG,CAAC,KAAK,CAAC,CAAA;AAEV,EAAA,8BAAA,CAAU,EAAA,GAAM;AACd,IAAA,GAAA,CAAI,WAAA,EAAa;AACf,MAAA,QAAA,CAAS,IAAI,CAAA;AAAA,IACf;AAAA,EACF,CAAA,EAAG,CAAC,IAAA,EAAM,WAAW,CAAC,CAAA;AAEtB,EAAA,GAAA,CAAI,CAAC,EAAA,EAAI,GAAA,EAAK,iCAAA,IAAe,CAAA;AAE7B,EAAA,MAAM,QAAA,EAAU,CAAC,YAAA,kBAAc,eAAA,CAAA,aAAA,CAAC,MAAA,EAAA,IAAK,EAAA,EAAU,KAAA,kBAAO,eAAA,CAAA,aAAA,CAAA,eAAA,CAAA,QAAA,EAAA,IAAA,EAAG,UAAA,CAAW,IAAI,CAAE,EAAA,kBAAM,eAAA,CAAA,aAAA,CAAC,MAAA,EAAA,IAAA,EAAK,aAAW,CAAA;AAEjG,EAAA,uBACE,eAAA,CAAA,aAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,iCAAA,aAAG,EAAe,WAAA,GAAA,KAAA,EAAA,KAAA,EAAA,EAAA,UAAA,CAAY,OAAO,EAAA,CAAA,EAClD,MAAA,mBACC,eAAA,CAAA,aAAA,CAAC,sBAAA,EAAA,EAAM,OAAA,EAAS,EAAA,EAAI,SAAA,EAAW,WAAA,GAAA,KAAA,EAAA,KAAA,EAAA,EAAA,UAAA,CAAY,KAAA,EAAO,SAAA,CAAA,EAC/C,KACH,CAAA,kBAEF,eAAA,CAAA,aAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,iCAAA,YAAe,EAAA,CAAA,kBAC7B,eAAA,CAAA,aAAA,CAAC,wBAAA,EAAA,IAAA,kBACC,eAAA,CAAA,aAAA,CAAC,+BAAA,EAAA,EAAe,OAAA,EAAO,KAAA,CAAA,kBACrB,eAAA,CAAA,aAAA;AAAA,IAAC,uBAAA;AAAA,IAAA;AAAA,MACC,OAAA,EAAS,KAAA,EAAO,YAAA,EAAc,OAAA;AAAA,MAC9B,OAAA,EAAO,IAAA;AAAA,MACP,SAAA,EAAW,iCAAA,mDAAG,EAAqD,WAAA,GAAA,KAAA,EAAA,KAAA,EAAA,EAAA,UAAA,CAAY,MAAM;AAAA,IAAA,CAAA;AAAA,oBAErF,eAAA,CAAA,aAAA,CAAC,yBAAA,EAAA,IAAa,CAAA;AAAA,IACb;AAAA,EACH,CACF,CAAA,kBACA,eAAA,CAAA,aAAA,CAAC,+BAAA,EAAA,EAAe,SAAA,EAAU,YAAA,EAAa,KAAA,EAAM,QAAA,CAAA,kBAC3C,eAAA,CAAA,aAAA;AAAA,IAAC,yBAAA;AAAA,IAAA;AAAA,MACC,IAAA,EAAK,QAAA;AAAA,MACL,YAAA,EAAc,IAAA;AAAA,MACd,QAAA,EAAU,IAAA;AAAA,MACV,QAAA,EAAU,CAAC,OAAA,EAAA,GAAY;AACrB,QAAA,GAAA,CAAI,CAAC,0CAAA,IAAY,EAAM,OAAO,CAAA,EAAG;AAC/B,UAAA,OAAA,CAAQ,OAAO,CAAA;AAAA,QACjB;AAAA,MACF;AAAA,IAAA;AAAA,EACF,CACF,CACF,CACF,CACF,CAAA;AAEJ;AD1BA;AACA;AACE;AACF,wCAAC","file":"/home/ahnjun/projects/egose-shadcn/package/dist/chunk-EQWIZ4DC.js","sourcesContent":[null,"'use client';\n\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      <div className={cn('grid gap-2')}>\n        <Popover>\n          <PopoverTrigger asChild>\n            <Button\n              variant={date ? 'secondary' : 'muted'}\n              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          <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"]}

package/{chunk-5GI6UANN.js → chunk-KRSIQ2CB.js}

@@ -44,6 +44,7 @@ function FormTextInput(_a) {
       type,
       id,
       name,
+      required,
       disabled,
       autoComplete: "off"
     }, inputProps), others), {
@@ -55,4 +56,4 @@ function FormTextInput(_a) {
 
 
 exports.FormTextInput = FormTextInput;
-//# sourceMappingURL=chunk-5GI6UANN.js.map
+//# sourceMappingURL=chunk-KRSIQ2CB.js.map

package/chunk-KRSIQ2CB.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/ahnjun/projects/egose-shadcn/package/dist/chunk-KRSIQ2CB.js","../components/form/text-input.tsx"],"names":[],"mappings":"AAAA;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACA;AACA;AACF,sDAA4B;AAC5B;AACA;ACbA,4EAA2C;AAC3C,wGAAuB;AAOvB,IAAM,WAAA,EAAa,EAAA;AAcZ,SAAS,aAAA,CAAc,EAAA,EAUP;AAVO,EAAA,IAAA,GAAA,EAAA,EAAA,EAC5B;AAAA,IAAA,EAAA;AAAA,IACA,IAAA;AAAA,IACA,KAAA;AAAA,IACA,KAAA,EAAO,MAAA;AAAA,IACP,UAAA;AAAA,IACA,QAAA;AAAA,IACA,QAAA;AAAA,IACA,WAAA,EAAa,CAAC;AAAA,EAhChB,EAAA,EAwB8B,EAAA,EASzB,OAAA,EAAA,wCAAA,EATyB,EASzB;AAAA,IARH,IAAA;AAAA,IACA,MAAA;AAAA,IACA,OAAA;AAAA,IACA,MAAA;AAAA,IACA,YAAA;AAAA,IACA,UAAA;AAAA,IACA,UAAA;AAAA,IACA;AAAA,EAAA,CAAA,CAAA;AAGA,EAAA,GAAA,CAAI,CAAC,EAAA,EAAI,GAAA,EAAK,iCAAA,IAAe,CAAA;AAE7B,EAAA,uBACE,eAAA,CAAA,aAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,iCAAA,aAAG,EAAe,WAAA,GAAA,KAAA,EAAA,KAAA,EAAA,EAAA,UAAA,CAAY,OAAO,EAAA,CAAA,EAClD,MAAA,mBACC,eAAA,CAAA,aAAA,CAAC,sBAAA,EAAA,EAAM,OAAA,EAAS,EAAA,EAAI,SAAA,EAAW,WAAA,GAAA,KAAA,EAAA,KAAA,EAAA,EAAA,UAAA,CAAY,KAAA,EAAO,SAAA,CAAA,EAC/C,KACH,CAAA,kBAEF,eAAA,CAAA,aAAA;AAAA,IAAC,sBAAA;AAAA,IAAA,4CAAA,6CAAA,6CAAA;AAAA,MACC,IAAA;AAAA,MACA,EAAA;AAAA,MACA,IAAA;AAAA,MACA,QAAA;AAAA,MACA,QAAA;AAAA,MACA,YAAA,EAAa;AAAA,IAAA,CAAA,EACT,UAAA,CAAA,EACA,MAAA,CAAA,EARL;AAAA,MASC,SAAA,EAAW,iCAAA,UAAG,EAAY,WAAA,GAAA,KAAA,EAAA,KAAA,EAAA,EAAA,UAAA,CAAY,KAAK;AAAA,IAAA,CAAA;AAAA,EAC7C,CACF,CAAA;AAEJ;ADHA;AACA;AACE;AACF,sCAAC","file":"/home/ahnjun/projects/egose-shadcn/package/dist/chunk-KRSIQ2CB.js","sourcesContent":[null,"'use client';\n\nimport React, { InputHTMLAttributes } from 'react';\nimport _kebabCase from 'lodash-es/kebabCase';\nimport { cn } from '../../lib/utils';\nimport { Label } from '../ui/label';\nimport { Input } from '../ui/input';\n\ninterface InputProps extends InputHTMLAttributes<HTMLInputElement> {}\n\nconst inputClass = '';\n\nexport interface FormTextInputProps extends InputProps {\n  id?: string;\n  name: string;\n  label?: string;\n  inputProps?: InputProps;\n  classNames?: {\n    wrapper?: string;\n    label?: string;\n    input?: string;\n  };\n}\n\nexport function FormTextInput({\n  id,\n  name,\n  label,\n  type = 'text',\n  classNames,\n  required,\n  disabled,\n  inputProps = {},\n  ...others\n}: FormTextInputProps) {\n  if (!id) id = _kebabCase(name);\n\n  return (\n    <div className={cn('_text-input', classNames?.wrapper)}>\n      {label && (\n        <Label htmlFor={id} className={classNames?.label} required={required}>\n          {label}\n        </Label>\n      )}\n      <Input\n        type={type}\n        id={id}\n        name={name}\n        required={required}\n        disabled={disabled}\n        autoComplete=\"off\"\n        {...inputProps}\n        {...others}\n        className={cn(inputClass, classNames?.input)}\n      />\n    </div>\n  );\n}\n"]}

package/chunk-RUACSQT3.js

@@ -0,0 +1,84 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _chunkAXZDZXCYjs = require('./chunk-AXZDZXCY.js');
+
+
+var _chunkB2G2EZ4Pjs = require('./chunk-B2G2EZ4P.js');
+
+
+
+
+var _chunk2NMEKWO5js = require('./chunk-2NMEKWO5.js');
+
+// components/form/select.tsx
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
+var _kebabCase2 = require('lodash-es/kebabCase'); var _kebabCase3 = _interopRequireDefault(_kebabCase2);
+var _isString2 = require('lodash-es/isString'); var _isString3 = _interopRequireDefault(_isString2);
+function listToSelectOptions(items) {
+  return items.map((item) => {
+    return { label: item, value: item };
+  });
+}
+function FormSelect(_a) {
+  var _b = _a, {
+    id,
+    name,
+    label,
+    selectProps,
+    data,
+    defaultValue,
+    classNames,
+    required,
+    disabled
+  } = _b, others = _chunk2NMEKWO5js.__objRest.call(void 0, _b, [
+    "id",
+    "name",
+    "label",
+    "selectProps",
+    "data",
+    "defaultValue",
+    "classNames",
+    "required",
+    "disabled"
+  ]);
+  var _a2;
+  let _options = [];
+  if (data.length > 0) {
+    if (_isString3.default.call(void 0, data[0])) {
+      _options = listToSelectOptions(data);
+    } else {
+      _options = data;
+    }
+  }
+  if (!id) id = _kebabCase3.default.call(void 0, name);
+  return /* @__PURE__ */ _react2.default.createElement("div", { className: classNames == null ? void 0 : classNames.wrapper }, label && /* @__PURE__ */ _react2.default.createElement(_chunkAXZDZXCYjs.Label, { htmlFor: id, className: classNames == null ? void 0 : classNames.label, required }, label), /* @__PURE__ */ _react2.default.createElement(
+    "select",
+    _chunk2NMEKWO5js.__spreadValues.call(void 0, _chunk2NMEKWO5js.__spreadProps.call(void 0, _chunk2NMEKWO5js.__spreadValues.call(void 0, {}, selectProps), {
+      id,
+      name,
+      autoComplete: id,
+      className: _chunkB2G2EZ4Pjs.cn.call(void 0, 
+        "flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-sm transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+        (_a2 = classNames == null ? void 0 : classNames.input) != null ? _a2 : ""
+      ),
+      required,
+      disabled,
+      defaultValue
+    }), others),
+    _options.map((option, index) => {
+      return /* @__PURE__ */ _react2.default.createElement(
+        "option",
+        {
+          key: option.value,
+          value: option.value
+        },
+        option.label
+      );
+    })
+  ));
+}
+
+
+
+exports.FormSelect = FormSelect;
+//# sourceMappingURL=chunk-RUACSQT3.js.map

package/chunk-RUACSQT3.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/ahnjun/projects/egose-shadcn/package/dist/chunk-RUACSQT3.js","../components/form/select.tsx"],"names":["_a"],"mappings":"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","file":"/home/ahnjun/projects/egose-shadcn/package/dist/chunk-RUACSQT3.js","sourcesContent":[null,"'use client';\n\nimport React, { SelectHTMLAttributes } from 'react';\nimport _kebabCase from 'lodash-es/kebabCase';\nimport _isString from 'lodash-es/isString';\nimport { cn } from '../../lib/utils';\nimport { Label } from '../ui/label';\n\ntype SelectProps = SelectHTMLAttributes<HTMLSelectElement>;\n\nexport interface SelectOption {\n  label: string;\n  value: string;\n}\n\nfunction listToSelectOptions(items: string[]) {\n  return items.map((item) => {\n    return { label: item, value: item };\n  });\n}\n\nexport interface FormSelectProps extends SelectProps {\n  id?: string;\n  name: string;\n  label: string;\n  selectProps: SelectProps;\n  data: SelectOption[] | string[];\n  defaultValue?: string;\n  classNames?: {\n    wrapper?: string;\n    label?: string;\n    input?: string;\n  };\n}\n\nexport function FormSelect({\n  id,\n  name,\n  label,\n  selectProps,\n  data,\n  defaultValue,\n  classNames,\n  required,\n  disabled,\n  ...others\n}: FormSelectProps) {\n  let _options: SelectOption[] = [];\n  if (data.length > 0) {\n    if (_isString(data[0])) {\n      _options = listToSelectOptions(data as string[]);\n    } else {\n      _options = data as SelectOption[];\n    }\n  }\n\n  if (!id) id = _kebabCase(name);\n\n  return (\n    <div className={classNames?.wrapper}>\n      {label && (\n        <Label htmlFor={id} className={classNames?.label} required={required}>\n          {label}\n        </Label>\n      )}\n\n      <select\n        {...selectProps}\n        id={id}\n        name={name}\n        autoComplete={id}\n        className={cn(\n          'flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-sm transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm',\n          classNames?.input ?? '',\n        )}\n        required={required}\n        disabled={disabled}\n        defaultValue={defaultValue}\n        {...others}\n      >\n        {_options.map((option, index) => {\n          return (\n            <option\n              key={option.value}\n              value={option.value}\n              // Unfortunately, the selected prop is not properly set at the nested component level.\n              // use `defaultValue` in select element.\n              // selected={defaultValue ? defaultValue === option.value : index === 0}\n            >\n              {option.label}\n            </option>\n          );\n        })}\n      </select>\n    </div>\n  );\n}\n"]}

package/{chunk-AWGHSCTG.mjs → chunk-V7HAO7KE.mjs}

@@ -24,46 +24,72 @@ import React, { useEffect, useState } from "react";
 import { format } from "date-fns";
 import { CalendarIcon } from "lucide-react";
 import _kebabCase from "lodash-es/kebabCase";
-import _isNil from "lodash-es/isNil";
+import _isUndefined from "lodash-es/isUndefined";
 import _isString from "lodash-es/isString";
 function formatDate(date) {
   return format(date, "LLL dd, y");
 }
+function getStartOfDay(date) {
+  const startOfDay = new Date(date.getFullYear(), date.getMonth(), date.getDate());
+  return startOfDay;
+}
 function FormDatePicker({
   id,
   name,
   label,
   required = false,
   disabled = false,
-  value: initialValue,
+  initialValue,
+  value,
   onChange,
   classNames
 }) {
-  const dt = _isNil(initialValue) ? /* @__PURE__ */ new Date() : _isString(initialValue) ? new Date(initialValue) : initialValue;
-  const startOfDay = new Date(dt.getFullYear(), dt.getMonth(), dt.getDate());
-  const [value, setValue] = useState(startOfDay);
+  const [date, setDate] = useState(void 0);
+  const [initialized, setInitialized] = useState(false);
+  useEffect(() => {
+    if (!initialized) {
+      const dt = initialValue ? getStartOfDay(new Date(initialValue)) : getStartOfDay(/* @__PURE__ */ new Date());
+      setDate(dt);
+      setInitialized(true);
+    }
+  }, [initialized, initialValue]);
   useEffect(() => {
-    onChange(value);
+    if (_isUndefined(value)) {
+      if (!_isUndefined(date)) {
+        setDate(void 0);
+      }
+    } else {
+      const dt = _isString(value) ? new Date(value) : value;
+      if (!isEqualDate(date, dt)) {
+        setDate(getStartOfDay(dt));
+      }
+    }
   }, [value]);
+  useEffect(() => {
+    if (initialized) {
+      onChange(date);
+    }
+  }, [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(
     Button,
     {
-      variant: value ? "secondary" : "muted",
+      variant: date ? "secondary" : "muted",
       outline: true,
       className: cn("min-w-[145px] justify-start text-left font-normal", classNames == null ? void 0 : classNames.button)
     },
     /* @__PURE__ */ React.createElement(CalendarIcon, null),
-    value ? /* @__PURE__ */ React.createElement(React.Fragment, null, formatDate(value)) : /* @__PURE__ */ React.createElement("span", null, "Pick a date")
+    display
   )), /* @__PURE__ */ React.createElement(PopoverContent, { className: "w-auto p-0", align: "start" }, /* @__PURE__ */ React.createElement(
     Calendar,
     {
       mode: "single",
-      defaultMonth: value,
-      selected: value,
-      onSelect: (date) => {
-        if (!isEqualDate(value, date)) {
-          setValue(date);
+      defaultMonth: date,
+      selected: date,
+      onSelect: (newdate) => {
+        if (!isEqualDate(date, newdate)) {
+          setDate(newdate);
         }
       }
     }
@@ -73,4 +99,4 @@ function FormDatePicker({
 export {
   FormDatePicker
 };
-//# sourceMappingURL=chunk-AWGHSCTG.mjs.map
+//# sourceMappingURL=chunk-V7HAO7KE.mjs.map

package/chunk-V7HAO7KE.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../components/form/date-picker.tsx"],"sourcesContent":["'use client';\n\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      <div className={cn('grid gap-2')}>\n        <Popover>\n          <PopoverTrigger asChild>\n            <Button\n              variant={date ? 'secondary' : 'muted'}\n              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          <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":";;;;;;;;;;;;;;;;;;;;;;AAEA,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,GAEF,oCAAC,SAAI,WAAW,GAAG,YAAY,KAC7B,oCAAC,eACC,oCAAC,kBAAe,SAAO,QACrB;AAAA,IAAC;AAAA;AAAA,MACC,SAAS,OAAO,cAAc;AAAA,MAC9B,SAAO;AAAA,MACP,WAAW,GAAG,qDAAqD,yCAAY,MAAM;AAAA;AAAA,IAErF,oCAAC,kBAAa;AAAA,IACb;AAAA,EACH,CACF,GACA,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/components/form/date-picker.d.mts

@@ -6,6 +6,7 @@ interface FormDatePickerProps {
     label?: string;
     required?: boolean;
     disabled?: boolean;
+    initialValue?: Date | string;
     value?: Date | string;
     onChange: (value?: Date) => void;
     classNames?: {
@@ -14,6 +15,6 @@ interface FormDatePickerProps {
         button?: string;
     };
 }
-declare function FormDatePicker({ id, name, label, required, disabled, value: initialValue, onChange, classNames, }: FormDatePickerProps): React__default.JSX.Element;
+declare function FormDatePicker({ id, name, label, required, disabled, initialValue, value, onChange, classNames, }: FormDatePickerProps): React__default.JSX.Element;
 
 export { FormDatePicker, type FormDatePickerProps };

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

@@ -6,6 +6,7 @@ interface FormDatePickerProps {
     label?: string;
     required?: boolean;
     disabled?: boolean;
+    initialValue?: Date | string;
     value?: Date | string;
     onChange: (value?: Date) => void;
     classNames?: {
@@ -14,6 +15,6 @@ interface FormDatePickerProps {
         button?: string;
     };
 }
-declare function FormDatePicker({ id, name, label, required, disabled, value: initialValue, onChange, classNames, }: FormDatePickerProps): React__default.JSX.Element;
+declare function FormDatePicker({ id, name, label, required, disabled, initialValue, value, onChange, classNames, }: FormDatePickerProps): React__default.JSX.Element;
 
 export { FormDatePicker, type FormDatePickerProps };

package/components/form/date-picker.js

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _chunkR4N62Z3Djs = require('../../chunk-R4N62Z3D.js');
+var _chunkEQWIZ4DCjs = require('../../chunk-EQWIZ4DC.js');
 require('../../chunk-Z33UILCV.js');
 require('../../chunk-73AY2MAQ.js');
 require('../../chunk-Y2EVJJLM.js');
@@ -12,5 +12,5 @@ require('../../chunk-B2G2EZ4P.js');
 require('../../chunk-2NMEKWO5.js');
 
 
-exports.FormDatePicker = _chunkR4N62Z3Djs.FormDatePicker;
+exports.FormDatePicker = _chunkEQWIZ4DCjs.FormDatePicker;
 //# sourceMappingURL=date-picker.js.map

package/components/form/date-picker.mjs

@@ -1,7 +1,7 @@
 "use client";
 import {
   FormDatePicker
-} from "../../chunk-AWGHSCTG.mjs";
+} from "../../chunk-V7HAO7KE.mjs";
 import "../../chunk-M2OVLURH.mjs";
 import "../../chunk-K34Y62WO.mjs";
 import "../../chunk-YFW7UI3E.mjs";

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

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }"use client";
 
 
-var _chunkR4N62Z3Djs = require('../../chunk-R4N62Z3D.js');
+var _chunkEQWIZ4DCjs = require('../../chunk-EQWIZ4DC.js');
 require('../../chunk-Z33UILCV.js');
 require('../../chunk-73AY2MAQ.js');
 require('../../chunk-Y2EVJJLM.js');
@@ -51,7 +51,7 @@ function HookFormDatePicker(_a) {
       rules,
       render: ({ field: { onChange, onBlur, value } }) => {
         return /* @__PURE__ */ _react2.default.createElement(
-          _chunkR4N62Z3Djs.FormDatePicker,
+          _chunkEQWIZ4DCjs.FormDatePicker,
           _chunk2NMEKWO5js.__spreadProps.call(void 0, _chunk2NMEKWO5js.__spreadValues.call(void 0, {
             id,
             name,

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

@@ -1,7 +1,7 @@
 "use client";
 import {
   FormDatePicker
-} from "../../chunk-AWGHSCTG.mjs";
+} from "../../chunk-V7HAO7KE.mjs";
 import "../../chunk-M2OVLURH.mjs";
 import "../../chunk-K34Y62WO.mjs";
 import "../../chunk-YFW7UI3E.mjs";

package/components/form/hook-select.d.mts

@@ -0,0 +1,11 @@
+import React__default from 'react';
+import { FieldValues, Path, RegisterOptions } from 'react-hook-form';
+import { FormSelectProps } from './select.mjs';
+
+declare function HookFormSelect<T extends FieldValues>({ id, name, options, label, error, classNames, disabled, ...others }: Omit<FormSelectProps, 'name' | 'selectProps'> & {
+    name: Path<T>;
+    options?: RegisterOptions<T, Path<T>> | undefined;
+    error?: string;
+}): React__default.JSX.Element | null;
+
+export { HookFormSelect };

package/components/form/hook-select.d.ts

@@ -0,0 +1,11 @@
+import React__default from 'react';
+import { FieldValues, Path, RegisterOptions } from 'react-hook-form';
+import { FormSelectProps } from './select.js';
+
+declare function HookFormSelect<T extends FieldValues>({ id, name, options, label, error, classNames, disabled, ...others }: Omit<FormSelectProps, 'name' | 'selectProps'> & {
+    name: Path<T>;
+    options?: RegisterOptions<T, Path<T>> | undefined;
+    error?: string;
+}): React__default.JSX.Element | null;
+
+export { HookFormSelect };