@konstructio/ui 0.1.2-alpha.1 → 0.1.2-alpha.101

package/dist/assets/icons/index.js

@@ -0,0 +1,220 @@
+import { AccountsIcon as r } from "./components/Accounts.js";
+import { ActivityIcon as t } from "./components/Activity.js";
+import { AddChartIcon as n } from "./components/AddChart.js";
+import { AlertOutlineIcon as p } from "./components/AlertOutline.js";
+import { ApiKeyIcon as I } from "./components/ApiKey.js";
+import { AppRepoIcon as l } from "./components/AppRepo.js";
+import { AppsIcon as u } from "./components/Apps.js";
+import { ArchivesIcon as s } from "./components/Archives.js";
+import { ArrowBackIcon as A } from "./components/ArrowBack.js";
+import { ArrowDownIcon as h } from "./components/ArrowDown.js";
+import { ArrowLeftIcon as w } from "./components/ArrowLeft.js";
+import { ArrowRightIcon as b } from "./components/ArrowRight.js";
+import { ArrowUpIcon as P } from "./components/ArrowUp.js";
+import { BarChartIcon as D } from "./components/BarChart.js";
+import { BillingIcon as y } from "./components/Billing.js";
+import { BookOpenIcon as E } from "./components/BookOpen.js";
+import { CalendarMonthIcon as G } from "./components/CalendarMonth.js";
+import { CheckboxMarkedCircleOutlineIcon as H } from "./components/CheckboxMarkedCircleOutline.js";
+import { CheckCircleFilledIcon as x } from "./components/CheckCircleFilled.js";
+import { CheckCircleOutlineIcon as M } from "./components/CheckCircleOutline.js";
+import { CheckIcon as W } from "./components/Check.js";
+import { CheckAltIcon as V } from "./components/CheckAlt.js";
+import { CircumGlobeIcon as z } from "./components/CircumGlobe.js";
+import { ClockAlertIcon as X } from "./components/ClockAlert.js";
+import { ClockOutlineIcon as J } from "./components/ClockOutline.js";
+import { CloseIcon as Z } from "./components/Close.js";
+import { CloudIcon as $ } from "./components/Cloud.js";
+import { CloudLockOutlineIcon as ro } from "./components/CloudLockOutline.js";
+import { ClustersIcon as to } from "./components/Clusters.js";
+import { CogOutlineIcon as no } from "./components/CogOutline.js";
+import { ComputeIcon as po } from "./components/Compute.js";
+import { ConfigureIcon as Io } from "./components/Configure.js";
+import { CopyIcon as lo } from "./components/Copy.js";
+import { CpuIcon as uo } from "./components/Cpu.js";
+import { CpuAltIcon as so } from "./components/CpuAlt.js";
+import { CubeIcon as Ao } from "./components/Cube.js";
+import { DashboardIcon as ko } from "./components/Dashboard.js";
+import { DatabaseIcon as Oo } from "./components/Database.js";
+import { DatacenterIcon as Lo } from "./components/Datacenter.js";
+import { DeleteIcon as vo } from "./components/Delete.js";
+import { DeployIcon as So } from "./components/Deploy.js";
+import { DnsIcon as Bo } from "./components/Dns.js";
+import { DocsIcon as Ro } from "./components/Docs.js";
+import { DollarSignIcon as Ko } from "./components/DollarSign.js";
+import { DownloadIcon as To } from "./components/Download.js";
+import { EditIcon as Fo } from "./components/Edit.js";
+import { EllipsesIcon as No } from "./components/Ellipses.js";
+import { EnvironmentsIcon as Uo } from "./components/Environments.js";
+import { ErrorIcon as jo } from "./components/Error.js";
+import { ErrorOutlineIcon as Qo } from "./components/ErrorOutline.js";
+import { ExclamationIcon as qo } from "./components/Exclamation.js";
+import { FirewallIcon as Yo } from "./components/Firewall.js";
+import { FirewallAltIcon as _o } from "./components/FirewallAlt.js";
+import { GitIcon as or } from "./components/Git.js";
+import { GithubIcon as mr } from "./components/Github.js";
+import { GitOpsCatalogIcon as ir } from "./components/GitOpsCatalog.js";
+import { GridViewIcon as cr } from "./components/GridView.js";
+import { HelpIcon as fr } from "./components/Help.js";
+import { HideOutlineIcon as er } from "./components/HideOutline.js";
+import { Home2Icon as ar } from "./components/Home2.js";
+import { HomeIcon as Cr } from "./components/Home.js";
+import { IdIcon as gr } from "./components/Id.js";
+import { InfoCircleIcon as dr } from "./components/InfoCircle.js";
+import { InformationOutlineIcon as kr } from "./components/InformationOutline.js";
+import { InventoryIcon as Or } from "./components/Inventory.js";
+import { InvoiceListIcon as Lr } from "./components/InvoiceList.js";
+import { KeyIcon as vr } from "./components/Key.js";
+import { KonstructIcon as Sr } from "./components/Konstruct.js";
+import { KubernetesIcon as Br } from "./components/Kubernetes.js";
+import { LoadBalancerIcon as Rr } from "./components/LoadBalancer.js";
+import { LoadBalancerAltIcon as Kr } from "./components/LoadBalancerAlt.js";
+import { LoaderIcon as Tr } from "./components/Loader.js";
+import { LightBulbIcon as Fr } from "./components/LightBulb.js";
+import { LockIcon as Nr } from "./components/Lock.js";
+import { LockAltIcon as Ur } from "./components/LockAlt.js";
+import { LogOutIcon as jr } from "./components/LogOut.js";
+import { NetworkIcon as Qr } from "./components/Network.js";
+import { NetworkAltIcon as qr } from "./components/NetworkAlt.js";
+import { ObjectStorageIcon as Yr } from "./components/ObjectStorage.js";
+import { OrganizationIcon as _r } from "./components/Organization.js";
+import { OrgSettingsIcon as om } from "./components/OrgSettings.js";
+import { PagesStackIcon as mm } from "./components/PagesStack.js";
+import { PageviewIcon as im } from "./components/Pageview.js";
+import { PeopleIcon as cm } from "./components/People.js";
+import { PhotoLibraryIcon as fm } from "./components/PhotoLibrary.js";
+import { PipelineIcon as em } from "./components/Pipeline.js";
+import { PlusIcon as am } from "./components/Plus.js";
+import { PowerSettingsIcon as Cm } from "./components/PowerSettings.js";
+import { PreviewIcon as gm } from "./components/Preview.js";
+import { PrivateRegionIcon as dm } from "./components/PrivateRegion.js";
+import { ProfileIcon as km } from "./components/Profile.js";
+import { QuotaIcon as Om } from "./components/Quota.js";
+import { ReceiptLongIcon as Lm } from "./components/ReceiptLong.js";
+import { RefreshIcon as vm } from "./components/Refresh.js";
+import { ReservedIpIcon as Sm } from "./components/ReservedIp.js";
+import { ScatterPlotIcon as Bm } from "./components/ScatterPlot.js";
+import { SearchIcon as Rm } from "./components/Search.js";
+import { ServerIcon as Km } from "./components/Server.js";
+import { SshKeyIcon as Tm } from "./components/SshKey.js";
+import { StartIcon as Fm } from "./components/Start.js";
+import { TabNewIcon as Nm } from "./components/TabNew.js";
+import { TeamMembersIcon as Um } from "./components/TeamMembers.js";
+import { TeamsIcon as jm } from "./components/Teams.js";
+import { UploadIcon as Qm } from "./components/Upload.js";
+import { VolumeIcon as qm } from "./components/Volume.js";
+import { WarningIcon as Ym } from "./components/Warning.js";
+import { WarningTriangleIcon as _m } from "./components/WarningTriangle.js";
+import { WebhookIcon as ot } from "./components/Webhook.js";
+import { XIcon as mt } from "./components/X.js";
+export {
+  r as AccountsIcon,
+  t as ActivityIcon,
+  n as AddChartIcon,
+  p as AlertOutlineIcon,
+  I as ApiKeyIcon,
+  l as AppRepoIcon,
+  u as AppsIcon,
+  s as ArchivesIcon,
+  A as ArrowBackIcon,
+  h as ArrowDownIcon,
+  w as ArrowLeftIcon,
+  b as ArrowRightIcon,
+  P as ArrowUpIcon,
+  D as BarChartIcon,
+  y as BillingIcon,
+  E as BookOpenIcon,
+  G as CalendarMonthIcon,
+  V as CheckAltIcon,
+  x as CheckCircleFilledIcon,
+  M as CheckCircleOutlineIcon,
+  W as CheckIcon,
+  H as CheckboxMarkedCircleOutlineIcon,
+  z as CircumGlobeIcon,
+  X as ClockAlertIcon,
+  J as ClockOutlineIcon,
+  Z as CloseIcon,
+  $ as CloudIcon,
+  ro as CloudLockOutlineIcon,
+  to as ClustersIcon,
+  no as CogOutlineIcon,
+  po as ComputeIcon,
+  Io as ConfigureIcon,
+  lo as CopyIcon,
+  so as CpuAltIcon,
+  uo as CpuIcon,
+  Ao as CubeIcon,
+  ko as DashboardIcon,
+  Oo as DatabaseIcon,
+  Lo as DatacenterIcon,
+  vo as DeleteIcon,
+  So as DeployIcon,
+  Bo as DnsIcon,
+  Ro as DocsIcon,
+  Ko as DollarSignIcon,
+  To as DownloadIcon,
+  Fo as EditIcon,
+  No as EllipsesIcon,
+  Uo as EnvironmentsIcon,
+  jo as ErrorIcon,
+  Qo as ErrorOutlineIcon,
+  qo as ExclamationIcon,
+  _o as FirewallAltIcon,
+  Yo as FirewallIcon,
+  or as GitIcon,
+  ir as GitOpsCatalogIcon,
+  mr as GithubIcon,
+  cr as GridViewIcon,
+  fr as HelpIcon,
+  er as HideOutlineIcon,
+  ar as Home2Icon,
+  Cr as HomeIcon,
+  gr as IdIcon,
+  dr as InfoCircleIcon,
+  kr as InformationOutlineIcon,
+  Or as InventoryIcon,
+  Lr as InvoiceListIcon,
+  vr as KeyIcon,
+  Sr as KonstructIcon,
+  Br as KubernetesIcon,
+  Fr as LightBulbIcon,
+  Kr as LoadBalancerAltIcon,
+  Rr as LoadBalancerIcon,
+  Tr as LoaderIcon,
+  Ur as LockAltIcon,
+  Nr as LockIcon,
+  jr as LogOutIcon,
+  qr as NetworkAltIcon,
+  Qr as NetworkIcon,
+  Yr as ObjectStorageIcon,
+  om as OrgSettingsIcon,
+  _r as OrganizationIcon,
+  mm as PagesStackIcon,
+  im as PageviewIcon,
+  cm as PeopleIcon,
+  fm as PhotoLibraryIcon,
+  em as PipelineIcon,
+  am as PlusIcon,
+  Cm as PowerSettingsIcon,
+  gm as PreviewIcon,
+  dm as PrivateRegionIcon,
+  km as ProfileIcon,
+  Om as QuotaIcon,
+  Lm as ReceiptLongIcon,
+  vm as RefreshIcon,
+  Sm as ReservedIpIcon,
+  Bm as ScatterPlotIcon,
+  Rm as SearchIcon,
+  Km as ServerIcon,
+  Tm as SshKeyIcon,
+  Fm as StartIcon,
+  Nm as TabNewIcon,
+  Um as TeamMembersIcon,
+  jm as TeamsIcon,
+  Qm as UploadIcon,
+  qm as VolumeIcon,
+  Ym as WarningIcon,
+  _m as WarningTriangleIcon,
+  ot as WebhookIcon,
+  mt as XIcon
+};

