@simpli-route/apollo-ds 0.0.9 → 0.0.10

package/dist/index.es20.js

@@ -0,0 +1,4 @@
+var r = {};
+export {
+  r as __exports
+};

package/dist/index.es21.js

@@ -0,0 +1,4 @@
+var e = {};
+export {
+  e as __exports
+};

package/dist/index.es22.js

@@ -0,0 +1,23 @@
+import t from "react";
+const e = t, a = ({
+  title: r,
+  titleId: n,
+  ...l
+}, o) => /* @__PURE__ */ e.createElement("svg", Object.assign({
+  fill: "currentColor",
+  "aria-hidden": "true",
+  viewBox: "0 0 24 24",
+  xmlns: "http://www.w3.org/2000/svg",
+  ref: o,
+  "aria-labelledby": n
+}, l), r ? /* @__PURE__ */ e.createElement("title", {
+  id: n
+}, r) : null, /* @__PURE__ */ e.createElement("path", {
+  fillRule: "evenodd",
+  d: "M2 11.85c0-.47.35-.85.783-.85h18.434c.432 0 .783.38.783.85s-.35.85-.783.85H2.783c-.432 0-.783-.38-.783-.85Z",
+  clipRule: "evenodd"
+})), c = e.forwardRef(a);
+var s = c;
+export {
+  s as M
+};

package/dist/index.es23.js

@@ -0,0 +1,23 @@
+import t from "react";
+const e = t, n = ({
+  title: r,
+  titleId: a,
+  ...l
+}, o) => /* @__PURE__ */ e.createElement("svg", Object.assign({
+  fill: "currentColor",
+  "aria-hidden": "true",
+  viewBox: "0 0 24 24",
+  xmlns: "http://www.w3.org/2000/svg",
+  ref: o,
+  "aria-labelledby": a
+}, l), r ? /* @__PURE__ */ e.createElement("title", {
+  id: a
+}, r) : null, /* @__PURE__ */ e.createElement("path", {
+  fillRule: "evenodd",
+  d: "M11.885 2c.433 0 .783.35.783.783v8.434h8.549a.783.783 0 1 1 0 1.566h-8.549v8.434a.783.783 0 1 1-1.567 0v-8.434H2.783a.783.783 0 1 1 0-1.566h8.318V2.783c0-.432.351-.783.784-.783Z",
+  clipRule: "evenodd"
+})), c = e.forwardRef(n);
+var d = c;
+export {
+  d as P
+};

package/dist/index.es3.js

@@ -1,10 +1,10 @@
-import { j as s } from "./index.es7.js";
+import { j as s } from "./index.es8.js";
 import { Button as I } from "react-aria-components";
-import { cn as x } from "./index.es8.js";
+import { cn as x } from "./index.es9.js";
 import "react";
 import { buttonVariants as B } from "./index.es15.js";
 import { Loader as y } from "./index.es4.js";
