@arolariu/components 0.4.2 → 1.0.0

package/dist/components/ui/sidebar_module.css

@@ -0,0 +1,569 @@
+.wrapper-Z_8E6C {
+  width: 100%;
+  min-height: 100svh;
+}
+
+.staticSidebar-iqwVTz, .wrapper-Z_8E6C {
+  background-color: var(--ac-sidebar);
+  display: flex;
+}
+
+.staticSidebar-iqwVTz {
+  height: 100%;
+  width: var(--ac-sidebar-width);
+  flex-direction: column;
+}
+
+.desktopRoot-Q5fWHs, .staticSidebar-iqwVTz {
+  color: var(--ac-sidebar-foreground);
+}
+
+.desktopRoot-Q5fWHs {
+  display: none;
+}
+
+@media (width >= 768px) {
+  .desktopRoot-Q5fWHs {
+    display: block;
+  }
+}
+
+.gap-Asavvf {
+  transition: width var(--ac-transition-slow);
+  width: var(--ac-sidebar-width);
+  background-color: #0000;
+  position: relative;
+}
+
+.desktopRoot-Q5fWHs[data-collapsible="offcanvas"] .gap-Asavvf {
+  width: 0;
+}
+
+.desktopRoot-Q5fWHs[data-collapsible="icon"] .gap-Asavvf {
+  width: var(--ac-sidebar-width-icon);
+}
+
+.desktopRoot-Q5fWHs[data-variant="floating"] .gap-Asavvf, .desktopRoot-Q5fWHs[data-variant="inset"] .gap-Asavvf {
+  width: calc(var(--ac-sidebar-width-icon) + var(--ac-space-4));
+}
+
+.panelWrap-Femk3g {
+  transition: left var(--ac-transition-slow),right var(--ac-transition-slow),width var(--ac-transition-slow),padding var(--ac-transition-slow);
+  width: var(--ac-sidebar-width);
+  z-index: 20;
+  display: none;
+  position: fixed;
+  inset-block: 0;
+}
+
+@media (width >= 768px) {
+  .panelWrap-Femk3g {
+    display: flex;
+  }
+}
+
+.desktopRoot-Q5fWHs[data-side="left"] .panelWrap-Femk3g {
+  left: 0;
+}
+
+.desktopRoot-Q5fWHs[data-side="right"] .panelWrap-Femk3g {
+  right: 0;
+}
+
+.desktopRoot-Q5fWHs[data-side="left"][data-collapsible="offcanvas"] .panelWrap-Femk3g {
+  left: calc(var(--ac-sidebar-width)*-1);
+}
+
+.desktopRoot-Q5fWHs[data-side="right"][data-collapsible="offcanvas"] .panelWrap-Femk3g {
+  right: calc(var(--ac-sidebar-width)*-1);
+}
+
+.desktopRoot-Q5fWHs[data-collapsible="icon"] .panelWrap-Femk3g {
+  width: var(--ac-sidebar-width-icon);
+}
+
+.desktopRoot-Q5fWHs[data-variant="floating"] .panelWrap-Femk3g, .desktopRoot-Q5fWHs[data-variant="inset"] .panelWrap-Femk3g {
+  padding: var(--ac-space-2);
+}
+
+.desktopRoot-Q5fWHs[data-variant="floating"][data-collapsible="icon"] .panelWrap-Femk3g, .desktopRoot-Q5fWHs[data-variant="inset"][data-collapsible="icon"] .panelWrap-Femk3g {
+  width: calc(var(--ac-sidebar-width-icon) + var(--ac-space-4));
+}
+
+.panel-nEmI4M {
+  background-color: var(--ac-sidebar);
+  color: var(--ac-sidebar-foreground);
+  flex-direction: column;
+  width: 100%;
+  height: 100%;
+  display: flex;
+}
+
+.desktopRoot-Q5fWHs[data-variant="sidebar"] .panel-nEmI4M {
+  border-inline-end: 1px solid var(--ac-sidebar-border);
+}
+
+.desktopRoot-Q5fWHs[data-side="right"][data-variant="sidebar"] .panel-nEmI4M {
+  border-inline-end: 0;
+  border-inline-start: 1px solid var(--ac-sidebar-border);
+}
+
+.desktopRoot-Q5fWHs[data-variant="floating"] .panel-nEmI4M, .desktopRoot-Q5fWHs[data-variant="inset"] .panel-nEmI4M {
+  border: 1px solid var(--ac-sidebar-border);
+  border-radius: var(--ac-radius-lg);
+  box-shadow: 0 8px 24px #00000014;
+}
+
+.mobilePortal-W5uR40 {
+  z-index: 50;
+  position: fixed;
+  inset: 0;
+}
+
+.mobileOverlay-hexS4k {
+  background: #00000073;
+  border: 0;
+  position: absolute;
+  inset: 0;
+}
+
+.mobilePanel-EXOjqA {
+  background-color: var(--ac-sidebar);
+  color: var(--ac-sidebar-foreground);
+  width: var(--ac-sidebar-width);
+  padding: 0;
+  position: absolute;
+  inset-block: 0;
+  box-shadow: 0 18px 50px #0000002e;
+}
+
+.mobilePanelLeft-dEBUqs {
+  left: 0;
+}
+
+.mobilePanelRight-LzLifs {
+  right: 0;
+}
+
+.mobileContent-angW7C {
+  flex-direction: column;
+  width: 100%;
+  height: 100%;
+  display: flex;
+}
+
+.trigger-yRVaLn {
+  width: 1.75rem;
+  height: 1.75rem;
+}
+
+.triggerIcon-UXzrut {
+  width: 1rem;
+  height: 1rem;
+}
+
+.rail-sIXEHr {
+  z-index: 30;
+  background: none;
+  border: 0;
+  width: 1rem;
+  display: none;
+  transform: translateX(-50%);
+}
+
+.rail-sIXEHr, .rail-sIXEHr:after {
+  transition: background-color var(--ac-transition-fast);
+  position: absolute;
+  inset-block: 0;
+}
+
+.rail-sIXEHr:after {
+  content: "";
+  background-color: #0000;
+  width: 2px;
+  left: 50%;
+}
+
+@media (width >= 640px) {
+  .rail-sIXEHr {
+    cursor: ew-resize;
+    display: flex;
+  }
+
+  .rail-sIXEHr:hover:after {
+    background-color: var(--ac-sidebar-border);
+  }
+}
+
+.desktopRoot-Q5fWHs[data-side="left"] .rail-sIXEHr {
+  right: -1rem;
+}
+
+.desktopRoot-Q5fWHs[data-side="right"] .rail-sIXEHr {
+  left: 0;
+}
+
+.desktopRoot-Q5fWHs[data-collapsible="offcanvas"][data-side="left"] .rail-sIXEHr {
+  right: -.5rem;
+  transform: none;
+}
+
+.desktopRoot-Q5fWHs[data-collapsible="offcanvas"][data-side="right"] .rail-sIXEHr {
+  left: -.5rem;
+  transform: none;
+}
+
+.inset-_Tv97P {
+  background-color: var(--ac-background);
+  flex-direction: column;
+  flex: 1;
+  width: 100%;
+  display: flex;
+  position: relative;
+}
+
+@media (width >= 768px) {
+  .desktopRoot-Q5fWHs[data-variant="inset"] ~ .inset-_Tv97P {
+    border-radius: var(--ac-radius-xl);
+    margin: var(--ac-space-2);
+    margin-inline-start: 0;
+    box-shadow: 0 8px 24px #00000014;
+  }
+
+  .desktopRoot-Q5fWHs[data-state="collapsed"][data-variant="inset"] ~ .inset-_Tv97P {
+    margin-inline-start: var(--ac-space-2);
+  }
+}
+
+.input-W_EiuQ {
+  background-color: var(--ac-background);
+  box-shadow: none;
+  width: 100%;
+  height: 2rem;
+}
+
+.footer-eBIkvI, .header-MUEpv1 {
+  gap: var(--ac-space-2);
+  padding: var(--ac-space-2);
+  flex-direction: column;
+  display: flex;
+}
+
+.separator-ywi73_ {
+  background-color: var(--ac-sidebar-border);
+  margin-inline: var(--ac-space-2);
+  width: auto;
+}
+
+.content-T8vlCZ {
+  gap: var(--ac-space-2);
+  flex-direction: column;
+  flex: 1;
+  min-height: 0;
+  display: flex;
+  overflow: auto;
+}
+
+.desktopRoot-Q5fWHs[data-collapsible="icon"] .content-T8vlCZ {
+  overflow: hidden;
+}
+
+.group-Q2931N {
+  min-width: 0;
+  padding: var(--ac-space-2);
+  flex-direction: column;
+  width: 100%;
+  display: flex;
+  position: relative;
+}
+
+.groupLabel-NTflyg {
+  border-radius: var(--ac-radius-md);
+  color: color-mix(in oklch,var(--ac-sidebar-foreground),transparent 30%);
+  font-size: var(--ac-text-xs);
+  height: 2rem;
+  padding-inline: var(--ac-space-2);
+  transition: margin var(--ac-transition-slow),opacity var(--ac-transition-slow);
+  outline: none;
+  flex-shrink: 0;
+  align-items: center;
+  font-weight: 500;
+  display: flex;
+}
+
+.groupLabel-NTflyg > svg {
+  flex-shrink: 0;
+  width: 1rem;
+  height: 1rem;
+}
+
+.desktopRoot-Q5fWHs[data-collapsible="icon"] .groupLabel-NTflyg {
+  opacity: 0;
+  pointer-events: none;
+  margin-top: -2rem;
+}
+
+.groupAction-nBMg_f {
+  aspect-ratio: 1;
+  border-radius: var(--ac-radius-md);
+  color: var(--ac-sidebar-foreground);
+  cursor: pointer;
+  transition: background-color var(--ac-transition-fast),color var(--ac-transition-fast);
+  background: none;
+  border: 0;
+  outline: none;
+  justify-content: center;
+  align-items: center;
+  width: 1.25rem;
+  padding: 0;
+  display: flex;
+  position: absolute;
+  top: .875rem;
+  right: .75rem;
+}
+
+.groupAction-nBMg_f:focus-visible, .groupAction-nBMg_f:hover {
+  background-color: var(--ac-sidebar-accent);
+  color: var(--ac-sidebar-accent-foreground);
+}
+
+.desktopRoot-Q5fWHs[data-collapsible="icon"] .groupAction-nBMg_f {
+  display: none;
+}
+
+.groupContent-QTSFGc {
+  font-size: var(--ac-text-sm);
+  width: 100%;
+}
+
+.menu-IIGOfe {
+  gap: var(--ac-space-1);
+  flex-direction: column;
+  width: 100%;
+  min-width: 0;
+  display: flex;
+}
+
+.menuItem-Es_zlt {
+  position: relative;
+}
+
+.menuButton-stiXwx {
+  border-radius: var(--ac-radius-md);
+  color: inherit;
+  font-size: var(--ac-text-sm);
+  align-items: center;
+  gap: var(--ac-space-2);
+  padding: var(--ac-space-2);
+  text-align: left;
+  transition: background-color var(--ac-transition-fast),color var(--ac-transition-fast),width var(--ac-transition-slow),height var(--ac-transition-slow),padding var(--ac-transition-slow);
+  background: none;
+  border: 0;
+  outline: none;
+  width: 100%;
+  display: flex;
+  overflow: hidden;
+}
+
+.menuButton-stiXwx:active, .menuButton-stiXwx:focus-visible, .menuButton-stiXwx:hover, .menuButton-stiXwx[data-active="true"] {
+  background-color: var(--ac-sidebar-accent);
+  color: var(--ac-sidebar-accent-foreground);
+}
+
+.menuButton-stiXwx[data-active="true"] {
+  font-weight: 500;
+}
+
+.menuButton-stiXwx:disabled, .menuButton-stiXwx[aria-disabled="true"] {
+  opacity: .5;
+  pointer-events: none;
+}
+
+.menuButton-stiXwx > svg {
+  flex-shrink: 0;
+  width: 1rem;
+  height: 1rem;
+}
+
+.menuButton-stiXwx > span:last-child {
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+}
+
+.menuButtonDefault-MxG3M2 {
+  background-color: #0000;
+}
+
+.menuButtonOutline-HpgOo9 {
+  background-color: var(--ac-background);
+  border: 1px solid var(--ac-sidebar-border);
+  box-shadow: 0 1px 2px #0000000d;
+}
+
+.menuButtonSizeDefault-dfW2vT {
+  min-height: 2rem;
+}
+
+.menuButtonSizeSm-qIDKpy {
+  font-size: var(--ac-text-xs);
+  min-height: 1.75rem;
+}
+
+.menuButtonSizeLg-pDY27P {
+  font-size: var(--ac-text-sm);
+  min-height: 3rem;
+}
+
+.desktopRoot-Q5fWHs[data-collapsible="icon"] .menuButton-stiXwx {
+  min-width: 2rem;
+  height: 2rem;
+  padding: var(--ac-space-2);
+  justify-content: center;
+  width: 2rem;
+}
+
+.desktopRoot-Q5fWHs[data-collapsible="icon"] .menuAction-zFg0XY, .desktopRoot-Q5fWHs[data-collapsible="icon"] .menuBadge-SrQD7w, .desktopRoot-Q5fWHs[data-collapsible="icon"] .menuButton-stiXwx > span:last-child, .desktopRoot-Q5fWHs[data-collapsible="icon"] .menuSub-C3hpFv {
+  display: none;
+}
+
+.desktopRoot-Q5fWHs[data-collapsible="icon"] .menuButtonSizeLg-pDY27P {
+  padding: 0;
+}
+
+.menuAction-zFg0XY {
+  aspect-ratio: 1;
+  border-radius: var(--ac-radius-md);
+  color: inherit;
+  cursor: pointer;
+  transition: opacity var(--ac-transition-fast),background-color var(--ac-transition-fast),color var(--ac-transition-fast);
+  background: none;
+  border: 0;
+  outline: none;
+  justify-content: center;
+  align-items: center;
+  width: 1.25rem;
+  padding: 0;
+  display: flex;
+  position: absolute;
+  top: 50%;
+  right: .25rem;
+  transform: translateY(-50%);
+}
+
+.menuAction-zFg0XY:focus-visible, .menuAction-zFg0XY:hover {
+  background-color: var(--ac-sidebar-accent);
+  color: var(--ac-sidebar-accent-foreground);
+}
+
+@media (width >= 768px) {
+  .menuActionShowOnHover-Zs9o7y {
+    opacity: 0;
+  }
+
+  .menuItem-Es_zlt:focus-within .menuActionShowOnHover-Zs9o7y, .menuItem-Es_zlt:hover .menuActionShowOnHover-Zs9o7y {
+    opacity: 1;
+  }
+}
+
+.menuBadge-SrQD7w {
+  color: inherit;
+  font-size: var(--ac-text-xs);
+  font-variant-numeric: tabular-nums;
+  pointer-events: none;
+  -webkit-user-select: none;
+  user-select: none;
+  justify-content: center;
+  min-width: 1.25rem;
+  height: 1.25rem;
+  padding-inline: .25rem;
+  font-weight: 500;
+  position: absolute;
+  top: 50%;
+  right: .25rem;
+  transform: translateY(-50%);
+}
+
+.menuBadge-SrQD7w, .menuSkeleton-ZWd2HI {
+  border-radius: var(--ac-radius-md);
+  align-items: center;
+  display: flex;
+}
+
+.menuSkeleton-ZWd2HI {
+  gap: var(--ac-space-2);
+  height: 2rem;
+  padding-inline: var(--ac-space-2);
+}
+
+.menuSkeletonIcon-DM5Jpr {
+  border-radius: var(--ac-radius-md);
+  width: 1rem;
+  height: 1rem;
+}
+
+.menuSkeletonText-xxatzQ {
+  height: 1rem;
+  max-width: var(--ac-skeleton-width);
+  width: var(--ac-skeleton-width);
+  flex: 1;
+}
+
+.menuSub-C3hpFv {
+  border-left: 1px solid var(--ac-sidebar-border);
+  gap: var(--ac-space-1);
+  padding: .125rem 0 .125rem var(--ac-space-3);
+  flex-direction: column;
+  margin-inline: .875rem;
+}
+
+.menuSub-C3hpFv, .menuSubButton-MWU7IE {
+  min-width: 0;
+  display: flex;
+}
+
+.menuSubButton-MWU7IE {
+  border-radius: var(--ac-radius-md);
+  color: inherit;
+  align-items: center;
+  gap: var(--ac-space-2);
+  height: 1.75rem;
+  padding-inline: var(--ac-space-2);
+  transition: background-color var(--ac-transition-fast),color var(--ac-transition-fast);
+  outline: none;
+  text-decoration: none;
+}
+
+.menuSubButton-MWU7IE:active, .menuSubButton-MWU7IE:focus-visible, .menuSubButton-MWU7IE:hover, .menuSubButton-MWU7IE[data-active="true"] {
+  background-color: var(--ac-sidebar-accent);
+  color: var(--ac-sidebar-accent-foreground);
+}
+
+.menuSubButton-MWU7IE > svg {
+  flex-shrink: 0;
+  width: 1rem;
+  height: 1rem;
+}
+
+.menuSubButtonSm-hdlFsN {
+  font-size: var(--ac-text-xs);
+}
+
+.menuSubButtonMd-Jk1eX5 {
+  font-size: var(--ac-text-sm);
+}
+
+.srOnly-tsutUB {
+  clip: rect(0,0,0,0);
+  white-space: nowrap;
+  border: 0;
+  width: 1px;
+  height: 1px;
+  margin: -1px;
+  padding: 0;
+  position: absolute;
+  overflow: hidden;
+}
+
+
+/*# sourceMappingURL=sidebar_module.css.map */