package/dist/chevron-down-DNP-OOAQ.js

@@ -0,0 +1,8 @@
+import { t as o } from "./createLucideIcon-MbzNWCaI.js";
+var r = [["path", {
+  d: "m6 9 6 6 6-6",
+  key: "qrunsl"
+}]], n = o("chevron-down", r);
+export {
+  n as t
+};

package/dist/chevron-left-DxGDBBKA.js

@@ -0,0 +1,8 @@
+import { t as e } from "./createLucideIcon-MbzNWCaI.js";
+var o = [["path", {
+  d: "m15 18-6-6 6-6",
+  key: "1wnfg3"
+}]], t = e("chevron-left", o);
+export {
+  t
+};

package/dist/chevron-right-CDwgDdp-.js

@@ -0,0 +1,8 @@
+import { t as r } from "./createLucideIcon-MbzNWCaI.js";
+var t = [["path", {
+  d: "m9 18 6-6-6-6",
+  key: "mthhwq"
+}]], o = r("chevron-right", t);
+export {
+  o as t
+};

package/dist/chevron-up-Bjpvg6ui.js

@@ -0,0 +1,8 @@
+import { t as e } from "./createLucideIcon-MbzNWCaI.js";
+var o = [["path", {
+  d: "m18 15-6-6-6 6",
+  key: "153udz"
+}]], a = e("chevron-up", o);
+export {
+  a as t
+};

