@konstructio/ui 0.1.2-alpha.94 → 0.1.2-alpha.96

package/dist/assets/icons/index.js

@@ -2,205 +2,219 @@ 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 { AppRepoIcon as f } from "./components/AppRepo.js";
-import { AppsIcon as l } from "./components/Apps.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 { ArrowDownIcon as C } from "./components/ArrowDown.js";
-import { ArrowLeftIcon as d } from "./components/ArrowLeft.js";
-import { ArrowRightIcon as A } from "./components/ArrowRight.js";
-import { ArrowUpIcon as O } from "./components/ArrowUp.js";
-import { BarChartIcon as b } from "./components/BarChart.js";
-import { BillingIcon as P } from "./components/Billing.js";
-import { BookOpenIcon as S } from "./components/BookOpen.js";
-import { CalendarMonthIcon as y } from "./components/CalendarMonth.js";
-import { CheckboxMarkedCircleOutlineIcon as E } from "./components/CheckboxMarkedCircleOutline.js";
-import { CheckCircleFilledIcon as G } from "./components/CheckCircleFilled.js";
-import { CheckCircleOutlineIcon as K } from "./components/CheckCircleOutline.js";
-import { CheckIcon as x } from "./components/Check.js";
-import { CircumGlobeIcon as M } from "./components/CircumGlobe.js";
-import { ClockAlertIcon as W } from "./components/ClockAlert.js";
-import { ClockOutlineIcon as V } from "./components/ClockOutline.js";
-import { CloseIcon as z } from "./components/Close.js";
-import { CloudIcon as X } from "./components/Cloud.js";
-import { CloudLockOutlineIcon as J } from "./components/CloudLockOutline.js";
-import { ClustersIcon as Z } from "./components/Clusters.js";
-import { CogOutlineIcon as $ } from "./components/CogOutline.js";
-import { ComputeIcon as ro } from "./components/Compute.js";
-import { CopyIcon as to } from "./components/Copy.js";
-import { CpuIcon as no } from "./components/Cpu.js";
-import { CpuAltIcon as po } from "./components/CpuAlt.js";
-import { CubeIcon as fo } from "./components/Cube.js";
-import { DashboardIcon as lo } from "./components/Dashboard.js";
-import { DatabaseIcon as so } from "./components/Database.js";
-import { DatacenterIcon as Co } from "./components/Datacenter.js";
-import { DeleteIcon as ho } from "./components/Delete.js";
-import { DnsIcon as wo } from "./components/Dns.js";
-import { DocsIcon as ko } from "./components/Docs.js";
-import { DollarSignIcon as Lo } from "./components/DollarSign.js";
-import { DownloadIcon as vo } from "./components/Download.js";
-import { EditIcon as Do } from "./components/Edit.js";
-import { EllipsesIcon as Bo } from "./components/Ellipses.js";
-import { EnvironmentsIcon as Ro } from "./components/Environments.js";
-import { ErrorIcon as Ho } from "./components/Error.js";
-import { ErrorOutlineIcon as To } from "./components/ErrorOutline.js";
-import { ExclamationIcon as Fo } from "./components/Exclamation.js";
-import { FirewallIcon as No } from "./components/Firewall.js";
-import { FirewallAltIcon as Uo } from "./components/FirewallAlt.js";
-import { GitIcon as jo } from "./components/Git.js";
-import { GitOpsCatalogIcon as Qo } from "./components/GitOpsCatalog.js";
-import { GridViewIcon as qo } from "./components/GridView.js";
-import { HelpIcon as Yo } from "./components/Help.js";
-import { HideOutlineIcon as _o } from "./components/HideOutline.js";
-import { Home2Icon as or } from "./components/Home2.js";
-import { HomeIcon as mr } from "./components/Home.js";
-import { IdIcon as ir } from "./components/Id.js";
-import { InfoCircleIcon as cr } from "./components/InfoCircle.js";
-import { InformationOutlineIcon as Ir } from "./components/InformationOutline.js";
-import { InventoryIcon as er } from "./components/Inventory.js";
-import { InvoiceListIcon as ar } from "./components/InvoiceList.js";
-import { KeyIcon as ur } from "./components/Key.js";
-import { KonstructIcon as gr } from "./components/Konstruct.js";
-import { KubernetesIcon as hr } from "./components/Kubernetes.js";
-import { LoadBalancerIcon as wr } from "./components/LoadBalancer.js";
-import { LoadBalancerAltIcon as kr } from "./components/LoadBalancerAlt.js";
-import { LoaderIcon as Lr } from "./components/Loader.js";
-import { LightBulbIcon as vr } from "./components/LightBulb.js";
-import { LockIcon as Dr } from "./components/Lock.js";
-import { LogOutIcon as Br } from "./components/LogOut.js";
-import { NetworkIcon as Rr } from "./components/Network.js";
-import { NetworkAltIcon as Hr } from "./components/NetworkAlt.js";
-import { ObjectStorageIcon as Tr } from "./components/ObjectStorage.js";
-import { OrganizationIcon as Fr } from "./components/Organization.js";
-import { OrgSettingsIcon as Nr } from "./components/OrgSettings.js";
-import { PagesStackIcon as Ur } from "./components/PagesStack.js";
-import { PageviewIcon as jr } from "./components/Pageview.js";
-import { PeopleIcon as Qr } from "./components/People.js";
-import { PhotoLibraryIcon as qr } from "./components/PhotoLibrary.js";
-import { PipelineIcon as Yr } from "./components/Pipeline.js";
-import { PlusIcon as _r } from "./components/Plus.js";
-import { PowerSettingsIcon as om } from "./components/PowerSettings.js";
-import { PreviewIcon as mm } from "./components/Preview.js";
-import { PrivateRegionIcon as im } from "./components/PrivateRegion.js";
-import { ProfileIcon as cm } from "./components/Profile.js";
-import { QuotaIcon as Im } from "./components/Quota.js";
-import { ReceiptLongIcon as em } from "./components/ReceiptLong.js";
-import { RefreshIcon as am } from "./components/Refresh.js";
-import { ReservedIpIcon as um } from "./components/ReservedIp.js";
-import { ScatterPlotIcon as gm } from "./components/ScatterPlot.js";
-import { SearchIcon as hm } from "./components/Search.js";
-import { ServerIcon as wm } from "./components/Server.js";
-import { SshKeyIcon as km } from "./components/SshKey.js";
-import { StartIcon as Lm } from "./components/Start.js";
-import { TabNewIcon as vm } from "./components/TabNew.js";
-import { TeamMembersIcon as Dm } from "./components/TeamMembers.js";
-import { TeamsIcon as Bm } from "./components/Teams.js";
-import { UploadIcon as Rm } from "./components/Upload.js";
-import { VolumeIcon as Hm } from "./components/Volume.js";
-import { WarningIcon as Tm } from "./components/Warning.js";
-import { WarningTriangleIcon as Fm } from "./components/WarningTriangle.js";
-import { WebhookIcon as Nm } from "./components/Webhook.js";
-import { XIcon as Um } from "./components/X.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,
-  f as AppRepoIcon,
-  l as AppsIcon,
+  I as ApiKeyIcon,
+  l as AppRepoIcon,
+  u as AppsIcon,
   s as ArchivesIcon,
