@functionalui/functionalui 0.2.1 → 0.2.3

package/dist/spring-enter/index.d.ts

@@ -0,0 +1,16 @@
+import { FC } from 'react';
+import { ReactNode } from 'react';
+
+declare type directions = "horizontal" | "vertical" | "verticalInverted";
+
+declare const directions: any;
+
+declare interface P {
+    direction: directions;
+    isShown: boolean;
+    children?: ReactNode;
+}
+
+export declare const SpringEnter: FC<P>;
+
+export { }

package/dist/spring-enter/index.mjs

@@ -0,0 +1,45 @@
+"use client";
+import { jsx as t, Fragment as s } from "react/jsx-runtime";
+import { d as m } from "../react-spring_web.modern-DgQDaJ06.js";
+import { C as y } from "../component-C1Gs4nVu.js";
+const r = {
+  horizontal: {
+    from: { x: 10 },
+    enter: { x: 0 },
+    leave: { x: -10 }
+  },
+  vertical: {
+    from: { y: 10 },
+    enter: { y: 0 },
+    leave: { y: -10 }
+  },
+  verticalInverted: {
+    from: { y: -10 },
+    enter: { y: 0 },
+    leave: { y: 10 }
+  }
+}, v = ({ direction: e, isShown: n = !0, children: o }) => {
+  const i = m(n, {
+    from: { ...r[e].from, opacity: 0, display: "none" },
+    enter: { ...r[e].enter, opacity: 1, display: "block" },
+    leave: { ...r[e].leave, opacity: 0, display: "none" }
+    // delay: 150,
+  });
+  return /* @__PURE__ */ t(s, { children: i(
+    (a, l) => l && /* @__PURE__ */ t(
+      y,
+      {
+        style: {
+          ...a,
+          height: "inherit",
+          width: "inherit",
+          overflow: "hidden"
+        },
+        children: o
+      }
+    )
+  ) });
+};
+export {
+  v as SpringEnter
+};

package/dist/spring-enter-offset-by/index.cjs

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../SpringEnterOffsetBy-BVN6rm57.cjs");exports.SpringEnterOffsetBy=e.SpringEnterOffsetBy;

package/dist/spring-enter-offset-by/index.d.ts

@@ -0,0 +1,17 @@
+import { FC } from 'react';
+import { ReactNode } from 'react';
+
+declare type directions = "horizontal" | "vertical";
+
+declare const directions: any;
+
+declare interface P {
+    direction: directions;
+    isShown?: boolean;
+    enterOffsetBy?: number;
+    children?: ReactNode;
+}
+
+export declare const SpringEnterOffsetBy: FC<P>;
+
+export { }

package/dist/spring-enter-offset-by/index.mjs

@@ -0,0 +1,5 @@
+"use client";
+import { S as t } from "../SpringEnterOffsetBy-DMSIQgV3.js";
+export {
+  t as SpringEnterOffsetBy
+};

package/dist/spring-menu-transition/index.cjs

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),c=require("../react-spring_web.modern-W3Nkoq_6.cjs"),u=require("../component-D-EEi7NI.cjs"),a=require("../generics-9F1CmKPb.cjs"),d=require("../web-yC_cLoAC.cjs"),g=({isOpen:e,children:n})=>{const[o,t]=d.useMeasure(),[r,s]=c.useSpring(()=>({opacity:0,height:0,width:0}));return s.start({opacity:e?1:0,height:e?t.height:0,width:e?t.width:0}),i.jsx(u.Container,{style:{position:"absolute",overflow:"hidden",...r},boxSizing:a.BoxSizings.BorderBox,children:i.jsx("div",{ref:o,style:{width:"max-content",height:"max-content",boxSizing:"border-box"},children:n})})};exports.SpringMenuTransition=g;

package/dist/spring-menu-transition/index.d.ts

@@ -0,0 +1,15 @@
+import { FC } from 'react';
+import { ReactNode } from 'react';
+
+/**
+ * top left, top right
+ * bottom left, bottom right
+ */
+declare type Props = {
+    isOpen: boolean;
+    children: ReactNode;
+};
+
+export declare const SpringMenuTransition: FC<Props>;
+
+export { }

package/dist/spring-menu-transition/index.mjs

