@arolariu/components 1.1.0 → 2.0.0

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

@@ -1 +1 @@
-{"version":3,"sources":["webpack://./home/runner/work/arolariu.ro/arolariu.ro/packages/components/src/components/ui/dropdrawer.module.css","webpack://./src/components/ui/dropdrawer.module.css"],"names":[],"mappings":"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","sourcesContent":[".drawerOverlay{background:rgba(0,0,0,.55);inset:0;position:fixed;transition:opacity var(--ac-transition-normal);z-index:50;@supports (-webkit-touch-callout:none){position:absolute}}.drawerOverlay[data-ending-style],.drawerOverlay[data-starting-style]{opacity:0}.drawerViewport{align-items:flex-end;display:flex;inset:0;justify-content:center;pointer-events:none;position:fixed;z-index:51}.drawerContent{background:var(--ac-popover);border:1px solid var(--ac-border);border-bottom:0;border-radius:var(--ac-radius-lg) var(--ac-radius-lg) 0 0;box-shadow:0 -16px 40px -16px rgba(0,0,0,.35);color:var(--ac-popover-foreground);display:flex;flex-direction:column;inset-inline:0;margin-top:6rem;max-height:95vh;padding:1rem 1rem 1.5rem;pointer-events:auto;position:relative;transition:opacity var(--ac-transition-normal),transform var(--ac-transition-normal);width:min(100%,48rem)}.drawerContent[data-ending-style],.drawerContent[data-starting-style]{opacity:0;transform:translateY(1rem)}.drawerInnerContent{display:flex;flex:1;flex-direction:column;min-height:0}.drawerHandle{background:var(--ac-border);border-radius:9999px;height:.25rem;margin:0 auto 1rem;width:4rem}.drawerHeader{display:grid;gap:.375rem;padding:0 0 1rem;text-align:center}.drawerTitle{font-size:var(--ac-text-lg);font-weight:600;letter-spacing:-.02em;line-height:1.2}.drawerFooter,.mobileFooter{display:flex;flex-direction:column;gap:.5rem;margin-top:auto;padding-top:1rem}.desktopFooter{padding:.5rem}.dropdownPositioner{z-index:50}.desktopContent,.dropdownContent,.dropdownSubContent{background:var(--ac-popover);border:1px solid var(--ac-border);border-radius:var(--ac-radius-md);box-shadow:0 16px 40px -16px rgba(0,0,0,.35);color:var(--ac-popover-foreground);min-width:13.75rem;overflow:hidden auto;transition:opacity var(--ac-transition-normal),transform var(--ac-transition-normal)}.desktopContent[data-ending-style],.desktopContent[data-starting-style],.dropdownContent[data-ending-style],.dropdownContent[data-starting-style],.dropdownSubContent[data-ending-style],.dropdownSubContent[data-starting-style]{opacity:0;transform:scale(.96)}.desktopContent,.dropdownContent{max-height:min(70vh,var(--available-height,70vh));padding:.25rem}.dropdownSubContent{max-height:min(60vh,var(--available-height,60vh));padding:.25rem}.desktopItem,.desktopSubTrigger{align-items:center;border-radius:var(--ac-radius-sm);color:inherit;cursor:default;display:flex;font-size:var(--ac-text-sm);gap:.5rem;min-height:2rem;outline:none;padding:.375rem .5rem;position:relative;user-select:none;width:100%}.desktopItem[data-highlighted],.desktopSubTrigger[data-highlighted],.desktopSubTrigger[data-popup-open]{background:var(--ac-accent);color:var(--ac-accent-foreground)}.desktopItem[data-disabled],.desktopSubTrigger[data-disabled]{opacity:.5;pointer-events:none}.desktopLabel{font-size:var(--ac-text-sm);font-weight:600;padding:.375rem .5rem}.desktopSeparator{background:var(--ac-border);height:1px;margin:.25rem -.25rem}.mobileContent{max-height:90vh}.mobileHeaderRow{align-items:center;display:flex;gap:.5rem}.backButton{align-items:center;background:transparent;border:0;border-radius:9999px;color:inherit;display:inline-flex;height:2rem;justify-content:center;padding:.25rem;width:2rem}.backButton:hover{background:color-mix(in oklch,var(--ac-muted),transparent 50%)}.backButton:focus-visible,.mobileItem:focus-visible{outline:2px solid var(--ac-ring);outline-offset:2px}.mobileMainViewport,.mobileViewport{overflow-y:auto}.mobileViewport{flex:1;max-height:70vh;position:relative}.mobileMainViewport{max-height:70vh}.mobileMotionPanel{min-height:100%;padding-bottom:1.5rem;width:100%}.screenReaderOnlyHeader{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}.mobileItem{align-items:center;background:transparent;border:0;color:inherit;cursor:pointer;display:flex;justify-content:space-between;padding:1rem;text-align:left;width:100%}.mobileStandaloneItem{background:var(--ac-muted);border-radius:var(--ac-radius-md);margin:.375rem .5rem}.mobileGroupedItem{background:transparent}.mobileLabelWrapper{padding:0}.mobileLabel{color:var(--ac-muted-foreground);font-size:var(--ac-text-sm);font-weight:500;padding:.5rem 1rem}.mobileGroup{background:var(--ac-muted);border-radius:var(--ac-radius-xl);margin:.75rem .5rem;overflow:hidden}.mobileGroupSeparator{background:var(--ac-border);height:1px}.itemChildren,.itemRow{align-items:center;display:flex;gap:.5rem}.itemRow{justify-content:space-between;width:100%}.chevron,.itemIcon{flex-shrink:0}.chevron{height:1rem;width:1rem}.inset{padding-left:2rem}.mobileItem[data-disabled=true]{opacity:.5;pointer-events:none}@media (min-width:640px){.drawerHeader{text-align:left}}",".drawerOverlay {\n  transition: opacity var(--ac-transition-normal);\n  z-index: 50;\n  background: #0000008c;\n  position: fixed;\n  inset: 0;\n\n  @supports (-webkit-touch-callout: none) {\n    position: absolute;\n  }\n}\n\n.drawerOverlay[data-ending-style], .drawerOverlay[data-starting-style] {\n  opacity: 0;\n}\n\n.drawerViewport {\n  pointer-events: none;\n  z-index: 51;\n  justify-content: center;\n  align-items: flex-end;\n  display: flex;\n  position: fixed;\n  inset: 0;\n}\n\n.drawerContent {\n  background: var(--ac-popover);\n  border: 1px solid var(--ac-border);\n  border-radius: var(--ac-radius-lg) var(--ac-radius-lg) 0 0;\n  color: var(--ac-popover-foreground);\n  pointer-events: auto;\n  max-height: 95vh;\n  transition: opacity var(--ac-transition-normal),transform var(--ac-transition-normal);\n  border-bottom: 0;\n  flex-direction: column;\n  width: min(100%, 48rem);\n  margin-top: 6rem;\n  padding: 1rem 1rem 1.5rem;\n  display: flex;\n  position: relative;\n  inset-inline: 0;\n  box-shadow: 0 -16px 40px -16px #00000059;\n}\n\n.drawerContent[data-ending-style], .drawerContent[data-starting-style] {\n  opacity: 0;\n  transform: translateY(1rem);\n}\n\n.drawerInnerContent {\n  flex-direction: column;\n  flex: 1;\n  min-height: 0;\n  display: flex;\n}\n\n.drawerHandle {\n  background: var(--ac-border);\n  border-radius: 9999px;\n  width: 4rem;\n  height: .25rem;\n  margin: 0 auto 1rem;\n}\n\n.drawerHeader {\n  text-align: center;\n  gap: .375rem;\n  padding: 0 0 1rem;\n  display: grid;\n}\n\n.drawerTitle {\n  font-size: var(--ac-text-lg);\n  letter-spacing: -.02em;\n  font-weight: 600;\n  line-height: 1.2;\n}\n\n.drawerFooter, .mobileFooter {\n  flex-direction: column;\n  gap: .5rem;\n  margin-top: auto;\n  padding-top: 1rem;\n  display: flex;\n}\n\n.desktopFooter {\n  padding: .5rem;\n}\n\n.dropdownPositioner {\n  z-index: 50;\n}\n\n.desktopContent, .dropdownContent, .dropdownSubContent {\n  background: var(--ac-popover);\n  border: 1px solid var(--ac-border);\n  border-radius: var(--ac-radius-md);\n  color: var(--ac-popover-foreground);\n  min-width: 13.75rem;\n  transition: opacity var(--ac-transition-normal),transform var(--ac-transition-normal);\n  overflow: hidden auto;\n  box-shadow: 0 16px 40px -16px #00000059;\n}\n\n.desktopContent[data-ending-style], .desktopContent[data-starting-style], .dropdownContent[data-ending-style], .dropdownContent[data-starting-style], .dropdownSubContent[data-ending-style], .dropdownSubContent[data-starting-style] {\n  opacity: 0;\n  transform: scale(.96);\n}\n\n.desktopContent, .dropdownContent {\n  max-height: min(70vh,var(--available-height, 70vh));\n  padding: .25rem;\n}\n\n.dropdownSubContent {\n  max-height: min(60vh,var(--available-height, 60vh));\n  padding: .25rem;\n}\n\n.desktopItem, .desktopSubTrigger {\n  border-radius: var(--ac-radius-sm);\n  color: inherit;\n  cursor: default;\n  font-size: var(--ac-text-sm);\n  -webkit-user-select: none;\n  user-select: none;\n  outline: none;\n  align-items: center;\n  gap: .5rem;\n  width: 100%;\n  min-height: 2rem;\n  padding: .375rem .5rem;\n  display: flex;\n  position: relative;\n}\n\n.desktopItem[data-highlighted], .desktopSubTrigger[data-highlighted], .desktopSubTrigger[data-popup-open] {\n  background: var(--ac-accent);\n  color: var(--ac-accent-foreground);\n}\n\n.desktopItem[data-disabled], .desktopSubTrigger[data-disabled] {\n  opacity: .5;\n  pointer-events: none;\n}\n\n.desktopLabel {\n  font-size: var(--ac-text-sm);\n  padding: .375rem .5rem;\n  font-weight: 600;\n}\n\n.desktopSeparator {\n  background: var(--ac-border);\n  height: 1px;\n  margin: .25rem -.25rem;\n}\n\n.mobileContent {\n  max-height: 90vh;\n}\n\n.mobileHeaderRow {\n  align-items: center;\n  gap: .5rem;\n  display: flex;\n}\n\n.backButton {\n  color: inherit;\n  background: none;\n  border: 0;\n  border-radius: 9999px;\n  justify-content: center;\n  align-items: center;\n  width: 2rem;\n  height: 2rem;\n  padding: .25rem;\n  display: inline-flex;\n}\n\n.backButton:hover {\n  background: color-mix(in oklch,var(--ac-muted),transparent 50%);\n}\n\n.backButton:focus-visible, .mobileItem:focus-visible {\n  outline: 2px solid var(--ac-ring);\n  outline-offset: 2px;\n}\n\n.mobileMainViewport, .mobileViewport {\n  overflow-y: auto;\n}\n\n.mobileViewport {\n  flex: 1;\n  max-height: 70vh;\n  position: relative;\n}\n\n.mobileMainViewport {\n  max-height: 70vh;\n}\n\n.mobileMotionPanel {\n  width: 100%;\n  min-height: 100%;\n  padding-bottom: 1.5rem;\n}\n\n.screenReaderOnlyHeader {\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\n.mobileItem {\n  color: inherit;\n  cursor: pointer;\n  text-align: left;\n  background: none;\n  border: 0;\n  justify-content: space-between;\n  align-items: center;\n  width: 100%;\n  padding: 1rem;\n  display: flex;\n}\n\n.mobileStandaloneItem {\n  background: var(--ac-muted);\n  border-radius: var(--ac-radius-md);\n  margin: .375rem .5rem;\n}\n\n.mobileGroupedItem {\n  background: none;\n}\n\n.mobileLabelWrapper {\n  padding: 0;\n}\n\n.mobileLabel {\n  color: var(--ac-muted-foreground);\n  font-size: var(--ac-text-sm);\n  padding: .5rem 1rem;\n  font-weight: 500;\n}\n\n.mobileGroup {\n  background: var(--ac-muted);\n  border-radius: var(--ac-radius-xl);\n  margin: .75rem .5rem;\n  overflow: hidden;\n}\n\n.mobileGroupSeparator {\n  background: var(--ac-border);\n  height: 1px;\n}\n\n.itemChildren, .itemRow {\n  align-items: center;\n  gap: .5rem;\n  display: flex;\n}\n\n.itemRow {\n  justify-content: space-between;\n  width: 100%;\n}\n\n.chevron, .itemIcon {\n  flex-shrink: 0;\n}\n\n.chevron {\n  width: 1rem;\n  height: 1rem;\n}\n\n.inset {\n  padding-left: 2rem;\n}\n\n.mobileItem[data-disabled=\"true\"] {\n  opacity: .5;\n  pointer-events: none;\n}\n\n@media (width >= 640px) {\n  .drawerHeader {\n    text-align: left;\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/dropdrawer.module.css","webpack://./src/components/ui/dropdrawer.module.css"],"names":[],"mappings":"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","sourcesContent":[".drawerOverlay{background:rgba(0,0,0,.55);inset:0;position:fixed;transition:opacity var(--ac-transition-normal);z-index:50;@supports (-webkit-touch-callout:none){position:absolute}}.drawerOverlay[data-ending-style],.drawerOverlay[data-starting-style]{opacity:0}.drawerViewport{align-items:flex-end;display:flex;inset:0;justify-content:center;pointer-events:none;position:fixed;z-index:51}.drawerContent{background:var(--ac-popover);border:1px solid var(--ac-border);border-bottom:0;border-radius:var(--ac-radius-lg) var(--ac-radius-lg) 0 0;box-shadow:0 -16px 40px -16px rgba(0,0,0,.35);color:var(--ac-popover-foreground);display:flex;flex-direction:column;inset-inline:0;margin-top:6rem;max-height:95vh;padding:1rem 1rem 1.5rem;pointer-events:auto;position:relative;transition:opacity var(--ac-transition-normal),transform var(--ac-transition-normal);width:min(100%,48rem)}.drawerContent[data-ending-style],.drawerContent[data-starting-style]{opacity:0;transform:translateY(1rem)}.drawerInnerContent{display:flex;flex:1;flex-direction:column;min-height:0}.drawerHandle{background:var(--ac-border);border-radius:9999px;height:.25rem;margin:0 auto 1rem;width:4rem}.drawerHeader{display:grid;gap:.375rem;padding:0 0 1rem;text-align:center}.drawerTitle{font-size:var(--ac-text-lg);font-weight:600;letter-spacing:-.02em;line-height:1.2}.drawerFooter,.mobileFooter{display:flex;flex-direction:column;gap:.5rem;margin-top:auto;padding-top:1rem}.desktopFooter{padding:.5rem}.dropdownPositioner{z-index:50}.desktopContent,.dropdownContent,.dropdownSubContent{background:var(--ac-popover);border:1px solid var(--ac-border);border-radius:var(--ac-radius-md);box-shadow:0 16px 40px -16px rgba(0,0,0,.35);color:var(--ac-popover-foreground);min-width:13.75rem;overflow:hidden auto;transition:opacity var(--ac-transition-normal),transform var(--ac-transition-normal)}.desktopContent[data-ending-style],.desktopContent[data-starting-style],.dropdownContent[data-ending-style],.dropdownContent[data-starting-style],.dropdownSubContent[data-ending-style],.dropdownSubContent[data-starting-style]{opacity:0;transform:scale(.96)}.desktopContent,.dropdownContent{max-height:min(70vh,var(--available-height,70vh));padding:.25rem}.dropdownSubContent{max-height:min(60vh,var(--available-height,60vh));padding:.25rem}.desktopItem,.desktopSubTrigger{align-items:center;border-radius:var(--ac-radius-sm);color:inherit;cursor:default;display:flex;font-size:var(--ac-text-sm);gap:.5rem;min-height:2rem;outline:none;padding:.375rem .5rem;position:relative;user-select:none;width:100%}.desktopItem[data-highlighted],.desktopSubTrigger[data-highlighted],.desktopSubTrigger[data-popup-open]{background:var(--ac-accent);color:var(--ac-accent-foreground)}.desktopItem[data-disabled],.desktopSubTrigger[data-disabled]{opacity:.5;pointer-events:none}.desktopLabel{font-size:var(--ac-text-sm);font-weight:600;padding:.375rem .5rem}.desktopSeparator{background:var(--ac-border);height:1px;margin:.25rem -.25rem}.mobileContent{max-height:90vh}.mobileHeaderRow{align-items:center;display:flex;gap:.5rem}.backButton{align-items:center;background:transparent;border:0;border-radius:9999px;color:inherit;display:inline-flex;height:2rem;justify-content:center;padding:.25rem;width:2rem}.backButton:hover{background:color-mix(in oklch,var(--ac-muted),transparent 50%)}.backButton:focus-visible,.mobileItem:focus-visible{outline:2px solid var(--ac-ring);outline-offset:2px}.mobileMainViewport,.mobileViewport{overflow-y:auto}.mobileViewport{flex:1;max-height:70vh;position:relative}.mobileMainViewport{max-height:70vh}.mobileMotionPanel{min-height:100%;padding-bottom:1.5rem;width:100%}.screenReaderOnlyHeader{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}.mobileItem{align-items:center;background:transparent;border:0;color:inherit;cursor:pointer;display:flex;justify-content:space-between;padding:1rem;text-align:left;width:100%}.mobileStandaloneItem{background:var(--ac-muted);border-radius:var(--ac-radius-md);margin:.375rem .5rem}.mobileGroupedItem{background:transparent}.mobileLabelWrapper{padding:0}.mobileLabel{color:var(--ac-muted-foreground);font-size:var(--ac-text-sm);font-weight:500;padding:.5rem 1rem}.mobileGroup{background:var(--ac-muted);border-radius:var(--ac-radius-xl);margin:.75rem .5rem;overflow:hidden}.mobileGroupSeparator{background:var(--ac-border);height:1px}.itemChildren,.itemRow{align-items:center;display:flex;gap:.5rem}.itemRow{justify-content:space-between;width:100%}.chevron,.itemIcon{flex-shrink:0}.chevron{height:1rem;width:1rem}.inset{padding-left:2rem}.mobileItem[data-disabled=true]{opacity:.5;pointer-events:none}@media (min-width:640px){.drawerHeader{text-align:left}}",".drawerOverlay {\n  transition: opacity var(--ac-transition-normal);\n  z-index: 50;\n  background: #0000008c;\n  position: fixed;\n  inset: 0;\n\n  @supports (-webkit-touch-callout: none) {\n    position: absolute;\n  }\n}\n\n.drawerOverlay[data-ending-style], .drawerOverlay[data-starting-style] {\n  opacity: 0;\n}\n\n.drawerViewport {\n  pointer-events: none;\n  z-index: 51;\n  justify-content: center;\n  align-items: flex-end;\n  display: flex;\n  position: fixed;\n  inset: 0;\n}\n\n.drawerContent {\n  background: var(--ac-popover);\n  border: 1px solid var(--ac-border);\n  border-radius: var(--ac-radius-lg) var(--ac-radius-lg) 0 0;\n  color: var(--ac-popover-foreground);\n  pointer-events: auto;\n  max-height: 95vh;\n  transition: opacity var(--ac-transition-normal),transform var(--ac-transition-normal);\n  border-bottom: 0;\n  flex-direction: column;\n  width: min(100%, 48rem);\n  margin-top: 6rem;\n  padding: 1rem 1rem 1.5rem;\n  display: flex;\n  position: relative;\n  inset-inline: 0;\n  box-shadow: 0 -16px 40px -16px #00000059;\n}\n\n.drawerContent[data-ending-style], .drawerContent[data-starting-style] {\n  opacity: 0;\n  transform: translateY(1rem);\n}\n\n.drawerInnerContent {\n  flex-direction: column;\n  flex: 1;\n  min-height: 0;\n  display: flex;\n}\n\n.drawerHandle {\n  background: var(--ac-border);\n  border-radius: 9999px;\n  width: 4rem;\n  height: .25rem;\n  margin: 0 auto 1rem;\n}\n\n.drawerHeader {\n  text-align: center;\n  gap: .375rem;\n  padding: 0 0 1rem;\n  display: grid;\n}\n\n.drawerTitle {\n  font-size: var(--ac-text-lg);\n  letter-spacing: -.02em;\n  font-weight: 600;\n  line-height: 1.2;\n}\n\n.drawerFooter, .mobileFooter {\n  flex-direction: column;\n  gap: .5rem;\n  margin-top: auto;\n  padding-top: 1rem;\n  display: flex;\n}\n\n.desktopFooter {\n  padding: .5rem;\n}\n\n.dropdownPositioner {\n  z-index: 50;\n}\n\n.desktopContent, .dropdownContent, .dropdownSubContent {\n  background: var(--ac-popover);\n  border: 1px solid var(--ac-border);\n  border-radius: var(--ac-radius-md);\n  color: var(--ac-popover-foreground);\n  min-width: 13.75rem;\n  transition: opacity var(--ac-transition-normal),transform var(--ac-transition-normal);\n  overflow: hidden auto;\n  box-shadow: 0 16px 40px -16px #00000059;\n}\n\n.desktopContent[data-ending-style], .desktopContent[data-starting-style], .dropdownContent[data-ending-style], .dropdownContent[data-starting-style], .dropdownSubContent[data-ending-style], .dropdownSubContent[data-starting-style] {\n  opacity: 0;\n  transform: scale(.96);\n}\n\n.desktopContent, .dropdownContent {\n  max-height: min(70vh,var(--available-height, 70vh));\n  padding: .25rem;\n}\n\n.dropdownSubContent {\n  max-height: min(60vh,var(--available-height, 60vh));\n  padding: .25rem;\n}\n\n.desktopItem, .desktopSubTrigger {\n  border-radius: var(--ac-radius-sm);\n  color: inherit;\n  cursor: default;\n  font-size: var(--ac-text-sm);\n  -webkit-user-select: none;\n  user-select: none;\n  outline: none;\n  align-items: center;\n  gap: .5rem;\n  width: 100%;\n  min-height: 2rem;\n  padding: .375rem .5rem;\n  display: flex;\n  position: relative;\n}\n\n.desktopItem[data-highlighted], .desktopSubTrigger[data-highlighted], .desktopSubTrigger[data-popup-open] {\n  background: var(--ac-accent);\n  color: var(--ac-accent-foreground);\n}\n\n.desktopItem[data-disabled], .desktopSubTrigger[data-disabled] {\n  opacity: .5;\n  pointer-events: none;\n}\n\n.desktopLabel {\n  font-size: var(--ac-text-sm);\n  padding: .375rem .5rem;\n  font-weight: 600;\n}\n\n.desktopSeparator {\n  background: var(--ac-border);\n  height: 1px;\n  margin: .25rem -.25rem;\n}\n\n.mobileContent {\n  max-height: 90vh;\n}\n\n.mobileHeaderRow {\n  align-items: center;\n  gap: .5rem;\n  display: flex;\n}\n\n.backButton {\n  color: inherit;\n  background: none;\n  border: 0;\n  border-radius: 9999px;\n  justify-content: center;\n  align-items: center;\n  width: 2rem;\n  height: 2rem;\n  padding: .25rem;\n  display: inline-flex;\n}\n\n.backButton:hover {\n  background: color-mix(in oklch,var(--ac-muted),transparent 50%);\n}\n\n.backButton:focus-visible, .mobileItem:focus-visible {\n  outline: 2px solid var(--ac-ring);\n  outline-offset: 2px;\n}\n\n.mobileMainViewport, .mobileViewport {\n  overflow-y: auto;\n}\n\n.mobileViewport {\n  flex: 1;\n  max-height: 70vh;\n  position: relative;\n}\n\n.mobileMainViewport {\n  max-height: 70vh;\n}\n\n.mobileMotionPanel {\n  width: 100%;\n  min-height: 100%;\n  padding-bottom: 1.5rem;\n}\n\n.screenReaderOnlyHeader {\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\n.mobileItem {\n  color: inherit;\n  cursor: pointer;\n  text-align: left;\n  background: none;\n  border: 0;\n  justify-content: space-between;\n  align-items: center;\n  width: 100%;\n  padding: 1rem;\n  display: flex;\n}\n\n.mobileStandaloneItem {\n  background: var(--ac-muted);\n  border-radius: var(--ac-radius-md);\n  margin: .375rem .5rem;\n}\n\n.mobileGroupedItem {\n  background: none;\n}\n\n.mobileLabelWrapper {\n  padding: 0;\n}\n\n.mobileLabel {\n  color: var(--ac-muted-foreground);\n  font-size: var(--ac-text-sm);\n  padding: .5rem 1rem;\n  font-weight: 500;\n}\n\n.mobileGroup {\n  background: var(--ac-muted);\n  border-radius: var(--ac-radius-xl);\n  margin: .75rem .5rem;\n  overflow: hidden;\n}\n\n.mobileGroupSeparator {\n  background: var(--ac-border);\n  height: 1px;\n}\n\n.itemChildren, .itemRow {\n  align-items: center;\n  gap: .5rem;\n  display: flex;\n}\n\n.itemRow {\n  justify-content: space-between;\n  width: 100%;\n}\n\n.chevron, .itemIcon {\n  flex-shrink: 0;\n}\n\n.chevron {\n  width: 1rem;\n  height: 1rem;\n}\n\n.inset {\n  padding-left: 2rem;\n}\n\n.mobileItem[data-disabled=\"true\"] {\n  opacity: .5;\n  pointer-events: none;\n}\n\n@media (width >= 640px) {\n  .drawerHeader {\n    text-align: left;\n  }\n}\n"],"sourceRoot":""}