-  C as ArrowDownIcon,
-  d as ArrowLeftIcon,
-  A as ArrowRightIcon,
-  O as ArrowUpIcon,
-  b as BarChartIcon,
-  P as BillingIcon,
-  S as BookOpenIcon,
-  y as CalendarMonthIcon,
-  G as CheckCircleFilledIcon,
-  K as CheckCircleOutlineIcon,
-  x as CheckIcon,
-  E as CheckboxMarkedCircleOutlineIcon,
-  M as CircumGlobeIcon,
-  W as ClockAlertIcon,
-  V as ClockOutlineIcon,
-  z as CloseIcon,
-  X as CloudIcon,
-  J as CloudLockOutlineIcon,
-  Z as ClustersIcon,
-  $ as CogOutlineIcon,
-  ro as ComputeIcon,
-  to as CopyIcon,
-  po as CpuAltIcon,
-  no as CpuIcon,
-  fo as CubeIcon,
-  lo as DashboardIcon,
-  so as DatabaseIcon,
-  Co as DatacenterIcon,
-  ho as DeleteIcon,
-  wo as DnsIcon,
-  ko as DocsIcon,
-  Lo as DollarSignIcon,
-  vo as DownloadIcon,
-  Do as EditIcon,
-  Bo as EllipsesIcon,
-  Ro as EnvironmentsIcon,
-  Ho as ErrorIcon,
-  To as ErrorOutlineIcon,
-  Fo as ExclamationIcon,
-  Uo as FirewallAltIcon,
-  No as FirewallIcon,
-  jo as GitIcon,
-  Qo as GitOpsCatalogIcon,
-  qo as GridViewIcon,
-  Yo as HelpIcon,
-  _o as HideOutlineIcon,
-  or as Home2Icon,
-  mr as HomeIcon,
-  ir as IdIcon,
-  cr as InfoCircleIcon,
-  Ir as InformationOutlineIcon,
-  er as InventoryIcon,
-  ar as InvoiceListIcon,
-  ur as KeyIcon,
-  gr as KonstructIcon,
-  hr as KubernetesIcon,
-  vr as LightBulbIcon,
-  kr as LoadBalancerAltIcon,
-  wr as LoadBalancerIcon,
-  Lr as LoaderIcon,
-  Dr as LockIcon,
-  Br as LogOutIcon,
-  Hr as NetworkAltIcon,
-  Rr as NetworkIcon,
-  Tr as ObjectStorageIcon,
-  Nr as OrgSettingsIcon,
-  Fr as OrganizationIcon,
-  Ur as PagesStackIcon,
-  jr as PageviewIcon,
-  Qr as PeopleIcon,
-  qr as PhotoLibraryIcon,
-  Yr as PipelineIcon,
-  _r as PlusIcon,
-  om as PowerSettingsIcon,
-  mm as PreviewIcon,
-  im as PrivateRegionIcon,
-  cm as ProfileIcon,
-  Im as QuotaIcon,
-  em as ReceiptLongIcon,
-  am as RefreshIcon,
-  um as ReservedIpIcon,
-  gm as ScatterPlotIcon,
-  hm as SearchIcon,
-  wm as ServerIcon,
-  km as SshKeyIcon,
-  Lm as StartIcon,
-  vm as TabNewIcon,
-  Dm as TeamMembersIcon,
-  Bm as TeamsIcon,
-  Rm as UploadIcon,
-  Hm as VolumeIcon,
-  Tm as WarningIcon,
-  Fm as WarningTriangleIcon,
-  Nm as WebhookIcon,
-  Um as XIcon
+  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/components/Breadcrumb/Breadcrumb.js