@@ -0,0 +1,43 @@
+"use client";
+import { jsx as i } from "react/jsx-runtime";
+import { u as a } from "../react-spring_web.modern-DgQDaJ06.js";
+import { C as h } from "../component-C1Gs4nVu.js";
+import { c as m } from "../generics-C-WSPclF.js";
+import { u as d } from "../web-B_p0FWHf.js";
+const f = ({ isOpen: t, children: r }) => {
+  const [e, o] = d(), [n, s] = a(() => ({
+    opacity: 0,
+    height: 0,
+    width: 0
+  }));
+  return s.start({
+    opacity: t ? 1 : 0,
+    height: t ? o.height : 0,
+    width: t ? o.width : 0
+  }), /* @__PURE__ */ i(
+    h,
+    {
+      style: {
+        position: "absolute",
+        overflow: "hidden",
+        ...n
+      },
+      boxSizing: m.BorderBox,
+      children: /* @__PURE__ */ i(
+        "div",
+        {
+          ref: e,
+          style: {
+            width: "max-content",
+            height: "max-content",
+            boxSizing: "border-box"
+          },
+          children: r
+        }
+      )
+    }
+  );
+};
+export {
+  f as SpringMenuTransition
+};

package/dist/spring-open-close-height/index.cjs

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),n=require("../component-D-EEi7NI.cjs"),c=require("../web-yC_cLoAC.cjs"),u=({isOpen:e,children:o})=>{const[i,r]=c.useMeasure(),s={height:e?r.height:0,width:"auto",overflow:"hidden",opacity:e?1:0};return t.jsx(n.Container,{style:s,children:t.jsx("div",{ref:i,children:t.jsx(n.Container,{style:{height:"max-content"},children:o})})})};exports.SpringOpenCloseHeight=u;

package/dist/spring-open-close-height/index.d.ts

@@ -0,0 +1,9 @@
+import { JSX } from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+
+export declare const SpringOpenCloseHeight: ({ isOpen, children, }: {
+    isOpen: boolean;
+    children: ReactNode;
+}) => JSX.Element;
+
+export { }

package/dist/spring-open-close-height/index.mjs

@@ -0,0 +1,19 @@
+"use client";
+import { jsx as e } from "react/jsx-runtime";
+import { C as o } from "../component-C1Gs4nVu.js";
+import { u as s } from "../web-B_p0FWHf.js";
+const m = ({
+  isOpen: t,
+  children: i
+}) => {
+  const [n, r] = s(), h = {
+    height: t ? r.height : 0,
+    width: "auto",
+    overflow: "hidden",
+    opacity: t ? 1 : 0
+  };
+  return /* @__PURE__ */ e(o, { style: h, children: /* @__PURE__ */ e("div", { ref: n, children: /* @__PURE__ */ e(o, { style: { height: "max-content" }, children: i }) }) });
+};
+export {
+  m as SpringOpenCloseHeight
+};

package/dist/styled/button/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../component-FS_2VwVz.cjs");exports.F__Button=t.F__Button;

package/dist/styled/button/index.d.ts

@@ -0,0 +1,2 @@
+export * from '../lib/entries/styled/button/index'
+export {}

package/dist/styled/button/index.mjs

@@ -0,0 +1,4 @@
+import { F as r } from "../../component-CW2JPBAq.js";
+export {
+  r as F__Button
+};

package/dist/styled/inputs/text/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../component-B6F6g6i4.cjs");exports.F__TextInput=e.F__TextInput;

package/dist/styled/inputs/text/index.d.ts

@@ -0,0 +1,2 @@
+export * from '../../lib/entries/styled/inputs/text/index'
+export {}

package/dist/styled/inputs/text/index.mjs

@@ -0,0 +1,4 @@
+import { F as o } from "../../../component-CBIQe7z5.js";
+export {
+  o as F__TextInput
+};

package/dist/styled/inputs/text-area/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../component-D92LT0Mq.cjs");exports.F__TextArea=e.F__TextArea;

package/dist/styled/inputs/text-area/index.d.ts

@@ -0,0 +1,2 @@
+export * from '../../lib/entries/styled/inputs/text-area/index'
+export {}

package/dist/styled/inputs/text-area/index.mjs

@@ -0,0 +1,4 @@
+import { F as a } from "../../../component-DdQu0mLI.js";
+export {
+  a as F__TextArea
+};

