@egose/shadcn-theme 0.0.21 → 0.0.23

package/chunk-TYI6YBBZ.js

@@ -0,0 +1,41 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _chunkKRSIQ2CBjs = require('./chunk-KRSIQ2CB.js');
+
+
+
+
+var _chunkTV4NNZTSjs = require('./chunk-TV4NNZTS.js');
+
+
+
+
+var _chunk2NMEKWO5js = require('./chunk-2NMEKWO5.js');
+
+// components/form/time-text-input.tsx
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
+function FormTimeTextInput(_a) {
+  var _b = _a, { value: parentValue = 0, onChange } = _b, rest = _chunk2NMEKWO5js.__objRest.call(void 0, _b, ["value", "onChange"]);
+  const [value, setValue] = _react.useState.call(void 0, String(parentValue));
+  _react.useEffect.call(void 0, () => {
+    setValue(String(parentValue != null ? parentValue : ""));
+  }, [parentValue]);
+  const handleChange = (e) => {
+    setValue(e.target.value);
+  };
+  const handleBlur = (e) => {
+    const newValue = _chunkTV4NNZTSjs.convertToHours.call(void 0, e.target.value);
+    const numericValue = Number(newValue);
+    setValue(newValue);
+    onChange == null ? void 0 : onChange(numericValue);
+  };
+  const displayText = _chunkTV4NNZTSjs.convertFromHours.call(void 0, value);
+  const displayWhole = _chunkTV4NNZTSjs.convertToWholeFromHours.call(void 0, value);
+  const title = displayText !== displayWhole ? `${displayText} (${displayWhole})` : displayText;
+  return /* @__PURE__ */ _react2.default.createElement(_chunkKRSIQ2CBjs.FormTextInput, _chunk2NMEKWO5js.__spreadProps.call(void 0, _chunk2NMEKWO5js.__spreadValues.call(void 0, {}, rest), { value, onChange: handleChange, onBlur: handleBlur, title }));
+}
+
+
+
+exports.FormTimeTextInput = FormTimeTextInput;
+//# sourceMappingURL=chunk-TYI6YBBZ.js.map

