@konstructio/ui 0.0.12-alpha.1 → 0.0.12

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

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+import { Footer, Logo, Navigation, NavigationGroup, NavigationOption, NavigationSeparator } from './components';
+import { SidebarChildrenProps, SidebarProps } from './Sidebar.types';
+declare const Sidebar: FC<SidebarProps> & SidebarChildrenProps;
+export { Footer, Logo, Navigation, NavigationGroup, NavigationOption, NavigationSeparator, Sidebar, };

package/dist/components/Sidebar/Sidebar.js

@@ -1,25 +1,27 @@
 import { jsx as r } from "react/jsx-runtime";
+import "../../contexts/theme.context.js";
+import "react";
 import { ThemeProvider as t } from "../../contexts/theme.provider.js";
-import { Wrapper as a } from "./components/Wrapper/Wrapper.js";
-import { Footer as m } from "./components/Footer/Footer.js";
-import { Logo as p } from "./components/Logo/Logo.js";
-import { Navigation as n } from "./components/Navigation/Navigation.js";
-import { NavigationGroup as e } from "./components/NavigationGroup/NavigationGroup.js";
-import { NavigationOption as g } from "./components/NavigationOption/NavigationOption.js";
-import { NavigationSeparator as f } from "./components/NavigationSeparator/NavigationSeparator.js";
-const o = (i) => /* @__PURE__ */ r(t, { children: /* @__PURE__ */ r(a, { ...i }) });
-o.Footer = m;
-o.Logo = p;
-o.Navigation = n;
-o.NavigationGroup = e;
-o.NavigationOption = g;
-o.NavigationSeparator = f;
+import { Footer as a } from "./components/Footer/Footer.js";
+import { Logo as m } from "./components/Logo/Logo.js";
+import { Navigation as p } from "./components/Navigation/Navigation.js";
+import { NavigationGroup as n } from "./components/NavigationGroup/NavigationGroup.js";
+import { NavigationOption as e } from "./components/NavigationOption/NavigationOption.js";
+import { NavigationSeparator as g } from "./components/NavigationSeparator/NavigationSeparator.js";
+import { Wrapper as f } from "./components/Wrapper/Wrapper.js";
+const o = (i) => /* @__PURE__ */ r(t, { children: /* @__PURE__ */ r(f, { ...i }) });
+o.Footer = a;
+o.Logo = m;
+o.Navigation = p;
+o.NavigationGroup = n;
+o.NavigationOption = e;
+o.NavigationSeparator = g;
 export {
-  m as Footer,
-  p as Logo,
-  n as Navigation,
-  e as NavigationGroup,
-  g as NavigationOption,
-  f as NavigationSeparator,
+  a as Footer,
+  m as Logo,
+  p as Navigation,
+  n as NavigationGroup,
+  e as NavigationOption,
+  g as NavigationSeparator,
   o as Sidebar
 };

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

@@ -0,0 +1,18 @@
+import { VariantProps } from 'class-variance-authority';
+import { FC, PropsWithChildren } from 'react';
+import { wrapperSiderbarVariants } from './Sidebar.variants';
+import { FooterProps, LogoProps, NavigationGroupProps, NavigationOptionProps, NavigationProps, NavigationSeparatorProps } from './components';
+export interface SidebarProps extends VariantProps<typeof wrapperSiderbarVariants>, PropsWithChildren {
+    wrapperClassName?: string;
+    minWith?: number;
+    maxWith?: number;
+    canResize?: boolean;
+}
+export type SidebarChildrenProps = {
+    Footer: FC<FooterProps>;
+    Logo: FC<LogoProps>;
+    Navigation: FC<NavigationProps>;
+    NavigationGroup: FC<NavigationGroupProps>;
+    NavigationOption: FC<NavigationOptionProps>;
+    NavigationSeparator: FC<NavigationSeparatorProps>;
+};

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

@@ -0,0 +1 @@
+

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

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

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

@@ -1,19 +1,22 @@
 import { jsx as m } from "react/jsx-runtime";
-import { cn as s } from "../../../../utils/index.js";
-import { footerVariants as f } from "./Footer.variants.js";
-import { useTheme as n } from "../../../../contexts/theme.hook.js";
-const h = ({ theme: o, className: e, children: t }) => {
-  const { theme: r } = n();
+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: s(
-        f({ theme: o ?? r, className: e })
+      className: p(
+        s({ theme: o ?? e, className: t })
       ),
-      children: t
+      children: r
     }
   );
 };
 export {
-  h as Footer
+  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/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

@@ -1,17 +1,20 @@
-import { jsx as t } from "react/jsx-runtime";
-import { cn as s } from "../../../../utils/index.js";
-import { logoVariants as n } from "./Logo.variants.js";
-import { useTheme as a } from "../../../../contexts/theme.hook.js";
-const f = ({ children: o, theme: e, className: m }) => {
-  const { theme: r } = a();
-  return /* @__PURE__ */ t(
+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: s(n({ theme: e ?? r, className: m })),
+      className: p(s({ theme: m ?? t, className: r })),
       children: o
     }
   );
 };
 export {
-  f as Logo
+  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/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

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

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

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

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

@@ -0,0 +1,17 @@
+import { VariantProps } from 'class-variance-authority';
+import { ReactNode } from 'react';
+import { navigationOptionVariants } from './NavigationOption.variants';
+type NavigationOption = VariantProps<typeof navigationOptionVariants> & {
+    className?: string;
+    isVisible?: boolean;
+    isActive?: boolean;
+};
+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,4 @@
+export declare const navigationOptionVariants: (props?: ({
+    theme?: "kubefirst" | "colony" | "civo" | null | undefined;
+    isActive?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;

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

@@ -1,21 +1,24 @@
-import { jsx as e } from "react/jsx-runtime";
-import { cn as m } from "../../../../utils/index.js";
+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";
-import { useTheme as i } from "../../../../contexts/theme.hook.js";
-const f = ({
+const x = ({
   className: t,
   theme: o
 }) => {
-  const { theme: r } = i();
-  return /* @__PURE__ */ e(
+  const { theme: r } = e();
+  return /* @__PURE__ */ m(
     "div",
     {
-      className: m(
+      className: i(
         a({ className: t, theme: o ?? r })
       )
     }
   );
 };
 export {
-  f as NavigationSeparator
+  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/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

@@ -1,24 +1,27 @@
 import { jsx as m } from "react/jsx-runtime";
-import { cn as n } from "../../../../utils/index.js";
-import { navigationTitleVariants as a } from "./NavigationTitle.variants.js";
-import { useTheme as s } from "../../../../contexts/theme.hook.js";
-const p = ({
+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 a } from "../../../../utils/index.js";
+import { navigationTitleVariants as p } from "./NavigationTitle.variants.js";
+const x = ({
   title: t,
-  className: e,
-  theme: r,
+  className: r,
+  theme: e,
   isVisible: o = !0
 }) => {
-  const { theme: i } = s();
+  const { theme: i } = n();
   return o ? /* @__PURE__ */ m(
     "h2",
     {
-      className: n(
-        a({ theme: r ?? i, className: e })
+      className: a(
+        p({ theme: e ?? i, className: r })
       ),
       children: t
     }
   ) : null;
 };
 export {
-  p as NavigationTitle
+  x as NavigationTitle
 };

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

@@ -0,0 +1,8 @@
+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;
+    isVisible?: boolean;
+}

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/Wrapper/Wrapper.d.ts

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