package/dist/components/ui/sidebar_module.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["webpack://./home/runner/work/arolariu.ro/arolariu.ro/packages/components/src/components/ui/sidebar.module.css","webpack://./src/components/ui/sidebar.module.css"],"names":[],"mappings":"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","sourcesContent":[".wrapper{min-height:100svh;width:100%}.staticSidebar,.wrapper{background-color:var(--ac-sidebar);display:flex}.staticSidebar{flex-direction:column;height:100%;width:var(--ac-sidebar-width)}.desktopRoot,.staticSidebar{color:var(--ac-sidebar-foreground)}.desktopRoot{display:none}@media (min-width:768px){.desktopRoot{display:block}}.gap{background-color:transparent;position:relative;transition:width var(--ac-transition-slow);width:var(--ac-sidebar-width)}.desktopRoot[data-collapsible=offcanvas] .gap{width:0}.desktopRoot[data-collapsible=icon] .gap{width:var(--ac-sidebar-width-icon)}.desktopRoot[data-variant=floating] .gap,.desktopRoot[data-variant=inset] .gap{width:calc(var(--ac-sidebar-width-icon) + var(--ac-space-4))}.panelWrap{display:none;inset-block:0;position:fixed;transition:left var(--ac-transition-slow),right var(--ac-transition-slow),width var(--ac-transition-slow),padding var(--ac-transition-slow);width:var(--ac-sidebar-width);z-index:20}@media (min-width:768px){.panelWrap{display:flex}}.desktopRoot[data-side=left] .panelWrap{left:0}.desktopRoot[data-side=right] .panelWrap{right:0}.desktopRoot[data-side=left][data-collapsible=offcanvas] .panelWrap{left:calc(var(--ac-sidebar-width)*-1)}.desktopRoot[data-side=right][data-collapsible=offcanvas] .panelWrap{right:calc(var(--ac-sidebar-width)*-1)}.desktopRoot[data-collapsible=icon] .panelWrap{width:var(--ac-sidebar-width-icon)}.desktopRoot[data-variant=floating] .panelWrap,.desktopRoot[data-variant=inset] .panelWrap{padding:var(--ac-space-2)}.desktopRoot[data-variant=floating][data-collapsible=icon] .panelWrap,.desktopRoot[data-variant=inset][data-collapsible=icon] .panelWrap{width:calc(var(--ac-sidebar-width-icon) + var(--ac-space-4))}.panel{background-color:var(--ac-sidebar);color:var(--ac-sidebar-foreground);display:flex;flex-direction:column;height:100%;width:100%}.desktopRoot[data-variant=sidebar] .panel{border-inline-end:1px solid var(--ac-sidebar-border)}.desktopRoot[data-side=right][data-variant=sidebar] .panel{border-inline-end:0;border-inline-start:1px solid var(--ac-sidebar-border)}.desktopRoot[data-variant=floating] .panel,.desktopRoot[data-variant=inset] .panel{border:1px solid var(--ac-sidebar-border);border-radius:var(--ac-radius-lg);box-shadow:0 8px 24px rgba(0,0,0,.08)}.mobilePortal{inset:0;position:fixed;z-index:50}.mobileOverlay{background:rgba(0,0,0,.45);border:0;inset:0;position:absolute}.mobilePanel{background-color:var(--ac-sidebar);box-shadow:0 18px 50px rgba(0,0,0,.18);color:var(--ac-sidebar-foreground);inset-block:0;padding:0;position:absolute;width:var(--ac-sidebar-width)}.mobilePanelLeft{left:0}.mobilePanelRight{right:0}.mobileContent{display:flex;flex-direction:column;height:100%;width:100%}.trigger{height:1.75rem;width:1.75rem}.triggerIcon{height:1rem;width:1rem}.rail{background:transparent;border:0;display:none;transform:translateX(-50%);width:1rem;z-index:30}.rail,.rail:after{inset-block:0;position:absolute;transition:background-color var(--ac-transition-fast)}.rail:after{background-color:transparent;content:\"\";left:50%;width:2px}@media (min-width:640px){.rail{cursor:ew-resize;display:flex}.rail:hover:after{background-color:var(--ac-sidebar-border)}}.desktopRoot[data-side=left] .rail{right:-1rem}.desktopRoot[data-side=right] .rail{left:0}.desktopRoot[data-collapsible=offcanvas][data-side=left] .rail{right:-.5rem;transform:none}.desktopRoot[data-collapsible=offcanvas][data-side=right] .rail{left:-.5rem;transform:none}.inset{background-color:var(--ac-background);display:flex;flex:1;flex-direction:column;position:relative;width:100%}@media (min-width:768px){.desktopRoot[data-variant=inset]~.inset{border-radius:var(--ac-radius-xl);box-shadow:0 8px 24px rgba(0,0,0,.08);margin:var(--ac-space-2);margin-inline-start:0}.desktopRoot[data-state=collapsed][data-variant=inset]~.inset{margin-inline-start:var(--ac-space-2)}}.input{background-color:var(--ac-background);box-shadow:none;height:2rem;width:100%}.footer,.header{display:flex;flex-direction:column;gap:var(--ac-space-2);padding:var(--ac-space-2)}.separator{background-color:var(--ac-sidebar-border);margin-inline:var(--ac-space-2);width:auto}.content{display:flex;flex:1;flex-direction:column;gap:var(--ac-space-2);min-height:0;overflow:auto}.desktopRoot[data-collapsible=icon] .content{overflow:hidden}.group{display:flex;flex-direction:column;min-width:0;padding:var(--ac-space-2);position:relative;width:100%}.groupLabel{align-items:center;border-radius:var(--ac-radius-md);color:color-mix(in oklch,var(--ac-sidebar-foreground),transparent 30%);display:flex;flex-shrink:0;font-size:var(--ac-text-xs);font-weight:500;height:2rem;outline:none;padding-inline:var(--ac-space-2);transition:margin var(--ac-transition-slow),opacity var(--ac-transition-slow)}.groupLabel>svg{flex-shrink:0;height:1rem;width:1rem}.desktopRoot[data-collapsible=icon] .groupLabel{margin-top:-2rem;opacity:0;pointer-events:none}.groupAction{align-items:center;aspect-ratio:1;background:transparent;border:0;border-radius:var(--ac-radius-md);color:var(--ac-sidebar-foreground);cursor:pointer;display:flex;justify-content:center;outline:none;padding:0;position:absolute;right:.75rem;top:.875rem;transition:background-color var(--ac-transition-fast),color var(--ac-transition-fast);width:1.25rem}.groupAction:focus-visible,.groupAction:hover{background-color:var(--ac-sidebar-accent);color:var(--ac-sidebar-accent-foreground)}.desktopRoot[data-collapsible=icon] .groupAction{display:none}.groupContent{font-size:var(--ac-text-sm);width:100%}.menu{display:flex;flex-direction:column;gap:var(--ac-space-1);min-width:0;width:100%}.menuItem{position:relative}.menuButton{align-items:center;background:transparent;border:0;border-radius:var(--ac-radius-md);color:inherit;display:flex;font-size:var(--ac-text-sm);gap:var(--ac-space-2);outline:none;overflow:hidden;padding:var(--ac-space-2);text-align:left;transition:background-color var(--ac-transition-fast),color var(--ac-transition-fast),width var(--ac-transition-slow),height var(--ac-transition-slow),padding var(--ac-transition-slow);width:100%}.menuButton:active,.menuButton:focus-visible,.menuButton:hover,.menuButton[data-active=true]{background-color:var(--ac-sidebar-accent);color:var(--ac-sidebar-accent-foreground)}.menuButton[data-active=true]{font-weight:500}.menuButton:disabled,.menuButton[aria-disabled=true]{opacity:.5;pointer-events:none}.menuButton>svg{flex-shrink:0;height:1rem;width:1rem}.menuButton>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menuButtonDefault{background-color:transparent}.menuButtonOutline{background-color:var(--ac-background);border:1px solid var(--ac-sidebar-border);box-shadow:0 1px 2px rgba(0,0,0,.05)}.menuButtonSizeDefault{min-height:2rem}.menuButtonSizeSm{font-size:var(--ac-text-xs);min-height:1.75rem}.menuButtonSizeLg{font-size:var(--ac-text-sm);min-height:3rem}.desktopRoot[data-collapsible=icon] .menuButton{height:2rem;justify-content:center;min-width:2rem;padding:var(--ac-space-2);width:2rem}.desktopRoot[data-collapsible=icon] .menuAction,.desktopRoot[data-collapsible=icon] .menuBadge,.desktopRoot[data-collapsible=icon] .menuButton>span:last-child,.desktopRoot[data-collapsible=icon] .menuSub{display:none}.desktopRoot[data-collapsible=icon] .menuButtonSizeLg{padding:0}.menuAction{align-items:center;aspect-ratio:1;background:transparent;border:0;border-radius:var(--ac-radius-md);color:inherit;cursor:pointer;display:flex;justify-content:center;outline:none;padding:0;position:absolute;right:.25rem;top:50%;transform:translateY(-50%);transition:opacity var(--ac-transition-fast),background-color var(--ac-transition-fast),color var(--ac-transition-fast);width:1.25rem}.menuAction:focus-visible,.menuAction:hover{background-color:var(--ac-sidebar-accent);color:var(--ac-sidebar-accent-foreground)}@media (min-width:768px){.menuActionShowOnHover{opacity:0}.menuItem:focus-within .menuActionShowOnHover,.menuItem:hover .menuActionShowOnHover{opacity:1}}.menuBadge{color:inherit;font-size:var(--ac-text-xs);font-variant-numeric:tabular-nums;font-weight:500;height:1.25rem;justify-content:center;min-width:1.25rem;padding-inline:.25rem;pointer-events:none;position:absolute;right:.25rem;top:50%;transform:translateY(-50%);user-select:none}.menuBadge,.menuSkeleton{align-items:center;border-radius:var(--ac-radius-md);display:flex}.menuSkeleton{gap:var(--ac-space-2);height:2rem;padding-inline:var(--ac-space-2)}.menuSkeletonIcon{border-radius:var(--ac-radius-md);height:1rem;width:1rem}.menuSkeletonText{flex:1;height:1rem;max-width:var(--ac-skeleton-width);width:var(--ac-skeleton-width)}.menuSub{border-left:1px solid var(--ac-sidebar-border);flex-direction:column;gap:var(--ac-space-1);margin-inline:.875rem;padding:.125rem 0 .125rem var(--ac-space-3)}.menuSub,.menuSubButton{display:flex;min-width:0}.menuSubButton{align-items:center;border-radius:var(--ac-radius-md);color:inherit;gap:var(--ac-space-2);height:1.75rem;outline:none;padding-inline:var(--ac-space-2);text-decoration:none;transition:background-color var(--ac-transition-fast),color var(--ac-transition-fast)}.menuSubButton:active,.menuSubButton:focus-visible,.menuSubButton:hover,.menuSubButton[data-active=true]{background-color:var(--ac-sidebar-accent);color:var(--ac-sidebar-accent-foreground)}.menuSubButton>svg{flex-shrink:0;height:1rem;width:1rem}.menuSubButtonSm{font-size:var(--ac-text-xs)}.menuSubButtonMd{font-size:var(--ac-text-sm)}.srOnly{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}",".wrapper {\n  width: 100%;\n  min-height: 100svh;\n}\n\n.staticSidebar, .wrapper {\n  background-color: var(--ac-sidebar);\n  display: flex;\n}\n\n.staticSidebar {\n  height: 100%;\n  width: var(--ac-sidebar-width);\n  flex-direction: column;\n}\n\n.desktopRoot, .staticSidebar {\n  color: var(--ac-sidebar-foreground);\n}\n\n.desktopRoot {\n  display: none;\n}\n\n@media (width >= 768px) {\n  .desktopRoot {\n    display: block;\n  }\n}\n\n.gap {\n  transition: width var(--ac-transition-slow);\n  width: var(--ac-sidebar-width);\n  background-color: #0000;\n  position: relative;\n}\n\n.desktopRoot[data-collapsible=\"offcanvas\"] .gap {\n  width: 0;\n}\n\n.desktopRoot[data-collapsible=\"icon\"] .gap {\n  width: var(--ac-sidebar-width-icon);\n}\n\n.desktopRoot[data-variant=\"floating\"] .gap, .desktopRoot[data-variant=\"inset\"] .gap {\n  width: calc(var(--ac-sidebar-width-icon) + var(--ac-space-4));\n}\n\n.panelWrap {\n  transition: left var(--ac-transition-slow),right var(--ac-transition-slow),width var(--ac-transition-slow),padding var(--ac-transition-slow);\n  width: var(--ac-sidebar-width);\n  z-index: 20;\n  display: none;\n  position: fixed;\n  inset-block: 0;\n}\n\n@media (width >= 768px) {\n  .panelWrap {\n    display: flex;\n  }\n}\n\n.desktopRoot[data-side=\"left\"] .panelWrap {\n  left: 0;\n}\n\n.desktopRoot[data-side=\"right\"] .panelWrap {\n  right: 0;\n}\n\n.desktopRoot[data-side=\"left\"][data-collapsible=\"offcanvas\"] .panelWrap {\n  left: calc(var(--ac-sidebar-width)*-1);\n}\n\n.desktopRoot[data-side=\"right\"][data-collapsible=\"offcanvas\"] .panelWrap {\n  right: calc(var(--ac-sidebar-width)*-1);\n}\n\n.desktopRoot[data-collapsible=\"icon\"] .panelWrap {\n  width: var(--ac-sidebar-width-icon);\n}\n\n.desktopRoot[data-variant=\"floating\"] .panelWrap, .desktopRoot[data-variant=\"inset\"] .panelWrap {\n  padding: var(--ac-space-2);\n}\n\n.desktopRoot[data-variant=\"floating\"][data-collapsible=\"icon\"] .panelWrap, .desktopRoot[data-variant=\"inset\"][data-collapsible=\"icon\"] .panelWrap {\n  width: calc(var(--ac-sidebar-width-icon) + var(--ac-space-4));\n}\n\n.panel {\n  background-color: var(--ac-sidebar);\n  color: var(--ac-sidebar-foreground);\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n  display: flex;\n}\n\n.desktopRoot[data-variant=\"sidebar\"] .panel {\n  border-inline-end: 1px solid var(--ac-sidebar-border);\n}\n\n.desktopRoot[data-side=\"right\"][data-variant=\"sidebar\"] .panel {\n  border-inline-end: 0;\n  border-inline-start: 1px solid var(--ac-sidebar-border);\n}\n\n.desktopRoot[data-variant=\"floating\"] .panel, .desktopRoot[data-variant=\"inset\"] .panel {\n  border: 1px solid var(--ac-sidebar-border);\n  border-radius: var(--ac-radius-lg);\n  box-shadow: 0 8px 24px #00000014;\n}\n\n.mobilePortal {\n  z-index: 50;\n  position: fixed;\n  inset: 0;\n}\n\n.mobileOverlay {\n  background: #00000073;\n  border: 0;\n  position: absolute;\n  inset: 0;\n}\n\n.mobilePanel {\n  background-color: var(--ac-sidebar);\n  color: var(--ac-sidebar-foreground);\n  width: var(--ac-sidebar-width);\n  padding: 0;\n  position: absolute;\n  inset-block: 0;\n  box-shadow: 0 18px 50px #0000002e;\n}\n\n.mobilePanelLeft {\n  left: 0;\n}\n\n.mobilePanelRight {\n  right: 0;\n}\n\n.mobileContent {\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n  display: flex;\n}\n\n.trigger {\n  width: 1.75rem;\n  height: 1.75rem;\n}\n\n.triggerIcon {\n  width: 1rem;\n  height: 1rem;\n}\n\n.rail {\n  z-index: 30;\n  background: none;\n  border: 0;\n  width: 1rem;\n  display: none;\n  transform: translateX(-50%);\n}\n\n.rail, .rail:after {\n  transition: background-color var(--ac-transition-fast);\n  position: absolute;\n  inset-block: 0;\n}\n\n.rail:after {\n  content: \"\";\n  background-color: #0000;\n  width: 2px;\n  left: 50%;\n}\n\n@media (width >= 640px) {\n  .rail {\n    cursor: ew-resize;\n    display: flex;\n  }\n\n  .rail:hover:after {\n    background-color: var(--ac-sidebar-border);\n  }\n}\n\n.desktopRoot[data-side=\"left\"] .rail {\n  right: -1rem;\n}\n\n.desktopRoot[data-side=\"right\"] .rail {\n  left: 0;\n}\n\n.desktopRoot[data-collapsible=\"offcanvas\"][data-side=\"left\"] .rail {\n  right: -.5rem;\n  transform: none;\n}\n\n.desktopRoot[data-collapsible=\"offcanvas\"][data-side=\"right\"] .rail {\n  left: -.5rem;\n  transform: none;\n}\n\n.inset {\n  background-color: var(--ac-background);\n  flex-direction: column;\n  flex: 1;\n  width: 100%;\n  display: flex;\n  position: relative;\n}\n\n@media (width >= 768px) {\n  .desktopRoot[data-variant=\"inset\"] ~ .inset {\n    border-radius: var(--ac-radius-xl);\n    margin: var(--ac-space-2);\n    margin-inline-start: 0;\n    box-shadow: 0 8px 24px #00000014;\n  }\n\n  .desktopRoot[data-state=\"collapsed\"][data-variant=\"inset\"] ~ .inset {\n    margin-inline-start: var(--ac-space-2);\n  }\n}\n\n.input {\n  background-color: var(--ac-background);\n  box-shadow: none;\n  width: 100%;\n  height: 2rem;\n}\n\n.footer, .header {\n  gap: var(--ac-space-2);\n  padding: var(--ac-space-2);\n  flex-direction: column;\n  display: flex;\n}\n\n.separator {\n  background-color: var(--ac-sidebar-border);\n  margin-inline: var(--ac-space-2);\n  width: auto;\n}\n\n.content {\n  gap: var(--ac-space-2);\n  flex-direction: column;\n  flex: 1;\n  min-height: 0;\n  display: flex;\n  overflow: auto;\n}\n\n.desktopRoot[data-collapsible=\"icon\"] .content {\n  overflow: hidden;\n}\n\n.group {\n  min-width: 0;\n  padding: var(--ac-space-2);\n  flex-direction: column;\n  width: 100%;\n  display: flex;\n  position: relative;\n}\n\n.groupLabel {\n  border-radius: var(--ac-radius-md);\n  color: color-mix(in oklch,var(--ac-sidebar-foreground),transparent 30%);\n  font-size: var(--ac-text-xs);\n  height: 2rem;\n  padding-inline: var(--ac-space-2);\n  transition: margin var(--ac-transition-slow),opacity var(--ac-transition-slow);\n  outline: none;\n  flex-shrink: 0;\n  align-items: center;\n  font-weight: 500;\n  display: flex;\n}\n\n.groupLabel > svg {\n  flex-shrink: 0;\n  width: 1rem;\n  height: 1rem;\n}\n\n.desktopRoot[data-collapsible=\"icon\"] .groupLabel {\n  opacity: 0;\n  pointer-events: none;\n  margin-top: -2rem;\n}\n\n.groupAction {\n  aspect-ratio: 1;\n  border-radius: var(--ac-radius-md);\n  color: var(--ac-sidebar-foreground);\n  cursor: pointer;\n  transition: background-color var(--ac-transition-fast),color var(--ac-transition-fast);\n  background: none;\n  border: 0;\n  outline: none;\n  justify-content: center;\n  align-items: center;\n  width: 1.25rem;\n  padding: 0;\n  display: flex;\n  position: absolute;\n  top: .875rem;\n  right: .75rem;\n}\n\n.groupAction:focus-visible, .groupAction:hover {\n  background-color: var(--ac-sidebar-accent);\n  color: var(--ac-sidebar-accent-foreground);\n}\n\n.desktopRoot[data-collapsible=\"icon\"] .groupAction {\n  display: none;\n}\n\n.groupContent {\n  font-size: var(--ac-text-sm);\n  width: 100%;\n}\n\n.menu {\n  gap: var(--ac-space-1);\n  flex-direction: column;\n  width: 100%;\n  min-width: 0;\n  display: flex;\n}\n\n.menuItem {\n  position: relative;\n}\n\n.menuButton {\n  border-radius: var(--ac-radius-md);\n  color: inherit;\n  font-size: var(--ac-text-sm);\n  align-items: center;\n  gap: var(--ac-space-2);\n  padding: var(--ac-space-2);\n  text-align: left;\n  transition: background-color var(--ac-transition-fast),color var(--ac-transition-fast),width var(--ac-transition-slow),height var(--ac-transition-slow),padding var(--ac-transition-slow);\n  background: none;\n  border: 0;\n  outline: none;\n  width: 100%;\n  display: flex;\n  overflow: hidden;\n}\n\n.menuButton:active, .menuButton:focus-visible, .menuButton:hover, .menuButton[data-active=\"true\"] {\n  background-color: var(--ac-sidebar-accent);\n  color: var(--ac-sidebar-accent-foreground);\n}\n\n.menuButton[data-active=\"true\"] {\n  font-weight: 500;\n}\n\n.menuButton:disabled, .menuButton[aria-disabled=\"true\"] {\n  opacity: .5;\n  pointer-events: none;\n}\n\n.menuButton > svg {\n  flex-shrink: 0;\n  width: 1rem;\n  height: 1rem;\n}\n\n.menuButton > span:last-child {\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden;\n}\n\n.menuButtonDefault {\n  background-color: #0000;\n}\n\n.menuButtonOutline {\n  background-color: var(--ac-background);\n  border: 1px solid var(--ac-sidebar-border);\n  box-shadow: 0 1px 2px #0000000d;\n}\n\n.menuButtonSizeDefault {\n  min-height: 2rem;\n}\n\n.menuButtonSizeSm {\n  font-size: var(--ac-text-xs);\n  min-height: 1.75rem;\n}\n\n.menuButtonSizeLg {\n  font-size: var(--ac-text-sm);\n  min-height: 3rem;\n}\n\n.desktopRoot[data-collapsible=\"icon\"] .menuButton {\n  min-width: 2rem;\n  height: 2rem;\n  padding: var(--ac-space-2);\n  justify-content: center;\n  width: 2rem;\n}\n\n.desktopRoot[data-collapsible=\"icon\"] .menuAction, .desktopRoot[data-collapsible=\"icon\"] .menuBadge, .desktopRoot[data-collapsible=\"icon\"] .menuButton > span:last-child, .desktopRoot[data-collapsible=\"icon\"] .menuSub {\n  display: none;\n}\n\n.desktopRoot[data-collapsible=\"icon\"] .menuButtonSizeLg {\n  padding: 0;\n}\n\n.menuAction {\n  aspect-ratio: 1;\n  border-radius: var(--ac-radius-md);\n  color: inherit;\n  cursor: pointer;\n  transition: opacity var(--ac-transition-fast),background-color var(--ac-transition-fast),color var(--ac-transition-fast);\n  background: none;\n  border: 0;\n  outline: none;\n  justify-content: center;\n  align-items: center;\n  width: 1.25rem;\n  padding: 0;\n  display: flex;\n  position: absolute;\n  top: 50%;\n  right: .25rem;\n  transform: translateY(-50%);\n}\n\n.menuAction:focus-visible, .menuAction:hover {\n  background-color: var(--ac-sidebar-accent);\n  color: var(--ac-sidebar-accent-foreground);\n}\n\n@media (width >= 768px) {\n  .menuActionShowOnHover {\n    opacity: 0;\n  }\n\n  .menuItem:focus-within .menuActionShowOnHover, .menuItem:hover .menuActionShowOnHover {\n    opacity: 1;\n  }\n}\n\n.menuBadge {\n  color: inherit;\n  font-size: var(--ac-text-xs);\n  font-variant-numeric: tabular-nums;\n  pointer-events: none;\n  -webkit-user-select: none;\n  user-select: none;\n  justify-content: center;\n  min-width: 1.25rem;\n  height: 1.25rem;\n  padding-inline: .25rem;\n  font-weight: 500;\n  position: absolute;\n  top: 50%;\n  right: .25rem;\n  transform: translateY(-50%);\n}\n\n.menuBadge, .menuSkeleton {\n  border-radius: var(--ac-radius-md);\n  align-items: center;\n  display: flex;\n}\n\n.menuSkeleton {\n  gap: var(--ac-space-2);\n  height: 2rem;\n  padding-inline: var(--ac-space-2);\n}\n\n.menuSkeletonIcon {\n  border-radius: var(--ac-radius-md);\n  width: 1rem;\n  height: 1rem;\n}\n\n.menuSkeletonText {\n  height: 1rem;\n  max-width: var(--ac-skeleton-width);\n  width: var(--ac-skeleton-width);\n  flex: 1;\n}\n\n.menuSub {\n  border-left: 1px solid var(--ac-sidebar-border);\n  gap: var(--ac-space-1);\n  padding: .125rem 0 .125rem var(--ac-space-3);\n  flex-direction: column;\n  margin-inline: .875rem;\n}\n\n.menuSub, .menuSubButton {\n  min-width: 0;\n  display: flex;\n}\n\n.menuSubButton {\n  border-radius: var(--ac-radius-md);\n  color: inherit;\n  align-items: center;\n  gap: var(--ac-space-2);\n  height: 1.75rem;\n  padding-inline: var(--ac-space-2);\n  transition: background-color var(--ac-transition-fast),color var(--ac-transition-fast);\n  outline: none;\n  text-decoration: none;\n}\n\n.menuSubButton:active, .menuSubButton:focus-visible, .menuSubButton:hover, .menuSubButton[data-active=\"true\"] {\n  background-color: var(--ac-sidebar-accent);\n  color: var(--ac-sidebar-accent-foreground);\n}\n\n.menuSubButton > svg {\n  flex-shrink: 0;\n  width: 1rem;\n  height: 1rem;\n}\n\n.menuSubButtonSm {\n  font-size: var(--ac-text-xs);\n}\n\n.menuSubButtonMd {\n  font-size: var(--ac-text-sm);\n}\n\n.srOnly {\n  clip: rect(0,0,0,0);\n  white-space: nowrap;\n  border: 0;\n  width: 1px;\n  height: 1px;\n  margin: -1px;\n  padding: 0;\n  position: absolute;\n  overflow: hidden;\n}\n"],"sourceRoot":""}