package/dist/{clsx-OuTLNxxd.js → clsx-Cf23UI1w.js}

@@ -12,5 +12,5 @@ function i() {
   return t;
 }
 export {
-  i as c
+  i as t
 };

package/dist/components/Alert/Alert.js

@@ -1,51 +1,61 @@
-import { jsx as l, jsxs as s } from "react/jsx-runtime";
-import { useRef as f, useState as h, useMemo as b, isValidElement as C, useCallback as V, useEffect as v } from "react";
-import { V as k } from "../../index-iXyXtdgP.js";
-import { cn as a } from "../../utils/index.js";
-import { closeButtonVariants as w, alertVariants as x } from "./Alert.variants.js";
-import { X as y } from "../../x-BPcqkRZd.js";
-const R = ({
-  theme: i,
-  type: o,
-  content: t,
-  isVisible: n = !0,
-  showCloseButton: m = !1
-}) => {
-  const r = f(null), [c, d] = h(n), u = b(
-    () => C(t) ? t : /* @__PURE__ */ l("p", { children: t }),
-    [t]
-  ), p = V(() => {
-    const e = r.current;
+"use client";
+import { t as h } from "../../x-CESTrenk.js";
+import { n as C } from "../../dist-C6Cif8-U.js";
+import { t as n } from "../../utils-Cx-WzRZF.js";
+import { CheckCircleFilledIcon as v } from "../../assets/icons/components/CheckCircleFilled.js";
+import { ErrorIcon as I } from "../../assets/icons/components/Error.js";
+import { InfoCircleIcon as b } from "../../assets/icons/components/InfoCircle.js";
+import { WarningTriangleIcon as g } from "../../assets/icons/components/WarningTriangle.js";
+import { alertVariants as N, closeButtonVariants as x, descriptionVariants as V, iconVariants as k, titleVariants as w } from "./Alert.variants.js";
+import { useCallback as A, useEffect as E, useRef as j, useState as P } from "react";
+import { jsx as t, jsxs as s } from "react/jsx-runtime";
+var R = {
+  success: v,
+  info: b,
+  warning: g,
+  danger: I
+}, X = ({ theme: m, type: r, title: l, description: i, isVisible: o = !0, showCloseButton: d = !1 }) => {
+  const a = j(null), [f, u] = P(o), p = A(() => {
+    const e = a.current;
     e && e.setAttribute("data-state", "hidden");
   }, []);
-  return v(() => {
+  if (E(() => {
     const e = new AbortController();
-    return r.current?.addEventListener(
-      "animationend",
-      () => {
-        r.current?.style.setProperty("display", "none"), d(!1);
-      },
-      { signal: e.signal }
-    ), () => e.abort();
-  }, []), c ? /* @__PURE__ */ s(
-    "div",
-    {
-      ref: r,
-      className: a(x({ type: o, isVisible: n })),
-      "data-state": n ? "visible" : "hidden",
-      "data-theme": i,
-      role: "alert",
-      "aria-live": "polite",
-      children: [
-        u,
-        m ? /* @__PURE__ */ s("button", { role: "button", onClick: p, children: [
-          /* @__PURE__ */ l(y, { className: a(w({ type: o })) }),
-          /* @__PURE__ */ l(k, { children: "Dismiss alert" })
-        ] }) : null
-      ]
-    }
-  ) : null;
+    return a.current?.addEventListener("animationend", () => {
+      a.current?.style.setProperty("display", "none"), u(!1);
+    }, { signal: e.signal }), () => e.abort();
+  }, []), !f) return null;
+  const c = r ? R[r] : null;
+  return /* @__PURE__ */ s("div", {
+    ref: a,
+    className: n(N({
+      type: r,
+      isVisible: o
+    })),
+    "data-state": o ? "visible" : "hidden",
+    "data-theme": m,
+    role: "alert",
+    "aria-live": "polite",
+    children: [
+      c && /* @__PURE__ */ t(c, { className: n(k({ type: r })) }),
+      /* @__PURE__ */ s("div", {
+        className: "flex flex-col gap-1 flex-1",
+        children: [l && /* @__PURE__ */ t("p", {
+          className: n(w({ type: r })),
+          children: l
+        }), i && /* @__PURE__ */ t("div", {
+          className: n(V({ type: r })),
+          children: i
+        })]
+      }),
+      d && /* @__PURE__ */ s("button", {
+        type: "button",
+        onClick: p,
+        children: [/* @__PURE__ */ t(h, { className: n(x({ type: r })) }), /* @__PURE__ */ t(C, { children: "Dismiss alert" })]
+      })
+    ]
+  });
 };
 export {
-  R as Alert
+  X as Alert
 };

package/dist/components/Alert/Alert.variants.js

@@ -1,71 +1,101 @@
-import { c as t } from "../../index-D29mdTf5.js";
-const a = t(
-  [
-    "relative",
-    "border",
-    "py-4",
-    "px-5",
-    "rounded",
-    "flex",
-    "gap-2",
-    "items-center",
-    "justify-start",
-    "[&>*]:flex",
-    "[&>*]:gap-2",
-    "[&>*]:items-center",
-    "[&>*]:justify-start",
-    "text-sm",
-    "shadow-sm",
-    "duration-300",
-    "data-[state=hidden]:animate-out",
-    "data-[state=hidden]:fade-out-0",
-    "data-[state=hidden]:zoom-out-95"
-  ],
-  {
-    variants: {
-      type: {
-        sucess: "",
-        info: [
-          "border-blue-100",
-          "bg-blue-50",
-          "text-zinc-700",
-          "[&>*>svg]:text-blue-600",
-          "shadow-blue-50/40"
-        ],
-        warning: "",
-        danger: ""
-      },
-      isVisible: {
-        true: "",
-        false: "hidden"
-      }
+import { t as e } from "../../dist-B9GE4SXf.js";
+var r = e([
+  "relative",
+  "border",
+  "shadow-xs",
+  "dark:shadow-sm",
+  "p-4",
+  "rounded-lg",
+  "flex",
+  "gap-4",
+  "items-start",
+  "justify-start",
+  "text-sm",
+  "overflow-clip",
+  "duration-300",
+  "data-[state=hidden]:animate-out",
+  "data-[state=hidden]:fade-out-0",
+  "data-[state=hidden]:zoom-out-95"
+], {
+  variants: {
+    type: {
+      success: [
+        "bg-green-50",
+        "border-green-200",
+        "dark:bg-green-500/10",
+        "dark:border-green-500/20"
+      ],
+      info: [
+        "bg-blue-50",
+        "border-blue-100",
+        "dark:bg-blue-500/10",
+        "dark:border-blue-500/20"
+      ],
+      warning: [
+        "bg-yellow-50",
+        "border-yellow-200",
+        "dark:bg-yellow-500/10",
+        "dark:border-yellow-500/20"
+      ],
+      danger: [
+        "bg-red-50",
+        "border-red-200",
+        "dark:bg-red-500/10",
+        "dark:border-red-500/20"
+      ]
     },
-    defaultVariants: {
-      isVisible: !0
+    isVisible: {
+      true: "",
+      false: "hidden"
     }
-  }
-), s = t(
-  [
-    "w-4",
-    "h-4",
-    "absolute",
-    "right-2",
-    "top-2",
-    "text-inherit",
-    "cursor-pointer"
+  },
+  defaultVariants: { isVisible: !0 }
+}), a = e([
+  "text-sm",
+  "font-medium",
+  "leading-5"
+], { variants: { type: {
+  success: ["text-green-800", "dark:text-green-300"],
+  info: ["text-blue-800", "dark:text-blue-300"],
+  warning: ["text-yellow-800", "dark:text-yellow-200"],
+  danger: ["text-red-800", "dark:text-rose-300"]
+} } }), d = e([
+  "text-sm",
+  "font-normal",
+  "leading-5"
+], { variants: { type: {
+  success: ["text-green-700", "dark:text-green-100"],
+  info: ["text-blue-700", "dark:text-blue-200"],
+  warning: ["text-yellow-700", "dark:text-yellow-100"],
+  danger: ["text-red-700", "dark:text-rose-200"]
+} } }), n = e(["size-5", "shrink-0"], { variants: { type: {
+  success: ["text-green-600", "dark:text-green-400"],
+  info: [
+    "text-blue-600",
+    "dark:text-blue-400",
+    "rotate-180"
   ],
-  {
-    variants: {
-      type: {
-        sucess: "",
-        info: ["text-blue-600"],
-        warning: "",
-        danger: ""
-      }
-    }
-  }
-);
+  warning: ["text-yellow-600", "dark:text-yellow-400"],
+  danger: ["text-red-600", "dark:text-rose-400"]
+} } }), o = e([
+  "size-4",
+  "absolute",
+  "right-3",
+  "top-3",
+  "cursor-pointer",
+  "opacity-70",
+  "hover:opacity-100",
+  "transition-opacity"
+], { variants: { type: {
+  success: ["text-green-600", "dark:text-green-400"],
+  info: ["text-blue-600", "dark:text-blue-400"],
+  warning: ["text-yellow-600", "dark:text-yellow-400"],
+  danger: ["text-red-600", "dark:text-rose-400"]
+} } });
 export {
-  a as alertVariants,
-  s as closeButtonVariants
+  r as alertVariants,
+  o as closeButtonVariants,
+  d as descriptionVariants,
+  n as iconVariants,
+  a as titleVariants
 };