@simpli-route/apollo-ds 0.1.27 → 0.1.28

package/dist/index.es52.js

@@ -1,29 +1,20 @@
-import { j as o } from "./index.es24.js";
-import { cn as r } from "./index.es26.js";
-import { tooltipVariants as m } from "./index.es37.js";
-const d = ({
-  children: a,
-  supportText: t,
-  mode: s = "dark",
-  className: l,
-  placement: e = "top",
-  size: n = "sm"
-}) => {
-  const i = r(m({ placement: e, size: n, mode: s, hasSupportText: !!t }), l);
-  return /* @__PURE__ */ o.jsxs("span", { className: i, children: [
-    a,
-    t ? /* @__PURE__ */ o.jsx(
-      "div",
-      {
-        className: r(
-          "!text-sm !font-normal !leading-[19.07px]",
-          s === "dark" ? "!text-blue-50" : "!text-neutral-700"
-        ),
-        children: t
-      }
-    ) : null
-  ] });
-};
+import { j as r } from "./index.es27.js";
+import { ColorArea as s, ColorThumb as l } from "react-aria-components";
+function t({ color: o, onChange: e, ...a }) {
+  return /* @__PURE__ */ r.jsx(
+    s,
+    {
+      colorSpace: "hsb",
+      xChannel: "saturation",
+      yChannel: "brightness",
+      value: o,
+      className: "mb-2 h-32 w-48 rounded border",
+      onChange: e,
+      ...a,
+      children: /* @__PURE__ */ r.jsx(l, { className: "box-border size-5 rounded-full border-2 border-white shadow-[0_0_0_1px_black,inset_0_0_0_1px_black] data-[focus-visible]:size-6" })
+    }
+  );
+}
 export {
-  d as TooltipSelect
+  t as ColorArea
 };

package/dist/index.es53.js

@@ -1,21 +1,19 @@
-import { j as t } from "./index.es24.js";
-import { cn as c } from "./index.es26.js";
-const i = ({
-  label: e,
-  description: x,
-  errorMessage: s,
-  isDisabled: l,
-  isInvalid: r,
-  children: n,
-  renderLabelIcon: m
-}) => !e && !x && !n ? null : /* @__PURE__ */ t.jsxs("div", { className: "flex flex-col", children: [
-  e ? /* @__PURE__ */ t.jsxs("div", { className: "flex items-center gap-x-1", children: [
-    /* @__PURE__ */ t.jsx("p", { className: c("text-sm font-semibold", l ? "text-neutral-600" : "text-neutral-900"), children: e }),
-    m ? /* @__PURE__ */ t.jsx(t.Fragment, { children: m }) : null
-  ] }) : n,
-  x && !s && /* @__PURE__ */ t.jsx("p", { className: c("text-xs", l ? "text-neutral-600" : "text-neutral-800"), children: x }),
-  r && s && /* @__PURE__ */ t.jsx("p", { className: "text-sm text-red-500", children: s })
-] });
+import { j as e } from "./index.es27.js";
+import { ColorField as n, Input as t } from "react-aria-components";
+function p(o) {
+  const { isDisabled: l, inputProps: r = {}, ...s } = o;
+  return /* @__PURE__ */ e.jsx(n, { className: "relative flex h-8 w-32 items-center", isDisabled: l, ...s, children: /* @__PURE__ */ e.jsx(
+    t,
+    {
+      className: "size-full border-none bg-transparent p-0 outline-none focus:outline-none focus:ring-0",
+      maxLength: 7,
+      "aria-label": "Color hex",
+      spellCheck: !1,
+      autoComplete: "off",
+      ...r
+    }
+  ) });
+}
 export {
-  i as ContentSwitch
+  p as ColorField
 };

package/dist/index.es54.js

