@code0-tech/pictor 0.0.0-mvp.10

package/dist/components/d-resizable/DResizable.js

@@ -0,0 +1,32 @@
+import { jsx as i } from "react/jsx-runtime";
+import { c as r } from "../../_virtual/compiler-runtime.js";
+import { mergeCode0Props as n } from "../../utils/utils.js";
+import { PanelGroup as o, Panel as c, PanelResizeHandle as m } from "react-resizable-panels";
+import '../../assets/components/d-resizable/DResizable.style.css';/* empty css                      */
+const u = (a) => {
+  const e = r.c(4);
+  let l;
+  e[0] !== a ? (l = n("d-resizable", a), e[0] = a, e[1] = l) : l = e[1];
+  const t = l;
+  let s;
+  return e[2] !== t ? (s = /* @__PURE__ */ i(o, { "data-slot": "resizable-panel-group", ...t }), e[2] = t, e[3] = s) : s = e[3], s;
+}, P = (a) => {
+  const e = r.c(4);
+  let l;
+  e[0] !== a ? (l = n("d-resizable__panel", a), e[0] = a, e[1] = l) : l = e[1];
+  let t;
+  return e[2] !== l ? (t = /* @__PURE__ */ i(c, { "data-slot": "resizable-panel", ...l }), e[2] = l, e[3] = t) : t = e[3], t;
+}, h = (a) => {
+  const e = r.c(5);
+  let l;
+  e[0] !== a ? (l = n("d-resizable__handle", a), e[0] = a, e[1] = l) : l = e[1];
+  let t;
+  e[2] === Symbol.for("react.memo_cache_sentinel") ? (t = /* @__PURE__ */ i("div", { className: "d-resizable__handle-bar" }), e[2] = t) : t = e[2];
+  let s;
+  return e[3] !== l ? (s = /* @__PURE__ */ i(m, { "data-slot": "resizable-handle", ...l, children: t }), e[3] = l, e[4] = s) : s = e[4], s;
+};
+export {
+  h as DResizableHandle,
+  P as DResizablePanel,
+  u as DResizablePanelGroup
+};

package/dist/components/d-runtime/DRuntime.service.d.ts

@@ -0,0 +1,9 @@
+import { ReactiveArrayService } from '../../utils/reactiveArrayService';
+import { DRuntimeView } from './DRuntime.view';
+import { Runtime, RuntimesCreateInput, RuntimesCreatePayload, RuntimesDeleteInput, RuntimesDeletePayload, RuntimesRotateTokenInput, RuntimesRotateTokenPayload } from '@code0-tech/sagittarius-graphql-types';
+export declare abstract class DRuntimeReactiveService extends ReactiveArrayService<DRuntimeView> {
+    getById(id: Runtime['id']): DRuntimeView | undefined;
+    abstract runtimeCreate(payload: RuntimesCreateInput): Promise<RuntimesCreatePayload | undefined>;
+    abstract runtimeDelete(payload: RuntimesDeleteInput): Promise<RuntimesDeletePayload | undefined>;
+    abstract runtimeRotateToken(payload: RuntimesRotateTokenInput): Promise<RuntimesRotateTokenPayload | undefined>;
+}

package/dist/components/d-runtime/DRuntime.service.js

@@ -0,0 +1,11 @@
+import { ReactiveArrayService as r } from "../../utils/reactiveArrayService.js";
+class c extends r {
+  //TODO: inject UI error handler for toasts
+  //inject: namespaceId because the runtimes query needs it
+  getById(e) {
+    return this.values().find((i) => i.id === e);
+  }
+}
+export {
+  c as DRuntimeReactiveService
+};

package/dist/components/d-runtime/DRuntime.view.d.ts

