@konstructio/ui 0.0.12-alpha.1 → 0.0.12-alpha.11

package/dist/components/Typography/Typography.variants.js

@@ -0,0 +1,63 @@
+import { c as t } from "../../index-BNmRGtA6.js";
+const e = t([], {
+  variants: {
+    variant: {
+      h1: ["text-[57px]", "leading-[64px]"],
+      h2: ["text-[45px]", "leading-[52px]"],
+      h3: ["text-[36px]", "leading-[44px]"],
+      h4: ["text-[32px]", "leading-[40px]"],
+      h5: ["text-[28px]", "leading-[36px]"],
+      h6: ["text-[24px]", "font-medium", "leading-[32px]", "tracking-[0.15px]"],
+      subtitle1: ["text-[22px]", "leading-[28px]"],
+      subtitle2: [
+        "text-[16px]",
+        "font-medium",
+        "leading-[24px]",
+        "tracking-[0.15px]"
+      ],
+      subtitle3: [
+        "text-[14px]",
+        "font-medium",
+        "leading-[20px]",
+        "tracking-[0.1px]"
+      ],
+      labelLarge: ["text-[14px]", "leading-[20px]", "tracking-[0.1px]"],
+      labelMedium: [
+        "text-[12px]",
+        "font-medium",
+        "leading-[16px]",
+        "tracking-[0.5px]",
+        "uppercase"
+      ],
+      labelSmall: [
+        "text-[11px]",
+        "font-medium",
+        "leading-[16px]",
+        "tracking-[0.5px]",
+        "uppercase"
+      ],
+      buttonSmall: [
+        "text-[14px]",
+        "font-semibold",
+        "leading-[20px]",
+        "tracking-[0.25px]"
+      ],
+      body1: ["text-[16px]", "leading-[24px]", "tracking-[0.5px]"],
+      body2: ["text-[14px]", "leading-[20px]", "tracking-[0.25px]"],
+      body3: ["text-[12px]", "leading-[16px]", "tracking-[0.4px]"],
+      tooltip: ["text-[14px]", "leading-[22px]"]
+    },
+    theme: {
+      kubefirst: "",
+      colony: "",
+      civo: ""
+    }
+  },
+  defaultVariants: {
+    variant: "body1",
+    theme: "kubefirst"
+  }
+});
+export {
+  e as typographyVariants
+};

package/dist/components/index.js

@@ -1,62 +1,70 @@
-import { AlertDialog as t } from "./AlertDialog/AlertDialog.js";
-import { Autocomplete as p } from "./Autocomplete/Autocomplete.js";
-import { Breadcrumb as x } from "./Breadcrumb/Breadcrumb.js";
-import { Button as a } from "./Button/Button.js";
-import { Card as d } from "./Card/Card.js";
-import { Checkbox as n } from "./Checkbox/Checkbox.js";
-import { Dropdown as l } from "./Dropdown/Dropdown.js";
+import { Alert as t } from "./Alert/Alert.js";
+import { AlertDialog as p } from "./AlertDialog/AlertDialog.js";
+import { Autocomplete as x } from "./Autocomplete/Autocomplete.js";
+import { Breadcrumb as a } from "./Breadcrumb/Breadcrumb.js";
+import { Button as d } from "./Button/Button.js";
+import { Card as n } from "./Card/Card.js";
+import { Checkbox as l } from "./Checkbox/Checkbox.js";
+import { Dropdown as c } from "./Dropdown/Dropdown.js";
 import { Input as N } from "./Input/Input.js";
-import { M as S } from "../Modal-W2GbkC_F.js";
-import { NumberInput as b } from "./NumberInput/NumberInput.js";
-import { ProgressBar as v } from "./ProgressBar/ProgressBar.js";
-import { Radio as A } from "./Radio/Radio.js";
+import { M as S } from "../Modal-B-E9uaA6.js";
+import { NumberInput as s } from "./NumberInput/NumberInput.js";
+import { ProgressBar as C } from "./ProgressBar/ProgressBar.js";
+import { Radio as B } from "./Radio/Radio.js";
 import { RadioCard as G } from "./RadioCard/RadioCard.js";