package/dist/components/ui/skeleton.d.ts

@@ -1,4 +1,33 @@
 import * as React from "react";
-declare function Skeleton({ className, ...props }: Readonly<React.HTMLAttributes<HTMLDivElement>>): import("react/jsx-runtime").JSX.Element;
+/**
+ * Represents the configurable props for the Skeleton component.
+ *
+ * @remarks
+ * Extends native `<div>` attributes so loading placeholders can be sized, annotated,
+ * and composed freely while exposing a documented class override.
+ */
+interface SkeletonProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Additional CSS classes merged with the default skeleton shimmer styles.
+     */
+    className?: string;
+}
+/**
+ * A loading placeholder used while content is being fetched or prepared.
+ *
+ * @remarks
+ * **Rendering Context**: Server- and client-compatible presentational component.
+ *
+ * Renders a styled `<div>` with the library's skeleton animation. Size it with layout
+ * classes to mimic the eventual content and reduce perceived loading jank.
+ *
+ * @example
+ * ```tsx
+ * <Skeleton className="h-4 w-32" aria-label="Loading account name" />
+ * ```
+ *
+ * @see {@link https://base-ui.com/react/overview Base UI documentation}
+ */
+declare const Skeleton: React.ForwardRefExoticComponent<SkeletonProps & React.RefAttributes<HTMLDivElement>>;
 export { Skeleton };
 //# sourceMappingURL=skeleton.d.ts.map

