@konstructio/ui/dist/CommandInput-C45ylYPm.js

A set of reusable and customizable React components built for konstruct.io

import { o as v } from "./chunk-cI0lbGMq.js";
import { t as y } from "./prop-types-CE0Kfmwk.js";
import { t as c } from "./utils-COaoD3PI.js";
import { inputVariants as g, searchInconInputVariants as h } from "./components/Command/Command.variants.js";
import { t as m } from "./dist-CPK4FXV9.js";
import p, { forwardRef as u } from "react";
import { jsx as f, jsxs as b } from "react/jsx-runtime";
var a = /* @__PURE__ */ v(y());
function s() {
  return s = Object.assign || function(r) {
    for (var n = 1; n < arguments.length; n++) {
      var t = arguments[n];
      for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && (r[e] = t[e]);
    }
    return r;
  }, s.apply(this, arguments);
}
function x(r, n) {
  if (r == null) return {};
  var t = O(r, n), e, o;
  if (Object.getOwnPropertySymbols) {
    var i = Object.getOwnPropertySymbols(r);
    for (o = 0; o < i.length; o++)
      e = i[o], !(n.indexOf(e) >= 0) && Object.prototype.propertyIsEnumerable.call(r, e) && (t[e] = r[e]);
  }
  return t;
}
function O(r, n) {
  if (r == null) return {};
  var t = {}, e = Object.keys(r), o, i;
  for (i = 0; i < e.length; i++)
    o = e[i], !(n.indexOf(o) >= 0) && (t[o] = r[o]);
  return t;
}
var l = u(function(r, n) {
  var t = r.color, e = t === void 0 ? "currentColor" : t, o = r.size, i = o === void 0 ? 24 : o, d = x(r, ["color", "size"]);
  return /* @__PURE__ */ p.createElement("svg", s({
    ref: n,
    xmlns: "http://www.w3.org/2000/svg",
    width: i,
    height: i,
    viewBox: "0 0 24 24",
    fill: "none",
    stroke: e,
    strokeWidth: "2",
    strokeLinecap: "round",
    strokeLinejoin: "round"
  }, d), /* @__PURE__ */ p.createElement("circle", {
    cx: "11",
    cy: "11",
    r: "8"
  }), /* @__PURE__ */ p.createElement("line", {
    x1: "21",
    y1: "21",
    x2: "16.65",
    y2: "16.65"
  }));
});
l.propTypes = {
  color: a.default.string,
  size: a.default.oneOfType([a.default.string, a.default.number])
};
l.displayName = "Search";
var j = u(({ className: r, ...n }, t) => /* @__PURE__ */ b("div", {
  className: "flex items-center px-3 border-b border-neutral-900/35",
  "cmdk-input-wrapper": "",
  children: [/* @__PURE__ */ f(l, { className: c(h({ className: r })) }), /* @__PURE__ */ f(m.Input, {
    ref: t,
    className: c(g({ className: r })),
    ...n
  })]
}));
j.displayName = m.Input.displayName;
export {
  j as t
};