package/dist/styled/li/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../component-BbvCmqLI.cjs");exports.F__Li=e.F__Li;

package/dist/styled/li/index.d.ts

@@ -0,0 +1,2 @@
+export * from '../lib/entries/styled/li/index'
+export {}

package/dist/styled/li/index.mjs

@@ -0,0 +1,4 @@
+import { F } from "../../component-DCHO9d6d.js";
+export {
+  F as F__Li
+};

package/dist/styled/ul/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../component-D_igOAz3.cjs");exports.F__Ul=e.F__Ul;

package/dist/styled/ul/index.d.ts

@@ -0,0 +1,2 @@
+export * from '../lib/entries/styled/ul/index'
+export {}

package/dist/styled/ul/index.mjs

@@ -0,0 +1,4 @@
+import { F } from "../../component-D5nxKQnT.js";
+export {
+  F as F__Ul
+};

package/dist/table-grid/index.cjs

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),d=require("react"),x=require("../component-D-EEi7NI.cjs"),w=require("../component-B1mkowwk.cjs"),o=require("../classes-HsjFV5aN.cjs"),b=require("../TableHeader-BAdYoCbb.cjs"),j=require("../TableRow-Bq58CTbU.cjs"),y=({headers:l=[],rows:i=[],templateColumns:t,emptyPlaceholder:r,hover:c=!0})=>{const[n,a]=d.useState(i);return e.jsxs(x.Container,{style:{flex:1,width:"100%",maxWidth:"100%"},children:[e.jsx(b.TableHeader,{headers:l,templateColumns:t,setTableRows:a}),n.length!==0?e.jsx(e.Fragment,{children:n.map((s,u)=>e.jsx(j.TableRow,{rowId:s.rowId,templateColumns:t,cells:s.cells,hover:c,onClickRow:s.onClickRow},s.rowId||u))}):r?e.jsx(w.Layout,{display:o.Displays.Flex,flexJustifyContent:o.FlexJustifyContents.Center,style:{width:"100%"},children:r}):e.jsx(e.Fragment,{})]})};exports.TableGrid=y;

package/dist/table-grid/index.d.ts

@@ -0,0 +1,70 @@
+import { FC } from 'react';
+import { ReactNode } from 'react';
+
+declare enum AlignSelfs {
+    Start = 1,
+    End = 2,
+    Center = 3,
+    Left = 4,
+    Right = 5,
+    SelfStart = 6,
+    SelfEnd = 7,
+    Stretch = 8,
+    Normal = 9,
+    Auto = 10
+}
+
+declare interface CellStyles {
+    position: {
+        justifySelf: JustifySelfs;
+        alignSelf: AlignSelfs;
+    };
+}
+
+declare enum JustifySelfs {
+    Start = 1,
+    End = 2,
+    Center = 3,
+    Left = 4,
+    Right = 5,
+    SelfStart = 6,
+    SelfEnd = 7,
+    Stretch = 8,
+    Normal = 9,
+    Auto = 10
+}
+
+declare interface P {
+    headers: TableHeaderElement[];
+    rows: TableRowElement[];
+    templateColumns: string[];
+    hover?: boolean;
+    emptyPlaceholder?: ReactNode;
+}
+
+export declare const TableGrid: FC<P>;
+
+declare interface TableHeaderElement {
+    headerId: string | number;
+    element: ReactNode;
+    styles: CellStyles;
+    onClickHeaderCell?: (v?: string | number, e?: any) => void;
+    sortable?: boolean;
+}
+
+declare type TableRowCellElement = {
+    cellId?: string | number;
+    element: ReactNode;
+    styles: CellStyles;
+    onClickCell?: (v?: string | number, e?: any) => void;
+};
+
+declare type TableRowElement = {
+    rowId: string | number;
+    templateColumns: string[];
+    cells: TableRowCellElement[];
+    hover: boolean;
+    onClickRow?: (v?: string | number, e?: any) => void;
+};
+
+export { }

package/dist/table-grid/index.mjs

