@epilot/volt-ui 1.1.2-alpha.5 → 1.1.2-alpha.7

package/dist/index.es27.js

@@ -0,0 +1,61 @@
+import { jsx as o } from "react/jsx-runtime";
+import { Root as i, List as s, Trigger as v, Content as n } from "./index.es46.js";
+import { cn as e } from "./index.es4.js";
+const u = ({ className: t, size: a = "small", ...l }) => /* @__PURE__ */ o(
+  i,
+  {
+    "data-slot": "tabs",
+    "data-size": a,
+    className: e(
+      "volt-group volt-flex volt-flex-col volt-gap-2 volt-data-[orientation=vertical]:flex-row volt-data-[orientation=vertical]:gap-2 volt-data-[orientation=vertical]:items-start",
+      t
+    ),
+    ...l
+  }
+), g = ({
+  className: t,
+  ...a
+}) => /* @__PURE__ */ o(
+  s,
+  {
+    "data-slot": "tabs-list",
+    className: e(
+      "volt-bg-transparent volt-text-gray-default volt-h-auto volt-inline-flex volt-w-fit volt-items-center volt-justify-center volt-gap-2 volt-rounded-lg volt-py-2",
+      "volt-data-[orientation=vertical]:flex-col volt-data-[orientation=vertical]:items-stretch volt-data-[orientation=vertical]:justify-start volt-data-[orientation=vertical]:gap-1 volt-data-[orientation=vertical]:py-0",
+      t
+    ),
+    ...a
+  }
+), p = ({
+  className: t,
+  ...a
+}) => /* @__PURE__ */ o(
+  v,
+  {
+    "data-slot": "tabs-trigger",
+    className: e(
+      "volt-inline-flex volt-items-center volt-gap-2 volt-rounded-md volt-cursor-pointer volt-transition-all volt-text-sm",
+      "volt-group-data-[size=small]:px-2 volt-group-data-[size=small]:py-1.5 volt-group-data-[size=base]:px-3 volt-group-data-[size=base]:py-2",
+      "volt-data-[state=active]:bg-accent-a3 volt-data-[state=active]:text-gray-default volt-data-[state=active]:hover:bg-accent-a4 volt-focus-visible:outline-2 volt-focus-visible:outline-offset-2 volt-focus-visible:outline-accent-a8 volt-disabled:pointer-events-none volt-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='volt-size-'])]:size-4",
+      "volt-data-[orientation=vertical]:justify-start volt-data-[orientation=vertical]:text-left volt-data-[orientation=vertical]:w-full",
+      t
+    ),
+    ...a
+  }
+), f = ({
+  className: t,
+  ...a
+}) => /* @__PURE__ */ o(
+  n,
+  {
+    "data-slot": "volt-tabs-content",
+    className: e("volt-flex-1 volt-outline-none", t),
+    ...a
+  }
+);
+export {
+  u as Tabs,
+  f as TabsContent,
+  g as TabsList,
+  p as TabsTrigger
+};

package/dist/index.es28.js

@@ -0,0 +1,73 @@
+import { jsx as a } from "react/jsx-runtime";
+import { cn as r } from "./index.es4.js";
+const d = ({ className: t, ...o }) => /* @__PURE__ */ a(
+  "div",
+  {
+    "data-slot": "card",
+    className: r(
+      "volt-bg-body volt-text-body-default volt-flex volt-flex-col volt-gap-4 volt-rounded-xl volt-border volt-border-transparent volt-py-4 volt-shadow-sm",
+      t
+    ),
+    ...o
+  }
+), s = ({ className: t, ...o }) => /* @__PURE__ */ a(
+  "div",
+  {
+    "data-slot": "card-header",
+    className: r(
+      "volt-@container/card-header volt-grid volt-auto-rows-min volt-grid-rows-[auto_auto] volt-items-start volt-gap-2 volt-px-4 volt-has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-4",
+      t
+    ),
+    ...o
+  }
+), v = ({ className: t, ...o }) => /* @__PURE__ */ a(
+  "div",
+  {
+    "data-slot": "card-title",
+    className: r("volt-leading-none volt-font-semibold", t),
+    ...o
+  }
+), n = ({
+  className: t,
+  ...o
+}) => /* @__PURE__ */ a(
+  "div",
+  {
+    "data-slot": "card-description",
+    className: r("volt-text-gray-light volt-text-sm", t),
+    ...o
+  }
+), c = ({ className: t, ...o }) => /* @__PURE__ */ a(
+  "div",
+  {
+    "data-slot": "card-action",
+    className: r(
+      "volt-col-start-2 volt-row-span-2 volt-row-start-1 volt-self-start volt-justify-self-end",
+      t
+    ),
+    ...o
+  }
+), i = ({ className: t, ...o }) => /* @__PURE__ */ a(
+  "div",
+  {
+    "data-slot": "card-content",
+    className: r("volt-px-4", t),
+    ...o
+  }
+), m = ({ className: t, ...o }) => /* @__PURE__ */ a(
+  "div",
+  {
+    "data-slot": "card-footer",
+    className: r("volt-flex volt-items-center volt-px-4 [.border-t]:pt-4", t),
+    ...o
+  }
+);
+export {
+  d as Card,
+  c as CardAction,
+  i as CardContent,
+  n as CardDescription,
+  m as CardFooter,
+  s as CardHeader,
+  v as CardTitle
+};