@konstructio/ui 0.0.9 → 0.0.11

package/dist/components/Sidebar/components/Footer/Footer.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { FooterProps } from './Footer.types';
+export declare const Footer: FC<FooterProps>;

package/dist/components/Sidebar/components/Footer/Footer.js

@@ -0,0 +1,22 @@
+import { jsx as m } from "react/jsx-runtime";
+import "../../../../contexts/theme.context.js";
+import { useTheme as i } from "../../../../contexts/theme.hook.js";
+import "react";
+import "../../../../js.cookie-OLEfuq_g.js";
+import { cn as p } from "../../../../utils/index.js";
+import { footerVariants as s } from "./Footer.variants.js";
+const T = ({ theme: o, className: t, children: r }) => {
+  const { theme: e } = i();
+  return /* @__PURE__ */ m(
+    "footer",
+    {
+      className: p(
+        s({ theme: o ?? e, className: t })
+      ),
+      children: r
+    }
+  );
+};
+export {
+  T as Footer
+};

package/dist/components/Sidebar/components/Footer/Footer.types.d.ts

@@ -0,0 +1,6 @@
+import { VariantProps } from 'class-variance-authority';
+import { PropsWithChildren } from 'react';
+import { footerVariants } from './Footer.variants';
+export interface FooterProps extends PropsWithChildren, VariantProps<typeof footerVariants> {
+    className?: string;
+}

package/dist/components/Sidebar/components/Footer/Footer.types.js

@@ -0,0 +1 @@
+

package/dist/components/Sidebar/components/Footer/Footer.variants.d.ts

