@arolariu/components 1.1.0 → 2.0.0

package/dist/components/ui/input-otp.js.map

@@ -1 +1 @@
-{"version":3,"file":"components/ui/input-otp.js","sources":["../../../src/components/ui/input-otp.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport {OTPInput, OTPInputContext} from \"input-otp\";\r\nimport {Minus} from \"lucide-react\";\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\n\r\nimport styles from \"./input-otp.module.css\";\r\n\r\nconst DEFAULT_SLOT_PLACEHOLDER_CHARACTER = \"·\";\r\n\r\nexport {REGEXP_ONLY_CHARS, REGEXP_ONLY_DIGITS, REGEXP_ONLY_DIGITS_AND_CHARS} from \"input-otp\";\r\nexport type {OTPInputProps, SlotProps} from \"input-otp\";\r\n\r\n/**\r\n * Props for the {@link InputOTP} component.\r\n */\r\nexport type InputOTPProps = React.ComponentPropsWithoutRef<typeof OTPInput>;\r\n\r\n/**\r\n * Props for the {@link InputOTPGroup} component.\r\n */\r\nexport type InputOTPGroupProps = React.ComponentPropsWithoutRef<\"div\">;\r\n\r\n/**\r\n * Props for the {@link InputOTPSlot} component.\r\n */\r\nexport interface InputOTPSlotProps extends React.ComponentPropsWithoutRef<\"div\"> {\r\n  /** Zero-based slot index resolved from the shared OTP input context. */\r\n  index: number;\r\n}\r\n\r\n/**\r\n * Props for the {@link InputOTPSeparator} component.\r\n */\r\nexport type InputOTPSeparatorProps = React.ComponentPropsWithoutRef<\"div\">;\r\n\r\n/**\r\n * Wraps the `input-otp` root component with shared library styling.\r\n *\r\n * @remarks\r\n * - Third-party wrapper component\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n * - Forwards all supported `input-otp` root props to the underlying primitive\r\n *\r\n * @example\r\n * ```tsx\r\n * <InputOTP maxLength={6} />\r\n * ```\r\n *\r\n * @param props.maxLength - Required OTP length used to generate the expected number of slots.\r\n * @param props.pattern - Optional validation pattern forwarded to the underlying input, often paired with\r\n * `REGEXP_ONLY_DIGITS`, `REGEXP_ONLY_CHARS`, or `REGEXP_ONLY_DIGITS_AND_CHARS`.\r\n * @param props.onComplete - Callback invoked after the user fills all slots with a complete value.\r\n * @param props.pushPasswordManagerStrategy - Controls how password manager UI is handled inside the input\r\n * container.\r\n * @param props.render - Custom render function for complete control over OTP input rendering. Receives\r\n * slot data array and allows fully custom layouts.\r\n * @param props.pasteTransformer - Transform pasted text before it is applied. Useful for stripping\r\n * spaces or dashes from pasted codes.\r\n * @example\r\n * ```tsx\r\n * <InputOTP pasteTransformer={(text) => text.replace(/\\D/g, \"\")} />\r\n * ```\r\n * @param props.value - Controlled OTP value. Use with `onChange` for controlled mode.\r\n * @param props.onChange - Callback fired when the OTP value changes in controlled mode.\r\n * @param props.containerClassName - Additional CSS class for the outer container element.\r\n * @param props.noScriptCSSFallback - CSS string to inject for no-JavaScript fallback styling.\r\n * @param props.textAlign - Sets how typed characters are aligned inside the hidden backing input.\r\n * @see {@link InputOTPProps} for available props\r\n * @see {@link https://github.com/guilhermerodz/input-otp | input-otp library docs}\r\n * @see {@link https://github.com/guilhermerodz/input-otp | input-otp API reference}\r\n */\r\nconst InputOTP = React.forwardRef<React.ComponentRef<typeof OTPInput>, InputOTPProps>(\r\n  ({className, containerClassName, ...props}: Readonly<InputOTPProps>, ref): React.JSX.Element => (\r\n    <OTPInput\r\n      ref={ref}\r\n      containerClassName={cn(styles.container, containerClassName)}\r\n      className={cn(styles.input, className)}\r\n      {...props}\r\n    />\r\n  ),\r\n);\r\n\r\n/**\r\n * Groups OTP slots into a shared layout row.\r\n *\r\n * @remarks\r\n * - Third-party wrapper component\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 * <InputOTPGroup>\r\n *   <InputOTPSlot index={0} />\r\n * </InputOTPGroup>\r\n * ```\r\n *\r\n * @see {@link InputOTPGroupProps} for available props\r\n * @see {@link https://github.com/guilhermerodz/input-otp | input-otp library docs}\r\n */\r\nconst InputOTPGroup = React.forwardRef<React.ComponentRef<\"div\">, InputOTPGroupProps>(\r\n  ({className, ...props}: Readonly<InputOTPGroupProps>, ref): React.JSX.Element => (\r\n    <div\r\n      ref={ref}\r\n      className={cn(styles.group, className)}\r\n      {...props}\r\n    />\r\n  ),\r\n);\r\n\r\n/**\r\n * Renders an individual OTP slot based on shared input context state.\r\n *\r\n * @remarks\r\n * - Third-party wrapper component\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 * <InputOTPSlot index={0} />\r\n * ```\r\n *\r\n * @see {@link InputOTPSlotProps} for available props\r\n * @see {@link https://github.com/guilhermerodz/input-otp | input-otp library docs}\r\n */\r\nconst InputOTPSlot = React.forwardRef<React.ComponentRef<\"div\">, InputOTPSlotProps>(\r\n  ({index, className, ...props}: Readonly<InputOTPSlotProps>, ref): React.JSX.Element => {\r\n    const inputOTPContext = React.useContext(OTPInputContext);\r\n    const slot = inputOTPContext.slots[index];\r\n\r\n    if (!slot) {\r\n      throw new Error(`InputOTPSlot could not find slot at index ${index}.`);\r\n    }\r\n\r\n    const {char, hasFakeCaret, isActive, placeholderChar} = slot;\r\n    const shouldRenderPlaceholderCharacter = char === null && hasFakeCaret === false;\r\n    const displayCharacter = shouldRenderPlaceholderCharacter ? (placeholderChar ?? DEFAULT_SLOT_PLACEHOLDER_CHARACTER) : char;\r\n\r\n    return (\r\n      <div\r\n        ref={ref}\r\n        className={cn(styles.slot, isActive && styles.slotActive, className)}\r\n        {...props}>\r\n        {displayCharacter}\r\n        {Boolean(hasFakeCaret) && (\r\n          <div className={styles.fakeCaretContainer}>\r\n            <div className={styles.fakeCaret} />\r\n          </div>\r\n        )}\r\n      </div>\r\n    );\r\n  },\r\n);\r\n\r\n/**\r\n * Displays a visual separator between OTP groups.\r\n *\r\n * @remarks\r\n * - Third-party wrapper component\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 * <InputOTPSeparator />\r\n * ```\r\n *\r\n * @see {@link InputOTPSeparatorProps} for available props\r\n * @see {@link https://github.com/guilhermerodz/input-otp | input-otp library docs}\r\n */\r\nconst InputOTPSeparator = React.forwardRef<React.ComponentRef<\"div\">, InputOTPSeparatorProps>(\r\n  ({className, ...props}: Readonly<InputOTPSeparatorProps>, ref): React.JSX.Element => (\r\n    <div\r\n      ref={ref}\r\n      role='separator'\r\n      className={cn(styles.separator, className)}\r\n      {...props}>\r\n      <Minus className={styles.separatorIcon} />\r\n    </div>\r\n  ),\r\n);\r\n\r\nInputOTP.displayName = \"InputOTP\";\r\nInputOTPGroup.displayName = \"InputOTPGroup\";\r\nInputOTPSlot.displayName = \"InputOTPSlot\";\r\nInputOTPSeparator.displayName = \"InputOTPSeparator\";\r\n\r\nexport {InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot};\r\n"],"names":["DEFAULT_SLOT_PLACEHOLDER_CHARACTER","InputOTP","React","className","containerClassName","props","ref","OTPInput","cn","styles","InputOTPGroup","InputOTPSlot","index","inputOTPContext","OTPInputContext","slot","Error","char","hasFakeCaret","isActive","placeholderChar","shouldRenderPlaceholderCharacter","displayCharacter","Boolean","InputOTPSeparator","Minus"],"mappings":";;;;;;;AAUA,MAAMA,qCAAqC;AAgE3C,MAAMC,WAAW,WAAHA,GAAGC,WACf,CAAC,EAACC,SAAS,EAAEC,kBAAkB,EAAE,GAAGC,OAA+B,EAAEC,MAAAA,WAAAA,GACnE,IAACC,UAAQA;QACP,KAAKD;QACL,oBAAoBE,GAAGC,iBAAAA,SAAgB,EAAEL;QACzC,WAAWI,GAAGC,iBAAAA,KAAY,EAAEN;QAC3B,GAAGE,KAAK;;AAuBf,MAAMK,gBAAgB,WAAHA,GAAGR,WACpB,CAAC,EAACC,SAAS,EAAE,GAAGE,OAAoC,EAAEC,MAAAA,WAAAA,GACpD,IAAC;QACC,KAAKA;QACL,WAAWE,GAAGC,iBAAAA,KAAY,EAAEN;QAC3B,GAAGE,KAAK;;AAqBf,MAAMM,eAAe,WAAHA,GAAGT,WACnB,CAAC,EAACU,KAAK,EAAET,SAAS,EAAE,GAAGE,OAAmC,EAAEC;IAC1D,MAAMO,kBAAkBX,WAAiBY;IACzC,MAAMC,OAAOF,gBAAgB,KAAK,CAACD,MAAM;IAEzC,IAAI,CAACG,MACH,MAAM,IAAIC,MAAM,CAAC,0CAA0C,EAAEJ,MAAM,CAAC,CAAC;IAGvE,MAAM,EAACK,IAAI,EAAEC,YAAY,EAAEC,QAAQ,EAAEC,eAAe,EAAC,GAAGL;IACxD,MAAMM,mCAAmCJ,AAAS,SAATA,QAAiBC,AAAiB,UAAjBA;IAC1D,MAAMI,mBAAmBD,mCAAoCD,mBAAmBpB,qCAAsCiB;IAEtH,OAAO,WAAP,GACE,KAAC;QACC,KAAKX;QACL,WAAWE,GAAGC,iBAAAA,IAAW,EAAEU,YAAYV,iBAAAA,UAAiB,EAAEN;QACzD,GAAGE,KAAK;;YACRiB;YACAC,QAAQL,iBAAiB,WAAjBA,GACP,IAAC;gBAAI,WAAWT,iBAAAA,kBAAyB;0BACvC,kBAAC;oBAAI,WAAWA,iBAAAA,SAAgB;;;;;AAK1C;AAmBF,MAAMe,oBAAoB,WAAHA,GAAGtB,WACxB,CAAC,EAACC,SAAS,EAAE,GAAGE,OAAwC,EAAEC,MAAAA,WAAAA,GACxD,IAAC;QACC,KAAKA;QACL,MAAK;QACL,WAAWE,GAAGC,iBAAAA,SAAgB,EAAEN;QAC/B,GAAGE,KAAK;kBACT,kBAACoB,OAAKA;YAAC,WAAWhB,iBAAAA,aAAoB;;;AAK5CR,SAAS,WAAW,GAAG;AACvBS,cAAc,WAAW,GAAG;AAC5BC,aAAa,WAAW,GAAG;AAC3Ba,kBAAkB,WAAW,GAAG"}
+{"version":3,"file":"components/ui/input-otp.js","sources":["../../../src/components/ui/input-otp.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport {OTPInput, OTPInputContext, REGEXP_ONLY_CHARS, REGEXP_ONLY_DIGITS, REGEXP_ONLY_DIGITS_AND_CHARS, type OTPInputProps, type SlotProps} from \"input-otp\";\r\nimport {Minus} from \"lucide-react\";\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\n\r\nimport styles from \"./input-otp.module.css\";\r\n\r\nconst DEFAULT_SLOT_PLACEHOLDER_CHARACTER = \"·\";\r\n\r\nexport {REGEXP_ONLY_CHARS, REGEXP_ONLY_DIGITS, REGEXP_ONLY_DIGITS_AND_CHARS};\r\nexport type {OTPInputProps, SlotProps};\r\n\r\n/**\r\n * Props for the {@link InputOTP} component.\r\n */\r\nexport type InputOTPProps = React.ComponentPropsWithoutRef<typeof OTPInput>;\r\n\r\n/**\r\n * Props for the {@link InputOTPGroup} component.\r\n */\r\nexport type InputOTPGroupProps = React.ComponentPropsWithoutRef<\"div\">;\r\n\r\n/**\r\n * Props for the {@link InputOTPSlot} component.\r\n */\r\nexport interface InputOTPSlotProps extends React.ComponentPropsWithoutRef<\"div\"> {\r\n  /** Zero-based slot index resolved from the shared OTP input context. */\r\n  index: number;\r\n}\r\n\r\n/**\r\n * Props for the {@link InputOTPSeparator} component.\r\n */\r\nexport type InputOTPSeparatorProps = React.ComponentPropsWithoutRef<\"div\">;\r\n\r\n/**\r\n * Wraps the `input-otp` root component with shared library styling.\r\n *\r\n * @remarks\r\n * - Third-party wrapper component\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n * - Forwards all supported `input-otp` root props to the underlying primitive\r\n *\r\n * @example\r\n * ```tsx\r\n * <InputOTP maxLength={6} />\r\n * ```\r\n *\r\n * @param props.maxLength - Required OTP length used to generate the expected number of slots.\r\n * @param props.pattern - Optional validation pattern forwarded to the underlying input, often paired with\r\n * `REGEXP_ONLY_DIGITS`, `REGEXP_ONLY_CHARS`, or `REGEXP_ONLY_DIGITS_AND_CHARS`.\r\n * @param props.onComplete - Callback invoked after the user fills all slots with a complete value.\r\n * @param props.pushPasswordManagerStrategy - Controls how password manager UI is handled inside the input\r\n * container.\r\n * @param props.render - Custom render function for complete control over OTP input rendering. Receives\r\n * slot data array and allows fully custom layouts.\r\n * @param props.pasteTransformer - Transform pasted text before it is applied. Useful for stripping\r\n * spaces or dashes from pasted codes.\r\n * @example\r\n * ```tsx\r\n * <InputOTP pasteTransformer={(text) => text.replace(/\\D/g, \"\")} />\r\n * ```\r\n * @param props.value - Controlled OTP value. Use with `onChange` for controlled mode.\r\n * @param props.onChange - Callback fired when the OTP value changes in controlled mode.\r\n * @param props.containerClassName - Additional CSS class for the outer container element.\r\n * @param props.noScriptCSSFallback - CSS string to inject for no-JavaScript fallback styling.\r\n * @param props.textAlign - Sets how typed characters are aligned inside the hidden backing input.\r\n * @see {@link InputOTPProps} for available props\r\n * @see {@link https://github.com/guilhermerodz/input-otp | input-otp library docs}\r\n * @see {@link https://github.com/guilhermerodz/input-otp | input-otp API reference}\r\n */\r\nconst InputOTP = React.forwardRef<React.ComponentRef<typeof OTPInput>, InputOTPProps>(\r\n  ({className, containerClassName, ...props}: Readonly<InputOTPProps>, ref): React.JSX.Element => (\r\n    <OTPInput\r\n      ref={ref}\r\n      containerClassName={cn(styles.container, containerClassName)}\r\n      className={cn(styles.input, className)}\r\n      {...props}\r\n    />\r\n  ),\r\n);\r\n\r\n/**\r\n * Groups OTP slots into a shared layout row.\r\n *\r\n * @remarks\r\n * - Third-party wrapper component\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 * <InputOTPGroup>\r\n *   <InputOTPSlot index={0} />\r\n * </InputOTPGroup>\r\n * ```\r\n *\r\n * @see {@link InputOTPGroupProps} for available props\r\n * @see {@link https://github.com/guilhermerodz/input-otp | input-otp library docs}\r\n */\r\nconst InputOTPGroup = React.forwardRef<React.ComponentRef<\"div\">, InputOTPGroupProps>(\r\n  ({className, ...props}: Readonly<InputOTPGroupProps>, ref): React.JSX.Element => (\r\n    <div\r\n      ref={ref}\r\n      className={cn(styles.group, className)}\r\n      {...props}\r\n    />\r\n  ),\r\n);\r\n\r\n/**\r\n * Renders an individual OTP slot based on shared input context state.\r\n *\r\n * @remarks\r\n * - Third-party wrapper component\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 * <InputOTPSlot index={0} />\r\n * ```\r\n *\r\n * @see {@link InputOTPSlotProps} for available props\r\n * @see {@link https://github.com/guilhermerodz/input-otp | input-otp library docs}\r\n */\r\nconst InputOTPSlot = React.forwardRef<React.ComponentRef<\"div\">, InputOTPSlotProps>(\r\n  ({index, className, ...props}: Readonly<InputOTPSlotProps>, ref): React.JSX.Element => {\r\n    const inputOTPContext = React.useContext(OTPInputContext);\r\n    const slot = inputOTPContext.slots[index];\r\n\r\n    if (!slot) {\r\n      throw new Error(`InputOTPSlot could not find slot at index ${index}.`);\r\n    }\r\n\r\n    const {char, hasFakeCaret, isActive, placeholderChar} = slot;\r\n    const shouldRenderPlaceholderCharacter = char === null && hasFakeCaret === false;\r\n    const displayCharacter = shouldRenderPlaceholderCharacter ? (placeholderChar ?? DEFAULT_SLOT_PLACEHOLDER_CHARACTER) : char;\r\n\r\n    return (\r\n      <div\r\n        ref={ref}\r\n        className={cn(styles.slot, isActive && styles.slotActive, className)}\r\n        {...props}>\r\n        {displayCharacter}\r\n        {Boolean(hasFakeCaret) && (\r\n          <div className={styles.fakeCaretContainer}>\r\n            <div className={styles.fakeCaret} />\r\n          </div>\r\n        )}\r\n      </div>\r\n    );\r\n  },\r\n);\r\n\r\n/**\r\n * Displays a visual separator between OTP groups.\r\n *\r\n * @remarks\r\n * - Third-party wrapper component\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 * <InputOTPSeparator />\r\n * ```\r\n *\r\n * @see {@link InputOTPSeparatorProps} for available props\r\n * @see {@link https://github.com/guilhermerodz/input-otp | input-otp library docs}\r\n */\r\nconst InputOTPSeparator = React.forwardRef<React.ComponentRef<\"div\">, InputOTPSeparatorProps>(\r\n  ({className, ...props}: Readonly<InputOTPSeparatorProps>, ref): React.JSX.Element => (\r\n    <div\r\n      ref={ref}\r\n      role='separator'\r\n      className={cn(styles.separator, className)}\r\n      {...props}>\r\n      <Minus className={styles.separatorIcon} />\r\n    </div>\r\n  ),\r\n);\r\n\r\nInputOTP.displayName = \"InputOTP\";\r\nInputOTPGroup.displayName = \"InputOTPGroup\";\r\nInputOTPSlot.displayName = \"InputOTPSlot\";\r\nInputOTPSeparator.displayName = \"InputOTPSeparator\";\r\n\r\nexport {InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot};\r\n"],"names":["DEFAULT_SLOT_PLACEHOLDER_CHARACTER","InputOTP","React","className","containerClassName","props","ref","OTPInput","cn","styles","InputOTPGroup","InputOTPSlot","index","inputOTPContext","OTPInputContext","slot","Error","char","hasFakeCaret","isActive","placeholderChar","shouldRenderPlaceholderCharacter","displayCharacter","Boolean","InputOTPSeparator","Minus"],"mappings":";;;;;;;AAUA,MAAMA,qCAAqC;AAgE3C,MAAMC,WAAW,WAAHA,GAAGC,wBAAAA,UAAgB,CAC/B,CAAC,EAACC,SAAS,EAAEC,kBAAkB,EAAE,GAAGC,OAA+B,EAAEC,MAAAA,WAAAA,GACnE,IAACC,UAAQA;QACP,KAAKD;QACL,oBAAoBE,GAAGC,iBAAAA,SAAgB,EAAEL;QACzC,WAAWI,GAAGC,iBAAAA,KAAY,EAAEN;QAC3B,GAAGE,KAAK;;AAuBf,MAAMK,gBAAgB,WAAHA,GAAGR,wBAAAA,UAAgB,CACpC,CAAC,EAACC,SAAS,EAAE,GAAGE,OAAoC,EAAEC,MAAAA,WAAAA,GACpD,IAAC;QACC,KAAKA;QACL,WAAWE,GAAGC,iBAAAA,KAAY,EAAEN;QAC3B,GAAGE,KAAK;;AAqBf,MAAMM,eAAe,WAAHA,GAAGT,wBAAAA,UAAgB,CACnC,CAAC,EAACU,KAAK,EAAET,SAAS,EAAE,GAAGE,OAAmC,EAAEC;IAC1D,MAAMO,kBAAkBX,wBAAAA,UAAgB,CAACY;IACzC,MAAMC,OAAOF,gBAAgB,KAAK,CAACD,MAAM;IAEzC,IAAI,CAACG,MACH,MAAM,IAAIC,MAAM,CAAC,0CAA0C,EAAEJ,MAAM,CAAC,CAAC;IAGvE,MAAM,EAACK,IAAI,EAAEC,YAAY,EAAEC,QAAQ,EAAEC,eAAe,EAAC,GAAGL;IACxD,MAAMM,mCAAmCJ,AAAS,SAATA,QAAiBC,AAAiB,UAAjBA;IAC1D,MAAMI,mBAAmBD,mCAAoCD,mBAAmBpB,qCAAsCiB;IAEtH,OAAO,WAAP,GACE,KAAC;QACC,KAAKX;QACL,WAAWE,GAAGC,iBAAAA,IAAW,EAAEU,YAAYV,iBAAAA,UAAiB,EAAEN;QACzD,GAAGE,KAAK;;YACRiB;YACAC,QAAQL,iBAAiB,WAAjBA,GACP,IAAC;gBAAI,WAAWT,iBAAAA,kBAAyB;0BACvC,kBAAC;oBAAI,WAAWA,iBAAAA,SAAgB;;;;;AAK1C;AAmBF,MAAMe,oBAAoB,WAAHA,GAAGtB,wBAAAA,UAAgB,CACxC,CAAC,EAACC,SAAS,EAAE,GAAGE,OAAwC,EAAEC,MAAAA,WAAAA,GACxD,IAAC;QACC,KAAKA;QACL,MAAK;QACL,WAAWE,GAAGC,iBAAAA,SAAgB,EAAEN;QAC/B,GAAGE,KAAK;kBACT,kBAACoB,OAAKA;YAAC,WAAWhB,iBAAAA,aAAoB;;;AAK5CR,SAAS,WAAW,GAAG;AACvBS,cAAc,WAAW,GAAG;AAC5BC,aAAa,WAAW,GAAG;AAC3Ba,kBAAkB,WAAW,GAAG"}