@@ -1,22 +1,18 @@
-import { j as i } from "./index.es24.js";
-import { cn as m } from "./index.es26.js";
-import { indicatorVariants as n } from "./index.es39.js";
-const c = ({ isSelected: r, isDisabled: o, isHovered: f, size: a, dimensions: t }) => /* @__PURE__ */ i.jsx(
-  "div",
-  {
-    className: m(
-      n({
-        isSelected: r,
-        isDisabled: o,
-        size: a,
-        isHoveredWhenOff: f && !r
-      })
-    ),
-    style: {
-      left: r ? `${t.onLeft}px` : `${t.offLeft}px`
+import { j as r } from "./index.es27.js";
+import { ColorSlider as f, SliderTrack as l, ColorThumb as i } from "react-aria-components";
+function d(e) {
+  const { color: o } = e;
+  return /* @__PURE__ */ r.jsx(
+    f,
+    {
+      channel: "hue",
+      value: o,
+      className: "mb-2 h-4 w-48 rounded border bg-[linear-gradient(to_right,#ff0000,#ffff00,#00ff00,#00ffff,#0000ff,#ff00ff,#ff0000)]",
+      ...e,
+      children: /* @__PURE__ */ r.jsx(l, { className: "size-full", children: /* @__PURE__ */ r.jsx(i, { className: "box-border size-5 rounded-full border-2 border-white shadow-[0_0_0_1px_black,inset_0_0_0_1px_black] data-[focus-visible]:size-6" }) })
     }
-  }
-);
+  );
+}
 export {
-  c as SwitchIndicator
+  d as ColorSlider
 };

package/dist/index.es55.js

@@ -1,4 +1,12 @@
-var e = { exports: {} };
+import { j as p } from "./index.es27.js";
+import { useRef as f } from "react";
+import { useTab as u } from "react-aria";
+import { cn as x } from "./index.es28.js";
+import { tabVariants as y } from "./index.es57.js";
+const D = (t) => {
+  const { className: i, item: r, orientation: n, state: s, id: a = void 0 } = t, { key: e, rendered: c } = r, m = s.selectedKey === e, d = s.disabledKeys.has(e) || (s == null ? void 0 : s.isDisabled), o = f(null), { tabProps: l } = u({ key: String(e) }, s, o), b = x(y({ isActive: m, orientation: n, isDisabledTab: d }), i);
+  return /* @__PURE__ */ p.jsx("div", { ...l, ref: o, className: b, id: a, children: c });
+};
 export {
-  e as __module
+  D as Tab
 };

package/dist/index.es56.js

@@ -1,32 +1,12 @@
-import { __exports as t } from "./index.es65.js";
-import R from "react";
-/**
- * @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 p;
-function v() {
-  if (p)
-    return t;
-  p = 1;
-  var s = R, m = Symbol.for("react.element"), l = Symbol.for("react.fragment"), c = Object.prototype.hasOwnProperty, d = s.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, y = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function i(o, r, u) {
-    var e, n = {}, _ = null, f = null;
-    u !== void 0 && (_ = "" + u), r.key !== void 0 && (_ = "" + r.key), r.ref !== void 0 && (f = r.ref);
-    for (e in r)
-      c.call(r, e) && !y.hasOwnProperty(e) && (n[e] = r[e]);
-    if (o && o.defaultProps)
-      for (e in r = o.defaultProps, r)
-        n[e] === void 0 && (n[e] = r[e]);
-    return { $$typeof: m, type: o, key: _, ref: f, props: n, _owner: d.current };
-  }
-  return t.Fragment = l, t.jsx = i, t.jsxs = i, t;
-}
+import { j as m } from "./index.es27.js";
+import { useRef as l } from "react";
+import { useTabPanel as p } from "react-aria";
+import { cn as i } from "./index.es28.js";
+const P = (r) => {
+  var t;
+  const { className: o, state: s, ...n } = r, e = l(null), { tabPanelProps: a } = p(n, s, e), c = i("", o);
+  return /* @__PURE__ */ m.jsx("div", { ...a, ref: e, className: c, children: (t = s.selectedItem) == null ? void 0 : t.props.children });
+};
 export {
-  v as __require
+  P as TabPanel
 };