@@ -0,0 +1,3 @@
+export declare const footerVariants: (props?: ({
+    theme?: "kubefirst" | "colony" | "civo" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/components/Sidebar/components/Footer/Footer.variants.js

@@ -0,0 +1,19 @@
+import { c as t } from "../../../../index-BNmRGtA6.js";
+const a = t(
+  ["p-2", "pb-5", "text-white", "flex", "flex-col", "gap-2"],
+  {
+    variants: {
+      theme: {
+        colony: "",
+        kubefirst: "",
+        civo: ""
+      }
+    },
+    defaultVariants: {
+      theme: "kubefirst"
+    }
+  }
+);
+export {
+  a as footerVariants
+};

package/dist/components/Sidebar/components/Logo/Logo.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { LogoProps } from './Logo.types';
+export declare const Logo: FC<LogoProps>;

package/dist/components/Sidebar/components/Logo/Logo.js

@@ -0,0 +1,20 @@
+import { jsx as e } from "react/jsx-runtime";
+import "../../../../contexts/theme.context.js";
+import { useTheme as i } from "../../../../contexts/theme.hook.js";
+import "react";
+import "../../../../js.cookie-OLEfuq_g.js";
+import { cn as p } from "../../../../utils/index.js";
+import { logoVariants as s } from "./Logo.variants.js";
+const l = ({ children: o, theme: m, className: r }) => {
+  const { theme: t } = i();
+  return /* @__PURE__ */ e(
+    "header",
+    {
+      className: p(s({ theme: m ?? t, className: r })),
+      children: o
+    }
+  );
+};
+export {
+  l as Logo
+};

package/dist/components/Sidebar/components/Logo/Logo.types.d.ts

@@ -0,0 +1,6 @@
+import { VariantProps } from 'class-variance-authority';
+import { PropsWithChildren } from 'react';
+import { logoVariants } from './Logo.variants';
+export interface LogoProps extends PropsWithChildren, VariantProps<typeof logoVariants> {
+    className?: string;
+}

package/dist/components/Sidebar/components/Logo/Logo.types.js

@@ -0,0 +1 @@
+

package/dist/components/Sidebar/components/Logo/Logo.variants.d.ts

@@ -0,0 +1,3 @@
+export declare const logoVariants: (props?: ({
+    theme?: "kubefirst" | "colony" | "civo" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/components/Sidebar/components/Logo/Logo.variants.js

@@ -0,0 +1,45 @@
+import { c as t } from "../../../../index-BNmRGtA6.js";
+const s = t(
+  [
+    "px-4",
+    "py-5",
+    "flex",
+    "flex-col",
+    "items-center",
+    "items-center",
+    "justify-center",
+    "gap-1",
+    "group",
+    "relative",
+    "mb-8",
+    "[&>span]:text-gray-100",
+    "[&>span]:text-xs",
+    "[&>span]:font-semibold",
+    "[&>span]:pl-14",
+    "[&>span]:-mt-2",
+    "[&>img]:pt-3",
+    "[&>*>span]:text-gray-100",
+    "[&>*>span]:text-xs",
+    "[&>*>span]:font-semibold",
+    "[&>*>span]:absolute",
+    "[&>*>span]:bottom-0",
+    "[&>*>span]:-mt-2",
+    "[&>*>img]:pt-3",
+    "cursor-pointer"
+  ],
+  {
+    variants: {
+      theme: {
+        colony: "",
+        kubefirst: "",
+        civo: ""
+      }
+    },
+    defaultVariants: {
+      theme: "kubefirst"
+    }
+  }
+);
+export {
+  s as logoVariants
+};

package/dist/components/Sidebar/components/Navigation/Navigation.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { NavigationChildrenProps, NavigationProps } from './Navigation.types';
+declare const Navigation: FC<NavigationProps> & NavigationChildrenProps;
+export { Navigation };

package/dist/components/Sidebar/components/Navigation/Navigation.js

@@ -0,0 +1,34 @@
+import { jsx as m } from "react/jsx-runtime";
+import "../../../../contexts/theme.context.js";
+import { useTheme as n } from "../../../../contexts/theme.hook.js";
+import "react";
+import "../../../../js.cookie-OLEfuq_g.js";
+import { cn as p } from "../../../../utils/index.js";
+import { NavigationGroup as e } from "../NavigationGroup/NavigationGroup.js";
+import { NavigationOption as v } from "../NavigationOption/NavigationOption.js";
+import { NavigationSeparator as g } from "../NavigationSeparator/NavigationSeparator.js";
+import { NavigationTitle as N } from "../NavigationTitle/NavigationTitle.js";
+import { navigationVariants as f } from "./Navigation.variants.js";
+const o = ({
+  className: i,
+  theme: t,
+  children: a
+}) => {
+  const { theme: r } = n();
+  return /* @__PURE__ */ m(
+    "nav",
+    {
+      className: p(
+        f({ theme: t ?? r, className: i })
+      ),
+      children: a
+    }
+  );
+};
+o.NavigationGroup = e;
+o.NavigationOption = v;
+o.NavigationSeparator = g;
+o.NavigationTitle = N;
+export {
+  o as Navigation
+};

package/dist/components/Sidebar/components/Navigation/Navigation.types.d.ts

@@ -0,0 +1,16 @@
+import { VariantProps } from 'class-variance-authority';
+import { FC, PropsWithChildren } from 'react';
+import { NavigationGroupProps } from '../NavigationGroup/NavigationGroup.types';
+import { NavigationOptionProps } from '../NavigationOption/NavigationOption.types';
+import { NavigationSeparatorProps } from '../NavigationSeparator/NavigationSeparator.types';
+import { NavigationTitleProps } from '../NavigationTitle/NavigationTitle.types';
+import { navigationVariants } from './Navigation.variants';
+export interface NavigationProps extends PropsWithChildren, VariantProps<typeof navigationVariants> {
+    className?: string;
+}
+export type NavigationChildrenProps = {
+    NavigationGroup: FC<NavigationGroupProps>;
+    NavigationOption: FC<NavigationOptionProps>;
+    NavigationSeparator: FC<NavigationSeparatorProps>;
+    NavigationTitle: FC<NavigationTitleProps>;
+};

package/dist/components/Sidebar/components/Navigation/Navigation.types.js

@@ -0,0 +1 @@
+

package/dist/components/Sidebar/components/Navigation/Navigation.variants.d.ts

@@ -0,0 +1,3 @@
+export declare const navigationVariants: (props?: ({
+    theme?: "kubefirst" | "colony" | "civo" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/components/Sidebar/components/Navigation/Navigation.variants.js

@@ -0,0 +1,19 @@
+import { c as t } from "../../../../index-BNmRGtA6.js";
+const e = t(
+  ["flex", "flex-1", "w-full", "flex-col"],
+  {
+    variants: {
+      theme: {
+        colony: "",
+        kubefirst: "",
+        civo: ""
+      }
+    },
+    defaultVariants: {
+      theme: "kubefirst"
+    }
+  }
+);
+export {
+  e as navigationVariants
+};

package/dist/components/Sidebar/components/NavigationGroup/NavigationGroup.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { NavigationGroupProps } from './NavigationGroup.types';
+export declare const NavigationGroup: FC<NavigationGroupProps>;

package/dist/components/Sidebar/components/NavigationGroup/NavigationGroup.js

@@ -0,0 +1,40 @@
+import { jsxs as s, Fragment as p, jsx as r } from "react/jsx-runtime";
+import { cn as c } from "../../../../utils/index.js";
+import { NavigationTitle as l } from "../NavigationTitle/NavigationTitle.js";
+import { navigationGroupsVariants as u } from "./NavigationGroup.variants.js";
+import "../../../../contexts/theme.context.js";
+import { useTheme as f } from "../../../../contexts/theme.hook.js";
+import "react";
+import "../../../../js.cookie-OLEfuq_g.js";
+const d = ({
+  children: m,
+  title: o,
+  className: t,
+  theme: e,
+  titleClassName: i,
+  ...a
+}) => {
+  const { theme: n } = f();
+  return /* @__PURE__ */ s(p, { children: [
+    o ? /* @__PURE__ */ r(
+      l,
+      {
+        title: o,
+        className: i,
+        ...a
+      }
+    ) : null,
+    /* @__PURE__ */ r(
+      "ul",
+      {
+        className: c(
+          u({ theme: e ?? n, className: t })
+        ),
+        children: m
+      }
+    )
+  ] });
+};
+export {
+  d as NavigationGroup
+};

package/dist/components/Sidebar/components/NavigationGroup/NavigationGroup.types.d.ts

@@ -0,0 +1,7 @@
+import { VariantProps } from 'class-variance-authority';
+import { HtmlHTMLAttributes, PropsWithChildren } from 'react';
+import { navigationGroupsVariants } from './NavigationGroup.variants';
+export interface NavigationGroupProps extends PropsWithChildren, VariantProps<typeof navigationGroupsVariants>, Pick<HtmlHTMLAttributes<HTMLDivElement>, 'className' | 'style'> {
+    title?: string;
+    titleClassName?: string;
+}

package/dist/components/Sidebar/components/NavigationGroup/NavigationGroup.types.js

@@ -0,0 +1 @@
+

package/dist/components/Sidebar/components/NavigationGroup/NavigationGroup.variants.d.ts

@@ -0,0 +1,3 @@
+export declare const navigationGroupsVariants: (props?: ({
+    theme?: "kubefirst" | "colony" | "civo" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/components/Sidebar/components/NavigationGroup/NavigationGroup.variants.js

@@ -0,0 +1,16 @@
+import { c as t } from "../../../../index-BNmRGtA6.js";
+const e = t(["flex", "flex-col"], {
+  variants: {
+    theme: {
+      colony: "",
+      kubefirst: "",
+      civo: ""
+    }
+  },
+  defaultVariants: {
+    theme: "kubefirst"
+  }
+});
+export {
+  e as navigationGroupsVariants
+};

package/dist/components/Sidebar/components/NavigationOption/NavigationOption.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { NavigationOptionProps } from './NavigationOption.types';
+export declare const NavigationOption: FC<NavigationOptionProps>;

package/dist/components/Sidebar/components/NavigationOption/NavigationOption.js

@@ -0,0 +1,29 @@
+import { jsx as e } from "react/jsx-runtime";
+import "../../../../contexts/theme.context.js";
+import { useTheme as n } from "../../../../contexts/theme.hook.js";
+import "react";
+import "../../../../js.cookie-OLEfuq_g.js";
+import { cn as p } from "../../../../utils/index.js";
+import { navigationOptionVariants as a } from "./NavigationOption.variants.js";
+const u = ({
+  children: o,
+  className: t,
+  theme: i,
+  ...m
+}) => {
+  const { theme: r } = n();
+  return /* @__PURE__ */ e(
+    "li",
+    {
+      ...m,
+      role: "option",
+      className: p(
+        a({ theme: i ?? r, className: t })
+      ),
+      children: o
+    }
+  );
+};
+export {
+  u as NavigationOption
+};

package/dist/components/Sidebar/components/NavigationOption/NavigationOption.types.d.ts

@@ -0,0 +1,15 @@
+import { VariantProps } from 'class-variance-authority';
+import { ReactNode } from 'react';
+import { navigationOptionVariants } from './NavigationOption.variants';
+type NavigationOption = VariantProps<typeof navigationOptionVariants> & {
+    className?: string;
+};
+export type NavigationOptionProps = NavigationOption & ({
+    role: 'button';
+    children: ReactNode;
+    onClick: VoidFunction;
+} | {
+    role?: never;
+    children: ReactNode;
+});
+export {};

package/dist/components/Sidebar/components/NavigationOption/NavigationOption.types.js

@@ -0,0 +1 @@
+

package/dist/components/Sidebar/components/NavigationOption/NavigationOption.variants.d.ts

@@ -0,0 +1,3 @@
+export declare const navigationOptionVariants: (props?: ({
+    theme?: "kubefirst" | "colony" | "civo" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/components/Sidebar/components/NavigationOption/NavigationOption.variants.js

@@ -0,0 +1,39 @@
+import { c as t } from "../../../../index-BNmRGtA6.js";
+const o = t(
+  [
+    "font-normal",
+    "flex",
+    "gap-2",
+    "w-full",
+    "[&>a]:w-full",
+    "[&>a]:flex",
+    "[&>a]:gap-2",
+    "px-4",
+    "py-2.5",
+    "cursor-pointer",
+    "hover:rounded-xl",
+    "font-normal",
+    "text-black"
+  ],
+  {
+    variants: {
+      theme: {
+        colony: "",
+        kubefirst: [
+          "text-[#9ea2c6]",
+          "hover:text-white",
+          "hover:bg-[#252a41]",
+          "selection:bg-powder-500",
+          "selection:text-white"
+        ],
+        civo: ""
+      }
+    },
+    defaultVariants: {
+      theme: "kubefirst"
+    }
+  }
+);
+export {
+  o as navigationOptionVariants
+};

package/dist/components/Sidebar/components/NavigationSeparator/NavigationSeparator.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { NavigationSeparatorProps } from './NavigationSeparator.types';
+export declare const NavigationSeparator: FC<NavigationSeparatorProps>;

package/dist/components/Sidebar/components/NavigationSeparator/NavigationSeparator.js

@@ -0,0 +1,24 @@
+import { jsx as m } from "react/jsx-runtime";
+import "../../../../contexts/theme.context.js";
+import { useTheme as e } from "../../../../contexts/theme.hook.js";
+import "react";
+import "../../../../js.cookie-OLEfuq_g.js";
+import { cn as i } from "../../../../utils/index.js";
+import { navigationSeparatorVariant as a } from "./NavigationSeparator.variants.js";
+const x = ({
+  className: t,
+  theme: o
+}) => {
+  const { theme: r } = e();
+  return /* @__PURE__ */ m(
+    "div",
+    {
+      className: i(
+        a({ className: t, theme: o ?? r })
+      )
+    }
+  );
+};
+export {
+  x as NavigationSeparator
+};

package/dist/components/Sidebar/components/NavigationSeparator/NavigationSeparator.types.d.ts

@@ -0,0 +1,5 @@
+import { VariantProps } from 'class-variance-authority';
+import { HTMLAttributes } from 'react';
+import { navigationSeparatorVariant } from './NavigationSeparator.variants';
+export interface NavigationSeparatorProps extends Pick<HTMLAttributes<HTMLDivElement>, 'className' | 'style'>, VariantProps<typeof navigationSeparatorVariant> {
+}

package/dist/components/Sidebar/components/NavigationSeparator/NavigationSeparator.types.js

@@ -0,0 +1 @@
+

package/dist/components/Sidebar/components/NavigationSeparator/NavigationSeparator.variants.d.ts

@@ -0,0 +1,3 @@
+export declare const navigationSeparatorVariant: (props?: ({
+    theme?: "kubefirst" | "colony" | "civo" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/components/Sidebar/components/NavigationSeparator/NavigationSeparator.variants.js

@@ -0,0 +1,19 @@
+import { c as r } from "../../../../index-BNmRGtA6.js";
+const a = r(
+  ["border-t", "rounded-full", "my-1.5"],
+  {
+    variants: {
+      theme: {
+        colony: "",
+        kubefirst: "border-t-[#9ea2c6]/30",
+        civo: ""
+      }
+    },
+    defaultVariants: {
+      theme: "kubefirst"
+    }
+  }
+);
+export {
+  a as navigationSeparatorVariant
+};

package/dist/components/Sidebar/components/NavigationTitle/NavigationTitle.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { NavigationTitleProps } from './NavigationTitle.types';
+export declare const NavigationTitle: FC<NavigationTitleProps>;

package/dist/components/Sidebar/components/NavigationTitle/NavigationTitle.js

@@ -0,0 +1,26 @@
+import { jsx as r } from "react/jsx-runtime";
+import "../../../../contexts/theme.context.js";
+import { useTheme as i } from "../../../../contexts/theme.hook.js";
+import "react";
+import "../../../../js.cookie-OLEfuq_g.js";
+import { cn as n } from "../../../../utils/index.js";
+import { navigationTitleVariants as a } from "./NavigationTitle.variants.js";
+const x = ({
+  title: t,
+  className: o,
+  theme: e
+}) => {
+  const { theme: m } = i();
+  return /* @__PURE__ */ r(
+    "h2",
+    {
+      className: n(
+        a({ theme: e ?? m, className: o })
+      ),
+      children: t
+    }
+  );
+};
+export {
+  x as NavigationTitle
+};

package/dist/components/Sidebar/components/NavigationTitle/NavigationTitle.types.d.ts

@@ -0,0 +1,7 @@
+import { VariantProps } from 'class-variance-authority';
+import { HtmlHTMLAttributes } from 'react';
+import { navigationTitleVariants } from './NavigationTitle.variants';
+export interface NavigationTitleProps extends VariantProps<typeof navigationTitleVariants>, Pick<HtmlHTMLAttributes<HTMLHeadingElement>, 'className'> {
+    title: string;
+    className?: string;
+}

package/dist/components/Sidebar/components/NavigationTitle/NavigationTitle.types.js

@@ -0,0 +1 @@
+

package/dist/components/Sidebar/components/NavigationTitle/NavigationTitle.variants.d.ts

@@ -0,0 +1,3 @@
+export declare const navigationTitleVariants: (props?: ({
+    theme?: "kubefirst" | "colony" | "civo" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/components/Sidebar/components/NavigationTitle/NavigationTitle.variants.js

@@ -0,0 +1,23 @@
+import { c as t } from "../../../../index-BNmRGtA6.js";
+const i = t(
+  ["text-sm", "font-bold", "px-4", "mt-3", "mb-2"],
+  {
+    variants: {
+      theme: {
+        colony: "",
+        kubefirst: [
+          "text-white",
+          "selection:bg-powder-500",
+          "selection:text-white"
+        ],
+        civo: ""
+      }
+    },
+    defaultVariants: {
+      theme: "kubefirst"
+    }
+  }
+);
+export {
+  i as navigationTitleVariants
+};

package/dist/components/Sidebar/components/Wrapper/Wrapper.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { SidebarProps } from '../../Sidebar.types';
+export declare const Wrapper: FC<SidebarProps>;

package/dist/components/Sidebar/components/Wrapper/Wrapper.js

@@ -0,0 +1,84 @@
+import { jsxs as N, jsx as x } from "react/jsx-runtime";
+import { useRef as d, useCallback as l, useMemo as s, Children as a, isValidElement as v, useEffect as C } from "react";
+import "../../../../contexts/theme.context.js";
+import { useTheme as D } from "../../../../contexts/theme.hook.js";
+import "../../../../js.cookie-OLEfuq_g.js";
+import { cn as E } from "../../../../utils/index.js";
+import { wrapperSiderbarVariants as T, dragVariants as V } from "../../Sidebar.variants.js";
+import { Footer as b } from "../Footer/Footer.js";
+import { Logo as j } from "../Logo/Logo.js";
+import { Navigation as z } from "../Navigation/Navigation.js";
+const H = ({
+  wrapperClassName: M,
+  theme: i,
+  children: y,
+  minWith: m = 240,
+  maxWith: c = 300
+}) => {
+  const r = d(null), u = d(null), f = d(!1), { theme: g, setTheme: L } = D(), n = l(
+    (e) => {
+      if (!f.current) {
+        r.current && (r.current.style.opacity = "0");
+        return;
+      }
+      let o = e.clientX;
+      o < m && (o = m), o > c && (o = c), u.current && r.current && (u.current.style.width = `${o}px`, r.current.classList.add("opacity-100"));
+    },
+    [c, m]
+  ), p = l(() => {
+    f.current = !1, r.current && r.current.classList.remove("opacity-100"), document.removeEventListener("mousemove", n), document.removeEventListener("mouseup", p);
+  }, [n]), w = l(
+    (e) => {
+      e.preventDefault(), e.stopPropagation(), f.current = !0, document.addEventListener("mousemove", n), document.addEventListener("mouseup", p);
+    },
+    [n, p]
+  ), t = s(
+    () => a.toArray(y),
+    [y]
+  ), R = s(
+    () => a.toArray(t).find(
+      (e) => v(e) && e.type === j
+    ),
+    [t]
+  ), h = s(
+    () => a.toArray(t).find(
+      (e) => v(e) && e.type === z
+    ),
+    [t]
+  ), A = s(
+    () => a.toArray(t).find(
+      (e) => v(e) && e.type === b
+    ),
+    [t]
+  );
+  return C(() => {
+    i && L(i);
+  }, [L, i]), /* @__PURE__ */ N(
+    "aside",
+    {
+      ref: u,
+      className: E(
+        T({
+          className: M,
+          theme: g
+        })
+      ),
+      children: [
+        R,
+        h,
+        A,
+        /* @__PURE__ */ x(
+          "div",
+          {
+            ref: r,
+            className: E(V({ theme: g })),
+            onMouseDown: w
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  H as Wrapper
+};