@@ -1,4 +1,4 @@
-import { t as m } from "../../Breadcrumb-BYO5PNVF.js";
+import { t as m } from "../../Breadcrumb-xLKDl92B.js";
 export {
   m as Breadcrumb
 };

package/dist/components/Breadcrumb/components/BackButton/BackButton.js

@@ -0,0 +1,41 @@
+import { t as o } from "../../../../utils-COaoD3PI.js";
+import { ArrowBackIcon as h } from "../../../../assets/icons/components/ArrowBack.js";
+import { n as k, t as b } from "../../../../useBreadcrumb-mrkCWjS0.js";
+import { backButtonVariants as c } from "./BackButton.variants.js";
+import { jsx as e } from "react/jsx-runtime";
+var C = ({ icon: d, onClick: s, to: a, target: m, label: t = "Go back", theme: n, component: f = "a" }) => {
+  const { isInsideRouter: u } = b(), l = (p) => {
+    a === "#" && p.preventDefault(), s?.();
+  }, r = /* @__PURE__ */ e("span", {
+    className: "w-5 h-5 inline-flex items-center justify-center",
+    children: d ?? /* @__PURE__ */ e(h, { className: "w-5 h-5" })
+  }), i = f;
+  return a ? u ? /* @__PURE__ */ e(k, {
+    to: a,
+    target: m,
+    "aria-label": t,
+    className: o(c()),
+    "data-theme": n,
+    onClick: l,
+    children: r
+  }) : /* @__PURE__ */ e(i, {
+    href: i === "a" ? a : void 0,
+    to: i !== "a" ? a : void 0,
+    target: m,
+    "aria-label": t,
+    className: o(c()),
+    "data-theme": n,
+    onClick: l,
+    children: r
+  }) : /* @__PURE__ */ e("button", {
+    type: "button",
+    "aria-label": t,
+    className: o(c()),
+    "data-theme": n,
+    onClick: s,
+    children: r
+  });
+};
+export {
+  C as BackButton
+};