package/chunk-TYI6YBBZ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/ahnjun/projects/egose-shadcn/package/dist/chunk-TYI6YBBZ.js","../components/form/time-text-input.tsx"],"names":[],"mappings":"AAAA;AACE;AACF,sDAA4B;AAC5B;AACE;AACA;AACA;AACF,sDAA4B;AAC5B;AACE;AACA;AACA;AACF,sDAA4B;AAC5B;AACA;ACZA,4EAAwD;AAUjD,SAAS,iBAAA,CAAkB,EAAA,EAAuE;AAAvE,EAAA,IAAA,GAAA,EAAA,EAAA,EAAE,EAAA,KAAA,EAAO,YAAA,EAAc,CAAA,EAAG,SAZ5D,EAAA,EAYkC,EAAA,EAAuC,KAAA,EAAA,wCAAA,EAAvC,EAAuC,CAArC,OAAA,EAAwB,UAAA,CAAA,CAAA;AAC1D,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,EAAA,EAAI,6BAAA,MAAiB,CAAO,WAAW,CAAC,CAAA;AAE9D,EAAA,8BAAA,CAAU,EAAA,GAAM;AACd,IAAA,QAAA,CAAS,MAAA,CAAO,YAAA,GAAA,KAAA,EAAA,YAAA,EAAe,EAAE,CAAC,CAAA;AAAA,EACpC,CAAA,EAAG,CAAC,WAAW,CAAC,CAAA;AAEhB,EAAA,MAAM,aAAA,EAAe,CAAC,CAAA,EAAA,GAAqC;AACzD,IAAA,QAAA,CAAS,CAAA,CAAE,MAAA,CAAO,KAAK,CAAA;AAAA,EACzB,CAAA;AAEA,EAAA,MAAM,WAAA,EAAa,CAAC,CAAA,EAAA,GAAqC;AACvD,IAAA,MAAM,SAAA,EAAW,6CAAA,CAAe,CAAE,MAAA,CAAO,KAAK,CAAA;AAC9C,IAAA,MAAM,aAAA,EAAe,MAAA,CAAO,QAAQ,CAAA;AAEpC,IAAA,QAAA,CAAS,QAAQ,CAAA;AACjB,IAAA,SAAA,GAAA,KAAA,EAAA,KAAA,EAAA,EAAA,QAAA,CAAW,YAAA,CAAA;AAAA,EACb,CAAA;AAEA,EAAA,MAAM,YAAA,EAAc,+CAAA,KAAsB,CAAA;AAC1C,EAAA,MAAM,aAAA,EAAe,sDAAA,KAA6B,CAAA;AAClD,EAAA,MAAM,MAAA,EAAQ,YAAA,IAAgB,aAAA,EAAe,CAAA,EAAA;AAErC,EAAA;AACV;ADAgD;AACA;AACA;AACA","file":"/home/ahnjun/projects/egose-shadcn/package/dist/chunk-TYI6YBBZ.js","sourcesContent":[null,"'use client';\n\nimport React, { useState, useEffect, ChangeEvent } from 'react';\nimport { FormTextInput } from './text-input';\nimport type { FormTextInputProps } from './text-input';\nimport { convertToHours, convertFromHours, convertToWholeFromHours } from '../../lib/number';\n\nexport interface FormTimeTextInputProps extends Omit<FormTextInputProps, 'onChange' | 'value'> {\n  value?: number;\n  onChange?: (value: number) => void;\n}\n\nexport function FormTimeTextInput({ value: parentValue = 0, onChange, ...rest }: FormTimeTextInputProps) {\n  const [value, setValue] = useState<string>(String(parentValue));\n\n  useEffect(() => {\n    setValue(String(parentValue ?? ''));\n  }, [parentValue]);\n\n  const handleChange = (e: ChangeEvent<HTMLInputElement>) => {\n    setValue(e.target.value);\n  };\n\n  const handleBlur = (e: ChangeEvent<HTMLInputElement>) => {\n    const newValue = convertToHours(e.target.value);\n    const numericValue = Number(newValue);\n\n    setValue(newValue);\n    onChange?.(numericValue);\n  };\n\n  const displayText = convertFromHours(value);\n  const displayWhole = convertToWholeFromHours(value);\n  const title = displayText !== displayWhole ? `${displayText} (${displayWhole})` : displayText;\n\n  return <FormTextInput {...rest} value={value} onChange={handleChange} onBlur={handleBlur} title={title} />;\n}\n"]}

package/chunk-Y6WBDYJY.mjs

@@ -0,0 +1,71 @@
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue
+} from "./chunk-CEJOC6JT.mjs";
+import {
+  Label
+} from "./chunk-7W42BHVK.mjs";
+import {
+  cn
+} from "./chunk-3ONILUYO.mjs";
+import {
+  __objRest
+} 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,
+    placeholder = "",
+    data,
+    defaultValue,
+    value,
+    onChange,
+    classNames,
+    required,
+    disabled
+  } = _b, others = __objRest(_b, [
+    "id",
+    "name",
+    "label",
+    "placeholder",
+    "data",
+    "defaultValue",
+    "value",
+    "onChange",
+    "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: cn("_select", 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, { onValueChange: onChange, defaultValue: (_a2 = defaultValue != null ? defaultValue : value) != null ? _a2 : "" }, /* @__PURE__ */ React.createElement(SelectTrigger, { className: "" }, /* @__PURE__ */ React.createElement(SelectValue, { placeholder })), /* @__PURE__ */ React.createElement(SelectContent, { className: cn(classNames == null ? void 0 : classNames.input) }, _options.map((option, index) => {
+    return /* @__PURE__ */ React.createElement(SelectItem, { key: option.value, value: option.value }, option.label);
+  }))));
+}
+
+export {
+  FormSelect
+};
+//# sourceMappingURL=chunk-Y6WBDYJY.mjs.map