@@ -0,0 +1,38 @@
+import { DataTypeConnection, FlowTypeConnection, Maybe, Namespace, NamespaceProjectConnection, Runtime, RuntimeStatusType, Scalars } from '@code0-tech/sagittarius-graphql-types';
+export declare class DRuntimeView {
+    /** Time when this Runtime was created */
+    private readonly _createdAt?;
+    /** DataTypes of the runtime */
+    private readonly _dataTypes?;
+    /** The description for the runtime if present */
+    private readonly _description?;
+    /** FlowTypes of the runtime */
+    private readonly _flowTypes?;
+    /** Global ID of this Runtime */
+    private readonly _id?;
+    /** The name for the runtime */
+    private readonly _name?;
+    /** The parent namespace for the runtime */
+    private readonly _namespace?;
+    /** Projects associated with the runtime */
+    private readonly _projects?;
+    /** The status of the runtime */
+    private readonly _status?;
+    /** Token belonging to the runtime, only present on creation */
+    private readonly _token?;
+    /** Time when this Runtime was last updated */
+    private readonly _updatedAt?;
+    constructor(payload: Runtime);
+    get createdAt(): Maybe<Scalars["Time"]["output"]> | undefined;
+    get dataTypes(): Maybe<DataTypeConnection> | undefined;
+    get description(): Maybe<Scalars["String"]["output"]> | undefined;
+    get flowTypes(): Maybe<FlowTypeConnection> | undefined;
+    get id(): Maybe<Scalars["RuntimeID"]["output"]> | undefined;
+    get name(): Maybe<Scalars["String"]["output"]> | undefined;
+    get namespace(): Maybe<Namespace> | undefined;
+    get projects(): Maybe<NamespaceProjectConnection> | undefined;
+    get status(): Maybe<RuntimeStatusType> | undefined;
+    get token(): Maybe<Scalars["String"]["output"]> | undefined;
+    get updatedAt(): Maybe<Scalars["Time"]["output"]> | undefined;
+    json(): Runtime;
+}

package/dist/components/d-runtime/DRuntime.view.js