package/dist/components/ui/input-otp_module.css.map

@@ -1 +1 @@
-{"version":3,"sources":["webpack://./home/runner/work/arolariu.ro/arolariu.ro/packages/components/src/components/ui/input-otp.module.css","webpack://./src/components/ui/input-otp.module.css"],"names":[],"mappings":"AADA;ECEE,mBAAmB;EACnB,sBAAsB;EACtB,aAAa;AACf;;AAEA;EACE,WAAW;AACb;;AAEA;EACE,mBAAmB;AACrB;;AAEA;EACE,mBAAmB;EACnB,aAAa;AACf;;AAEA;EACE,sCAAsC;EACtC,wCAAwC;EACxC,wCAAwC;EACxC,2BAA2B;EAC3B,4BAA4B;EAC5B,eAAe;EACf,uFAAuF;EACvF,uBAAuB;EACvB,cAAc;EACd,kBAAkB;EAClB,+BAA+B;AACjC;;AAEA;EACE,8CAA8C;EAC9C,uCAAuC;EACvC,2CAA2C;AAC7C;;AAEA;EACE,+CAA+C;EAC/C,4CAA4C;AAC9C;;AAEA;EACE,oCAAoC;EACpC,UAAU;AACZ;;AAEA;EACE,oBAAoB;EACpB,uBAAuB;EACvB,mBAAmB;EACnB,aAAa;EACb,kBAAkB;EAClB,QAAQ;AACV;;AAEA;EACE,sCAAsC;EACtC,UAAU;EACV,YAAY;EACZ,4DAAqD;AACvD;;AAEA;EACE,iCAAiC;EACjC,uBAAuB;EACvB,mBAAmB;EACnB,aAAa;AACf;;AAEA;EACE,WAAW;EACX,YAAY;AACd;;AAEA;EACE;IACE,UAAU;EACZ;;EAEA;IACE,UAAU;EACZ;AACF","sourcesContent":[".container{align-items:center;display:flex;gap:var(--ac-space-2)}.container:has(:disabled){opacity:.5}.input:disabled{cursor:not-allowed}.group,.slot{align-items:center;display:flex}.slot{background-color:var(--ac-background);border-block:1px solid var(--ac-border);border-right:1px solid var(--ac-border);box-shadow:0 1px 2px rgba(0,0,0,.05);color:var(--ac-foreground);font-size:var(--ac-text-sm);height:2.25rem;justify-content:center;position:relative;transition:box-shadow var(--ac-transition-fast),border-color var(--ac-transition-fast);width:2.25rem}.slot:first-child{border-bottom-left-radius:var(--ac-radius-md);border-left:1px solid var(--ac-border);border-top-left-radius:var(--ac-radius-md)}.slot:last-child{border-bottom-right-radius:var(--ac-radius-md);border-top-right-radius:var(--ac-radius-md)}.slotActive{box-shadow:0 0 0 1px var(--ac-ring);z-index:1}.fakeCaretContainer{align-items:center;display:flex;inset:0;justify-content:center;pointer-events:none;position:absolute}.fakeCaret{animation:input-otp-caret-blink 1s ease-out infinite;background-color:var(--ac-foreground);height:1rem;width:1px}.separator{align-items:center;color:var(--ac-muted-foreground);display:flex;justify-content:center}.separatorIcon{height:1rem;width:1rem}@keyframes input-otp-caret-blink{0%,70%,to{opacity:1}20%,50%{opacity:0}}",".container {\n  align-items: center;\n  gap: var(--ac-space-2);\n  display: flex;\n}\n\n.container:has(:disabled) {\n  opacity: .5;\n}\n\n.input:disabled {\n  cursor: not-allowed;\n}\n\n.group, .slot {\n  align-items: center;\n  display: flex;\n}\n\n.slot {\n  background-color: var(--ac-background);\n  border-block: 1px solid var(--ac-border);\n  border-right: 1px solid var(--ac-border);\n  color: var(--ac-foreground);\n  font-size: var(--ac-text-sm);\n  height: 2.25rem;\n  transition: box-shadow var(--ac-transition-fast),border-color var(--ac-transition-fast);\n  justify-content: center;\n  width: 2.25rem;\n  position: relative;\n  box-shadow: 0 1px 2px #0000000d;\n}\n\n.slot:first-child {\n  border-bottom-left-radius: var(--ac-radius-md);\n  border-left: 1px solid var(--ac-border);\n  border-top-left-radius: var(--ac-radius-md);\n}\n\n.slot:last-child {\n  border-bottom-right-radius: var(--ac-radius-md);\n  border-top-right-radius: var(--ac-radius-md);\n}\n\n.slotActive {\n  box-shadow: 0 0 0 1px var(--ac-ring);\n  z-index: 1;\n}\n\n.fakeCaretContainer {\n  pointer-events: none;\n  justify-content: center;\n  align-items: center;\n  display: flex;\n  position: absolute;\n  inset: 0;\n}\n\n.fakeCaret {\n  background-color: var(--ac-foreground);\n  width: 1px;\n  height: 1rem;\n  animation: 1s ease-out infinite input-otp-caret-blink;\n}\n\n.separator {\n  color: var(--ac-muted-foreground);\n  justify-content: center;\n  align-items: center;\n  display: flex;\n}\n\n.separatorIcon {\n  width: 1rem;\n  height: 1rem;\n}\n\n@keyframes input-otp-caret-blink {\n  0%, 70%, to {\n    opacity: 1;\n  }\n\n  20%, 50% {\n    opacity: 0;\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/input-otp.module.css","webpack://./src/components/ui/input-otp.module.css"],"names":[],"mappings":"AAAA;ECCE,mBAAmB;EACnB,sBAAsB;EACtB,aAAa;AACf;;ADJiE;ECO/D,WAAW;AACb;;ADRsG;ECWpG,mBAAmB;AACrB;;ADZyI;ECevI,mBAAmB;EACnB,aAAa;AACf;;ADjBsL;ECoBpL,sCAAsC;EACtC,wCAAwC;EACxC,wCAAwC;EACxC,2BAA2B;EAC3B,4BAA4B;EAC5B,eAAe;EACf,uFAAuF;EACvF,uBAAuB;EACvB,cAAc;EACd,kBAAkB;EAClB,+BAA+B;AACjC;;AD/B2iB;ECkCziB,8CAA8C;EAC9C,uCAAuC;EACvC,2CAA2C;AAC7C;;ADrC6rB;ECwC3rB,+CAA+C;EAC/C,4CAA4C;AAC9C;;AD1CyyB;EC6CvyB,oCAAoC;EACpC,UAAU;AACZ;;AD/Cm2B;ECkDj2B,oBAAoB;EACpB,uBAAuB;EACvB,mBAAmB;EACnB,aAAa;EACb,kBAAkB;EAClB,QAAQ;AACV;;ADxD49B;EC2D19B,sCAAsC;EACtC,UAAU;EACV,YAAY;EACZ,4DAAqD;AACvD;;AD/DwlC;ECkEtlC,iCAAiC;EACjC,uBAAuB;EACvB,mBAAmB;EACnB,aAAa;AACf;;ADtE2rC;ECyEzrC,WAAW;EACX,YAAY;AACd;;AD3EiuC;EC8E/tC;IACE,UAAU;EACZ;;EAEA;IACE,UAAU;EACZ;AACF","sourcesContent":[".container{align-items:center;display:flex;gap:var(--ac-space-2)}.container:has(:disabled){opacity:.5}.input:disabled{cursor:not-allowed}.group,.slot{align-items:center;display:flex}.slot{background-color:var(--ac-background);border-block:1px solid var(--ac-border);border-right:1px solid var(--ac-border);box-shadow:0 1px 2px rgba(0,0,0,.05);color:var(--ac-foreground);font-size:var(--ac-text-sm);height:2.25rem;justify-content:center;position:relative;transition:box-shadow var(--ac-transition-fast),border-color var(--ac-transition-fast);width:2.25rem}.slot:first-child{border-bottom-left-radius:var(--ac-radius-md);border-left:1px solid var(--ac-border);border-top-left-radius:var(--ac-radius-md)}.slot:last-child{border-bottom-right-radius:var(--ac-radius-md);border-top-right-radius:var(--ac-radius-md)}.slotActive{box-shadow:0 0 0 1px var(--ac-ring);z-index:1}.fakeCaretContainer{align-items:center;display:flex;inset:0;justify-content:center;pointer-events:none;position:absolute}.fakeCaret{animation:input-otp-caret-blink 1s ease-out infinite;background-color:var(--ac-foreground);height:1rem;width:1px}.separator{align-items:center;color:var(--ac-muted-foreground);display:flex;justify-content:center}.separatorIcon{height:1rem;width:1rem}@keyframes input-otp-caret-blink{0%,70%,to{opacity:1}20%,50%{opacity:0}}",".container {\n  align-items: center;\n  gap: var(--ac-space-2);\n  display: flex;\n}\n\n.container:has(:disabled) {\n  opacity: .5;\n}\n\n.input:disabled {\n  cursor: not-allowed;\n}\n\n.group, .slot {\n  align-items: center;\n  display: flex;\n}\n\n.slot {\n  background-color: var(--ac-background);\n  border-block: 1px solid var(--ac-border);\n  border-right: 1px solid var(--ac-border);\n  color: var(--ac-foreground);\n  font-size: var(--ac-text-sm);\n  height: 2.25rem;\n  transition: box-shadow var(--ac-transition-fast),border-color var(--ac-transition-fast);\n  justify-content: center;\n  width: 2.25rem;\n  position: relative;\n  box-shadow: 0 1px 2px #0000000d;\n}\n\n.slot:first-child {\n  border-bottom-left-radius: var(--ac-radius-md);\n  border-left: 1px solid var(--ac-border);\n  border-top-left-radius: var(--ac-radius-md);\n}\n\n.slot:last-child {\n  border-bottom-right-radius: var(--ac-radius-md);\n  border-top-right-radius: var(--ac-radius-md);\n}\n\n.slotActive {\n  box-shadow: 0 0 0 1px var(--ac-ring);\n  z-index: 1;\n}\n\n.fakeCaretContainer {\n  pointer-events: none;\n  justify-content: center;\n  align-items: center;\n  display: flex;\n  position: absolute;\n  inset: 0;\n}\n\n.fakeCaret {\n  background-color: var(--ac-foreground);\n  width: 1px;\n  height: 1rem;\n  animation: 1s ease-out infinite input-otp-caret-blink;\n}\n\n.separator {\n  color: var(--ac-muted-foreground);\n  justify-content: center;\n  align-items: center;\n  display: flex;\n}\n\n.separatorIcon {\n  width: 1rem;\n  height: 1rem;\n}\n\n@keyframes input-otp-caret-blink {\n  0%, 70%, to {\n    opacity: 1;\n  }\n\n  20%, 50% {\n    opacity: 0;\n  }\n}\n"],"sourceRoot":""}

