@arolariu/components 1.0.0 → 2.0.0

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

@@ -1 +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":""}
+{"version":3,"sources":["webpack://./../../node_modules/@rslib/core/node_modules/@rsbuild/core/compiled/css-loader/index.js??ruleSet[1].rules[1].oneOf[2].use[1]!builtin:lightningcss-loader??ruleSet[1].rules[1].oneOf[2].use[2]!/home/runner/work/arolariu.ro/arolariu.ro/node_modules/@rslib/core/node_modules/@rsbuild/core/compiled/postcss-loader/index.js??ruleSet[1].rules[1].oneOf[2].use[3]!/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.js

@@ -1,8 +1,8 @@
 import { jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
 import { cn } from "../../lib/utilities.js";
 import skeleton_module from "./skeleton.module.js";
-const Skeleton = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("div", {
+import * as __rspack_external_react from "react";
+const Skeleton = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("div", {
         ref: ref,
         className: cn(skeleton_module.skeleton, className),
         ...props

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

@@ -1 +1 @@
-{"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"}
+{"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,wBAAAA,UAAgB,CAAgC,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"}

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

@@ -1 +1 @@
-{"version":3,"sources":["webpack://./home/runner/work/arolariu.ro/arolariu.ro/packages/components/src/components/ui/skeleton.module.css","webpack://./src/components/ui/skeleton.module.css"],"names":[],"mappings":"AADA;ECEE,iCAAiC;EACjC,kCAAkC;EAClC,8DAAuD;AACzD;;AAEA;EACE;IACE,UAAU;EACZ;;EAEA;IACE,WAAW;EACb;AACF","sourcesContent":[".skeleton{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;background-color:var(--ac-muted);border-radius:var(--ac-radius-md)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}",".skeleton {\n  background-color: var(--ac-muted);\n  border-radius: var(--ac-radius-md);\n  animation: 2s cubic-bezier(.4, 0, .6, 1) infinite pulse;\n}\n\n@keyframes pulse {\n  0%, to {\n    opacity: 1;\n  }\n\n  50% {\n    opacity: .5;\n  }\n}\n"],"sourceRoot":""}
+{"version":3,"sources":["webpack://./../../node_modules/@rslib/core/node_modules/@rsbuild/core/compiled/css-loader/index.js??ruleSet[1].rules[1].oneOf[2].use[1]!builtin:lightningcss-loader??ruleSet[1].rules[1].oneOf[2].use[2]!/home/runner/work/arolariu.ro/arolariu.ro/node_modules/@rslib/core/node_modules/@rsbuild/core/compiled/postcss-loader/index.js??ruleSet[1].rules[1].oneOf[2].use[3]!/home/runner/work/arolariu.ro/arolariu.ro/packages/components/src/components/ui/skeleton.module.css","webpack://./src/components/ui/skeleton.module.css"],"names":[],"mappings":"AAAA;ECCE,iCAAiC;EACjC,kCAAkC;EAClC,8DAAuD;AACzD;;ADJiI;ECO/H;IACE,UAAU;EACZ;;EAEA;IACE,WAAW;EACb;AACF","sourcesContent":[".skeleton{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;background-color:var(--ac-muted);border-radius:var(--ac-radius-md)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}",".skeleton {\n  background-color: var(--ac-muted);\n  border-radius: var(--ac-radius-md);\n  animation: 2s cubic-bezier(.4, 0, .6, 1) infinite pulse;\n}\n\n@keyframes pulse {\n  0%, to {\n    opacity: 1;\n  }\n\n  50% {\n    opacity: .5;\n  }\n}\n"],"sourceRoot":""}

package/dist/components/ui/slider.js

@@ -3,10 +3,10 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { mergeProps } from "@base-ui/react/merge-props";
 import { Slider } from "@base-ui/react/slider";
 import { useRender } from "@base-ui/react/use-render";
-import { forwardRef } from "react";
 import { cn } from "../../lib/utilities.js";
 import slider_module from "./slider.module.js";
-const slider_Slider = /*#__PURE__*/ forwardRef((props, ref)=>{
+import * as __rspack_external_react from "react";
+const slider_Slider = /*#__PURE__*/ __rspack_external_react.forwardRef((props, ref)=>{
     const { className, defaultValue, onValueChange, onValueCommitted, render, value, ...otherProps } = props;
     return /*#__PURE__*/ jsx(Slider.Root, {
         ref: ref,

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

@@ -1 +1 @@
-{"version":3,"file":"components/ui/slider.js","sources":["../../../src/components/ui/slider.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport {mergeProps} from \"@base-ui/react/merge-props\";\r\nimport {Slider as BaseSlider} from \"@base-ui/react/slider\";\r\nimport {useRender} from \"@base-ui/react/use-render\";\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\nimport styles from \"./slider.module.css\";\r\n\r\ninterface SliderProps extends Omit<\r\n  React.ComponentPropsWithRef<typeof BaseSlider.Root>,\r\n  \"defaultValue\" | \"onValueChange\" | \"onValueCommitted\" | \"value\" | \"className\"\r\n> {\r\n  /**\r\n   * Applies additional CSS classes to the component root element.\r\n   * @default undefined\r\n   */\r\n  className?: string;\r\n  /**\r\n   * Controls the current value when the component is used in controlled mode.\r\n   * @default undefined\r\n   */\r\n  value?: number[];\r\n  /**\r\n   * Sets the initial value when the component is used in uncontrolled mode.\r\n   * @default undefined\r\n   */\r\n  defaultValue?: number[];\r\n  /**\r\n   * Called whenever the slider value changes.\r\n   * @default undefined\r\n   */\r\n  onValueChange?: (value: number[], eventDetails: unknown) => void;\r\n  /**\r\n   * Called when a slider interaction is committed.\r\n   * @default undefined\r\n   */\r\n  onValueCommitted?: (value: number[], eventDetails: unknown) => void;\r\n}\r\n\r\n/**\r\n * Renders the slider control.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/slider | Base UI Slider}\r\n * - Supports the `render` prop for element composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <Slider>Content</Slider>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/slider | Base UI Documentation}\r\n */\r\nconst Slider = React.forwardRef<React.ComponentRef<typeof BaseSlider.Root>, Slider.Props>(\r\n  (props: Readonly<Slider.Props>, ref): React.ReactElement => {\r\n    const {className, defaultValue, onValueChange, onValueCommitted, render, value, ...otherProps} = props;\r\n\r\n    return (\r\n      <BaseSlider.Root<readonly number[]>\r\n        ref={ref}\r\n        defaultValue={defaultValue}\r\n        onValueChange={(nextValue, eventDetails) => {\r\n          onValueChange?.([...nextValue], eventDetails);\r\n        }}\r\n        onValueCommitted={(nextValue, eventDetails) => {\r\n          onValueCommitted?.([...nextValue], eventDetails);\r\n        }}\r\n        value={value}\r\n        {...otherProps}\r\n        render={useRender({\r\n          defaultTagName: \"div\",\r\n          render: render as never,\r\n          props: mergeProps({className: cn(styles.root, className)}, {}),\r\n        })}>\r\n        <BaseSlider.Control className={styles.control}>\r\n          <BaseSlider.Track className={styles.track}>\r\n            <BaseSlider.Indicator className={styles.indicator} />\r\n          </BaseSlider.Track>\r\n          <BaseSlider.Thumb className={styles.thumb} />\r\n        </BaseSlider.Control>\r\n      </BaseSlider.Root>\r\n    );\r\n  },\r\n);\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace Slider {\r\n  export type Props = SliderProps;\r\n  export type State = BaseSlider.Root.State;\r\n}\r\n\r\nSlider.displayName = \"Slider\";\r\n\r\nexport {Slider};\r\n"],"names":["Slider","React","props","ref","className","defaultValue","onValueChange","onValueCommitted","render","value","otherProps","BaseSlider","nextValue","eventDetails","useRender","mergeProps","cn","styles"],"mappings":";;;;;;;;AAwDA,MAAMA,gBAAS,WAAHA,GAAGC,WACb,CAACC,OAA+BC;IAC9B,MAAM,EAACC,SAAS,EAAEC,YAAY,EAAEC,aAAa,EAAEC,gBAAgB,EAAEC,MAAM,EAAEC,KAAK,EAAE,GAAGC,YAAW,GAAGR;IAEjG,OAAO,WAAP,GACE,IAACS,OAAAA,IAAe;QACd,KAAKR;QACL,cAAcE;QACd,eAAe,CAACO,WAAWC;YACzBP,gBAAgB;mBAAIM;aAAU,EAAEC;QAClC;QACA,kBAAkB,CAACD,WAAWC;YAC5BN,mBAAmB;mBAAIK;aAAU,EAAEC;QACrC;QACA,OAAOJ;QACN,GAAGC,UAAU;QACd,QAAQI,UAAU;YAChB,gBAAgB;YAChB,QAAQN;YACR,OAAOO,WAAW;gBAAC,WAAWC,GAAGC,cAAAA,IAAW,EAAEb;YAAU,GAAG,CAAC;QAC9D;kBACA,mBAACO,OAAAA,OAAkB;YAAC,WAAWM,cAAAA,OAAc;;8BAC3C,IAACN,OAAAA,KAAgB;oBAAC,WAAWM,cAAAA,KAAY;8BACvC,kBAACN,OAAAA,SAAoB;wBAAC,WAAWM,cAAAA,SAAgB;;;8BAEnD,IAACN,OAAAA,KAAgB;oBAAC,WAAWM,cAAAA,KAAY;;;;;AAIjD;AASFjB,cAAO,WAAW,GAAG"}
+{"version":3,"file":"components/ui/slider.js","sources":["../../../src/components/ui/slider.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport {mergeProps} from \"@base-ui/react/merge-props\";\r\nimport {Slider as BaseSlider} from \"@base-ui/react/slider\";\r\nimport {useRender} from \"@base-ui/react/use-render\";\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\nimport styles from \"./slider.module.css\";\r\n\r\ninterface SliderProps extends Omit<\r\n  React.ComponentPropsWithRef<typeof BaseSlider.Root>,\r\n  \"defaultValue\" | \"onValueChange\" | \"onValueCommitted\" | \"value\" | \"className\"\r\n> {\r\n  /**\r\n   * Applies additional CSS classes to the component root element.\r\n   * @default undefined\r\n   */\r\n  className?: string;\r\n  /**\r\n   * Controls the current value when the component is used in controlled mode.\r\n   * @default undefined\r\n   */\r\n  value?: number[];\r\n  /**\r\n   * Sets the initial value when the component is used in uncontrolled mode.\r\n   * @default undefined\r\n   */\r\n  defaultValue?: number[];\r\n  /**\r\n   * Called whenever the slider value changes.\r\n   * @default undefined\r\n   */\r\n  onValueChange?: (value: number[], eventDetails: unknown) => void;\r\n  /**\r\n   * Called when a slider interaction is committed.\r\n   * @default undefined\r\n   */\r\n  onValueCommitted?: (value: number[], eventDetails: unknown) => void;\r\n}\r\n\r\n/**\r\n * Renders the slider control.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/slider | Base UI Slider}\r\n * - Supports the `render` prop for element composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <Slider>Content</Slider>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/slider | Base UI Documentation}\r\n */\r\nconst Slider = React.forwardRef<React.ComponentRef<typeof BaseSlider.Root>, Slider.Props>(\r\n  (props: Readonly<Slider.Props>, ref): React.ReactElement => {\r\n    const {className, defaultValue, onValueChange, onValueCommitted, render, value, ...otherProps} = props;\r\n\r\n    return (\r\n      <BaseSlider.Root<readonly number[]>\r\n        ref={ref}\r\n        defaultValue={defaultValue}\r\n        onValueChange={(nextValue, eventDetails) => {\r\n          onValueChange?.([...nextValue], eventDetails);\r\n        }}\r\n        onValueCommitted={(nextValue, eventDetails) => {\r\n          onValueCommitted?.([...nextValue], eventDetails);\r\n        }}\r\n        value={value}\r\n        {...otherProps}\r\n        render={useRender({\r\n          defaultTagName: \"div\",\r\n          render: render as never,\r\n          props: mergeProps({className: cn(styles.root, className)}, {}),\r\n        })}>\r\n        <BaseSlider.Control className={styles.control}>\r\n          <BaseSlider.Track className={styles.track}>\r\n            <BaseSlider.Indicator className={styles.indicator} />\r\n          </BaseSlider.Track>\r\n          <BaseSlider.Thumb className={styles.thumb} />\r\n        </BaseSlider.Control>\r\n      </BaseSlider.Root>\r\n    );\r\n  },\r\n);\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace Slider {\r\n  export type Props = SliderProps;\r\n  export type State = BaseSlider.Root.State;\r\n}\r\n\r\nSlider.displayName = \"Slider\";\r\n\r\nexport {Slider};\r\n"],"names":["Slider","React","props","ref","className","defaultValue","onValueChange","onValueCommitted","render","value","otherProps","BaseSlider","nextValue","eventDetails","useRender","mergeProps","cn","styles"],"mappings":";;;;;;;;AAwDA,MAAMA,gBAAS,WAAHA,GAAGC,wBAAAA,UAAgB,CAC7B,CAACC,OAA+BC;IAC9B,MAAM,EAACC,SAAS,EAAEC,YAAY,EAAEC,aAAa,EAAEC,gBAAgB,EAAEC,MAAM,EAAEC,KAAK,EAAE,GAAGC,YAAW,GAAGR;IAEjG,OAAO,WAAP,GACE,IAACS,OAAAA,IAAe;QACd,KAAKR;QACL,cAAcE;QACd,eAAe,CAACO,WAAWC;YACzBP,gBAAgB;mBAAIM;aAAU,EAAEC;QAClC;QACA,kBAAkB,CAACD,WAAWC;YAC5BN,mBAAmB;mBAAIK;aAAU,EAAEC;QACrC;QACA,OAAOJ;QACN,GAAGC,UAAU;QACd,QAAQI,UAAU;YAChB,gBAAgB;YAChB,QAAQN;YACR,OAAOO,WAAW;gBAAC,WAAWC,GAAGC,cAAAA,IAAW,EAAEb;YAAU,GAAG,CAAC;QAC9D;kBACA,mBAACO,OAAAA,OAAkB;YAAC,WAAWM,cAAAA,OAAc;;8BAC3C,IAACN,OAAAA,KAAgB;oBAAC,WAAWM,cAAAA,KAAY;8BACvC,kBAACN,OAAAA,SAAoB;wBAAC,WAAWM,cAAAA,SAAgB;;;8BAEnD,IAACN,OAAAA,KAAgB;oBAAC,WAAWM,cAAAA,KAAY;;;;;AAIjD;AASFjB,cAAO,WAAW,GAAG"}

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

@@ -1 +1 @@
-{"version":3,"sources":["webpack://./home/runner/work/arolariu.ro/arolariu.ro/packages/components/src/components/ui/slider.module.css","webpack://./src/components/ui/slider.module.css"],"names":[],"mappings":"AADA;ECEE,kBAAkB;EAClB,yBAAyB;EACzB,iBAAiB;AACnB;;AAEA;EACE,WAAW;EACX,aAAa;AACf;;AAEA;EACE,mBAAmB;EACnB,gBAAgB;AAClB;;AAEA;EACE,kBAAkB;AACpB;;AAEA;EACE,0EAA0E;EAC1E,oBAAoB;EACpB,WAAW;EACX,eAAe;EACf,gBAAgB;AAClB;;AAEA;EACE,mCAAmC;EACnC,kBAAkB;EAClB,iBAAiB;AACnB;;AAEA;EACE,sCAAsC;EACtC,uEAAuE;EACvE,oBAAoB;EACpB,aAAa;EACb,cAAc;EACd,eAAe;EACf,+BAA+B;AACjC;;AAEA;EACE,iCAAiC;EACjC,mBAAmB;AACrB;;AAEA;EACE,WAAW;AACb","sourcesContent":[".root{touch-action:none;user-select:none}.control,.root{display:flex;width:100%}.control{align-items:center;min-height:1rem}.control,.track{position:relative}.track{background-color:color-mix(in oklch,var(--ac-foreground),transparent 88%);border-radius:999px;height:.375rem;overflow:hidden;width:100%}.indicator{background-color:var(--ac-primary);inset:0 auto 0 0;position:absolute}.thumb{background-color:var(--ac-background);border:1px solid color-mix(in oklch,var(--ac-primary),transparent 60%);border-radius:999px;box-shadow:0 2px 8px rgba(0,0,0,.14);height:.875rem;outline:none;width:.875rem}.thumb:focus-visible{outline:2px solid var(--ac-ring);outline-offset:2px}.thumb[data-disabled]{opacity:.5}",".root {\n  touch-action: none;\n  -webkit-user-select: none;\n  user-select: none;\n}\n\n.control, .root {\n  width: 100%;\n  display: flex;\n}\n\n.control {\n  align-items: center;\n  min-height: 1rem;\n}\n\n.control, .track {\n  position: relative;\n}\n\n.track {\n  background-color: color-mix(in oklch,var(--ac-foreground),transparent 88%);\n  border-radius: 999px;\n  width: 100%;\n  height: .375rem;\n  overflow: hidden;\n}\n\n.indicator {\n  background-color: var(--ac-primary);\n  position: absolute;\n  inset: 0 auto 0 0;\n}\n\n.thumb {\n  background-color: var(--ac-background);\n  border: 1px solid color-mix(in oklch,var(--ac-primary),transparent 60%);\n  border-radius: 999px;\n  outline: none;\n  width: .875rem;\n  height: .875rem;\n  box-shadow: 0 2px 8px #00000024;\n}\n\n.thumb:focus-visible {\n  outline: 2px solid var(--ac-ring);\n  outline-offset: 2px;\n}\n\n.thumb[data-disabled] {\n  opacity: .5;\n}\n"],"sourceRoot":""}
+{"version":3,"sources":["webpack://./../../node_modules/@rslib/core/node_modules/@rsbuild/core/compiled/css-loader/index.js??ruleSet[1].rules[1].oneOf[2].use[1]!builtin:lightningcss-loader??ruleSet[1].rules[1].oneOf[2].use[2]!/home/runner/work/arolariu.ro/arolariu.ro/node_modules/@rslib/core/node_modules/@rsbuild/core/compiled/postcss-loader/index.js??ruleSet[1].rules[1].oneOf[2].use[3]!/home/runner/work/arolariu.ro/arolariu.ro/packages/components/src/components/ui/slider.module.css","webpack://./src/components/ui/slider.module.css"],"names":[],"mappings":"AAAA;ECCE,kBAAkB;EAClB,yBAAyB;EACzB,iBAAiB;AACnB;;ADJyC;ECOvC,WAAW;EACX,aAAa;AACf;;ADTgF;ECY9E,mBAAmB;EACnB,gBAAgB;AAClB;;ADd4H;ECiB1H,kBAAkB;AACpB;;ADlB8J;ECqB5J,0EAA0E;EAC1E,oBAAoB;EACpB,WAAW;EACX,eAAe;EACf,gBAAgB;AAClB;;AD1B6S;EC6B3S,mCAAmC;EACnC,kBAAkB;EAClB,iBAAiB;AACnB;;ADhC8X;ECmC5X,sCAAsC;EACtC,uEAAuE;EACvE,oBAAoB;EACpB,aAAa;EACb,cAAc;EACd,eAAe;EACf,+BAA+B;AACjC;;AD1CqlB;EC6CnlB,iCAAiC;EACjC,mBAAmB;AACrB;;AD/C8pB;ECkD5pB,WAAW;AACb","sourcesContent":[".root{touch-action:none;user-select:none}.control,.root{display:flex;width:100%}.control{align-items:center;min-height:1rem}.control,.track{position:relative}.track{background-color:color-mix(in oklch,var(--ac-foreground),transparent 88%);border-radius:999px;height:.375rem;overflow:hidden;width:100%}.indicator{background-color:var(--ac-primary);inset:0 auto 0 0;position:absolute}.thumb{background-color:var(--ac-background);border:1px solid color-mix(in oklch,var(--ac-primary),transparent 60%);border-radius:999px;box-shadow:0 2px 8px rgba(0,0,0,.14);height:.875rem;outline:none;width:.875rem}.thumb:focus-visible{outline:2px solid var(--ac-ring);outline-offset:2px}.thumb[data-disabled]{opacity:.5}",".root {\n  touch-action: none;\n  -webkit-user-select: none;\n  user-select: none;\n}\n\n.control, .root {\n  width: 100%;\n  display: flex;\n}\n\n.control {\n  align-items: center;\n  min-height: 1rem;\n}\n\n.control, .track {\n  position: relative;\n}\n\n.track {\n  background-color: color-mix(in oklch,var(--ac-foreground),transparent 88%);\n  border-radius: 999px;\n  width: 100%;\n  height: .375rem;\n  overflow: hidden;\n}\n\n.indicator {\n  background-color: var(--ac-primary);\n  position: absolute;\n  inset: 0 auto 0 0;\n}\n\n.thumb {\n  background-color: var(--ac-background);\n  border: 1px solid color-mix(in oklch,var(--ac-primary),transparent 60%);\n  border-radius: 999px;\n  outline: none;\n  width: .875rem;\n  height: .875rem;\n  box-shadow: 0 2px 8px #00000024;\n}\n\n.thumb:focus-visible {\n  outline: 2px solid var(--ac-ring);\n  outline-offset: 2px;\n}\n\n.thumb[data-disabled] {\n  opacity: .5;\n}\n"],"sourceRoot":""}

package/dist/components/ui/spinner.js

@@ -1,8 +1,8 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { forwardRef } from "react";
 import { cn } from "../../lib/utilities.js";
 import spinner_module from "./spinner.module.js";
-const Spinner = /*#__PURE__*/ forwardRef(({ children, className, ...props }, ref)=>/*#__PURE__*/ jsxs("svg", {
+import * as __rspack_external_react from "react";
+const Spinner = /*#__PURE__*/ __rspack_external_react.forwardRef(({ children, className, ...props }, ref)=>/*#__PURE__*/ jsxs("svg", {
         ref: ref,
         role: "status",
         "aria-label": props["aria-label"] ?? "Loading",

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

@@ -1 +1 @@
-{"version":3,"file":"components/ui/spinner.js","sources":["../../../src/components/ui/spinner.tsx"],"sourcesContent":["import * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\nimport styles from \"./spinner.module.css\";\r\n\r\n/**\r\n * Props for the {@link Spinner} component.\r\n */\r\nexport type SpinnerProps = React.ComponentPropsWithoutRef<\"svg\">;\r\n\r\n/**\r\n * Renders an animated loading indicator.\r\n *\r\n * @remarks\r\n * - Pure CSS component (no Base UI primitive)\r\n * - Renders an `<svg>` element\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example\r\n * ```tsx\r\n * <Spinner aria-label='Loading data' />\r\n * ```\r\n *\r\n * @see {@link SpinnerProps} for available props\r\n */\r\nconst Spinner = React.forwardRef<SVGSVGElement, SpinnerProps>(\r\n  ({children, className, ...props}: Readonly<SpinnerProps>, ref): React.JSX.Element => (\r\n    <svg\r\n      ref={ref}\r\n      role='status'\r\n      aria-label={props[\"aria-label\"] ?? \"Loading\"}\r\n      viewBox='0 0 24 24'\r\n      fill='none'\r\n      className={cn(styles.spinner, className)}\r\n      {...props}>\r\n      {children}\r\n      <circle\r\n        className={styles.track}\r\n        cx='12'\r\n        cy='12'\r\n        r='9'\r\n        stroke='currentColor'\r\n        strokeWidth='3'\r\n      />\r\n      <path\r\n        className={styles.indicator}\r\n        d='M21 12a9 9 0 0 0-9-9'\r\n        stroke='currentColor'\r\n        strokeWidth='3'\r\n      />\r\n    </svg>\r\n  ),\r\n);\r\n\r\nSpinner.displayName = \"Spinner\";\r\n\r\nexport {Spinner};\r\n"],"names":["Spinner","React","children","className","props","ref","cn","styles"],"mappings":";;;;AAyBA,MAAMA,UAAU,WAAHA,GAAGC,WACd,CAAC,EAACC,QAAQ,EAAEC,SAAS,EAAE,GAAGC,OAA8B,EAAEC,MAAAA,WAAAA,GACxD,KAAC;QACC,KAAKA;QACL,MAAK;QACL,cAAYD,KAAK,CAAC,aAAa,IAAI;QACnC,SAAQ;QACR,MAAK;QACL,WAAWE,GAAGC,eAAAA,OAAc,EAAEJ;QAC7B,GAAGC,KAAK;;YACRF;0BACD,IAAC;gBACC,WAAWK,eAAAA,KAAY;gBACvB,IAAG;gBACH,IAAG;gBACH,GAAE;gBACF,QAAO;gBACP,aAAY;;0BAEd,IAAC;gBACC,WAAWA,eAAAA,SAAgB;gBAC3B,GAAE;gBACF,QAAO;gBACP,aAAY;;;;AAMpBP,QAAQ,WAAW,GAAG"}
+{"version":3,"file":"components/ui/spinner.js","sources":["../../../src/components/ui/spinner.tsx"],"sourcesContent":["import * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\nimport styles from \"./spinner.module.css\";\r\n\r\n/**\r\n * Props for the {@link Spinner} component.\r\n */\r\nexport type SpinnerProps = React.ComponentPropsWithoutRef<\"svg\">;\r\n\r\n/**\r\n * Renders an animated loading indicator.\r\n *\r\n * @remarks\r\n * - Pure CSS component (no Base UI primitive)\r\n * - Renders an `<svg>` element\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example\r\n * ```tsx\r\n * <Spinner aria-label='Loading data' />\r\n * ```\r\n *\r\n * @see {@link SpinnerProps} for available props\r\n */\r\nconst Spinner = React.forwardRef<SVGSVGElement, SpinnerProps>(\r\n  ({children, className, ...props}: Readonly<SpinnerProps>, ref): React.JSX.Element => (\r\n    <svg\r\n      ref={ref}\r\n      role='status'\r\n      aria-label={props[\"aria-label\"] ?? \"Loading\"}\r\n      viewBox='0 0 24 24'\r\n      fill='none'\r\n      className={cn(styles.spinner, className)}\r\n      {...props}>\r\n      {children}\r\n      <circle\r\n        className={styles.track}\r\n        cx='12'\r\n        cy='12'\r\n        r='9'\r\n        stroke='currentColor'\r\n        strokeWidth='3'\r\n      />\r\n      <path\r\n        className={styles.indicator}\r\n        d='M21 12a9 9 0 0 0-9-9'\r\n        stroke='currentColor'\r\n        strokeWidth='3'\r\n      />\r\n    </svg>\r\n  ),\r\n);\r\n\r\nSpinner.displayName = \"Spinner\";\r\n\r\nexport {Spinner};\r\n"],"names":["Spinner","React","children","className","props","ref","cn","styles"],"mappings":";;;;AAyBA,MAAMA,UAAU,WAAHA,GAAGC,wBAAAA,UAAgB,CAC9B,CAAC,EAACC,QAAQ,EAAEC,SAAS,EAAE,GAAGC,OAA8B,EAAEC,MAAAA,WAAAA,GACxD,KAAC;QACC,KAAKA;QACL,MAAK;QACL,cAAYD,KAAK,CAAC,aAAa,IAAI;QACnC,SAAQ;QACR,MAAK;QACL,WAAWE,GAAGC,eAAAA,OAAc,EAAEJ;QAC7B,GAAGC,KAAK;;YACRF;0BACD,IAAC;gBACC,WAAWK,eAAAA,KAAY;gBACvB,IAAG;gBACH,IAAG;gBACH,GAAE;gBACF,QAAO;gBACP,aAAY;;0BAEd,IAAC;gBACC,WAAWA,eAAAA,SAAgB;gBAC3B,GAAE;gBACF,QAAO;gBACP,aAAY;;;;AAMpBP,QAAQ,WAAW,GAAG"}

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

@@ -1 +1 @@
-{"version":3,"sources":["webpack://./home/runner/work/arolariu.ro/arolariu.ro/packages/components/src/components/ui/spinner.module.css","webpack://./src/components/ui/spinner.module.css"],"names":[],"mappings":"AADA;ECEE,2BAA2B;EAC3B,wBAAwB;EACxB,WAAW;EACX,YAAY;EACZ,0CAAmC;AACrC;;AAEA;EACE,WAAW;AACb;;AAEA;EACE,qBAAqB;AACvB;;AAEA;EACE;IACE,oBAAoB;EACtB;;EAEA;IACE,wBAAwB;EAC1B;AACF","sourcesContent":[".spinner{animation:spin .8s linear infinite;color:var(--ac-foreground);height:1rem;transform-origin:center;width:1rem}.track{opacity:.2}.indicator{stroke-linecap:round}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}",".spinner {\n  color: var(--ac-foreground);\n  transform-origin: center;\n  width: 1rem;\n  height: 1rem;\n  animation: .8s linear infinite spin;\n}\n\n.track {\n  opacity: .2;\n}\n\n.indicator {\n  stroke-linecap: round;\n}\n\n@keyframes spin {\n  0% {\n    transform: rotate(0);\n  }\n\n  to {\n    transform: rotate(1turn);\n  }\n}\n"],"sourceRoot":""}
+{"version":3,"sources":["webpack://./../../node_modules/@rslib/core/node_modules/@rsbuild/core/compiled/css-loader/index.js??ruleSet[1].rules[1].oneOf[2].use[1]!builtin:lightningcss-loader??ruleSet[1].rules[1].oneOf[2].use[2]!/home/runner/work/arolariu.ro/arolariu.ro/node_modules/@rslib/core/node_modules/@rsbuild/core/compiled/postcss-loader/index.js??ruleSet[1].rules[1].oneOf[2].use[3]!/home/runner/work/arolariu.ro/arolariu.ro/packages/components/src/components/ui/spinner.module.css","webpack://./src/components/ui/spinner.module.css"],"names":[],"mappings":"AAAA;ECCE,2BAA2B;EAC3B,wBAAwB;EACxB,WAAW;EACX,YAAY;EACZ,0CAAmC;AACrC;;ADNsH;ECSpH,WAAW;AACb;;ADVwI;ECatI,qBAAqB;AACvB;;ADdwK;ECiBtK;IACE,oBAAoB;EACtB;;EAEA;IACE,wBAAwB;EAC1B;AACF","sourcesContent":[".spinner{animation:spin .8s linear infinite;color:var(--ac-foreground);height:1rem;transform-origin:center;width:1rem}.track{opacity:.2}.indicator{stroke-linecap:round}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}",".spinner {\n  color: var(--ac-foreground);\n  transform-origin: center;\n  width: 1rem;\n  height: 1rem;\n  animation: .8s linear infinite spin;\n}\n\n.track {\n  opacity: .2;\n}\n\n.indicator {\n  stroke-linecap: round;\n}\n\n@keyframes spin {\n  0% {\n    transform: rotate(0);\n  }\n\n  to {\n    transform: rotate(1turn);\n  }\n}\n"],"sourceRoot":""}

package/dist/components/ui/stepper.js

@@ -1,8 +1,8 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { forwardRef } from "react";
 import { cn } from "../../lib/utilities.js";
 import stepper_module from "./stepper.module.js";
-const Stepper = /*#__PURE__*/ forwardRef(({ steps, activeStep, orientation = "horizontal", className, ...props }, ref)=>/*#__PURE__*/ jsx("div", {
+import * as __rspack_external_react from "react";
+const Stepper = /*#__PURE__*/ __rspack_external_react.forwardRef(({ steps, activeStep, orientation = "horizontal", className, ...props }, ref)=>/*#__PURE__*/ jsx("div", {
         ref: ref,
         role: "list",
         "aria-label": "Progress",

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

@@ -1 +1 @@
-{"version":3,"file":"components/ui/stepper.js","sources":["../../../src/components/ui/stepper.tsx"],"sourcesContent":["import * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\nimport styles from \"./stepper.module.css\";\r\n\r\n/**\r\n * Represents the configurable props for the {@link Stepper} component.\r\n *\r\n * @remarks\r\n * Extends native `<div>` attributes so step progress indicators can expose data\r\n * attributes, testing hooks, and ARIA metadata while remaining layout-flexible.\r\n */\r\ninterface StepperProps extends React.HTMLAttributes<HTMLDivElement> {\r\n  /**\r\n   * Labels for each step in the progress sequence.\r\n   */\r\n  steps: ReadonlyArray<string>;\r\n  /**\r\n   * Zero-based index of the currently active step.\r\n   */\r\n  activeStep: number;\r\n  /**\r\n   * Visual orientation of the stepper layout.\r\n   *\r\n   * @default \"horizontal\"\r\n   */\r\n  orientation?: \"horizontal\" | \"vertical\";\r\n}\r\n\r\n/**\r\n * Displays a multi-step progress indicator for wizard-like workflows.\r\n *\r\n * @remarks\r\n * **Rendering Context**: Server- and client-compatible presentational component.\r\n *\r\n * Renders a semantic list of steps and marks each item as completed, active, or upcoming\r\n * based on the supplied zero-based active index. Use it to communicate progress across\r\n * onboarding flows, checkout funnels, or multi-step forms.\r\n *\r\n * @example\r\n * ```tsx\r\n * <Stepper\r\n *   steps={[\"Account\", \"Profile\", \"Review\"]}\r\n *   activeStep={1}\r\n * />\r\n * ```\r\n *\r\n * @see {@link https://www.w3.org/WAI/ARIA/apg/patterns/landmarks/examples/progressbar/progressbar.html | WAI progress indicator guidance}\r\n */\r\nconst Stepper = React.forwardRef<HTMLDivElement, StepperProps>(\r\n  ({steps, activeStep, orientation = \"horizontal\", className, ...props}, ref) => (\r\n    <div\r\n      ref={ref}\r\n      role='list'\r\n      aria-label='Progress'\r\n      data-orientation={orientation}\r\n      className={cn(styles.stepper, orientation === \"vertical\" && styles.vertical, className)}\r\n      {...props}>\r\n      {steps.map((label, index) => {\r\n        let state: \"completed\" | \"active\" | \"upcoming\" = \"upcoming\";\r\n\r\n        if (index < activeStep) {\r\n          state = \"completed\";\r\n        } else if (index === activeStep) {\r\n          state = \"active\";\r\n        }\r\n\r\n        return (\r\n          <div\r\n            key={`${label}-${index}`}\r\n            role='listitem'\r\n            className={styles.step}\r\n            data-state={state}>\r\n            <div\r\n              className={styles.indicator}\r\n              aria-hidden='true'>\r\n              {state === \"completed\" ? \"✓\" : index + 1}\r\n            </div>\r\n            {index < steps.length - 1 ? (\r\n              <div\r\n                className={styles.connector}\r\n                aria-hidden='true'\r\n              />\r\n            ) : null}\r\n            <span className={styles.label}>{label}</span>\r\n          </div>\r\n        );\r\n      })}\r\n    </div>\r\n  ),\r\n);\r\nStepper.displayName = \"Stepper\";\r\n\r\nexport {Stepper};\r\nexport type {StepperProps};\r\n"],"names":["Stepper","React","steps","activeStep","orientation","className","props","ref","cn","styles","label","index","state"],"mappings":";;;;AAiDA,MAAMA,UAAU,WAAHA,GAAGC,WACd,CAAC,EAACC,KAAK,EAAEC,UAAU,EAAEC,cAAc,YAAY,EAAEC,SAAS,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GACrE,IAAC;QACC,KAAKA;QACL,MAAK;QACL,cAAW;QACX,oBAAkBH;QAClB,WAAWI,GAAGC,eAAAA,OAAc,EAAEL,AAAgB,eAAhBA,eAA8BK,eAAAA,QAAe,EAAEJ;QAC5E,GAAGC,KAAK;kBACRJ,MAAM,GAAG,CAAC,CAACQ,OAAOC;YACjB,IAAIC,QAA6C;YAEjD,IAAID,QAAQR,YACVS,QAAQ;iBACH,IAAID,UAAUR,YACnBS,QAAQ;YAGV,OAAO,WAAP,GACE,KAAC;gBAEC,MAAK;gBACL,WAAWH,eAAAA,IAAW;gBACtB,cAAYG;;kCACZ,IAAC;wBACC,WAAWH,eAAAA,SAAgB;wBAC3B,eAAY;kCACXG,AAAU,gBAAVA,QAAwB,MAAMD,QAAQ;;oBAExCA,QAAQT,MAAM,MAAM,GAAG,IAAI,WAAJ,GACtB,IAAC;wBACC,WAAWO,eAAAA,SAAgB;wBAC3B,eAAY;yBAEZ;kCACJ,IAAC;wBAAK,WAAWA,eAAAA,KAAY;kCAAGC;;;eAf3B,GAAGA,MAAM,CAAC,EAAEC,OAAO;QAkB9B;;AAINX,QAAQ,WAAW,GAAG"}
+{"version":3,"file":"components/ui/stepper.js","sources":["../../../src/components/ui/stepper.tsx"],"sourcesContent":["import * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\nimport styles from \"./stepper.module.css\";\r\n\r\n/**\r\n * Represents the configurable props for the {@link Stepper} component.\r\n *\r\n * @remarks\r\n * Extends native `<div>` attributes so step progress indicators can expose data\r\n * attributes, testing hooks, and ARIA metadata while remaining layout-flexible.\r\n */\r\ninterface StepperProps extends React.HTMLAttributes<HTMLDivElement> {\r\n  /**\r\n   * Labels for each step in the progress sequence.\r\n   */\r\n  steps: ReadonlyArray<string>;\r\n  /**\r\n   * Zero-based index of the currently active step.\r\n   */\r\n  activeStep: number;\r\n  /**\r\n   * Visual orientation of the stepper layout.\r\n   *\r\n   * @default \"horizontal\"\r\n   */\r\n  orientation?: \"horizontal\" | \"vertical\";\r\n}\r\n\r\n/**\r\n * Displays a multi-step progress indicator for wizard-like workflows.\r\n *\r\n * @remarks\r\n * **Rendering Context**: Server- and client-compatible presentational component.\r\n *\r\n * Renders a semantic list of steps and marks each item as completed, active, or upcoming\r\n * based on the supplied zero-based active index. Use it to communicate progress across\r\n * onboarding flows, checkout funnels, or multi-step forms.\r\n *\r\n * @example\r\n * ```tsx\r\n * <Stepper\r\n *   steps={[\"Account\", \"Profile\", \"Review\"]}\r\n *   activeStep={1}\r\n * />\r\n * ```\r\n *\r\n * @see {@link https://www.w3.org/WAI/ARIA/apg/patterns/landmarks/examples/progressbar/progressbar.html | WAI progress indicator guidance}\r\n */\r\nconst Stepper = React.forwardRef<HTMLDivElement, StepperProps>(\r\n  ({steps, activeStep, orientation = \"horizontal\", className, ...props}, ref) => (\r\n    <div\r\n      ref={ref}\r\n      role='list'\r\n      aria-label='Progress'\r\n      data-orientation={orientation}\r\n      className={cn(styles.stepper, orientation === \"vertical\" && styles.vertical, className)}\r\n      {...props}>\r\n      {steps.map((label, index) => {\r\n        let state: \"completed\" | \"active\" | \"upcoming\" = \"upcoming\";\r\n\r\n        if (index < activeStep) {\r\n          state = \"completed\";\r\n        } else if (index === activeStep) {\r\n          state = \"active\";\r\n        }\r\n\r\n        return (\r\n          <div\r\n            key={`${label}-${index}`}\r\n            role='listitem'\r\n            className={styles.step}\r\n            data-state={state}>\r\n            <div\r\n              className={styles.indicator}\r\n              aria-hidden='true'>\r\n              {state === \"completed\" ? \"✓\" : index + 1}\r\n            </div>\r\n            {index < steps.length - 1 ? (\r\n              <div\r\n                className={styles.connector}\r\n                aria-hidden='true'\r\n              />\r\n            ) : null}\r\n            <span className={styles.label}>{label}</span>\r\n          </div>\r\n        );\r\n      })}\r\n    </div>\r\n  ),\r\n);\r\nStepper.displayName = \"Stepper\";\r\n\r\nexport {Stepper};\r\nexport type {StepperProps};\r\n"],"names":["Stepper","React","steps","activeStep","orientation","className","props","ref","cn","styles","label","index","state"],"mappings":";;;;AAiDA,MAAMA,UAAU,WAAHA,GAAGC,wBAAAA,UAAgB,CAC9B,CAAC,EAACC,KAAK,EAAEC,UAAU,EAAEC,cAAc,YAAY,EAAEC,SAAS,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GACrE,IAAC;QACC,KAAKA;QACL,MAAK;QACL,cAAW;QACX,oBAAkBH;QAClB,WAAWI,GAAGC,eAAAA,OAAc,EAAEL,AAAgB,eAAhBA,eAA8BK,eAAAA,QAAe,EAAEJ;QAC5E,GAAGC,KAAK;kBACRJ,MAAM,GAAG,CAAC,CAACQ,OAAOC;YACjB,IAAIC,QAA6C;YAEjD,IAAID,QAAQR,YACVS,QAAQ;iBACH,IAAID,UAAUR,YACnBS,QAAQ;YAGV,OAAO,WAAP,GACE,KAAC;gBAEC,MAAK;gBACL,WAAWH,eAAAA,IAAW;gBACtB,cAAYG;;kCACZ,IAAC;wBACC,WAAWH,eAAAA,SAAgB;wBAC3B,eAAY;kCACXG,AAAU,gBAAVA,QAAwB,MAAMD,QAAQ;;oBAExCA,QAAQT,MAAM,MAAM,GAAG,IAAI,WAAJ,GACtB,IAAC;wBACC,WAAWO,eAAAA,SAAgB;wBAC3B,eAAY;yBAEZ;kCACJ,IAAC;wBAAK,WAAWA,eAAAA,KAAY;kCAAGC;;;eAf3B,GAAGA,MAAM,CAAC,EAAEC,OAAO;QAkB9B;;AAINX,QAAQ,WAAW,GAAG"}

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

@@ -1 +1 @@
-{"version":3,"sources":["webpack://./home/runner/work/arolariu.ro/arolariu.ro/packages/components/src/components/ui/stepper.module.css","webpack://./src/components/ui/stepper.module.css"],"names":[],"mappings":"AADA;ECEE,uBAAuB;EACvB,sBAAsB;EACtB,aAAa;AACf;;AAEA;EACE,sBAAsB;AACxB;;AAEA;EACE,sBAAsB;EACtB,kBAAkB;AACpB;;AAEA;EACE,mBAAmB;EACnB,aAAa;AACf;;AAEA;EACE,kCAAkC;EAClC,4BAA4B;EAC5B,YAAY;EACZ,6HAA6H;EAC7H,kBAAkB;EAClB,cAAc;EACd,uBAAuB;EACvB,WAAW;EACX,gBAAgB;AAClB;;AAEA;EACE,mCAAmC;EACnC,+BAA+B;EAC/B,mCAAmC;AACrC;;AAEA;EACE,+BAA+B;EAC/B,wBAAwB;AAC1B;;AAEA;EACE,iCAAiC;AACnC;;AAEA;EACE,kCAAkC;EAClC,WAAW;EACX,4BAA4B;EAC5B,OAAO;AACT;;AAEA;EACE,mCAAmC;AACrC;;AAEA;EACE,yBAAyB;EACzB,gBAAgB;EAChB,UAAU;AACZ;;AAEA;EACE,2BAA2B;EAC3B,4BAA4B;AAC9B;;AAEA;EACE,iCAAiC;AACnC","sourcesContent":[".stepper{align-items:flex-start;display:flex;gap:var(--ac-space-2)}.vertical{flex-direction:column}.step{gap:var(--ac-space-2);position:relative}.indicator,.step{align-items:center;display:flex}.indicator{border:2px solid var(--ac-border);border-radius:50%;flex-shrink:0;font-size:var(--ac-text-sm);font-weight:600;height:2rem;justify-content:center;transition:background-color var(--ac-transition-fast),border-color var(--ac-transition-fast),color var(--ac-transition-fast);width:2rem}.step[data-state=completed] .indicator{background-color:var(--ac-primary);border-color:var(--ac-primary);color:var(--ac-primary-foreground)}.step[data-state=active] .indicator{border-color:var(--ac-primary);color:var(--ac-primary)}.step[data-state=upcoming] .indicator{color:var(--ac-muted-foreground)}.connector{background-color:var(--ac-border);flex:1;height:2px;min-width:var(--ac-space-4)}.step[data-state=completed] .connector{background-color:var(--ac-primary)}.vertical .connector{height:var(--ac-space-4);min-width:unset;width:2px}.label{color:var(--ac-foreground);font-size:var(--ac-text-sm)}.step[data-state=upcoming] .label{color:var(--ac-muted-foreground)}",".stepper {\n  align-items: flex-start;\n  gap: var(--ac-space-2);\n  display: flex;\n}\n\n.vertical {\n  flex-direction: column;\n}\n\n.step {\n  gap: var(--ac-space-2);\n  position: relative;\n}\n\n.indicator, .step {\n  align-items: center;\n  display: flex;\n}\n\n.indicator {\n  border: 2px solid var(--ac-border);\n  font-size: var(--ac-text-sm);\n  height: 2rem;\n  transition: background-color var(--ac-transition-fast),border-color var(--ac-transition-fast),color var(--ac-transition-fast);\n  border-radius: 50%;\n  flex-shrink: 0;\n  justify-content: center;\n  width: 2rem;\n  font-weight: 600;\n}\n\n.step[data-state=\"completed\"] .indicator {\n  background-color: var(--ac-primary);\n  border-color: var(--ac-primary);\n  color: var(--ac-primary-foreground);\n}\n\n.step[data-state=\"active\"] .indicator {\n  border-color: var(--ac-primary);\n  color: var(--ac-primary);\n}\n\n.step[data-state=\"upcoming\"] .indicator {\n  color: var(--ac-muted-foreground);\n}\n\n.connector {\n  background-color: var(--ac-border);\n  height: 2px;\n  min-width: var(--ac-space-4);\n  flex: 1;\n}\n\n.step[data-state=\"completed\"] .connector {\n  background-color: var(--ac-primary);\n}\n\n.vertical .connector {\n  height: var(--ac-space-4);\n  min-width: unset;\n  width: 2px;\n}\n\n.label {\n  color: var(--ac-foreground);\n  font-size: var(--ac-text-sm);\n}\n\n.step[data-state=\"upcoming\"] .label {\n  color: var(--ac-muted-foreground);\n}\n"],"sourceRoot":""}
+{"version":3,"sources":["webpack://./../../node_modules/@rslib/core/node_modules/@rsbuild/core/compiled/css-loader/index.js??ruleSet[1].rules[1].oneOf[2].use[1]!builtin:lightningcss-loader??ruleSet[1].rules[1].oneOf[2].use[2]!/home/runner/work/arolariu.ro/arolariu.ro/node_modules/@rslib/core/node_modules/@rsbuild/core/compiled/postcss-loader/index.js??ruleSet[1].rules[1].oneOf[2].use[3]!/home/runner/work/arolariu.ro/arolariu.ro/packages/components/src/components/ui/stepper.module.css","webpack://./src/components/ui/stepper.module.css"],"names":[],"mappings":"AAAA;ECCE,uBAAuB;EACvB,sBAAsB;EACtB,aAAa;AACf;;ADJmE;ECOjE,sBAAsB;AACxB;;ADRmG;ECWjG,sBAAsB;EACtB,kBAAkB;AACpB;;ADbiJ;ECgB/I,mBAAmB;EACnB,aAAa;AACf;;ADlBkM;ECqBhM,kCAAkC;EAClC,4BAA4B;EAC5B,YAAY;EACZ,6HAA6H;EAC7H,kBAAkB;EAClB,cAAc;EACd,uBAAuB;EACvB,WAAW;EACX,gBAAgB;AAClB;;AD9Bse;ECiCpe,mCAAmC;EACnC,+BAA+B;EAC/B,mCAAmC;AACrC;;ADpCknB;ECuChnB,+BAA+B;EAC/B,wBAAwB;AAC1B;;ADzC6sB;EC4C3sB,iCAAiC;AACnC;;AD7CoxB;ECgDlxB,kCAAkC;EAClC,WAAW;EACX,4BAA4B;EAC5B,OAAO;AACT;;ADpD+2B;ECuD72B,mCAAmC;AACrC;;ADxDy7B;EC2Dv7B,yBAAyB;EACzB,gBAAgB;EAChB,UAAU;AACZ;;AD9DigC;ECiE//B,2BAA2B;EAC3B,4BAA4B;AAC9B;;ADnE+jC;ECsE7jC,iCAAiC;AACnC","sourcesContent":[".stepper{align-items:flex-start;display:flex;gap:var(--ac-space-2)}.vertical{flex-direction:column}.step{gap:var(--ac-space-2);position:relative}.indicator,.step{align-items:center;display:flex}.indicator{border:2px solid var(--ac-border);border-radius:50%;flex-shrink:0;font-size:var(--ac-text-sm);font-weight:600;height:2rem;justify-content:center;transition:background-color var(--ac-transition-fast),border-color var(--ac-transition-fast),color var(--ac-transition-fast);width:2rem}.step[data-state=completed] .indicator{background-color:var(--ac-primary);border-color:var(--ac-primary);color:var(--ac-primary-foreground)}.step[data-state=active] .indicator{border-color:var(--ac-primary);color:var(--ac-primary)}.step[data-state=upcoming] .indicator{color:var(--ac-muted-foreground)}.connector{background-color:var(--ac-border);flex:1;height:2px;min-width:var(--ac-space-4)}.step[data-state=completed] .connector{background-color:var(--ac-primary)}.vertical .connector{height:var(--ac-space-4);min-width:unset;width:2px}.label{color:var(--ac-foreground);font-size:var(--ac-text-sm)}.step[data-state=upcoming] .label{color:var(--ac-muted-foreground)}",".stepper {\n  align-items: flex-start;\n  gap: var(--ac-space-2);\n  display: flex;\n}\n\n.vertical {\n  flex-direction: column;\n}\n\n.step {\n  gap: var(--ac-space-2);\n  position: relative;\n}\n\n.indicator, .step {\n  align-items: center;\n  display: flex;\n}\n\n.indicator {\n  border: 2px solid var(--ac-border);\n  font-size: var(--ac-text-sm);\n  height: 2rem;\n  transition: background-color var(--ac-transition-fast),border-color var(--ac-transition-fast),color var(--ac-transition-fast);\n  border-radius: 50%;\n  flex-shrink: 0;\n  justify-content: center;\n  width: 2rem;\n  font-weight: 600;\n}\n\n.step[data-state=\"completed\"] .indicator {\n  background-color: var(--ac-primary);\n  border-color: var(--ac-primary);\n  color: var(--ac-primary-foreground);\n}\n\n.step[data-state=\"active\"] .indicator {\n  border-color: var(--ac-primary);\n  color: var(--ac-primary);\n}\n\n.step[data-state=\"upcoming\"] .indicator {\n  color: var(--ac-muted-foreground);\n}\n\n.connector {\n  background-color: var(--ac-border);\n  height: 2px;\n  min-width: var(--ac-space-4);\n  flex: 1;\n}\n\n.step[data-state=\"completed\"] .connector {\n  background-color: var(--ac-primary);\n}\n\n.vertical .connector {\n  height: var(--ac-space-4);\n  min-width: unset;\n  width: 2px;\n}\n\n.label {\n  color: var(--ac-foreground);\n  font-size: var(--ac-text-sm);\n}\n\n.step[data-state=\"upcoming\"] .label {\n  color: var(--ac-muted-foreground);\n}\n"],"sourceRoot":""}

package/dist/components/ui/switch.js

@@ -3,10 +3,10 @@ import { jsx } from "react/jsx-runtime";
 import { mergeProps } from "@base-ui/react/merge-props";
 import { Switch } from "@base-ui/react/switch";
 import { useRender } from "@base-ui/react/use-render";
-import { forwardRef } from "react";
 import { cn } from "../../lib/utilities.js";
 import switch_module from "./switch.module.js";
-const switch_Switch = /*#__PURE__*/ forwardRef((props, ref)=>{
+import * as __rspack_external_react from "react";
+const switch_Switch = /*#__PURE__*/ __rspack_external_react.forwardRef((props, ref)=>{
     const { className, render, ...otherProps } = props;
     return /*#__PURE__*/ jsx(Switch.Root, {
         ref: ref,

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

@@ -1 +1 @@
-{"version":3,"file":"components/ui/switch.js","sources":["../../../src/components/ui/switch.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport {mergeProps} from \"@base-ui/react/merge-props\";\r\nimport {Switch as BaseSwitch} from \"@base-ui/react/switch\";\r\nimport {useRender} from \"@base-ui/react/use-render\";\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\nimport styles from \"./switch.module.css\";\r\n\r\n/**\r\n * Props for the shared switch wrapper.\r\n */\r\ninterface SwitchProps extends Omit<React.ComponentPropsWithRef<typeof BaseSwitch.Root>, \"className\"> {\r\n  /** Additional CSS classes merged with the switch root styles. @default undefined */\r\n  className?: string;\r\n}\r\n\r\n/**\r\n * Toggles between on and off states with a styled thumb control.\r\n *\r\n * @remarks\r\n * - Renders a `<button>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/switch | Base UI Switch}\r\n * - Supports the `render` prop for element composition\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example Basic usage\r\n * ```tsx\r\n * <Switch defaultChecked />\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/switch | Base UI Documentation}\r\n */\r\nconst Switch = React.forwardRef<React.ComponentRef<typeof BaseSwitch.Root>, Switch.Props>(\r\n  (props: Readonly<Switch.Props>, ref): React.ReactElement => {\r\n    const {className, render, ...otherProps} = props;\r\n\r\n    return (\r\n      <BaseSwitch.Root\r\n        ref={ref}\r\n        {...otherProps}\r\n        render={useRender({\r\n          defaultTagName: \"button\",\r\n          render: render as never,\r\n          props: mergeProps({className: cn(styles.root, className)}, {}),\r\n        })}>\r\n        <BaseSwitch.Thumb className={styles.thumb} />\r\n      </BaseSwitch.Root>\r\n    );\r\n  },\r\n);\r\nSwitch.displayName = \"Switch\";\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace Switch {\r\n  export type Props = SwitchProps;\r\n  export type State = BaseSwitch.Root.State;\r\n}\r\n\r\nexport {Switch};\r\n"],"names":["Switch","React","props","ref","className","render","otherProps","BaseSwitch","useRender","mergeProps","cn","styles"],"mappings":";;;;;;;;AAkCA,MAAMA,gBAAS,WAAHA,GAAGC,WACb,CAACC,OAA+BC;IAC9B,MAAM,EAACC,SAAS,EAAEC,MAAM,EAAE,GAAGC,YAAW,GAAGJ;IAE3C,OAAO,WAAP,GACE,IAACK,OAAAA,IAAe;QACd,KAAKJ;QACJ,GAAGG,UAAU;QACd,QAAQE,UAAU;YAChB,gBAAgB;YAChB,QAAQH;YACR,OAAOI,WAAW;gBAAC,WAAWC,GAAGC,cAAAA,IAAW,EAAEP;YAAU,GAAG,CAAC;QAC9D;kBACA,kBAACG,OAAAA,KAAgB;YAAC,WAAWI,cAAAA,KAAY;;;AAG/C;AAEFX,cAAO,WAAW,GAAG"}
+{"version":3,"file":"components/ui/switch.js","sources":["../../../src/components/ui/switch.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport {mergeProps} from \"@base-ui/react/merge-props\";\r\nimport {Switch as BaseSwitch} from \"@base-ui/react/switch\";\r\nimport {useRender} from \"@base-ui/react/use-render\";\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\nimport styles from \"./switch.module.css\";\r\n\r\n/**\r\n * Props for the shared switch wrapper.\r\n */\r\ninterface SwitchProps extends Omit<React.ComponentPropsWithRef<typeof BaseSwitch.Root>, \"className\"> {\r\n  /** Additional CSS classes merged with the switch root styles. @default undefined */\r\n  className?: string;\r\n}\r\n\r\n/**\r\n * Toggles between on and off states with a styled thumb control.\r\n *\r\n * @remarks\r\n * - Renders a `<button>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/switch | Base UI Switch}\r\n * - Supports the `render` prop for element composition\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example Basic usage\r\n * ```tsx\r\n * <Switch defaultChecked />\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/switch | Base UI Documentation}\r\n */\r\nconst Switch = React.forwardRef<React.ComponentRef<typeof BaseSwitch.Root>, Switch.Props>(\r\n  (props: Readonly<Switch.Props>, ref): React.ReactElement => {\r\n    const {className, render, ...otherProps} = props;\r\n\r\n    return (\r\n      <BaseSwitch.Root\r\n        ref={ref}\r\n        {...otherProps}\r\n        render={useRender({\r\n          defaultTagName: \"button\",\r\n          render: render as never,\r\n          props: mergeProps({className: cn(styles.root, className)}, {}),\r\n        })}>\r\n        <BaseSwitch.Thumb className={styles.thumb} />\r\n      </BaseSwitch.Root>\r\n    );\r\n  },\r\n);\r\nSwitch.displayName = \"Switch\";\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace Switch {\r\n  export type Props = SwitchProps;\r\n  export type State = BaseSwitch.Root.State;\r\n}\r\n\r\nexport {Switch};\r\n"],"names":["Switch","React","props","ref","className","render","otherProps","BaseSwitch","useRender","mergeProps","cn","styles"],"mappings":";;;;;;;;AAkCA,MAAMA,gBAAS,WAAHA,GAAGC,wBAAAA,UAAgB,CAC7B,CAACC,OAA+BC;IAC9B,MAAM,EAACC,SAAS,EAAEC,MAAM,EAAE,GAAGC,YAAW,GAAGJ;IAE3C,OAAO,WAAP,GACE,IAACK,OAAAA,IAAe;QACd,KAAKJ;QACJ,GAAGG,UAAU;QACd,QAAQE,UAAU;YAChB,gBAAgB;YAChB,QAAQH;YACR,OAAOI,WAAW;gBAAC,WAAWC,GAAGC,cAAAA,IAAW,EAAEP;YAAU,GAAG,CAAC;QAC9D;kBACA,kBAACG,OAAAA,KAAgB;YAAC,WAAWI,cAAAA,KAAY;;;AAG/C;AAEFX,cAAO,WAAW,GAAG"}

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

@@ -1 +1 @@
-{"version":3,"sources":["webpack://./home/runner/work/arolariu.ro/arolariu.ro/packages/components/src/components/ui/switch.module.css","webpack://./src/components/ui/switch.module.css"],"names":[],"mappings":"AADA;ECEE,0EAA0E;EAC1E,eAAe;EACf,gBAAgB;EAChB,sDAAsD;EACtD,uBAAuB;EACvB,oBAAoB;EACpB,aAAa;EACb,mBAAmB;EACnB,WAAW;EACX,gBAAgB;EAChB,oBAAoB;EACpB,kBAAkB;AACpB;;AAEA;EACE,mCAAmC;AACrC;;AAEA;EACE,mBAAmB;EACnB,WAAW;AACb;;AAEA;EACE,iCAAiC;EACjC,mBAAmB;AACrB;;AAEA;EACE,sCAAsC;EACtC,eAAe;EACf,+CAA+C;EAC/C,oBAAoB;EACpB,cAAc;EACd,cAAc;EACd,+BAA+B;AACjC;;AAEA;EACE,8BAA8B;AAChC","sourcesContent":[".root{align-items:center;background-color:color-mix(in oklch,var(--ac-foreground),transparent 84%);border:1px solid transparent;border-radius:999px;cursor:pointer;display:inline-flex;height:1.125rem;outline:none;padding:.125rem;position:relative;transition:background-color var(--ac-transition-fast);width:2rem}.root[data-checked]{background-color:var(--ac-primary)}.root[data-disabled]{cursor:not-allowed;opacity:.5}.root:focus-visible{outline:2px solid var(--ac-ring);outline-offset:2px}.thumb{background-color:var(--ac-background);border-radius:999px;box-shadow:0 1px 4px rgba(0,0,0,.18);display:block;height:.875rem;transition:transform var(--ac-transition-fast);width:.875rem}.root[data-checked] .thumb{transform:translateX(.875rem)}",".root {\n  background-color: color-mix(in oklch,var(--ac-foreground),transparent 84%);\n  cursor: pointer;\n  height: 1.125rem;\n  transition: background-color var(--ac-transition-fast);\n  border: 1px solid #0000;\n  border-radius: 999px;\n  outline: none;\n  align-items: center;\n  width: 2rem;\n  padding: .125rem;\n  display: inline-flex;\n  position: relative;\n}\n\n.root[data-checked] {\n  background-color: var(--ac-primary);\n}\n\n.root[data-disabled] {\n  cursor: not-allowed;\n  opacity: .5;\n}\n\n.root:focus-visible {\n  outline: 2px solid var(--ac-ring);\n  outline-offset: 2px;\n}\n\n.thumb {\n  background-color: var(--ac-background);\n  height: .875rem;\n  transition: transform var(--ac-transition-fast);\n  border-radius: 999px;\n  width: .875rem;\n  display: block;\n  box-shadow: 0 1px 4px #0000002e;\n}\n\n.root[data-checked] .thumb {\n  transform: translateX(.875rem);\n}\n"],"sourceRoot":""}
+{"version":3,"sources":["webpack://./../../node_modules/@rslib/core/node_modules/@rsbuild/core/compiled/css-loader/index.js??ruleSet[1].rules[1].oneOf[2].use[1]!builtin:lightningcss-loader??ruleSet[1].rules[1].oneOf[2].use[2]!/home/runner/work/arolariu.ro/arolariu.ro/node_modules/@rslib/core/node_modules/@rsbuild/core/compiled/postcss-loader/index.js??ruleSet[1].rules[1].oneOf[2].use[3]!/home/runner/work/arolariu.ro/arolariu.ro/packages/components/src/components/ui/switch.module.css","webpack://./src/components/ui/switch.module.css"],"names":[],"mappings":"AAAA;ECCE,0EAA0E;EAC1E,eAAe;EACf,gBAAgB;EAChB,sDAAsD;EACtD,uBAAuB;EACvB,oBAAoB;EACpB,aAAa;EACb,mBAAmB;EACnB,WAAW;EACX,gBAAgB;EAChB,oBAAoB;EACpB,kBAAkB;AACpB;;ADbuT;ECgBrT,mCAAmC;AACrC;;ADjB8W;ECoB5W,mBAAmB;EACnB,WAAW;AACb;;ADtBia;ECyB/Z,iCAAiC;EACjC,mBAAmB;AACrB;;AD3Bye;EC8Bve,sCAAsC;EACtC,eAAe;EACf,+CAA+C;EAC/C,oBAAoB;EACpB,cAAc;EACd,cAAc;EACd,+BAA+B;AACjC;;ADrCyqB;ECwCvqB,8BAA8B;AAChC","sourcesContent":[".root{align-items:center;background-color:color-mix(in oklch,var(--ac-foreground),transparent 84%);border:1px solid transparent;border-radius:999px;cursor:pointer;display:inline-flex;height:1.125rem;outline:none;padding:.125rem;position:relative;transition:background-color var(--ac-transition-fast);width:2rem}.root[data-checked]{background-color:var(--ac-primary)}.root[data-disabled]{cursor:not-allowed;opacity:.5}.root:focus-visible{outline:2px solid var(--ac-ring);outline-offset:2px}.thumb{background-color:var(--ac-background);border-radius:999px;box-shadow:0 1px 4px rgba(0,0,0,.18);display:block;height:.875rem;transition:transform var(--ac-transition-fast);width:.875rem}.root[data-checked] .thumb{transform:translateX(.875rem)}",".root {\n  background-color: color-mix(in oklch,var(--ac-foreground),transparent 84%);\n  cursor: pointer;\n  height: 1.125rem;\n  transition: background-color var(--ac-transition-fast);\n  border: 1px solid #0000;\n  border-radius: 999px;\n  outline: none;\n  align-items: center;\n  width: 2rem;\n  padding: .125rem;\n  display: inline-flex;\n  position: relative;\n}\n\n.root[data-checked] {\n  background-color: var(--ac-primary);\n}\n\n.root[data-disabled] {\n  cursor: not-allowed;\n  opacity: .5;\n}\n\n.root:focus-visible {\n  outline: 2px solid var(--ac-ring);\n  outline-offset: 2px;\n}\n\n.thumb {\n  background-color: var(--ac-background);\n  height: .875rem;\n  transition: transform var(--ac-transition-fast);\n  border-radius: 999px;\n  width: .875rem;\n  display: block;\n  box-shadow: 0 1px 4px #0000002e;\n}\n\n.root[data-checked] .thumb {\n  transform: translateX(.875rem);\n}\n"],"sourceRoot":""}

package/dist/components/ui/table-skeleton.js

@@ -1,9 +1,9 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { forwardRef } from "react";
 import { cn } from "../../lib/utilities.js";
 import { Skeleton } from "./skeleton.js";
 import table_skeleton_module from "./table-skeleton.module.js";
-const TableSkeleton = /*#__PURE__*/ forwardRef(({ rows = 5, columns = 4, className, ...props }, ref)=>/*#__PURE__*/ jsxs("div", {
+import * as __rspack_external_react from "react";
+const TableSkeleton = /*#__PURE__*/ __rspack_external_react.forwardRef(({ rows = 5, columns = 4, className, ...props }, ref)=>/*#__PURE__*/ jsxs("div", {
         ref: ref,
         className: cn(table_skeleton_module.container, className),
         ...props,

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

@@ -1 +1 @@
-{"version":3,"file":"components/ui/table-skeleton.js","sources":["../../../src/components/ui/table-skeleton.tsx"],"sourcesContent":["import * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\n\r\nimport {Skeleton} from \"./skeleton\";\r\nimport styles from \"./table-skeleton.module.css\";\r\n\r\n/**\r\n * Represents the configurable props for the {@link TableSkeleton} component.\r\n *\r\n * @remarks\r\n * Extends native `<div>` attributes so table loading placeholders can be embedded in\r\n * semantic sections, receive accessibility metadata, and accept layout overrides.\r\n */\r\ninterface TableSkeletonProps extends React.HTMLAttributes<HTMLDivElement> {\r\n  /**\r\n   * Number of body rows rendered beneath the table header placeholders.\r\n   *\r\n   * @default 5\r\n   */\r\n  rows?: number;\r\n  /**\r\n   * Number of columns rendered for both the header and body rows.\r\n   *\r\n   * @default 4\r\n   */\r\n  columns?: number;\r\n}\r\n\r\n/**\r\n * Renders a skeleton placeholder shaped like a data table.\r\n *\r\n * @remarks\r\n * **Rendering Context**: Server- and client-compatible presentational component.\r\n *\r\n * Simulates a tabular layout with a muted header row and repeated body rows so pages can\r\n * preserve data-table rhythm while async records are loading.\r\n *\r\n * @example\r\n * ```tsx\r\n * <TableSkeleton rows={8} columns={5} aria-label=\"Loading invoices table\" />\r\n * ```\r\n *\r\n * @see {@link TableSkeletonProps} for available props\r\n */\r\nconst TableSkeleton = React.forwardRef<HTMLDivElement, TableSkeletonProps>(\r\n  ({rows = 5, columns = 4, className, ...props}: Readonly<TableSkeletonProps>, ref): React.JSX.Element => (\r\n    <div\r\n      ref={ref}\r\n      className={cn(styles.container, className)}\r\n      {...props}>\r\n      <div className={styles.header}>\r\n        {Array.from({length: columns}, (_, index) => (\r\n          <Skeleton\r\n            key={index}\r\n            className={styles.headerCell}\r\n          />\r\n        ))}\r\n      </div>\r\n      {Array.from({length: rows}, (_, rowIndex) => (\r\n        <div\r\n          key={rowIndex}\r\n          className={styles.row}>\r\n          {Array.from({length: columns}, (_, columnIndex) => (\r\n            <Skeleton\r\n              key={columnIndex}\r\n              className={styles.cell}\r\n            />\r\n          ))}\r\n        </div>\r\n      ))}\r\n    </div>\r\n  ),\r\n);\r\n\r\nTableSkeleton.displayName = \"TableSkeleton\";\r\n\r\nexport {TableSkeleton};\r\nexport type {TableSkeletonProps};\r\n"],"names":["TableSkeleton","React","rows","columns","className","props","ref","cn","styles","Array","_","index","Skeleton","rowIndex","columnIndex"],"mappings":";;;;;AA6CA,MAAMA,gBAAgB,WAAHA,GAAGC,WACpB,CAAC,EAACC,OAAO,CAAC,EAAEC,UAAU,CAAC,EAAEC,SAAS,EAAE,GAAGC,OAAoC,EAAEC,MAAAA,WAAAA,GAC3E,KAAC;QACC,KAAKA;QACL,WAAWC,GAAGC,sBAAAA,SAAgB,EAAEJ;QAC/B,GAAGC,KAAK;;0BACT,IAAC;gBAAI,WAAWG,sBAAAA,MAAa;0BAC1BC,MAAM,IAAI,CAAC;oBAAC,QAAQN;gBAAO,GAAG,CAACO,GAAGC,QAAAA,WAAAA,GACjC,IAACC,UAAQA;wBAEP,WAAWJ,sBAAAA,UAAiB;uBADvBG;;YAKVF,MAAM,IAAI,CAAC;gBAAC,QAAQP;YAAI,GAAG,CAACQ,GAAGG,WAAAA,WAAAA,GAC9B,IAAC;oBAEC,WAAWL,sBAAAA,GAAU;8BACpBC,MAAM,IAAI,CAAC;wBAAC,QAAQN;oBAAO,GAAG,CAACO,GAAGI,cAAAA,WAAAA,GACjC,IAACF,UAAQA;4BAEP,WAAWJ,sBAAAA,IAAW;2BADjBM;mBAJJD;;;AAcfb,cAAc,WAAW,GAAG"}
+{"version":3,"file":"components/ui/table-skeleton.js","sources":["../../../src/components/ui/table-skeleton.tsx"],"sourcesContent":["import * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\n\r\nimport {Skeleton} from \"./skeleton\";\r\nimport styles from \"./table-skeleton.module.css\";\r\n\r\n/**\r\n * Represents the configurable props for the {@link TableSkeleton} component.\r\n *\r\n * @remarks\r\n * Extends native `<div>` attributes so table loading placeholders can be embedded in\r\n * semantic sections, receive accessibility metadata, and accept layout overrides.\r\n */\r\ninterface TableSkeletonProps extends React.HTMLAttributes<HTMLDivElement> {\r\n  /**\r\n   * Number of body rows rendered beneath the table header placeholders.\r\n   *\r\n   * @default 5\r\n   */\r\n  rows?: number;\r\n  /**\r\n   * Number of columns rendered for both the header and body rows.\r\n   *\r\n   * @default 4\r\n   */\r\n  columns?: number;\r\n}\r\n\r\n/**\r\n * Renders a skeleton placeholder shaped like a data table.\r\n *\r\n * @remarks\r\n * **Rendering Context**: Server- and client-compatible presentational component.\r\n *\r\n * Simulates a tabular layout with a muted header row and repeated body rows so pages can\r\n * preserve data-table rhythm while async records are loading.\r\n *\r\n * @example\r\n * ```tsx\r\n * <TableSkeleton rows={8} columns={5} aria-label=\"Loading invoices table\" />\r\n * ```\r\n *\r\n * @see {@link TableSkeletonProps} for available props\r\n */\r\nconst TableSkeleton = React.forwardRef<HTMLDivElement, TableSkeletonProps>(\r\n  ({rows = 5, columns = 4, className, ...props}: Readonly<TableSkeletonProps>, ref): React.JSX.Element => (\r\n    <div\r\n      ref={ref}\r\n      className={cn(styles.container, className)}\r\n      {...props}>\r\n      <div className={styles.header}>\r\n        {Array.from({length: columns}, (_, index) => (\r\n          <Skeleton\r\n            key={index}\r\n            className={styles.headerCell}\r\n          />\r\n        ))}\r\n      </div>\r\n      {Array.from({length: rows}, (_, rowIndex) => (\r\n        <div\r\n          key={rowIndex}\r\n          className={styles.row}>\r\n          {Array.from({length: columns}, (_, columnIndex) => (\r\n            <Skeleton\r\n              key={columnIndex}\r\n              className={styles.cell}\r\n            />\r\n          ))}\r\n        </div>\r\n      ))}\r\n    </div>\r\n  ),\r\n);\r\n\r\nTableSkeleton.displayName = \"TableSkeleton\";\r\n\r\nexport {TableSkeleton};\r\nexport type {TableSkeletonProps};\r\n"],"names":["TableSkeleton","React","rows","columns","className","props","ref","cn","styles","Array","_","index","Skeleton","rowIndex","columnIndex"],"mappings":";;;;;AA6CA,MAAMA,gBAAgB,WAAHA,GAAGC,wBAAAA,UAAgB,CACpC,CAAC,EAACC,OAAO,CAAC,EAAEC,UAAU,CAAC,EAAEC,SAAS,EAAE,GAAGC,OAAoC,EAAEC,MAAAA,WAAAA,GAC3E,KAAC;QACC,KAAKA;QACL,WAAWC,GAAGC,sBAAAA,SAAgB,EAAEJ;QAC/B,GAAGC,KAAK;;0BACT,IAAC;gBAAI,WAAWG,sBAAAA,MAAa;0BAC1BC,MAAM,IAAI,CAAC;oBAAC,QAAQN;gBAAO,GAAG,CAACO,GAAGC,QAAAA,WAAAA,GACjC,IAACC,UAAQA;wBAEP,WAAWJ,sBAAAA,UAAiB;uBADvBG;;YAKVF,MAAM,IAAI,CAAC;gBAAC,QAAQP;YAAI,GAAG,CAACQ,GAAGG,WAAAA,WAAAA,GAC9B,IAAC;oBAEC,WAAWL,sBAAAA,GAAU;8BACpBC,MAAM,IAAI,CAAC;wBAAC,QAAQN;oBAAO,GAAG,CAACO,GAAGI,cAAAA,WAAAA,GACjC,IAACF,UAAQA;4BAEP,WAAWJ,sBAAAA,IAAW;2BADjBM;mBAJJD;;;AAcfb,cAAc,WAAW,GAAG"}

package/dist/components/ui/table-skeleton_module.css.map

@@ -1 +1 @@
-{"version":3,"sources":["webpack://./home/runner/work/arolariu.ro/arolariu.ro/packages/components/src/components/ui/table-skeleton.module.css","webpack://./src/components/ui/table-skeleton.module.css"],"names":[],"mappings":"AADA;ECEE,kCAAkC;EAClC,kCAAkC;EAClC,gBAAgB;AAClB;;AAEA;EACE,iCAAiC;EACjC,sBAAsB;EACtB,4CAA4C;EAC5C,aAAa;AACf;;AAEA;EACE,OAAO;EACP,eAAe;AACjB;;AAEA;EACE,sCAAsC;EACtC,sBAAsB;EACtB,4CAA4C;EAC5C,aAAa;AACf;;AAEA;EACE,OAAO;EACP,eAAe;AACjB","sourcesContent":[".container{border:1px solid var(--ac-border);border-radius:var(--ac-radius-lg);overflow:hidden}.header{background-color:var(--ac-muted);display:flex;gap:var(--ac-space-4);padding:var(--ac-space-3) var(--ac-space-4)}.headerCell{flex:1;height:.875rem}.row{border-top:1px solid var(--ac-border);display:flex;gap:var(--ac-space-4);padding:var(--ac-space-3) var(--ac-space-4)}.cell{flex:1;height:.875rem}",".container {\n  border: 1px solid var(--ac-border);\n  border-radius: var(--ac-radius-lg);\n  overflow: hidden;\n}\n\n.header {\n  background-color: var(--ac-muted);\n  gap: var(--ac-space-4);\n  padding: var(--ac-space-3) var(--ac-space-4);\n  display: flex;\n}\n\n.headerCell {\n  flex: 1;\n  height: .875rem;\n}\n\n.row {\n  border-top: 1px solid var(--ac-border);\n  gap: var(--ac-space-4);\n  padding: var(--ac-space-3) var(--ac-space-4);\n  display: flex;\n}\n\n.cell {\n  flex: 1;\n  height: .875rem;\n}\n"],"sourceRoot":""}
+{"version":3,"sources":["webpack://./../../node_modules/@rslib/core/node_modules/@rsbuild/core/compiled/css-loader/index.js??ruleSet[1].rules[1].oneOf[2].use[1]!builtin:lightningcss-loader??ruleSet[1].rules[1].oneOf[2].use[2]!/home/runner/work/arolariu.ro/arolariu.ro/node_modules/@rslib/core/node_modules/@rsbuild/core/compiled/postcss-loader/index.js??ruleSet[1].rules[1].oneOf[2].use[3]!/home/runner/work/arolariu.ro/arolariu.ro/packages/components/src/components/ui/table-skeleton.module.css","webpack://./src/components/ui/table-skeleton.module.css"],"names":[],"mappings":"AAAA;ECCE,kCAAkC;EAClC,kCAAkC;EAClC,gBAAgB;AAClB;;ADJ+F;ECO7F,iCAAiC;EACjC,sBAAsB;EACtB,4CAA4C;EAC5C,aAAa;AACf;;ADXuN;ECcrN,OAAO;EACP,eAAe;AACjB;;ADhByP;ECmBvP,sCAAsC;EACtC,sBAAsB;EACtB,4CAA4C;EAC5C,aAAa;AACf;;ADvBmX;EC0BjX,OAAO;EACP,eAAe;AACjB","sourcesContent":[".container{border:1px solid var(--ac-border);border-radius:var(--ac-radius-lg);overflow:hidden}.header{background-color:var(--ac-muted);display:flex;gap:var(--ac-space-4);padding:var(--ac-space-3) var(--ac-space-4)}.headerCell{flex:1;height:.875rem}.row{border-top:1px solid var(--ac-border);display:flex;gap:var(--ac-space-4);padding:var(--ac-space-3) var(--ac-space-4)}.cell{flex:1;height:.875rem}",".container {\n  border: 1px solid var(--ac-border);\n  border-radius: var(--ac-radius-lg);\n  overflow: hidden;\n}\n\n.header {\n  background-color: var(--ac-muted);\n  gap: var(--ac-space-4);\n  padding: var(--ac-space-3) var(--ac-space-4);\n  display: flex;\n}\n\n.headerCell {\n  flex: 1;\n  height: .875rem;\n}\n\n.row {\n  border-top: 1px solid var(--ac-border);\n  gap: var(--ac-space-4);\n  padding: var(--ac-space-3) var(--ac-space-4);\n  display: flex;\n}\n\n.cell {\n  flex: 1;\n  height: .875rem;\n}\n"],"sourceRoot":""}

package/dist/components/ui/table.js

@@ -1,8 +1,8 @@
 import { jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
 import { cn } from "../../lib/utilities.js";
 import table_module from "./table.module.js";
-const Table = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("div", {
+import * as __rspack_external_react from "react";
+const Table = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("div", {
         className: table_module.container,
         children: /*#__PURE__*/ jsx("table", {
             ref: ref,
@@ -10,37 +10,37 @@ const Table = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE
             ...props
         })
     }));
-const TableHeader = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("thead", {
+const TableHeader = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("thead", {
         ref: ref,
         className: cn(table_module.header, className),
         ...props
     }));
-const TableBody = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("tbody", {
+const TableBody = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("tbody", {
         ref: ref,
         className: cn(table_module.body, className),
         ...props
     }));
-const TableFooter = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("tfoot", {
+const TableFooter = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("tfoot", {
         ref: ref,
         className: cn(table_module.footer, className),
         ...props
     }));
-const TableRow = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("tr", {
+const TableRow = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("tr", {
         ref: ref,
         className: cn(table_module.row, className),
         ...props
     }));
-const TableHead = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("th", {
+const TableHead = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("th", {
         ref: ref,
         className: cn(table_module.head, className),
         ...props
     }));
-const TableCell = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("td", {
+const TableCell = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("td", {
         ref: ref,
         className: cn(table_module.cell, className),
         ...props
     }));
-const TableCaption = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("caption", {
+const TableCaption = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("caption", {
         ref: ref,
         className: cn(table_module.caption, className),
         ...props

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

@@ -1 +1 @@
-{"version":3,"file":"components/ui/table.js","sources":["../../../src/components/ui/table.tsx"],"sourcesContent":["/* eslint-disable react/prop-types */\r\n\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\nimport styles from \"./table.module.css\";\r\n\r\n/**\r\n * Props for the {@link Table} component.\r\n */\r\nexport type TableProps = React.HTMLAttributes<HTMLTableElement>;\r\n\r\n/**\r\n * Props for the {@link TableHeader} component.\r\n */\r\nexport type TableHeaderProps = React.HTMLAttributes<HTMLTableSectionElement>;\r\n\r\n/**\r\n * Props for the {@link TableBody} component.\r\n */\r\nexport type TableBodyProps = React.HTMLAttributes<HTMLTableSectionElement>;\r\n\r\n/**\r\n * Props for the {@link TableFooter} component.\r\n */\r\nexport type TableFooterProps = React.HTMLAttributes<HTMLTableSectionElement>;\r\n\r\n/**\r\n * Props for the {@link TableRow} component.\r\n */\r\nexport type TableRowProps = React.HTMLAttributes<HTMLTableRowElement>;\r\n\r\n/**\r\n * Props for the {@link TableHead} component.\r\n */\r\nexport type TableHeadProps = React.ThHTMLAttributes<HTMLTableCellElement>;\r\n\r\n/**\r\n * Props for the {@link TableCell} component.\r\n */\r\nexport type TableCellProps = React.TdHTMLAttributes<HTMLTableCellElement>;\r\n\r\n/**\r\n * Props for the {@link TableCaption} component.\r\n */\r\nexport type TableCaptionProps = React.HTMLAttributes<HTMLTableCaptionElement>;\r\n\r\n/**\r\n * Wraps a table in a horizontally scrollable container.\r\n *\r\n * @remarks\r\n * - Pure CSS component (no Base UI primitive)\r\n * - Renders a `<table>` element inside a `<div>` container\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example\r\n * ```tsx\r\n * <Table>\r\n *   <TableHeader />\r\n * </Table>\r\n * ```\r\n *\r\n * @see {@link TableProps} for available props\r\n */\r\nconst Table = React.forwardRef<HTMLTableElement, TableProps>(\r\n  ({className, ...props}: Readonly<TableProps>, ref): React.JSX.Element => (\r\n    <div className={styles.container}>\r\n      <table\r\n        ref={ref}\r\n        className={cn(styles.table, className)}\r\n        {...props}\r\n      />\r\n    </div>\r\n  ),\r\n);\r\n\r\n/**\r\n * Renders the table header section.\r\n *\r\n * @remarks\r\n * - Pure CSS component (no Base UI primitive)\r\n * - Renders a `<thead>` element\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example\r\n * ```tsx\r\n * <TableHeader>\r\n *   <TableRow />\r\n * </TableHeader>\r\n * ```\r\n *\r\n * @see {@link TableHeaderProps} for available props\r\n */\r\nconst TableHeader = React.forwardRef<HTMLTableSectionElement, TableHeaderProps>(\r\n  ({className, ...props}: Readonly<TableHeaderProps>, ref): React.JSX.Element => (\r\n    <thead\r\n      ref={ref}\r\n      className={cn(styles.header, className)}\r\n      {...props}\r\n    />\r\n  ),\r\n);\r\n\r\n/**\r\n * Renders the table body section.\r\n *\r\n * @remarks\r\n * - Pure CSS component (no Base UI primitive)\r\n * - Renders a `<tbody>` element\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example\r\n * ```tsx\r\n * <TableBody>\r\n *   <TableRow />\r\n * </TableBody>\r\n * ```\r\n *\r\n * @see {@link TableBodyProps} for available props\r\n */\r\nconst TableBody = React.forwardRef<HTMLTableSectionElement, TableBodyProps>(\r\n  ({className, ...props}: Readonly<TableBodyProps>, ref): React.JSX.Element => (\r\n    <tbody\r\n      ref={ref}\r\n      className={cn(styles.body, className)}\r\n      {...props}\r\n    />\r\n  ),\r\n);\r\n\r\n/**\r\n * Renders the table footer section.\r\n *\r\n * @remarks\r\n * - Pure CSS component (no Base UI primitive)\r\n * - Renders a `<tfoot>` element\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example\r\n * ```tsx\r\n * <TableFooter>\r\n *   <TableRow />\r\n * </TableFooter>\r\n * ```\r\n *\r\n * @see {@link TableFooterProps} for available props\r\n */\r\nconst TableFooter = React.forwardRef<HTMLTableSectionElement, TableFooterProps>(\r\n  ({className, ...props}: Readonly<TableFooterProps>, ref): React.JSX.Element => (\r\n    <tfoot\r\n      ref={ref}\r\n      className={cn(styles.footer, className)}\r\n      {...props}\r\n    />\r\n  ),\r\n);\r\n\r\n/**\r\n * Renders a table row.\r\n *\r\n * @remarks\r\n * - Pure CSS component (no Base UI primitive)\r\n * - Renders a `<tr>` element\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example\r\n * ```tsx\r\n * <TableRow>\r\n *   <TableCell>Value</TableCell>\r\n * </TableRow>\r\n * ```\r\n *\r\n * @see {@link TableRowProps} for available props\r\n */\r\nconst TableRow = React.forwardRef<HTMLTableRowElement, TableRowProps>(\r\n  ({className, ...props}: Readonly<TableRowProps>, ref): React.JSX.Element => (\r\n    <tr\r\n      ref={ref}\r\n      className={cn(styles.row, className)}\r\n      {...props}\r\n    />\r\n  ),\r\n);\r\n\r\n/**\r\n * Renders a header cell.\r\n *\r\n * @remarks\r\n * - Pure CSS component (no Base UI primitive)\r\n * - Renders a `<th>` element\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example\r\n * ```tsx\r\n * <TableHead scope='col'>Name</TableHead>\r\n * ```\r\n *\r\n * @see {@link TableHeadProps} for available props\r\n */\r\nconst TableHead = React.forwardRef<HTMLTableCellElement, TableHeadProps>(\r\n  ({className, ...props}: Readonly<TableHeadProps>, ref): React.JSX.Element => (\r\n    <th\r\n      ref={ref}\r\n      className={cn(styles.head, className)}\r\n      {...props}\r\n    />\r\n  ),\r\n);\r\n\r\n/**\r\n * Renders a standard table cell.\r\n *\r\n * @remarks\r\n * - Pure CSS component (no Base UI primitive)\r\n * - Renders a `<td>` element\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example\r\n * ```tsx\r\n * <TableCell>Acme Inc.</TableCell>\r\n * ```\r\n *\r\n * @see {@link TableCellProps} for available props\r\n */\r\nconst TableCell = React.forwardRef<HTMLTableCellElement, TableCellProps>(\r\n  ({className, ...props}: Readonly<TableCellProps>, ref): React.JSX.Element => (\r\n    <td\r\n      ref={ref}\r\n      className={cn(styles.cell, className)}\r\n      {...props}\r\n    />\r\n  ),\r\n);\r\n\r\n/**\r\n * Renders the table caption.\r\n *\r\n * @remarks\r\n * - Pure CSS component (no Base UI primitive)\r\n * - Renders a `<caption>` element\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example\r\n * ```tsx\r\n * <TableCaption>Recent invoices</TableCaption>\r\n * ```\r\n *\r\n * @see {@link TableCaptionProps} for available props\r\n */\r\nconst TableCaption = React.forwardRef<HTMLTableCaptionElement, TableCaptionProps>(\r\n  ({className, ...props}: Readonly<TableCaptionProps>, ref): React.JSX.Element => (\r\n    <caption\r\n      ref={ref}\r\n      className={cn(styles.caption, className)}\r\n      {...props}\r\n    />\r\n  ),\r\n);\r\n\r\nTable.displayName = \"Table\";\r\nTableHeader.displayName = \"TableHeader\";\r\nTableBody.displayName = \"TableBody\";\r\nTableFooter.displayName = \"TableFooter\";\r\nTableRow.displayName = \"TableRow\";\r\nTableHead.displayName = \"TableHead\";\r\nTableCell.displayName = \"TableCell\";\r\nTableCaption.displayName = \"TableCaption\";\r\n\r\nexport {Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow};\r\n"],"names":["Table","React","className","props","ref","styles","cn","TableHeader","TableBody","TableFooter","TableRow","TableHead","TableCell","TableCaption"],"mappings":";;;;AAgEA,MAAMA,QAAQ,WAAHA,GAAGC,WACZ,CAAC,EAACC,SAAS,EAAE,GAAGC,OAA4B,EAAEC,MAAAA,WAAAA,GAC5C,IAAC;QAAI,WAAWC,aAAAA,SAAgB;kBAC9B,kBAAC;YACC,KAAKD;YACL,WAAWE,GAAGD,aAAAA,KAAY,EAAEH;YAC3B,GAAGC,KAAK;;;AAuBjB,MAAMI,cAAc,WAAHA,GAAGN,WAClB,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAkC,EAAEC,MAAAA,WAAAA,GAClD,IAAC;QACC,KAAKA;QACL,WAAWE,GAAGD,aAAAA,MAAa,EAAEH;QAC5B,GAAGC,KAAK;;AAsBf,MAAMK,YAAY,WAAHA,GAAGP,WAChB,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAgC,EAAEC,MAAAA,WAAAA,GAChD,IAAC;QACC,KAAKA;QACL,WAAWE,GAAGD,aAAAA,IAAW,EAAEH;QAC1B,GAAGC,KAAK;;AAsBf,MAAMM,cAAc,WAAHA,GAAGR,WAClB,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAkC,EAAEC,MAAAA,WAAAA,GAClD,IAAC;QACC,KAAKA;QACL,WAAWE,GAAGD,aAAAA,MAAa,EAAEH;QAC5B,GAAGC,KAAK;;AAsBf,MAAMO,WAAW,WAAHA,GAAGT,WACf,CAAC,EAACC,SAAS,EAAE,GAAGC,OAA+B,EAAEC,MAAAA,WAAAA,GAC/C,IAAC;QACC,KAAKA;QACL,WAAWE,GAAGD,aAAAA,GAAU,EAAEH;QACzB,GAAGC,KAAK;;AAoBf,MAAMQ,YAAY,WAAHA,GAAGV,WAChB,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAgC,EAAEC,MAAAA,WAAAA,GAChD,IAAC;QACC,KAAKA;QACL,WAAWE,GAAGD,aAAAA,IAAW,EAAEH;QAC1B,GAAGC,KAAK;;AAoBf,MAAMS,YAAY,WAAHA,GAAGX,WAChB,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAgC,EAAEC,MAAAA,WAAAA,GAChD,IAAC;QACC,KAAKA;QACL,WAAWE,GAAGD,aAAAA,IAAW,EAAEH;QAC1B,GAAGC,KAAK;;AAoBf,MAAMU,eAAe,WAAHA,GAAGZ,WACnB,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAmC,EAAEC,MAAAA,WAAAA,GACnD,IAAC;QACC,KAAKA;QACL,WAAWE,GAAGD,aAAAA,OAAc,EAAEH;QAC7B,GAAGC,KAAK;;AAKfH,MAAM,WAAW,GAAG;AACpBO,YAAY,WAAW,GAAG;AAC1BC,UAAU,WAAW,GAAG;AACxBC,YAAY,WAAW,GAAG;AAC1BC,SAAS,WAAW,GAAG;AACvBC,UAAU,WAAW,GAAG;AACxBC,UAAU,WAAW,GAAG;AACxBC,aAAa,WAAW,GAAG"}
+{"version":3,"file":"components/ui/table.js","sources":["../../../src/components/ui/table.tsx"],"sourcesContent":["/* eslint-disable react/prop-types */\r\n\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\nimport styles from \"./table.module.css\";\r\n\r\n/**\r\n * Props for the {@link Table} component.\r\n */\r\nexport type TableProps = React.HTMLAttributes<HTMLTableElement>;\r\n\r\n/**\r\n * Props for the {@link TableHeader} component.\r\n */\r\nexport type TableHeaderProps = React.HTMLAttributes<HTMLTableSectionElement>;\r\n\r\n/**\r\n * Props for the {@link TableBody} component.\r\n */\r\nexport type TableBodyProps = React.HTMLAttributes<HTMLTableSectionElement>;\r\n\r\n/**\r\n * Props for the {@link TableFooter} component.\r\n */\r\nexport type TableFooterProps = React.HTMLAttributes<HTMLTableSectionElement>;\r\n\r\n/**\r\n * Props for the {@link TableRow} component.\r\n */\r\nexport type TableRowProps = React.HTMLAttributes<HTMLTableRowElement>;\r\n\r\n/**\r\n * Props for the {@link TableHead} component.\r\n */\r\nexport type TableHeadProps = React.ThHTMLAttributes<HTMLTableCellElement>;\r\n\r\n/**\r\n * Props for the {@link TableCell} component.\r\n */\r\nexport type TableCellProps = React.TdHTMLAttributes<HTMLTableCellElement>;\r\n\r\n/**\r\n * Props for the {@link TableCaption} component.\r\n */\r\nexport type TableCaptionProps = React.HTMLAttributes<HTMLTableCaptionElement>;\r\n\r\n/**\r\n * Wraps a table in a horizontally scrollable container.\r\n *\r\n * @remarks\r\n * - Pure CSS component (no Base UI primitive)\r\n * - Renders a `<table>` element inside a `<div>` container\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example\r\n * ```tsx\r\n * <Table>\r\n *   <TableHeader />\r\n * </Table>\r\n * ```\r\n *\r\n * @see {@link TableProps} for available props\r\n */\r\nconst Table = React.forwardRef<HTMLTableElement, TableProps>(\r\n  ({className, ...props}: Readonly<TableProps>, ref): React.JSX.Element => (\r\n    <div className={styles.container}>\r\n      <table\r\n        ref={ref}\r\n        className={cn(styles.table, className)}\r\n        {...props}\r\n      />\r\n    </div>\r\n  ),\r\n);\r\n\r\n/**\r\n * Renders the table header section.\r\n *\r\n * @remarks\r\n * - Pure CSS component (no Base UI primitive)\r\n * - Renders a `<thead>` element\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example\r\n * ```tsx\r\n * <TableHeader>\r\n *   <TableRow />\r\n * </TableHeader>\r\n * ```\r\n *\r\n * @see {@link TableHeaderProps} for available props\r\n */\r\nconst TableHeader = React.forwardRef<HTMLTableSectionElement, TableHeaderProps>(\r\n  ({className, ...props}: Readonly<TableHeaderProps>, ref): React.JSX.Element => (\r\n    <thead\r\n      ref={ref}\r\n      className={cn(styles.header, className)}\r\n      {...props}\r\n    />\r\n  ),\r\n);\r\n\r\n/**\r\n * Renders the table body section.\r\n *\r\n * @remarks\r\n * - Pure CSS component (no Base UI primitive)\r\n * - Renders a `<tbody>` element\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example\r\n * ```tsx\r\n * <TableBody>\r\n *   <TableRow />\r\n * </TableBody>\r\n * ```\r\n *\r\n * @see {@link TableBodyProps} for available props\r\n */\r\nconst TableBody = React.forwardRef<HTMLTableSectionElement, TableBodyProps>(\r\n  ({className, ...props}: Readonly<TableBodyProps>, ref): React.JSX.Element => (\r\n    <tbody\r\n      ref={ref}\r\n      className={cn(styles.body, className)}\r\n      {...props}\r\n    />\r\n  ),\r\n);\r\n\r\n/**\r\n * Renders the table footer section.\r\n *\r\n * @remarks\r\n * - Pure CSS component (no Base UI primitive)\r\n * - Renders a `<tfoot>` element\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example\r\n * ```tsx\r\n * <TableFooter>\r\n *   <TableRow />\r\n * </TableFooter>\r\n * ```\r\n *\r\n * @see {@link TableFooterProps} for available props\r\n */\r\nconst TableFooter = React.forwardRef<HTMLTableSectionElement, TableFooterProps>(\r\n  ({className, ...props}: Readonly<TableFooterProps>, ref): React.JSX.Element => (\r\n    <tfoot\r\n      ref={ref}\r\n      className={cn(styles.footer, className)}\r\n      {...props}\r\n    />\r\n  ),\r\n);\r\n\r\n/**\r\n * Renders a table row.\r\n *\r\n * @remarks\r\n * - Pure CSS component (no Base UI primitive)\r\n * - Renders a `<tr>` element\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example\r\n * ```tsx\r\n * <TableRow>\r\n *   <TableCell>Value</TableCell>\r\n * </TableRow>\r\n * ```\r\n *\r\n * @see {@link TableRowProps} for available props\r\n */\r\nconst TableRow = React.forwardRef<HTMLTableRowElement, TableRowProps>(\r\n  ({className, ...props}: Readonly<TableRowProps>, ref): React.JSX.Element => (\r\n    <tr\r\n      ref={ref}\r\n      className={cn(styles.row, className)}\r\n      {...props}\r\n    />\r\n  ),\r\n);\r\n\r\n/**\r\n * Renders a header cell.\r\n *\r\n * @remarks\r\n * - Pure CSS component (no Base UI primitive)\r\n * - Renders a `<th>` element\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example\r\n * ```tsx\r\n * <TableHead scope='col'>Name</TableHead>\r\n * ```\r\n *\r\n * @see {@link TableHeadProps} for available props\r\n */\r\nconst TableHead = React.forwardRef<HTMLTableCellElement, TableHeadProps>(\r\n  ({className, ...props}: Readonly<TableHeadProps>, ref): React.JSX.Element => (\r\n    <th\r\n      ref={ref}\r\n      className={cn(styles.head, className)}\r\n      {...props}\r\n    />\r\n  ),\r\n);\r\n\r\n/**\r\n * Renders a standard table cell.\r\n *\r\n * @remarks\r\n * - Pure CSS component (no Base UI primitive)\r\n * - Renders a `<td>` element\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example\r\n * ```tsx\r\n * <TableCell>Acme Inc.</TableCell>\r\n * ```\r\n *\r\n * @see {@link TableCellProps} for available props\r\n */\r\nconst TableCell = React.forwardRef<HTMLTableCellElement, TableCellProps>(\r\n  ({className, ...props}: Readonly<TableCellProps>, ref): React.JSX.Element => (\r\n    <td\r\n      ref={ref}\r\n      className={cn(styles.cell, className)}\r\n      {...props}\r\n    />\r\n  ),\r\n);\r\n\r\n/**\r\n * Renders the table caption.\r\n *\r\n * @remarks\r\n * - Pure CSS component (no Base UI primitive)\r\n * - Renders a `<caption>` element\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example\r\n * ```tsx\r\n * <TableCaption>Recent invoices</TableCaption>\r\n * ```\r\n *\r\n * @see {@link TableCaptionProps} for available props\r\n */\r\nconst TableCaption = React.forwardRef<HTMLTableCaptionElement, TableCaptionProps>(\r\n  ({className, ...props}: Readonly<TableCaptionProps>, ref): React.JSX.Element => (\r\n    <caption\r\n      ref={ref}\r\n      className={cn(styles.caption, className)}\r\n      {...props}\r\n    />\r\n  ),\r\n);\r\n\r\nTable.displayName = \"Table\";\r\nTableHeader.displayName = \"TableHeader\";\r\nTableBody.displayName = \"TableBody\";\r\nTableFooter.displayName = \"TableFooter\";\r\nTableRow.displayName = \"TableRow\";\r\nTableHead.displayName = \"TableHead\";\r\nTableCell.displayName = \"TableCell\";\r\nTableCaption.displayName = \"TableCaption\";\r\n\r\nexport {Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow};\r\n"],"names":["Table","React","className","props","ref","styles","cn","TableHeader","TableBody","TableFooter","TableRow","TableHead","TableCell","TableCaption"],"mappings":";;;;AAgEA,MAAMA,QAAQ,WAAHA,GAAGC,wBAAAA,UAAgB,CAC5B,CAAC,EAACC,SAAS,EAAE,GAAGC,OAA4B,EAAEC,MAAAA,WAAAA,GAC5C,IAAC;QAAI,WAAWC,aAAAA,SAAgB;kBAC9B,kBAAC;YACC,KAAKD;YACL,WAAWE,GAAGD,aAAAA,KAAY,EAAEH;YAC3B,GAAGC,KAAK;;;AAuBjB,MAAMI,cAAc,WAAHA,GAAGN,wBAAAA,UAAgB,CAClC,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAkC,EAAEC,MAAAA,WAAAA,GAClD,IAAC;QACC,KAAKA;QACL,WAAWE,GAAGD,aAAAA,MAAa,EAAEH;QAC5B,GAAGC,KAAK;;AAsBf,MAAMK,YAAY,WAAHA,GAAGP,wBAAAA,UAAgB,CAChC,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAgC,EAAEC,MAAAA,WAAAA,GAChD,IAAC;QACC,KAAKA;QACL,WAAWE,GAAGD,aAAAA,IAAW,EAAEH;QAC1B,GAAGC,KAAK;;AAsBf,MAAMM,cAAc,WAAHA,GAAGR,wBAAAA,UAAgB,CAClC,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAkC,EAAEC,MAAAA,WAAAA,GAClD,IAAC;QACC,KAAKA;QACL,WAAWE,GAAGD,aAAAA,MAAa,EAAEH;QAC5B,GAAGC,KAAK;;AAsBf,MAAMO,WAAW,WAAHA,GAAGT,wBAAAA,UAAgB,CAC/B,CAAC,EAACC,SAAS,EAAE,GAAGC,OAA+B,EAAEC,MAAAA,WAAAA,GAC/C,IAAC;QACC,KAAKA;QACL,WAAWE,GAAGD,aAAAA,GAAU,EAAEH;QACzB,GAAGC,KAAK;;AAoBf,MAAMQ,YAAY,WAAHA,GAAGV,wBAAAA,UAAgB,CAChC,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAgC,EAAEC,MAAAA,WAAAA,GAChD,IAAC;QACC,KAAKA;QACL,WAAWE,GAAGD,aAAAA,IAAW,EAAEH;QAC1B,GAAGC,KAAK;;AAoBf,MAAMS,YAAY,WAAHA,GAAGX,wBAAAA,UAAgB,CAChC,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAgC,EAAEC,MAAAA,WAAAA,GAChD,IAAC;QACC,KAAKA;QACL,WAAWE,GAAGD,aAAAA,IAAW,EAAEH;QAC1B,GAAGC,KAAK;;AAoBf,MAAMU,eAAe,WAAHA,GAAGZ,wBAAAA,UAAgB,CACnC,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAmC,EAAEC,MAAAA,WAAAA,GACnD,IAAC;QACC,KAAKA;QACL,WAAWE,GAAGD,aAAAA,OAAc,EAAEH;QAC7B,GAAGC,KAAK;;AAKfH,MAAM,WAAW,GAAG;AACpBO,YAAY,WAAW,GAAG;AAC1BC,UAAU,WAAW,GAAG;AACxBC,YAAY,WAAW,GAAG;AAC1BC,SAAS,WAAW,GAAG;AACvBC,UAAU,WAAW,GAAG;AACxBC,UAAU,WAAW,GAAG;AACxBC,aAAa,WAAW,GAAG"}

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

@@ -1 +1 @@
-{"version":3,"sources":["webpack://./home/runner/work/arolariu.ro/arolariu.ro/packages/components/src/components/ui/table.module.css","webpack://./src/components/ui/table.module.css"],"names":[],"mappings":"AADA;ECEE,WAAW;EACX,kBAAkB;EAClB,cAAc;AAChB;;AAEA;EACE,yBAAyB;EACzB,oBAAoB;EACpB,4BAA4B;EAC5B,WAAW;AACb;;AAEA;EACE,yCAAyC;AAC3C;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,qEAAqE;EACrE,sCAAsC;EACtC,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,yCAAyC;EACzC,sDAAsD;AACxD;;AAEA;EACE;IACE,qEAAqE;EACvE;AACF;;AAEA;EACE,qEAAqE;AACvE;;AAEA;EACE,iCAAiC;EACjC,4BAA4B;EAC5B,8BAA8B;EAC9B,4BAA4B;EAC5B,gBAAgB;EAChB,gBAAgB;AAClB;;AAEA;EACE,sBAAsB;AACxB;;AAEA;EACE,0BAA0B;AAC5B;;AAEA;EACE,iCAAiC;EACjC,4BAA4B;EAC5B,6BAA6B;AAC/B","sourcesContent":[".container{overflow:auto;position:relative;width:100%}.table{border-collapse:collapse;caption-side:bottom;font-size:var(--ac-text-sm);width:100%}.header :where(tr){border-bottom:1px solid var(--ac-border)}.body :where(tr:last-child){border-bottom:0}.footer{background-color:color-mix(in oklch,var(--ac-muted),transparent 35%);border-top:1px solid var(--ac-border);font-weight:500}.footer>tr:last-child{border-bottom:0}.row{border-bottom:1px solid var(--ac-border);transition:background-color var(--ac-transition-fast)}@media (hover:hover){.row:hover{background-color:color-mix(in oklch,var(--ac-muted),transparent 45%)}}.row[data-state=selected]{background-color:color-mix(in oklch,var(--ac-muted),transparent 30%)}.head{color:var(--ac-muted-foreground);font-size:var(--ac-text-sm);font-weight:500;height:var(--ac-size-default);padding:0 var(--ac-space-2);text-align:left}.cell,.head{vertical-align:middle}.cell{padding:var(--ac-space-2)}.caption{color:var(--ac-muted-foreground);font-size:var(--ac-text-sm);margin-top:var(--ac-space-4)}",".container {\n  width: 100%;\n  position: relative;\n  overflow: auto;\n}\n\n.table {\n  border-collapse: collapse;\n  caption-side: bottom;\n  font-size: var(--ac-text-sm);\n  width: 100%;\n}\n\n.header :where(tr) {\n  border-bottom: 1px solid var(--ac-border);\n}\n\n.body :where(tr:last-child) {\n  border-bottom: 0;\n}\n\n.footer {\n  background-color: color-mix(in oklch,var(--ac-muted),transparent 35%);\n  border-top: 1px solid var(--ac-border);\n  font-weight: 500;\n}\n\n.footer > tr:last-child {\n  border-bottom: 0;\n}\n\n.row {\n  border-bottom: 1px solid var(--ac-border);\n  transition: background-color var(--ac-transition-fast);\n}\n\n@media (hover: hover) {\n  .row:hover {\n    background-color: color-mix(in oklch,var(--ac-muted),transparent 45%);\n  }\n}\n\n.row[data-state=\"selected\"] {\n  background-color: color-mix(in oklch,var(--ac-muted),transparent 30%);\n}\n\n.head {\n  color: var(--ac-muted-foreground);\n  font-size: var(--ac-text-sm);\n  height: var(--ac-size-default);\n  padding: 0 var(--ac-space-2);\n  text-align: left;\n  font-weight: 500;\n}\n\n.cell, .head {\n  vertical-align: middle;\n}\n\n.cell {\n  padding: var(--ac-space-2);\n}\n\n.caption {\n  color: var(--ac-muted-foreground);\n  font-size: var(--ac-text-sm);\n  margin-top: var(--ac-space-4);\n}\n"],"sourceRoot":""}
+{"version":3,"sources":["webpack://./../../node_modules/@rslib/core/node_modules/@rsbuild/core/compiled/css-loader/index.js??ruleSet[1].rules[1].oneOf[2].use[1]!builtin:lightningcss-loader??ruleSet[1].rules[1].oneOf[2].use[2]!/home/runner/work/arolariu.ro/arolariu.ro/node_modules/@rslib/core/node_modules/@rsbuild/core/compiled/postcss-loader/index.js??ruleSet[1].rules[1].oneOf[2].use[3]!/home/runner/work/arolariu.ro/arolariu.ro/packages/components/src/components/ui/table.module.css","webpack://./src/components/ui/table.module.css"],"names":[],"mappings":"AAAA;ECCE,WAAW;EACX,kBAAkB;EAClB,cAAc;AAChB;;ADJsD;ECOpD,yBAAyB;EACzB,oBAAoB;EACpB,4BAA4B;EAC5B,WAAW;AACb;;ADXiJ;ECc/I,yCAAyC;AAC3C;;ADf6M;ECkB3M,gBAAgB;AAClB;;ADnByP;ECsBvP,qEAAqE;EACrE,sCAAsC;EACtC,gBAAgB;AAClB;;ADzB4X;EC4B1X,gBAAgB;AAClB;;AD7Bka;ECgCha,yCAAyC;EACzC,sDAAsD;AACxD;;ADlCsgB;EAAqB;ICsCvhB,qEAAqE;EACvE;AACF;;ADxC4mB;EC2C1mB,qEAAqE;AACvE;;AD5C2sB;EC+CzsB,iCAAiC;EACjC,4BAA4B;EAC5B,8BAA8B;EAC9B,4BAA4B;EAC5B,gBAAgB;EAChB,gBAAgB;AAClB;;ADrDw2B;ECwDt2B,sBAAsB;AACxB;;ADzD04B;EC4Dx4B,0BAA0B;AAC5B;;AD7D06B;ECgEx6B,iCAAiC;EACjC,4BAA4B;EAC5B,6BAA6B;AAC/B","sourcesContent":[".container{overflow:auto;position:relative;width:100%}.table{border-collapse:collapse;caption-side:bottom;font-size:var(--ac-text-sm);width:100%}.header :where(tr){border-bottom:1px solid var(--ac-border)}.body :where(tr:last-child){border-bottom:0}.footer{background-color:color-mix(in oklch,var(--ac-muted),transparent 35%);border-top:1px solid var(--ac-border);font-weight:500}.footer>tr:last-child{border-bottom:0}.row{border-bottom:1px solid var(--ac-border);transition:background-color var(--ac-transition-fast)}@media (hover:hover){.row:hover{background-color:color-mix(in oklch,var(--ac-muted),transparent 45%)}}.row[data-state=selected]{background-color:color-mix(in oklch,var(--ac-muted),transparent 30%)}.head{color:var(--ac-muted-foreground);font-size:var(--ac-text-sm);font-weight:500;height:var(--ac-size-default);padding:0 var(--ac-space-2);text-align:left}.cell,.head{vertical-align:middle}.cell{padding:var(--ac-space-2)}.caption{color:var(--ac-muted-foreground);font-size:var(--ac-text-sm);margin-top:var(--ac-space-4)}",".container {\n  width: 100%;\n  position: relative;\n  overflow: auto;\n}\n\n.table {\n  border-collapse: collapse;\n  caption-side: bottom;\n  font-size: var(--ac-text-sm);\n  width: 100%;\n}\n\n.header :where(tr) {\n  border-bottom: 1px solid var(--ac-border);\n}\n\n.body :where(tr:last-child) {\n  border-bottom: 0;\n}\n\n.footer {\n  background-color: color-mix(in oklch,var(--ac-muted),transparent 35%);\n  border-top: 1px solid var(--ac-border);\n  font-weight: 500;\n}\n\n.footer > tr:last-child {\n  border-bottom: 0;\n}\n\n.row {\n  border-bottom: 1px solid var(--ac-border);\n  transition: background-color var(--ac-transition-fast);\n}\n\n@media (hover: hover) {\n  .row:hover {\n    background-color: color-mix(in oklch,var(--ac-muted),transparent 45%);\n  }\n}\n\n.row[data-state=\"selected\"] {\n  background-color: color-mix(in oklch,var(--ac-muted),transparent 30%);\n}\n\n.head {\n  color: var(--ac-muted-foreground);\n  font-size: var(--ac-text-sm);\n  height: var(--ac-size-default);\n  padding: 0 var(--ac-space-2);\n  text-align: left;\n  font-weight: 500;\n}\n\n.cell, .head {\n  vertical-align: middle;\n}\n\n.cell {\n  padding: var(--ac-space-2);\n}\n\n.caption {\n  color: var(--ac-muted-foreground);\n  font-size: var(--ac-text-sm);\n  margin-top: var(--ac-space-4);\n}\n"],"sourceRoot":""}

package/dist/components/ui/tabs.js

@@ -3,9 +3,9 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { mergeProps } from "@base-ui/react/merge-props";
 import { Tabs } from "@base-ui/react/tabs";
 import { useRender } from "@base-ui/react/use-render";
-import { forwardRef } from "react";
 import { cn } from "../../lib/utilities.js";
 import tabs_module from "./tabs.module.js";
+import * as __rspack_external_react from "react";
 function tabs_Tabs(props) {
     const { className, children, render, ...otherProps } = props;
     return /*#__PURE__*/ jsx(Tabs.Root, {
@@ -41,7 +41,7 @@ function TabsList(props) {
     });
 }
 TabsList.displayName = "TabsList";
-const TabsTrigger = /*#__PURE__*/ forwardRef((props, ref)=>{
+const TabsTrigger = /*#__PURE__*/ __rspack_external_react.forwardRef((props, ref)=>{
     const { className, children, render, ...otherProps } = props;
     return /*#__PURE__*/ jsx(Tabs.Tab, {
         ref: ref,
@@ -57,7 +57,7 @@ const TabsTrigger = /*#__PURE__*/ forwardRef((props, ref)=>{
     });
 });
 TabsTrigger.displayName = "TabsTrigger";
-const TabsContent = /*#__PURE__*/ forwardRef((props, ref)=>{
+const TabsContent = /*#__PURE__*/ __rspack_external_react.forwardRef((props, ref)=>{
     const { className, children, render, ...otherProps } = props;
     return /*#__PURE__*/ jsx(Tabs.Panel, {
         ref: ref,