package/chunk-Y6WBDYJY.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../components/form/select.tsx"],"sourcesContent":["'use client';\n\nimport React from 'react';\nimport _kebabCase from 'lodash-es/kebabCase';\nimport _isString from 'lodash-es/isString';\nimport { cn } from '../../lib/utils';\nimport { Label } from '../ui/label';\nimport { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectTrigger, SelectValue } from '../ui/select';\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 {\n  id?: string;\n  name: string;\n  label: string;\n  placeholder?: string;\n  data: SelectOption[] | string[];\n  defaultValue?: string;\n  value?: string;\n  onChange: (value?: string) => void;\n  classNames?: {\n    wrapper?: string;\n    label?: string;\n    input?: string;\n  };\n  required?: boolean;\n  disabled?: boolean;\n}\n\nexport function FormSelect({\n  id,\n  name,\n  label,\n  placeholder = '',\n  data,\n  defaultValue,\n  value,\n  onChange,\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={cn('_select', classNames?.wrapper)}>\n      {label && (\n        <Label htmlFor={id} className={classNames?.label} required={required}>\n          {label}\n        </Label>\n      )}\n\n      <Select onValueChange={onChange} defaultValue={defaultValue ?? value ?? ''}>\n        <SelectTrigger className=\"\">\n          <SelectValue placeholder={placeholder} />\n        </SelectTrigger>\n        <SelectContent className={cn(classNames?.input)}>\n          {_options.map((option, index) => {\n            return (\n              <SelectItem key={option.value} value={option.value}>\n                {option.label}\n              </SelectItem>\n            );\n          })}\n        </SelectContent>\n      </Select>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAEA,OAAO,WAAW;AAClB,OAAO,gBAAgB;AACvB,OAAO,eAAe;AAUtB,SAAS,oBAAoB,OAAiB;AAC5C,SAAO,MAAM,IAAI,CAAC,SAAS;AACzB,WAAO,EAAE,OAAO,MAAM,OAAO,KAAK;AAAA,EACpC,CAAC;AACH;AAoBO,SAAS,WAAW,IAaP;AAbO,eACzB;AAAA;AAAA,IACA;AAAA,IACA;AAAA,IACA,cAAc;AAAA,IACd;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAjDF,IAsC2B,IAYtB,mBAZsB,IAYtB;AAAA,IAXH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAjDF,MAAAA;AAoDE,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,GAAG,WAAW,yCAAY,OAAO,KAC9C,SACC,oCAAC,SAAM,SAAS,IAAI,WAAW,yCAAY,OAAO,YAC/C,KACH,GAGF,oCAAC,UAAO,eAAe,UAAU,eAAcA,MAAA,sCAAgB,UAAhB,OAAAA,MAAyB,MACtE,oCAAC,iBAAc,WAAU,MACvB,oCAAC,eAAY,aAA0B,CACzC,GACA,oCAAC,iBAAc,WAAW,GAAG,yCAAY,KAAK,KAC3C,SAAS,IAAI,CAAC,QAAQ,UAAU;AAC/B,WACE,oCAAC,cAAW,KAAK,OAAO,OAAO,OAAO,OAAO,SAC1C,OAAO,KACV;AAAA,EAEJ,CAAC,CACH,CACF,CACF;AAEJ;","names":["_a"]}

package/{chunk-RUACSQT3.js → chunk-ZHHY5JVV.js}

@@ -10,7 +10,7 @@ var _chunkB2G2EZ4Pjs = require('./chunk-B2G2EZ4P.js');
 
 var _chunk2NMEKWO5js = require('./chunk-2NMEKWO5.js');
 
-// components/form/select.tsx
+// components/form/native-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);
@@ -19,7 +19,7 @@ function listToSelectOptions(items) {
     return { label: item, value: item };
   });
 }
