@tatamicks/select 0.0.1

package/dist/index.mjs

@@ -0,0 +1,961 @@
+import $e, { useCallback as L, useId as yr, forwardRef as Rr, useRef as Er, useImperativeHandle as xr, useMemo as K } from "react";
+import { HorizontalAlign as ke, VerticalAlign as De, toPx as Y, NoteMode as Ie, validationDefinition as Sr, fontStyleDefinition as jr, placeholderDefinition as Cr, universalProperties as wr } from "@tatamicks/core";
+var H = { exports: {} }, M = {};
+/**
+ * @license React
+ * react-jsx-runtime.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var Fe;
+function Tr() {
+  if (Fe) return M;
+  Fe = 1;
+  var n = $e, v = Symbol.for("react.element"), T = Symbol.for("react.fragment"), f = Object.prototype.hasOwnProperty, _ = n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, D = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function I(j, b, k) {
+    var E, C = {}, s = null, u = null;
+    k !== void 0 && (s = "" + k), b.key !== void 0 && (s = "" + b.key), b.ref !== void 0 && (u = b.ref);
+    for (E in b) f.call(b, E) && !D.hasOwnProperty(E) && (C[E] = b[E]);
+    if (j && j.defaultProps) for (E in b = j.defaultProps, b) C[E] === void 0 && (C[E] = b[E]);
+    return { $$typeof: v, type: j, key: s, ref: u, props: C, _owner: _.current };
+  }
+  return M.Fragment = T, M.jsx = I, M.jsxs = I, M;
+}
+var U = {};
+/**
+ * @license React
+ * react-jsx-runtime.development.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var Ae;
+function Or() {
+  return Ae || (Ae = 1, process.env.NODE_ENV !== "production" && (function() {
+    var n = $e, v = Symbol.for("react.element"), T = Symbol.for("react.portal"), f = Symbol.for("react.fragment"), _ = Symbol.for("react.strict_mode"), D = Symbol.for("react.profiler"), I = Symbol.for("react.provider"), j = Symbol.for("react.context"), b = Symbol.for("react.forward_ref"), k = Symbol.for("react.suspense"), E = Symbol.for("react.suspense_list"), C = Symbol.for("react.memo"), s = Symbol.for("react.lazy"), u = Symbol.for("react.offscreen"), y = Symbol.iterator, a = "@@iterator";
+    function x(e) {
+      if (e === null || typeof e != "object")
+        return null;
+      var r = y && e[y] || e[a];
+      return typeof r == "function" ? r : null;
+    }
+    var O = n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    function g(e) {
+      {
+        for (var r = arguments.length, t = new Array(r > 1 ? r - 1 : 0), o = 1; o < r; o++)
+          t[o - 1] = arguments[o];
+        X("error", e, t);
+      }
+    }
+    function X(e, r, t) {
+      {
+        var o = O.ReactDebugCurrentFrame, c = o.getStackAddendum();
+        c !== "" && (r += "%s", t = t.concat([c]));
+        var d = t.map(function(l) {
+          return String(l);
+        });
+        d.unshift("Warning: " + r), Function.prototype.apply.call(console[e], console, d);
+      }
+    }
+    var Ye = !1, Be = !1, Ve = !1, Me = !1, Ue = !1, ie;
+    ie = Symbol.for("react.module.reference");
+    function ze(e) {
+      return !!(typeof e == "string" || typeof e == "function" || e === f || e === D || Ue || e === _ || e === k || e === E || Me || e === u || Ye || Be || Ve || typeof e == "object" && e !== null && (e.$$typeof === s || e.$$typeof === C || e.$$typeof === I || e.$$typeof === j || e.$$typeof === b || // This needs to include all possible module reference object
+      // types supported by any Flight configuration anywhere since
+      // we don't know which Flight build this will end up being used
+      // with.
+      e.$$typeof === ie || e.getModuleId !== void 0));
+    }
+    function Ge(e, r, t) {
+      var o = e.displayName;
+      if (o)
+        return o;
+      var c = r.displayName || r.name || "";
+      return c !== "" ? t + "(" + c + ")" : t;
+    }
+    function le(e) {
+      return e.displayName || "Context";
+    }
+    function F(e) {
+      if (e == null)
+        return null;
+      if (typeof e.tag == "number" && g("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof e == "function")
+        return e.displayName || e.name || null;
+      if (typeof e == "string")
+        return e;
+      switch (e) {
+        case f:
+          return "Fragment";
+        case T:
+          return "Portal";
+        case D:
+          return "Profiler";
+        case _:
+          return "StrictMode";
+        case k:
+          return "Suspense";
+        case E:
+          return "SuspenseList";
+      }
+      if (typeof e == "object")
+        switch (e.$$typeof) {
+          case j:
+            var r = e;
+            return le(r) + ".Consumer";
+          case I:
+            var t = e;
+            return le(t._context) + ".Provider";
+          case b:
+            return Ge(e, e.render, "ForwardRef");
+          case C:
+            var o = e.displayName || null;
+            return o !== null ? o : F(e.type) || "Memo";
+          case s: {
+            var c = e, d = c._payload, l = c._init;
+            try {
+              return F(l(d));
+            } catch {
+              return null;
+            }
+          }
+        }
+      return null;
+    }
+    var A = Object.assign, B = 0, se, ue, ce, fe, de, ve, pe;
+    function be() {
+    }
+    be.__reactDisabledLog = !0;
+    function Je() {
+      {
+        if (B === 0) {
+          se = console.log, ue = console.info, ce = console.warn, fe = console.error, de = console.group, ve = console.groupCollapsed, pe = console.groupEnd;
+          var e = {
+            configurable: !0,
+            enumerable: !0,
+            value: be,
+            writable: !0
+          };
+          Object.defineProperties(console, {
+            info: e,
+            log: e,
+            warn: e,
+            error: e,
+            group: e,
+            groupCollapsed: e,
+            groupEnd: e
+          });
+        }
+        B++;
+      }
+    }
+    function qe() {
+      {
+        if (B--, B === 0) {
+          var e = {
+            configurable: !0,
+            enumerable: !0,
+            writable: !0
+          };
+          Object.defineProperties(console, {
+            log: A({}, e, {
+              value: se
+            }),
+            info: A({}, e, {
+              value: ue
+            }),
+            warn: A({}, e, {
+              value: ce
+            }),
+            error: A({}, e, {
+              value: fe
+            }),
+            group: A({}, e, {
+              value: de
+            }),
+            groupCollapsed: A({}, e, {
+              value: ve
+            }),
+            groupEnd: A({}, e, {
+              value: pe
+            })
+          });
+        }
+        B < 0 && g("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+      }
+    }
+    var Z = O.ReactCurrentDispatcher, Q;
+    function z(e, r, t) {
+      {
+        if (Q === void 0)
+          try {
+            throw Error();
+          } catch (c) {
+            var o = c.stack.trim().match(/\n( *(at )?)/);
+            Q = o && o[1] || "";
+          }
+        return `
+` + Q + e;
+      }
+    }
+    var ee = !1, G;
+    {
+      var Ke = typeof WeakMap == "function" ? WeakMap : Map;
+      G = new Ke();
+    }
+    function he(e, r) {
+      if (!e || ee)
+        return "";
+      {
+        var t = G.get(e);
+        if (t !== void 0)
+          return t;
+      }
+      var o;
+      ee = !0;
+      var c = Error.prepareStackTrace;
+      Error.prepareStackTrace = void 0;
+      var d;
+      d = Z.current, Z.current = null, Je();
+      try {
+        if (r) {
+          var l = function() {
+            throw Error();
+          };
+          if (Object.defineProperty(l.prototype, "props", {
+            set: function() {
+              throw Error();
+            }
+          }), typeof Reflect == "object" && Reflect.construct) {
+            try {
+              Reflect.construct(l, []);
+            } catch (w) {
+              o = w;
+            }
+            Reflect.construct(e, [], l);
+          } else {
+            try {
+              l.call();
+            } catch (w) {
+              o = w;
+            }
+            e.call(l.prototype);
+          }
+        } else {
+          try {
+            throw Error();
+          } catch (w) {
+            o = w;
+          }
+          e();
+        }
+      } catch (w) {
+        if (w && o && typeof w.stack == "string") {
+          for (var i = w.stack.split(`
+`), S = o.stack.split(`
+`), h = i.length - 1, m = S.length - 1; h >= 1 && m >= 0 && i[h] !== S[m]; )
+            m--;
+          for (; h >= 1 && m >= 0; h--, m--)
+            if (i[h] !== S[m]) {
+              if (h !== 1 || m !== 1)
+                do
+                  if (h--, m--, m < 0 || i[h] !== S[m]) {
+                    var P = `
+` + i[h].replace(" at new ", " at ");
+                    return e.displayName && P.includes("<anonymous>") && (P = P.replace("<anonymous>", e.displayName)), typeof e == "function" && G.set(e, P), P;
+                  }
+                while (h >= 1 && m >= 0);
+              break;
+            }
+        }
+      } finally {
+        ee = !1, Z.current = d, qe(), Error.prepareStackTrace = c;
+      }
+      var W = e ? e.displayName || e.name : "", N = W ? z(W) : "";
+      return typeof e == "function" && G.set(e, N), N;
+    }
+    function He(e, r, t) {
+      return he(e, !1);
+    }
+    function Xe(e) {
+      var r = e.prototype;
+      return !!(r && r.isReactComponent);
+    }
+    function J(e, r, t) {
+      if (e == null)
+        return "";
+      if (typeof e == "function")
+        return he(e, Xe(e));
+      if (typeof e == "string")
+        return z(e);
+      switch (e) {
+        case k:
+          return z("Suspense");
+        case E:
+          return z("SuspenseList");
+      }
+      if (typeof e == "object")
+        switch (e.$$typeof) {
+          case b:
+            return He(e.render);
+          case C:
+            return J(e.type, r, t);
+          case s: {
+            var o = e, c = o._payload, d = o._init;
+            try {
+              return J(d(c), r, t);
+            } catch {
+            }
+          }
+        }
+      return "";
+    }
+    var V = Object.prototype.hasOwnProperty, ge = {}, me = O.ReactDebugCurrentFrame;
+    function q(e) {
+      if (e) {
+        var r = e._owner, t = J(e.type, e._source, r ? r.type : null);
+        me.setExtraStackFrame(t);
+      } else
+        me.setExtraStackFrame(null);
+    }
+    function Ze(e, r, t, o, c) {
+      {
+        var d = Function.call.bind(V);
+        for (var l in e)
+          if (d(e, l)) {
+            var i = void 0;
+            try {
+              if (typeof e[l] != "function") {
+                var S = Error((o || "React class") + ": " + t + " type `" + l + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[l] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                throw S.name = "Invariant Violation", S;
+              }
+              i = e[l](r, l, o, t, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+            } catch (h) {
+              i = h;
+            }
+            i && !(i instanceof Error) && (q(c), g("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", o || "React class", t, l, typeof i), q(null)), i instanceof Error && !(i.message in ge) && (ge[i.message] = !0, q(c), g("Failed %s type: %s", t, i.message), q(null));
+          }
+      }
+    }
+    var Qe = Array.isArray;
+    function re(e) {
+      return Qe(e);
+    }
+    function er(e) {
+      {
+        var r = typeof Symbol == "function" && Symbol.toStringTag, t = r && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return t;
+      }
+    }
+    function rr(e) {
+      try {
+        return _e(e), !1;
+      } catch {
+        return !0;
+      }
+    }
+    function _e(e) {
+      return "" + e;
+    }
+    function ye(e) {
+      if (rr(e))
+        return g("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", er(e)), _e(e);
+    }
+    var Re = O.ReactCurrentOwner, tr = {
+      key: !0,
+      ref: !0,
+      __self: !0,
+      __source: !0
+    }, Ee, xe;
+    function nr(e) {
+      if (V.call(e, "ref")) {
+        var r = Object.getOwnPropertyDescriptor(e, "ref").get;
+        if (r && r.isReactWarning)
+          return !1;
+      }
+      return e.ref !== void 0;
+    }
+    function or(e) {
+      if (V.call(e, "key")) {
+        var r = Object.getOwnPropertyDescriptor(e, "key").get;
+        if (r && r.isReactWarning)
+          return !1;
+      }
+      return e.key !== void 0;
+    }
+    function ar(e, r) {
+      typeof e.ref == "string" && Re.current;
+    }
+    function ir(e, r) {
+      {
+        var t = function() {
+          Ee || (Ee = !0, g("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", r));
+        };
+        t.isReactWarning = !0, Object.defineProperty(e, "key", {
+          get: t,
+          configurable: !0
+        });
+      }
+    }
+    function lr(e, r) {
+      {
+        var t = function() {
+          xe || (xe = !0, g("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", r));
+        };
+        t.isReactWarning = !0, Object.defineProperty(e, "ref", {
+          get: t,
+          configurable: !0
+        });
+      }
+    }
+    var sr = function(e, r, t, o, c, d, l) {
+      var i = {
+        // This tag allows us to uniquely identify this as a React Element
+        $$typeof: v,
+        // Built-in properties that belong on the element
+        type: e,
+        key: r,
+        ref: t,
+        props: l,
+        // Record the component responsible for creating this element.
+        _owner: d
+      };
+      return i._store = {}, Object.defineProperty(i._store, "validated", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: !1
+      }), Object.defineProperty(i, "_self", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !1,
+        value: o
+      }), Object.defineProperty(i, "_source", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !1,
+        value: c
+      }), Object.freeze && (Object.freeze(i.props), Object.freeze(i)), i;
+    };
+    function ur(e, r, t, o, c) {
+      {
+        var d, l = {}, i = null, S = null;
+        t !== void 0 && (ye(t), i = "" + t), or(r) && (ye(r.key), i = "" + r.key), nr(r) && (S = r.ref, ar(r, c));
+        for (d in r)
+          V.call(r, d) && !tr.hasOwnProperty(d) && (l[d] = r[d]);
+        if (e && e.defaultProps) {
+          var h = e.defaultProps;
+          for (d in h)
+            l[d] === void 0 && (l[d] = h[d]);
+        }
+        if (i || S) {
+          var m = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
+          i && ir(l, m), S && lr(l, m);
+        }
+        return sr(e, i, S, c, o, Re.current, l);
+      }
+    }
+    var te = O.ReactCurrentOwner, Se = O.ReactDebugCurrentFrame;
+    function $(e) {
+      if (e) {
+        var r = e._owner, t = J(e.type, e._source, r ? r.type : null);
+        Se.setExtraStackFrame(t);
+      } else
+        Se.setExtraStackFrame(null);
+    }
+    var ne;
+    ne = !1;
+    function oe(e) {
+      return typeof e == "object" && e !== null && e.$$typeof === v;
+    }
+    function je() {
+      {
+        if (te.current) {
+          var e = F(te.current.type);
+          if (e)
+            return `
+
+Check the render method of \`` + e + "`.";
+        }
+        return "";
+      }
+    }
+    function cr(e) {
+      return "";
+    }
+    var Ce = {};
+    function fr(e) {
+      {
+        var r = je();
+        if (!r) {
+          var t = typeof e == "string" ? e : e.displayName || e.name;
+          t && (r = `
+
+Check the top-level render call using <` + t + ">.");
+        }
+        return r;
+      }
+    }
+    function we(e, r) {
+      {
+        if (!e._store || e._store.validated || e.key != null)
+          return;
+        e._store.validated = !0;
+        var t = fr(r);
+        if (Ce[t])
+          return;
+        Ce[t] = !0;
+        var o = "";
+        e && e._owner && e._owner !== te.current && (o = " It was passed a child from " + F(e._owner.type) + "."), $(e), g('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', t, o), $(null);
+      }
+    }
+    function Te(e, r) {
+      {
+        if (typeof e != "object")
+          return;
+        if (re(e))
+          for (var t = 0; t < e.length; t++) {
+            var o = e[t];
+            oe(o) && we(o, r);
+          }
+        else if (oe(e))
+          e._store && (e._store.validated = !0);
+        else if (e) {
+          var c = x(e);
+          if (typeof c == "function" && c !== e.entries)
+            for (var d = c.call(e), l; !(l = d.next()).done; )
+              oe(l.value) && we(l.value, r);
+        }
+      }
+    }
+    function dr(e) {
+      {
+        var r = e.type;
+        if (r == null || typeof r == "string")
+          return;
+        var t;
+        if (typeof r == "function")
+          t = r.propTypes;
+        else if (typeof r == "object" && (r.$$typeof === b || // Note: Memo only checks outer props here.
+        // Inner props are checked in the reconciler.
+        r.$$typeof === C))
+          t = r.propTypes;
+        else
+          return;
+        if (t) {
+          var o = F(r);
+          Ze(t, e.props, "prop", o, e);
+        } else if (r.PropTypes !== void 0 && !ne) {
+          ne = !0;
+          var c = F(r);
+          g("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", c || "Unknown");
+        }
+        typeof r.getDefaultProps == "function" && !r.getDefaultProps.isReactClassApproved && g("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+      }
+    }
+    function vr(e) {
+      {
+        for (var r = Object.keys(e.props), t = 0; t < r.length; t++) {
+          var o = r[t];
+          if (o !== "children" && o !== "key") {
+            $(e), g("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", o), $(null);
+            break;
+          }
+        }
+        e.ref !== null && ($(e), g("Invalid attribute `ref` supplied to `React.Fragment`."), $(null));
+      }
+    }
+    var Oe = {};
+    function Pe(e, r, t, o, c, d) {
+      {
+        var l = ze(e);
+        if (!l) {
+          var i = "";
+          (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (i += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
+          var S = cr();
+          S ? i += S : i += je();
+          var h;
+          e === null ? h = "null" : re(e) ? h = "array" : e !== void 0 && e.$$typeof === v ? (h = "<" + (F(e.type) || "Unknown") + " />", i = " Did you accidentally export a JSX literal instead of a component?") : h = typeof e, g("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", h, i);
+        }
+        var m = ur(e, r, t, c, d);
+        if (m == null)
+          return m;
+        if (l) {
+          var P = r.children;
+          if (P !== void 0)
+            if (o)
+              if (re(P)) {
+                for (var W = 0; W < P.length; W++)
+                  Te(P[W], e);
+                Object.freeze && Object.freeze(P);
+              } else
+                g("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
+            else
+              Te(P, e);
+        }
+        if (V.call(r, "key")) {
+          var N = F(e), w = Object.keys(r).filter(function(_r) {
+            return _r !== "key";
+          }), ae = w.length > 0 ? "{key: someKey, " + w.join(": ..., ") + ": ...}" : "{key: someKey}";
+          if (!Oe[N + ae]) {
+            var mr = w.length > 0 ? "{" + w.join(": ..., ") + ": ...}" : "{}";
+            g(`A props object containing a "key" prop is being spread into JSX:
+  let props = %s;
+  <%s {...props} />
+React keys must be passed directly to JSX without using spread:
+  let props = %s;
+  <%s key={someKey} {...props} />`, ae, N, mr, N), Oe[N + ae] = !0;
+          }
+        }
+        return e === f ? vr(m) : dr(m), m;
+      }
+    }
+    function pr(e, r, t) {
+      return Pe(e, r, t, !0);
+    }
+    function br(e, r, t) {
+      return Pe(e, r, t, !1);
+    }
+    var hr = br, gr = pr;
+    U.Fragment = f, U.jsx = hr, U.jsxs = gr;
+  })()), U;
+}
+var Ne;
+function Pr() {
+  return Ne || (Ne = 1, process.env.NODE_ENV === "production" ? H.exports = Tr() : H.exports = Or()), H.exports;
+}
+var p = Pr();
+const kr = "_container_puorg_1", Dr = "_defaultSection_puorg_15", Ir = "_optionsList_puorg_35", Fr = "_optionItem_puorg_51", Ar = "_inputGroup_puorg_71", Nr = "_label_puorg_83", $r = "_input_puorg_71", Wr = "_colorInput_puorg_133", Lr = "_clearColorButton_puorg_163", Yr = "_removeButton_puorg_215", Br = "_addButton_puorg_269", R = {
+  container: kr,
+  defaultSection: Dr,
+  optionsList: Ir,
+  optionItem: Fr,
+  inputGroup: Ar,
+  label: Nr,
+  input: $r,
+  colorInput: Wr,
+  clearColorButton: Lr,
+  removeButton: Yr,
+  addButton: Br
+}, We = ({
+  value: n,
+  onChange: v,
+  readOnly: T = !1
+}) => {
+  const { options: f, defaultOption: _ } = n, D = L(() => {
+    const s = {
+      label: `選択肢${f.length + 1}`,
+      value: `option${f.length + 1}`
+    };
+    v({ ...n, options: [...f, s] });
+  }, [f, n, v]), I = L(
+    (s) => {
+      var x;
+      const u = f.filter((O, g) => g !== s), y = (x = f[s]) == null ? void 0 : x.value;
+      v({ options: u, defaultOption: y !== void 0 && _ === y ? void 0 : _ });
+    },
+    [f, _, v]
+  ), j = L(
+    (s, u) => {
+      const y = f.map(
+        (a, x) => x === s ? { ...a, label: u } : a
+      );
+      v({ ...n, options: y });
+    },
+    [f, n, v]
+  ), b = L(
+    (s, u) => {
+      var O;
+      const y = (O = f[s]) == null ? void 0 : O.value, a = f.map(
+        (g, X) => X === s ? { ...g, value: u } : g
+      );
+      v({ options: a, defaultOption: _ === y ? u : _ });
+    },
+    [f, _, v]
+  ), k = L(
+    (s, u) => {
+      const y = f.map(
+        (a, x) => x === s ? { ...a, color: u || void 0 } : a
+      );
+      v({ ...n, options: y });
+    },
+    [f, n, v]
+  ), E = L(
+    (s) => {
+      v({ ...n, defaultOption: s || void 0 });
+    },
+    [n, v]
+  ), C = yr();
+  return /* @__PURE__ */ p.jsxs("div", { className: R.container, children: [
+    /* @__PURE__ */ p.jsxs("div", { className: R.defaultSection, children: [
+      /* @__PURE__ */ p.jsx("label", { className: R.label, htmlFor: C, children: "初期選択値:" }),
+      /* @__PURE__ */ p.jsxs(
+        "select",
+        {
+          id: C,
+          className: R.input,
+          value: _ || "",
+          onChange: (s) => E(s.target.value),
+          disabled: T,
+          children: [
+            /* @__PURE__ */ p.jsx("option", { value: "", children: "未選択" }),
+            f.map((s, u) => (
+              // biome-ignore lint/suspicious/noArrayIndexKey: 選択肢の順序は重要で、固有IDがないためindexを使用
+              /* @__PURE__ */ p.jsx("option", { value: s.value, children: s.label }, u)
+            ))
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ p.jsx("div", { className: R.optionsList, children: f.map((s, u) => (
+      // biome-ignore lint/suspicious/noArrayIndexKey: 選択肢の順序は重要で、固有IDがないためindexを使用
+      /* @__PURE__ */ p.jsxs("div", { className: R.optionItem, children: [
+        /* @__PURE__ */ p.jsxs("div", { className: R.inputGroup, children: [
+          /* @__PURE__ */ p.jsx("label", { className: R.label, htmlFor: `label-${u}`, children: "ラベル:" }),
+          /* @__PURE__ */ p.jsx(
+            "input",
+            {
+              type: "text",
+              id: `label-${u}`,
+              className: R.input,
+              value: s.label,
+              onChange: (y) => j(u, y.target.value),
+              disabled: T,
+              placeholder: "表示名"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ p.jsxs("div", { className: R.inputGroup, children: [
+          /* @__PURE__ */ p.jsx("label", { className: R.label, htmlFor: `value-${u}`, children: "値:" }),
+          /* @__PURE__ */ p.jsx(
+            "input",
+            {
+              type: "text",
+              id: `value-${u}`,
+              className: R.input,
+              value: s.value,
+              onChange: (y) => b(u, y.target.value),
+              disabled: T,
+              placeholder: "内部値"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ p.jsxs("div", { className: R.inputGroup, children: [
+          /* @__PURE__ */ p.jsx("label", { className: R.label, htmlFor: `color-${u}`, children: "色:" }),
+          /* @__PURE__ */ p.jsx(
+            "input",
+            {
+              type: "color",
+              id: `color-${u}`,
+              className: R.colorInput,
+              value: s.color || "#ffffff",
+              onChange: (y) => k(u, y.target.value),
+              disabled: T,
+              title: "背景色"
+            }
+          ),
+          s.color && /* @__PURE__ */ p.jsx(
+            "button",
+            {
+              type: "button",
+              className: R.clearColorButton,
+              onClick: () => k(u, ""),
+              disabled: T,
+              title: "色をクリア",
+              children: "✕"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ p.jsx(
+          "button",
+          {
+            type: "button",
+            className: R.removeButton,
+            onClick: () => I(u),
+            disabled: T || f.length === 1,
+            title: "削除",
+            children: "×"
+          }
+        )
+      ] }, u)
+    )) }),
+    /* @__PURE__ */ p.jsx(
+      "button",
+      {
+        type: "button",
+        className: R.addButton,
+        onClick: D,
+        disabled: T,
+        children: "+ 選択肢を追加"
+      }
+    )
+  ] });
+};
+We.displayName = "OptionsEditor";
+const Le = Rr(({ props: n, value: v, onChange: T, onBlur: f, readOnly: _, mode: D }, I) => {
+  const j = Er(null);
+  xr(
+    I,
+    () => ({
+      focus: () => {
+        var a, x, O;
+        (a = j.current) == null || a.focus(), j.current && !_ && ((O = (x = j.current).showPicker) == null || O.call(x));
+      }
+    }),
+    [_]
+  );
+  const b = K(() => v && n.selectConfig.options.find((a) => a.value === v) || null, [v, n.selectConfig.options]), k = K(() => {
+    const a = {
+      width: "100%",
+      height: "100%",
+      display: "flex",
+      boxSizing: "border-box",
+      overflow: "hidden",
+      position: "relative"
+      // 矢印アイコンの配置用
+    };
+    switch (n.justifyContent) {
+      case ke.center:
+        a.justifyContent = "center";
+        break;
+      case ke.right:
+        a.justifyContent = "flex-end";
+        break;
+      default:
+        a.justifyContent = "flex-start";
+        break;
+    }
+    switch (n.alignItems) {
+      case De.top:
+        a.alignItems = "flex-start";
+        break;
+      case De.bottom:
+        a.alignItems = "flex-end";
+        break;
+      default:
+        a.alignItems = "center";
+        break;
+    }
+    if (n.isIndividual)
+      n.top && (a.paddingTop = Y.fromDim(n.top)), n.right && (a.paddingRight = Y.fromDim(n.right)), n.bottom && (a.paddingBottom = Y.fromDim(n.bottom)), n.left && (a.paddingLeft = Y.fromDim(n.left));
+    else if (n.all) {
+      const x = Y.fromDim(n.all);
+      a.padding = `${x}px`;
+    }
+    return a;
+  }, [n]), E = K(() => {
+    const a = {
+      appearance: "none",
+      // ネイティブの矢印を消す
+      background: "transparent",
+      border: "none",
+      // 枠線を削除
+      outline: "none",
+      padding: "4px 28px 4px 8px",
+      // 右側に矢印用のスペース
+      margin: 0,
+      width: "100%",
+      height: "100%",
+      // ブロック全体の高さに合わせる
+      boxSizing: "border-box",
+      fontFamily: "inherit",
+      cursor: "pointer",
+      // readOnly時は操作を無効化（disabledを使わない）
+      pointerEvents: _ ? "none" : "auto"
+    };
+    return n.fontSize && (a.fontSize = Y.fromDim(n.fontSize)), n.color && (a.color = n.color), n.fontWeight && (a.fontWeight = "bold"), n.italic && (a.fontStyle = "italic"), v && (b != null && b.color) ? a.backgroundColor = b.color : a.backgroundColor = "transparent", a;
+  }, [
+    n.fontSize,
+    n.color,
+    n.fontWeight,
+    n.italic,
+    b,
+    _,
+    v
+  ]), C = {
+    position: "absolute",
+    right: "8px",
+    top: "50%",
+    transform: "translateY(-50%)",
+    pointerEvents: "none",
+    width: "0",
+    height: "0",
+    borderLeft: "4px solid transparent",
+    borderRight: "4px solid transparent",
+    borderTop: "5px solid",
+    borderTopColor: n.color || "#6b7280"
+  }, s = K(() => D === Ie.FORM ? !0 : D === Ie.EDIT ? !_ : !1, [D, _]), u = (a) => {
+    const x = a.target.value;
+    T(x === "" ? null : x);
+  }, y = () => {
+    f && f(v);
+  };
+  return /* @__PURE__ */ p.jsxs("div", { style: k, children: [
+    /* @__PURE__ */ p.jsxs(
+      "select",
+      {
+        ref: j,
+        value: v ?? "",
+        onChange: u,
+        onBlur: y,
+        style: E,
+        children: [
+          /* @__PURE__ */ p.jsx("option", { value: "", style: { backgroundColor: "#ffffff" }, children: "未選択" }),
+          n.selectConfig.options.map((a) => /* @__PURE__ */ p.jsx(
+            "option",
+            {
+              value: a.value,
+              style: a.color ? { backgroundColor: a.color } : void 0,
+              children: a.label
+            },
+            a.value
+          ))
+        ]
+      }
+    ),
+    s && /* @__PURE__ */ p.jsx("div", { style: C })
+  ] });
+});
+Le.displayName = "SelectRenderer";
+const Ur = {
+  kind: "select",
+  meta: {
+    displayName: "セレクトボックス",
+    description: "ドロップダウンから選択肢を選ぶ入力ブロック",
+    defaultSize: { w: 4, h: 2 }
+  },
+  Renderer: Le,
+  properties: {
+    ...wr,
+    // alignment + padding
+    ...Cr,
+    ...jr,
+    ...Sr,
+    // Select固有プロパティ - 選択肢とデフォルト値を統合
+    selectConfig: {
+      defaultValue: {
+        options: [
+          { label: "選択肢1", value: "option1" },
+          { label: "選択肢2", value: "option2" }
+        ],
+        defaultOption: void 0
+      },
+      label: "選択肢設定",
+      group: "セレクト",
+      Component: We,
+      disableInMultiSelection: !0
+    }
+  },
+  validateProps: (n) => n,
+  validateValue: (n) => typeof n == "string" ? n : null
+};
+export {
+  We as OptionsEditor,
+  Ur as SelectPlugin,
+  Le as SelectRenderer
+};
+//# sourceMappingURL=index.mjs.map