@@ -0,0 +1,73 @@
+function i(e, t, s) {
+  return (t = n(t)) in e ? Object.defineProperty(e, t, { value: s, enumerable: !0, configurable: !0, writable: !0 }) : e[t] = s, e;
+}
+function n(e) {
+  var t = o(e, "string");
+  return typeof t == "symbol" ? t : t + "";
+}
+function o(e, t) {
+  if (typeof e != "object" || !e) return e;
+  var s = e[Symbol.toPrimitive];
+  if (s !== void 0) {
+    var r = s.call(e, t);
+    if (typeof r != "object") return r;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (t === "string" ? String : Number)(e);
+}
+class a {
+  constructor(t) {
+    i(this, "_createdAt", void 0), i(this, "_dataTypes", void 0), i(this, "_description", void 0), i(this, "_flowTypes", void 0), i(this, "_id", void 0), i(this, "_name", void 0), i(this, "_namespace", void 0), i(this, "_projects", void 0), i(this, "_status", void 0), i(this, "_token", void 0), i(this, "_updatedAt", void 0), this._createdAt = t.createdAt, this._dataTypes = t.dataTypes, this._description = t.description, this._flowTypes = t.flowTypes, this._id = t.id, this._name = t.name, this._namespace = t.namespace, this._projects = t.projects, this._status = t.status, this._token = t.token, this._updatedAt = t.updatedAt;
+  }
+  get createdAt() {
+    return this._createdAt;
+  }
+  get dataTypes() {
+    return this._dataTypes;
+  }
+  get description() {
+    return this._description;
+  }
+  get flowTypes() {
+    return this._flowTypes;
+  }
+  get id() {
+    return this._id;
+  }
+  get name() {
+    return this._name;
+  }
+  get namespace() {
+    return this._namespace;
+  }
+  get projects() {
+    return this._projects;
+  }
+  get status() {
+    return this._status;
+  }
+  get token() {
+    return this._token;
+  }
+  get updatedAt() {
+    return this._updatedAt;
+  }
+  json() {
+    return {
+      createdAt: this._createdAt,
+      dataTypes: this._dataTypes,
+      description: this._description,
+      flowTypes: this._flowTypes,
+      id: this._id,
+      name: this._name,
+      namespace: this._namespace,
+      projects: this._projects,
+      status: this._status,
+      token: this._token,
+      updatedAt: this._updatedAt
+    };
+  }
+}
+export {
+  a as DRuntimeView
+};

package/dist/components/d-runtime/index.d.ts

@@ -0,0 +1,2 @@
+export * from './DRuntime.service';
+export * from './DRuntime.view';

package/dist/components/d-runtime/index.js

@@ -0,0 +1,6 @@
+import { DRuntimeReactiveService as r } from "./DRuntime.service.js";
+import { DRuntimeView as m } from "./DRuntime.view.js";
+export {
+  r as DRuntimeReactiveService,
+  m as DRuntimeView
+};

package/dist/components/d-user/DUser.service.d.ts

@@ -0,0 +1,21 @@
+import { ReactiveArrayService } from '../../utils/reactiveArrayService';
+import { User, UsersEmailVerificationInput, UsersEmailVerificationPayload, UserSession, UsersIdentityLinkInput, UsersIdentityLinkPayload, UsersIdentityLoginInput, UsersIdentityLoginPayload, UsersIdentityRegisterInput, UsersIdentityRegisterPayload, UsersIdentityUnlinkInput, UsersIdentityUnlinkPayload, UsersLoginInput, UsersLoginPayload, UsersLogoutInput, UsersLogoutPayload, UsersMfaBackupCodesRotateInput, UsersMfaBackupCodesRotatePayload, UsersMfaTotpGenerateSecretInput, UsersMfaTotpGenerateSecretPayload, UsersMfaTotpValidateSecretInput, UsersMfaTotpValidateSecretPayload, UsersPasswordResetInput, UsersPasswordResetPayload, UsersPasswordResetRequestInput, UsersPasswordResetRequestPayload, UsersRegisterInput, UsersRegisterPayload } from '@code0-tech/sagittarius-graphql-types';
+import { DUserView } from './DUser.view';
+export declare abstract class DUserReactiveService extends ReactiveArrayService<DUserView> {
+    createUserSession(payload: UserSession): void;
+    getUserSession(): UserSession | undefined;
+    getById(id: User['id']): DUserView | undefined;
+    abstract usersEmailVerification(payload: UsersEmailVerificationInput): Promise<UsersEmailVerificationPayload | undefined>;
+    abstract usersIdentityLink(payload: UsersIdentityLinkInput): Promise<UsersIdentityLinkPayload | undefined>;
+    abstract usersIdentityLogin(payload: UsersIdentityLoginInput): Promise<UsersIdentityLoginPayload | undefined>;
+    abstract usersIdentityRegister(payload: UsersIdentityRegisterInput): Promise<UsersIdentityRegisterPayload | undefined>;
+    abstract usersIdentityUnlink(payload: UsersIdentityUnlinkInput): Promise<UsersIdentityUnlinkPayload | undefined>;
+    abstract usersLogin(payload: UsersLoginInput): Promise<UsersLoginPayload | undefined>;
+    abstract usersLogout(payload: UsersLogoutInput): Promise<UsersLogoutPayload | undefined>;
+    abstract usersMfaBackupCodesRotate(payload: UsersMfaBackupCodesRotateInput): Promise<UsersMfaBackupCodesRotatePayload | undefined>;
+    abstract usersMfaTotpGenerateSecret(payload: UsersMfaTotpGenerateSecretInput): Promise<UsersMfaTotpGenerateSecretPayload | undefined>;
+    abstract usersMfaTotpValidateSecret(payload: UsersMfaTotpValidateSecretInput): Promise<UsersMfaTotpValidateSecretPayload | undefined>;
+    abstract usersPasswordReset(payload: UsersPasswordResetInput): Promise<UsersPasswordResetPayload | undefined>;
+    abstract usersPasswordResetRequest(payload: UsersPasswordResetRequestInput): Promise<UsersPasswordResetRequestPayload | undefined>;
+    abstract usersRegister(payload: UsersRegisterInput): Promise<UsersRegisterPayload | undefined>;
+}

package/dist/components/d-user/DUser.service.js

@@ -0,0 +1,17 @@
+import { ReactiveArrayService as s } from "../../utils/reactiveArrayService.js";
+class o extends s {
+  //TODO: inject UI error handler for toasts
+  //no id's need to be injected here because the root query has a users field
+  createUserSession(e) {
+    window.localStorage.setItem("ide_code-zero_session", JSON.stringify(e));
+  }
+  getUserSession() {
+    return JSON.parse(window.localStorage.getItem("ide_code-zero_session"));
+  }
+  getById(e) {
+    return this.values().find((r) => r.id === e);
+  }
+}
+export {
+  o as DUserReactiveService
+};

package/dist/components/d-user/DUser.view.d.ts

@@ -0,0 +1,52 @@
+import { Maybe, Namespace, NamespaceMemberConnection, Scalars, User, UserIdentityConnection, UserSessionConnection } from '@code0-tech/sagittarius-graphql-types';
+export declare class DUserView {
+    /** Global admin status of the user */
+    private _admin?;
+    /** The avatar if present of the user */
+    private readonly _avatarPath?;
+    /** Time when this User was created */
+    private readonly _createdAt?;
+    /** Email of the user */
+    private _email?;
+    /** Email verification date of the user if present */
+    private readonly _emailVerifiedAt?;
+    /** Firstname of the user */
+    private _firstname?;
+    /** Global ID of this User */
+    private readonly _id?;
+    /** Identities of this user */
+    private readonly _identities?;
+    /** Lastname of the user */
+    private _lastname?;
+    /** Namespace of this user */
+    private readonly _namespace?;
+    /** Namespace Memberships of this user */
+    private readonly _namespaceMemberships?;
+    /** Sessions of this user */
+    private readonly _sessions?;
+    /** Time when this User was last updated */
+    private readonly _updatedAt?;
+    /** Username of the user */
+    private _username?;
+    constructor(user: User);
+    get admin(): Maybe<Scalars["Boolean"]["output"]> | undefined;
+    get avatarPath(): Maybe<Scalars["String"]["output"]> | undefined;
+    get createdAt(): Maybe<Scalars["Time"]["output"]> | undefined;
+    get email(): Maybe<Scalars["String"]["output"]> | undefined;
+    get emailVerifiedAt(): Maybe<Scalars["Time"]["output"]> | undefined;
+    get firstname(): Maybe<Scalars["String"]["output"]> | undefined;
+    get id(): Maybe<Scalars["UserID"]["output"]> | undefined;
+    get identities(): Maybe<UserIdentityConnection> | undefined;
+    get lastname(): Maybe<Scalars["String"]["output"]> | undefined;
+    get namespace(): Maybe<Namespace> | undefined;
+    get namespaceMemberships(): Maybe<NamespaceMemberConnection> | undefined;
+    get sessions(): Maybe<UserSessionConnection> | undefined;
+    get updatedAt(): Maybe<Scalars["Time"]["output"]> | undefined;
+    get username(): Maybe<Scalars["String"]["output"]> | undefined;
+    set admin(value: Maybe<Scalars["Boolean"]["output"]>);
+    set email(value: Maybe<Scalars["String"]["output"]>);
+    set firstname(value: Maybe<Scalars["String"]["output"]>);
+    set lastname(value: Maybe<Scalars["String"]["output"]>);
+    set username(value: Maybe<Scalars["String"]["output"]>);
+    json(): User;
+}

package/dist/components/d-user/DUser.view.js

@@ -0,0 +1,100 @@
+function i(t, e, s) {
+  return (e = n(e)) in t ? Object.defineProperty(t, e, { value: s, enumerable: !0, configurable: !0, writable: !0 }) : t[e] = s, t;
+}
+function n(t) {
+  var e = r(t, "string");
+  return typeof e == "symbol" ? e : e + "";
+}
+function r(t, e) {
+  if (typeof t != "object" || !t) return t;
+  var s = t[Symbol.toPrimitive];
+  if (s !== void 0) {
+    var a = s.call(t, e);
+    if (typeof a != "object") return a;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (e === "string" ? String : Number)(t);
+}
+class m {
+  constructor(e) {
+    i(this, "_admin", void 0), i(this, "_avatarPath", void 0), i(this, "_createdAt", void 0), i(this, "_email", void 0), i(this, "_emailVerifiedAt", void 0), i(this, "_firstname", void 0), i(this, "_id", void 0), i(this, "_identities", void 0), i(this, "_lastname", void 0), i(this, "_namespace", void 0), i(this, "_namespaceMemberships", void 0), i(this, "_sessions", void 0), i(this, "_updatedAt", void 0), i(this, "_username", void 0), this._admin = e.admin, this._avatarPath = e.avatarPath, this._createdAt = e.createdAt, this._email = e.email, this._emailVerifiedAt = e.emailVerifiedAt, this._firstname = e.firstname, this._id = e.id, this._identities = e.identities, this._lastname = e.lastname, this._namespace = e.namespace, this._namespaceMemberships = e.namespaceMemberships, this._sessions = e.sessions, this._updatedAt = e.updatedAt, this._username = e.username;
+  }
+  get admin() {
+    return this._admin;
+  }
+  get avatarPath() {
+    return this._avatarPath;
+  }
+  get createdAt() {
+    return this._createdAt;
+  }
+  get email() {
+    return this._email;
+  }
+  get emailVerifiedAt() {
+    return this._emailVerifiedAt;
+  }
+  get firstname() {
+    return this._firstname;
+  }
+  get id() {
+    return this._id;
+  }
+  get identities() {
+    return this._identities;
+  }
+  get lastname() {
+    return this._lastname;
+  }
+  get namespace() {
+    return this._namespace;
+  }
+  get namespaceMemberships() {
+    return this._namespaceMemberships;
+  }
+  get sessions() {
+    return this._sessions;
+  }
+  get updatedAt() {
+    return this._updatedAt;
+  }
+  get username() {
+    return this._username;
+  }
+  set admin(e) {
+    this._admin = e;
+  }
+  set email(e) {
+    this._email = e;
+  }
+  set firstname(e) {
+    this._firstname = e;
+  }
+  set lastname(e) {
+    this._lastname = e;
+  }
+  set username(e) {
+    this._username = e;
+  }
+  json() {
+    return {
+      admin: this._admin,
+      avatarPath: this._avatarPath,
+      createdAt: this._createdAt,
+      email: this._email,
+      emailVerifiedAt: this._emailVerifiedAt,
+      firstname: this._firstname,
+      id: this._id,
+      identities: this._identities,
+      lastname: this._lastname,
+      namespace: this._namespace,
+      namespaceMemberships: this._namespaceMemberships,
+      sessions: this._sessions,
+      updatedAt: this._updatedAt,
+      username: this._username
+    };
+  }
+}
+export {
+  m as DUserView
+};

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

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+import { MenuProps } from '../menu/Menu';
+import { Scalars } from '@code0-tech/sagittarius-graphql-types';
+export interface DUserMenuProps extends MenuProps {
+    userId: Scalars['UserID']['output'];
+}
+declare const DUserMenu: React.FC<DUserMenuProps>;
+export default DUserMenu;

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

@@ -0,0 +1,28 @@
+import { jsxs as i, jsx as e } from "react/jsx-runtime";
+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(y, { src: r?.avatarPath ?? "", identifier: r?.username ?? "" }),
+      /* @__PURE__ */ i(m, { style: {
+        flexDirection: "column"
+      }, children: [
+        /* @__PURE__ */ e(c, { size: "md", hierarchy: "secondary", children: r?.username }),
+        /* @__PURE__ */ e(c, { size: "xs", hierarchy: "tertiary", children: r?.email })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ e(d, { children: /* @__PURE__ */ e(h, { side: "bottom", align: "start", sideOffset: 8, children: t.children }) })
+  ] }), [r]);
+};
+export {
+  z as default
+};