@@ -0,0 +1,49 @@
+"use client";
+import { jsxs as m, jsx as o, Fragment as l } from "react/jsx-runtime";
+import { useState as w } from "react";
+import { C as c } from "../component-C1Gs4nVu.js";
+import { L as p } from "../component-DRXQXr2G.js";
+import { j as x, b } from "../classes-CVxy1f4M.js";
+import { T as h } from "../TableHeader-Da0XxILB.js";
+import { T as u } from "../TableRow-BlJSvake.js";
+const g = ({
+  headers: i = [],
+  rows: a = [],
+  templateColumns: t,
+  emptyPlaceholder: e,
+  hover: n = !0
+}) => {
+  const [s, d] = w(a);
+  return /* @__PURE__ */ m(c, { style: { flex: 1, width: "100%", maxWidth: "100%" }, children: [
+    /* @__PURE__ */ o(
+      h,
+      {
+        headers: i,
+        templateColumns: t,
+        setTableRows: d
+      }
+    ),
+    s.length !== 0 ? /* @__PURE__ */ o(l, { children: s.map((r, f) => /* @__PURE__ */ o(
+      u,
+      {
+        rowId: r.rowId,
+        templateColumns: t,
+        cells: r.cells,
+        hover: n,
+        onClickRow: r.onClickRow
+      },
+      r.rowId || f
+    )) }) : e ? /* @__PURE__ */ o(
+      p,
+      {
+        display: b.Flex,
+        flexJustifyContent: x.Center,
+        style: { width: "100%" },
+        children: e
+      }
+    ) : /* @__PURE__ */ o(l, {})
+  ] });
+};
+export {
+  g as TableGrid
+};

package/dist/table-header/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../TableHeader-BAdYoCbb.cjs");exports.TableHeader=e.TableHeader;

package/dist/table-header/index.d.ts

@@ -0,0 +1,53 @@
+import { FC } from 'react';
+import { ReactNode } from 'react';
+
+declare enum AlignSelfs {
+    Start = 1,
+    End = 2,
+    Center = 3,
+    Left = 4,
+    Right = 5,
+    SelfStart = 6,
+    SelfEnd = 7,
+    Stretch = 8,
+    Normal = 9,
+    Auto = 10
+}
+
+declare interface CellStyles {
+    position: {
+        justifySelf: JustifySelfs;
+        alignSelf: AlignSelfs;
+    };
+}
+
+declare enum JustifySelfs {
+    Start = 1,
+    End = 2,
+    Center = 3,
+    Left = 4,
+    Right = 5,
+    SelfStart = 6,
+    SelfEnd = 7,
+    Stretch = 8,
+    Normal = 9,
+    Auto = 10
+}
+
+declare interface P {
+    headers: TableHeaderElement[];
+    templateColumns: string[];
+    setTableRows?: (v?: any) => void;
+}
+
+export declare const TableHeader: FC<P>;
+
+declare interface TableHeaderElement {
+    headerId: string | number;
+    element: ReactNode;
+    styles: CellStyles;
+    onClickHeaderCell?: (v?: string | number, e?: any) => void;
+    sortable?: boolean;
+}
+
+export { }

package/dist/table-header/index.mjs

@@ -0,0 +1,4 @@
+import { T as r } from "../TableHeader-Da0XxILB.js";
+export {
+  r as TableHeader
+};

package/dist/table-row/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../TableRow-Bq58CTbU.cjs");exports.TableRow=e.TableRow;

package/dist/table-row/index.d.ts

@@ -0,0 +1,54 @@
+import { JSX } from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+
+declare enum AlignSelfs {
+    Start = 1,
+    End = 2,
+    Center = 3,
+    Left = 4,
+    Right = 5,
+    SelfStart = 6,
+    SelfEnd = 7,
+    Stretch = 8,
+    Normal = 9,
+    Auto = 10
+}
+
+declare interface CellStyles {
+    position: {
+        justifySelf: JustifySelfs;
+        alignSelf: AlignSelfs;
+    };
+}
+
+declare enum JustifySelfs {
+    Start = 1,
+    End = 2,
+    Center = 3,
+    Left = 4,
+    Right = 5,
+    SelfStart = 6,
+    SelfEnd = 7,
+    Stretch = 8,
+    Normal = 9,
+    Auto = 10
+}
+
+export declare const TableRow: ({ rowId, templateColumns, cells, hover, onClickRow, }: TableRowElement) => JSX.Element;
+
+declare type TableRowCellElement = {
+    cellId?: string | number;
+    element: ReactNode;
+    styles: CellStyles;
+    onClickCell?: (v?: string | number, e?: any) => void;
+};
+
+declare type TableRowElement = {
+    rowId: string | number;
+    templateColumns: string[];
+    cells: TableRowCellElement[];
+    hover: boolean;
+    onClickRow?: (v?: string | number, e?: any) => void;
+};
+
+export { }