package/dist/components/ui/skeleton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"skeleton.d.ts","sourceRoot":"","sources":["../../../src/components/ui/skeleton.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,iBAAS,QAAQ,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC,2CAOtF;AAED,OAAO,EAAC,QAAQ,EAAC,CAAC"}
+{"version":3,"file":"skeleton.d.ts","sourceRoot":"","sources":["../../../src/components/ui/skeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B;;;;;;GAMG;AACH,UAAU,aAAc,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAClE;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;GAeG;AACH,QAAA,MAAM,QAAQ,sFAMZ,CAAC;AAGH,OAAO,EAAC,QAAQ,EAAC,CAAC"}

package/dist/components/ui/skeleton.js

@@ -1,13 +1,13 @@
-"use client";
 import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
 import { cn } from "../../lib/utilities.js";
-import "react";
-function Skeleton({ className, ...props }) {
-    return /*#__PURE__*/ jsx("div", {
-        className: cn("animate-pulse rounded-md bg-neutral-900/10 dark:bg-neutral-50/10", className),
+import skeleton_module from "./skeleton.module.js";
+const Skeleton = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("div", {
+        ref: ref,
+        className: cn(skeleton_module.skeleton, className),
         ...props
-    });
-}
+    }));
+Skeleton.displayName = "Skeleton";
 export { Skeleton };
 
 //# sourceMappingURL=skeleton.js.map