package/dist/components/d-user/index.d.ts

@@ -0,0 +1,3 @@
+export * from './DUser.service';
+export * from './DUser.view';
+export * from './DUserMenu';

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

@@ -0,0 +1,17 @@
+import { DUserReactiveService as U } from "./DUser.service.js";
+import { DUserView as w } from "./DUser.view.js";
+import "react/jsx-runtime";
+import "react";
+import "../../_virtual/compiler-runtime.js";
+import '../../assets/components/flex/Flex.style.css';import '../../assets/components/text/Text.style.css';import '../../assets/components/avatar/Avatar.style.css';import '../../assets/components/menu/Menu.style.css';/* empty css                      */
+import "merge-props";
+import "@radix-ui/react-dropdown-menu";
+import "../../utils/contextStore.js";
+import "js-md5";
+/* empty css                          */
+/* empty css                      */
+/* empty css                      */
+export {
+  U as DUserReactiveService,
+  w as DUserView
+};

package/dist/components/dialog/Dialog.d.ts

@@ -0,0 +1,28 @@
+import { Code0Component, Code0ComponentProps } from '../../utils/types';
+import { default as React } from 'react';
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+export type DialogProps = Code0ComponentProps & React.ComponentProps<typeof DialogPrimitive.Root>;
+export type DialogTriggerProps = Code0ComponentProps & React.ComponentProps<typeof DialogPrimitive.Trigger>;
+export type DialogPortalProps = Code0ComponentProps & React.ComponentProps<typeof DialogPrimitive.Portal>;
+export type DialogCloseProps = Code0ComponentProps & React.ComponentProps<typeof DialogPrimitive.Close>;
+export type DialogOverlayProps = Code0ComponentProps & React.ComponentProps<typeof DialogPrimitive.Overlay>;
+export type DialogTitleProps = Code0ComponentProps & React.ComponentProps<typeof DialogPrimitive.Title>;
+export type DialogDescriptionProps = Code0ComponentProps & React.ComponentProps<typeof DialogPrimitive.Description>;
+export type DialogHeaderProps = Code0ComponentProps & React.ComponentProps<"div">;
+export type DialogFooterProps = Code0ComponentProps & React.ComponentProps<"div">;
+export type DialogContentProps = Code0ComponentProps & React.ComponentProps<typeof DialogPrimitive.Content> & {
+    showCloseButton?: boolean;
+};
+export type DialogStickyContentProps = Code0Component<HTMLDivElement> & {
+    children: React.ReactNode | React.ReactNode[];
+};
+export declare const Dialog: React.FC<DialogProps>;
+export declare const DialogTrigger: React.FC<DialogTriggerProps>;
+export declare const DialogPortal: React.FC<DialogPortalProps>;
+export declare const DialogClose: React.FC<DialogCloseProps>;
+export declare const DialogOverlay: React.FC<DialogOverlayProps>;
+export declare const DialogContent: React.FC<DialogContentProps>;
+export declare const DialogTitle: React.FC<DialogTitleProps>;
+export declare const DialogDescription: React.FC<DialogDescriptionProps>;
+export declare const DialogHeader: React.FC<DialogHeaderProps>;
+export declare const DialogFooter: React.FC<DialogFooterProps>;