-import { RadioCardGroup as w } from "./RadioCardGroup/RadioCardGroup.js";
-import { RadioGroup as I } from "./RadioGroup/RadioGroup.js";
+import { RadioCardGroup as y } from "./RadioCardGroup/RadioCardGroup.js";
+import { RadioGroup as L } from "./RadioGroup/RadioGroup.js";
 import { Range as k } from "./Range/Range.js";
-import { Sidebar as L } from "./Sidebar/Sidebar.js";
-import { Slider as P } from "./Slider/Slider.js";
-import { Switch as q } from "./Switch/Switch.js";
-import { Tag as z } from "./Tag/Tag.js";
-import { TagSelect as H } from "./TagSelect/TagSelect.js";
-import { TextArea as K } from "./TextArea/TextArea.js";
-import { Toast as U } from "./Toast/Toast.js";
-import { Tooltip as W } from "./Tooltip/Tooltip.js";
-import { Footer as Y } from "./Sidebar/components/Footer/Footer.js";
-import { Logo as _ } from "./Sidebar/components/Logo/Logo.js";
-import { Navigation as oo } from "./Sidebar/components/Navigation/Navigation.js";
-import { NavigationGroup as to } from "./Sidebar/components/NavigationGroup/NavigationGroup.js";
-import { NavigationOption as po } from "./Sidebar/components/NavigationOption/NavigationOption.js";
-import { NavigationSeparator as xo } from "./Sidebar/components/NavigationSeparator/NavigationSeparator.js";
+import { Sidebar as O } from "./Sidebar/Sidebar.js";
+import { Slider as j } from "./Slider/Slider.js";
+import { Switch as z } from "./Switch/Switch.js";
+import { Tag as H } from "./Tag/Tag.js";
+import { TagSelect as K } from "./TagSelect/TagSelect.js";
+import { TextArea as U } from "./TextArea/TextArea.js";
+import { Toast as W } from "./Toast/Toast.js";
+import { Tooltip as Y } from "./Tooltip/Tooltip.js";
+import { Loading as _ } from "./Loading/Loading.js";
+import { Typography as oo } from "./Typography/Typography.js";
+import { Divider as to } from "./Divider/Divider.js";
+import { Footer as po } from "./Sidebar/components/Footer/Footer.js";
+import { Logo as xo } from "./Sidebar/components/Logo/Logo.js";
+import { Navigation as ao } from "./Sidebar/components/Navigation/Navigation.js";
+import { NavigationGroup as go } from "./Sidebar/components/NavigationGroup/NavigationGroup.js";
+import { NavigationOption as uo } from "./Sidebar/components/NavigationOption/NavigationOption.js";
+import { NavigationSeparator as To } from "./Sidebar/components/NavigationSeparator/NavigationSeparator.js";
 export {
-  t as AlertDialog,
-  p as Autocomplete,
-  x as Breadcrumb,
-  a as Button,
-  d as Card,
-  n as Checkbox,
-  l as Dropdown,
-  Y as Footer,
+  t as Alert,
+  p as AlertDialog,
+  x as Autocomplete,
+  a as Breadcrumb,
+  d as Button,
+  n as Card,
+  l as Checkbox,
+  to as Divider,
+  c as Dropdown,
+  po as Footer,
   N as Input,
-  _ as Logo,
+  _ as Loading,
+  xo as Logo,
   S as Modal,
-  oo as Navigation,
-  to as NavigationGroup,
-  po as NavigationOption,
-  xo as NavigationSeparator,
-  b as NumberInput,
-  v as ProgressBar,
-  A as Radio,
+  ao as Navigation,
+  go as NavigationGroup,
+  uo as NavigationOption,
+  To as NavigationSeparator,
+  s as NumberInput,
+  C as ProgressBar,
+  B as Radio,
   G as RadioCard,
-  w as RadioCardGroup,
-  I as RadioGroup,
+  y as RadioCardGroup,
+  L as RadioGroup,
   k as Range,
-  L as Sidebar,
-  P as Slider,
-  q as Switch,
-  z as Tag,
-  H as TagSelect,
-  K as TextArea,
-  U as Toast,
-  W as Tooltip
+  O as Sidebar,
+  j as Slider,
+  z as Switch,
+  H as Tag,
+  K as TagSelect,
+  U as TextArea,
+  W as Toast,
+  Y as Tooltip,
+  oo as Typography
 };