-import "./index.es10.js";
+import "./index.es14.js";
 const j = ({
   renderPosition: t,
   leftIcon: m,

package/dist/index.es4.js

@@ -1,6 +1,6 @@
-import { j as e } from "./index.es7.js";
+import { j as e } from "./index.es8.js";
 import { useVisuallyHidden as a } from "react-aria";
-import { cn as l } from "./index.es8.js";
+import { cn as l } from "./index.es9.js";
 const d = ({ className: s, label: r, size: t = "sm" }) => {
   const i = (() => {
     switch (t) {

package/dist/index.es5.js

@@ -1,6 +1,6 @@
-import { j as m } from "./index.es7.js";
-import { cn as n } from "./index.es8.js";
-import { textVariants as a } from "./index.es10.js";
+import { j as m } from "./index.es8.js";
+import { cn as n } from "./index.es9.js";
+import { textVariants as a } from "./index.es14.js";
 function x(t) {
   const { children: s, type: o = "body", className: r } = t, e = n(a({ type: o }), r);
   return /* @__PURE__ */ m.jsx("p", { className: e, children: s });

package/dist/index.es6.js

@@ -1,6 +1,6 @@
-import { j as m } from "./index.es7.js";
-import { cn as c } from "./index.es8.js";
-import { titleVariants as l } from "./index.es10.js";
+import { j as m } from "./index.es8.js";
+import { cn as c } from "./index.es9.js";
+import { titleVariants as l } from "./index.es14.js";
 function j(s) {
   const { children: e, type: t = "h1", size: r = t, className: i, ...o } = s, n = t, a = c(l({ size: r }), i);
   return /* @__PURE__ */ m.jsx(n, { className: a, ...o, children: e });

package/dist/index.es7.js

@@ -1,8 +1,35 @@
-import { __module as e } from "./index.es11.js";
-import { __require as r } from "./index.es12.js";
-import { __require as o } from "./index.es13.js";
-process.env.NODE_ENV === "production" ? e.exports = r() : e.exports = o();
-var m = e.exports;
+import { j as s } from "./index.es8.js";
+import { useRef as x } from "react";
+import { useTabList as b } from "react-aria";
+import { useTabListState as d, Item as N } from "react-stately";
+import { cn as e } from "./index.es9.js";
+import { Tab as j } from "./index.es11.js";
+import { TabPanel as u } from "./index.es12.js";
+import { tabsVariants as h } from "./index.es13.js";
+const T = (a) => {
+  var m;
+  const { rootClassName: i, tabClassName: n, tabPanelClassName: c, orientation: o = "horizontal", id: f = void 0 } = a, t = d(a), r = x(null), { tabListProps: p } = b(a, t, r);
+  return /* @__PURE__ */ s.jsxs("div", { className: e(h({ orientation: o }), i), children: [
+    /* @__PURE__ */ s.jsx(
+      "div",
+      {
+        ...p,
+        ref: r,
+        className: e("flex", o === "horizontal" ? "flex-row flex-wrap" : "flex-col"),
+        children: [...t.collection].map((l) => /* @__PURE__ */ s.jsx(j, { item: l, state: t, orientation: o, className: n, id: f }, l.key))
+      }
+    ),
+    /* @__PURE__ */ s.jsx(
+      u,
+      {
+        state: t,
+        className: e("p-2", o === "horizontal" ? "pl-2" : "pt-2", c)
+      },
+      (m = t.selectedItem) == null ? void 0 : m.key
+    )
+  ] });
+};
+T.Item = N;
 export {
-  m as j
+  T as Tabs
 };

package/dist/index.es8.js

@@ -1,8 +1,8 @@
-import { clsx as o } from "clsx";
-import { twMerge as t } from "tailwind-merge";
-function n(...r) {
-  return t(o(r));
-}
+import { __module as e } from "./index.es16.js";
+import { __require as r } from "./index.es17.js";
+import { __require as o } from "./index.es18.js";
+process.env.NODE_ENV === "production" ? e.exports = r() : e.exports = o();
+var m = e.exports;
 export {
-  n as cn
+  m as j
 };

package/dist/index.es9.js

@@ -1,23 +1,8 @@
-import { j as s } from "./index.es7.js";
-import { MinusIcon as m, PlusIcon as p } from "./index.es14.js";
-import { cn as e } from "./index.es8.js";
-const b = ({
-  label: o,
-  section: n,
-  active: r,
-  onToggle: t,
-  itemClassName: c,
-  sectionClassName: i
-}) => {
-  const l = e("rounded-md border border-solid border-purple-200 bg-gray-100", c), a = e("px-4 pb-4", i), d = r ? m : p;
-  return /* @__PURE__ */ s.jsxs("div", { className: l, children: [
-    /* @__PURE__ */ s.jsxs("button", { className: "flex w-full cursor-pointer items-center gap-x-4 p-4", onClick: t, children: [
-      /* @__PURE__ */ s.jsx("div", { className: "flex-1", children: o }),
-      /* @__PURE__ */ s.jsx("span", { className: `shrink-0 transition duration-300 ${r ? "-rotate-180" : "rotate-0"}`, children: /* @__PURE__ */ s.jsx(d, { className: "size-6" }) })
-    ] }),
-    r ? /* @__PURE__ */ s.jsx("div", { className: a, children: n }) : null
-  ] });
-};
+import { clsx as o } from "clsx";
+import { twMerge as t } from "tailwind-merge";
+function n(...r) {
+  return t(o(r));
+}
 export {
-  b as AccordionItem
+  n as cn
 };

package/dist/style.css

@@ -759,6 +759,9 @@ select {
 .inline-flex {
   display: inline-flex;
 }
+.contents {
+  display: contents;
+}
 .size-6 {
   width: 1.5rem;
   height: 1.5rem;
@@ -778,6 +781,9 @@ select {
 .h-full {
   height: 100%;
 }
+.max-h-12 {
+  max-height: 3rem;
+}
 .w-12 {
   width: 3rem;
 }
@@ -843,6 +849,9 @@ select {
 .flex-col {
   flex-direction: column;
 }
+.flex-wrap {
+  flex-wrap: wrap;
+}
 .items-end {
   align-items: flex-end;
 }
@@ -890,12 +899,22 @@ select {
 .border-\[1px\] {
   border-width: 1px;
 }
+.border-b-2 {
+  border-bottom-width: 2px;
+}
+.border-r-2 {
+  border-right-width: 2px;
+}
 .border-solid {
   border-style: solid;
 }
 .border-none {
   border-style: none;
 }
+.border-primary-200 {
+  --tw-border-opacity: 1;
+  border-color: rgb(212 208 251 / var(--tw-border-opacity));
+}
 .border-primary-500 {
   --tw-border-opacity: 1;
   border-color: rgb(76 59 239 / var(--tw-border-opacity));
@@ -1006,6 +1025,9 @@ select {
 .fill-primary-500 {
   fill: #4C3BEF;
 }
+.p-2 {
+  padding: 0.5rem;
+}
 .p-4 {
   padding: 1rem;
 }
@@ -1040,6 +1062,12 @@ select {
 .pb-4 {
   padding-bottom: 1rem;
 }
+.pl-2 {
+  padding-left: 0.5rem;
+}
+.pt-2 {
+  padding-top: 0.5rem;
+}
 .text-left {
   text-align: left;
 }
@@ -1149,6 +1177,10 @@ select {
   --tw-text-opacity: 1;
   color: rgb(76 59 239 / var(--tw-text-opacity));
 }
+.text-primary-600 {
+  --tw-text-opacity: 1;
+  color: rgb(42 22 218 / var(--tw-text-opacity));
+}
 .text-primary-800 {
   --tw-text-opacity: 1;
   color: rgb(23 13 108 / var(--tw-text-opacity));
@@ -1218,6 +1250,10 @@ select {
 .ease-in-out {
   animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
 }
+.hover\:text-primary-900:hover {
+  --tw-text-opacity: 1;
+  color: rgb(12 6 69 / var(--tw-text-opacity));
+}
 .focus\:outline-none:focus {
   outline: 2px solid transparent;
   outline-offset: 2px;
@@ -1254,3 +1290,7 @@ select {
 .focus\:ring-offset-\[0\.4px\]:focus {
   --tw-ring-offset-width: 0.4px;
 }
+.focus-visible\:outline-none:focus-visible {
+  outline: 2px solid transparent;
+  outline-offset: 2px;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@simpli-route/apollo-ds",
-  "version": "0.0.9",
+  "version": "0.0.10",
   "type": "module",
   "files": [
     "dist"
@@ -33,6 +33,7 @@
     "clsx": "^2.1.0",
     "react-aria": "^3.32.1",
     "react-aria-components": "^1.1.1",
+    "react-stately": "^3.31.1",
     "tailwind-merge": "^2.2.2"
   },
   "devDependencies": {