-function FormSelect(_a) {
+function FormNativeSelect(_a) {
   var _b = _a, {
     id,
     name,
@@ -51,7 +51,7 @@ function FormSelect(_a) {
     }
   }
   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(
+  return /* @__PURE__ */ _react2.default.createElement("div", { className: _chunkB2G2EZ4Pjs.cn.call(void 0, "_native-select", 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,
@@ -80,5 +80,5 @@ function FormSelect(_a) {
 
 
 
-exports.FormSelect = FormSelect;
-//# sourceMappingURL=chunk-RUACSQT3.js.map
+exports.FormNativeSelect = FormNativeSelect;
+//# sourceMappingURL=chunk-ZHHY5JVV.js.map

package/chunk-ZHHY5JVV.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/ahnjun/projects/egose-shadcn/package/dist/chunk-ZHHY5JVV.js","../components/form/native-select.tsx"],"names":["_a"],"mappings":"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","file":"/home/ahnjun/projects/egose-shadcn/package/dist/chunk-ZHHY5JVV.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 NativeSelectProps = 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 FormNativeSelectProps extends NativeSelectProps {\n  id?: string;\n  name: string;\n  label: string;\n  selectProps: NativeSelectProps;\n  data: SelectOption[] | string[];\n  defaultValue?: string;\n  classNames?: {\n    wrapper?: string;\n    label?: string;\n    input?: string;\n  };\n}\n\nexport function FormNativeSelect({\n  id,\n  name,\n  label,\n  selectProps,\n  data,\n  defaultValue,\n  classNames,\n  required,\n  disabled,\n  ...others\n}: FormNativeSelectProps) {\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={cn('_native-select', 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/components/form/hook-native-select.d.mts

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

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

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

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

@@ -0,0 +1,72 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }"use client";
+
+
+var _chunkZHHY5JVVjs = require('../../chunk-ZHHY5JVV.js');
+require('../../chunk-AXZDZXCY.js');
+
+
+var _chunkP2BPVQXHjs = require('../../chunk-P2BPVQXH.js');
+
+
+var _chunkB2G2EZ4Pjs = require('../../chunk-B2G2EZ4P.js');
+
+
+
+
+var _chunk2NMEKWO5js = require('../../chunk-2NMEKWO5.js');
+
+// components/form/hook-native-select.tsx
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
+var _get2 = require('lodash-es/get'); var _get3 = _interopRequireDefault(_get2);
+var _reacthookform = require('react-hook-form');
+function HookFormNativeSelect(_a) {
+  var _b = _a, {
+    id,
+    name,
+    rules,
+    label,
+    error,
+    classNames,
+    disabled
+  } = _b, others = _chunk2NMEKWO5js.__objRest.call(void 0, _b, [
+    "id",
+    "name",
+    "rules",
+    "label",
+    "error",
+    "classNames",
+    "disabled"
+  ]);
+  const methods = _reacthookform.useFormContext.call(void 0, );
+  if (!methods) return null;
+  const {
+    register,
+    formState: { errors }
+  } = methods;
+  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(
+    _chunkZHHY5JVVjs.FormNativeSelect,
+    _chunk2NMEKWO5js.__spreadProps.call(void 0, _chunk2NMEKWO5js.__spreadValues.call(void 0, {
+      id,
+      name,
+      label,
+      disabled
+    }, others), {
+      classNames: {
+        label: _chunkB2G2EZ4Pjs.cn.call(void 0, classNames == null ? void 0 : classNames.label, {
+          "text-danger": showError
+        }),
+        input: _chunkB2G2EZ4Pjs.cn.call(void 0, classNames == null ? void 0 : classNames.input, {
+          "ring-danger text-danger": showError
+        })
+      },
+      selectProps: register(name, rules)
+    })
+  ), showError && /* @__PURE__ */ _react2.default.createElement(_chunkP2BPVQXHjs.FormError, { field: name, className: "mt-1", message: errorMessage }));
+}
+
+
+exports.HookFormNativeSelect = HookFormNativeSelect;
+//# sourceMappingURL=hook-native-select.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/ahnjun/projects/egose-shadcn/package/dist/components/form/hook-native-select.js","../../../components/form/hook-native-select.tsx"],"names":[],"mappings":"AAAA,qLAAY;AACZ;AACE;AACF,0DAAgC;AAChC,mCAAgC;AAChC;AACE;AACF,0DAAgC;AAChC;AACE;AACF,0DAAgC;AAChC;AACE;AACA;AACA;AACF,0DAAgC;AAChC;AACA;ACfA,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,EAjBF,EAAA,EAU4D,EAAA,EAQvD,OAAA,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,MAAA,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;ADWA;AACE;AACF,oDAAC","file":"/home/ahnjun/projects/egose-shadcn/package/dist/components/form/hook-native-select.js","sourcesContent":[null,"'use client';\n\nimport React from 'react';\nimport _get from 'lodash-es/get';\nimport { FieldValues, RegisterOptions, Path, useFormContext } from 'react-hook-form';\nimport { cn } from '../../lib/utils';\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  ...others\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        {...others}\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

@@ -0,0 +1,72 @@
+"use client";
+import {
+  FormNativeSelect
+} from "../../chunk-LFW2GKN3.mjs";
+import "../../chunk-7W42BHVK.mjs";
+import {
+  FormError
+} from "../../chunk-WGV3SHLF.mjs";
+import {
+  cn
+} from "../../chunk-3ONILUYO.mjs";
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "../../chunk-YOSPWY5K.mjs";
+
+// components/form/hook-native-select.tsx
+import React from "react";
+import _get from "lodash-es/get";
+import { useFormContext } from "react-hook-form";
+function HookFormNativeSelect(_a) {
+  var _b = _a, {
+    id,
+    name,
+    rules,
+    label,
+    error,
+    classNames,
+    disabled
+  } = _b, others = __objRest(_b, [
+    "id",
+    "name",
+    "rules",
+    "label",
+    "error",
+    "classNames",
+    "disabled"
+  ]);
+  const methods = useFormContext();
+  if (!methods) return null;
+  const {
+    register,
+    formState: { errors }
+  } = methods;
+  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(
+    FormNativeSelect,
+    __spreadProps(__spreadValues({
+      id,
+      name,
+      label,
+      disabled
+    }, others), {
+      classNames: {
+        label: cn(classNames == null ? void 0 : classNames.label, {
+          "text-danger": showError
+        }),
+        input: cn(classNames == null ? void 0 : classNames.input, {
+          "ring-danger text-danger": showError
+        })
+      },
+      selectProps: register(name, rules)
+    })
+  ), showError && /* @__PURE__ */ React.createElement(FormError, { field: name, className: "mt-1", message: errorMessage }));
+}
+export {
+  HookFormNativeSelect
+};
+//# sourceMappingURL=hook-native-select.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../components/form/hook-native-select.tsx"],"sourcesContent":["'use client';\n\nimport React from 'react';\nimport _get from 'lodash-es/get';\nimport { FieldValues, RegisterOptions, Path, useFormContext } from 'react-hook-form';\nimport { cn } from '../../lib/utils';\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  ...others\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        {...others}\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":";;;;;;;;;;;;;;;;;;AAEA,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,EAjBF,IAU4D,IAQvD,mBARuD,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,SALL;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-select.d.mts

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

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

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

package/components/form/hook-select.js

@@ -1,7 +1,8 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }"use client";
 
 
-var _chunkRUACSQT3js = require('../../chunk-RUACSQT3.js');
+var _chunkPGE7GQZCjs = require('../../chunk-PGE7GQZC.js');
+require('../../chunk-7SHQOSBJ.js');
 require('../../chunk-AXZDZXCY.js');
 
 
@@ -17,54 +18,50 @@ var _chunk2NMEKWO5js = require('../../chunk-2NMEKWO5.js');
 
 // components/form/hook-select.tsx
 var _react = require('react'); var _react2 = _interopRequireDefault(_react);
-var _get2 = require('lodash-es/get'); var _get3 = _interopRequireDefault(_get2);
 var _reacthookform = require('react-hook-form');
 function HookFormSelect(_a) {
   var _b = _a, {
     id,
     name,
-    options,
     label,
     error,
+    rules,
     classNames,
-    disabled
+    disabled = false
   } = _b, others = _chunk2NMEKWO5js.__objRest.call(void 0, _b, [
     "id",
     "name",
-    "options",
     "label",
     "error",
+    "rules",
     "classNames",
     "disabled"
   ]);
-  const methods = _reacthookform.useFormContext.call(void 0, );
-  if (!methods) return null;
-  const {
-    register,
-    formState: { errors }
-  } = methods;
-  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(
-    _chunkRUACSQT3js.FormSelect,
-    _chunk2NMEKWO5js.__spreadProps.call(void 0, _chunk2NMEKWO5js.__spreadValues.call(void 0, {
-      id,
+  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: _chunkB2G2EZ4Pjs.cn.call(void 0, "_hook-select", wrapper) }, /* @__PURE__ */ _react2.default.createElement(
+    _reacthookform.Controller,
+    {
+      control,
       name,
-      label,
-      disabled
-    }, others), {
-      classNames: {
-        label: _chunkB2G2EZ4Pjs.cn.call(void 0, classNames == null ? void 0 : classNames.label, {
-          "text-danger": showError
-        }),
-        input: _chunkB2G2EZ4Pjs.cn.call(void 0, classNames == null ? void 0 : classNames.input, {
-          "ring-danger text-danger": showError
-        })
-      },
-      selectProps: register(name, options)
-    })
-  ), showError && /* @__PURE__ */ _react2.default.createElement(_chunkP2BPVQXHjs.FormError, { field: name, className: "mt-1", message: errorMessage }));
+      rules,
+      render: ({ field: { onChange, onBlur, value } }) => {
+        return /* @__PURE__ */ _react2.default.createElement(
+          _chunkPGE7GQZCjs.FormSelect,
+          _chunk2NMEKWO5js.__spreadProps.call(void 0, _chunk2NMEKWO5js.__spreadValues.call(void 0, {
+            id,
+            name,
+            label,
+            onChange,
+            value,
+            disabled
+          }, others), {
+            classNames: restClassnames
+          })
+        );
+      }
+    }
+  ), /* @__PURE__ */ _react2.default.createElement(_chunkP2BPVQXHjs.FormError, { field: name, className: "mt-1", message: error }));
 }
 
 

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

@@ -1 +1 @@
-{"version":3,"sources":["/home/ahnjun/projects/egose-shadcn/package/dist/components/form/hook-select.js","../../../components/form/hook-select.tsx"],"names":[],"mappings":"AAAA,qLAAY;AACZ;AACE;AACF,0DAAgC;AAChC,mCAAgC;AAChC;AACE;AACF,0DAAgC;AAChC;AACE;AACF,0DAAgC;AAChC;AACE;AACA;AACA;AACF,0DAAgC;AAChC;AACA;ACfA,4EAAkB;AAClB,gFAAiB;AACjB,gDAAmE;AAM5D,SAAS,cAAA,CAAsC,EAAA,EAanD;AAbmD,EAAA,IAAA,GAAA,EAAA,EAAA,EACpD;AAAA,IAAA,EAAA;AAAA,IACA,IAAA;AAAA,IACA,OAAA;AAAA,IACA,KAAA;AAAA,IACA,KAAA;AAAA,IACA,UAAA;AAAA,IACA;AAAA,EAjBF,EAAA,EAUsD,EAAA,EAQjD,OAAA,EAAA,wCAAA,EARiD,EAQjD;AAAA,IAPH,IAAA;AAAA,IACA,MAAA;AAAA,IACA,SAAA;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,2BAAA;AAAA,IAAA,4CAAA,6CAAA;AAAA,MACC,EAAA;AAAA,MACA,IAAA;AAAA,MACA,KAAA;AAAA,MACA;AAAA,IAAA,CAAA,EACI,MAAA,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,OAAO;AAAA,IAAA,CAAA;AAAA,EACrC,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;ADWA;AACE;AACF,wCAAC","file":"/home/ahnjun/projects/egose-shadcn/package/dist/components/form/hook-select.js","sourcesContent":[null,"'use client';\n\nimport React from 'react';\nimport _get from 'lodash-es/get';\nimport { FieldValues, RegisterOptions, Path, useFormContext } from 'react-hook-form';\nimport { cn } from '../../lib/utils';\nimport { FormError } from './error';\nimport { FormSelect } from './select';\nimport type { FormSelectProps } from './select';\n\nexport function HookFormSelect<T extends FieldValues>({\n  id,\n  name,\n  options,\n  label,\n  error,\n  classNames,\n  disabled,\n  ...others\n}: Omit<FormSelectProps, 'name' | 'selectProps'> & {\n  name: Path<T>;\n  options?: 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      <FormSelect\n        id={id}\n        name={name}\n        label={label}\n        disabled={disabled}\n        {...others}\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, options)}\n      />\n      {showError && <FormError field={name} className=\"mt-1\" message={errorMessage} />}\n    </div>\n  );\n}\n"]}
+{"version":3,"sources":["/home/ahnjun/projects/egose-shadcn/package/dist/components/form/hook-select.js","../../../components/form/hook-select.tsx"],"names":["_a"],"mappings":"AAAA,qLAAY;AACZ;AACE;AACF,0DAAgC;AAChC,mCAAgC;AAChC,mCAAgC;AAChC;AACE;AACF,0DAAgC;AAChC;AACE;AACF,0DAAgC;AAChC;AACE;AACA;AACA;AACF,0DAAgC;AAChC;AACA;AChBA,4EAAkB;AAClB,gDAA8D;AAUvD,SAAS,cAAA,CAAsC,EAAA,EAanD;AAbmD,EAAA,IAAA,GAAA,EAAA,EAAA,EACpD;AAAA,IAAA,EAAA;AAAA,IACA,IAAA;AAAA,IACA,KAAA;AAAA,IACA,KAAA;AAAA,IACA,KAAA;AAAA,IACA,UAAA;AAAA,IACA,SAAA,EAAW;AAAA,EApBb,EAAA,EAasD,EAAA,EAQjD,OAAA,EAAA,wCAAA,EARiD,EAQjD;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,QA5BV,EAAA,EA4ByCA,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,2BAAA;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,MAAA,CAAA,EAPL;AAAA,YAQC,UAAA,EAAY;AAAA,UAAA,CAAA;AAAA,QACd,CAAA;AAAA,MAEJ;AAAA,IAAA;AAAA,EACF,CAAA,kBACA,eAAA,CAAA,aAAA,CAAC,0BAAA,EAAA,EAAU,KAAA,EAAO,IAAA,EAAM,SAAA,EAAU,MAAA,EAAO,OAAA,EAAS,MAAA,CAAO,CAC3D,CAAA;AAEJ;ADWA;AACE;AACF,wCAAC","file":"/home/ahnjun/projects/egose-shadcn/package/dist/components/form/hook-select.js","sourcesContent":[null,"'use client';\n\nimport React from 'react';\nimport { Controller, FieldValues, Path, useFormContext } from 'react-hook-form';\nimport _kebabCase from 'lodash-es/kebabCase';\nimport _isNil from 'lodash-es/isNil';\n\nimport { cn } from '../../lib/utils';\nimport { FormError } from './error';\nimport { FormSelect } from './select';\nimport type { FormSelectProps } from './select';\nimport type { HookFormRules } from './types';\n\nexport function HookFormSelect<T extends FieldValues>({\n  id,\n  name,\n  label,\n  error,\n  rules,\n  classNames,\n  disabled = false,\n  ...others\n}: Omit<FormSelectProps, '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            <FormSelect\n              id={id}\n              name={name}\n              label={label}\n              onChange={onChange}\n              value={value}\n              disabled={disabled}\n              {...others}\n              classNames={restClassnames}\n            />\n          );\n        }}\n      />\n      <FormError field={name} className=\"mt-1\" message={error} />\n    </div>\n  );\n}\n"]}

package/components/form/hook-select.mjs

@@ -1,7 +1,8 @@
 "use client";
 import {
   FormSelect
-} from "../../chunk-4J7ZCWRI.mjs";
+} from "../../chunk-Y6WBDYJY.mjs";
+import "../../chunk-CEJOC6JT.mjs";
 import "../../chunk-7W42BHVK.mjs";
 import {
   FormError
@@ -17,54 +18,50 @@ import {
 
 // components/form/hook-select.tsx
 import React from "react";
-import _get from "lodash-es/get";
-import { useFormContext } from "react-hook-form";
+import { Controller, useFormContext } from "react-hook-form";
 function HookFormSelect(_a) {
   var _b = _a, {
     id,
     name,
-    options,
     label,
     error,
+    rules,
     classNames,
-    disabled
+    disabled = false
   } = _b, others = __objRest(_b, [
     "id",
     "name",
-    "options",
     "label",
     "error",
+    "rules",
     "classNames",
     "disabled"
   ]);
-  const methods = useFormContext();
-  if (!methods) return null;
-  const {
-    register,
-    formState: { errors }
-  } = methods;
-  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(
-    FormSelect,
-    __spreadProps(__spreadValues({
-      id,
+  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(
+    Controller,
+    {
+      control,
       name,
-      label,
-      disabled
-    }, others), {
-      classNames: {
-        label: cn(classNames == null ? void 0 : classNames.label, {
-          "text-danger": showError
-        }),
-        input: cn(classNames == null ? void 0 : classNames.input, {
-          "ring-danger text-danger": showError
-        })
-      },
-      selectProps: register(name, options)
-    })
-  ), showError && /* @__PURE__ */ React.createElement(FormError, { field: name, className: "mt-1", message: errorMessage }));
+      rules,
+      render: ({ field: { onChange, onBlur, value } }) => {
+        return /* @__PURE__ */ React.createElement(
+          FormSelect,
+          __spreadProps(__spreadValues({
+            id,
+            name,
+            label,
+            onChange,
+            value,
+            disabled
+          }, others), {
+            classNames: restClassnames
+          })
+        );
+      }
+    }
+  ), /* @__PURE__ */ React.createElement(FormError, { field: name, className: "mt-1", message: error }));
 }
 export {
   HookFormSelect

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../components/form/hook-select.tsx"],"sourcesContent":["'use client';\n\nimport React from 'react';\nimport _get from 'lodash-es/get';\nimport { FieldValues, RegisterOptions, Path, useFormContext } from 'react-hook-form';\nimport { cn } from '../../lib/utils';\nimport { FormError } from './error';\nimport { FormSelect } from './select';\nimport type { FormSelectProps } from './select';\n\nexport function HookFormSelect<T extends FieldValues>({\n  id,\n  name,\n  options,\n  label,\n  error,\n  classNames,\n  disabled,\n  ...others\n}: Omit<FormSelectProps, 'name' | 'selectProps'> & {\n  name: Path<T>;\n  options?: 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      <FormSelect\n        id={id}\n        name={name}\n        label={label}\n        disabled={disabled}\n        {...others}\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, options)}\n      />\n      {showError && <FormError field={name} className=\"mt-1\" message={errorMessage} />}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAEA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,SAA6C,sBAAsB;AAM5D,SAAS,eAAsC,IAanD;AAbmD,eACpD;AAAA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAjBF,IAUsD,IAQjD,mBARiD,IAQjD;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,SALL;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,OAAO;AAAA;AAAA,EACrC,GACC,aAAa,oCAAC,aAAU,OAAO,MAAM,WAAU,QAAO,SAAS,cAAc,CAChF;AAEJ;","names":[]}
+{"version":3,"sources":["../../../components/form/hook-select.tsx"],"sourcesContent":["'use client';\n\nimport React from 'react';\nimport { Controller, FieldValues, Path, useFormContext } from 'react-hook-form';\nimport _kebabCase from 'lodash-es/kebabCase';\nimport _isNil from 'lodash-es/isNil';\n\nimport { cn } from '../../lib/utils';\nimport { FormError } from './error';\nimport { FormSelect } from './select';\nimport type { FormSelectProps } from './select';\nimport type { HookFormRules } from './types';\n\nexport function HookFormSelect<T extends FieldValues>({\n  id,\n  name,\n  label,\n  error,\n  rules,\n  classNames,\n  disabled = false,\n  ...others\n}: Omit<FormSelectProps, '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            <FormSelect\n              id={id}\n              name={name}\n              label={label}\n              onChange={onChange}\n              value={value}\n              disabled={disabled}\n              {...others}\n              classNames={restClassnames}\n            />\n          );\n        }}\n      />\n      <FormError field={name} className=\"mt-1\" message={error} />\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAEA,OAAO,WAAW;AAClB,SAAS,YAA+B,sBAAsB;AAUvD,SAAS,eAAsC,IAanD;AAbmD,eACpD;AAAA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW;AAAA,EApBb,IAasD,IAQjD,mBARiD,IAQjD;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,UA5BV,IA4ByCA,KAAnB,2BAAmBA,KAAnB,CAAZ;AAER,SACE,oCAAC,SAAI,WAAW,GAAG,gBAAgB,OAAO,KACxC;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,YACA;AAAA,YACA;AAAA,aACI,SAPL;AAAA,YAQC,YAAY;AAAA;AAAA,QACd;AAAA,MAEJ;AAAA;AAAA,EACF,GACA,oCAAC,aAAU,OAAO,MAAM,WAAU,QAAO,SAAS,OAAO,CAC3D;AAEJ;","names":["_a"]}