package/dist/components/ui/skeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"components/ui/skeleton.js","sources":["../../../src/components/ui/skeleton.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\nimport * as React from \"react\";\r\n\r\nfunction Skeleton({className, ...props}: Readonly<React.HTMLAttributes<HTMLDivElement>>) {\r\n  return (\r\n    <div\r\n      className={cn(\"animate-pulse rounded-md bg-neutral-900/10 dark:bg-neutral-50/10\", className)}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nexport {Skeleton};\r\n"],"names":["Skeleton","className","props","cn"],"mappings":";;;;AAKA,SAASA,SAAS,EAACC,SAAS,EAAE,GAAGC,OAAsD;IACrF,OAAO,WAAP,GACE,IAAC;QACC,WAAWC,GAAG,oEAAoEF;QACjF,GAAGC,KAAK;;AAGf"}
+{"version":3,"file":"components/ui/skeleton.js","sources":["../../../src/components/ui/skeleton.tsx"],"sourcesContent":["import * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\nimport styles from \"./skeleton.module.css\";\r\n\r\n/**\r\n * Represents the configurable props for the Skeleton component.\r\n *\r\n * @remarks\r\n * Extends native `<div>` attributes so loading placeholders can be sized, annotated,\r\n * and composed freely while exposing a documented class override.\r\n */\r\ninterface SkeletonProps extends React.HTMLAttributes<HTMLDivElement> {\r\n  /**\r\n   * Additional CSS classes merged with the default skeleton shimmer styles.\r\n   */\r\n  className?: string;\r\n}\r\n\r\n/**\r\n * A loading placeholder used while content is being fetched or prepared.\r\n *\r\n * @remarks\r\n * **Rendering Context**: Server- and client-compatible presentational component.\r\n *\r\n * Renders a styled `<div>` with the library's skeleton animation. Size it with layout\r\n * classes to mimic the eventual content and reduce perceived loading jank.\r\n *\r\n * @example\r\n * ```tsx\r\n * <Skeleton className=\"h-4 w-32\" aria-label=\"Loading account name\" />\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/overview Base UI documentation}\r\n */\r\nconst Skeleton = React.forwardRef<HTMLDivElement, SkeletonProps>(({className, ...props}, ref) => (\r\n  <div\r\n    ref={ref}\r\n    className={cn(styles.skeleton, className)}\r\n    {...props}\r\n  />\r\n));\r\nSkeleton.displayName = \"Skeleton\";\r\n\r\nexport {Skeleton};\r\n"],"names":["Skeleton","React","className","props","ref","cn","styles"],"mappings":";;;;AAmCA,MAAMA,WAAW,WAAHA,GAAGC,WAAgD,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GACvF,IAAC;QACC,KAAKA;QACL,WAAWC,GAAGC,gBAAAA,QAAe,EAAEJ;QAC9B,GAAGC,KAAK;;AAGbH,SAAS,WAAW,GAAG"}