@code0-tech/pictor 0.0.0-mvp.8 → 0.0.0-mvp.9

package/dist/assets/components/tab/Tab.style.css

@@ -0,0 +1 @@
+.tab[data-orientation=vertical],.tab__list{display:flex}.tab__list[data-orientation=vertical]{flex-direction:column}.tab__trigger{background:transparent;border:none;padding:0;margin:0;position:relative;box-sizing:border-box}.tab__trigger:after{content:"";position:absolute;background:transparent;border-radius:50rem}.tab__trigger[data-orientation=vertical]:after{height:100%;width:2px;top:0;left:0}.tab__trigger[data-orientation=horizontal]:after{width:100%;height:2px;bottom:0;left:0}.tab__trigger[aria-selected=true][data-orientation=vertical]:after,.tab__trigger[aria-selected=true][data-orientation=horizontal]:after{background:#70ffb2}

package/dist/components/d-user/DUserMenu.js

@@ -1,28 +1,28 @@
 import { jsxs as i, jsx as e } from "react/jsx-runtime";
-import l from "react";
-import { Menu as d, MenuTrigger as u, MenuPortal as h, MenuContent as f } from "../menu/Menu.js";
-import { DUserReactiveService as n } from "./DUser.service.js";
-import { useService as o } from "../../utils/contextStore.js";
-import { Avatar as x } from "../avatar/Avatar.js";
-import { Text as s } from "../text/Text.js";
-import { Flex as c } from "../flex/Flex.js";
-const j = (t) => {
-  const m = o(n), a = o(n), r = m.getById(t.userId);
-  return l.useMemo(() => /* @__PURE__ */ i(d, { ...t, children: [
-    /* @__PURE__ */ e(u, { asChild: !0, children: /* @__PURE__ */ i(c, { align: "center", style: {
+import o from "react";
+import { Menu as l, MenuTrigger as u, MenuPortal as d, MenuContent as h } from "../menu/Menu.js";
+import { DUserReactiveService as s } from "./DUser.service.js";
+import { useService as f, useStore as x } from "../../utils/contextStore.js";
+import { Avatar as y } from "../avatar/Avatar.js";
+import { Text as c } from "../text/Text.js";
+import { Flex as m } from "../flex/Flex.js";
+const z = (t) => {
+  const n = f(s), a = x(s), r = o.useMemo(() => n.getById(t.userId), [a, n]);
+  return o.useMemo(() => /* @__PURE__ */ i(l, { ...t, children: [
+    /* @__PURE__ */ e(u, { asChild: !0, children: /* @__PURE__ */ i(m, { align: "center", style: {
       gap: ".5rem"
     }, children: [
-      /* @__PURE__ */ e(x, { src: r?.avatarPath ?? "", identifier: r?.username ?? "" }),
-      /* @__PURE__ */ i(c, { style: {
+      /* @__PURE__ */ e(y, { src: r?.avatarPath ?? "", identifier: r?.username ?? "" }),
+      /* @__PURE__ */ i(m, { style: {
         flexDirection: "column"
       }, children: [
-        /* @__PURE__ */ e(s, { size: "md", hierarchy: "secondary", children: r?.username }),
-        /* @__PURE__ */ e(s, { size: "xs", hierarchy: "tertiary", children: r?.email })
+        /* @__PURE__ */ e(c, { size: "md", hierarchy: "secondary", children: r?.username }),
+        /* @__PURE__ */ e(c, { size: "xs", hierarchy: "tertiary", children: r?.email })
       ] })
     ] }) }),
-    /* @__PURE__ */ e(h, { children: /* @__PURE__ */ e(f, { side: "bottom", align: "start", sideOffset: 8, children: t.children }) })
-  ] }), [a]);
+    /* @__PURE__ */ e(d, { children: /* @__PURE__ */ e(h, { side: "bottom", align: "start", sideOffset: 8, children: t.children }) })
+  ] }), [r]);
 };
 export {
-  j as default
+  z as default
 };

package/dist/components/tab/Tab.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+import { Code0ComponentProps } from '../../utils';
+import { TabsContentProps, TabsListProps, TabsProps, TabsTriggerProps } from '@radix-ui/react-tabs';
+export type TabProps = Code0ComponentProps & TabsProps;
+export type TabListProps = Code0ComponentProps & TabsListProps;
+export type TabTriggerProps = Code0ComponentProps & TabsTriggerProps;
+export type TabContentProps = Code0ComponentProps & TabsContentProps;
+export declare const Tab: React.FC<TabProps>;
+export declare const TabList: React.FC<TabListProps>;
+export declare const TabTrigger: React.FC<TabTriggerProps>;
+export declare const TabContent: React.FC<TabContentProps>;

package/dist/components/tab/Tab.js

@@ -0,0 +1,40 @@
+import { jsx as o } from "react/jsx-runtime";
+import { c as n } from "../../_virtual/compiler-runtime.js";
+import "../../utils/contextStore.js";
+import "react";
+import { mergeCode0Props as r } from "../../utils/utils.js";
+import { Tabs as c, List as m, Trigger as b, Content as f } from "@radix-ui/react-tabs";
+import '../../assets/components/tab/Tab.style.css';/* empty css               */
+const x = (a) => {
+  const t = n.c(4);
+  let e;
+  t[0] !== a ? (e = r("tab", a), t[0] = a, t[1] = e) : e = t[1];
+  let l;
+  return t[2] !== e ? (l = /* @__PURE__ */ o(c, { "data-slot": "tabs", ...e }), t[2] = e, t[3] = l) : l = t[3], l;
+}, C = (a) => {
+  const t = n.c(4);
+  let e;
+  t[0] !== a ? (e = r("tab__list", a), t[0] = a, t[1] = e) : e = t[1];
+  let l;
+  return t[2] !== e ? (l = /* @__PURE__ */ o(m, { "data-slot": "tabs", ...e }), t[2] = e, t[3] = l) : l = t[3], l;
+}, L = (a) => {
+  const t = n.c(5), e = a.value;
+  let l;
+  t[0] !== a ? (l = r("tab__trigger", a), t[0] = a, t[1] = l) : l = t[1];
+  const s = l;
+  let i;
+  return t[2] !== a.value || t[3] !== s ? (i = /* @__PURE__ */ o(b, { "data-slot": "tabs", "data-value": e, ...s }), t[2] = a.value, t[3] = s, t[4] = i) : i = t[4], i;
+}, j = (a) => {
+  const t = n.c(4);
+  let e;
+  t[0] !== a ? (e = r("tab__content", a), t[0] = a, t[1] = e) : e = t[1];
+  const l = e;
+  let s;
+  return t[2] !== l ? (s = /* @__PURE__ */ o(f, { "data-slot": "tabs", ...l }), t[2] = l, t[3] = s) : s = t[3], s;
+};
+export {
+  x as Tab,
+  j as TabContent,
+  C as TabList,
+  L as TabTrigger
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@code0-tech/pictor",
-  "version": "0.0.0-mvp.8",
+  "version": "0.0.0-mvp.9",
   "type": "module",
   "description": "A simple template for a custom React component library",
   "scripts": {