package/dist/table-row/index.mjs

@@ -0,0 +1,4 @@
+import { T as e } from "../TableRow-BlJSvake.js";
+export {
+  e as TableRow
+};

package/dist/tabs/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("../component-D-EEi7NI.cjs"),p=require("../component-B1mkowwk.cjs"),h=require("../generics-DE1oV0MV.cjs"),i=require("../generics-9F1CmKPb.cjs"),r=require("../classes-HsjFV5aN.cjs"),g=require("react"),m=require("../web-yC_cLoAC.cjs"),f=require("../component-Bh3EPTN0.cjs"),C=require("../react-spring_web.modern-W3Nkoq_6.cjs"),b=({menu:t,setActiveItem:n,idx:s,menuWrapper:o,route:l})=>{const d=()=>{n(s)};return e.jsx(j,{Wrapper:o,route:l,children:e.jsx(c.Container,{onClick:()=>d(),paddingLeft:i.Spacings.Size3,paddingRight:i.Spacings.Size3,paddingTop:i.Spacings.Size2,paddingBottom:i.Spacings.Size2,style:{zIndex:11,cursor:"pointer",userSelect:"none"},children:e.jsx(p.Layout,{display:r.Displays.Flex,flexJustifyContent:r.FlexJustifyContents.Center,flexAlignItem:r.FlexAlignItems.Center,children:e.jsx(f.Text_Span,{style:{zIndex:12},children:t.name})})})})};function j({Wrapper:t,route:n,children:s}){if(typeof t<"u")return e.jsx(t,{href:n,children:s})}const z=({height:t,tabRoomWidth:n,activeItem:s})=>{const[o,l]=C.useSpring(()=>({from:{x:0}}));return l.start({x:n*s}),e.jsx(c.Container,{borderRadius:i.Radiuses.Size5,boxShadow:i.BoxShadows.Size1,padding:i.Spacings.Size1,boxSizing:i.BoxSizings.BorderBox,style:{position:"absolute",height:t,width:n,zIndex:10,...o},children:e.jsx(c.Container,{borderRadius:i.Radiuses.Size4,bgColor:h.ColorPalettes.Grey2,style:{width:"100%",height:"100%"},children:e.jsx(e.Fragment,{})})})},I=({tabMenu:t,tab:n,setTab:s})=>{const[o,l]=g.useState(n||0);g.useEffect(()=>{l(n)},[n]);const d=a=>{s&&s(a),l(a)},[S,u]=m.useMeasure(),y=u.width/t.length;return e.jsx(p.Layout,{display:r.Displays.Flex,flexJustifyContent:r.FlexJustifyContents.Center,flexAlignItem:r.FlexAlignItems.Center,children:e.jsx("div",{ref:S,style:{boxSizing:"border-box"},children:e.jsx(c.Container,{borderRadius:i.Radiuses.Size5,bgColor:h.ColorPalettes.Grey1,style:{width:"max-content",height:"max-content",position:"relative",zIndex:9},children:e.jsxs(p.Layout,{display:r.Displays.Grid,style:{gridTemplateColumns:`repeat(${t.length}, 1fr)`,position:"relative"},children:[e.jsx(z,{height:u.height,width:u.width,activeItem:o,tabRoomWidth:y}),t.map((a,x)=>e.jsx(b,{idx:x,menu:a,active:o===x,setActiveItem:d,menuWrapper:a.menuWrapper,route:a.route},x))]})})})})};exports.Tabs=I;

package/dist/tabs/index.d.ts

@@ -0,0 +1,21 @@
+import { ComponentType } from 'react';
+import { JSX } from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+
+declare type P = {
+    tab: number;
+    tabMenu: TabMenu[];
+    setTab?: (a: number) => void;
+};
+
+declare interface TabMenu {
+    name: string;
+    menuWrapper?: ComponentType<any>;
+    route?: string;
+    path?: string;
+    element?: ReactNode;
+}
+
+export declare const Tabs: ({ tabMenu, tab, setTab }: P) => JSX.Element;
+
+export { }

package/dist/tabs/index.mjs