package/dist/components/ui/empty.js

@@ -1,39 +1,39 @@
 import { jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
 import { cn } from "../../lib/utilities.js";
 import empty_module from "./empty.module.js";
-const Empty = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("div", {
+import * as __rspack_external_react from "react";
+const Empty = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("div", {
         ref: ref,
         "data-slot": "empty",
         className: cn(empty_module.empty, className),
         ...props
     }));
-const EmptyHeader = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("div", {
+const EmptyHeader = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("div", {
         ref: ref,
         "data-slot": "empty-header",
         className: cn(empty_module.header, className),
         ...props
     }));
-const EmptyMedia = /*#__PURE__*/ forwardRef(({ className, variant = "default", ...props }, ref)=>/*#__PURE__*/ jsx("div", {
+const EmptyMedia = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, variant = "default", ...props }, ref)=>/*#__PURE__*/ jsx("div", {
         ref: ref,
         "data-slot": "empty-icon",
         "data-variant": variant,
         className: cn(empty_module.media, "icon" === variant && empty_module.mediaIcon, className),
         ...props
     }));
-const EmptyTitle = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("div", {
+const EmptyTitle = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("div", {
         ref: ref,
         "data-slot": "empty-title",
         className: cn(empty_module.title, className),
         ...props
     }));
-const EmptyDescription = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("p", {
+const EmptyDescription = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("p", {
         ref: ref,
         "data-slot": "empty-description",
         className: cn(empty_module.description, className),
         ...props
     }));
-const EmptyContent = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("div", {
+const EmptyContent = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("div", {
         ref: ref,
         "data-slot": "empty-content",
         className: cn(empty_module.content, className),

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

@@ -1 +1 @@
-{"version":3,"file":"components/ui/empty.js","sources":["../../../src/components/ui/empty.tsx"],"sourcesContent":["import * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\nimport styles from \"./empty.module.css\";\r\n\r\n/** Supported visual treatments for {@link EmptyMedia}. */\r\nexport type EmptyMediaVariant = \"default\" | \"icon\";\r\n\r\n/**\r\n * Props for the {@link Empty} component.\r\n */\r\nexport type EmptyProps = React.ComponentPropsWithoutRef<\"div\">;\r\n\r\n/**\r\n * Props for the {@link EmptyHeader} component.\r\n */\r\nexport type EmptyHeaderProps = React.ComponentPropsWithoutRef<\"div\">;\r\n\r\n/**\r\n * Props for the {@link EmptyMedia} component.\r\n */\r\nexport interface EmptyMediaProps extends React.ComponentPropsWithoutRef<\"div\"> {\r\n  /** Visual presentation applied to the media container. @default \"default\" */\r\n  variant?: EmptyMediaVariant;\r\n}\r\n\r\n/**\r\n * Props for the {@link EmptyTitle} component.\r\n */\r\nexport type EmptyTitleProps = React.ComponentPropsWithoutRef<\"div\">;\r\n\r\n/**\r\n * Props for the {@link EmptyDescription} component.\r\n */\r\nexport type EmptyDescriptionProps = React.ComponentPropsWithoutRef<\"p\">;\r\n\r\n/**\r\n * Props for the {@link EmptyContent} component.\r\n */\r\nexport type EmptyContentProps = React.ComponentPropsWithoutRef<\"div\">;\r\n\r\n/**\r\n * Creates a structured empty-state container.\r\n *\r\n * @remarks\r\n * - Pure CSS component (no Base UI primitive)\r\n * - Renders a `<div>` element\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example\r\n * ```tsx\r\n * <Empty>\r\n *   <EmptyHeader />\r\n * </Empty>\r\n * ```\r\n *\r\n * @see {@link EmptyProps} for available props\r\n */\r\nconst Empty = React.forwardRef<HTMLDivElement, EmptyProps>(\r\n  ({className, ...props}: Readonly<EmptyProps>, ref): React.JSX.Element => (\r\n    <div\r\n      ref={ref}\r\n      data-slot='empty'\r\n      className={cn(styles.empty, className)}\r\n      {...props}\r\n    />\r\n  ),\r\n);\r\n\r\n/**\r\n * Groups the leading header content for an empty state.\r\n *\r\n * @remarks\r\n * - Pure CSS component (no Base UI primitive)\r\n * - Renders a `<div>` element\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example\r\n * ```tsx\r\n * <EmptyHeader>Nothing here yet</EmptyHeader>\r\n * ```\r\n *\r\n * @see {@link EmptyHeaderProps} for available props\r\n */\r\nconst EmptyHeader = React.forwardRef<HTMLDivElement, EmptyHeaderProps>(\r\n  ({className, ...props}: Readonly<EmptyHeaderProps>, ref): React.JSX.Element => (\r\n    <div\r\n      ref={ref}\r\n      data-slot='empty-header'\r\n      className={cn(styles.header, className)}\r\n      {...props}\r\n    />\r\n  ),\r\n);\r\n\r\n/**\r\n * Hosts media or icon content for an empty state.\r\n *\r\n * @remarks\r\n * - Pure CSS component (no Base UI primitive)\r\n * - Renders a `<div>` element\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example\r\n * ```tsx\r\n * <EmptyMedia variant='icon'>📭</EmptyMedia>\r\n * ```\r\n *\r\n * @see {@link EmptyMediaProps} for available props\r\n */\r\nconst EmptyMedia = React.forwardRef<HTMLDivElement, EmptyMediaProps>(\r\n  ({className, variant = \"default\", ...props}: Readonly<EmptyMediaProps>, ref): React.JSX.Element => (\r\n    <div\r\n      ref={ref}\r\n      data-slot='empty-icon'\r\n      data-variant={variant}\r\n      className={cn(styles.media, variant === \"icon\" && styles.mediaIcon, className)}\r\n      {...props}\r\n    />\r\n  ),\r\n);\r\n\r\n/**\r\n * Renders the primary title for an empty state.\r\n *\r\n * @remarks\r\n * - Pure CSS component (no Base UI primitive)\r\n * - Renders a `<div>` element\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example\r\n * ```tsx\r\n * <EmptyTitle>No results found</EmptyTitle>\r\n * ```\r\n *\r\n * @see {@link EmptyTitleProps} for available props\r\n */\r\nconst EmptyTitle = React.forwardRef<HTMLDivElement, EmptyTitleProps>(\r\n  ({className, ...props}: Readonly<EmptyTitleProps>, ref): React.JSX.Element => (\r\n    <div\r\n      ref={ref}\r\n      data-slot='empty-title'\r\n      className={cn(styles.title, className)}\r\n      {...props}\r\n    />\r\n  ),\r\n);\r\n\r\n/**\r\n * Renders supporting copy for an empty state.\r\n *\r\n * @remarks\r\n * - Pure CSS component (no Base UI primitive)\r\n * - Renders a `<p>` element\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example\r\n * ```tsx\r\n * <EmptyDescription>Try adjusting your filters.</EmptyDescription>\r\n * ```\r\n *\r\n * @see {@link EmptyDescriptionProps} for available props\r\n */\r\nconst EmptyDescription = React.forwardRef<HTMLParagraphElement, EmptyDescriptionProps>(\r\n  ({className, ...props}: Readonly<EmptyDescriptionProps>, ref): React.JSX.Element => (\r\n    <p\r\n      ref={ref}\r\n      data-slot='empty-description'\r\n      className={cn(styles.description, className)}\r\n      {...props}\r\n    />\r\n  ),\r\n);\r\n\r\n/**\r\n * Hosts trailing actions or supplemental content for an empty state.\r\n *\r\n * @remarks\r\n * - Pure CSS component (no Base UI primitive)\r\n * - Renders a `<div>` element\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example\r\n * ```tsx\r\n * <EmptyContent>\r\n *   <button type='button'>Create item</button>\r\n * </EmptyContent>\r\n * ```\r\n *\r\n * @see {@link EmptyContentProps} for available props\r\n */\r\nconst EmptyContent = React.forwardRef<HTMLDivElement, EmptyContentProps>(\r\n  ({className, ...props}: Readonly<EmptyContentProps>, ref): React.JSX.Element => (\r\n    <div\r\n      ref={ref}\r\n      data-slot='empty-content'\r\n      className={cn(styles.content, className)}\r\n      {...props}\r\n    />\r\n  ),\r\n);\r\n\r\nEmpty.displayName = \"Empty\";\r\nEmptyHeader.displayName = \"EmptyHeader\";\r\nEmptyMedia.displayName = \"EmptyMedia\";\r\nEmptyTitle.displayName = \"EmptyTitle\";\r\nEmptyDescription.displayName = \"EmptyDescription\";\r\nEmptyContent.displayName = \"EmptyContent\";\r\n\r\nexport {Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle};\r\n"],"names":["Empty","React","className","props","ref","cn","styles","EmptyHeader","EmptyMedia","variant","EmptyTitle","EmptyDescription","EmptyContent"],"mappings":";;;;AA0DA,MAAMA,QAAQ,WAAHA,GAAGC,WACZ,CAAC,EAACC,SAAS,EAAE,GAAGC,OAA4B,EAAEC,MAAAA,WAAAA,GAC5C,IAAC;QACC,KAAKA;QACL,aAAU;QACV,WAAWC,GAAGC,aAAAA,KAAY,EAAEJ;QAC3B,GAAGC,KAAK;;AAoBf,MAAMI,cAAc,WAAHA,GAAGN,WAClB,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAkC,EAAEC,MAAAA,WAAAA,GAClD,IAAC;QACC,KAAKA;QACL,aAAU;QACV,WAAWC,GAAGC,aAAAA,MAAa,EAAEJ;QAC5B,GAAGC,KAAK;;AAoBf,MAAMK,aAAa,WAAHA,GAAGP,WACjB,CAAC,EAACC,SAAS,EAAEO,UAAU,SAAS,EAAE,GAAGN,OAAiC,EAAEC,MAAAA,WAAAA,GACtE,IAAC;QACC,KAAKA;QACL,aAAU;QACV,gBAAcK;QACd,WAAWJ,GAAGC,aAAAA,KAAY,EAAEG,AAAY,WAAZA,WAAsBH,aAAAA,SAAgB,EAAEJ;QACnE,GAAGC,KAAK;;AAoBf,MAAMO,aAAa,WAAHA,GAAGT,WACjB,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAiC,EAAEC,MAAAA,WAAAA,GACjD,IAAC;QACC,KAAKA;QACL,aAAU;QACV,WAAWC,GAAGC,aAAAA,KAAY,EAAEJ;QAC3B,GAAGC,KAAK;;AAoBf,MAAMQ,mBAAmB,WAAHA,GAAGV,WACvB,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAuC,EAAEC,MAAAA,WAAAA,GACvD,IAAC;QACC,KAAKA;QACL,aAAU;QACV,WAAWC,GAAGC,aAAAA,WAAkB,EAAEJ;QACjC,GAAGC,KAAK;;AAsBf,MAAMS,eAAe,WAAHA,GAAGX,WACnB,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAmC,EAAEC,MAAAA,WAAAA,GACnD,IAAC;QACC,KAAKA;QACL,aAAU;QACV,WAAWC,GAAGC,aAAAA,OAAc,EAAEJ;QAC7B,GAAGC,KAAK;;AAKfH,MAAM,WAAW,GAAG;AACpBO,YAAY,WAAW,GAAG;AAC1BC,WAAW,WAAW,GAAG;AACzBE,WAAW,WAAW,GAAG;AACzBC,iBAAiB,WAAW,GAAG;AAC/BC,aAAa,WAAW,GAAG"}
+{"version":3,"file":"components/ui/empty.js","sources":["../../../src/components/ui/empty.tsx"],"sourcesContent":["import * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\nimport styles from \"./empty.module.css\";\r\n\r\n/** Supported visual treatments for {@link EmptyMedia}. */\r\nexport type EmptyMediaVariant = \"default\" | \"icon\";\r\n\r\n/**\r\n * Props for the {@link Empty} component.\r\n */\r\nexport type EmptyProps = React.ComponentPropsWithoutRef<\"div\">;\r\n\r\n/**\r\n * Props for the {@link EmptyHeader} component.\r\n */\r\nexport type EmptyHeaderProps = React.ComponentPropsWithoutRef<\"div\">;\r\n\r\n/**\r\n * Props for the {@link EmptyMedia} component.\r\n */\r\nexport interface EmptyMediaProps extends React.ComponentPropsWithoutRef<\"div\"> {\r\n  /** Visual presentation applied to the media container. @default \"default\" */\r\n  variant?: EmptyMediaVariant;\r\n}\r\n\r\n/**\r\n * Props for the {@link EmptyTitle} component.\r\n */\r\nexport type EmptyTitleProps = React.ComponentPropsWithoutRef<\"div\">;\r\n\r\n/**\r\n * Props for the {@link EmptyDescription} component.\r\n */\r\nexport type EmptyDescriptionProps = React.ComponentPropsWithoutRef<\"p\">;\r\n\r\n/**\r\n * Props for the {@link EmptyContent} component.\r\n */\r\nexport type EmptyContentProps = React.ComponentPropsWithoutRef<\"div\">;\r\n\r\n/**\r\n * Creates a structured empty-state container.\r\n *\r\n * @remarks\r\n * - Pure CSS component (no Base UI primitive)\r\n * - Renders a `<div>` element\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example\r\n * ```tsx\r\n * <Empty>\r\n *   <EmptyHeader />\r\n * </Empty>\r\n * ```\r\n *\r\n * @see {@link EmptyProps} for available props\r\n */\r\nconst Empty = React.forwardRef<HTMLDivElement, EmptyProps>(\r\n  ({className, ...props}: Readonly<EmptyProps>, ref): React.JSX.Element => (\r\n    <div\r\n      ref={ref}\r\n      data-slot='empty'\r\n      className={cn(styles.empty, className)}\r\n      {...props}\r\n    />\r\n  ),\r\n);\r\n\r\n/**\r\n * Groups the leading header content for an empty state.\r\n *\r\n * @remarks\r\n * - Pure CSS component (no Base UI primitive)\r\n * - Renders a `<div>` element\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example\r\n * ```tsx\r\n * <EmptyHeader>Nothing here yet</EmptyHeader>\r\n * ```\r\n *\r\n * @see {@link EmptyHeaderProps} for available props\r\n */\r\nconst EmptyHeader = React.forwardRef<HTMLDivElement, EmptyHeaderProps>(\r\n  ({className, ...props}: Readonly<EmptyHeaderProps>, ref): React.JSX.Element => (\r\n    <div\r\n      ref={ref}\r\n      data-slot='empty-header'\r\n      className={cn(styles.header, className)}\r\n      {...props}\r\n    />\r\n  ),\r\n);\r\n\r\n/**\r\n * Hosts media or icon content for an empty state.\r\n *\r\n * @remarks\r\n * - Pure CSS component (no Base UI primitive)\r\n * - Renders a `<div>` element\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example\r\n * ```tsx\r\n * <EmptyMedia variant='icon'>📭</EmptyMedia>\r\n * ```\r\n *\r\n * @see {@link EmptyMediaProps} for available props\r\n */\r\nconst EmptyMedia = React.forwardRef<HTMLDivElement, EmptyMediaProps>(\r\n  ({className, variant = \"default\", ...props}: Readonly<EmptyMediaProps>, ref): React.JSX.Element => (\r\n    <div\r\n      ref={ref}\r\n      data-slot='empty-icon'\r\n      data-variant={variant}\r\n      className={cn(styles.media, variant === \"icon\" && styles.mediaIcon, className)}\r\n      {...props}\r\n    />\r\n  ),\r\n);\r\n\r\n/**\r\n * Renders the primary title for an empty state.\r\n *\r\n * @remarks\r\n * - Pure CSS component (no Base UI primitive)\r\n * - Renders a `<div>` element\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example\r\n * ```tsx\r\n * <EmptyTitle>No results found</EmptyTitle>\r\n * ```\r\n *\r\n * @see {@link EmptyTitleProps} for available props\r\n */\r\nconst EmptyTitle = React.forwardRef<HTMLDivElement, EmptyTitleProps>(\r\n  ({className, ...props}: Readonly<EmptyTitleProps>, ref): React.JSX.Element => (\r\n    <div\r\n      ref={ref}\r\n      data-slot='empty-title'\r\n      className={cn(styles.title, className)}\r\n      {...props}\r\n    />\r\n  ),\r\n);\r\n\r\n/**\r\n * Renders supporting copy for an empty state.\r\n *\r\n * @remarks\r\n * - Pure CSS component (no Base UI primitive)\r\n * - Renders a `<p>` element\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example\r\n * ```tsx\r\n * <EmptyDescription>Try adjusting your filters.</EmptyDescription>\r\n * ```\r\n *\r\n * @see {@link EmptyDescriptionProps} for available props\r\n */\r\nconst EmptyDescription = React.forwardRef<HTMLParagraphElement, EmptyDescriptionProps>(\r\n  ({className, ...props}: Readonly<EmptyDescriptionProps>, ref): React.JSX.Element => (\r\n    <p\r\n      ref={ref}\r\n      data-slot='empty-description'\r\n      className={cn(styles.description, className)}\r\n      {...props}\r\n    />\r\n  ),\r\n);\r\n\r\n/**\r\n * Hosts trailing actions or supplemental content for an empty state.\r\n *\r\n * @remarks\r\n * - Pure CSS component (no Base UI primitive)\r\n * - Renders a `<div>` element\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example\r\n * ```tsx\r\n * <EmptyContent>\r\n *   <button type='button'>Create item</button>\r\n * </EmptyContent>\r\n * ```\r\n *\r\n * @see {@link EmptyContentProps} for available props\r\n */\r\nconst EmptyContent = React.forwardRef<HTMLDivElement, EmptyContentProps>(\r\n  ({className, ...props}: Readonly<EmptyContentProps>, ref): React.JSX.Element => (\r\n    <div\r\n      ref={ref}\r\n      data-slot='empty-content'\r\n      className={cn(styles.content, className)}\r\n      {...props}\r\n    />\r\n  ),\r\n);\r\n\r\nEmpty.displayName = \"Empty\";\r\nEmptyHeader.displayName = \"EmptyHeader\";\r\nEmptyMedia.displayName = \"EmptyMedia\";\r\nEmptyTitle.displayName = \"EmptyTitle\";\r\nEmptyDescription.displayName = \"EmptyDescription\";\r\nEmptyContent.displayName = \"EmptyContent\";\r\n\r\nexport {Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle};\r\n"],"names":["Empty","React","className","props","ref","cn","styles","EmptyHeader","EmptyMedia","variant","EmptyTitle","EmptyDescription","EmptyContent"],"mappings":";;;;AA0DA,MAAMA,QAAQ,WAAHA,GAAGC,wBAAAA,UAAgB,CAC5B,CAAC,EAACC,SAAS,EAAE,GAAGC,OAA4B,EAAEC,MAAAA,WAAAA,GAC5C,IAAC;QACC,KAAKA;QACL,aAAU;QACV,WAAWC,GAAGC,aAAAA,KAAY,EAAEJ;QAC3B,GAAGC,KAAK;;AAoBf,MAAMI,cAAc,WAAHA,GAAGN,wBAAAA,UAAgB,CAClC,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAkC,EAAEC,MAAAA,WAAAA,GAClD,IAAC;QACC,KAAKA;QACL,aAAU;QACV,WAAWC,GAAGC,aAAAA,MAAa,EAAEJ;QAC5B,GAAGC,KAAK;;AAoBf,MAAMK,aAAa,WAAHA,GAAGP,wBAAAA,UAAgB,CACjC,CAAC,EAACC,SAAS,EAAEO,UAAU,SAAS,EAAE,GAAGN,OAAiC,EAAEC,MAAAA,WAAAA,GACtE,IAAC;QACC,KAAKA;QACL,aAAU;QACV,gBAAcK;QACd,WAAWJ,GAAGC,aAAAA,KAAY,EAAEG,AAAY,WAAZA,WAAsBH,aAAAA,SAAgB,EAAEJ;QACnE,GAAGC,KAAK;;AAoBf,MAAMO,aAAa,WAAHA,GAAGT,wBAAAA,UAAgB,CACjC,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAiC,EAAEC,MAAAA,WAAAA,GACjD,IAAC;QACC,KAAKA;QACL,aAAU;QACV,WAAWC,GAAGC,aAAAA,KAAY,EAAEJ;QAC3B,GAAGC,KAAK;;AAoBf,MAAMQ,mBAAmB,WAAHA,GAAGV,wBAAAA,UAAgB,CACvC,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAuC,EAAEC,MAAAA,WAAAA,GACvD,IAAC;QACC,KAAKA;QACL,aAAU;QACV,WAAWC,GAAGC,aAAAA,WAAkB,EAAEJ;QACjC,GAAGC,KAAK;;AAsBf,MAAMS,eAAe,WAAHA,GAAGX,wBAAAA,UAAgB,CACnC,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAmC,EAAEC,MAAAA,WAAAA,GACnD,IAAC;QACC,KAAKA;QACL,aAAU;QACV,WAAWC,GAAGC,aAAAA,OAAc,EAAEJ;QAC7B,GAAGC,KAAK;;AAKfH,MAAM,WAAW,GAAG;AACpBO,YAAY,WAAW,GAAG;AAC1BC,WAAW,WAAW,GAAG;AACzBE,WAAW,WAAW,GAAG;AACzBC,iBAAiB,WAAW,GAAG;AAC/BC,aAAa,WAAW,GAAG"}

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

@@ -1 +1 @@
-{"version":3,"sources":["webpack://./home/runner/work/arolariu.ro/arolariu.ro/packages/components/src/components/ui/empty.module.css","webpack://./src/components/ui/empty.module.css"],"names":[],"mappings":"AADA;ECEE,mCAAmC;EACnC,kCAAkC;EAClC,sBAAsB;EACtB,YAAY;EACZ,0BAA0B;EAC1B,UAAU;EACV,uBAAuB;AACzB;;AAEA;EACE,kBAAkB;EAClB,sBAAsB;EACtB,mBAAmB;EACnB,aAAa;AACf;;AAEA;EACE,sBAAsB;EACtB,gBAAgB;AAClB;;AAEA;EACE,gCAAgC;EAChC,uBAAuB;EACvB,mBAAmB;EACnB,aAAa;AACf;;AAEA;EACE,cAAc;AAChB;;AAEA;EACE,iCAAiC;EACjC,kCAAkC;EAClC,kCAAkC;EAClC,2BAA2B;EAC3B,aAAa;EACb,cAAc;AAChB;;AAEA;EACE,aAAa;EACb,cAAc;AAChB;;AAEA;EACE,2BAA2B;EAC3B,4BAA4B;EAC5B,sBAAsB;EACtB,gBAAgB;AAClB;;AAEA;EACE,iCAAiC;EACjC,4BAA4B;EAC5B,gBAAgB;AAClB;;AAEA;EACE,cAAc;EACd,0BAA0B;EAC1B,0BAA0B;AAC5B;;AAEA;EACE;IACE,2BAA2B;EAC7B;AACF;;AAEA;EACE,4BAA4B;EAC5B,mBAAmB;EACnB,sBAAsB;EACtB,sBAAsB;EACtB,WAAW;EACX,YAAY;EACZ,gBAAgB;EAChB,aAAa;AACf","sourcesContent":[".empty{border:1px dashed var(--ac-border);border-radius:var(--ac-radius-lg);flex:1 1 auto;gap:var(--ac-space-6);justify-content:center;min-width:0;padding:var(--ac-space-6)}.empty,.header{align-items:center;display:flex;flex-direction:column;text-align:center}.header{gap:var(--ac-space-2);max-width:24rem}.media{align-items:center;display:flex;justify-content:center;margin-bottom:var(--ac-space-2)}.media,.media svg{flex-shrink:0}.mediaIcon{background-color:var(--ac-muted);border:1px solid var(--ac-border);border-radius:var(--ac-radius-lg);color:var(--ac-foreground);height:2.5rem;width:2.5rem}.mediaIcon svg{height:1.5rem;width:1.5rem}.title{color:var(--ac-foreground);font-size:var(--ac-text-lg);font-weight:600;letter-spacing:-.01em}.description{color:var(--ac-muted-foreground);font-size:var(--ac-text-sm);line-height:1.6}.description a{color:inherit;text-decoration:underline;text-underline-offset:4px}@media (hover:hover){.description a:hover{color:var(--ac-foreground)}}.content{align-items:center;display:flex;flex-direction:column;font-size:var(--ac-text-sm);gap:var(--ac-space-4);max-width:24rem;min-width:0;width:100%}",".empty {\n  border: 1px dashed var(--ac-border);\n  border-radius: var(--ac-radius-lg);\n  gap: var(--ac-space-6);\n  min-width: 0;\n  padding: var(--ac-space-6);\n  flex: auto;\n  justify-content: center;\n}\n\n.empty, .header {\n  text-align: center;\n  flex-direction: column;\n  align-items: center;\n  display: flex;\n}\n\n.header {\n  gap: var(--ac-space-2);\n  max-width: 24rem;\n}\n\n.media {\n  margin-bottom: var(--ac-space-2);\n  justify-content: center;\n  align-items: center;\n  display: flex;\n}\n\n.media, .media svg {\n  flex-shrink: 0;\n}\n\n.mediaIcon {\n  background-color: var(--ac-muted);\n  border: 1px solid var(--ac-border);\n  border-radius: var(--ac-radius-lg);\n  color: var(--ac-foreground);\n  width: 2.5rem;\n  height: 2.5rem;\n}\n\n.mediaIcon svg {\n  width: 1.5rem;\n  height: 1.5rem;\n}\n\n.title {\n  color: var(--ac-foreground);\n  font-size: var(--ac-text-lg);\n  letter-spacing: -.01em;\n  font-weight: 600;\n}\n\n.description {\n  color: var(--ac-muted-foreground);\n  font-size: var(--ac-text-sm);\n  line-height: 1.6;\n}\n\n.description a {\n  color: inherit;\n  text-underline-offset: 4px;\n  text-decoration: underline;\n}\n\n@media (hover: hover) {\n  .description a:hover {\n    color: var(--ac-foreground);\n  }\n}\n\n.content {\n  font-size: var(--ac-text-sm);\n  align-items: center;\n  gap: var(--ac-space-4);\n  flex-direction: column;\n  width: 100%;\n  min-width: 0;\n  max-width: 24rem;\n  display: flex;\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/empty.module.css","webpack://./src/components/ui/empty.module.css"],"names":[],"mappings":"AAAA;ECCE,mCAAmC;EACnC,kCAAkC;EAClC,sBAAsB;EACtB,YAAY;EACZ,0BAA0B;EAC1B,UAAU;EACV,uBAAuB;AACzB;;ADR6K;ECW3K,kBAAkB;EAClB,sBAAsB;EACtB,mBAAmB;EACnB,aAAa;AACf;;ADfoQ;ECkBlQ,sBAAsB;EACtB,gBAAgB;AAClB;;ADpBkT;ECuBhT,gCAAgC;EAChC,uBAAuB;EACvB,mBAAmB;EACnB,aAAa;AACf;;AD3BgZ;EC8B9Y,cAAc;AAChB;;AD/Bgb;ECkC9a,iCAAiC;EACjC,kCAAkC;EAClC,kCAAkC;EAClC,2BAA2B;EAC3B,aAAa;EACb,cAAc;AAChB;;ADxCslB;EC2CplB,aAAa;EACb,cAAc;AAChB;;AD7CgoB;ECgD9nB,2BAA2B;EAC3B,4BAA4B;EAC5B,sBAAsB;EACtB,gBAAgB;AAClB;;ADpDouB;ECuDluB,iCAAiC;EACjC,4BAA4B;EAC5B,gBAAgB;AAClB;;AD1D8zB;EC6D5zB,cAAc;EACd,0BAA0B;EAC1B,0BAA0B;AAC5B;;ADhE+4B;EAAqB;ICoEh6B,2BAA2B;EAC7B;AACF;;ADtEq9B;ECyEn9B,4BAA4B;EAC5B,mBAAmB;EACnB,sBAAsB;EACtB,sBAAsB;EACtB,WAAW;EACX,YAAY;EACZ,gBAAgB;EAChB,aAAa;AACf","sourcesContent":[".empty{border:1px dashed var(--ac-border);border-radius:var(--ac-radius-lg);flex:1 1 auto;gap:var(--ac-space-6);justify-content:center;min-width:0;padding:var(--ac-space-6)}.empty,.header{align-items:center;display:flex;flex-direction:column;text-align:center}.header{gap:var(--ac-space-2);max-width:24rem}.media{align-items:center;display:flex;justify-content:center;margin-bottom:var(--ac-space-2)}.media,.media svg{flex-shrink:0}.mediaIcon{background-color:var(--ac-muted);border:1px solid var(--ac-border);border-radius:var(--ac-radius-lg);color:var(--ac-foreground);height:2.5rem;width:2.5rem}.mediaIcon svg{height:1.5rem;width:1.5rem}.title{color:var(--ac-foreground);font-size:var(--ac-text-lg);font-weight:600;letter-spacing:-.01em}.description{color:var(--ac-muted-foreground);font-size:var(--ac-text-sm);line-height:1.6}.description a{color:inherit;text-decoration:underline;text-underline-offset:4px}@media (hover:hover){.description a:hover{color:var(--ac-foreground)}}.content{align-items:center;display:flex;flex-direction:column;font-size:var(--ac-text-sm);gap:var(--ac-space-4);max-width:24rem;min-width:0;width:100%}",".empty {\n  border: 1px dashed var(--ac-border);\n  border-radius: var(--ac-radius-lg);\n  gap: var(--ac-space-6);\n  min-width: 0;\n  padding: var(--ac-space-6);\n  flex: auto;\n  justify-content: center;\n}\n\n.empty, .header {\n  text-align: center;\n  flex-direction: column;\n  align-items: center;\n  display: flex;\n}\n\n.header {\n  gap: var(--ac-space-2);\n  max-width: 24rem;\n}\n\n.media {\n  margin-bottom: var(--ac-space-2);\n  justify-content: center;\n  align-items: center;\n  display: flex;\n}\n\n.media, .media svg {\n  flex-shrink: 0;\n}\n\n.mediaIcon {\n  background-color: var(--ac-muted);\n  border: 1px solid var(--ac-border);\n  border-radius: var(--ac-radius-lg);\n  color: var(--ac-foreground);\n  width: 2.5rem;\n  height: 2.5rem;\n}\n\n.mediaIcon svg {\n  width: 1.5rem;\n  height: 1.5rem;\n}\n\n.title {\n  color: var(--ac-foreground);\n  font-size: var(--ac-text-lg);\n  letter-spacing: -.01em;\n  font-weight: 600;\n}\n\n.description {\n  color: var(--ac-muted-foreground);\n  font-size: var(--ac-text-sm);\n  line-height: 1.6;\n}\n\n.description a {\n  color: inherit;\n  text-underline-offset: 4px;\n  text-decoration: underline;\n}\n\n@media (hover: hover) {\n  .description a:hover {\n    color: var(--ac-foreground);\n  }\n}\n\n.content {\n  font-size: var(--ac-text-sm);\n  align-items: center;\n  gap: var(--ac-space-4);\n  flex-direction: column;\n  width: 100%;\n  min-width: 0;\n  max-width: 24rem;\n  display: flex;\n}\n"],"sourceRoot":""}

package/dist/components/ui/error-boundary.js

@@ -1,8 +1,8 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { Component } from "react";
 import error_boundary_module from "./error-boundary.module.js";
-class ErrorBoundary extends Component {
+import * as __rspack_external_react from "react";
+class ErrorBoundary extends __rspack_external_react.Component {
     static getDerivedStateFromError(error) {
         return {
             error

package/dist/components/ui/error-boundary.js.map

@@ -1 +1 @@
-{"version":3,"file":"components/ui/error-boundary.js","sources":["../../../src/components/ui/error-boundary.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as React from \"react\";\r\n\r\nimport styles from \"./error-boundary.module.css\";\r\n\r\n/**\r\n * Represents the configurable props for the {@link ErrorBoundary} component.\r\n *\r\n * @remarks\r\n * Accepts child content plus an optional fallback renderer and error callback for\r\n * recovery-oriented error handling in React client trees.\r\n */\r\ninterface ErrorBoundaryProps {\r\n  /**\r\n   * Content rendered when no error has been captured.\r\n   */\r\n  children: React.ReactNode;\r\n  /**\r\n   * Custom fallback UI or render function invoked with the current error and reset action.\r\n   */\r\n  fallback?: React.ReactNode | ((error: Error, reset: () => void) => React.ReactNode);\r\n  /**\r\n   * Callback invoked after an error has been captured.\r\n   */\r\n  onError?: (error: Error, errorInfo: React.ErrorInfo) => void;\r\n}\r\n\r\n/**\r\n * Represents the tracked state for the {@link ErrorBoundary} component.\r\n *\r\n * @remarks\r\n * Stores the most recent rendering error so the boundary can swap to fallback UI and\r\n * later clear that error when `reset()` is invoked.\r\n */\r\ninterface ErrorBoundaryState {\r\n  /**\r\n   * The latest captured error, or `null` when the subtree is healthy.\r\n   */\r\n  error: Error | null;\r\n}\r\n\r\n/**\r\n * Catches JavaScript errors in descendant client components and renders fallback UI.\r\n *\r\n * @remarks\r\n * **Rendering Context**: Client component.\r\n *\r\n * React currently requires class components for error boundaries. This implementation\r\n * captures render-time and lifecycle errors, not asynchronous event handler exceptions,\r\n * and exposes a `reset()` pathway so callers can retry the failed subtree.\r\n *\r\n * @example\r\n * ```tsx\r\n * <ErrorBoundary\r\n *   fallback={(error, reset) => (\r\n *     <div>\r\n *       <p>Error: {error.message}</p>\r\n *       <button onClick={reset}>Try again</button>\r\n *     </div>\r\n *   )}>\r\n *   <DashboardPanel />\r\n * </ErrorBoundary>\r\n * ```\r\n *\r\n * @see {@link ErrorBoundaryProps} for available props\r\n */\r\nclass ErrorBoundary extends React.Component<ErrorBoundaryProps, ErrorBoundaryState> {\r\n  static getDerivedStateFromError(error: Error): ErrorBoundaryState {\r\n    return {error};\r\n  }\r\n\r\n  static readonly displayName = \"ErrorBoundary\";\r\n\r\n  constructor(props: ErrorBoundaryProps) {\r\n    super(props);\r\n    this.state = {error: null};\r\n  }\r\n\r\n  override shouldComponentUpdate(nextProps: Readonly<ErrorBoundaryProps>, nextState: Readonly<ErrorBoundaryState>): boolean {\r\n    const {children, fallback, onError} = this.props;\r\n    const {error} = this.state;\r\n\r\n    return nextProps.children !== children || nextProps.fallback !== fallback || nextProps.onError !== onError || nextState.error !== error;\r\n  }\r\n\r\n  override componentDidCatch(error: Error, errorInfo: React.ErrorInfo): void {\r\n    const {onError} = this.props;\r\n\r\n    onError?.(error, errorInfo);\r\n  }\r\n\r\n  handleReset = (): void => {\r\n    // eslint-disable-next-line react/no-set-state -- Error boundaries must clear internal error state to retry rendering.\r\n    this.setState({error: null});\r\n  };\r\n\r\n  // eslint-disable-next-line sonarjs/function-return-type -- Error boundary render paths intentionally return generic ReactNode content.\r\n  override render(): React.ReactNode {\r\n    const {error} = this.state;\r\n    const {children, fallback} = this.props;\r\n    const content: React.ReactNode =\r\n      error === null\r\n        ? children\r\n        : typeof fallback === \"function\"\r\n          ? fallback(error, this.handleReset)\r\n          : (fallback ?? (\r\n              <div\r\n                className={styles.fallback}\r\n                role='alert'>\r\n                <p className={styles.title}>Something went wrong</p>\r\n                <p className={styles.message}>{error.message}</p>\r\n                <button\r\n                  type='button'\r\n                  className={styles.retry}\r\n                  onClick={this.handleReset}>\r\n                  Try again\r\n                </button>\r\n              </div>\r\n            ));\r\n\r\n    return content;\r\n  }\r\n}\r\n\r\nexport {ErrorBoundary};\r\nexport type {ErrorBoundaryProps};\r\n"],"names":["ErrorBoundary","React","error","props","nextProps","nextState","children","fallback","onError","errorInfo","content","styles"],"mappings":";;;;AAmEA,MAAMA,sBAAsBC;IAC1B,OAAO,yBAAyBC,KAAY,EAAsB;QAChE,OAAO;YAACA;QAAK;IACf;;aAEgB,WAAW,GAAG;;IAE9B,YAAYC,KAAyB,CAAE;QACrC,KAAK,CAACA,QAAAA,IAAAA,CAiBR,WAAW,GAAG;YAEZ,IAAI,CAAC,QAAQ,CAAC;gBAAC,OAAO;YAAI;QAC5B;QAnBE,IAAI,CAAC,KAAK,GAAG;YAAC,OAAO;QAAI;IAC3B;IAES,sBAAsBC,SAAuC,EAAEC,SAAuC,EAAW;QACxH,MAAM,EAACC,QAAQ,EAAEC,QAAQ,EAAEC,OAAO,EAAC,GAAG,IAAI,CAAC,KAAK;QAChD,MAAM,EAACN,KAAK,EAAC,GAAG,IAAI,CAAC,KAAK;QAE1B,OAAOE,UAAU,QAAQ,KAAKE,YAAYF,UAAU,QAAQ,KAAKG,YAAYH,UAAU,OAAO,KAAKI,WAAWH,UAAU,KAAK,KAAKH;IACpI;IAES,kBAAkBA,KAAY,EAAEO,SAA0B,EAAQ;QACzE,MAAM,EAACD,OAAO,EAAC,GAAG,IAAI,CAAC,KAAK;QAE5BA,UAAUN,OAAOO;IACnB;IAQS,SAA0B;QACjC,MAAM,EAACP,KAAK,EAAC,GAAG,IAAI,CAAC,KAAK;QAC1B,MAAM,EAACI,QAAQ,EAAEC,QAAQ,EAAC,GAAG,IAAI,CAAC,KAAK;QACvC,MAAMG,UACJR,AAAU,SAAVA,QACII,WACA,AAAoB,cAApB,OAAOC,WACLA,SAASL,OAAO,IAAI,CAAC,WAAW,IAC/BK,YAAY,WAAZA,GACC,KAAC;YACC,WAAWI,sBAAAA,QAAe;YAC1B,MAAK;;8BACL,IAAC;oBAAE,WAAWA,sBAAAA,KAAY;8BAAE;;8BAC5B,IAAC;oBAAE,WAAWA,sBAAAA,OAAc;8BAAGT,MAAM,OAAO;;8BAC5C,IAAC;oBACC,MAAK;oBACL,WAAWS,sBAAAA,KAAY;oBACvB,SAAS,IAAI,CAAC,WAAW;8BAAE;;;;QAMzC,OAAOD;IACT;AACF"}
+{"version":3,"file":"components/ui/error-boundary.js","sources":["../../../src/components/ui/error-boundary.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as React from \"react\";\r\n\r\nimport styles from \"./error-boundary.module.css\";\r\n\r\n/**\r\n * Represents the configurable props for the {@link ErrorBoundary} component.\r\n *\r\n * @remarks\r\n * Accepts child content plus an optional fallback renderer and error callback for\r\n * recovery-oriented error handling in React client trees.\r\n */\r\ninterface ErrorBoundaryProps {\r\n  /**\r\n   * Content rendered when no error has been captured.\r\n   */\r\n  children: React.ReactNode;\r\n  /**\r\n   * Custom fallback UI or render function invoked with the current error and reset action.\r\n   */\r\n  fallback?: React.ReactNode | ((error: Error, reset: () => void) => React.ReactNode);\r\n  /**\r\n   * Callback invoked after an error has been captured.\r\n   */\r\n  onError?: (error: Error, errorInfo: React.ErrorInfo) => void;\r\n}\r\n\r\n/**\r\n * Represents the tracked state for the {@link ErrorBoundary} component.\r\n *\r\n * @remarks\r\n * Stores the most recent rendering error so the boundary can swap to fallback UI and\r\n * later clear that error when `reset()` is invoked.\r\n */\r\ninterface ErrorBoundaryState {\r\n  /**\r\n   * The latest captured error, or `null` when the subtree is healthy.\r\n   */\r\n  error: Error | null;\r\n}\r\n\r\n/**\r\n * Catches JavaScript errors in descendant client components and renders fallback UI.\r\n *\r\n * @remarks\r\n * **Rendering Context**: Client component.\r\n *\r\n * React currently requires class components for error boundaries. This implementation\r\n * captures render-time and lifecycle errors, not asynchronous event handler exceptions,\r\n * and exposes a `reset()` pathway so callers can retry the failed subtree.\r\n *\r\n * @example\r\n * ```tsx\r\n * <ErrorBoundary\r\n *   fallback={(error, reset) => (\r\n *     <div>\r\n *       <p>Error: {error.message}</p>\r\n *       <button onClick={reset}>Try again</button>\r\n *     </div>\r\n *   )}>\r\n *   <DashboardPanel />\r\n * </ErrorBoundary>\r\n * ```\r\n *\r\n * @see {@link ErrorBoundaryProps} for available props\r\n */\r\nclass ErrorBoundary extends React.Component<ErrorBoundaryProps, ErrorBoundaryState> {\r\n  static getDerivedStateFromError(error: Error): ErrorBoundaryState {\r\n    return {error};\r\n  }\r\n\r\n  static readonly displayName = \"ErrorBoundary\";\r\n\r\n  constructor(props: ErrorBoundaryProps) {\r\n    super(props);\r\n    this.state = {error: null};\r\n  }\r\n\r\n  override shouldComponentUpdate(nextProps: Readonly<ErrorBoundaryProps>, nextState: Readonly<ErrorBoundaryState>): boolean {\r\n    const {children, fallback, onError} = this.props;\r\n    const {error} = this.state;\r\n\r\n    return nextProps.children !== children || nextProps.fallback !== fallback || nextProps.onError !== onError || nextState.error !== error;\r\n  }\r\n\r\n  override componentDidCatch(error: Error, errorInfo: React.ErrorInfo): void {\r\n    const {onError} = this.props;\r\n\r\n    onError?.(error, errorInfo);\r\n  }\r\n\r\n  handleReset = (): void => {\r\n    // eslint-disable-next-line react/no-set-state -- Error boundaries must clear internal error state to retry rendering.\r\n    this.setState({error: null});\r\n  };\r\n\r\n  // eslint-disable-next-line sonarjs/function-return-type -- Error boundary render paths intentionally return generic ReactNode content.\r\n  override render(): React.ReactNode {\r\n    const {error} = this.state;\r\n    const {children, fallback} = this.props;\r\n    const content: React.ReactNode =\r\n      error === null\r\n        ? children\r\n        : typeof fallback === \"function\"\r\n          ? fallback(error, this.handleReset)\r\n          : (fallback ?? (\r\n              <div\r\n                className={styles.fallback}\r\n                role='alert'>\r\n                <p className={styles.title}>Something went wrong</p>\r\n                <p className={styles.message}>{error.message}</p>\r\n                <button\r\n                  type='button'\r\n                  className={styles.retry}\r\n                  onClick={this.handleReset}>\r\n                  Try again\r\n                </button>\r\n              </div>\r\n            ));\r\n\r\n    return content;\r\n  }\r\n}\r\n\r\nexport {ErrorBoundary};\r\nexport type {ErrorBoundaryProps};\r\n"],"names":["ErrorBoundary","React","error","props","nextProps","nextState","children","fallback","onError","errorInfo","content","styles"],"mappings":";;;;AAmEA,MAAMA,sBAAsBC,wBAAAA,SAAe;IACzC,OAAO,yBAAyBC,KAAY,EAAsB;QAChE,OAAO;YAACA;QAAK;IACf;;aAEgB,WAAW,GAAG;;IAE9B,YAAYC,KAAyB,CAAE;QACrC,KAAK,CAACA,QAAAA,IAAAA,CAiBR,WAAW,GAAG;YAEZ,IAAI,CAAC,QAAQ,CAAC;gBAAC,OAAO;YAAI;QAC5B;QAnBE,IAAI,CAAC,KAAK,GAAG;YAAC,OAAO;QAAI;IAC3B;IAES,sBAAsBC,SAAuC,EAAEC,SAAuC,EAAW;QACxH,MAAM,EAACC,QAAQ,EAAEC,QAAQ,EAAEC,OAAO,EAAC,GAAG,IAAI,CAAC,KAAK;QAChD,MAAM,EAACN,KAAK,EAAC,GAAG,IAAI,CAAC,KAAK;QAE1B,OAAOE,UAAU,QAAQ,KAAKE,YAAYF,UAAU,QAAQ,KAAKG,YAAYH,UAAU,OAAO,KAAKI,WAAWH,UAAU,KAAK,KAAKH;IACpI;IAES,kBAAkBA,KAAY,EAAEO,SAA0B,EAAQ;QACzE,MAAM,EAACD,OAAO,EAAC,GAAG,IAAI,CAAC,KAAK;QAE5BA,UAAUN,OAAOO;IACnB;IAQS,SAA0B;QACjC,MAAM,EAACP,KAAK,EAAC,GAAG,IAAI,CAAC,KAAK;QAC1B,MAAM,EAACI,QAAQ,EAAEC,QAAQ,EAAC,GAAG,IAAI,CAAC,KAAK;QACvC,MAAMG,UACJR,AAAU,SAAVA,QACII,WACA,AAAoB,cAApB,OAAOC,WACLA,SAASL,OAAO,IAAI,CAAC,WAAW,IAC/BK,YAAY,WAAZA,GACC,KAAC;YACC,WAAWI,sBAAAA,QAAe;YAC1B,MAAK;;8BACL,IAAC;oBAAE,WAAWA,sBAAAA,KAAY;8BAAE;;8BAC5B,IAAC;oBAAE,WAAWA,sBAAAA,OAAc;8BAAGT,MAAM,OAAO;;8BAC5C,IAAC;oBACC,MAAK;oBACL,WAAWS,sBAAAA,KAAY;oBACvB,SAAS,IAAI,CAAC,WAAW;8BAAE;;;;QAMzC,OAAOD;IACT;AACF"}

package/dist/components/ui/error-boundary_module.css.map

@@ -1 +1 @@
-{"version":3,"sources":["webpack://./home/runner/work/arolariu.ro/arolariu.ro/packages/components/src/components/ui/error-boundary.module.css","webpack://./src/components/ui/error-boundary.module.css"],"names":[],"mappings":"AADA;ECEE,mBAAmB;EACnB,sBAAsB;EACtB,0BAA0B;EAC1B,kBAAkB;EAClB,sBAAsB;EACtB,uBAAuB;EACvB,aAAa;AACf;;AAEA;EACE,4BAA4B;EAC5B,4BAA4B;EAC5B,gBAAgB;AAClB;;AAEA;EACE,iCAAiC;EACjC,gBAAgB;AAClB;;AAEA;EACE,4BAA4B;AAC9B;;AAEA;EACE,sCAAsC;EACtC,kCAAkC;EAClC,kCAAkC;EAClC,2BAA2B;EAC3B,eAAe;EACf,4CAA4C;EAC5C,sDAAsD;AACxD;;AAEA;EACE,kCAAkC;AACpC","sourcesContent":[".fallback{align-items:center;display:flex;flex-direction:column;gap:var(--ac-space-3);justify-content:center;padding:var(--ac-space-8);text-align:center}.title{color:var(--ac-destructive);font-size:var(--ac-text-lg);font-weight:600}.message{color:var(--ac-muted-foreground);max-width:32rem}.message,.retry{font-size:var(--ac-text-sm)}.retry{background-color:var(--ac-background);border:1px solid var(--ac-border);border-radius:var(--ac-radius-md);color:var(--ac-foreground);cursor:pointer;padding:var(--ac-space-2) var(--ac-space-4);transition:background-color var(--ac-transition-fast)}.retry:hover{background-color:var(--ac-accent)}",".fallback {\n  align-items: center;\n  gap: var(--ac-space-3);\n  padding: var(--ac-space-8);\n  text-align: center;\n  flex-direction: column;\n  justify-content: center;\n  display: flex;\n}\n\n.title {\n  color: var(--ac-destructive);\n  font-size: var(--ac-text-lg);\n  font-weight: 600;\n}\n\n.message {\n  color: var(--ac-muted-foreground);\n  max-width: 32rem;\n}\n\n.message, .retry {\n  font-size: var(--ac-text-sm);\n}\n\n.retry {\n  background-color: var(--ac-background);\n  border: 1px solid var(--ac-border);\n  border-radius: var(--ac-radius-md);\n  color: var(--ac-foreground);\n  cursor: pointer;\n  padding: var(--ac-space-2) var(--ac-space-4);\n  transition: background-color var(--ac-transition-fast);\n}\n\n.retry:hover {\n  background-color: var(--ac-accent);\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/error-boundary.module.css","webpack://./src/components/ui/error-boundary.module.css"],"names":[],"mappings":"AAAA;ECCE,mBAAmB;EACnB,sBAAsB;EACtB,0BAA0B;EAC1B,kBAAkB;EAClB,sBAAsB;EACtB,uBAAuB;EACvB,aAAa;AACf;;ADRyJ;ECWvJ,4BAA4B;EAC5B,4BAA4B;EAC5B,gBAAgB;AAClB;;ADdwO;ECiBtO,iCAAiC;EACjC,gBAAgB;AAClB;;ADnBkS;ECsBhS,4BAA4B;AAC9B;;ADvB8U;EC0B5U,sCAAsC;EACtC,kCAAkC;EAClC,kCAAkC;EAClC,2BAA2B;EAC3B,eAAe;EACf,4CAA4C;EAC5C,sDAAsD;AACxD;;ADjC2kB;ECoCzkB,kCAAkC;AACpC","sourcesContent":[".fallback{align-items:center;display:flex;flex-direction:column;gap:var(--ac-space-3);justify-content:center;padding:var(--ac-space-8);text-align:center}.title{color:var(--ac-destructive);font-size:var(--ac-text-lg);font-weight:600}.message{color:var(--ac-muted-foreground);max-width:32rem}.message,.retry{font-size:var(--ac-text-sm)}.retry{background-color:var(--ac-background);border:1px solid var(--ac-border);border-radius:var(--ac-radius-md);color:var(--ac-foreground);cursor:pointer;padding:var(--ac-space-2) var(--ac-space-4);transition:background-color var(--ac-transition-fast)}.retry:hover{background-color:var(--ac-accent)}",".fallback {\n  align-items: center;\n  gap: var(--ac-space-3);\n  padding: var(--ac-space-8);\n  text-align: center;\n  flex-direction: column;\n  justify-content: center;\n  display: flex;\n}\n\n.title {\n  color: var(--ac-destructive);\n  font-size: var(--ac-text-lg);\n  font-weight: 600;\n}\n\n.message {\n  color: var(--ac-muted-foreground);\n  max-width: 32rem;\n}\n\n.message, .retry {\n  font-size: var(--ac-text-sm);\n}\n\n.retry {\n  background-color: var(--ac-background);\n  border: 1px solid var(--ac-border);\n  border-radius: var(--ac-radius-md);\n  color: var(--ac-foreground);\n  cursor: pointer;\n  padding: var(--ac-space-2) var(--ac-space-4);\n  transition: background-color var(--ac-transition-fast);\n}\n\n.retry:hover {\n  background-color: var(--ac-accent);\n}\n"],"sourceRoot":""}

package/dist/components/ui/field.js

@@ -1,9 +1,9 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { forwardRef, useMemo } from "react";
 import { Separator } from "./separator.js";
 import { cn } from "../../lib/utilities.js";
 import field_module from "./field.module.js";
+import * as __rspack_external_react from "react";
 function getFieldOrientationClass(orientation) {
     switch(orientation){
         case "horizontal":
@@ -14,26 +14,26 @@ function getFieldOrientationClass(orientation) {
             return field_module.vertical;
     }
 }
-const FieldSet = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("fieldset", {
+const FieldSet = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("fieldset", {
         ref: ref,
         "data-slot": "field-set",
         className: cn(field_module.fieldSet, className),
         ...props
     }));
-const FieldLegend = /*#__PURE__*/ forwardRef(({ className, variant = "legend", ...props }, ref)=>/*#__PURE__*/ jsx("legend", {
+const FieldLegend = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, variant = "legend", ...props }, ref)=>/*#__PURE__*/ jsx("legend", {
         ref: ref,
         "data-slot": "field-legend",
         "data-variant": variant,
         className: cn(field_module.legend, "label" === variant ? field_module.legendLabel : field_module.legendDefault, className),
         ...props
     }));
-const FieldGroup = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("div", {
+const FieldGroup = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("div", {
         ref: ref,
         "data-slot": "field-group",
         className: cn(field_module.group, className),
         ...props
     }));
-const Field = /*#__PURE__*/ forwardRef(({ className, orientation = "vertical", ...props }, ref)=>/*#__PURE__*/ jsx("div", {
+const Field = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, orientation = "vertical", ...props }, ref)=>/*#__PURE__*/ jsx("div", {
         ref: ref,
         role: "group",
         "data-slot": "field",
@@ -41,31 +41,31 @@ const Field = /*#__PURE__*/ forwardRef(({ className, orientation = "vertical", .
         className: cn(field_module.field, getFieldOrientationClass(orientation), className),
         ...props
     }));
-const FieldContent = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("div", {
+const FieldContent = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("div", {
         ref: ref,
         "data-slot": "field-content",
         className: cn(field_module.content, className),
         ...props
     }));
-const FieldLabel = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("label", {
+const FieldLabel = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("label", {
         ref: ref,
         "data-slot": "field-label",
         className: cn(field_module.label, className),
         ...props
     }));
-const FieldTitle = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("div", {
+const FieldTitle = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("div", {
         ref: ref,
         "data-slot": "field-label",
         className: cn(field_module.title, className),
         ...props
     }));
-const FieldDescription = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("p", {
+const FieldDescription = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("p", {
         ref: ref,
         "data-slot": "field-description",
         className: cn(field_module.description, className),
         ...props
     }));
-const FieldSeparator = /*#__PURE__*/ forwardRef(({ children, className, ...props }, ref)=>/*#__PURE__*/ jsxs("div", {
+const FieldSeparator = /*#__PURE__*/ __rspack_external_react.forwardRef(({ children, className, ...props }, ref)=>/*#__PURE__*/ jsxs("div", {
         ref: ref,
         "data-slot": "field-separator",
         "data-content": children ? "true" : void 0,
@@ -81,8 +81,8 @@ const FieldSeparator = /*#__PURE__*/ forwardRef(({ children, className, ...props
             }) : null
         ]
     }));
-const FieldError = /*#__PURE__*/ forwardRef(({ className, children, errors, ...props }, ref)=>{
-    const content = useMemo(()=>{
+const FieldError = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, children, errors, ...props }, ref)=>{
+    const content = __rspack_external_react.useMemo(()=>{
         if (children) return /*#__PURE__*/ jsx("span", {
             children: children
         });

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

@@ -1 +1 @@
-{"version":3,"file":"components/ui/field.js","sources":["../../../src/components/ui/field.tsx"],"sourcesContent":["\"use client\";\r\n\r\n/* eslint-disable jsx-a11y/label-has-associated-control */\r\n\r\nimport * as React from \"react\";\r\n\r\nimport {Separator} from \"@/components/ui/separator\";\r\nimport {cn} from \"@/lib/utilities\";\r\nimport styles from \"./field.module.css\";\r\n\r\n/** Supported layouts for {@link Field}. */\r\nexport type FieldOrientation = \"vertical\" | \"horizontal\" | \"responsive\";\r\n\r\n/** Supported legend render styles for {@link FieldLegend}. */\r\nexport type FieldLegendVariant = \"legend\" | \"label\";\r\n\r\n/** Shape of error objects accepted by {@link FieldError}. */\r\nexport interface FieldErrorItem {\r\n  /** Human-readable validation error message. @default undefined */\r\n  message?: string;\r\n}\r\n\r\n/**\r\n * Props for the {@link FieldSet} component.\r\n */\r\nexport type FieldSetProps = React.ComponentPropsWithoutRef<\"fieldset\">;\r\n\r\n/**\r\n * Props for the {@link FieldLegend} component.\r\n */\r\nexport interface FieldLegendProps extends React.ComponentPropsWithoutRef<\"legend\"> {\r\n  /** Visual treatment used for the legend content. @default \"legend\" */\r\n  variant?: FieldLegendVariant;\r\n}\r\n\r\n/**\r\n * Props for the {@link FieldGroup} component.\r\n */\r\nexport type FieldGroupProps = React.ComponentPropsWithoutRef<\"div\">;\r\n\r\n/**\r\n * Props for the {@link Field} component.\r\n */\r\nexport interface FieldProps extends React.ComponentPropsWithoutRef<\"div\"> {\r\n  /** Layout used to arrange labels and controls. @default \"vertical\" */\r\n  orientation?: FieldOrientation;\r\n}\r\n\r\n/**\r\n * Props for the {@link FieldContent} component.\r\n */\r\nexport type FieldContentProps = React.ComponentPropsWithoutRef<\"div\">;\r\n\r\n/**\r\n * Props for the {@link FieldLabel} component.\r\n */\r\nexport type FieldLabelProps = React.ComponentPropsWithoutRef<\"label\">;\r\n\r\n/**\r\n * Props for the {@link FieldTitle} component.\r\n */\r\nexport type FieldTitleProps = React.ComponentPropsWithoutRef<\"div\">;\r\n\r\n/**\r\n * Props for the {@link FieldDescription} component.\r\n */\r\nexport type FieldDescriptionProps = React.ComponentPropsWithoutRef<\"p\">;\r\n\r\n/**\r\n * Props for the {@link FieldSeparator} component.\r\n */\r\nexport type FieldSeparatorProps = React.ComponentPropsWithoutRef<\"div\">;\r\n\r\n/**\r\n * Props for the {@link FieldError} component.\r\n */\r\nexport interface FieldErrorProps extends React.ComponentPropsWithoutRef<\"div\"> {\r\n  /** Validation errors rendered when children are not provided. @default undefined */\r\n  errors?: Array<FieldErrorItem | undefined>;\r\n}\r\n\r\nfunction getFieldOrientationClass(orientation: FieldOrientation): string {\r\n  switch (orientation) {\r\n    case \"horizontal\": {\r\n      return styles.horizontal;\r\n    }\r\n    case \"responsive\": {\r\n      return styles.responsive;\r\n    }\r\n    default: {\r\n      return styles.vertical;\r\n    }\r\n  }\r\n}\r\n\r\n/**\r\n * Groups related controls within a semantic fieldset.\r\n *\r\n * @remarks\r\n * - Pure CSS component (no Base UI primitive)\r\n * - Renders a `<fieldset>` element\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example\r\n * ```tsx\r\n * <FieldSet>\r\n *   <FieldLegend>Preferences</FieldLegend>\r\n * </FieldSet>\r\n * ```\r\n *\r\n * @see {@link FieldSetProps} for available props\r\n */\r\nconst FieldSet = React.forwardRef<HTMLFieldSetElement, FieldSetProps>(\r\n  ({className, ...props}: Readonly<FieldSetProps>, ref): React.JSX.Element => (\r\n    <fieldset\r\n      ref={ref}\r\n      data-slot='field-set'\r\n      className={cn(styles.fieldSet, className)}\r\n      {...props}\r\n    />\r\n  ),\r\n);\r\n\r\n/**\r\n * Labels a grouped set of controls within {@link FieldSet}.\r\n *\r\n * @remarks\r\n * - Pure CSS component (no Base UI primitive)\r\n * - Renders a `<legend>` element\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example\r\n * ```tsx\r\n * <FieldLegend variant='label'>Billing address</FieldLegend>\r\n * ```\r\n *\r\n * @see {@link FieldLegendProps} for available props\r\n */\r\nconst FieldLegend = React.forwardRef<HTMLLegendElement, FieldLegendProps>(\r\n  ({className, variant = \"legend\", ...props}: Readonly<FieldLegendProps>, ref): React.JSX.Element => (\r\n    <legend\r\n      ref={ref}\r\n      data-slot='field-legend'\r\n      data-variant={variant}\r\n      className={cn(styles.legend, variant === \"label\" ? styles.legendLabel : styles.legendDefault, className)}\r\n      {...props}\r\n    />\r\n  ),\r\n);\r\n\r\n/**\r\n * Stacks multiple field rows under a shared container.\r\n *\r\n * @remarks\r\n * - Pure CSS component (no Base UI primitive)\r\n * - Renders a `<div>` element\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example\r\n * ```tsx\r\n * <FieldGroup>\r\n *   <Field />\r\n * </FieldGroup>\r\n * ```\r\n *\r\n * @see {@link FieldGroupProps} for available props\r\n */\r\nconst FieldGroup = React.forwardRef<HTMLDivElement, FieldGroupProps>(\r\n  ({className, ...props}: Readonly<FieldGroupProps>, ref): React.JSX.Element => (\r\n    <div\r\n      ref={ref}\r\n      data-slot='field-group'\r\n      className={cn(styles.group, className)}\r\n      {...props}\r\n    />\r\n  ),\r\n);\r\n\r\n/**\r\n * Creates a styled field row for labels, descriptions, and controls.\r\n *\r\n * @remarks\r\n * - Pure CSS component (no Base UI primitive)\r\n * - Renders a `<div>` element\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example\r\n * ```tsx\r\n * <Field orientation='responsive'>...</Field>\r\n * ```\r\n *\r\n * @see {@link FieldProps} for available props\r\n */\r\nconst Field = React.forwardRef<HTMLDivElement, FieldProps>(\r\n  ({className, orientation = \"vertical\", ...props}: Readonly<FieldProps>, ref): React.JSX.Element => (\r\n    <div\r\n      ref={ref}\r\n      role='group'\r\n      data-slot='field'\r\n      data-orientation={orientation}\r\n      className={cn(styles.field, getFieldOrientationClass(orientation), className)}\r\n      {...props}\r\n    />\r\n  ),\r\n);\r\n\r\n/**\r\n * Wraps field controls and supporting content.\r\n *\r\n * @remarks\r\n * - Pure CSS component (no Base UI primitive)\r\n * - Renders a `<div>` element\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example\r\n * ```tsx\r\n * <FieldContent>{control}</FieldContent>\r\n * ```\r\n *\r\n * @see {@link FieldContentProps} for available props\r\n */\r\nconst FieldContent = React.forwardRef<HTMLDivElement, FieldContentProps>(\r\n  ({className, ...props}: Readonly<FieldContentProps>, ref): React.JSX.Element => (\r\n    <div\r\n      ref={ref}\r\n      data-slot='field-content'\r\n      className={cn(styles.content, className)}\r\n      {...props}\r\n    />\r\n  ),\r\n);\r\n\r\n/**\r\n * Renders the label associated with a form control.\r\n *\r\n * @remarks\r\n * - Pure CSS component (no Base UI primitive)\r\n * - Renders a `<label>` element\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example\r\n * ```tsx\r\n * <FieldLabel htmlFor='email'>Email</FieldLabel>\r\n * ```\r\n *\r\n * @see {@link FieldLabelProps} for available props\r\n */\r\nconst FieldLabel = React.forwardRef<HTMLLabelElement, FieldLabelProps>(\r\n  ({className, ...props}: Readonly<FieldLabelProps>, ref): React.JSX.Element => {\r\n    return (\r\n      <label\r\n        ref={ref}\r\n        data-slot='field-label'\r\n        className={cn(styles.label, className)}\r\n        {...props}\r\n      />\r\n    );\r\n  },\r\n);\r\n\r\n/**\r\n * Displays the leading title content for a field row.\r\n *\r\n * @remarks\r\n * - Pure CSS component (no Base UI primitive)\r\n * - Renders a `<div>` element\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example\r\n * ```tsx\r\n * <FieldTitle>Account</FieldTitle>\r\n * ```\r\n *\r\n * @see {@link FieldTitleProps} for available props\r\n */\r\nconst FieldTitle = React.forwardRef<HTMLDivElement, FieldTitleProps>(\r\n  ({className, ...props}: Readonly<FieldTitleProps>, ref): React.JSX.Element => (\r\n    <div\r\n      ref={ref}\r\n      data-slot='field-label'\r\n      className={cn(styles.title, className)}\r\n      {...props}\r\n    />\r\n  ),\r\n);\r\n\r\n/**\r\n * Renders supplementary descriptive text for a field.\r\n *\r\n * @remarks\r\n * - Pure CSS component (no Base UI primitive)\r\n * - Renders a `<p>` element\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example\r\n * ```tsx\r\n * <FieldDescription>Used for account recovery.</FieldDescription>\r\n * ```\r\n *\r\n * @see {@link FieldDescriptionProps} for available props\r\n */\r\nconst FieldDescription = React.forwardRef<HTMLParagraphElement, FieldDescriptionProps>(\r\n  ({className, ...props}: Readonly<FieldDescriptionProps>, ref): React.JSX.Element => (\r\n    <p\r\n      ref={ref}\r\n      data-slot='field-description'\r\n      className={cn(styles.description, className)}\r\n      {...props}\r\n    />\r\n  ),\r\n);\r\n\r\n/**\r\n * Separates field sections with optional inline content.\r\n *\r\n * @remarks\r\n * - Pure CSS component (no Base UI primitive)\r\n * - Renders a `<div>` element\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example\r\n * ```tsx\r\n * <FieldSeparator>or</FieldSeparator>\r\n * ```\r\n *\r\n * @see {@link FieldSeparatorProps} for available props\r\n */\r\nconst FieldSeparator = React.forwardRef<HTMLDivElement, FieldSeparatorProps>(\r\n  ({children, className, ...props}: Readonly<FieldSeparatorProps>, ref): React.JSX.Element => (\r\n    <div\r\n      ref={ref}\r\n      data-slot='field-separator'\r\n      data-content={children ? \"true\" : undefined}\r\n      className={cn(styles.separator, className)}\r\n      {...props}>\r\n      <Separator className={styles.separatorLine} />\r\n      {children ? <span className={styles.separatorContent}>{children}</span> : null}\r\n    </div>\r\n  ),\r\n);\r\n\r\n/**\r\n * Presents validation feedback for a field.\r\n *\r\n * @remarks\r\n * - Pure CSS component (no Base UI primitive)\r\n * - Renders a `<div>` element when content exists\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example\r\n * ```tsx\r\n * <FieldError errors={[{message: \"Required\"}]} />\r\n * ```\r\n *\r\n * @see {@link FieldErrorProps} for available props\r\n */\r\nconst FieldError = React.forwardRef<HTMLDivElement, FieldErrorProps>(\r\n  ({className, children, errors, ...props}: Readonly<FieldErrorProps>, ref): React.JSX.Element | null => {\r\n    const content = React.useMemo((): React.JSX.Element | null => {\r\n      if (children) {\r\n        return <span>{children}</span>;\r\n      }\r\n\r\n      if (!errors) {\r\n        return null;\r\n      }\r\n\r\n      if (errors.length === 1 && errors[0]?.message) {\r\n        return <span>{errors[0].message}</span>;\r\n      }\r\n\r\n      return (\r\n        <ul className={styles.errorList}>{errors.map((error, index) => (error?.message ? <li key={index}>{error.message}</li> : null))}</ul>\r\n      );\r\n    }, [children, errors]);\r\n\r\n    if (!content) {\r\n      return null;\r\n    }\r\n\r\n    return (\r\n      <div\r\n        ref={ref}\r\n        role='alert'\r\n        data-slot='field-error'\r\n        className={cn(styles.error, className)}\r\n        {...props}>\r\n        {content}\r\n      </div>\r\n    );\r\n  },\r\n);\r\n\r\nFieldSet.displayName = \"FieldSet\";\r\nFieldLegend.displayName = \"FieldLegend\";\r\nFieldGroup.displayName = \"FieldGroup\";\r\nField.displayName = \"Field\";\r\nFieldContent.displayName = \"FieldContent\";\r\nFieldLabel.displayName = \"FieldLabel\";\r\nFieldTitle.displayName = \"FieldTitle\";\r\nFieldDescription.displayName = \"FieldDescription\";\r\nFieldSeparator.displayName = \"FieldSeparator\";\r\nFieldError.displayName = \"FieldError\";\r\n\r\nexport {Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle};\r\n"],"names":["getFieldOrientationClass","orientation","styles","FieldSet","React","className","props","ref","cn","FieldLegend","variant","FieldGroup","Field","FieldContent","FieldLabel","FieldTitle","FieldDescription","FieldSeparator","children","undefined","Separator","FieldError","errors","content","error","index"],"mappings":"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"}
+{"version":3,"file":"components/ui/field.js","sources":["../../../src/components/ui/field.tsx"],"sourcesContent":["\"use client\";\r\n\r\n/* eslint-disable jsx-a11y/label-has-associated-control */\r\n\r\nimport * as React from \"react\";\r\n\r\nimport {Separator} from \"@/components/ui/separator\";\r\nimport {cn} from \"@/lib/utilities\";\r\nimport styles from \"./field.module.css\";\r\n\r\n/** Supported layouts for {@link Field}. */\r\nexport type FieldOrientation = \"vertical\" | \"horizontal\" | \"responsive\";\r\n\r\n/** Supported legend render styles for {@link FieldLegend}. */\r\nexport type FieldLegendVariant = \"legend\" | \"label\";\r\n\r\n/** Shape of error objects accepted by {@link FieldError}. */\r\nexport interface FieldErrorItem {\r\n  /** Human-readable validation error message. @default undefined */\r\n  message?: string;\r\n}\r\n\r\n/**\r\n * Props for the {@link FieldSet} component.\r\n */\r\nexport type FieldSetProps = React.ComponentPropsWithoutRef<\"fieldset\">;\r\n\r\n/**\r\n * Props for the {@link FieldLegend} component.\r\n */\r\nexport interface FieldLegendProps extends React.ComponentPropsWithoutRef<\"legend\"> {\r\n  /** Visual treatment used for the legend content. @default \"legend\" */\r\n  variant?: FieldLegendVariant;\r\n}\r\n\r\n/**\r\n * Props for the {@link FieldGroup} component.\r\n */\r\nexport type FieldGroupProps = React.ComponentPropsWithoutRef<\"div\">;\r\n\r\n/**\r\n * Props for the {@link Field} component.\r\n */\r\nexport interface FieldProps extends React.ComponentPropsWithoutRef<\"div\"> {\r\n  /** Layout used to arrange labels and controls. @default \"vertical\" */\r\n  orientation?: FieldOrientation;\r\n}\r\n\r\n/**\r\n * Props for the {@link FieldContent} component.\r\n */\r\nexport type FieldContentProps = React.ComponentPropsWithoutRef<\"div\">;\r\n\r\n/**\r\n * Props for the {@link FieldLabel} component.\r\n */\r\nexport type FieldLabelProps = React.ComponentPropsWithoutRef<\"label\">;\r\n\r\n/**\r\n * Props for the {@link FieldTitle} component.\r\n */\r\nexport type FieldTitleProps = React.ComponentPropsWithoutRef<\"div\">;\r\n\r\n/**\r\n * Props for the {@link FieldDescription} component.\r\n */\r\nexport type FieldDescriptionProps = React.ComponentPropsWithoutRef<\"p\">;\r\n\r\n/**\r\n * Props for the {@link FieldSeparator} component.\r\n */\r\nexport type FieldSeparatorProps = React.ComponentPropsWithoutRef<\"div\">;\r\n\r\n/**\r\n * Props for the {@link FieldError} component.\r\n */\r\nexport interface FieldErrorProps extends React.ComponentPropsWithoutRef<\"div\"> {\r\n  /** Validation errors rendered when children are not provided. @default undefined */\r\n  errors?: Array<FieldErrorItem | undefined>;\r\n}\r\n\r\nfunction getFieldOrientationClass(orientation: FieldOrientation): string {\r\n  switch (orientation) {\r\n    case \"horizontal\": {\r\n      return styles.horizontal;\r\n    }\r\n    case \"responsive\": {\r\n      return styles.responsive;\r\n    }\r\n    default: {\r\n      return styles.vertical;\r\n    }\r\n  }\r\n}\r\n\r\n/**\r\n * Groups related controls within a semantic fieldset.\r\n *\r\n * @remarks\r\n * - Pure CSS component (no Base UI primitive)\r\n * - Renders a `<fieldset>` element\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example\r\n * ```tsx\r\n * <FieldSet>\r\n *   <FieldLegend>Preferences</FieldLegend>\r\n * </FieldSet>\r\n * ```\r\n *\r\n * @see {@link FieldSetProps} for available props\r\n */\r\nconst FieldSet = React.forwardRef<HTMLFieldSetElement, FieldSetProps>(\r\n  ({className, ...props}: Readonly<FieldSetProps>, ref): React.JSX.Element => (\r\n    <fieldset\r\n      ref={ref}\r\n      data-slot='field-set'\r\n      className={cn(styles.fieldSet, className)}\r\n      {...props}\r\n    />\r\n  ),\r\n);\r\n\r\n/**\r\n * Labels a grouped set of controls within {@link FieldSet}.\r\n *\r\n * @remarks\r\n * - Pure CSS component (no Base UI primitive)\r\n * - Renders a `<legend>` element\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example\r\n * ```tsx\r\n * <FieldLegend variant='label'>Billing address</FieldLegend>\r\n * ```\r\n *\r\n * @see {@link FieldLegendProps} for available props\r\n */\r\nconst FieldLegend = React.forwardRef<HTMLLegendElement, FieldLegendProps>(\r\n  ({className, variant = \"legend\", ...props}: Readonly<FieldLegendProps>, ref): React.JSX.Element => (\r\n    <legend\r\n      ref={ref}\r\n      data-slot='field-legend'\r\n      data-variant={variant}\r\n      className={cn(styles.legend, variant === \"label\" ? styles.legendLabel : styles.legendDefault, className)}\r\n      {...props}\r\n    />\r\n  ),\r\n);\r\n\r\n/**\r\n * Stacks multiple field rows under a shared container.\r\n *\r\n * @remarks\r\n * - Pure CSS component (no Base UI primitive)\r\n * - Renders a `<div>` element\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example\r\n * ```tsx\r\n * <FieldGroup>\r\n *   <Field />\r\n * </FieldGroup>\r\n * ```\r\n *\r\n * @see {@link FieldGroupProps} for available props\r\n */\r\nconst FieldGroup = React.forwardRef<HTMLDivElement, FieldGroupProps>(\r\n  ({className, ...props}: Readonly<FieldGroupProps>, ref): React.JSX.Element => (\r\n    <div\r\n      ref={ref}\r\n      data-slot='field-group'\r\n      className={cn(styles.group, className)}\r\n      {...props}\r\n    />\r\n  ),\r\n);\r\n\r\n/**\r\n * Creates a styled field row for labels, descriptions, and controls.\r\n *\r\n * @remarks\r\n * - Pure CSS component (no Base UI primitive)\r\n * - Renders a `<div>` element\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example\r\n * ```tsx\r\n * <Field orientation='responsive'>...</Field>\r\n * ```\r\n *\r\n * @see {@link FieldProps} for available props\r\n */\r\nconst Field = React.forwardRef<HTMLDivElement, FieldProps>(\r\n  ({className, orientation = \"vertical\", ...props}: Readonly<FieldProps>, ref): React.JSX.Element => (\r\n    <div\r\n      ref={ref}\r\n      role='group'\r\n      data-slot='field'\r\n      data-orientation={orientation}\r\n      className={cn(styles.field, getFieldOrientationClass(orientation), className)}\r\n      {...props}\r\n    />\r\n  ),\r\n);\r\n\r\n/**\r\n * Wraps field controls and supporting content.\r\n *\r\n * @remarks\r\n * - Pure CSS component (no Base UI primitive)\r\n * - Renders a `<div>` element\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example\r\n * ```tsx\r\n * <FieldContent>{control}</FieldContent>\r\n * ```\r\n *\r\n * @see {@link FieldContentProps} for available props\r\n */\r\nconst FieldContent = React.forwardRef<HTMLDivElement, FieldContentProps>(\r\n  ({className, ...props}: Readonly<FieldContentProps>, ref): React.JSX.Element => (\r\n    <div\r\n      ref={ref}\r\n      data-slot='field-content'\r\n      className={cn(styles.content, className)}\r\n      {...props}\r\n    />\r\n  ),\r\n);\r\n\r\n/**\r\n * Renders the label associated with a form control.\r\n *\r\n * @remarks\r\n * - Pure CSS component (no Base UI primitive)\r\n * - Renders a `<label>` element\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example\r\n * ```tsx\r\n * <FieldLabel htmlFor='email'>Email</FieldLabel>\r\n * ```\r\n *\r\n * @see {@link FieldLabelProps} for available props\r\n */\r\nconst FieldLabel = React.forwardRef<HTMLLabelElement, FieldLabelProps>(\r\n  ({className, ...props}: Readonly<FieldLabelProps>, ref): React.JSX.Element => {\r\n    return (\r\n      <label\r\n        ref={ref}\r\n        data-slot='field-label'\r\n        className={cn(styles.label, className)}\r\n        {...props}\r\n      />\r\n    );\r\n  },\r\n);\r\n\r\n/**\r\n * Displays the leading title content for a field row.\r\n *\r\n * @remarks\r\n * - Pure CSS component (no Base UI primitive)\r\n * - Renders a `<div>` element\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example\r\n * ```tsx\r\n * <FieldTitle>Account</FieldTitle>\r\n * ```\r\n *\r\n * @see {@link FieldTitleProps} for available props\r\n */\r\nconst FieldTitle = React.forwardRef<HTMLDivElement, FieldTitleProps>(\r\n  ({className, ...props}: Readonly<FieldTitleProps>, ref): React.JSX.Element => (\r\n    <div\r\n      ref={ref}\r\n      data-slot='field-label'\r\n      className={cn(styles.title, className)}\r\n      {...props}\r\n    />\r\n  ),\r\n);\r\n\r\n/**\r\n * Renders supplementary descriptive text for a field.\r\n *\r\n * @remarks\r\n * - Pure CSS component (no Base UI primitive)\r\n * - Renders a `<p>` element\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example\r\n * ```tsx\r\n * <FieldDescription>Used for account recovery.</FieldDescription>\r\n * ```\r\n *\r\n * @see {@link FieldDescriptionProps} for available props\r\n */\r\nconst FieldDescription = React.forwardRef<HTMLParagraphElement, FieldDescriptionProps>(\r\n  ({className, ...props}: Readonly<FieldDescriptionProps>, ref): React.JSX.Element => (\r\n    <p\r\n      ref={ref}\r\n      data-slot='field-description'\r\n      className={cn(styles.description, className)}\r\n      {...props}\r\n    />\r\n  ),\r\n);\r\n\r\n/**\r\n * Separates field sections with optional inline content.\r\n *\r\n * @remarks\r\n * - Pure CSS component (no Base UI primitive)\r\n * - Renders a `<div>` element\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example\r\n * ```tsx\r\n * <FieldSeparator>or</FieldSeparator>\r\n * ```\r\n *\r\n * @see {@link FieldSeparatorProps} for available props\r\n */\r\nconst FieldSeparator = React.forwardRef<HTMLDivElement, FieldSeparatorProps>(\r\n  ({children, className, ...props}: Readonly<FieldSeparatorProps>, ref): React.JSX.Element => (\r\n    <div\r\n      ref={ref}\r\n      data-slot='field-separator'\r\n      data-content={children ? \"true\" : undefined}\r\n      className={cn(styles.separator, className)}\r\n      {...props}>\r\n      <Separator className={styles.separatorLine} />\r\n      {children ? <span className={styles.separatorContent}>{children}</span> : null}\r\n    </div>\r\n  ),\r\n);\r\n\r\n/**\r\n * Presents validation feedback for a field.\r\n *\r\n * @remarks\r\n * - Pure CSS component (no Base UI primitive)\r\n * - Renders a `<div>` element when content exists\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example\r\n * ```tsx\r\n * <FieldError errors={[{message: \"Required\"}]} />\r\n * ```\r\n *\r\n * @see {@link FieldErrorProps} for available props\r\n */\r\nconst FieldError = React.forwardRef<HTMLDivElement, FieldErrorProps>(\r\n  ({className, children, errors, ...props}: Readonly<FieldErrorProps>, ref): React.JSX.Element | null => {\r\n    const content = React.useMemo((): React.JSX.Element | null => {\r\n      if (children) {\r\n        return <span>{children}</span>;\r\n      }\r\n\r\n      if (!errors) {\r\n        return null;\r\n      }\r\n\r\n      if (errors.length === 1 && errors[0]?.message) {\r\n        return <span>{errors[0].message}</span>;\r\n      }\r\n\r\n      return (\r\n        <ul className={styles.errorList}>{errors.map((error, index) => (error?.message ? <li key={index}>{error.message}</li> : null))}</ul>\r\n      );\r\n    }, [children, errors]);\r\n\r\n    if (!content) {\r\n      return null;\r\n    }\r\n\r\n    return (\r\n      <div\r\n        ref={ref}\r\n        role='alert'\r\n        data-slot='field-error'\r\n        className={cn(styles.error, className)}\r\n        {...props}>\r\n        {content}\r\n      </div>\r\n    );\r\n  },\r\n);\r\n\r\nFieldSet.displayName = \"FieldSet\";\r\nFieldLegend.displayName = \"FieldLegend\";\r\nFieldGroup.displayName = \"FieldGroup\";\r\nField.displayName = \"Field\";\r\nFieldContent.displayName = \"FieldContent\";\r\nFieldLabel.displayName = \"FieldLabel\";\r\nFieldTitle.displayName = \"FieldTitle\";\r\nFieldDescription.displayName = \"FieldDescription\";\r\nFieldSeparator.displayName = \"FieldSeparator\";\r\nFieldError.displayName = \"FieldError\";\r\n\r\nexport {Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle};\r\n"],"names":["getFieldOrientationClass","orientation","styles","FieldSet","React","className","props","ref","cn","FieldLegend","variant","FieldGroup","Field","FieldContent","FieldLabel","FieldTitle","FieldDescription","FieldSeparator","children","undefined","Separator","FieldError","errors","content","error","index"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"sources":["webpack://./home/runner/work/arolariu.ro/arolariu.ro/packages/components/src/components/ui/field.module.css","webpack://./src/components/ui/field.module.css"],"names":[],"mappings":"AADA;ECEE,sBAAsB;EACtB,sBAAsB;EACtB,aAAa;AACf;;AAEA;EACE,2BAA2B;EAC3B,gCAAgC;EAChC,gBAAgB;AAClB;;AAEA;EACE,8BAA8B;AAChC;;AAEA;EACE,4BAA4B;AAC9B;;AAEA;EACE,gDAAgD;EAChD,sBAAsB;EACtB,WAAW;EACX,aAAa;AACf;;AAEA;EACE,sBAAsB;AACxB;;AAEA;EACE,sBAAsB;EACtB,WAAW;EACX,aAAa;AACf;;AAEA;EACE,4BAA4B;AAC9B;;AAEA;EACE,sBAAsB;AACxB;;AAEA;EACE,WAAW;AACb;;AAEA;EACE,mBAAmB;EACnB,mBAAmB;AACrB;;AAEA;EACE,UAAU;AACZ;;AAEA;EACE,sBAAsB;AACxB;;AAEA;EACE,WAAW;AACb;;AAEA;EACE;IACE,mBAAmB;IACnB,mBAAmB;EACrB;;EAEA;IACE,WAAW;EACb;;EAEA;IACE,UAAU;IACV,gBAAgB;EAClB;AACF;;AAEA;EACE,sBAAsB;EACtB,UAAU;EACV,YAAY;AACd;;AAEA;EACE,sBAAsB;EACtB,gBAAgB;EAChB,aAAa;AACf;;AAEA;EACE,2BAA2B;EAC3B,eAAe;EACf,4BAA4B;EAC5B,yBAAyB;EACzB,iBAAiB;EACjB,kBAAkB;EAClB,gBAAgB;AAClB;;AAEA;EACE,WAAW;AACb;;AAEA;EACE,kCAAkC;EAClC,kCAAkC;EAClC,0BAA0B;EAC1B,sBAAsB;EACtB,WAAW;AACb;;AAEA;EACE,2BAA2B;EAC3B,mBAAmB;EACnB,sBAAsB;EACtB,kBAAkB;EAClB,gBAAgB;EAChB,gBAAgB;EAChB,aAAa;AACf;;AAEA;EACE,4BAA4B;AAC9B;;AAEA;EACE,iCAAiC;EACjC,gBAAgB;AAClB;;AAEA;EACE,cAAc;EACd,0BAA0B;EAC1B,0BAA0B;AAC5B;;AAEA;EACE;IACE,2BAA2B;EAC7B;AACF;;AAEA;EACE,4BAA4B;EAC5B,oCAAoC;EACpC,mBAAmB;EACnB,kBAAkB;AACpB;;AAEA;EACE,kBAAkB;EAClB,iBAAiB;EACjB,2BAA2B;AAC7B;;AAEA;EACE,sCAAsC;EACtC,iCAAiC;EACjC,4BAA4B;EAC5B,kBAAkB;EAClB,cAAc;EACd,cAAc;EACd,kBAAkB;AACpB;;AAEA;EACE,4BAA4B;EAC5B,4BAA4B;AAC9B;;AAEA;EACE,sBAAsB;EACtB,+BAA+B;EAC/B,sBAAsB;EACtB,SAAS;EACT,aAAa;AACf","sourcesContent":[".fieldSet{display:flex;flex-direction:column;gap:var(--ac-space-6)}.legend{color:var(--ac-foreground);font-weight:600;margin-bottom:var(--ac-space-3)}.legendDefault{font-size:var(--ac-text-base)}.legendLabel{font-size:var(--ac-text-sm)}.group{display:flex;flex-direction:column;gap:calc(var(--ac-space-6) + var(--ac-space-1));width:100%}.group>.group{gap:var(--ac-space-4)}.field{display:flex;gap:var(--ac-space-3);width:100%}.field[data-invalid=true]{color:var(--ac-destructive)}.vertical{flex-direction:column}.vertical>*{width:100%}.horizontal{align-items:center;flex-direction:row}.horizontal>[data-slot=field-label]{flex:0 0 auto}.responsive{flex-direction:column}.responsive>*{width:100%}@media (min-width:768px){.responsive{align-items:center;flex-direction:row}.responsive>*{width:auto}.responsive>[data-slot=field-label]{flex:0 0 auto;min-width:10rem}}.content{flex:1 1 auto;flex-direction:column;min-width:0}.content,.label{display:flex;gap:var(--ac-space-2);line-height:1.4}.label{color:var(--ac-foreground);cursor:default;font-size:var(--ac-text-sm);font-weight:500;user-select:none;width:fit-content}.field[data-disabled=true] .label{opacity:.5}.label:has([data-slot=field]){border:1px solid var(--ac-border);border-radius:var(--ac-radius-md);flex-direction:column;padding:var(--ac-space-4);width:100%}.title{align-items:center;color:var(--ac-foreground);display:flex;font-weight:500;gap:var(--ac-space-2);line-height:1.4;width:fit-content}.description,.title{font-size:var(--ac-text-sm)}.description{color:var(--ac-muted-foreground);line-height:1.5}.description a{color:inherit;text-decoration:underline;text-underline-offset:4px}@media (hover:hover){.description a:hover{color:var(--ac-foreground)}}.separator{font-size:var(--ac-text-sm);margin:calc(var(--ac-space-2)*-1) 0;min-height:1.25rem;position:relative}.separatorLine{inset:50% 0 auto;position:absolute;transform:translateY(-50%)}.separatorContent{background-color:var(--ac-background);color:var(--ac-muted-foreground);display:block;margin:0 auto;padding:0 var(--ac-space-2);position:relative;width:fit-content}.error{color:var(--ac-destructive);font-size:var(--ac-text-sm)}.errorList{display:flex;flex-direction:column;gap:var(--ac-space-1);margin:0;padding-left:var(--ac-space-4)}",".fieldSet {\n  gap: var(--ac-space-6);\n  flex-direction: column;\n  display: flex;\n}\n\n.legend {\n  color: var(--ac-foreground);\n  margin-bottom: var(--ac-space-3);\n  font-weight: 600;\n}\n\n.legendDefault {\n  font-size: var(--ac-text-base);\n}\n\n.legendLabel {\n  font-size: var(--ac-text-sm);\n}\n\n.group {\n  gap: calc(var(--ac-space-6) + var(--ac-space-1));\n  flex-direction: column;\n  width: 100%;\n  display: flex;\n}\n\n.group > .group {\n  gap: var(--ac-space-4);\n}\n\n.field {\n  gap: var(--ac-space-3);\n  width: 100%;\n  display: flex;\n}\n\n.field[data-invalid=\"true\"] {\n  color: var(--ac-destructive);\n}\n\n.vertical {\n  flex-direction: column;\n}\n\n.vertical > * {\n  width: 100%;\n}\n\n.horizontal {\n  flex-direction: row;\n  align-items: center;\n}\n\n.horizontal > [data-slot=\"field-label\"] {\n  flex: none;\n}\n\n.responsive {\n  flex-direction: column;\n}\n\n.responsive > * {\n  width: 100%;\n}\n\n@media (width >= 768px) {\n  .responsive {\n    flex-direction: row;\n    align-items: center;\n  }\n\n  .responsive > * {\n    width: auto;\n  }\n\n  .responsive > [data-slot=\"field-label\"] {\n    flex: none;\n    min-width: 10rem;\n  }\n}\n\n.content {\n  flex-direction: column;\n  flex: auto;\n  min-width: 0;\n}\n\n.content, .label {\n  gap: var(--ac-space-2);\n  line-height: 1.4;\n  display: flex;\n}\n\n.label {\n  color: var(--ac-foreground);\n  cursor: default;\n  font-size: var(--ac-text-sm);\n  -webkit-user-select: none;\n  user-select: none;\n  width: fit-content;\n  font-weight: 500;\n}\n\n.field[data-disabled=\"true\"] .label {\n  opacity: .5;\n}\n\n.label:has([data-slot=\"field\"]) {\n  border: 1px solid var(--ac-border);\n  border-radius: var(--ac-radius-md);\n  padding: var(--ac-space-4);\n  flex-direction: column;\n  width: 100%;\n}\n\n.title {\n  color: var(--ac-foreground);\n  align-items: center;\n  gap: var(--ac-space-2);\n  width: fit-content;\n  font-weight: 500;\n  line-height: 1.4;\n  display: flex;\n}\n\n.description, .title {\n  font-size: var(--ac-text-sm);\n}\n\n.description {\n  color: var(--ac-muted-foreground);\n  line-height: 1.5;\n}\n\n.description a {\n  color: inherit;\n  text-underline-offset: 4px;\n  text-decoration: underline;\n}\n\n@media (hover: hover) {\n  .description a:hover {\n    color: var(--ac-foreground);\n  }\n}\n\n.separator {\n  font-size: var(--ac-text-sm);\n  margin: calc(var(--ac-space-2)*-1) 0;\n  min-height: 1.25rem;\n  position: relative;\n}\n\n.separatorLine {\n  position: absolute;\n  inset: 50% 0 auto;\n  transform: translateY(-50%);\n}\n\n.separatorContent {\n  background-color: var(--ac-background);\n  color: var(--ac-muted-foreground);\n  padding: 0 var(--ac-space-2);\n  width: fit-content;\n  margin: 0 auto;\n  display: block;\n  position: relative;\n}\n\n.error {\n  color: var(--ac-destructive);\n  font-size: var(--ac-text-sm);\n}\n\n.errorList {\n  gap: var(--ac-space-1);\n  padding-left: var(--ac-space-4);\n  flex-direction: column;\n  margin: 0;\n  display: flex;\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/field.module.css","webpack://./src/components/ui/field.module.css"],"names":[],"mappings":"AAAA;ECCE,sBAAsB;EACtB,sBAAsB;EACtB,aAAa;AACf;;ADJmE;ECOjE,2BAA2B;EAC3B,gCAAgC;EAChC,gBAAgB;AAClB;;ADVsJ;ECapJ,8BAA8B;AAChC;;ADdmM;ECiBjM,4BAA4B;AAC9B;;ADlB4O;ECqB1O,gDAAgD;EAChD,sBAAsB;EACtB,WAAW;EACX,aAAa;AACf;;ADzBiV;EC4B/U,sBAAsB;AACxB;;AD7BqX;ECgCnX,sBAAsB;EACtB,WAAW;EACX,aAAa;AACf;;ADnC0a;ECsCxa,4BAA4B;AAC9B;;ADvCge;EC0C9d,sBAAsB;AACxB;;AD3CggB;EC8C9f,WAAW;AACb;;AD/CuhB;ECkDrhB,mBAAmB;EACnB,mBAAmB;AACrB;;ADpDykB;ECuDvkB,UAAU;AACZ;;ADxD2nB;EC2DznB,sBAAsB;AACxB;;AD5D6pB;EC+D3pB,WAAW;AACb;;ADhEsrB;EAAyB;ICoE3sB,mBAAmB;IACnB,mBAAmB;EACrB;;EDtE+vB;ICyE7vB,WAAW;EACb;;ED1EwxB;IC6EtxB,UAAU;IACV,gBAAgB;EAClB;AACF;;ADhF61B;ECmF31B,sBAAsB;EACtB,UAAU;EACV,YAAY;AACd;;ADtFs5B;ECyFp5B,sBAAsB;EACtB,gBAAgB;EAChB,aAAa;AACf;;AD5Fy9B;EC+Fv9B,2BAA2B;EAC3B,eAAe;EACf,4BAA4B;EAC5B,yBAAyB;EACzB,iBAAiB;EACjB,kBAAkB;EAClB,gBAAgB;AAClB;;ADtGylC;ECyGvlC,WAAW;AACb;;AD1GsoC;EC6GpoC,kCAAkC;EAClC,kCAAkC;EAClC,0BAA0B;EAC1B,sBAAsB;EACtB,WAAW;AACb;;ADlHmyC;ECqHjyC,2BAA2B;EAC3B,mBAAmB;EACnB,sBAAsB;EACtB,kBAAkB;EAClB,gBAAgB;EAChB,gBAAgB;EAChB,aAAa;AACf;;AD5H66C;EC+H36C,4BAA4B;AAC9B;;ADhI69C;ECmI39C,iCAAiC;EACjC,gBAAgB;AAClB;;ADrI2hD;ECwIzhD,cAAc;EACd,0BAA0B;EAC1B,0BAA0B;AAC5B;;AD3I4mD;EAAqB;IC+I7nD,2BAA2B;EAC7B;AACF;;ADjJkrD;ECoJhrD,4BAA4B;EAC5B,oCAAoC;EACpC,mBAAmB;EACnB,kBAAkB;AACpB;;ADxJkyD;EC2JhyD,kBAAkB;EAClB,iBAAiB;EACjB,2BAA2B;AAC7B;;AD9J+2D;ECiK72D,sCAAsC;EACtC,iCAAiC;EACjC,4BAA4B;EAC5B,kBAAkB;EAClB,cAAc;EACd,cAAc;EACd,kBAAkB;AACpB;;ADxKoiE;EC2KliE,4BAA4B;EAC5B,4BAA4B;AAC9B;;AD7KmmE;ECgLjmE,sBAAsB;EACtB,+BAA+B;EAC/B,sBAAsB;EACtB,SAAS;EACT,aAAa;AACf","sourcesContent":[".fieldSet{display:flex;flex-direction:column;gap:var(--ac-space-6)}.legend{color:var(--ac-foreground);font-weight:600;margin-bottom:var(--ac-space-3)}.legendDefault{font-size:var(--ac-text-base)}.legendLabel{font-size:var(--ac-text-sm)}.group{display:flex;flex-direction:column;gap:calc(var(--ac-space-6) + var(--ac-space-1));width:100%}.group>.group{gap:var(--ac-space-4)}.field{display:flex;gap:var(--ac-space-3);width:100%}.field[data-invalid=true]{color:var(--ac-destructive)}.vertical{flex-direction:column}.vertical>*{width:100%}.horizontal{align-items:center;flex-direction:row}.horizontal>[data-slot=field-label]{flex:0 0 auto}.responsive{flex-direction:column}.responsive>*{width:100%}@media (min-width:768px){.responsive{align-items:center;flex-direction:row}.responsive>*{width:auto}.responsive>[data-slot=field-label]{flex:0 0 auto;min-width:10rem}}.content{flex:1 1 auto;flex-direction:column;min-width:0}.content,.label{display:flex;gap:var(--ac-space-2);line-height:1.4}.label{color:var(--ac-foreground);cursor:default;font-size:var(--ac-text-sm);font-weight:500;user-select:none;width:fit-content}.field[data-disabled=true] .label{opacity:.5}.label:has([data-slot=field]){border:1px solid var(--ac-border);border-radius:var(--ac-radius-md);flex-direction:column;padding:var(--ac-space-4);width:100%}.title{align-items:center;color:var(--ac-foreground);display:flex;font-weight:500;gap:var(--ac-space-2);line-height:1.4;width:fit-content}.description,.title{font-size:var(--ac-text-sm)}.description{color:var(--ac-muted-foreground);line-height:1.5}.description a{color:inherit;text-decoration:underline;text-underline-offset:4px}@media (hover:hover){.description a:hover{color:var(--ac-foreground)}}.separator{font-size:var(--ac-text-sm);margin:calc(var(--ac-space-2)*-1) 0;min-height:1.25rem;position:relative}.separatorLine{inset:50% 0 auto;position:absolute;transform:translateY(-50%)}.separatorContent{background-color:var(--ac-background);color:var(--ac-muted-foreground);display:block;margin:0 auto;padding:0 var(--ac-space-2);position:relative;width:fit-content}.error{color:var(--ac-destructive);font-size:var(--ac-text-sm)}.errorList{display:flex;flex-direction:column;gap:var(--ac-space-1);margin:0;padding-left:var(--ac-space-4)}",".fieldSet {\n  gap: var(--ac-space-6);\n  flex-direction: column;\n  display: flex;\n}\n\n.legend {\n  color: var(--ac-foreground);\n  margin-bottom: var(--ac-space-3);\n  font-weight: 600;\n}\n\n.legendDefault {\n  font-size: var(--ac-text-base);\n}\n\n.legendLabel {\n  font-size: var(--ac-text-sm);\n}\n\n.group {\n  gap: calc(var(--ac-space-6) + var(--ac-space-1));\n  flex-direction: column;\n  width: 100%;\n  display: flex;\n}\n\n.group > .group {\n  gap: var(--ac-space-4);\n}\n\n.field {\n  gap: var(--ac-space-3);\n  width: 100%;\n  display: flex;\n}\n\n.field[data-invalid=\"true\"] {\n  color: var(--ac-destructive);\n}\n\n.vertical {\n  flex-direction: column;\n}\n\n.vertical > * {\n  width: 100%;\n}\n\n.horizontal {\n  flex-direction: row;\n  align-items: center;\n}\n\n.horizontal > [data-slot=\"field-label\"] {\n  flex: none;\n}\n\n.responsive {\n  flex-direction: column;\n}\n\n.responsive > * {\n  width: 100%;\n}\n\n@media (width >= 768px) {\n  .responsive {\n    flex-direction: row;\n    align-items: center;\n  }\n\n  .responsive > * {\n    width: auto;\n  }\n\n  .responsive > [data-slot=\"field-label\"] {\n    flex: none;\n    min-width: 10rem;\n  }\n}\n\n.content {\n  flex-direction: column;\n  flex: auto;\n  min-width: 0;\n}\n\n.content, .label {\n  gap: var(--ac-space-2);\n  line-height: 1.4;\n  display: flex;\n}\n\n.label {\n  color: var(--ac-foreground);\n  cursor: default;\n  font-size: var(--ac-text-sm);\n  -webkit-user-select: none;\n  user-select: none;\n  width: fit-content;\n  font-weight: 500;\n}\n\n.field[data-disabled=\"true\"] .label {\n  opacity: .5;\n}\n\n.label:has([data-slot=\"field\"]) {\n  border: 1px solid var(--ac-border);\n  border-radius: var(--ac-radius-md);\n  padding: var(--ac-space-4);\n  flex-direction: column;\n  width: 100%;\n}\n\n.title {\n  color: var(--ac-foreground);\n  align-items: center;\n  gap: var(--ac-space-2);\n  width: fit-content;\n  font-weight: 500;\n  line-height: 1.4;\n  display: flex;\n}\n\n.description, .title {\n  font-size: var(--ac-text-sm);\n}\n\n.description {\n  color: var(--ac-muted-foreground);\n  line-height: 1.5;\n}\n\n.description a {\n  color: inherit;\n  text-underline-offset: 4px;\n  text-decoration: underline;\n}\n\n@media (hover: hover) {\n  .description a:hover {\n    color: var(--ac-foreground);\n  }\n}\n\n.separator {\n  font-size: var(--ac-text-sm);\n  margin: calc(var(--ac-space-2)*-1) 0;\n  min-height: 1.25rem;\n  position: relative;\n}\n\n.separatorLine {\n  position: absolute;\n  inset: 50% 0 auto;\n  transform: translateY(-50%);\n}\n\n.separatorContent {\n  background-color: var(--ac-background);\n  color: var(--ac-muted-foreground);\n  padding: 0 var(--ac-space-2);\n  width: fit-content;\n  margin: 0 auto;\n  display: block;\n  position: relative;\n}\n\n.error {\n  color: var(--ac-destructive);\n  font-size: var(--ac-text-sm);\n}\n\n.errorList {\n  gap: var(--ac-space-1);\n  padding-left: var(--ac-space-4);\n  flex-direction: column;\n  margin: 0;\n  display: flex;\n}\n"],"sourceRoot":""}

package/dist/components/ui/fireworks-background.js

@@ -1,8 +1,8 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
-import { forwardRef, useEffect, useImperativeHandle, useRef } from "react";
 import { cn } from "../../lib/utilities.js";
 import fireworks_background_module from "./fireworks-background.module.js";
+import * as __rspack_external_react from "react";
 const rand = (min, max)=>Math.random() * (max - min) + min;
 const randInt = (min, max)=>Math.floor(Math.random() * (max - min) + min);
 const randColor = ()=>`hsl(${randInt(0, 360)}, 100%, 50%)`;
@@ -118,7 +118,7 @@ const getColor = (color)=>{
     if ("string" == typeof color) return color;
     return randColor();
 };
-const FireworksBackground = /*#__PURE__*/ forwardRef(({ className, canvasProps, population = 1, color, fireworkSpeed = {
+const FireworksBackground = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, canvasProps, population = 1, color, fireworkSpeed = {
     min: 4,
     max: 8
 }, fireworkSize = {
@@ -131,10 +131,10 @@ const FireworksBackground = /*#__PURE__*/ forwardRef(({ className, canvasProps,
     min: 1,
     max: 5
 }, ...props }, ref)=>{
-    const canvasRef = useRef(null);
-    const containerRef = useRef(null);
-    useImperativeHandle(ref, ()=>containerRef.current, []);
-    useEffect(()=>{
+    const canvasRef = __rspack_external_react.useRef(null);
+    const containerRef = __rspack_external_react.useRef(null);
+    __rspack_external_react.useImperativeHandle(ref, ()=>containerRef.current, []);
+    __rspack_external_react.useEffect(()=>{
         const canvas = canvasRef.current;
         const container = containerRef.current;
         if (!canvas || !container) return;

package/dist/components/ui/fireworks-background.js.map

@@ -1 +1 @@
-{"version":3,"file":"components/ui/fireworks-background.js","sources":["../../../src/components/ui/fireworks-background.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\nimport styles from \"./fireworks-background.module.css\";\r\n\r\nconst rand = (min: number, max: number): number => Math.random() * (max - min) + min;\r\nconst randInt = (min: number, max: number): number => Math.floor(Math.random() * (max - min) + min);\r\nconst randColor = (): string => `hsl(${randInt(0, 360)}, 100%, 50%)`;\r\n\r\ninterface ParticleType {\r\n  x: number;\r\n  y: number;\r\n  color: string;\r\n  speed: number;\r\n  direction: number;\r\n  vx: number;\r\n  vy: number;\r\n  gravity: number;\r\n  friction: number;\r\n  alpha: number;\r\n  decay: number;\r\n  size: number;\r\n  update: () => void;\r\n  draw: (ctx: CanvasRenderingContext2D) => void;\r\n  isAlive: () => boolean;\r\n}\r\n\r\nconst createParticle = (\r\n  x: number,\r\n  y: number,\r\n  color: string,\r\n  speed: number,\r\n  direction: number,\r\n  gravity: number,\r\n  friction: number,\r\n  size: number,\r\n): ParticleType => {\r\n  const vx = Math.cos(direction) * speed;\r\n  const vy = Math.sin(direction) * speed;\r\n  const alpha = 1;\r\n  const decay = rand(0.005, 0.02);\r\n\r\n  return {\r\n    x,\r\n    y,\r\n    color,\r\n    speed,\r\n    direction,\r\n    vx,\r\n    vy,\r\n    gravity,\r\n    friction,\r\n    alpha,\r\n    decay,\r\n    size,\r\n    update() {\r\n      this.vx *= this.friction;\r\n      this.vy *= this.friction;\r\n      this.vy += this.gravity;\r\n      this.x += this.vx;\r\n      this.y += this.vy;\r\n      this.alpha -= this.decay;\r\n    },\r\n    draw(ctx: CanvasRenderingContext2D) {\r\n      ctx.save();\r\n      ctx.globalAlpha = this.alpha;\r\n      ctx.beginPath();\r\n      ctx.arc(this.x, this.y, this.size, 0, Math.PI * 2);\r\n      ctx.fillStyle = this.color;\r\n      ctx.fill();\r\n      ctx.restore();\r\n    },\r\n    isAlive() {\r\n      return this.alpha > 0;\r\n    },\r\n  };\r\n};\r\n\r\ninterface FireworkType {\r\n  x: number;\r\n  y: number;\r\n  targetY: number;\r\n  color: string;\r\n  speed: number;\r\n  size: number;\r\n  angle: number;\r\n  vx: number;\r\n  vy: number;\r\n  trail: Array<{x: number; y: number}>;\r\n  trailLength: number;\r\n  exploded: boolean;\r\n  update: () => boolean;\r\n  explode: () => void;\r\n  draw: (ctx: CanvasRenderingContext2D) => void;\r\n}\r\n\r\nconst createFirework = (\r\n  x: number,\r\n  y: number,\r\n  targetY: number,\r\n  color: string,\r\n  speed: number,\r\n  size: number,\r\n  particleSpeed: {min: number; max: number} | number,\r\n  particleSize: {min: number; max: number} | number,\r\n  onExplode: (particles: ReadonlyArray<ParticleType>) => void,\r\n): FireworkType => {\r\n  const angle = -Math.PI / 2 + rand(-0.3, 0.3);\r\n  const vx = Math.cos(angle) * speed;\r\n  const vy = Math.sin(angle) * speed;\r\n  const trail: Array<{x: number; y: number}> = [];\r\n  const trailLength = randInt(10, 25);\r\n\r\n  return {\r\n    x,\r\n    y,\r\n    targetY,\r\n    color,\r\n    speed,\r\n    size,\r\n    angle,\r\n    vx,\r\n    vy,\r\n    trail,\r\n    trailLength,\r\n    exploded: false,\r\n    update() {\r\n      this.trail.push({x: this.x, y: this.y});\r\n      if (this.trail.length > this.trailLength) {\r\n        this.trail.shift();\r\n      }\r\n      this.x += this.vx;\r\n      this.y += this.vy;\r\n      this.vy += 0.02;\r\n      if (this.vy >= 0 || this.y <= this.targetY) {\r\n        this.explode();\r\n        return false;\r\n      }\r\n      return true;\r\n    },\r\n    explode() {\r\n      const numberOfParticles = randInt(50, 150);\r\n      const particles: Array<ParticleType> = [];\r\n      for (let index = 0; index < numberOfParticles; index += 1) {\r\n        const particleAngle = rand(0, Math.PI * 2);\r\n        const localParticleSpeed = getValueByRange(particleSpeed);\r\n        const localParticleSize = getValueByRange(particleSize);\r\n        particles.push(createParticle(this.x, this.y, this.color, localParticleSpeed, particleAngle, 0.05, 0.98, localParticleSize));\r\n      }\r\n      onExplode(particles);\r\n    },\r\n    draw(ctx: CanvasRenderingContext2D) {\r\n      ctx.save();\r\n      ctx.beginPath();\r\n      if (this.trail.length > 1) {\r\n        ctx.moveTo(this.trail[0]!.x, this.trail[0]!.y);\r\n        for (const point of this.trail) {\r\n          ctx.lineTo(point.x, point.y);\r\n        }\r\n      } else {\r\n        ctx.moveTo(this.x, this.y);\r\n        ctx.lineTo(this.x, this.y);\r\n      }\r\n      ctx.strokeStyle = this.color;\r\n      ctx.lineWidth = this.size;\r\n      ctx.lineCap = \"round\";\r\n      ctx.stroke();\r\n      ctx.restore();\r\n    },\r\n  };\r\n};\r\n\r\nconst getValueByRange = (range: {min: number; max: number} | number): number => {\r\n  if (typeof range === \"number\") {\r\n    return range;\r\n  }\r\n\r\n  return rand(range.min, range.max);\r\n};\r\n\r\nconst getColor = (color: string | ReadonlyArray<string> | undefined): string => {\r\n  if (Array.isArray(color)) {\r\n    return color[randInt(0, color.length)] ?? randColor();\r\n  }\r\n\r\n  if (typeof color === \"string\") {\r\n    return color;\r\n  }\r\n\r\n  return randColor();\r\n};\r\n\r\n/** Props accepted by {@link FireworksBackground}. */\r\nexport interface FireworksBackgroundProps extends Omit<React.HTMLAttributes<HTMLDivElement>, \"color\"> {\r\n  /** HTML attributes forwarded to the internal `<canvas>` element. @default undefined */\r\n  canvasProps?: React.HTMLAttributes<HTMLCanvasElement>;\r\n  /** Relative launch frequency multiplier for automatic fireworks. @default 1 */\r\n  population?: number;\r\n  /** Fixed color or palette used for generated fireworks and particles. @default undefined */\r\n  color?: string | ReadonlyArray<string>;\r\n  /** Launch velocity or range used for ascending fireworks. @default {min: 4, max: 8} */\r\n  fireworkSpeed?: {min: number; max: number} | number;\r\n  /** Stroke width or range used for the ascending firework trail. @default {min: 2, max: 5} */\r\n  fireworkSize?: {min: number; max: number} | number;\r\n  /** Velocity or range used for explosion particles. @default {min: 2, max: 7} */\r\n  particleSpeed?: {min: number; max: number} | number;\r\n  /** Size or range used for explosion particles. @default {min: 1, max: 5} */\r\n  particleSize?: {min: number; max: number} | number;\r\n}\r\n\r\n/**\r\n * Renders an auto-launching fireworks display inside a clickable background canvas.\r\n *\r\n * @remarks\r\n * - Animated component using the `motion` library\r\n * - Renders a `<div>` element containing a `<canvas>`\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n * - Client-side only (`\"use client\"` directive)\r\n *\r\n * @example\r\n * ```tsx\r\n * <FireworksBackground population={2} />\r\n * ```\r\n *\r\n * @see {@link FireworksBackgroundProps} for available props\r\n */\r\nconst FireworksBackground = React.forwardRef<HTMLDivElement, FireworksBackgroundProps>(\r\n  (\r\n    {\r\n      className,\r\n      canvasProps,\r\n      population = 1,\r\n      color,\r\n      fireworkSpeed = {min: 4, max: 8},\r\n      fireworkSize = {min: 2, max: 5},\r\n      particleSpeed = {min: 2, max: 7},\r\n      particleSize = {min: 1, max: 5},\r\n      ...props\r\n    },\r\n    ref,\r\n  ) => {\r\n    const canvasRef = React.useRef<HTMLCanvasElement>(null);\r\n    const containerRef = React.useRef<HTMLDivElement>(null);\r\n\r\n    React.useImperativeHandle(ref, () => containerRef.current!, []);\r\n\r\n    React.useEffect(() => {\r\n      const canvas = canvasRef.current;\r\n      const container = containerRef.current;\r\n      if (!canvas || !container) {\r\n        return;\r\n      }\r\n\r\n      const context = canvas.getContext(\"2d\");\r\n      if (!context) {\r\n        return;\r\n      }\r\n\r\n      let maxX = globalThis.window.innerWidth;\r\n      let ratio = container.offsetHeight / Math.max(container.offsetWidth, 1);\r\n      let maxY = maxX * ratio;\r\n      let launchTimeoutId = 0;\r\n      canvas.width = maxX;\r\n      canvas.height = maxY;\r\n\r\n      const setCanvasSize = (): void => {\r\n        maxX = globalThis.window.innerWidth;\r\n        ratio = container.offsetHeight / Math.max(container.offsetWidth, 1);\r\n        maxY = maxX * ratio;\r\n        canvas.width = maxX;\r\n        canvas.height = maxY;\r\n      };\r\n\r\n      globalThis.window.addEventListener(\"resize\", setCanvasSize);\r\n\r\n      const explosions: Array<ParticleType> = [];\r\n      const fireworks: Array<FireworkType> = [];\r\n\r\n      const handleExplosion = (particles: ReadonlyArray<ParticleType>): void => {\r\n        explosions.push(...particles);\r\n      };\r\n\r\n      const launchFirework = (): void => {\r\n        const x = rand(maxX * 0.1, maxX * 0.9);\r\n        const y = maxY;\r\n        const targetY = rand(maxY * 0.1, maxY * 0.4);\r\n        const fireworkColor = getColor(color);\r\n        const speed = getValueByRange(fireworkSpeed);\r\n        const size = getValueByRange(fireworkSize);\r\n        fireworks.push(createFirework(x, y, targetY, fireworkColor, speed, size, particleSpeed, particleSize, handleExplosion));\r\n        const timeout = rand(300, 800) / population;\r\n        launchTimeoutId = globalThis.window.setTimeout(launchFirework, timeout);\r\n      };\r\n\r\n      launchFirework();\r\n\r\n      let animationFrameId = 0;\r\n      const animate = (): void => {\r\n        context.clearRect(0, 0, maxX, maxY);\r\n\r\n        for (let index = fireworks.length - 1; index >= 0; index -= 1) {\r\n          const firework = fireworks[index]!;\r\n          if (firework.update()) {\r\n            firework.draw(context);\r\n          } else {\r\n            fireworks.splice(index, 1);\r\n          }\r\n        }\r\n\r\n        for (let index = explosions.length - 1; index >= 0; index -= 1) {\r\n          const particle = explosions[index]!;\r\n          particle.update();\r\n          if (particle.isAlive()) {\r\n            particle.draw(context);\r\n          } else {\r\n            explosions.splice(index, 1);\r\n          }\r\n        }\r\n\r\n        animationFrameId = globalThis.requestAnimationFrame(animate);\r\n      };\r\n\r\n      animate();\r\n\r\n      const handleClick = (event: MouseEvent): void => {\r\n        const fireworkColor = getColor(color);\r\n        const speed = getValueByRange(fireworkSpeed);\r\n        const size = getValueByRange(fireworkSize);\r\n        fireworks.push(\r\n          createFirework(event.clientX, maxY, event.clientY, fireworkColor, speed, size, particleSpeed, particleSize, handleExplosion),\r\n        );\r\n      };\r\n\r\n      container.addEventListener(\"click\", handleClick);\r\n\r\n      return () => {\r\n        globalThis.window.removeEventListener(\"resize\", setCanvasSize);\r\n        container.removeEventListener(\"click\", handleClick);\r\n        globalThis.window.clearTimeout(launchTimeoutId);\r\n        globalThis.cancelAnimationFrame(animationFrameId);\r\n      };\r\n    }, [color, fireworkSize, fireworkSpeed, particleSize, particleSpeed, population]);\r\n\r\n    return (\r\n      <div\r\n        ref={containerRef}\r\n        className={cn(styles.root, className)}\r\n        {...props}>\r\n        <canvas\r\n          {...canvasProps}\r\n          ref={canvasRef}\r\n          className={cn(styles.canvas, canvasProps?.className)}\r\n        />\r\n      </div>\r\n    );\r\n  },\r\n);\r\n\r\nFireworksBackground.displayName = \"FireworksBackground\";\r\n\r\nexport {FireworksBackground};\r\n"],"names":["rand","min","max","Math","randInt","randColor","createParticle","x","y","color","speed","direction","gravity","friction","size","vx","vy","alpha","decay","ctx","createFirework","targetY","particleSpeed","particleSize","onExplode","angle","trail","trailLength","numberOfParticles","particles","index","particleAngle","localParticleSpeed","getValueByRange","localParticleSize","point","range","getColor","Array","FireworksBackground","React","className","canvasProps","population","fireworkSpeed","fireworkSize","props","ref","canvasRef","containerRef","canvas","container","context","maxX","globalThis","ratio","maxY","launchTimeoutId","setCanvasSize","explosions","fireworks","handleExplosion","launchFirework","fireworkColor","timeout","animationFrameId","animate","firework","particle","handleClick","event","cn","styles"],"mappings":"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"}
+{"version":3,"file":"components/ui/fireworks-background.js","sources":["../../../src/components/ui/fireworks-background.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\nimport styles from \"./fireworks-background.module.css\";\r\n\r\nconst rand = (min: number, max: number): number => Math.random() * (max - min) + min;\r\nconst randInt = (min: number, max: number): number => Math.floor(Math.random() * (max - min) + min);\r\nconst randColor = (): string => `hsl(${randInt(0, 360)}, 100%, 50%)`;\r\n\r\ninterface ParticleType {\r\n  x: number;\r\n  y: number;\r\n  color: string;\r\n  speed: number;\r\n  direction: number;\r\n  vx: number;\r\n  vy: number;\r\n  gravity: number;\r\n  friction: number;\r\n  alpha: number;\r\n  decay: number;\r\n  size: number;\r\n  update: () => void;\r\n  draw: (ctx: CanvasRenderingContext2D) => void;\r\n  isAlive: () => boolean;\r\n}\r\n\r\nconst createParticle = (\r\n  x: number,\r\n  y: number,\r\n  color: string,\r\n  speed: number,\r\n  direction: number,\r\n  gravity: number,\r\n  friction: number,\r\n  size: number,\r\n): ParticleType => {\r\n  const vx = Math.cos(direction) * speed;\r\n  const vy = Math.sin(direction) * speed;\r\n  const alpha = 1;\r\n  const decay = rand(0.005, 0.02);\r\n\r\n  return {\r\n    x,\r\n    y,\r\n    color,\r\n    speed,\r\n    direction,\r\n    vx,\r\n    vy,\r\n    gravity,\r\n    friction,\r\n    alpha,\r\n    decay,\r\n    size,\r\n    update() {\r\n      this.vx *= this.friction;\r\n      this.vy *= this.friction;\r\n      this.vy += this.gravity;\r\n      this.x += this.vx;\r\n      this.y += this.vy;\r\n      this.alpha -= this.decay;\r\n    },\r\n    draw(ctx: CanvasRenderingContext2D) {\r\n      ctx.save();\r\n      ctx.globalAlpha = this.alpha;\r\n      ctx.beginPath();\r\n      ctx.arc(this.x, this.y, this.size, 0, Math.PI * 2);\r\n      ctx.fillStyle = this.color;\r\n      ctx.fill();\r\n      ctx.restore();\r\n    },\r\n    isAlive() {\r\n      return this.alpha > 0;\r\n    },\r\n  };\r\n};\r\n\r\ninterface FireworkType {\r\n  x: number;\r\n  y: number;\r\n  targetY: number;\r\n  color: string;\r\n  speed: number;\r\n  size: number;\r\n  angle: number;\r\n  vx: number;\r\n  vy: number;\r\n  trail: Array<{x: number; y: number}>;\r\n  trailLength: number;\r\n  exploded: boolean;\r\n  update: () => boolean;\r\n  explode: () => void;\r\n  draw: (ctx: CanvasRenderingContext2D) => void;\r\n}\r\n\r\nconst createFirework = (\r\n  x: number,\r\n  y: number,\r\n  targetY: number,\r\n  color: string,\r\n  speed: number,\r\n  size: number,\r\n  particleSpeed: {min: number; max: number} | number,\r\n  particleSize: {min: number; max: number} | number,\r\n  onExplode: (particles: ReadonlyArray<ParticleType>) => void,\r\n): FireworkType => {\r\n  const angle = -Math.PI / 2 + rand(-0.3, 0.3);\r\n  const vx = Math.cos(angle) * speed;\r\n  const vy = Math.sin(angle) * speed;\r\n  const trail: Array<{x: number; y: number}> = [];\r\n  const trailLength = randInt(10, 25);\r\n\r\n  return {\r\n    x,\r\n    y,\r\n    targetY,\r\n    color,\r\n    speed,\r\n    size,\r\n    angle,\r\n    vx,\r\n    vy,\r\n    trail,\r\n    trailLength,\r\n    exploded: false,\r\n    update() {\r\n      this.trail.push({x: this.x, y: this.y});\r\n      if (this.trail.length > this.trailLength) {\r\n        this.trail.shift();\r\n      }\r\n      this.x += this.vx;\r\n      this.y += this.vy;\r\n      this.vy += 0.02;\r\n      if (this.vy >= 0 || this.y <= this.targetY) {\r\n        this.explode();\r\n        return false;\r\n      }\r\n      return true;\r\n    },\r\n    explode() {\r\n      const numberOfParticles = randInt(50, 150);\r\n      const particles: Array<ParticleType> = [];\r\n      for (let index = 0; index < numberOfParticles; index += 1) {\r\n        const particleAngle = rand(0, Math.PI * 2);\r\n        const localParticleSpeed = getValueByRange(particleSpeed);\r\n        const localParticleSize = getValueByRange(particleSize);\r\n        particles.push(createParticle(this.x, this.y, this.color, localParticleSpeed, particleAngle, 0.05, 0.98, localParticleSize));\r\n      }\r\n      onExplode(particles);\r\n    },\r\n    draw(ctx: CanvasRenderingContext2D) {\r\n      ctx.save();\r\n      ctx.beginPath();\r\n      if (this.trail.length > 1) {\r\n        ctx.moveTo(this.trail[0]!.x, this.trail[0]!.y);\r\n        for (const point of this.trail) {\r\n          ctx.lineTo(point.x, point.y);\r\n        }\r\n      } else {\r\n        ctx.moveTo(this.x, this.y);\r\n        ctx.lineTo(this.x, this.y);\r\n      }\r\n      ctx.strokeStyle = this.color;\r\n      ctx.lineWidth = this.size;\r\n      ctx.lineCap = \"round\";\r\n      ctx.stroke();\r\n      ctx.restore();\r\n    },\r\n  };\r\n};\r\n\r\nconst getValueByRange = (range: {min: number; max: number} | number): number => {\r\n  if (typeof range === \"number\") {\r\n    return range;\r\n  }\r\n\r\n  return rand(range.min, range.max);\r\n};\r\n\r\nconst getColor = (color: string | ReadonlyArray<string> | undefined): string => {\r\n  if (Array.isArray(color)) {\r\n    return color[randInt(0, color.length)] ?? randColor();\r\n  }\r\n\r\n  if (typeof color === \"string\") {\r\n    return color;\r\n  }\r\n\r\n  return randColor();\r\n};\r\n\r\n/** Props accepted by {@link FireworksBackground}. */\r\nexport interface FireworksBackgroundProps extends Omit<React.HTMLAttributes<HTMLDivElement>, \"color\"> {\r\n  /** HTML attributes forwarded to the internal `<canvas>` element. @default undefined */\r\n  canvasProps?: React.HTMLAttributes<HTMLCanvasElement>;\r\n  /** Relative launch frequency multiplier for automatic fireworks. @default 1 */\r\n  population?: number;\r\n  /** Fixed color or palette used for generated fireworks and particles. @default undefined */\r\n  color?: string | ReadonlyArray<string>;\r\n  /** Launch velocity or range used for ascending fireworks. @default {min: 4, max: 8} */\r\n  fireworkSpeed?: {min: number; max: number} | number;\r\n  /** Stroke width or range used for the ascending firework trail. @default {min: 2, max: 5} */\r\n  fireworkSize?: {min: number; max: number} | number;\r\n  /** Velocity or range used for explosion particles. @default {min: 2, max: 7} */\r\n  particleSpeed?: {min: number; max: number} | number;\r\n  /** Size or range used for explosion particles. @default {min: 1, max: 5} */\r\n  particleSize?: {min: number; max: number} | number;\r\n}\r\n\r\n/**\r\n * Renders an auto-launching fireworks display inside a clickable background canvas.\r\n *\r\n * @remarks\r\n * - Animated component using the `motion` library\r\n * - Renders a `<div>` element containing a `<canvas>`\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n * - Client-side only (`\"use client\"` directive)\r\n *\r\n * @example\r\n * ```tsx\r\n * <FireworksBackground population={2} />\r\n * ```\r\n *\r\n * @see {@link FireworksBackgroundProps} for available props\r\n */\r\nconst FireworksBackground = React.forwardRef<HTMLDivElement, FireworksBackgroundProps>(\r\n  (\r\n    {\r\n      className,\r\n      canvasProps,\r\n      population = 1,\r\n      color,\r\n      fireworkSpeed = {min: 4, max: 8},\r\n      fireworkSize = {min: 2, max: 5},\r\n      particleSpeed = {min: 2, max: 7},\r\n      particleSize = {min: 1, max: 5},\r\n      ...props\r\n    },\r\n    ref,\r\n  ) => {\r\n    const canvasRef = React.useRef<HTMLCanvasElement>(null);\r\n    const containerRef = React.useRef<HTMLDivElement>(null);\r\n\r\n    React.useImperativeHandle(ref, () => containerRef.current!, []);\r\n\r\n    React.useEffect(() => {\r\n      const canvas = canvasRef.current;\r\n      const container = containerRef.current;\r\n      if (!canvas || !container) {\r\n        return;\r\n      }\r\n\r\n      const context = canvas.getContext(\"2d\");\r\n      if (!context) {\r\n        return;\r\n      }\r\n\r\n      let maxX = globalThis.window.innerWidth;\r\n      let ratio = container.offsetHeight / Math.max(container.offsetWidth, 1);\r\n      let maxY = maxX * ratio;\r\n      let launchTimeoutId = 0;\r\n      canvas.width = maxX;\r\n      canvas.height = maxY;\r\n\r\n      const setCanvasSize = (): void => {\r\n        maxX = globalThis.window.innerWidth;\r\n        ratio = container.offsetHeight / Math.max(container.offsetWidth, 1);\r\n        maxY = maxX * ratio;\r\n        canvas.width = maxX;\r\n        canvas.height = maxY;\r\n      };\r\n\r\n      globalThis.window.addEventListener(\"resize\", setCanvasSize);\r\n\r\n      const explosions: Array<ParticleType> = [];\r\n      const fireworks: Array<FireworkType> = [];\r\n\r\n      const handleExplosion = (particles: ReadonlyArray<ParticleType>): void => {\r\n        explosions.push(...particles);\r\n      };\r\n\r\n      const launchFirework = (): void => {\r\n        const x = rand(maxX * 0.1, maxX * 0.9);\r\n        const y = maxY;\r\n        const targetY = rand(maxY * 0.1, maxY * 0.4);\r\n        const fireworkColor = getColor(color);\r\n        const speed = getValueByRange(fireworkSpeed);\r\n        const size = getValueByRange(fireworkSize);\r\n        fireworks.push(createFirework(x, y, targetY, fireworkColor, speed, size, particleSpeed, particleSize, handleExplosion));\r\n        const timeout = rand(300, 800) / population;\r\n        launchTimeoutId = globalThis.window.setTimeout(launchFirework, timeout);\r\n      };\r\n\r\n      launchFirework();\r\n\r\n      let animationFrameId = 0;\r\n      const animate = (): void => {\r\n        context.clearRect(0, 0, maxX, maxY);\r\n\r\n        for (let index = fireworks.length - 1; index >= 0; index -= 1) {\r\n          const firework = fireworks[index]!;\r\n          if (firework.update()) {\r\n            firework.draw(context);\r\n          } else {\r\n            fireworks.splice(index, 1);\r\n          }\r\n        }\r\n\r\n        for (let index = explosions.length - 1; index >= 0; index -= 1) {\r\n          const particle = explosions[index]!;\r\n          particle.update();\r\n          if (particle.isAlive()) {\r\n            particle.draw(context);\r\n          } else {\r\n            explosions.splice(index, 1);\r\n          }\r\n        }\r\n\r\n        animationFrameId = globalThis.requestAnimationFrame(animate);\r\n      };\r\n\r\n      animate();\r\n\r\n      const handleClick = (event: MouseEvent): void => {\r\n        const fireworkColor = getColor(color);\r\n        const speed = getValueByRange(fireworkSpeed);\r\n        const size = getValueByRange(fireworkSize);\r\n        fireworks.push(\r\n          createFirework(event.clientX, maxY, event.clientY, fireworkColor, speed, size, particleSpeed, particleSize, handleExplosion),\r\n        );\r\n      };\r\n\r\n      container.addEventListener(\"click\", handleClick);\r\n\r\n      return () => {\r\n        globalThis.window.removeEventListener(\"resize\", setCanvasSize);\r\n        container.removeEventListener(\"click\", handleClick);\r\n        globalThis.window.clearTimeout(launchTimeoutId);\r\n        globalThis.cancelAnimationFrame(animationFrameId);\r\n      };\r\n    }, [color, fireworkSize, fireworkSpeed, particleSize, particleSpeed, population]);\r\n\r\n    return (\r\n      <div\r\n        ref={containerRef}\r\n        className={cn(styles.root, className)}\r\n        {...props}>\r\n        <canvas\r\n          {...canvasProps}\r\n          ref={canvasRef}\r\n          className={cn(styles.canvas, canvasProps?.className)}\r\n        />\r\n      </div>\r\n    );\r\n  },\r\n);\r\n\r\nFireworksBackground.displayName = \"FireworksBackground\";\r\n\r\nexport {FireworksBackground};\r\n"],"names":["rand","min","max","Math","randInt","randColor","createParticle","x","y","color","speed","direction","gravity","friction","size","vx","vy","alpha","decay","ctx","createFirework","targetY","particleSpeed","particleSize","onExplode","angle","trail","trailLength","numberOfParticles","particles","index","particleAngle","localParticleSpeed","getValueByRange","localParticleSize","point","range","getColor","Array","FireworksBackground","React","className","canvasProps","population","fireworkSpeed","fireworkSize","props","ref","canvasRef","containerRef","canvas","container","context","maxX","globalThis","ratio","maxY","launchTimeoutId","setCanvasSize","explosions","fireworks","handleExplosion","launchFirework","fireworkColor","timeout","animationFrameId","animate","firework","particle","handleClick","event","cn","styles"],"mappings":"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"}

package/dist/components/ui/fireworks-background_module.css.map

@@ -1 +1 @@
-{"version":3,"sources":["webpack://./home/runner/work/arolariu.ro/arolariu.ro/packages/components/src/components/ui/fireworks-background.module.css","webpack://./src/components/ui/fireworks-background.module.css"],"names":[],"mappings":"AADA;ECEE,kBAAkB;EAClB,gBAAgB;AAClB;;AAEA;EACE,WAAW;EACX,YAAY;AACd;;AAEA;EACE,kBAAkB;EAClB,QAAQ;AACV","sourcesContent":[".root{overflow:hidden;position:relative}.canvas,.root{height:100%;width:100%}.canvas{inset:0;position:absolute}",".root {\n  position: relative;\n  overflow: hidden;\n}\n\n.canvas, .root {\n  width: 100%;\n  height: 100%;\n}\n\n.canvas {\n  position: absolute;\n  inset: 0;\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/fireworks-background.module.css","webpack://./src/components/ui/fireworks-background.module.css"],"names":[],"mappings":"AAAA;ECCE,kBAAkB;EAClB,gBAAgB;AAClB;;ADHwC;ECMtC,WAAW;EACX,YAAY;AACd;;ADR6E;ECW3E,kBAAkB;EAClB,QAAQ;AACV","sourcesContent":[".root{overflow:hidden;position:relative}.canvas,.root{height:100%;width:100%}.canvas{inset:0;position:absolute}",".root {\n  position: relative;\n  overflow: hidden;\n}\n\n.canvas, .root {\n  width: 100%;\n  height: 100%;\n}\n\n.canvas {\n  position: absolute;\n  inset: 0;\n}\n"],"sourceRoot":""}