package/dist/components/dialog/Dialog.js

@@ -0,0 +1,99 @@
+import { jsx as n, jsxs as g } from "react/jsx-runtime";
+import { c } from "../../_virtual/compiler-runtime.js";
+import * as r from "@radix-ui/react-dialog";
+import { mergeCode0Props as s } from "../../utils/utils.js";
+import { IconX as d } from "@tabler/icons-react";
+import '../../assets/components/dialog/Dialog.style.css';/* empty css                  */
+const v = (i) => {
+  const t = c.c(4);
+  let e;
+  t[0] !== i ? (e = s("dialog", i), t[0] = i, t[1] = e) : e = t[1];
+  const o = e;
+  let l;
+  return t[2] !== o ? (l = /* @__PURE__ */ n(r.Root, { ...o }), t[2] = o, t[3] = l) : l = t[3], l;
+}, P = (i) => {
+  const t = c.c(4);
+  let e;
+  t[0] !== i ? (e = s("dialog__trigger", i), t[0] = i, t[1] = e) : e = t[1];
+  const o = e;
+  let l;
+  return t[2] !== o ? (l = /* @__PURE__ */ n(r.Trigger, { ...o }), t[2] = o, t[3] = l) : l = t[3], l;
+}, x = (i) => {
+  const t = c.c(4);
+  let e;
+  t[0] !== i ? (e = s("dialog__portal", i), t[0] = i, t[1] = e) : e = t[1];
+  const o = e;
+  let l;
+  return t[2] !== o ? (l = /* @__PURE__ */ n(r.Portal, { ...o }), t[2] = o, t[3] = l) : l = t[3], l;
+}, _ = (i) => {
+  const t = c.c(4);
+  let e;
+  t[0] !== i ? (e = s("dialog__close", i), t[0] = i, t[1] = e) : e = t[1];
+  const o = e;
+  let l;
+  return t[2] !== o ? (l = /* @__PURE__ */ n(r.Close, { ...o }), t[2] = o, t[3] = l) : l = t[3], l;
+}, m = (i) => {
+  const t = c.c(4);
+  let e;
+  t[0] !== i ? (e = s("dialog__overlay", i), t[0] = i, t[1] = e) : e = t[1];
+  const o = e;
+  let l;
+  return t[2] !== o ? (l = /* @__PURE__ */ n(r.Overlay, { ...o }), t[2] = o, t[3] = l) : l = t[3], l;
+}, y = (i) => {
+  const t = c.c(9);
+  let e;
+  t[0] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ n(m, {}), t[0] = e) : e = t[0];
+  let o;
+  t[1] !== i ? (o = s("dialog__content", i), t[1] = i, t[2] = o) : o = t[2];
+  const l = o;
+  let a;
+  t[3] !== i.showCloseButton ? (a = i.showCloseButton && /* @__PURE__ */ n(_, { children: /* @__PURE__ */ n(d, { size: 16 }) }), t[3] = i.showCloseButton, t[4] = a) : a = t[4];
+  let f;
+  return t[5] !== i.children || t[6] !== l || t[7] !== a ? (f = /* @__PURE__ */ g(r.Portal, { children: [
+    e,
+    /* @__PURE__ */ g(r.Content, { ...l, children: [
+      a,
+      i.children
+    ] })
+  ] }), t[5] = i.children, t[6] = l, t[7] = a, t[8] = f) : f = t[8], f;
+}, T = (i) => {
+  const t = c.c(4);
+  let e;
+  t[0] !== i ? (e = s("dialog__title", i), t[0] = i, t[1] = e) : e = t[1];
+  const o = e;
+  let l;
+  return t[2] !== o ? (l = /* @__PURE__ */ n(r.Title, { ...o }), t[2] = o, t[3] = l) : l = t[3], l;
+}, w = (i) => {
+  const t = c.c(4);
+  let e;
+  t[0] !== i ? (e = s("dialog__description", i), t[0] = i, t[1] = e) : e = t[1];
+  const o = e;
+  let l;
+  return t[2] !== o ? (l = /* @__PURE__ */ n(r.Description, { ...o }), t[2] = o, t[3] = l) : l = t[3], l;
+}, B = (i) => {
+  const t = c.c(4);
+  let e;
+  t[0] !== i ? (e = s("dialog__header", i), t[0] = i, t[1] = e) : e = t[1];
+  const o = e;
+  let l;
+  return t[2] !== o ? (l = /* @__PURE__ */ n("div", { ...o }), t[2] = o, t[3] = l) : l = t[3], l;
+}, j = (i) => {
+  const t = c.c(4);
+  let e;
+  t[0] !== i ? (e = s("dialog__footer", i), t[0] = i, t[1] = e) : e = t[1];
+  const o = e;
+  let l;
+  return t[2] !== o ? (l = /* @__PURE__ */ n("div", { ...o }), t[2] = o, t[3] = l) : l = t[3], l;
+};
+export {
+  v as Dialog,
+  _ as DialogClose,
+  y as DialogContent,
+  w as DialogDescription,
+  j as DialogFooter,
+  B as DialogHeader,
+  m as DialogOverlay,
+  x as DialogPortal,
+  T as DialogTitle,
+  P as DialogTrigger
+};