@@ -0,0 +1,134 @@
+import { jsx as e, Fragment as z, jsxs as C } from "react/jsx-runtime";
+import { C as d } from "../component-C1Gs4nVu.js";
+import { L as c } from "../component-DRXQXr2G.js";
+import { C as u } from "../generics-D33J7ILI.js";
+import { S as a, c as b, b as I, R as h } from "../generics-C-WSPclF.js";
+import { h as x, j as g, b as f } from "../classes-CVxy1f4M.js";
+import { useState as w, useEffect as R } from "react";
+import { u as T } from "../web-B_p0FWHf.js";
+import { T as v } from "../component-BvHdlcdE.js";
+import { u as A } from "../react-spring_web.modern-DgQDaJ06.js";
+const B = ({ menu: t, setActiveItem: i, idx: r, menuWrapper: o, route: n }) => {
+  const l = () => {
+    i(r);
+  };
+  return /* @__PURE__ */ e(F, { Wrapper: o, route: n, children: /* @__PURE__ */ e(
+    d,
+    {
+      onClick: () => l(),
+      paddingLeft: a.Size3,
+      paddingRight: a.Size3,
+      paddingTop: a.Size2,
+      paddingBottom: a.Size2,
+      style: { zIndex: 11, cursor: "pointer", userSelect: "none" },
+      children: /* @__PURE__ */ e(
+        c,
+        {
+          display: f.Flex,
+          flexJustifyContent: g.Center,
+          flexAlignItem: x.Center,
+          children: /* @__PURE__ */ e(v, { style: { zIndex: 12 }, children: t.name })
+        }
+      )
+    }
+  ) });
+};
+function F({ Wrapper: t, route: i, children: r }) {
+  if (typeof t < "u")
+    return /* @__PURE__ */ e(t, { href: i, children: r });
+}
+const j = ({ height: t, tabRoomWidth: i, activeItem: r }) => {
+  const [o, n] = A(() => ({
+    from: { x: 0 }
+  }));
+  return n.start({ x: i * r }), /* @__PURE__ */ e(
+    d,
+    {
+      borderRadius: h.Size5,
+      boxShadow: I.Size1,
+      padding: a.Size1,
+      boxSizing: b.BorderBox,
+      style: {
+        position: "absolute",
+        height: t,
+        width: i,
+        zIndex: 10,
+        ...o
+      },
+      children: /* @__PURE__ */ e(
+        d,
+        {
+          borderRadius: h.Size4,
+          bgColor: u.Grey2,
+          style: { width: "100%", height: "100%" },
+          children: /* @__PURE__ */ e(z, {})
+        }
+      )
+    }
+  );
+}, $ = ({ tabMenu: t, tab: i, setTab: r }) => {
+  const [o, n] = w(i || 0);
+  R(() => {
+    n(i);
+  }, [i]);
+  const l = (s) => {
+    r && r(s), n(s);
+  }, [S, p] = T(), y = p.width / t.length;
+  return /* @__PURE__ */ e(
+    c,
+    {
+      display: f.Flex,
+      flexJustifyContent: g.Center,
+      flexAlignItem: x.Center,
+      children: /* @__PURE__ */ e("div", { ref: S, style: { boxSizing: "border-box" }, children: /* @__PURE__ */ e(
+        d,
+        {
+          borderRadius: h.Size5,
+          bgColor: u.Grey1,
+          style: {
+            width: "max-content",
+            height: "max-content",
+            position: "relative",
+            zIndex: 9
+          },
+          children: /* @__PURE__ */ C(
+            c,
+            {
+              display: f.Grid,
+              style: {
+                gridTemplateColumns: `repeat(${t.length}, 1fr)`,
+                position: "relative"
+              },
+              children: [
+                /* @__PURE__ */ e(
+                  j,
+                  {
+                    height: p.height,
+                    width: p.width,
+                    activeItem: o,
+                    tabRoomWidth: y
+                  }
+                ),
+                t.map((s, m) => /* @__PURE__ */ e(
+                  B,
+                  {
+                    idx: m,
+                    menu: s,
+                    active: o === m,
+                    setActiveItem: l,
+                    menuWrapper: s.menuWrapper,
+                    route: s.route
+                  },
+                  m
+                ))
+              ]
+            }
+          )
+        }
+      ) })
+    }
+  );
+};
+export {
+  $ as Tabs
+};