@geckou/ui-react 0.1.0 → 0.2.0

package/dist/components/TextArea.js

@@ -0,0 +1,75 @@
+"use client";
+import { jsxs as j, jsx as p } from "react/jsx-runtime";
+import { isEmptyValue as k, validateInputValue as B } from "@geckou/ui-core";
+import { useState as I, useRef as n, useEffect as A } from "react";
+import { InputBox as H } from "./InputBox.js";
+import { ErrorMessage as N } from "./ErrorMessage.js";
+function z({
+  name: d,
+  value: s,
+  onChange: o,
+  cssStyle: r,
+  placeholder: x = "入力してください",
+  isDisabled: i,
+  isRequired: l,
+  rows: g,
+  maxLength: h = 100,
+  autocomplete: v = "off",
+  validates: E = [],
+  autoAdjustHeight: V
+}) {
+  var m, c;
+  const [u, C] = I([]), t = n(null), e = s ?? "", a = () => {
+    C(B(e, { isRequired: l, validates: E }));
+  }, M = n(e), f = n(!1);
+  return A(() => {
+    if (V && t.current && (t.current.style.height = "auto", t.current.style.height = `calc(${t.current.scrollHeight}px - 2rem)`), !f.current) {
+      if (e === M.current) {
+        k(e) || a();
+        return;
+      }
+      f.current = !0;
+    }
+    a();
+  }, [e]), /* @__PURE__ */ j(
+    H,
+    {
+      cssStyle: r,
+      className: "min-h-[4em]",
+      isErrored: !!u.length,
+      isDisabled: i,
+      children: [
+        /* @__PURE__ */ p(
+          "textarea",
+          {
+            ref: t,
+            name: d,
+            value: e,
+            required: l,
+            placeholder: x,
+            disabled: i,
+            autoComplete: v,
+            rows: g,
+            maxLength: h,
+            "aria-invalid": u.length ? "true" : void 0,
+            onChange: (b) => o == null ? void 0 : o(b.target.value),
+            onBlur: () => a()
+          }
+        ),
+        /* @__PURE__ */ p(
+          N,
+          {
+            errorMessages: u,
+            cssStyle: {
+              textColor: (m = r == null ? void 0 : r.error) == null ? void 0 : m.backgroundColor,
+              backgroundColor: (c = r == null ? void 0 : r.error) == null ? void 0 : c.textColor
+            }
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  z as TextArea
+};

package/dist/components/TextBox.d.ts

@@ -0,0 +1,20 @@
+import { ReactNode } from 'react';
+import { InputBoxStyleForEachStatus, Validates } from '../types';
+type InputValue = string | number;
+type Props = {
+    name: string;
+    value?: InputValue;
+    onChange?: (newValue: InputValue) => void;
+    cssStyle?: InputBoxStyleForEachStatus;
+    inputType?: string;
+    placeholder?: string;
+    isDisabled?: boolean;
+    isRequired?: boolean;
+    maxLength?: number;
+    autocomplete?: string;
+    validates?: Validates;
+    before?: ReactNode;
+    after?: ReactNode;
+};
+export declare function TextBox({ name, value, onChange, cssStyle, inputType, placeholder, isDisabled, isRequired, maxLength, autocomplete, validates, before, after, }: Props): import("react").JSX.Element;
+export {};

package/dist/components/TextBox.js

@@ -0,0 +1,90 @@
+"use client";
+import { jsxs as W, jsx as c } from "react/jsx-runtime";
+import { isEmptyValue as w, convertFullWidthToHalfWidth as x, validateInputValue as C } from "@geckou/ui-core";
+import { useState as F, useRef as n, useEffect as H } from "react";
+import { InputBox as N } from "./InputBox.js";
+import { ErrorMessage as q } from "./ErrorMessage.js";
+function L({
+  name: v,
+  value: E,
+  onChange: t,
+  cssStyle: r,
+  inputType: V = "text",
+  placeholder: g = "入力してください",
+  isDisabled: l,
+  isRequired: f,
+  maxLength: B = 30,
+  autocomplete: M = "off",
+  validates: T = [],
+  before: b,
+  after: j
+}) {
+  var m, s;
+  const [o, k] = F([]), e = E ?? "", u = () => {
+    k(C(e, { isRequired: f, validates: T }));
+  }, I = n(e), p = n(!1);
+  H(() => {
+    if (!p.current) {
+      if (e === I.current) {
+        w(e) || u();
+        return;
+      }
+      p.current = !0;
+    }
+    u();
+  }, [e]);
+  const i = n(!1);
+  return /* @__PURE__ */ W(
+    N,
+    {
+      cssStyle: r,
+      className: "inline-flex [&>input]:flex-auto",
+      isErrored: !!o.length,
+      isDisabled: l,
+      children: [
+        b,
+        /* @__PURE__ */ c(
+          "input",
+          {
+            type: V,
+            name: v,
+            value: e,
+            required: f,
+            placeholder: g,
+            disabled: l,
+            autoComplete: M,
+            maxLength: B,
+            "aria-invalid": o.length ? "true" : void 0,
+            onChange: (a) => {
+              const d = a.target.value;
+              t == null || t(
+                i.current ? d : x(d)
+              );
+            },
+            onCompositionStart: () => {
+              i.current = !0;
+            },
+            onCompositionEnd: (a) => {
+              i.current = !1, t == null || t(x(a.currentTarget.value));
+            },
+            onBlur: () => u()
+          }
+        ),
+        j,
+        /* @__PURE__ */ c(
+          q,
+          {
+            errorMessages: o,
+            cssStyle: {
+              textColor: (m = r == null ? void 0 : r.error) == null ? void 0 : m.backgroundColor,
+              backgroundColor: (s = r == null ? void 0 : r.error) == null ? void 0 : s.textColor
+            }
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  L as TextBox
+};

package/dist/components/ToggleButton.d.ts

@@ -0,0 +1,15 @@
+import { BaseStyle, StyleForEachStatus } from '../types';
+type ToggleStyle = {
+    on: BaseStyle;
+    off: BaseStyle;
+};
+type Props = {
+    name: string;
+    label?: Record<'on' | 'off', string>;
+    checked?: boolean;
+    onChange?: (newValue: boolean) => void;
+    isDisabled?: boolean;
+    cssStyle?: StyleForEachStatus<ToggleStyle>;
+};
+export declare function ToggleButton({ name, label, checked, onChange, isDisabled, cssStyle, }: Props): import("react").JSX.Element;
+export {};

package/dist/components/ToggleButton.js

@@ -0,0 +1,92 @@
+"use client";
+import { jsxs as x, jsx as f } from "react/jsx-runtime";
+import { COLOR as e } from "@geckou/ui-core";
+function m({
+  name: l,
+  label: n = { on: "ON", off: "OFF" },
+  checked: b,
+  onChange: d,
+  isDisabled: o,
+  cssStyle: r
+}) {
+  var c, u, s;
+  const a = b ?? !1, p = Math.max(n.on.length, n.off.length), t = o ? r == null ? void 0 : r.disabled : r == null ? void 0 : r.default, i = {
+    on: {
+      textColor: o ? e.lightGray : e.white,
+      backgroundColor: o ? e.gray : e.blue,
+      border: {
+        color: o ? e.gray : e.blue,
+        size: "1px",
+        radius: ".25rem"
+      },
+      boxShadow: "0 0 0 0 rgba(0, 0, 0, 0)",
+      ...t == null ? void 0 : t.on
+    },
+    off: {
+      textColor: o ? e.gray : e.white,
+      backgroundColor: o ? e.lightGray : e.darkGray,
+      border: {
+        color: o ? e.gray : e.darkGray,
+        size: "1px",
+        radius: ".25rem"
+      },
+      boxShadow: "0 0 0 0 rgba(0, 0, 0, 0)",
+      ...t == null ? void 0 : t.off
+    }
+  }[a ? "on" : "off"], h = {
+    "--text-color": i.textColor,
+    "--border-color": (c = i.border) == null ? void 0 : c.color,
+    "--border-size": (u = i.border) == null ? void 0 : u.size,
+    "--radius-size": (s = i.border) == null ? void 0 : s.radius,
+    "--background-color": i.backgroundColor,
+    "--box-shadow": i.boxShadow,
+    "--inline-size": `${p * 2}ch`,
+    "--handle-size": "1.5rem",
+    "--padding-size": "calc(var(--border-size) + 2px)",
+    "--duration": ".15s"
+  };
+  return /* @__PURE__ */ x(
+    "button",
+    {
+      type: "button",
+      style: h,
+      disabled: o,
+      "aria-pressed": a,
+      "aria-label": l,
+      onClick: (g) => {
+        g.stopPropagation(), o || d == null || d(!a);
+      },
+      className: "relative inline-block w-[calc(var(--inline-size)+var(--handle-size)+(var(--padding-size)*2))] cursor-pointer rounded-(--radius-size) border-none bg-(--background-color) p-(--padding-size) shadow-[0_0_0_var(--border-size)_var(--border-color)_inset,var(--box-shadow)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-(--border-color)",
+      children: [
+        /* @__PURE__ */ f(
+          "input",
+          {
+            type: "checkbox",
+            name: l,
+            checked: a,
+            disabled: o,
+            readOnly: !0,
+            className: "hidden"
+          }
+        ),
+        /* @__PURE__ */ f(
+          "div",
+          {
+            "data-on": n.on,
+            "data-off": n.off,
+            className: `absolute top-0 left-0 h-full w-full text-(--text-color) uppercase before:absolute before:right-0 before:m-auto before:inline-flex before:h-full before:w-[calc(100%-var(--handle-size)-var(--padding-size))] before:items-center before:justify-center before:leading-none before:transition-opacity before:duration-(--duration) before:ease-out before:content-[attr(data-off)] after:absolute after:left-0 after:m-auto after:inline-flex after:h-full after:w-[calc(100%-var(--handle-size)-var(--padding-size))] after:items-center after:justify-center after:leading-none after:transition-opacity after:duration-(--duration) after:ease-out after:content-[attr(data-on)] ${a ? "before:opacity-0 after:opacity-100" : "before:opacity-100 after:opacity-0"}`
+          }
+        ),
+        /* @__PURE__ */ f(
+          "div",
+          {
+            className: `relative m-0 aspect-square w-(--handle-size) rounded-[calc(var(--radius-size)-(var(--padding-size)/2))] bg-(--text-color) shadow-(--box-shadow) transition-[left] duration-(--duration) ease-out ${a ? "left-[calc(100%-var(--handle-size))]" : "left-0"}`
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  m as ToggleButton
+};

package/dist/components/icons/BackupIcon.d.ts

@@ -0,0 +1,5 @@
+type Props = {
+    className?: string;
+};
+export declare function BackupIcon({ className }: Props): import("react").JSX.Element;
+export {};

package/dist/components/icons/BackupIcon.js

@@ -0,0 +1,16 @@
+import { jsx as t } from "react/jsx-runtime";
+function o({ className: q }) {
+  return /* @__PURE__ */ t(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 -960 960 960",
+      fill: "currentColor",
+      className: q,
+      children: /* @__PURE__ */ t("path", { d: "M260-160q-91 0-155.5-63T40-377q0-78 47-139t123-78q25-92 100-149t170-57q117 0 198.5 81.5T760-520q69 8 114.5 59.5T920-340q0 75-52.5 127.5T740-160H520q-33 0-56.5-23.5T440-240v-206l-64 62-56-56 160-160 160 160-56 56-64-62v206h220q42 0 71-29t29-71q0-42-29-71t-71-29h-60v-80q0-83-58.5-141.5T480-720q-83 0-141.5 58.5T280-520h-20q-58 0-99 41t-41 99q0 58 41 99t99 41h100v80H260Z" })
+    }
+  );
+}
+export {
+  o as BackupIcon
+};

package/dist/components/icons/CalendarIcon.d.ts

@@ -0,0 +1,5 @@
+type Props = {
+    className?: string;
+};
+export declare function CalendarIcon({ className }: Props): import("react").JSX.Element;
+export {};

package/dist/components/icons/CalendarIcon.js

@@ -0,0 +1,15 @@
+import { jsx as v } from "react/jsx-runtime";
+function n({ className: h }) {
+  return /* @__PURE__ */ v(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 -960 960 960",
+      className: h,
+      children: /* @__PURE__ */ v("path", { d: "M200-80q-33 0-56.5-23.5T120-160v-560q0-33 23.5-56.5T200-800h40v-80h80v80h320v-80h80v80h40q33 0 56.5 23.5T840-720v560q0 33-23.5 56.5T760-80H200Zm0-80h560v-400H200v400Zm0-480h560v-80H200v80Z" })
+    }
+  );
+}
+export {
+  n as CalendarIcon
+};

package/dist/components/icons/CheckIcon.d.ts

@@ -0,0 +1 @@
+export declare function CheckIcon(): import("react").JSX.Element;

package/dist/components/icons/CheckIcon.js

@@ -0,0 +1,7 @@
+import { jsx as o } from "react/jsx-runtime";
+function t() {
+  return /* @__PURE__ */ o("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", children: /* @__PURE__ */ o("path", { d: "M382-240 154-468l57-57 171 171 367-367 57 57-424 424Z" }) });
+}
+export {
+  t as CheckIcon
+};

package/dist/components/icons/CloseIcon.d.ts

@@ -0,0 +1,5 @@
+type Props = {
+    className?: string;
+};
+export declare function CloseIcon({ className }: Props): import("react").JSX.Element;
+export {};

package/dist/components/icons/CloseIcon.js

@@ -0,0 +1,16 @@
+import { jsx as o } from "react/jsx-runtime";
+function n({ className: r }) {
+  return /* @__PURE__ */ o(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 -960 960 960",
+      fill: "currentColor",
+      className: r,
+      children: /* @__PURE__ */ o("path", { d: "m256-200-56-56 224-224-224-224 56-56 224 224 224-224 56 56-224 224 224 224-56 56-224-224-224 224Z" })
+    }
+  );
+}
+export {
+  n as CloseIcon
+};

package/dist/components/icons/KeyboardArrowDownIcon.d.ts

@@ -0,0 +1,5 @@
+type Props = {
+    className?: string;
+};
+export declare function KeyboardArrowDownIcon({ className }: Props): import("react").JSX.Element;
+export {};

package/dist/components/icons/KeyboardArrowDownIcon.js

@@ -0,0 +1,16 @@
+import { jsx as r } from "react/jsx-runtime";
+function t({ className: o }) {
+  return /* @__PURE__ */ r(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 -960 960 960",
+      fill: "currentColor",
+      className: o,
+      children: /* @__PURE__ */ r("path", { d: "M480-344 240-584l56-56 184 184 184-184 56 56-240 240Z" })
+    }
+  );
+}
+export {
+  t as KeyboardArrowDownIcon
+};

package/dist/constants/index.d.ts

@@ -0,0 +1 @@
+export { COLOR, BORDER, MESSAGES, INPUT_BOX_DEFAULT_STYLES, } from '@geckou/ui-core';

package/dist/hooks/useFormValidation.d.ts

@@ -0,0 +1,33 @@
+import { FormValidationStore } from '@geckou/ui-core';
+export type UseFormValidationResult = {
+    /** 登録済みの入力がすべて有効かどうか */
+    isAllValid: boolean;
+    /** 無効になっている入力の name 一覧 */
+    invalidNames: string[];
+    /** 入力の状態を登録・更新する */
+    setValid: FormValidationStore['setValid'];
+    /** 管理対象から外す */
+    remove: FormValidationStore['remove'];
+    /** すべての状態を破棄する */
+    reset: FormValidationStore['reset'];
+    /** 子コンポーネントへ直接渡すためのストア本体 */
+    store: FormValidationStore;
+};
+/**
+ * フォーム内の各入力のバリデーション状態をまとめて管理する。
+ *
+ * 状態そのものは @geckou/ui-core の createFormValidationStore が持つため、
+ * 判定ロジックは Vue 実装（@geckou/ui-vue の FormValidationManager）と共有される。
+ *
+ * ```tsx
+ * const { isAllValid, store } = useFormValidation()
+ * // <DatePicker name="startedOn" formValidationStore={store} />
+ * <button disabled={!isAllValid}>送信</button>
+ * ```
+ */
+export declare function useFormValidation(): UseFormValidationResult;
+/**
+ * 入力コンポーネント側から検証結果をストアへ通知する。
+ * アンマウント時には登録を解除し、無効判定が残らないようにする。
+ */
+export declare function useRegisterValidation(store: FormValidationStore | null | undefined, name: string, isValid: boolean): void;

package/dist/hooks/useFormValidation.js

@@ -0,0 +1,28 @@
+"use client";
+import { useMemo as n, useSyncExternalStore as l, useEffect as a } from "react";
+import { createFormValidationStore as o } from "@geckou/ui-core";
+function u() {
+  const e = n(() => o(), []), i = l(
+    e.subscribe,
+    e.getSnapshot,
+    // SSR 時は登録がまだ無いので、すべて有効なスナップショットを返す
+    e.getSnapshot
+  );
+  return {
+    isAllValid: i.isAllValid,
+    invalidNames: i.invalidNames,
+    setValid: e.setValid,
+    remove: e.remove,
+    reset: e.reset,
+    store: e
+  };
+}
+function c(e, i, t) {
+  a(() => {
+    e == null || e.setValid(i, t);
+  }, [e, i, t]), a(() => () => e == null ? void 0 : e.remove(i), [e, i]);
+}
+export {
+  u as useFormValidation,
+  c as useRegisterValidation
+};

package/dist/index.d.ts

@@ -0,0 +1,38 @@
+export { BasicButton } from './components/BasicButton';
+export { CheckBox } from './components/CheckBox';
+export { CheckBoxes } from './components/CheckBoxes';
+export { CheckButton } from './components/CheckButton';
+export { DatePicker } from './components/DatePicker';
+export { DateRangePicker } from './components/DateRangePicker';
+export { DateSelector } from './components/DateSelector';
+export { DropdownUi } from './components/DropdownUi';
+export type { DropdownUiHandle } from './components/DropdownUi';
+export { ErrorMessage } from './components/ErrorMessage';
+export { FileInput } from './components/FileInput';
+export { InputBox } from './components/InputBox';
+export { InputGroup } from './components/InputGroup';
+export { LabeledCheckbox } from './components/LabeledCheckbox';
+export { LabeledFieldset } from './components/LabeledFieldset';
+export { LoadingSpinner } from './components/LoadingSpinner';
+export { ModalBox } from './components/ModalBox';
+export { PopupBox } from './components/PopupBox';
+export type { PopupBoxHandle } from './components/PopupBox';
+export { RadioButtons } from './components/RadioButtons';
+export { SearchableSelectBox } from './components/SearchableSelectBox';
+export { SelectBox } from './components/SelectBox';
+export { SlideDownUi } from './components/SlideDownUi';
+export type { SlideDownUiHandle } from './components/SlideDownUi';
+export { TabUI } from './components/TabUI';
+export { TextArea } from './components/TextArea';
+export { TextBox } from './components/TextBox';
+export { ToggleButton } from './components/ToggleButton';
+export { BackupIcon } from './components/icons/BackupIcon';
+export { CheckIcon } from './components/icons/CheckIcon';
+export { CloseIcon } from './components/icons/CloseIcon';
+export { CalendarIcon } from './components/icons/CalendarIcon';
+export { KeyboardArrowDownIcon } from './components/icons/KeyboardArrowDownIcon';
+export { useFormValidation, useRegisterValidation, } from './hooks/useFormValidation';
+export type { UseFormValidationResult } from './hooks/useFormValidation';
+export { COLOR, BORDER, MESSAGES, INPUT_BOX_DEFAULT_STYLES } from './constants';
+export type { StateVariation, BorderStyle, BaseStyle, StyleForEachStatus, InputBoxStyle, InputBoxStyleForEachStatus, ButtonStyle, ButtonStyleForEachStatus, CheckBoxStyle, CheckBoxStyleForEachStatus, RadioButtonStyle, RadioButtonStyleForEachStatus, SelectValue, Option, Validate, Validates, InputValue, DateObject, DateType, ValidationResult, } from './types';
+export type { FormValidationStore } from '@geckou/ui-core';

package/dist/index.js

@@ -0,0 +1,70 @@
+import { BasicButton as e } from "./components/BasicButton.js";
+import { CheckBox as x } from "./components/CheckBox.js";
+import { CheckBoxes as m } from "./components/CheckBoxes.js";
+import { CheckButton as a } from "./components/CheckButton.js";
+import { DatePicker as c } from "./components/DatePicker.js";
+import { DateRangePicker as B } from "./components/DateRangePicker.js";
+import { DateSelector as d } from "./components/DateSelector.js";
+import { DropdownUi as S } from "./components/DropdownUi.js";
+import { ErrorMessage as I } from "./components/ErrorMessage.js";
+import { FileInput as C } from "./components/FileInput.js";
+import { InputBox as T } from "./components/InputBox.js";
+import { InputGroup as g } from "./components/InputGroup.js";
+import { LabeledCheckbox as E } from "./components/LabeledCheckbox.js";
+import { LabeledFieldset as R } from "./components/LabeledFieldset.js";
+import { LoadingSpinner as w } from "./components/LoadingSpinner.js";
+import { ModalBox as F } from "./components/ModalBox.js";
+import { PopupBox as P } from "./components/PopupBox.js";
+import { RadioButtons as _ } from "./components/RadioButtons.js";
+import { SearchableSelectBox as V } from "./components/SearchableSelectBox.js";
+import { SelectBox as K } from "./components/SelectBox.js";
+import { SlideDownUi as X } from "./components/SlideDownUi.js";
+import { TabUI as j } from "./components/TabUI.js";
+import { TextArea as v } from "./components/TextArea.js";
+import { TextBox as H } from "./components/TextBox.js";
+import { ToggleButton as Q } from "./components/ToggleButton.js";
+import { BackupIcon as Z } from "./components/icons/BackupIcon.js";
+import { CheckIcon as oo } from "./components/icons/CheckIcon.js";
+import { CloseIcon as eo } from "./components/icons/CloseIcon.js";
+import { CalendarIcon as xo } from "./components/icons/CalendarIcon.js";
+import { KeyboardArrowDownIcon as mo } from "./components/icons/KeyboardArrowDownIcon.js";
+import { useFormValidation as ao, useRegisterValidation as no } from "./hooks/useFormValidation.js";
+import { BORDER as io, COLOR as Bo, INPUT_BOX_DEFAULT_STYLES as lo, MESSAGES as uo } from "@geckou/ui-core";
+export {
+  io as BORDER,
+  Z as BackupIcon,
+  e as BasicButton,
+  Bo as COLOR,
+  xo as CalendarIcon,
+  x as CheckBox,
+  m as CheckBoxes,
+  a as CheckButton,
+  oo as CheckIcon,
+  eo as CloseIcon,
+  c as DatePicker,
+  B as DateRangePicker,
+  d as DateSelector,
+  S as DropdownUi,
+  I as ErrorMessage,
+  C as FileInput,
+  lo as INPUT_BOX_DEFAULT_STYLES,
+  T as InputBox,
+  g as InputGroup,
+  mo as KeyboardArrowDownIcon,
+  E as LabeledCheckbox,
+  R as LabeledFieldset,
+  w as LoadingSpinner,
+  uo as MESSAGES,
+  F as ModalBox,
+  P as PopupBox,
+  _ as RadioButtons,
+  V as SearchableSelectBox,
+  K as SelectBox,
+  X as SlideDownUi,
+  j as TabUI,
+  v as TextArea,
+  H as TextBox,
+  Q as ToggleButton,
+  ao as useFormValidation,
+  no as useRegisterValidation
+};

package/{src → dist}/styles/tokens.css

@@ -6,7 +6,7 @@
  * 各コンポーネントは var(--token, フォールバック値) で参照するため、
  * このファイルを読み込まなくても固定値で動作する。
  * アプリ側で読み込むと本来の流体スケーリングが有効になる:
- *   @import '@geckou/ui/styles/tokens.css';
+ *   @import '@geckou/ui-react/styles/tokens.css';
  */
 :root {
   /* 基準値（6px〜8px） */

package/dist/types/index.d.ts

@@ -0,0 +1 @@
+export type { StateVariation, BorderStyle, BaseStyle, StyleForEachStatus, InputBoxStyle, InputBoxStyleForEachStatus, ButtonStyle, ButtonStyleForEachStatus, CheckBoxStyle, CheckBoxStyleForEachStatus, RadioButtonStyle, RadioButtonStyleForEachStatus, SelectValue, Option, Validate, Validates, InputValue, DateObject, DateType, ValidationResult, } from '@geckou/ui-core';

package/package.json

@@ -1,20 +1,21 @@
 {
   "name": "@geckou/ui-react",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "description": "A set of reusable React UI components (forms) by Geckou",
   "type": "module",
-  "main": "./src/index.ts",
-  "types": "./src/index.ts",
+  "sideEffects": false,
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
   "exports": {
     ".": {
-      "types": "./src/index.ts",
-      "default": "./src/index.ts"
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
     },
-    "./styles/tokens.css": "./src/styles/tokens.css",
+    "./styles/tokens.css": "./dist/styles/tokens.css",
     "./package.json": "./package.json"
   },
   "files": [
-    "src",
+    "dist",
     "README.md",
     "LICENSE"
   ],
@@ -37,16 +38,20 @@
     "react-dom": "^19.0.0"
   },
   "dependencies": {
-    "@geckou/ui-core": "^0.1.0"
+    "@geckou/ui-core": "^0.2.0"
   },
   "scripts": {
-    "build": "echo 'ソースをそのまま配布する（利用側で transpilePackages に指定する）'",
-    "type-check": "tsc --noEmit",
+    "build": "vite build && node scripts/copy-assets.mjs",
+    "lint": "eslint src",
+    "lint:fix": "eslint src --fix",
+    "prepublishOnly": "yarn build",
     "test": "vitest run",
-    "test:watch": "vitest"
+    "test:watch": "vitest",
+    "type-check": "tsc --noEmit"
   },
   "devDependencies": {
     "@types/react": "^19.0.0",
     "@types/react-dom": "^19.0.0"
-  }
+  },
+  "module": "./dist/index.js"
 }