package/dist/components/file-tabs/FileTabs.d.ts

@@ -0,0 +1,17 @@
+import { default as React } from 'react';
+import { TabsContentProps, TabsListProps, TabsProps, TabsTriggerProps } from '@radix-ui/react-tabs';
+import { Code0ComponentProps } from '../../utils/types';
+type FileTabsProps = Code0ComponentProps & TabsProps;
+type FileTabsListProps = Code0ComponentProps & TabsListProps & {
+    controls?: React.ReactNode;
+};
+type FileTabsTriggerProps = Code0ComponentProps & TabsTriggerProps & {
+    onClose?: () => void;
+    closable?: boolean;
+};
+type FileTabsContentProps = Code0ComponentProps & TabsContentProps;
+export declare const FileTabs: React.FC<FileTabsProps>;
+export declare const FileTabsList: React.FC<FileTabsListProps>;
+export declare const FileTabsTrigger: React.FC<FileTabsTriggerProps>;
+export declare const FileTabsContent: React.FC<FileTabsContentProps>;
+export {};

package/dist/components/file-tabs/FileTabs.js

@@ -0,0 +1,71 @@
+import { jsx as a, jsxs as m } from "react/jsx-runtime";
+import { c as b } from "../../_virtual/compiler-runtime.js";
+import { Tabs as g, List as T, Trigger as v, Content as C } from "@radix-ui/react-tabs";
+import { mergeCode0Props as h } from "../../utils/utils.js";
+import '../../assets/components/file-tabs/FileTabs.style.css';/* empty css                    */
+import { IconX as S } from "@tabler/icons-react";
+import { ScrollAreaViewport as x, ScrollAreaScrollbar as A, ScrollAreaThumb as F, ScrollArea as $ } from "../scroll-area/ScrollArea.js";
+const E = (t) => {
+  const e = b.c(4);
+  let i;
+  e[0] !== t ? (i = h("file-tabs", t), e[0] = t, e[1] = i) : i = e[1];
+  let l;
+  return e[2] !== i ? (l = /* @__PURE__ */ a(g, { "data-slot": "tabs", ...i }), e[2] = i, e[3] = l) : l = e[3], l;
+}, I = (t) => {
+  const e = b.c(10);
+  let i;
+  e[0] !== t ? (i = h("file-tabs__list", t), e[0] = t, e[1] = i) : i = e[1];
+  let l;
+  e[2] !== t.children ? (l = /* @__PURE__ */ m("div", { className: "file-tabs__list-content", children: [
+    " ",
+    t.children
+  ] }), e[2] = t.children, e[3] = l) : l = e[3];
+  let n;
+  e[4] !== t.controls ? (n = t.controls ? /* @__PURE__ */ a("div", { className: "file-tabs__list-controls", children: t.controls }) : null, e[4] = t.controls, e[5] = n) : n = e[5];
+  let c;
+  return e[6] !== i || e[7] !== l || e[8] !== n ? (c = /* @__PURE__ */ m(T, { "data-slot": "tabs", ...i, children: [
+    l,
+    n
+  ] }), e[6] = i, e[7] = l, e[8] = n, e[9] = c) : c = e[9], c;
+}, P = (t) => {
+  const e = b.c(10), i = t.value;
+  let l;
+  e[0] !== t ? (l = h("file-tabs__trigger", t), e[0] = t, e[1] = l) : l = e[1];
+  const n = l;
+  let c;
+  e[2] !== t.closable || e[3] !== t.onClose ? (c = t.closable ? /* @__PURE__ */ a("div", { className: "file-tabs__trigger-icon", onClick: t.onClose, children: /* @__PURE__ */ a(S, { size: 16 }) }) : null, e[2] = t.closable, e[3] = t.onClose, e[4] = c) : c = e[4];
+  let s;
+  return e[5] !== t.children || e[6] !== t.value || e[7] !== n || e[8] !== c ? (s = /* @__PURE__ */ m(v, { "data-slot": "tabs", "data-value": i, ...n, children: [
+    t.children,
+    c
+  ] }), e[5] = t.children, e[6] = t.value, e[7] = n, e[8] = c, e[9] = s) : s = e[9], s;
+}, R = (t) => {
+  const e = b.c(15);
+  let i, l, n, c;
+  if (e[0] !== t) {
+    const {
+      children: _,
+      ...u
+    } = t;
+    l = _, i = C, c = "tabs", n = h("file-tabs__content", u), e[0] = t, e[1] = i, e[2] = l, e[3] = n, e[4] = c;
+  } else
+    i = e[1], l = e[2], n = e[3], c = e[4];
+  const s = n;
+  let o;
+  e[5] !== l ? (o = /* @__PURE__ */ a(x, { children: l }), e[5] = l, e[6] = o) : o = e[6];
+  let f;
+  e[7] === Symbol.for("react.memo_cache_sentinel") ? (f = /* @__PURE__ */ a(A, { orientation: "vertical", children: /* @__PURE__ */ a(F, {}) }), e[7] = f) : f = e[7];
+  let r;
+  e[8] !== o ? (r = /* @__PURE__ */ m($, { h: "700px", children: [
+    o,
+    f
+  ] }), e[8] = o, e[9] = r) : r = e[9];
+  let d;
+  return e[10] !== i || e[11] !== c || e[12] !== s || e[13] !== r ? (d = /* @__PURE__ */ a(i, { "data-slot": c, ...s, children: r }), e[10] = i, e[11] = c, e[12] = s, e[13] = r, e[14] = d) : d = e[14], d;
+};
+export {
+  E as FileTabs,
+  R as FileTabsContent,
+  I as FileTabsList,
+  P as FileTabsTrigger
+};