package/dist/{index-BxeV34ij.js → index-4ecjw_Aj.js}

@@ -1,5 +1,5 @@
 import * as f from "react";
-import { u as a } from "./index-8vgf-x5i.js";
+import { u as a } from "./index-Cva-e5M4.js";
 function h(r) {
   const e = f.useRef({ value: r, previous: r });
   return f.useMemo(() => (e.current.value !== r && (e.current.previous = e.current.value, e.current.value = r), e.current.previous), [r]);

package/dist/index-B_6_jmOO.js

@@ -0,0 +1,68 @@
+import * as i from "react";
+import { jsx as c, Fragment as m } from "react/jsx-runtime";
+function p(e, r) {
+  if (typeof e == "function")
+    return e(r);
+  e != null && (e.current = r);
+}
+function d(...e) {
+  return (r) => {
+    let n = !1;
+    const o = e.map((t) => {
+      const l = p(t, r);
+      return !n && typeof l == "function" && (n = !0), l;
+    });
+    if (n)
+      return () => {
+        for (let t = 0; t < o.length; t++) {
+          const l = o[t];
+          typeof l == "function" ? l() : p(e[t], null);
+        }
+      };
+  };
+}
+function S(...e) {
+  return i.useCallback(d(...e), e);
+}
+var y = i.forwardRef((e, r) => {
+  const { children: n, ...o } = e, t = i.Children.toArray(n), l = t.find(h);
+  if (l) {
+    const s = l.props.children, a = t.map((f) => f === l ? i.Children.count(s) > 1 ? i.Children.only(null) : i.isValidElement(s) ? s.props.children : null : f);
+    return /* @__PURE__ */ c(u, { ...o, ref: r, children: i.isValidElement(s) ? i.cloneElement(s, void 0, a) : null });
+  }
+  return /* @__PURE__ */ c(u, { ...o, ref: r, children: n });
+});
+y.displayName = "Slot";
+var u = i.forwardRef((e, r) => {
+  const { children: n, ...o } = e;
+  if (i.isValidElement(n)) {
+    const t = R(n), l = C(o, n.props);
+    return n.type !== i.Fragment && (l.ref = r ? d(r, t) : t), i.cloneElement(n, l);
+  }
+  return i.Children.count(n) > 1 ? i.Children.only(null) : null;
+});
+u.displayName = "SlotClone";
+var g = ({ children: e }) => /* @__PURE__ */ c(m, { children: e });
+function h(e) {
+  return i.isValidElement(e) && e.type === g;
+}
+function C(e, r) {
+  const n = { ...r };
+  for (const o in r) {
+    const t = e[o], l = r[o];
+    /^on[A-Z]/.test(o) ? t && l ? n[o] = (...a) => {
+      l(...a), t(...a);
+    } : t && (n[o] = t) : o === "style" ? n[o] = { ...t, ...l } : o === "className" && (n[o] = [t, l].filter(Boolean).join(" "));
+  }
+  return { ...e, ...n };
+}
+function R(e) {
+  var o, t;
+  let r = (o = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : o.get, n = r && "isReactWarning" in r && r.isReactWarning;
+  return n ? e.ref : (r = (t = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : t.get, n = r && "isReactWarning" in r && r.isReactWarning, n ? e.props.ref : e.props.ref || e.ref);
+}
+export {
+  y as S,
+  g as a,
+  S as u
+};

package/dist/{index-BBjak_0p.js → index-BbsJ0VIJ.js}

@@ -1,6 +1,6 @@
 import n from "react";
-import { c as O } from "./index-8vgf-x5i.js";
-import { u as I, S as x } from "./index-DoOsnuB6.js";
+import { c as O } from "./index-Cva-e5M4.js";
+import { u as I, S as x } from "./index-B_6_jmOO.js";
 import { jsx as m } from "react/jsx-runtime";
 function L(s) {
   const f = s + "CollectionProvider", [A, N] = O(f), [_, a] = A(

package/dist/{index-CJsYodgi.js → index-BzaHYXkt.js}

@@ -1,9 +1,9 @@
 import * as d from "react";
-import { c as ae, a as ce, d as _ } from "./index-8vgf-x5i.js";
-import { u as K } from "./index-DoOsnuB6.js";
-import { a as le, u as de } from "./index-BxeV34ij.js";
-import { P as T } from "./index-1GLoikpT.js";
-import { c as ue } from "./index-BBjak_0p.js";
+import { a as ae, c as ce, b as _ } from "./index-Cva-e5M4.js";
+import { u as K } from "./index-B_6_jmOO.js";
+import { a as le, u as de } from "./index-4ecjw_Aj.js";
+import { P as T } from "./index-D7QNmo_D.js";
+import { c as ue } from "./index-BbsJ0VIJ.js";
 import { jsx as g, jsxs as fe } from "react/jsx-runtime";
 function $(e, [t, n]) {
   return Math.min(n, Math.max(t, e));
@@ -18,7 +18,7 @@ var j = ["PageUp", "PageDown"], X = ["ArrowUp", "ArrowDown", "ArrowLeft", "Arrow
   "from-right": ["Home", "PageDown", "ArrowDown", "ArrowRight"],
   "from-bottom": ["Home", "PageDown", "ArrowDown", "ArrowLeft"],
   "from-top": ["Home", "PageDown", "ArrowUp", "ArrowLeft"]
-}, M = "Slider", [N, he, Se] = ue(M), [W, ke] = ae(M, [
+}, M = "Slider", [N, he, Se] = ue(M), [W, ke] = ce(M, [
   Se
 ]), [ge, B] = W(M), q = d.forwardRef(
   (e, t) => {
@@ -39,7 +39,7 @@ var j = ["PageUp", "PageDown"], X = ["ArrowUp", "ArrowDown", "ArrowLeft", "Arrow
       inverted: v = !1,
       form: P,
       ...S
-    } = e, p = d.useRef(/* @__PURE__ */ new Set()), f = d.useRef(0), w = r === "horizontal" ? ve : we, [h = [], A] = ce({
+    } = e, p = d.useRef(/* @__PURE__ */ new Set()), f = d.useRef(0), w = r === "horizontal" ? ve : we, [h = [], A] = ae({
       prop: x,
       defaultProp: m,
       onChange: (b) => {
@@ -418,6 +418,6 @@ var He = q, ze = te, Ne = ne, Oe = oe;
 export {
   He as R,
   ze as T,
-  Oe as a,
-  Ne as b
+  Ne as a,
+  Oe as b
 };

package/dist/{index-KEdwcThH.js → index-CbTU3cnP.js}

@@ -1,5 +1,5 @@
 import * as e from "react";
-import { P as o } from "./index-1GLoikpT.js";
+import { P as o } from "./index-D7QNmo_D.js";
 import { jsx as t } from "react/jsx-runtime";
 var d = "VisuallyHidden", a = e.forwardRef(
   (r, i) => /* @__PURE__ */ t(

package/dist/{index-8vgf-x5i.js → index-Cva-e5M4.js}

@@ -110,9 +110,9 @@ function $({
 }
 export {
   j as a,
-  P as b,
+  M as b,
   y as c,
-  M as d,
+  P as d,
   _ as e,
   R as u
 };