package/dist/components/ui/input.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"components/ui/input.js","sources":["../../../src/components/ui/input.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport {Input as BaseInput} from \"@base-ui/react/input\";\r\nimport {mergeProps} from \"@base-ui/react/merge-props\";\r\nimport {useRender} from \"@base-ui/react/use-render\";\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\nimport styles from \"./input.module.css\";\r\n\r\n/**\r\n * Props for the shared input wrapper.\r\n */\r\nexport interface InputProps extends Omit<React.ComponentPropsWithRef<typeof BaseInput>, \"className\"> {\r\n  /** Additional CSS classes merged with the input styles. @default undefined */\r\n  className?: string;\r\n  /** The HTML input type forwarded to the underlying control. @default undefined */\r\n  type?: React.HTMLInputTypeAttribute;\r\n}\r\n\r\n/**\r\n * Renders a styled text input for free-form single-line entry.\r\n *\r\n * @remarks\r\n * - Renders an `<input>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/input | Base UI Input}\r\n * - Supports the `render` prop for element composition\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example Basic usage\r\n * ```tsx\r\n * <Input type=\"email\" placeholder=\"name@example.com\" />\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/input | Base UI Documentation}\r\n */\r\nconst Input = React.forwardRef<React.ComponentRef<typeof BaseInput>, Input.Props>(\r\n  (props: Readonly<Input.Props>, ref): React.ReactElement => {\r\n    const {className, render, type, ...otherProps} = props;\r\n\r\n    return (\r\n      <BaseInput\r\n        ref={ref}\r\n        type={type}\r\n        {...otherProps}\r\n        render={useRender({\r\n          defaultTagName: \"input\",\r\n          render: render as never,\r\n          props: mergeProps({className: cn(styles.input, className)}, {}),\r\n        })}\r\n      />\r\n    );\r\n  },\r\n);\r\nInput.displayName = \"Input\";\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace Input {\r\n  export type Props = InputProps;\r\n  export type State = BaseInput.State;\r\n}\r\n\r\nexport {Input};\r\n"],"names":["Input","React","props","ref","className","render","type","otherProps","BaseInput","useRender","mergeProps","cn","styles"],"mappings":";;;;;;;;AAoCA,MAAMA,cAAQ,WAAHA,GAAGC,WACZ,CAACC,OAA8BC;IAC7B,MAAM,EAACC,SAAS,EAAEC,MAAM,EAAEC,IAAI,EAAE,GAAGC,YAAW,GAAGL;IAEjD,OAAO,WAAP,GACE,IAACM,OAASA;QACR,KAAKL;QACL,MAAMG;QACL,GAAGC,UAAU;QACd,QAAQE,UAAU;YAChB,gBAAgB;YAChB,QAAQJ;YACR,OAAOK,WAAW;gBAAC,WAAWC,GAAGC,aAAAA,KAAY,EAAER;YAAU,GAAG,CAAC;QAC/D;;AAGN;AAEFJ,YAAM,WAAW,GAAG"}
+{"version":3,"file":"components/ui/input.js","sources":["../../../src/components/ui/input.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport {Input as BaseInput} from \"@base-ui/react/input\";\r\nimport {mergeProps} from \"@base-ui/react/merge-props\";\r\nimport {useRender} from \"@base-ui/react/use-render\";\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\nimport styles from \"./input.module.css\";\r\n\r\n/**\r\n * Props for the shared input wrapper.\r\n */\r\nexport interface InputProps extends Omit<React.ComponentPropsWithRef<typeof BaseInput>, \"className\"> {\r\n  /** Additional CSS classes merged with the input styles. @default undefined */\r\n  className?: string;\r\n  /** The HTML input type forwarded to the underlying control. @default undefined */\r\n  type?: React.HTMLInputTypeAttribute;\r\n}\r\n\r\n/**\r\n * Renders a styled text input for free-form single-line entry.\r\n *\r\n * @remarks\r\n * - Renders an `<input>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/input | Base UI Input}\r\n * - Supports the `render` prop for element composition\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example Basic usage\r\n * ```tsx\r\n * <Input type=\"email\" placeholder=\"name@example.com\" />\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/input | Base UI Documentation}\r\n */\r\nconst Input = React.forwardRef<React.ComponentRef<typeof BaseInput>, Input.Props>(\r\n  (props: Readonly<Input.Props>, ref): React.ReactElement => {\r\n    const {className, render, type, ...otherProps} = props;\r\n\r\n    return (\r\n      <BaseInput\r\n        ref={ref}\r\n        type={type}\r\n        {...otherProps}\r\n        render={useRender({\r\n          defaultTagName: \"input\",\r\n          render: render as never,\r\n          props: mergeProps({className: cn(styles.input, className)}, {}),\r\n        })}\r\n      />\r\n    );\r\n  },\r\n);\r\nInput.displayName = \"Input\";\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace Input {\r\n  export type Props = InputProps;\r\n  export type State = BaseInput.State;\r\n}\r\n\r\nexport {Input};\r\n"],"names":["Input","React","props","ref","className","render","type","otherProps","BaseInput","useRender","mergeProps","cn","styles"],"mappings":";;;;;;;;AAoCA,MAAMA,cAAQ,WAAHA,GAAGC,wBAAAA,UAAgB,CAC5B,CAACC,OAA8BC;IAC7B,MAAM,EAACC,SAAS,EAAEC,MAAM,EAAEC,IAAI,EAAE,GAAGC,YAAW,GAAGL;IAEjD,OAAO,WAAP,GACE,IAACM,OAASA;QACR,KAAKL;QACL,MAAMG;QACL,GAAGC,UAAU;QACd,QAAQE,UAAU;YAChB,gBAAgB;YAChB,QAAQJ;YACR,OAAOK,WAAW;gBAAC,WAAWC,GAAGC,aAAAA,KAAY,EAAER;YAAU,GAAG,CAAC;QAC/D;;AAGN;AAEFJ,YAAM,WAAW,GAAG"}

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

@@ -1 +1 @@
-{"version":3,"sources":["webpack://./home/runner/work/arolariu.ro/arolariu.ro/packages/components/src/components/ui/input.module.css","webpack://./src/components/ui/input.module.css"],"names":[],"mappings":"AADA;ECEE,iCAAiC;EACjC,kCAAkC;EAClC,sBAAsB;EACtB,2BAA2B;EAC3B,4BAA4B;EAC5B,8BAA8B;EAC9B,4CAA4C;EAC5C,uFAAuF;EACvF,uBAAuB;EACvB,aAAa;EACb,WAAW;EACX,gBAAgB;EAChB,aAAa;;EAEb;IACE,iCAAiC;EACnC;;EAEA;IACE,4BAA4B;IAC5B,oCAAoC;EACtC;;EAEA;IACE,mBAAmB;IACnB,WAAW;EACb;;EAEA;IACE,4BAA4B;IAC5B,uBAAuB;IACvB,YAAY;IACZ,UAAU;IACV,gBAAgB;EAClB;AACF","sourcesContent":[".input{background-color:transparent;border:1px solid var(--ac-input);border-radius:var(--ac-radius-md);box-sizing:border-box;color:var(--ac-foreground);display:flex;font-size:var(--ac-text-sm);height:var(--ac-size-default);line-height:1.5;outline:none;padding:var(--ac-space-1) var(--ac-space-3);transition:border-color var(--ac-transition-fast),box-shadow var(--ac-transition-fast);width:100%;&::placeholder{color:var(--ac-muted-foreground)}&:focus-visible{border-color:var(--ac-ring);box-shadow:0 0 0 1px var(--ac-ring)}&:disabled{cursor:not-allowed;opacity:.5}&[type=file]{background-color:transparent;border:none;font-size:var(--ac-text-sm);font-weight:500;padding:0}}",".input {\n  border: 1px solid var(--ac-input);\n  border-radius: var(--ac-radius-md);\n  box-sizing: border-box;\n  color: var(--ac-foreground);\n  font-size: var(--ac-text-sm);\n  height: var(--ac-size-default);\n  padding: var(--ac-space-1) var(--ac-space-3);\n  transition: border-color var(--ac-transition-fast),box-shadow var(--ac-transition-fast);\n  background-color: #0000;\n  outline: none;\n  width: 100%;\n  line-height: 1.5;\n  display: flex;\n\n  &::placeholder {\n    color: var(--ac-muted-foreground);\n  }\n\n  &:focus-visible {\n    border-color: var(--ac-ring);\n    box-shadow: 0 0 0 1px var(--ac-ring);\n  }\n\n  &:disabled {\n    cursor: not-allowed;\n    opacity: .5;\n  }\n\n  &[type=\"file\"] {\n    font-size: var(--ac-text-sm);\n    background-color: #0000;\n    border: none;\n    padding: 0;\n    font-weight: 500;\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/input.module.css","webpack://./src/components/ui/input.module.css"],"names":[],"mappings":"AAAA;ECCE,iCAAiC;EACjC,kCAAkC;EAClC,sBAAsB;EACtB,2BAA2B;EAC3B,4BAA4B;EAC5B,8BAA8B;EAC9B,4CAA4C;EAC5C,uFAAuF;EACvF,uBAAuB;EACvB,aAAa;EACb,WAAW;EACX,gBAAgB;EAChB,aAAa;;EDb2X;ICgBtY,iCAAiC;EACnC;;EDjBwb;ICoBtb,4BAA4B;IAC5B,oCAAoC;EACtC;;EDtBwgB;ICyBtgB,mBAAmB;IACnB,WAAW;EACb;;ED3BijB;IC8B/iB,4BAA4B;IAC5B,uBAAuB;IACvB,YAAY;IACZ,UAAU;IACV,gBAAgB;EAClB;AACF","sourcesContent":[".input{background-color:transparent;border:1px solid var(--ac-input);border-radius:var(--ac-radius-md);box-sizing:border-box;color:var(--ac-foreground);display:flex;font-size:var(--ac-text-sm);height:var(--ac-size-default);line-height:1.5;outline:none;padding:var(--ac-space-1) var(--ac-space-3);transition:border-color var(--ac-transition-fast),box-shadow var(--ac-transition-fast);width:100%;&::placeholder{color:var(--ac-muted-foreground)}&:focus-visible{border-color:var(--ac-ring);box-shadow:0 0 0 1px var(--ac-ring)}&:disabled{cursor:not-allowed;opacity:.5}&[type=file]{background-color:transparent;border:none;font-size:var(--ac-text-sm);font-weight:500;padding:0}}",".input {\n  border: 1px solid var(--ac-input);\n  border-radius: var(--ac-radius-md);\n  box-sizing: border-box;\n  color: var(--ac-foreground);\n  font-size: var(--ac-text-sm);\n  height: var(--ac-size-default);\n  padding: var(--ac-space-1) var(--ac-space-3);\n  transition: border-color var(--ac-transition-fast),box-shadow var(--ac-transition-fast);\n  background-color: #0000;\n  outline: none;\n  width: 100%;\n  line-height: 1.5;\n  display: flex;\n\n  &::placeholder {\n    color: var(--ac-muted-foreground);\n  }\n\n  &:focus-visible {\n    border-color: var(--ac-ring);\n    box-shadow: 0 0 0 1px var(--ac-ring);\n  }\n\n  &:disabled {\n    cursor: not-allowed;\n    opacity: .5;\n  }\n\n  &[type=\"file\"] {\n    font-size: var(--ac-text-sm);\n    background-color: #0000;\n    border: none;\n    padding: 0;\n    font-weight: 500;\n  }\n}\n"],"sourceRoot":""}

package/dist/components/ui/item.js

@@ -1,27 +1,27 @@
 import { jsx } from "react/jsx-runtime";
-import { cloneElement, forwardRef, isValidElement } from "react";
 import { Separator } from "./separator.js";
 import { cn } from "../../lib/utilities.js";
 import item_module from "./item.module.js";
-const ItemGroup = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("div", {
+import * as __rspack_external_react from "react";
+const ItemGroup = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("div", {
         ref: ref,
         role: "list",
         "data-slot": "item-group",
         className: cn(item_module.group, className),
         ...props
     }));
-const ItemSeparator = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Separator, {
+const ItemSeparator = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Separator, {
         ref: ref,
         "data-slot": "item-separator",
         orientation: "horizontal",
         className: cn(item_module.separator, className),
         ...props
     }));