package/dist/components/Breadcrumb/components/BackButton/BackButton.variants.js

@@ -0,0 +1,19 @@
+import { t } from "../../../../dist-Bcn6lMQe.js";
+var r = t([
+  "inline-flex",
+  "items-center",
+  "justify-center",
+  "text-gray-400",
+  "transition-colors",
+  "cursor-pointer",
+  "rounded-xs",
+  "hover:text-gray-500",
+  "dark:text-gray-400",
+  "dark:hover:text-gray-300",
+  "focus-visible:outline-2",
+  "focus-visible:outline-offset-2",
+  "focus-visible:outline-gray-500"
+]);
+export {
+  r as backButtonVariants
+};

package/dist/components/Breadcrumb/components/Item/Item.js

@@ -1,36 +1,52 @@
 import { t as m } from "../../../../utils-COaoD3PI.js";
-import { n as p, t as h } from "../../../../useBreadcrumb-mrkCWjS0.js";
-import { breadcrumbLabelVariants as b, breadcrumbLinkVariants as o } from "./Item.variants.js";
-import { Fragment as k, jsx as e } from "react/jsx-runtime";
-var g = ({ isActive: a, isLast: t, label: n, target: s, theme: c, to: r, component: l = "a" }) => {
-  const { isInsideRouter: u } = h(), d = (f) => {
-    r === "#" && f.preventDefault();
-  }, i = l;
+import { n as N, t as b } from "../../../../useBreadcrumb-mrkCWjS0.js";
+import { breadcrumbLabelVariants as k, breadcrumbLinkVariants as o } from "./Item.variants.js";
+import { Fragment as C, jsx as e, jsxs as L } from "react/jsx-runtime";
+var v = ({ isActive: a, isLast: p, label: t, leftIcon: s, rightIcon: n, target: c, theme: f, to: r, component: h = "a" }) => {
+  const { isInsideRouter: u } = b(), d = (x) => {
+    r === "#" && x.preventDefault();
+  }, i = s || n ? /* @__PURE__ */ L("span", {
+    className: "flex items-center gap-1",
+    children: [
+      s && /* @__PURE__ */ e("span", {
+        className: "flex items-center shrink-0",
+        children: s
+      }),
+      /* @__PURE__ */ e("span", {
+        className: "flex items-center",
+        children: t
+      }),
+      n && /* @__PURE__ */ e("span", {
+        className: "flex items-center shrink-0",
+        children: n
+      })
+    ]
+  }) : t, l = h;
   return /* @__PURE__ */ e("li", {
-    "aria-current": t ? "page" : void 0,
-    className: "group font-medium text-inherit",
-    "data-theme": c,
-    children: r ? /* @__PURE__ */ e(k, { children: u ? /* @__PURE__ */ e(p, {
+    "aria-current": p ? "page" : void 0,
+    className: "group font-medium text-inherit flex items-center",
+    "data-theme": f,
+    children: r ? /* @__PURE__ */ e(C, { children: u ? /* @__PURE__ */ e(N, {
       to: r,
-      target: s,
+      target: c,
       className: m(o({ isActive: a })),
       "aria-disabled": a ? "true" : "false",
       onClick: d,
-      children: n
-    }) : /* @__PURE__ */ e(i, {
-      href: i === "a" ? r : void 0,
-      to: i !== "a" ? r : void 0,
-      target: s,
+      children: i
+    }) : /* @__PURE__ */ e(l, {
+      href: l === "a" ? r : void 0,
+      to: l !== "a" ? r : void 0,
+      target: c,
       className: m(o({ isActive: a })),
       "aria-disabled": a ? "true" : "false",
       onClick: d,
-      children: n
+      children: i
     }) }) : /* @__PURE__ */ e("span", {
-      className: m(b({ isActive: a })),
-      children: n
+      className: m(k({ isActive: a })),
+      children: i
     })
   });
 };
 export {
-  g as Item
+  v as Item
 };

package/dist/components/Breadcrumb/components/index.js

@@ -1,4 +1,6 @@
-import { Item as o } from "./Item/Item.js";
+import { BackButton as t } from "./BackButton/BackButton.js";
+import { Item as r } from "./Item/Item.js";
 export {
-  o as Item
+  t as BackButton,
+  r as Item
 };