-const Item = /*#__PURE__*/ forwardRef(({ className, variant = "default", size = "default", asChild = false, children, ...props }, ref)=>{
+const Item = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, variant = "default", size = "default", asChild = false, children, ...props }, ref)=>{
     const mergedClassName = cn(item_module.item, "outline" === variant && item_module.outline, "muted" === variant && item_module.muted, "sm" === size ? item_module.sizeSm : item_module.sizeDefault, className);
-    if (asChild && /*#__PURE__*/ isValidElement(children)) {
+    if (asChild && /*#__PURE__*/ __rspack_external_react.isValidElement(children)) {
         const child = children;
-        return /*#__PURE__*/ cloneElement(child, {
+        return /*#__PURE__*/ __rspack_external_react.cloneElement(child, {
             ...props,
             ref,
             "data-size": size,
@@ -40,44 +40,44 @@ const Item = /*#__PURE__*/ forwardRef(({ className, variant = "default", size =
         children: children
     });
 });
-const ItemMedia = /*#__PURE__*/ forwardRef(({ className, variant = "default", ...props }, ref)=>/*#__PURE__*/ jsx("div", {
+const ItemMedia = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, variant = "default", ...props }, ref)=>/*#__PURE__*/ jsx("div", {
         ref: ref,
         "data-slot": "item-media",
         "data-variant": variant,
         className: cn(item_module.media, "icon" === variant && item_module.mediaIcon, "image" === variant && item_module.mediaImage, className),
         ...props
     }));
-const ItemContent = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("div", {
+const ItemContent = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("div", {
         ref: ref,
         "data-slot": "item-content",
         className: cn(item_module.content, className),
         ...props
     }));
-const ItemTitle = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("div", {
+const ItemTitle = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("div", {
         ref: ref,
         "data-slot": "item-title",
         className: cn(item_module.title, className),
         ...props
     }));
-const ItemDescription = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("p", {
+const ItemDescription = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("p", {
         ref: ref,
         "data-slot": "item-description",
         className: cn(item_module.description, className),
         ...props
     }));
-const ItemActions = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("div", {
+const ItemActions = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("div", {
         ref: ref,
         "data-slot": "item-actions",
         className: cn(item_module.actions, className),
         ...props
     }));
-const ItemHeader = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("div", {
+const ItemHeader = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("div", {
         ref: ref,
         "data-slot": "item-header",
         className: cn(item_module.header, className),
         ...props
     }));
-const ItemFooter = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("div", {
+const ItemFooter = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("div", {
         ref: ref,
         "data-slot": "item-footer",
         className: cn(item_module.footer, className),

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

@@ -1 +1 @@
-{"version":3,"file":"components/ui/item.js","sources":["../../../src/components/ui/item.tsx"],"sourcesContent":["import * as React from \"react\";\r\n\r\nimport {Separator} from \"@/components/ui/separator\";\r\nimport {cn} from \"@/lib/utilities\";\r\nimport styles from \"./item.module.css\";\r\n\r\n/** Supported surface variants for {@link Item}. */\r\nexport type ItemVariant = \"default\" | \"outline\" | \"muted\";\r\n\r\n/** Supported size variants for {@link Item}. */\r\nexport type ItemSize = \"default\" | \"sm\";\r\n\r\n/** Supported media treatments for {@link ItemMedia}. */\r\nexport type ItemMediaVariant = \"default\" | \"icon\" | \"image\";\r\n\r\ntype ItemDataAttributes = Record<`data-${string}`, string | boolean | undefined>;\r\n\r\n/**\r\n * Props for the {@link ItemGroup} component.\r\n */\r\nexport type ItemGroupProps = React.ComponentPropsWithoutRef<\"div\">;\r\n\r\n/**\r\n * Props for the {@link ItemSeparator} component.\r\n */\r\nexport type ItemSeparatorProps = React.ComponentPropsWithoutRef<typeof Separator>;\r\n\r\n/**\r\n * Props for the {@link Item} component.\r\n */\r\nexport interface ItemProps extends React.ComponentPropsWithoutRef<\"div\"> {\r\n  /** Enables rendering an existing div-compatible child element. @default false */\r\n  asChild?: boolean;\r\n  /** Compactness applied to the item container. @default \"default\" */\r\n  size?: ItemSize;\r\n  /** Visual surface treatment for the item container. @default \"default\" */\r\n  variant?: ItemVariant;\r\n}\r\n\r\n/**\r\n * Props for the {@link ItemMedia} component.\r\n */\r\nexport interface ItemMediaProps extends React.ComponentPropsWithoutRef<\"div\"> {\r\n  /** Visual treatment used for the media slot. @default \"default\" */\r\n  variant?: ItemMediaVariant;\r\n}\r\n\r\n/**\r\n * Props for the {@link ItemContent} component.\r\n */\r\nexport type ItemContentProps = React.ComponentPropsWithoutRef<\"div\">;\r\n\r\n/**\r\n * Props for the {@link ItemTitle} component.\r\n */\r\nexport type ItemTitleProps = React.ComponentPropsWithoutRef<\"div\">;\r\n\r\n/**\r\n * Props for the {@link ItemDescription} component.\r\n */\r\nexport type ItemDescriptionProps = React.ComponentPropsWithoutRef<\"p\">;\r\n\r\n/**\r\n * Props for the {@link ItemActions} component.\r\n */\r\nexport type ItemActionsProps = React.ComponentPropsWithoutRef<\"div\">;\r\n\r\n/**\r\n * Props for the {@link ItemHeader} component.\r\n */\r\nexport type ItemHeaderProps = React.ComponentPropsWithoutRef<\"div\">;\r\n\r\n/**\r\n * Props for the {@link ItemFooter} component.\r\n */\r\nexport type ItemFooterProps = React.ComponentPropsWithoutRef<\"div\">;\r\n\r\n/**\r\n * Groups a collection of list-like items with consistent spacing.\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 * <ItemGroup>\r\n *   <Item />\r\n * </ItemGroup>\r\n * ```\r\n *\r\n * @see {@link ItemGroupProps} for available props\r\n */\r\nconst ItemGroup = React.forwardRef<HTMLDivElement, ItemGroupProps>(\r\n  ({className, ...props}: Readonly<ItemGroupProps>, ref): React.JSX.Element => (\r\n    <div\r\n      ref={ref}\r\n      role='list'\r\n      data-slot='item-group'\r\n      className={cn(styles.group, className)}\r\n      {...props}\r\n    />\r\n  ),\r\n);\r\n\r\n/**\r\n * Inserts a separator between adjacent items.\r\n *\r\n * @remarks\r\n * - Pure CSS component (no Base UI primitive)\r\n * - Renders a wrapped `Separator` component\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example\r\n * ```tsx\r\n * <ItemSeparator />\r\n * ```\r\n *\r\n * @see {@link ItemSeparatorProps} for available props\r\n */\r\nconst ItemSeparator = React.forwardRef<HTMLDivElement, ItemSeparatorProps>(\r\n  ({className, ...props}: Readonly<ItemSeparatorProps>, ref): React.JSX.Element => (\r\n    <Separator\r\n      ref={ref}\r\n      data-slot='item-separator'\r\n      orientation='horizontal'\r\n      className={cn(styles.separator, className)}\r\n      {...props}\r\n    />\r\n  ),\r\n);\r\n\r\n/**\r\n * Creates a flexible data-display row with optional media and actions.\r\n *\r\n * @remarks\r\n * - Pure CSS component (no Base UI primitive)\r\n * - Renders a `<div>` element by default\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example\r\n * ```tsx\r\n * <Item variant='outline'>Content</Item>\r\n * ```\r\n *\r\n * @see {@link ItemProps} for available props\r\n */\r\nconst Item = React.forwardRef<HTMLDivElement, ItemProps>(\r\n  (\r\n    {className, variant = \"default\", size = \"default\", asChild = false, children, ...props}: Readonly<ItemProps>,\r\n    ref,\r\n  ): React.JSX.Element => {\r\n    const mergedClassName = cn(\r\n      styles.item,\r\n      variant === \"outline\" && styles.outline,\r\n      variant === \"muted\" && styles.muted,\r\n      size === \"sm\" ? styles.sizeSm : styles.sizeDefault,\r\n      className,\r\n    );\r\n\r\n    if (asChild && React.isValidElement(children)) {\r\n      const child = children as React.ReactElement<\r\n        React.ComponentPropsWithoutRef<\"div\"> & ItemDataAttributes & {ref?: React.Ref<HTMLDivElement>}\r\n      >;\r\n\r\n      // eslint-disable-next-line react-x/no-clone-element -- replaces Radix Slot while preserving asChild prop merging\r\n      return React.cloneElement(child, {\r\n        ...props,\r\n        ref,\r\n        \"data-size\": size,\r\n        \"data-slot\": \"item\",\r\n        \"data-variant\": variant,\r\n        className: cn(mergedClassName, child.props.className),\r\n      });\r\n    }\r\n\r\n    return (\r\n      <div\r\n        ref={ref}\r\n        data-slot='item'\r\n        data-size={size}\r\n        data-variant={variant}\r\n        className={mergedClassName}\r\n        {...props}>\r\n        {children}\r\n      </div>\r\n    );\r\n  },\r\n);\r\n\r\n/**\r\n * Renders the leading media slot for an item.\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 * <ItemMedia variant='icon'>⭐</ItemMedia>\r\n * ```\r\n *\r\n * @see {@link ItemMediaProps} for available props\r\n */\r\nconst ItemMedia = React.forwardRef<HTMLDivElement, ItemMediaProps>(\r\n  ({className, variant = \"default\", ...props}: Readonly<ItemMediaProps>, ref): React.JSX.Element => (\r\n    <div\r\n      ref={ref}\r\n      data-slot='item-media'\r\n      data-variant={variant}\r\n      className={cn(styles.media, variant === \"icon\" && styles.mediaIcon, variant === \"image\" && styles.mediaImage, className)}\r\n      {...props}\r\n    />\r\n  ),\r\n);\r\n\r\n/**\r\n * Wraps the main textual content for an item.\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 * <ItemContent>Details</ItemContent>\r\n * ```\r\n *\r\n * @see {@link ItemContentProps} for available props\r\n */\r\nconst ItemContent = React.forwardRef<HTMLDivElement, ItemContentProps>(\r\n  ({className, ...props}: Readonly<ItemContentProps>, ref): React.JSX.Element => (\r\n    <div\r\n      ref={ref}\r\n      data-slot='item-content'\r\n      className={cn(styles.content, className)}\r\n      {...props}\r\n    />\r\n  ),\r\n);\r\n\r\n/**\r\n * Displays the primary title text for an item.\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 * <ItemTitle>Title</ItemTitle>\r\n * ```\r\n *\r\n * @see {@link ItemTitleProps} for available props\r\n */\r\nconst ItemTitle = React.forwardRef<HTMLDivElement, ItemTitleProps>(\r\n  ({className, ...props}: Readonly<ItemTitleProps>, ref): React.JSX.Element => (\r\n    <div\r\n      ref={ref}\r\n      data-slot='item-title'\r\n      className={cn(styles.title, className)}\r\n      {...props}\r\n    />\r\n  ),\r\n);\r\n\r\n/**\r\n * Displays secondary descriptive content for an item.\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 * <ItemDescription>Support text</ItemDescription>\r\n * ```\r\n *\r\n * @see {@link ItemDescriptionProps} for available props\r\n */\r\nconst ItemDescription = React.forwardRef<HTMLParagraphElement, ItemDescriptionProps>(\r\n  ({className, ...props}: Readonly<ItemDescriptionProps>, ref): React.JSX.Element => (\r\n    <p\r\n      ref={ref}\r\n      data-slot='item-description'\r\n      className={cn(styles.description, className)}\r\n      {...props}\r\n    />\r\n  ),\r\n);\r\n\r\n/**\r\n * Hosts action controls aligned to the trailing edge of an item.\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 * <ItemActions>\r\n *   <button type='button'>Edit</button>\r\n * </ItemActions>\r\n * ```\r\n *\r\n * @see {@link ItemActionsProps} for available props\r\n */\r\nconst ItemActions = React.forwardRef<HTMLDivElement, ItemActionsProps>(\r\n  ({className, ...props}: Readonly<ItemActionsProps>, ref): React.JSX.Element => (\r\n    <div\r\n      ref={ref}\r\n      data-slot='item-actions'\r\n      className={cn(styles.actions, className)}\r\n      {...props}\r\n    />\r\n  ),\r\n);\r\n\r\n/**\r\n * Wraps leading title and description content for an item.\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 * <ItemHeader>\r\n *   <ItemTitle>Profile</ItemTitle>\r\n * </ItemHeader>\r\n * ```\r\n *\r\n * @see {@link ItemHeaderProps} for available props\r\n */\r\nconst ItemHeader = React.forwardRef<HTMLDivElement, ItemHeaderProps>(\r\n  ({className, ...props}: Readonly<ItemHeaderProps>, ref): React.JSX.Element => (\r\n    <div\r\n      ref={ref}\r\n      data-slot='item-header'\r\n      className={cn(styles.header, className)}\r\n      {...props}\r\n    />\r\n  ),\r\n);\r\n\r\n/**\r\n * Wraps trailing metadata or supplementary content for an item.\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 * <ItemFooter>Updated 2m ago</ItemFooter>\r\n * ```\r\n *\r\n * @see {@link ItemFooterProps} for available props\r\n */\r\nconst ItemFooter = React.forwardRef<HTMLDivElement, ItemFooterProps>(\r\n  ({className, ...props}: Readonly<ItemFooterProps>, ref): React.JSX.Element => (\r\n    <div\r\n      ref={ref}\r\n      data-slot='item-footer'\r\n      className={cn(styles.footer, className)}\r\n      {...props}\r\n    />\r\n  ),\r\n);\r\n\r\nItemGroup.displayName = \"ItemGroup\";\r\nItemSeparator.displayName = \"ItemSeparator\";\r\nItem.displayName = \"Item\";\r\nItemMedia.displayName = \"ItemMedia\";\r\nItemContent.displayName = \"ItemContent\";\r\nItemTitle.displayName = \"ItemTitle\";\r\nItemDescription.displayName = \"ItemDescription\";\r\nItemActions.displayName = \"ItemActions\";\r\nItemHeader.displayName = \"ItemHeader\";\r\nItemFooter.displayName = \"ItemFooter\";\r\n\r\nexport {Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle};\r\n"],"names":["ItemGroup","React","className","props","ref","cn","styles","ItemSeparator","Separator","Item","variant","size","asChild","children","mergedClassName","child","ItemMedia","ItemContent","ItemTitle","ItemDescription","ItemActions","ItemHeader","ItemFooter"],"mappings":"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"}
+{"version":3,"file":"components/ui/item.js","sources":["../../../src/components/ui/item.tsx"],"sourcesContent":["import * as React from \"react\";\r\n\r\nimport {Separator} from \"@/components/ui/separator\";\r\nimport {cn} from \"@/lib/utilities\";\r\nimport styles from \"./item.module.css\";\r\n\r\n/** Supported surface variants for {@link Item}. */\r\nexport type ItemVariant = \"default\" | \"outline\" | \"muted\";\r\n\r\n/** Supported size variants for {@link Item}. */\r\nexport type ItemSize = \"default\" | \"sm\";\r\n\r\n/** Supported media treatments for {@link ItemMedia}. */\r\nexport type ItemMediaVariant = \"default\" | \"icon\" | \"image\";\r\n\r\ntype ItemDataAttributes = Record<`data-${string}`, string | boolean | undefined>;\r\n\r\n/**\r\n * Props for the {@link ItemGroup} component.\r\n */\r\nexport type ItemGroupProps = React.ComponentPropsWithoutRef<\"div\">;\r\n\r\n/**\r\n * Props for the {@link ItemSeparator} component.\r\n */\r\nexport type ItemSeparatorProps = React.ComponentPropsWithoutRef<typeof Separator>;\r\n\r\n/**\r\n * Props for the {@link Item} component.\r\n */\r\nexport interface ItemProps extends React.ComponentPropsWithoutRef<\"div\"> {\r\n  /** Enables rendering an existing div-compatible child element. @default false */\r\n  asChild?: boolean;\r\n  /** Compactness applied to the item container. @default \"default\" */\r\n  size?: ItemSize;\r\n  /** Visual surface treatment for the item container. @default \"default\" */\r\n  variant?: ItemVariant;\r\n}\r\n\r\n/**\r\n * Props for the {@link ItemMedia} component.\r\n */\r\nexport interface ItemMediaProps extends React.ComponentPropsWithoutRef<\"div\"> {\r\n  /** Visual treatment used for the media slot. @default \"default\" */\r\n  variant?: ItemMediaVariant;\r\n}\r\n\r\n/**\r\n * Props for the {@link ItemContent} component.\r\n */\r\nexport type ItemContentProps = React.ComponentPropsWithoutRef<\"div\">;\r\n\r\n/**\r\n * Props for the {@link ItemTitle} component.\r\n */\r\nexport type ItemTitleProps = React.ComponentPropsWithoutRef<\"div\">;\r\n\r\n/**\r\n * Props for the {@link ItemDescription} component.\r\n */\r\nexport type ItemDescriptionProps = React.ComponentPropsWithoutRef<\"p\">;\r\n\r\n/**\r\n * Props for the {@link ItemActions} component.\r\n */\r\nexport type ItemActionsProps = React.ComponentPropsWithoutRef<\"div\">;\r\n\r\n/**\r\n * Props for the {@link ItemHeader} component.\r\n */\r\nexport type ItemHeaderProps = React.ComponentPropsWithoutRef<\"div\">;\r\n\r\n/**\r\n * Props for the {@link ItemFooter} component.\r\n */\r\nexport type ItemFooterProps = React.ComponentPropsWithoutRef<\"div\">;\r\n\r\n/**\r\n * Groups a collection of list-like items with consistent spacing.\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 * <ItemGroup>\r\n *   <Item />\r\n * </ItemGroup>\r\n * ```\r\n *\r\n * @see {@link ItemGroupProps} for available props\r\n */\r\nconst ItemGroup = React.forwardRef<HTMLDivElement, ItemGroupProps>(\r\n  ({className, ...props}: Readonly<ItemGroupProps>, ref): React.JSX.Element => (\r\n    <div\r\n      ref={ref}\r\n      role='list'\r\n      data-slot='item-group'\r\n      className={cn(styles.group, className)}\r\n      {...props}\r\n    />\r\n  ),\r\n);\r\n\r\n/**\r\n * Inserts a separator between adjacent items.\r\n *\r\n * @remarks\r\n * - Pure CSS component (no Base UI primitive)\r\n * - Renders a wrapped `Separator` component\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example\r\n * ```tsx\r\n * <ItemSeparator />\r\n * ```\r\n *\r\n * @see {@link ItemSeparatorProps} for available props\r\n */\r\nconst ItemSeparator = React.forwardRef<HTMLDivElement, ItemSeparatorProps>(\r\n  ({className, ...props}: Readonly<ItemSeparatorProps>, ref): React.JSX.Element => (\r\n    <Separator\r\n      ref={ref}\r\n      data-slot='item-separator'\r\n      orientation='horizontal'\r\n      className={cn(styles.separator, className)}\r\n      {...props}\r\n    />\r\n  ),\r\n);\r\n\r\n/**\r\n * Creates a flexible data-display row with optional media and actions.\r\n *\r\n * @remarks\r\n * - Pure CSS component (no Base UI primitive)\r\n * - Renders a `<div>` element by default\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example\r\n * ```tsx\r\n * <Item variant='outline'>Content</Item>\r\n * ```\r\n *\r\n * @see {@link ItemProps} for available props\r\n */\r\nconst Item = React.forwardRef<HTMLDivElement, ItemProps>(\r\n  (\r\n    {className, variant = \"default\", size = \"default\", asChild = false, children, ...props}: Readonly<ItemProps>,\r\n    ref,\r\n  ): React.JSX.Element => {\r\n    const mergedClassName = cn(\r\n      styles.item,\r\n      variant === \"outline\" && styles.outline,\r\n      variant === \"muted\" && styles.muted,\r\n      size === \"sm\" ? styles.sizeSm : styles.sizeDefault,\r\n      className,\r\n    );\r\n\r\n    if (asChild && React.isValidElement(children)) {\r\n      const child = children as React.ReactElement<\r\n        React.ComponentPropsWithoutRef<\"div\"> & ItemDataAttributes & {ref?: React.Ref<HTMLDivElement>}\r\n      >;\r\n\r\n      // eslint-disable-next-line react-x/no-clone-element -- replaces Radix Slot while preserving asChild prop merging\r\n      return React.cloneElement(child, {\r\n        ...props,\r\n        ref,\r\n        \"data-size\": size,\r\n        \"data-slot\": \"item\",\r\n        \"data-variant\": variant,\r\n        className: cn(mergedClassName, child.props.className),\r\n      });\r\n    }\r\n\r\n    return (\r\n      <div\r\n        ref={ref}\r\n        data-slot='item'\r\n        data-size={size}\r\n        data-variant={variant}\r\n        className={mergedClassName}\r\n        {...props}>\r\n        {children}\r\n      </div>\r\n    );\r\n  },\r\n);\r\n\r\n/**\r\n * Renders the leading media slot for an item.\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 * <ItemMedia variant='icon'>⭐</ItemMedia>\r\n * ```\r\n *\r\n * @see {@link ItemMediaProps} for available props\r\n */\r\nconst ItemMedia = React.forwardRef<HTMLDivElement, ItemMediaProps>(\r\n  ({className, variant = \"default\", ...props}: Readonly<ItemMediaProps>, ref): React.JSX.Element => (\r\n    <div\r\n      ref={ref}\r\n      data-slot='item-media'\r\n      data-variant={variant}\r\n      className={cn(styles.media, variant === \"icon\" && styles.mediaIcon, variant === \"image\" && styles.mediaImage, className)}\r\n      {...props}\r\n    />\r\n  ),\r\n);\r\n\r\n/**\r\n * Wraps the main textual content for an item.\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 * <ItemContent>Details</ItemContent>\r\n * ```\r\n *\r\n * @see {@link ItemContentProps} for available props\r\n */\r\nconst ItemContent = React.forwardRef<HTMLDivElement, ItemContentProps>(\r\n  ({className, ...props}: Readonly<ItemContentProps>, ref): React.JSX.Element => (\r\n    <div\r\n      ref={ref}\r\n      data-slot='item-content'\r\n      className={cn(styles.content, className)}\r\n      {...props}\r\n    />\r\n  ),\r\n);\r\n\r\n/**\r\n * Displays the primary title text for an item.\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 * <ItemTitle>Title</ItemTitle>\r\n * ```\r\n *\r\n * @see {@link ItemTitleProps} for available props\r\n */\r\nconst ItemTitle = React.forwardRef<HTMLDivElement, ItemTitleProps>(\r\n  ({className, ...props}: Readonly<ItemTitleProps>, ref): React.JSX.Element => (\r\n    <div\r\n      ref={ref}\r\n      data-slot='item-title'\r\n      className={cn(styles.title, className)}\r\n      {...props}\r\n    />\r\n  ),\r\n);\r\n\r\n/**\r\n * Displays secondary descriptive content for an item.\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 * <ItemDescription>Support text</ItemDescription>\r\n * ```\r\n *\r\n * @see {@link ItemDescriptionProps} for available props\r\n */\r\nconst ItemDescription = React.forwardRef<HTMLParagraphElement, ItemDescriptionProps>(\r\n  ({className, ...props}: Readonly<ItemDescriptionProps>, ref): React.JSX.Element => (\r\n    <p\r\n      ref={ref}\r\n      data-slot='item-description'\r\n      className={cn(styles.description, className)}\r\n      {...props}\r\n    />\r\n  ),\r\n);\r\n\r\n/**\r\n * Hosts action controls aligned to the trailing edge of an item.\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 * <ItemActions>\r\n *   <button type='button'>Edit</button>\r\n * </ItemActions>\r\n * ```\r\n *\r\n * @see {@link ItemActionsProps} for available props\r\n */\r\nconst ItemActions = React.forwardRef<HTMLDivElement, ItemActionsProps>(\r\n  ({className, ...props}: Readonly<ItemActionsProps>, ref): React.JSX.Element => (\r\n    <div\r\n      ref={ref}\r\n      data-slot='item-actions'\r\n      className={cn(styles.actions, className)}\r\n      {...props}\r\n    />\r\n  ),\r\n);\r\n\r\n/**\r\n * Wraps leading title and description content for an item.\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 * <ItemHeader>\r\n *   <ItemTitle>Profile</ItemTitle>\r\n * </ItemHeader>\r\n * ```\r\n *\r\n * @see {@link ItemHeaderProps} for available props\r\n */\r\nconst ItemHeader = React.forwardRef<HTMLDivElement, ItemHeaderProps>(\r\n  ({className, ...props}: Readonly<ItemHeaderProps>, ref): React.JSX.Element => (\r\n    <div\r\n      ref={ref}\r\n      data-slot='item-header'\r\n      className={cn(styles.header, className)}\r\n      {...props}\r\n    />\r\n  ),\r\n);\r\n\r\n/**\r\n * Wraps trailing metadata or supplementary content for an item.\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 * <ItemFooter>Updated 2m ago</ItemFooter>\r\n * ```\r\n *\r\n * @see {@link ItemFooterProps} for available props\r\n */\r\nconst ItemFooter = React.forwardRef<HTMLDivElement, ItemFooterProps>(\r\n  ({className, ...props}: Readonly<ItemFooterProps>, ref): React.JSX.Element => (\r\n    <div\r\n      ref={ref}\r\n      data-slot='item-footer'\r\n      className={cn(styles.footer, className)}\r\n      {...props}\r\n    />\r\n  ),\r\n);\r\n\r\nItemGroup.displayName = \"ItemGroup\";\r\nItemSeparator.displayName = \"ItemSeparator\";\r\nItem.displayName = \"Item\";\r\nItemMedia.displayName = \"ItemMedia\";\r\nItemContent.displayName = \"ItemContent\";\r\nItemTitle.displayName = \"ItemTitle\";\r\nItemDescription.displayName = \"ItemDescription\";\r\nItemActions.displayName = \"ItemActions\";\r\nItemHeader.displayName = \"ItemHeader\";\r\nItemFooter.displayName = \"ItemFooter\";\r\n\r\nexport {Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle};\r\n"],"names":["ItemGroup","React","className","props","ref","cn","styles","ItemSeparator","Separator","Item","variant","size","asChild","children","mergedClassName","child","ItemMedia","ItemContent","ItemTitle","ItemDescription","ItemActions","ItemHeader","ItemFooter"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"sources":["webpack://./home/runner/work/arolariu.ro/arolariu.ro/packages/components/src/components/ui/item.module.css","webpack://./src/components/ui/item.module.css"],"names":[],"mappings":"AADA;ECEE,sBAAsB;EACtB,aAAa;AACf;;AAEA;EACE,oBAAoB;AACtB;;AAEA;EACE,kCAAkC;EAClC,2BAA2B;EAC3B,4BAA4B;EAC5B,mBAAmB;EACnB,sBAAsB;EACtB,kIAAkI;EAClI,uBAAuB;EACvB,uBAAuB;EACvB,aAAa;EACb,eAAe;EACf,aAAa;AACf;;AAEA;EACE,cAAc;EACd,qBAAqB;AACvB;;AAEA;EACE,4BAA4B;EAC5B,oCAAoC;AACtC;;AAEA;EACE,8BAA8B;AAChC;;AAEA;EACE,qEAAqE;AACvE;;AAEA;EACE,sBAAsB;EACtB,0BAA0B;AAC5B;;AAEA;EACE,sCAAsC;EACtC,4DAA4D;AAC9D;;AAEA;EACE,mBAAmB;EACnB,sBAAsB;EACtB,uBAAuB;EACvB,aAAa;AACf;;AAEA;EACE,cAAc;AAChB;;AAEA;EACE,iCAAiC;EACjC,kCAAkC;EAClC,kCAAkC;EAClC,WAAW;EACX,YAAY;AACd;;AAEA;EACE,WAAW;EACX,YAAY;AACd;;AAEA;EACE,kCAAkC;EAClC,aAAa;EACb,cAAc;EACd,gBAAgB;AAClB;;AAEA;EACE,iBAAiB;EACjB,WAAW;EACX,YAAY;AACd;;AAEA;EACE,sBAAsB;EACtB,sBAAsB;EACtB,OAAO;EACP,YAAY;EACZ,aAAa;AACf;;AAEA;EACE,UAAU;AACZ;;AAEA;EACE,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,mBAAmB;EACnB,sBAAsB;EACtB,aAAa;AACf;;AAEA;EACE,gBAAgB;EAChB,8BAA8B;AAChC","sourcesContent":[".group{display:flex;flex-direction:column}.separator{margin:0!important}.item{align-items:center;background-color:transparent;border:1px solid transparent;border-radius:var(--ac-radius-md);color:var(--ac-foreground);display:flex;flex-wrap:wrap;font-size:var(--ac-text-sm);gap:var(--ac-space-4);outline:none;transition:border-color var(--ac-transition-fast),background-color var(--ac-transition-fast),box-shadow var(--ac-transition-fast)}.item a{color:inherit;text-decoration:none}.item:focus-visible{border-color:var(--ac-ring);box-shadow:0 0 0 1px var(--ac-ring)}.outline{border-color:var(--ac-border)}.muted{background-color:color-mix(in oklch,var(--ac-muted),transparent 25%)}.sizeDefault{gap:var(--ac-space-4);padding:var(--ac-space-4)}.sizeSm{gap:calc(var(--ac-space-2) + .125rem);padding:calc(var(--ac-space-2) + .125rem) var(--ac-space-4)}.media{align-items:center;display:flex;gap:var(--ac-space-2);justify-content:center}.media,.media svg{flex-shrink:0}.mediaIcon{background-color:var(--ac-muted);border:1px solid var(--ac-border);border-radius:var(--ac-radius-sm);height:2rem;width:2rem}.mediaIcon svg{height:1rem;width:1rem}.mediaImage{border-radius:var(--ac-radius-sm);height:2.5rem;overflow:hidden;width:2.5rem}.mediaImage img{height:100%;object-fit:cover;width:100%}.content{display:flex;flex:1 1 0%;flex-direction:column;gap:var(--ac-space-1);min-width:0}.content+.content{flex:none}.title{align-items:center;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)}}.actions,.footer,.header{align-items:center;display:flex;gap:var(--ac-space-2)}.footer,.header{flex-basis:100%;justify-content:space-between}",".group {\n  flex-direction: column;\n  display: flex;\n}\n\n.separator {\n  margin: 0 !important;\n}\n\n.item {\n  border-radius: var(--ac-radius-md);\n  color: var(--ac-foreground);\n  font-size: var(--ac-text-sm);\n  align-items: center;\n  gap: var(--ac-space-4);\n  transition: border-color var(--ac-transition-fast),background-color var(--ac-transition-fast),box-shadow var(--ac-transition-fast);\n  background-color: #0000;\n  border: 1px solid #0000;\n  outline: none;\n  flex-wrap: wrap;\n  display: flex;\n}\n\n.item a {\n  color: inherit;\n  text-decoration: none;\n}\n\n.item:focus-visible {\n  border-color: var(--ac-ring);\n  box-shadow: 0 0 0 1px var(--ac-ring);\n}\n\n.outline {\n  border-color: var(--ac-border);\n}\n\n.muted {\n  background-color: color-mix(in oklch,var(--ac-muted),transparent 25%);\n}\n\n.sizeDefault {\n  gap: var(--ac-space-4);\n  padding: var(--ac-space-4);\n}\n\n.sizeSm {\n  gap: calc(var(--ac-space-2) + .125rem);\n  padding: calc(var(--ac-space-2) + .125rem) var(--ac-space-4);\n}\n\n.media {\n  align-items: center;\n  gap: var(--ac-space-2);\n  justify-content: 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-sm);\n  width: 2rem;\n  height: 2rem;\n}\n\n.mediaIcon svg {\n  width: 1rem;\n  height: 1rem;\n}\n\n.mediaImage {\n  border-radius: var(--ac-radius-sm);\n  width: 2.5rem;\n  height: 2.5rem;\n  overflow: hidden;\n}\n\n.mediaImage img {\n  object-fit: cover;\n  width: 100%;\n  height: 100%;\n}\n\n.content {\n  gap: var(--ac-space-1);\n  flex-direction: column;\n  flex: 1;\n  min-width: 0;\n  display: flex;\n}\n\n.content + .content {\n  flex: none;\n}\n\n.title {\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.actions, .footer, .header {\n  align-items: center;\n  gap: var(--ac-space-2);\n  display: flex;\n}\n\n.footer, .header {\n  flex-basis: 100%;\n  justify-content: space-between;\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/item.module.css","webpack://./src/components/ui/item.module.css"],"names":[],"mappings":"AAAA;ECCE,sBAAsB;EACtB,aAAa;AACf;;ADH0C;ECMxC,oBAAoB;AACtB;;ADPwE;ECUtE,kCAAkC;EAClC,2BAA2B;EAC3B,4BAA4B;EAC5B,mBAAmB;EACnB,sBAAsB;EACtB,kIAAkI;EAClI,uBAAuB;EACvB,uBAAuB;EACvB,aAAa;EACb,eAAe;EACf,aAAa;AACf;;ADrBqb;ECwBnb,cAAc;EACd,qBAAqB;AACvB;;AD1Bge;EC6B9d,4BAA4B;EAC5B,oCAAoC;AACtC;;AD/BojB;ECkCljB,8BAA8B;AAChC;;ADnC2lB;ECsCzlB,qEAAqE;AACvE;;ADvCuqB;EC0CrqB,sBAAsB;EACtB,0BAA0B;AAC5B;;AD5CouB;EC+CluB,sCAAsC;EACtC,4DAA4D;AAC9D;;ADjD80B;ECoD50B,mBAAmB;EACnB,sBAAsB;EACtB,uBAAuB;EACvB,aAAa;AACf;;ADxDk6B;EC2Dh6B,cAAc;AAChB;;AD5Dk8B;EC+Dh8B,iCAAiC;EACjC,kCAAkC;EAClC,kCAAkC;EAClC,WAAW;EACX,YAAY;AACd;;ADpEykC;ECuEvkC,WAAW;EACX,YAAY;AACd;;ADzE+mC;EC4E7mC,kCAAkC;EAClC,aAAa;EACb,cAAc;EACd,gBAAgB;AAClB;;ADhFwsC;ECmFtsC,iBAAiB;EACjB,WAAW;EACX,YAAY;AACd;;ADtFgwC;ECyF9vC,sBAAsB;EACtB,sBAAsB;EACtB,OAAO;EACP,YAAY;EACZ,aAAa;AACf;;AD9F01C;ECiGx1C,UAAU;AACZ;;ADlGs3C;ECqGp3C,mBAAmB;EACnB,sBAAsB;EACtB,kBAAkB;EAClB,gBAAgB;EAChB,gBAAgB;EAChB,aAAa;AACf;;AD3Gq+C;EC8Gn+C,4BAA4B;AAC9B;;AD/GqhD;ECkHnhD,iCAAiC;EACjC,gBAAgB;AAClB;;ADpHmlD;ECuHjlD,cAAc;EACd,0BAA0B;EAC1B,0BAA0B;AAC5B;;AD1HoqD;EAAqB;IC8HrrD,2BAA2B;EAC7B;AACF;;ADhI0uD;ECmIxuD,mBAAmB;EACnB,sBAAsB;EACtB,aAAa;AACf;;ADtIyzD;ECyIvzD,gBAAgB;EAChB,8BAA8B;AAChC","sourcesContent":[".group{display:flex;flex-direction:column}.separator{margin:0!important}.item{align-items:center;background-color:transparent;border:1px solid transparent;border-radius:var(--ac-radius-md);color:var(--ac-foreground);display:flex;flex-wrap:wrap;font-size:var(--ac-text-sm);gap:var(--ac-space-4);outline:none;transition:border-color var(--ac-transition-fast),background-color var(--ac-transition-fast),box-shadow var(--ac-transition-fast)}.item a{color:inherit;text-decoration:none}.item:focus-visible{border-color:var(--ac-ring);box-shadow:0 0 0 1px var(--ac-ring)}.outline{border-color:var(--ac-border)}.muted{background-color:color-mix(in oklch,var(--ac-muted),transparent 25%)}.sizeDefault{gap:var(--ac-space-4);padding:var(--ac-space-4)}.sizeSm{gap:calc(var(--ac-space-2) + .125rem);padding:calc(var(--ac-space-2) + .125rem) var(--ac-space-4)}.media{align-items:center;display:flex;gap:var(--ac-space-2);justify-content:center}.media,.media svg{flex-shrink:0}.mediaIcon{background-color:var(--ac-muted);border:1px solid var(--ac-border);border-radius:var(--ac-radius-sm);height:2rem;width:2rem}.mediaIcon svg{height:1rem;width:1rem}.mediaImage{border-radius:var(--ac-radius-sm);height:2.5rem;overflow:hidden;width:2.5rem}.mediaImage img{height:100%;object-fit:cover;width:100%}.content{display:flex;flex:1 1 0%;flex-direction:column;gap:var(--ac-space-1);min-width:0}.content+.content{flex:none}.title{align-items:center;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)}}.actions,.footer,.header{align-items:center;display:flex;gap:var(--ac-space-2)}.footer,.header{flex-basis:100%;justify-content:space-between}",".group {\n  flex-direction: column;\n  display: flex;\n}\n\n.separator {\n  margin: 0 !important;\n}\n\n.item {\n  border-radius: var(--ac-radius-md);\n  color: var(--ac-foreground);\n  font-size: var(--ac-text-sm);\n  align-items: center;\n  gap: var(--ac-space-4);\n  transition: border-color var(--ac-transition-fast),background-color var(--ac-transition-fast),box-shadow var(--ac-transition-fast);\n  background-color: #0000;\n  border: 1px solid #0000;\n  outline: none;\n  flex-wrap: wrap;\n  display: flex;\n}\n\n.item a {\n  color: inherit;\n  text-decoration: none;\n}\n\n.item:focus-visible {\n  border-color: var(--ac-ring);\n  box-shadow: 0 0 0 1px var(--ac-ring);\n}\n\n.outline {\n  border-color: var(--ac-border);\n}\n\n.muted {\n  background-color: color-mix(in oklch,var(--ac-muted),transparent 25%);\n}\n\n.sizeDefault {\n  gap: var(--ac-space-4);\n  padding: var(--ac-space-4);\n}\n\n.sizeSm {\n  gap: calc(var(--ac-space-2) + .125rem);\n  padding: calc(var(--ac-space-2) + .125rem) var(--ac-space-4);\n}\n\n.media {\n  align-items: center;\n  gap: var(--ac-space-2);\n  justify-content: 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-sm);\n  width: 2rem;\n  height: 2rem;\n}\n\n.mediaIcon svg {\n  width: 1rem;\n  height: 1rem;\n}\n\n.mediaImage {\n  border-radius: var(--ac-radius-sm);\n  width: 2.5rem;\n  height: 2.5rem;\n  overflow: hidden;\n}\n\n.mediaImage img {\n  object-fit: cover;\n  width: 100%;\n  height: 100%;\n}\n\n.content {\n  gap: var(--ac-space-1);\n  flex-direction: column;\n  flex: 1;\n  min-width: 0;\n  display: flex;\n}\n\n.content + .content {\n  flex: none;\n}\n\n.title {\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.actions, .footer, .header {\n  align-items: center;\n  gap: var(--ac-space-2);\n  display: flex;\n}\n\n.footer, .header {\n  flex-basis: 100%;\n  justify-content: space-between;\n}\n"],"sourceRoot":""}

package/dist/components/ui/kbd.js

@@ -1,14 +1,14 @@
 import { jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
 import { cn } from "../../lib/utilities.js";
 import kbd_module from "./kbd.module.js";
-const Kbd = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("kbd", {
+import * as __rspack_external_react from "react";
+const Kbd = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("kbd", {
         ref: ref,
         "data-slot": "kbd",
         className: cn(kbd_module.kbd, className),
         ...props
     }));
-const KbdGroup = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("kbd", {
+const KbdGroup = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("kbd", {
         ref: ref,
         "data-slot": "kbd-group",
         className: cn(kbd_module.group, className),

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

@@ -1 +1 @@
-{"version":3,"file":"components/ui/kbd.js","sources":["../../../src/components/ui/kbd.tsx"],"sourcesContent":["import * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\nimport styles from \"./kbd.module.css\";\r\n\r\n/**\r\n * Props for the {@link Kbd} component.\r\n */\r\nexport type KbdProps = React.ComponentPropsWithoutRef<\"kbd\">;\r\n\r\n/**\r\n * Props for the {@link KbdGroup} component.\r\n */\r\nexport type KbdGroupProps = React.ComponentPropsWithoutRef<\"kbd\">;\r\n\r\n/**\r\n * Renders an inline keyboard keycap label.\r\n *\r\n * @remarks\r\n * - Pure CSS component (no Base UI primitive)\r\n * - Renders a `<kbd>` element\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example\r\n * ```tsx\r\n * <Kbd>⌘K</Kbd>\r\n * ```\r\n *\r\n * @see {@link KbdProps} for available props\r\n */\r\nconst Kbd = React.forwardRef<HTMLElement, KbdProps>(\r\n  ({className, ...props}: Readonly<KbdProps>, ref): React.JSX.Element => (\r\n    <kbd\r\n      ref={ref}\r\n      data-slot='kbd'\r\n      className={cn(styles.kbd, className)}\r\n      {...props}\r\n    />\r\n  ),\r\n);\r\n\r\n/**\r\n * Groups multiple keyboard keycap labels into a shared visual cluster.\r\n *\r\n * @remarks\r\n * - Pure CSS component (no Base UI primitive)\r\n * - Renders a `<kbd>` element\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example\r\n * ```tsx\r\n * <KbdGroup>\r\n *   <Kbd>⌘</Kbd>\r\n *   <Kbd>K</Kbd>\r\n * </KbdGroup>\r\n * ```\r\n *\r\n * @see {@link KbdGroupProps} for available props\r\n */\r\nconst KbdGroup = React.forwardRef<HTMLElement, KbdGroupProps>(\r\n  ({className, ...props}: Readonly<KbdGroupProps>, ref): React.JSX.Element => (\r\n    <kbd\r\n      ref={ref}\r\n      data-slot='kbd-group'\r\n      className={cn(styles.group, className)}\r\n      {...props}\r\n    />\r\n  ),\r\n);\r\n\r\nKbd.displayName = \"Kbd\";\r\nKbdGroup.displayName = \"KbdGroup\";\r\n\r\nexport {Kbd, KbdGroup};\r\n"],"names":["Kbd","React","className","props","ref","cn","styles","KbdGroup"],"mappings":";;;;AA8BA,MAAMA,MAAM,WAAHA,GAAGC,WACV,CAAC,EAACC,SAAS,EAAE,GAAGC,OAA0B,EAAEC,MAAAA,WAAAA,GAC1C,IAAC;QACC,KAAKA;QACL,aAAU;QACV,WAAWC,GAAGC,WAAAA,GAAU,EAAEJ;QACzB,GAAGC,KAAK;;AAuBf,MAAMI,WAAW,WAAHA,GAAGN,WACf,CAAC,EAACC,SAAS,EAAE,GAAGC,OAA+B,EAAEC,MAAAA,WAAAA,GAC/C,IAAC;QACC,KAAKA;QACL,aAAU;QACV,WAAWC,GAAGC,WAAAA,KAAY,EAAEJ;QAC3B,GAAGC,KAAK;;AAKfH,IAAI,WAAW,GAAG;AAClBO,SAAS,WAAW,GAAG"}
+{"version":3,"file":"components/ui/kbd.js","sources":["../../../src/components/ui/kbd.tsx"],"sourcesContent":["import * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\nimport styles from \"./kbd.module.css\";\r\n\r\n/**\r\n * Props for the {@link Kbd} component.\r\n */\r\nexport type KbdProps = React.ComponentPropsWithoutRef<\"kbd\">;\r\n\r\n/**\r\n * Props for the {@link KbdGroup} component.\r\n */\r\nexport type KbdGroupProps = React.ComponentPropsWithoutRef<\"kbd\">;\r\n\r\n/**\r\n * Renders an inline keyboard keycap label.\r\n *\r\n * @remarks\r\n * - Pure CSS component (no Base UI primitive)\r\n * - Renders a `<kbd>` element\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example\r\n * ```tsx\r\n * <Kbd>⌘K</Kbd>\r\n * ```\r\n *\r\n * @see {@link KbdProps} for available props\r\n */\r\nconst Kbd = React.forwardRef<HTMLElement, KbdProps>(\r\n  ({className, ...props}: Readonly<KbdProps>, ref): React.JSX.Element => (\r\n    <kbd\r\n      ref={ref}\r\n      data-slot='kbd'\r\n      className={cn(styles.kbd, className)}\r\n      {...props}\r\n    />\r\n  ),\r\n);\r\n\r\n/**\r\n * Groups multiple keyboard keycap labels into a shared visual cluster.\r\n *\r\n * @remarks\r\n * - Pure CSS component (no Base UI primitive)\r\n * - Renders a `<kbd>` element\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example\r\n * ```tsx\r\n * <KbdGroup>\r\n *   <Kbd>⌘</Kbd>\r\n *   <Kbd>K</Kbd>\r\n * </KbdGroup>\r\n * ```\r\n *\r\n * @see {@link KbdGroupProps} for available props\r\n */\r\nconst KbdGroup = React.forwardRef<HTMLElement, KbdGroupProps>(\r\n  ({className, ...props}: Readonly<KbdGroupProps>, ref): React.JSX.Element => (\r\n    <kbd\r\n      ref={ref}\r\n      data-slot='kbd-group'\r\n      className={cn(styles.group, className)}\r\n      {...props}\r\n    />\r\n  ),\r\n);\r\n\r\nKbd.displayName = \"Kbd\";\r\nKbdGroup.displayName = \"KbdGroup\";\r\n\r\nexport {Kbd, KbdGroup};\r\n"],"names":["Kbd","React","className","props","ref","cn","styles","KbdGroup"],"mappings":";;;;AA8BA,MAAMA,MAAM,WAAHA,GAAGC,wBAAAA,UAAgB,CAC1B,CAAC,EAACC,SAAS,EAAE,GAAGC,OAA0B,EAAEC,MAAAA,WAAAA,GAC1C,IAAC;QACC,KAAKA;QACL,aAAU;QACV,WAAWC,GAAGC,WAAAA,GAAU,EAAEJ;QACzB,GAAGC,KAAK;;AAuBf,MAAMI,WAAW,WAAHA,GAAGN,wBAAAA,UAAgB,CAC/B,CAAC,EAACC,SAAS,EAAE,GAAGC,OAA+B,EAAEC,MAAAA,WAAAA,GAC/C,IAAC;QACC,KAAKA;QACL,aAAU;QACV,WAAWC,GAAGC,WAAAA,KAAY,EAAEJ;QAC3B,GAAGC,KAAK;;AAKfH,IAAI,WAAW,GAAG;AAClBO,SAAS,WAAW,GAAG"}

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

@@ -1 +1 @@
-{"version":3,"sources":["webpack://./home/runner/work/arolariu.ro/arolariu.ro/packages/components/src/components/ui/kbd.module.css","webpack://./src/components/ui/kbd.module.css"],"names":[],"mappings":"AADA;ECEE,iCAAiC;EACjC,8BAA8B;EAC9B,kCAAkC;EAClC,iCAAiC;EACjC,2GAA2G;EAC3G,4BAA4B;EAC5B,mBAAmB;EACnB,sBAAsB;EACtB,yBAAyB;EACzB,4BAA4B;EAC5B,4BAA4B;EAC5B,oBAAoB;EACpB,yBAAyB;EACzB,iBAAiB;EACjB,yBAAyB;EACzB,uBAAuB;EACvB,kBAAkB;EAClB,gBAAgB;EAChB,oBAAoB;AACtB;;AAEA;EACE,aAAa;EACb,cAAc;AAChB;;AAEA;EACE,mBAAmB;EACnB,sBAAsB;EACtB,oBAAoB;AACtB","sourcesContent":[".kbd{align-items:center;background-color:var(--ac-muted);border:solid var(--ac-border);border-radius:var(--ac-radius-sm);border-width:1px 1px 2px;color:var(--ac-muted-foreground);display:inline-flex;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:var(--ac-text-xs);font-weight:600;gap:var(--ac-space-1);height:var(--ac-size-xs);justify-content:center;min-width:var(--ac-size-xs);padding:0 var(--ac-space-1);pointer-events:none;user-select:none;width:fit-content}.kbd svg{height:.75rem;width:.75rem}.group{align-items:center;display:inline-flex;gap:var(--ac-space-1)}",".kbd {\n  background-color: var(--ac-muted);\n  border: solid var(--ac-border);\n  border-radius: var(--ac-radius-sm);\n  color: var(--ac-muted-foreground);\n  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;\n  font-size: var(--ac-text-xs);\n  align-items: center;\n  gap: var(--ac-space-1);\n  height: var(--ac-size-xs);\n  min-width: var(--ac-size-xs);\n  padding: 0 var(--ac-space-1);\n  pointer-events: none;\n  -webkit-user-select: none;\n  user-select: none;\n  border-width: 1px 1px 2px;\n  justify-content: center;\n  width: fit-content;\n  font-weight: 600;\n  display: inline-flex;\n}\n\n.kbd svg {\n  width: .75rem;\n  height: .75rem;\n}\n\n.group {\n  align-items: center;\n  gap: var(--ac-space-1);\n  display: inline-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/kbd.module.css","webpack://./src/components/ui/kbd.module.css"],"names":[],"mappings":"AAAA;ECCE,iCAAiC;EACjC,8BAA8B;EAC9B,kCAAkC;EAClC,iCAAiC;EACjC,2GAA2G;EAC3G,4BAA4B;EAC5B,mBAAmB;EACnB,sBAAsB;EACtB,yBAAyB;EACzB,4BAA4B;EAC5B,4BAA4B;EAC5B,oBAAoB;EACpB,yBAAyB;EACzB,iBAAiB;EACjB,yBAAyB;EACzB,uBAAuB;EACvB,kBAAkB;EAClB,gBAAgB;EAChB,oBAAoB;AACtB;;ADpB4gB;ECuB1gB,aAAa;EACb,cAAc;AAChB;;ADzBgjB;EC4B9iB,mBAAmB;EACnB,sBAAsB;EACtB,oBAAoB;AACtB","sourcesContent":[".kbd{align-items:center;background-color:var(--ac-muted);border:solid var(--ac-border);border-radius:var(--ac-radius-sm);border-width:1px 1px 2px;color:var(--ac-muted-foreground);display:inline-flex;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:var(--ac-text-xs);font-weight:600;gap:var(--ac-space-1);height:var(--ac-size-xs);justify-content:center;min-width:var(--ac-size-xs);padding:0 var(--ac-space-1);pointer-events:none;user-select:none;width:fit-content}.kbd svg{height:.75rem;width:.75rem}.group{align-items:center;display:inline-flex;gap:var(--ac-space-1)}",".kbd {\n  background-color: var(--ac-muted);\n  border: solid var(--ac-border);\n  border-radius: var(--ac-radius-sm);\n  color: var(--ac-muted-foreground);\n  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;\n  font-size: var(--ac-text-xs);\n  align-items: center;\n  gap: var(--ac-space-1);\n  height: var(--ac-size-xs);\n  min-width: var(--ac-size-xs);\n  padding: 0 var(--ac-space-1);\n  pointer-events: none;\n  -webkit-user-select: none;\n  user-select: none;\n  border-width: 1px 1px 2px;\n  justify-content: center;\n  width: fit-content;\n  font-weight: 600;\n  display: inline-flex;\n}\n\n.kbd svg {\n  width: .75rem;\n  height: .75rem;\n}\n\n.group {\n  align-items: center;\n  gap: var(--ac-space-1);\n  display: inline-flex;\n}\n"],"sourceRoot":""}

package/dist/components/ui/label.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"components/ui/label.js","sources":["../../../src/components/ui/label.tsx"],"sourcesContent":["import * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\nimport styles from \"./label.module.css\";\r\n\r\n/**\r\n * Represents the configurable props for the Label component.\r\n *\r\n * @remarks\r\n * Extends native `<label>` attributes so the component can participate in accessible\r\n * form relationships while exposing a documented class override.\r\n */\r\nexport interface LabelProps extends React.LabelHTMLAttributes<HTMLLabelElement> {\r\n  /**\r\n   * Additional CSS classes merged with the default label typography.\r\n   */\r\n  className?: string;\r\n}\r\n\r\n/**\r\n * An accessible text label for form controls and field groups.\r\n *\r\n * @remarks\r\n * **Rendering Context**: Client Component.\r\n *\r\n * Renders a styled `<label>` element that pairs naturally with form inputs through\r\n * `htmlFor`. Use it to provide clear, clickable context for interactive controls.\r\n *\r\n * @example\r\n * ```tsx\r\n * <Label htmlFor=\"email\">Email address</Label>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/label Base UI Label docs}\r\n */\r\nconst Label = React.forwardRef<HTMLLabelElement, LabelProps>(({children, className, htmlFor, ...props}, ref) => (\r\n  <label\r\n    ref={ref}\r\n    className={cn(styles.label, className)}\r\n    htmlFor={htmlFor}\r\n    {...props}>\r\n    {children}\r\n  </label>\r\n));\r\nLabel.displayName = \"Label\";\r\n\r\nexport {Label};\r\n"],"names":["Label","React","children","className","htmlFor","props","ref","cn","styles"],"mappings":";;;;AAmCA,MAAMA,QAAQ,WAAHA,GAAGC,WAA+C,CAAC,EAACC,QAAQ,EAAEC,SAAS,EAAEC,OAAO,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GACtG,IAAC;QACC,KAAKA;QACL,WAAWC,GAAGC,aAAAA,KAAY,EAAEL;QAC5B,SAASC;QACR,GAAGC,KAAK;kBACRH;;AAGLF,MAAM,WAAW,GAAG"}
+{"version":3,"file":"components/ui/label.js","sources":["../../../src/components/ui/label.tsx"],"sourcesContent":["import * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\nimport styles from \"./label.module.css\";\r\n\r\n/**\r\n * Represents the configurable props for the Label component.\r\n *\r\n * @remarks\r\n * Extends native `<label>` attributes so the component can participate in accessible\r\n * form relationships while exposing a documented class override.\r\n */\r\nexport interface LabelProps extends React.LabelHTMLAttributes<HTMLLabelElement> {\r\n  /**\r\n   * Additional CSS classes merged with the default label typography.\r\n   */\r\n  className?: string;\r\n}\r\n\r\n/**\r\n * An accessible text label for form controls and field groups.\r\n *\r\n * @remarks\r\n * **Rendering Context**: Client Component.\r\n *\r\n * Renders a styled `<label>` element that pairs naturally with form inputs through\r\n * `htmlFor`. Use it to provide clear, clickable context for interactive controls.\r\n *\r\n * @example\r\n * ```tsx\r\n * <Label htmlFor=\"email\">Email address</Label>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/label Base UI Label docs}\r\n */\r\nconst Label = React.forwardRef<HTMLLabelElement, LabelProps>(({children, className, htmlFor, ...props}, ref) => (\r\n  <label\r\n    ref={ref}\r\n    className={cn(styles.label, className)}\r\n    htmlFor={htmlFor}\r\n    {...props}>\r\n    {children}\r\n  </label>\r\n));\r\nLabel.displayName = \"Label\";\r\n\r\nexport {Label};\r\n"],"names":["Label","React","children","className","htmlFor","props","ref","cn","styles"],"mappings":";;;;AAmCA,MAAMA,QAAQ,WAAHA,GAAGC,wBAAAA,UAAgB,CAA+B,CAAC,EAACC,QAAQ,EAAEC,SAAS,EAAEC,OAAO,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GACtG,IAAC;QACC,KAAKA;QACL,WAAWC,GAAGC,aAAAA,KAAY,EAAEL;QAC5B,SAASC;QACR,GAAGC,KAAK;kBACRH;;AAGLF,MAAM,WAAW,GAAG"}

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

@@ -1 +1 @@
-{"version":3,"sources":["webpack://./home/runner/work/arolariu.ro/arolariu.ro/packages/components/src/components/ui/label.module.css","webpack://./src/components/ui/label.module.css"],"names":[],"mappings":"AADA;ECEE,2BAA2B;EAC3B,eAAe;EACf,4BAA4B;EAC5B,yBAAyB;EACzB,iBAAiB;EACjB,gBAAgB;EAChB,cAAc;AAChB;;AAEA;EACE,mBAAmB;EACnB,WAAW;AACb","sourcesContent":[".label{color:var(--ac-foreground);cursor:default;font-size:var(--ac-text-sm);font-weight:500;line-height:1;user-select:none}.label[data-disabled]{cursor:not-allowed;opacity:.7}",".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  font-weight: 500;\n  line-height: 1;\n}\n\n.label[data-disabled] {\n  cursor: not-allowed;\n  opacity: .7;\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/label.module.css","webpack://./src/components/ui/label.module.css"],"names":[],"mappings":"AAAA;ECCE,2BAA2B;EAC3B,eAAe;EACf,4BAA4B;EAC5B,yBAAyB;EACzB,iBAAiB;EACjB,gBAAgB;EAChB,cAAc;AAChB;;ADR4H;ECW1H,mBAAmB;EACnB,WAAW;AACb","sourcesContent":[".label{color:var(--ac-foreground);cursor:default;font-size:var(--ac-text-sm);font-weight:500;line-height:1;user-select:none}.label[data-disabled]{cursor:not-allowed;opacity:.7}",".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  font-weight: 500;\n  line-height: 1;\n}\n\n.label[data-disabled] {\n  cursor: not-allowed;\n  opacity: .7;\n}\n"],"sourceRoot":""}

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

@@ -1,9 +1,9 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { forwardRef } from "react";
 import { cn } from "../../lib/utilities.js";
 import list_skeleton_module from "./list-skeleton.module.js";
 import { Skeleton } from "./skeleton.js";
-const ListSkeleton = /*#__PURE__*/ forwardRef(({ items = 5, showAvatar = true, className, ...props }, ref)=>/*#__PURE__*/ jsx("div", {
+import * as __rspack_external_react from "react";
+const ListSkeleton = /*#__PURE__*/ __rspack_external_react.forwardRef(({ items = 5, showAvatar = true, className, ...props }, ref)=>/*#__PURE__*/ jsx("div", {
         ref: ref,
         className: cn(list_skeleton_module.list, className),
         ...props,

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

@@ -1 +1 @@
-{"version":3,"file":"components/ui/list-skeleton.js","sources":["../../../src/components/ui/list-skeleton.tsx"],"sourcesContent":["import * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\n\r\nimport styles from \"./list-skeleton.module.css\";\r\nimport {Skeleton} from \"./skeleton\";\r\n\r\n/**\r\n * Represents the configurable props for the {@link ListSkeleton} component.\r\n *\r\n * @remarks\r\n * Extends native `<div>` attributes so list-shaped placeholders can be embedded in\r\n * semantic containers and customized with layout or accessibility attributes.\r\n */\r\ninterface ListSkeletonProps extends React.HTMLAttributes<HTMLDivElement> {\r\n  /**\r\n   * Number of list item placeholders to render.\r\n   *\r\n   * @default 5\r\n   */\r\n  items?: number;\r\n  /**\r\n   * Whether each item should render a leading circular avatar placeholder.\r\n   *\r\n   * @default true\r\n   */\r\n  showAvatar?: boolean;\r\n}\r\n\r\n/**\r\n * Renders a skeleton placeholder shaped like a stacked list of items.\r\n *\r\n * @remarks\r\n * **Rendering Context**: Server- and client-compatible presentational component.\r\n *\r\n * Each item includes optional avatar media plus two text lines, making it suitable for\r\n * activity feeds, contact lists, or navigation menus that load incrementally.\r\n *\r\n * @example\r\n * ```tsx\r\n * <ListSkeleton items={8} showAvatar={false} aria-label=\"Loading notifications\" />\r\n * ```\r\n *\r\n * @see {@link ListSkeletonProps} for available props\r\n */\r\nconst ListSkeleton = React.forwardRef<HTMLDivElement, ListSkeletonProps>(\r\n  ({items = 5, showAvatar = true, className, ...props}: Readonly<ListSkeletonProps>, ref): React.JSX.Element => (\r\n    <div\r\n      ref={ref}\r\n      className={cn(styles.list, className)}\r\n      {...props}>\r\n      {Array.from({length: items}, (_, index) => (\r\n        <div\r\n          key={index}\r\n          className={styles.item}>\r\n          {showAvatar ? <Skeleton className={styles.avatar} /> : null}\r\n          <div className={styles.text}>\r\n            <Skeleton className={styles.primary} />\r\n            <Skeleton className={styles.secondary} />\r\n          </div>\r\n        </div>\r\n      ))}\r\n    </div>\r\n  ),\r\n);\r\n\r\nListSkeleton.displayName = \"ListSkeleton\";\r\n\r\nexport {ListSkeleton};\r\nexport type {ListSkeletonProps};\r\n"],"names":["ListSkeleton","React","items","showAvatar","className","props","ref","cn","styles","Array","_","index","Skeleton"],"mappings":";;;;;AA6CA,MAAMA,eAAe,WAAHA,GAAGC,WACnB,CAAC,EAACC,QAAQ,CAAC,EAAEC,aAAa,IAAI,EAAEC,SAAS,EAAE,GAAGC,OAAmC,EAAEC,MAAAA,WAAAA,GACjF,IAAC;QACC,KAAKA;QACL,WAAWC,GAAGC,qBAAAA,IAAW,EAAEJ;QAC1B,GAAGC,KAAK;kBACRI,MAAM,IAAI,CAAC;YAAC,QAAQP;QAAK,GAAG,CAACQ,GAAGC,QAAAA,WAAAA,GAC/B,KAAC;gBAEC,WAAWH,qBAAAA,IAAW;;oBACrBL,aAAa,WAAbA,GAAa,IAACS,UAAQA;wBAAC,WAAWJ,qBAAAA,MAAa;yBAAO;kCACvD,KAAC;wBAAI,WAAWA,qBAAAA,IAAW;;0CACzB,IAACI,UAAQA;gCAAC,WAAWJ,qBAAAA,OAAc;;0CACnC,IAACI,UAAQA;gCAAC,WAAWJ,qBAAAA,SAAgB;;;;;eALlCG;;AAafX,aAAa,WAAW,GAAG"}
+{"version":3,"file":"components/ui/list-skeleton.js","sources":["../../../src/components/ui/list-skeleton.tsx"],"sourcesContent":["import * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\n\r\nimport styles from \"./list-skeleton.module.css\";\r\nimport {Skeleton} from \"./skeleton\";\r\n\r\n/**\r\n * Represents the configurable props for the {@link ListSkeleton} component.\r\n *\r\n * @remarks\r\n * Extends native `<div>` attributes so list-shaped placeholders can be embedded in\r\n * semantic containers and customized with layout or accessibility attributes.\r\n */\r\ninterface ListSkeletonProps extends React.HTMLAttributes<HTMLDivElement> {\r\n  /**\r\n   * Number of list item placeholders to render.\r\n   *\r\n   * @default 5\r\n   */\r\n  items?: number;\r\n  /**\r\n   * Whether each item should render a leading circular avatar placeholder.\r\n   *\r\n   * @default true\r\n   */\r\n  showAvatar?: boolean;\r\n}\r\n\r\n/**\r\n * Renders a skeleton placeholder shaped like a stacked list of items.\r\n *\r\n * @remarks\r\n * **Rendering Context**: Server- and client-compatible presentational component.\r\n *\r\n * Each item includes optional avatar media plus two text lines, making it suitable for\r\n * activity feeds, contact lists, or navigation menus that load incrementally.\r\n *\r\n * @example\r\n * ```tsx\r\n * <ListSkeleton items={8} showAvatar={false} aria-label=\"Loading notifications\" />\r\n * ```\r\n *\r\n * @see {@link ListSkeletonProps} for available props\r\n */\r\nconst ListSkeleton = React.forwardRef<HTMLDivElement, ListSkeletonProps>(\r\n  ({items = 5, showAvatar = true, className, ...props}: Readonly<ListSkeletonProps>, ref): React.JSX.Element => (\r\n    <div\r\n      ref={ref}\r\n      className={cn(styles.list, className)}\r\n      {...props}>\r\n      {Array.from({length: items}, (_, index) => (\r\n        <div\r\n          key={index}\r\n          className={styles.item}>\r\n          {showAvatar ? <Skeleton className={styles.avatar} /> : null}\r\n          <div className={styles.text}>\r\n            <Skeleton className={styles.primary} />\r\n            <Skeleton className={styles.secondary} />\r\n          </div>\r\n        </div>\r\n      ))}\r\n    </div>\r\n  ),\r\n);\r\n\r\nListSkeleton.displayName = \"ListSkeleton\";\r\n\r\nexport {ListSkeleton};\r\nexport type {ListSkeletonProps};\r\n"],"names":["ListSkeleton","React","items","showAvatar","className","props","ref","cn","styles","Array","_","index","Skeleton"],"mappings":";;;;;AA6CA,MAAMA,eAAe,WAAHA,GAAGC,wBAAAA,UAAgB,CACnC,CAAC,EAACC,QAAQ,CAAC,EAAEC,aAAa,IAAI,EAAEC,SAAS,EAAE,GAAGC,OAAmC,EAAEC,MAAAA,WAAAA,GACjF,IAAC;QACC,KAAKA;QACL,WAAWC,GAAGC,qBAAAA,IAAW,EAAEJ;QAC1B,GAAGC,KAAK;kBACRI,MAAM,IAAI,CAAC;YAAC,QAAQP;QAAK,GAAG,CAACQ,GAAGC,QAAAA,WAAAA,GAC/B,KAAC;gBAEC,WAAWH,qBAAAA,IAAW;;oBACrBL,aAAa,WAAbA,GAAa,IAACS,UAAQA;wBAAC,WAAWJ,qBAAAA,MAAa;yBAAO;kCACvD,KAAC;wBAAI,WAAWA,qBAAAA,IAAW;;0CACzB,IAACI,UAAQA;gCAAC,WAAWJ,qBAAAA,OAAc;;0CACnC,IAACI,UAAQA;gCAAC,WAAWJ,qBAAAA,SAAgB;;;;;eALlCG;;AAafX,aAAa,WAAW,GAAG"}

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

@@ -1 +1 @@
-{"version":3,"sources":["webpack://./home/runner/work/arolariu.ro/arolariu.ro/packages/components/src/components/ui/list-skeleton.module.css","webpack://./src/components/ui/list-skeleton.module.css"],"names":[],"mappings":"AADA;ECEE,sBAAsB;AACxB;;AAEA;EACE,sBAAsB;EACtB,aAAa;AACf;;AAEA;EACE,mBAAmB;AACrB;;AAEA;EACE,kBAAkB;EAClB,cAAc;EACd,aAAa;EACb,cAAc;AAChB;;AAEA;EACE,sBAAsB;EACtB,sBAAsB;EACtB,OAAO;EACP,aAAa;AACf;;AAEA;EACE,UAAU;EACV,eAAe;AACjB;;AAEA;EACE,UAAU;EACV,cAAc;AAChB","sourcesContent":[".list{flex-direction:column}.item,.list{display:flex;gap:var(--ac-space-3)}.item{align-items:center}.avatar{border-radius:50%;flex-shrink:0;height:2.5rem;width:2.5rem}.text{display:flex;flex:1;flex-direction:column;gap:var(--ac-space-1)}.primary{height:.875rem;width:60%}.secondary{height:.75rem;width:40%}",".list {\n  flex-direction: column;\n}\n\n.item, .list {\n  gap: var(--ac-space-3);\n  display: flex;\n}\n\n.item {\n  align-items: center;\n}\n\n.avatar {\n  border-radius: 50%;\n  flex-shrink: 0;\n  width: 2.5rem;\n  height: 2.5rem;\n}\n\n.text {\n  gap: var(--ac-space-1);\n  flex-direction: column;\n  flex: 1;\n  display: flex;\n}\n\n.primary {\n  width: 60%;\n  height: .875rem;\n}\n\n.secondary {\n  width: 40%;\n  height: .75rem;\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/list-skeleton.module.css","webpack://./src/components/ui/list-skeleton.module.css"],"names":[],"mappings":"AAAA;ECCE,sBAAsB;AACxB;;ADF4B;ECK1B,sBAAsB;EACtB,aAAa;AACf;;ADP2E;ECUzE,mBAAmB;AACrB;;ADXoG;ECclG,kBAAkB;EAClB,cAAc;EACd,aAAa;EACb,cAAc;AAChB;;ADlBuK;ECqBrK,sBAAsB;EACtB,sBAAsB;EACtB,OAAO;EACP,aAAa;AACf;;ADzB6O;EC4B3O,UAAU;EACV,eAAe;AACjB;;AD9B+Q;ECiC7Q,UAAU;EACV,cAAc;AAChB","sourcesContent":[".list{flex-direction:column}.item,.list{display:flex;gap:var(--ac-space-3)}.item{align-items:center}.avatar{border-radius:50%;flex-shrink:0;height:2.5rem;width:2.5rem}.text{display:flex;flex:1;flex-direction:column;gap:var(--ac-space-1)}.primary{height:.875rem;width:60%}.secondary{height:.75rem;width:40%}",".list {\n  flex-direction: column;\n}\n\n.item, .list {\n  gap: var(--ac-space-3);\n  display: flex;\n}\n\n.item {\n  align-items: center;\n}\n\n.avatar {\n  border-radius: 50%;\n  flex-shrink: 0;\n  width: 2.5rem;\n  height: 2.5rem;\n}\n\n.text {\n  gap: var(--ac-space-1);\n  flex-direction: column;\n  flex: 1;\n  display: flex;\n}\n\n.primary {\n  width: 60%;\n  height: .875rem;\n}\n\n.secondary {\n  width: 40%;\n  height: .75rem;\n}\n"],"sourceRoot":""}

package/dist/components/ui/loading-overlay.js

@@ -1,10 +1,10 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
 import { cn } from "../../lib/utilities.js";
 import loading_overlay_module from "./loading-overlay.module.js";
 import { Spinner } from "./spinner.js";
-const LoadingOverlay = /*#__PURE__*/ forwardRef(({ visible = true, blur = false, className, children, ...props }, ref)=>{
+import * as __rspack_external_react from "react";
+const LoadingOverlay = /*#__PURE__*/ __rspack_external_react.forwardRef(({ visible = true, blur = false, className, children, ...props }, ref)=>{
     if (!visible) return null;
     return /*#__PURE__*/ jsx("div", {
         ref: ref,

package/dist/components/ui/loading-overlay.js.map

@@ -1 +1 @@
-{"version":3,"file":"components/ui/loading-overlay.js","sources":["../../../src/components/ui/loading-overlay.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\n\r\nimport styles from \"./loading-overlay.module.css\";\r\nimport {Spinner} from \"./spinner\";\r\n\r\n/**\r\n * Represents the configurable props for the {@link LoadingOverlay} component.\r\n *\r\n * @remarks\r\n * Extends native `<div>` attributes so overlays can be positioned inside relatively\r\n * positioned containers, annotated for accessibility, and visually customized.\r\n */\r\ninterface LoadingOverlayProps extends React.HTMLAttributes<HTMLDivElement> {\r\n  /**\r\n   * Whether the overlay should be rendered.\r\n   *\r\n   * @default true\r\n   */\r\n  visible?: boolean;\r\n  /**\r\n   * Whether a backdrop blur effect should be applied behind the overlay.\r\n   *\r\n   * @default false\r\n   */\r\n  blur?: boolean;\r\n}\r\n\r\n/**\r\n * Renders a centered loading overlay for pending asynchronous operations.\r\n *\r\n * @remarks\r\n * **Rendering Context**: Client component.\r\n *\r\n * Place this component inside a relatively positioned container to block interactions\r\n * while preserving the layout underneath. By default, it renders the shared spinner, but\r\n * custom children can replace that indicator when richer progress UI is needed.\r\n *\r\n * @example\r\n * ```tsx\r\n * <div className=\"relative\">\r\n *   <LoadingOverlay visible blur />\r\n *   <Content />\r\n * </div>\r\n * ```\r\n *\r\n * @see {@link LoadingOverlayProps} for available props\r\n */\r\nconst LoadingOverlay = React.forwardRef<HTMLDivElement, LoadingOverlayProps>(\r\n  ({visible = true, blur = false, className, children, ...props}: Readonly<LoadingOverlayProps>, ref): React.JSX.Element | null => {\r\n    if (!visible) {\r\n      return null;\r\n    }\r\n\r\n    return (\r\n      <div\r\n        ref={ref}\r\n        className={cn(styles.overlay, blur && styles.blur, className)}\r\n        {...props}>\r\n        {children ?? <Spinner className={styles.spinner} />}\r\n      </div>\r\n    );\r\n  },\r\n);\r\n\r\nLoadingOverlay.displayName = \"LoadingOverlay\";\r\n\r\nexport {LoadingOverlay};\r\nexport type {LoadingOverlayProps};\r\n"],"names":["LoadingOverlay","React","visible","blur","className","children","props","ref","cn","styles","Spinner"],"mappings":";;;;;;AAmDA,MAAMA,iBAAiB,WAAHA,GAAGC,WACrB,CAAC,EAACC,UAAU,IAAI,EAAEC,OAAO,KAAK,EAAEC,SAAS,EAAEC,QAAQ,EAAE,GAAGC,OAAqC,EAAEC;IAC7F,IAAI,CAACL,SACH,OAAO;IAGT,OAAO,WAAP,GACE,IAAC;QACC,KAAKK;QACL,WAAWC,GAAGC,uBAAAA,OAAc,EAAEN,QAAQM,uBAAAA,IAAW,EAAEL;QAClD,GAAGE,KAAK;kBACRD,YAAY,WAAZA,GAAY,IAACK,SAAOA;YAAC,WAAWD,uBAAAA,OAAc;;;AAGrD;AAGFT,eAAe,WAAW,GAAG"}
+{"version":3,"file":"components/ui/loading-overlay.js","sources":["../../../src/components/ui/loading-overlay.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\n\r\nimport styles from \"./loading-overlay.module.css\";\r\nimport {Spinner} from \"./spinner\";\r\n\r\n/**\r\n * Represents the configurable props for the {@link LoadingOverlay} component.\r\n *\r\n * @remarks\r\n * Extends native `<div>` attributes so overlays can be positioned inside relatively\r\n * positioned containers, annotated for accessibility, and visually customized.\r\n */\r\ninterface LoadingOverlayProps extends React.HTMLAttributes<HTMLDivElement> {\r\n  /**\r\n   * Whether the overlay should be rendered.\r\n   *\r\n   * @default true\r\n   */\r\n  visible?: boolean;\r\n  /**\r\n   * Whether a backdrop blur effect should be applied behind the overlay.\r\n   *\r\n   * @default false\r\n   */\r\n  blur?: boolean;\r\n}\r\n\r\n/**\r\n * Renders a centered loading overlay for pending asynchronous operations.\r\n *\r\n * @remarks\r\n * **Rendering Context**: Client component.\r\n *\r\n * Place this component inside a relatively positioned container to block interactions\r\n * while preserving the layout underneath. By default, it renders the shared spinner, but\r\n * custom children can replace that indicator when richer progress UI is needed.\r\n *\r\n * @example\r\n * ```tsx\r\n * <div className=\"relative\">\r\n *   <LoadingOverlay visible blur />\r\n *   <Content />\r\n * </div>\r\n * ```\r\n *\r\n * @see {@link LoadingOverlayProps} for available props\r\n */\r\nconst LoadingOverlay = React.forwardRef<HTMLDivElement, LoadingOverlayProps>(\r\n  ({visible = true, blur = false, className, children, ...props}: Readonly<LoadingOverlayProps>, ref): React.JSX.Element | null => {\r\n    if (!visible) {\r\n      return null;\r\n    }\r\n\r\n    return (\r\n      <div\r\n        ref={ref}\r\n        className={cn(styles.overlay, blur && styles.blur, className)}\r\n        {...props}>\r\n        {children ?? <Spinner className={styles.spinner} />}\r\n      </div>\r\n    );\r\n  },\r\n);\r\n\r\nLoadingOverlay.displayName = \"LoadingOverlay\";\r\n\r\nexport {LoadingOverlay};\r\nexport type {LoadingOverlayProps};\r\n"],"names":["LoadingOverlay","React","visible","blur","className","children","props","ref","cn","styles","Spinner"],"mappings":";;;;;;AAmDA,MAAMA,iBAAiB,WAAHA,GAAGC,wBAAAA,UAAgB,CACrC,CAAC,EAACC,UAAU,IAAI,EAAEC,OAAO,KAAK,EAAEC,SAAS,EAAEC,QAAQ,EAAE,GAAGC,OAAqC,EAAEC;IAC7F,IAAI,CAACL,SACH,OAAO;IAGT,OAAO,WAAP,GACE,IAAC;QACC,KAAKK;QACL,WAAWC,GAAGC,uBAAAA,OAAc,EAAEN,QAAQM,uBAAAA,IAAW,EAAEL;QAClD,GAAGE,KAAK;kBACRD,YAAY,WAAZA,GAAY,IAACK,SAAOA;YAAC,WAAWD,uBAAAA,OAAc;;;AAGrD;AAGFT,eAAe,WAAW,GAAG"}

package/dist/components/ui/loading-overlay_module.css.map

@@ -1 +1 @@
-{"version":3,"sources":["webpack://./home/runner/work/arolariu.ro/arolariu.ro/packages/components/src/components/ui/loading-overlay.module.css","webpack://./src/components/ui/loading-overlay.module.css"],"names":[],"mappings":"AADA;ECEE,yDAAyD;EACzD,sBAAsB;EACtB,WAAW;EACX,uBAAuB;EACvB,mBAAmB;EACnB,aAAa;EACb,kBAAkB;EAClB,QAAQ;AACV;;AAEA;EACE,0BAA0B;AAC5B;;AAEA;EACE,WAAW;EACX,YAAY;AACd","sourcesContent":[".overlay{align-items:center;background-color:rgb(from var(--ac-background) r g b/.7);border-radius:inherit;display:flex;inset:0;justify-content:center;position:absolute;z-index:10}.blur{backdrop-filter:blur(4px)}.spinner{height:2rem;width:2rem}",".overlay {\n  background-color: rgb(from var(--ac-background) r g b/.7);\n  border-radius: inherit;\n  z-index: 10;\n  justify-content: center;\n  align-items: center;\n  display: flex;\n  position: absolute;\n  inset: 0;\n}\n\n.blur {\n  backdrop-filter: blur(4px);\n}\n\n.spinner {\n  width: 2rem;\n  height: 2rem;\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/loading-overlay.module.css","webpack://./src/components/ui/loading-overlay.module.css"],"names":[],"mappings":"AAAA;ECCE,yDAAyD;EACzD,sBAAsB;EACtB,WAAW;EACX,uBAAuB;EACvB,mBAAmB;EACnB,aAAa;EACb,kBAAkB;EAClB,QAAQ;AACV;;ADToL;ECYlL,0BAA0B;AAC5B;;ADboN;ECgBlN,WAAW;EACX,YAAY;AACd","sourcesContent":[".overlay{align-items:center;background-color:rgb(from var(--ac-background) r g b/.7);border-radius:inherit;display:flex;inset:0;justify-content:center;position:absolute;z-index:10}.blur{backdrop-filter:blur(4px)}.spinner{height:2rem;width:2rem}",".overlay {\n  background-color: rgb(from var(--ac-background) r g b/.7);\n  border-radius: inherit;\n  z-index: 10;\n  justify-content: center;\n  align-items: center;\n  display: flex;\n  position: absolute;\n  inset: 0;\n}\n\n.blur {\n  backdrop-filter: blur(4px);\n}\n\n.spinner {\n  width: 2rem;\n  height: 2rem;\n}\n"],"sourceRoot":""}

package/dist/components/ui/menubar.js

@@ -5,9 +5,9 @@ import { Menubar } from "@base-ui/react/menubar";
 import { mergeProps } from "@base-ui/react/merge-props";
 import { useRender } from "@base-ui/react/use-render";
 import { Check, ChevronRight, Circle } from "lucide-react";
-import { forwardRef, isValidElement } from "react";
 import { cn } from "../../lib/utilities.js";
 import menubar_module from "./menubar.module.js";
+import * as __rspack_external_react from "react";
 const MenubarMenu = Menu.Root;
 const MenubarGroup = Menu.Group;
 const MenubarPortal = Menu.Portal;
@@ -27,7 +27,7 @@ function menubar_Menubar(props) {
         children: children
     });
 }
-const MenubarTrigger = /*#__PURE__*/ forwardRef((props, ref)=>{
+const MenubarTrigger = /*#__PURE__*/ __rspack_external_react.forwardRef((props, ref)=>{
     const { className, children, render, ...otherProps } = props;
     return /*#__PURE__*/ jsx(Menu.Trigger, {
         ref: ref,
@@ -83,7 +83,7 @@ function MenubarSubContent(props) {
         })
     });
 }
-const MenubarContent = /*#__PURE__*/ forwardRef((props, ref)=>{
+const MenubarContent = /*#__PURE__*/ __rspack_external_react.forwardRef((props, ref)=>{
     const { alignOffset = -4, className, children, render, sideOffset = 8, ...otherProps } = props;
     return /*#__PURE__*/ jsx(MenubarPortal, {
         children: /*#__PURE__*/ jsx(Menu.Positioner, {
@@ -201,7 +201,7 @@ function MenubarSeparator(props) {
 }
 function MenubarShortcut(props) {
     const { asChild = false, children, className, render, ...otherProps } = props;
-    const renderProp = asChild && /*#__PURE__*/ isValidElement(children) ? children : render;
+    const renderProp = asChild && /*#__PURE__*/ __rspack_external_react.isValidElement(children) ? children : render;
     return useRender({
         defaultTagName: "span",
         render: renderProp,