@arolariu/components 0.5.0 → 1.1.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\nconst InputOTP = React.forwardRef<React.ComponentRef<typeof OTPInput>, React.ComponentPropsWithoutRef<typeof OTPInput>>(\r\n  ({className, containerClassName, ...props}, ref) => (\r\n    <OTPInput\r\n      ref={ref}\r\n      containerClassName={cn(\"flex items-center gap-2 has-[:disabled]:opacity-50\", containerClassName)}\r\n      className={cn(\"disabled:cursor-not-allowed\", className)}\r\n      {...props}\r\n    />\r\n  ),\r\n);\r\nInputOTP.displayName = \"InputOTP\";\r\n\r\nconst InputOTPGroup = React.forwardRef<React.ComponentRef<\"div\">, React.ComponentPropsWithoutRef<\"div\">>(({className, ...props}, ref) => (\r\n  <div\r\n    ref={ref}\r\n    className={cn(\"flex items-center\", className)}\r\n    {...props}\r\n  />\r\n));\r\nInputOTPGroup.displayName = \"InputOTPGroup\";\r\n\r\nconst InputOTPSlot = React.forwardRef<React.ComponentRef<\"div\">, React.ComponentPropsWithoutRef<\"div\"> & {index: number}>(\r\n  ({index, className, ...props}, ref) => {\r\n    const inputOTPContext = React.useContext(OTPInputContext);\r\n    const {char, hasFakeCaret, isActive} = inputOTPContext.slots[index];\r\n\r\n    return (\r\n      <div\r\n        ref={ref}\r\n        className={cn(\r\n          \"relative flex h-9 w-9 items-center justify-center border-y border-r border-neutral-200 text-sm shadow-sm transition-all first:rounded-l-md first:border-l last:rounded-r-md dark:border-neutral-800\",\r\n          isActive && \"z-10 ring-1 ring-neutral-950 dark:ring-neutral-300\",\r\n          className,\r\n        )}\r\n        {...props}>\r\n        {char}\r\n        {Boolean(hasFakeCaret) && (\r\n          <div className='pointer-events-none absolute inset-0 flex items-center justify-center'>\r\n            <div className='animate-caret-blink h-4 w-px bg-neutral-950 duration-1000 dark:bg-neutral-50' />\r\n          </div>\r\n        )}\r\n      </div>\r\n    );\r\n  },\r\n);\r\nInputOTPSlot.displayName = \"InputOTPSlot\";\r\n\r\nconst InputOTPSeparator = React.forwardRef<React.ComponentRef<\"div\">, React.ComponentPropsWithoutRef<\"div\">>(({...props}, ref) => (\r\n  <div\r\n    ref={ref}\r\n    role='separator'\r\n    {...props}>\r\n    <Minus />\r\n  </div>\r\n));\r\nInputOTPSeparator.displayName = \"InputOTPSeparator\";\r\n\r\nexport {InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot};\r\n"],"names":["InputOTP","React","className","containerClassName","props","ref","OTPInput","cn","InputOTPGroup","InputOTPSlot","index","inputOTPContext","OTPInputContext","char","hasFakeCaret","isActive","Boolean","InputOTPSeparator","Minus"],"mappings":";;;;;;AAQA,MAAMA,WAAW,WAAXA,GAAWC,WACf,CAAC,EAACC,SAAS,EAAEC,kBAAkB,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GAC1C,IAACC,UAAQA;QACP,KAAKD;QACL,oBAAoBE,GAAG,sDAAsDJ;QAC7E,WAAWI,GAAG,+BAA+BL;QAC5C,GAAGE,KAAK;;AAIfJ,SAAS,WAAW,GAAG;AAEvB,MAAMQ,gBAAgB,WAAhBA,GAAgBP,WAAmF,CAAC,EAACC,SAAS,EAAE,GAAGE,OAAM,EAAEC,MAAAA,WAAAA,GAC/H,IAAC;QACC,KAAKA;QACL,WAAWE,GAAG,qBAAqBL;QAClC,GAAGE,KAAK;;AAGbI,cAAc,WAAW,GAAG;AAE5B,MAAMC,eAAe,WAAfA,GAAeR,WACnB,CAAC,EAACS,KAAK,EAAER,SAAS,EAAE,GAAGE,OAAM,EAAEC;IAC7B,MAAMM,kBAAkBV,WAAiBW;IACzC,MAAM,EAACC,IAAI,EAAEC,YAAY,EAAEC,QAAQ,EAAC,GAAGJ,gBAAgB,KAAK,CAACD,MAAM;IAEnE,OAAO,WAAP,GACE,KAAC;QACC,KAAKL;QACL,WAAWE,GACT,uMACAQ,YAAY,sDACZb;QAED,GAAGE,KAAK;;YACRS;YACAG,QAAQF,iBAAiB,WAAjBA,GACP,IAAC;gBAAI,WAAU;0BACb,kBAAC;oBAAI,WAAU;;;;;AAKzB;AAEFL,aAAa,WAAW,GAAG;AAE3B,MAAMQ,oBAAoB,WAApBA,GAAoBhB,WAAmF,CAAC,EAAC,GAAGG,OAAM,EAAEC,MAAAA,WAAAA,GACxH,IAAC;QACC,KAAKA;QACL,MAAK;QACJ,GAAGD,KAAK;kBACT,kBAACc,OAAKA,CAAAA;;AAGVD,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} 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"}

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

@@ -0,0 +1,17 @@
+import "./input-otp_module.css";
+const input_otp_module = {
+    container: "container-U9UC2U",
+    input: "input-lWZagp",
+    group: "group-EPknjg",
+    slot: "slot-EuHJxS",
+    slotActive: "slotActive-YgSRAe",
+    fakeCaretContainer: "fakeCaretContainer-A8xPfO",
+    fakeCaret: "fakeCaret-uKsVOy",
+    "input-otp-caret-blink": "input-otp-caret-blink-xB4jq3",
+    inputOtpCaretBlink: "input-otp-caret-blink-xB4jq3",
+    separator: "separator-Z7JNVn",
+    separatorIcon: "separatorIcon-nUhHy4"
+};
+export default input_otp_module;
+
+//# sourceMappingURL=input-otp.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"components/ui/input-otp.module.js","sources":["../../../src/components/ui/input-otp.module.css"],"sourcesContent":["// extracted by LIB_CSS_EXTRACT_LOADER\nimport \"./input-otp_module.css\"\nexport default {\"container\":\"container-U9UC2U\",\"input\":\"input-lWZagp\",\"group\":\"group-EPknjg\",\"slot\":\"slot-EuHJxS\",\"slotActive\":\"slotActive-YgSRAe\",\"fakeCaretContainer\":\"fakeCaretContainer-A8xPfO\",\"fakeCaret\":\"fakeCaret-uKsVOy\",\"input-otp-caret-blink\":\"input-otp-caret-blink-xB4jq3\",\"inputOtpCaretBlink\":\"input-otp-caret-blink-xB4jq3\",\"separator\":\"separator-Z7JNVn\",\"separatorIcon\":\"separatorIcon-nUhHy4\"};"],"names":[],"mappings":";AAEA,yBAAe;IAAC,WAAY;IAAmB,OAAQ;IAAe,OAAQ;IAAe,MAAO;IAAc,YAAa;IAAoB,oBAAqB;IAA4B,WAAY;IAAmB,yBAAwB;IAA+B,oBAAqB;IAA+B,WAAY;IAAmB,eAAgB;AAAsB"}

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

@@ -0,0 +1,89 @@
+.container-U9UC2U {
+  align-items: center;
+  gap: var(--ac-space-2);
+  display: flex;
+}
+
+.container-U9UC2U:has(:disabled) {
+  opacity: .5;
+}
+
+.input-lWZagp:disabled {
+  cursor: not-allowed;
+}
+
+.group-EPknjg, .slot-EuHJxS {
+  align-items: center;
+  display: flex;
+}
+
+.slot-EuHJxS {
+  background-color: var(--ac-background);
+  border-block: 1px solid var(--ac-border);
+  border-right: 1px solid var(--ac-border);
+  color: var(--ac-foreground);
+  font-size: var(--ac-text-sm);
+  height: 2.25rem;
+  transition: box-shadow var(--ac-transition-fast),border-color var(--ac-transition-fast);
+  justify-content: center;
+  width: 2.25rem;
+  position: relative;
+  box-shadow: 0 1px 2px #0000000d;
+}
+
+.slot-EuHJxS: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-EuHJxS:last-child {
+  border-bottom-right-radius: var(--ac-radius-md);
+  border-top-right-radius: var(--ac-radius-md);
+}
+
+.slotActive-YgSRAe {
+  box-shadow: 0 0 0 1px var(--ac-ring);
+  z-index: 1;
+}
+
+.fakeCaretContainer-A8xPfO {
+  pointer-events: none;
+  justify-content: center;
+  align-items: center;
+  display: flex;
+  position: absolute;
+  inset: 0;
+}
+
+.fakeCaret-uKsVOy {
+  background-color: var(--ac-foreground);
+  width: 1px;
+  height: 1rem;
+  animation: 1s ease-out infinite input-otp-caret-blink-xB4jq3;
+}
+
+.separator-Z7JNVn {
+  color: var(--ac-muted-foreground);
+  justify-content: center;
+  align-items: center;
+  display: flex;
+}
+
+.separatorIcon-nUhHy4 {
+  width: 1rem;
+  height: 1rem;
+}
+
+@keyframes input-otp-caret-blink-xB4jq3 {
+  0%, 70%, to {
+    opacity: 1;
+  }
+
+  20%, 50% {
+    opacity: 0;
+  }
+}
+
+
+/*# sourceMappingURL=input-otp_module.css.map */

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

@@ -0,0 +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":""}

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

@@ -1,4 +1,34 @@
+import { Input as BaseInput } from "@base-ui/react/input";
 import * as React from "react";
-declare const Input: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
+/**
+ * Props for the shared input wrapper.
+ */
+export interface InputProps extends Omit<React.ComponentPropsWithRef<typeof BaseInput>, "className"> {
+    /** Additional CSS classes merged with the input styles. @default undefined */
+    className?: string;
+    /** The HTML input type forwarded to the underlying control. @default undefined */
+    type?: React.HTMLInputTypeAttribute;
+}
+/**
+ * Renders a styled text input for free-form single-line entry.
+ *
+ * @remarks
+ * - Renders an `<input>` element by default
+ * - Built on {@link https://base-ui.com/react/components/input | Base UI Input}
+ * - Supports the `render` prop for element composition
+ * - Styling via CSS Modules with `--ac-*` custom properties
+ *
+ * @example Basic usage
+ * ```tsx
+ * <Input type="email" placeholder="name@example.com" />
+ * ```
+ *
+ * @see {@link https://base-ui.com/react/components/input | Base UI Documentation}
+ */
+declare const Input: React.ForwardRefExoticComponent<Omit<InputProps, "ref"> & React.RefAttributes<HTMLElement>>;
+declare namespace Input {
+    type Props = InputProps;
+    type State = BaseInput.State;
+}
 export { Input };
 //# sourceMappingURL=input.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../src/components/ui/input.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,QAAA,MAAM,KAAK,8KAYT,CAAC;AAGH,OAAO,EAAC,KAAK,EAAC,CAAC"}
+{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../src/components/ui/input.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAC,KAAK,IAAI,SAAS,EAAC,MAAM,sBAAsB,CAAC;AAGxD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B;;GAEG;AACH,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,OAAO,SAAS,CAAC,EAAE,WAAW,CAAC;IAClG,8EAA8E;IAC9E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kFAAkF;IAClF,IAAI,CAAC,EAAE,KAAK,CAAC,sBAAsB,CAAC;CACrC;AAED;;;;;;;;;;;;;;;GAeG;AACH,QAAA,MAAM,KAAK,6FAiBV,CAAC;AAIF,kBAAU,KAAK,CAAC;IACd,KAAY,KAAK,GAAG,UAAU,CAAC;IAC/B,KAAY,KAAK,GAAG,SAAS,CAAC,KAAK,CAAC;CACrC;AAED,OAAO,EAAC,KAAK,EAAC,CAAC"}

package/dist/components/ui/input.js

@@ -1,14 +1,27 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
-import { cn } from "../../lib/utilities.js";
+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";
-const Input = /*#__PURE__*/ forwardRef(({ className, type, ...props }, ref)=>/*#__PURE__*/ jsx("input", {
-        type: type,
-        className: cn("flex h-9 w-full rounded-md border border-neutral-200 bg-transparent px-3 py-1 text-base shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-neutral-950 placeholder:text-neutral-500 focus-visible:ring-1 focus-visible:ring-neutral-950 focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm dark:border-neutral-800 dark:file:text-neutral-50 dark:placeholder:text-neutral-400 dark:focus-visible:ring-neutral-300", className),
+import { cn } from "../../lib/utilities.js";
+import input_module from "./input.module.js";
+const input_Input = /*#__PURE__*/ forwardRef((props, ref)=>{
+    const { className, render, type, ...otherProps } = props;
+    return /*#__PURE__*/ jsx(Input, {
         ref: ref,
-        ...props
-    }));
-Input.displayName = "Input";
-export { Input };
+        type: type,
+        ...otherProps,
+        render: useRender({
+            defaultTagName: "input",
+            render: render,
+            props: mergeProps({
+                className: cn(input_module.input, className)
+            }, {})
+        })
+    });
+});
+input_Input.displayName = "Input";
+export { input_Input as Input };
 
 //# sourceMappingURL=input.js.map

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 {cn} from \"@/lib/utilities\";\r\nimport * as React from \"react\";\r\n\r\nconst Input = React.forwardRef<HTMLInputElement, React.ComponentProps<\"input\">>(({className, type, ...props}, ref) => {\r\n  return (\r\n    <input\r\n      type={type}\r\n      className={cn(\r\n        \"flex h-9 w-full rounded-md border border-neutral-200 bg-transparent px-3 py-1 text-base shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-neutral-950 placeholder:text-neutral-500 focus-visible:ring-1 focus-visible:ring-neutral-950 focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm dark:border-neutral-800 dark:file:text-neutral-50 dark:placeholder:text-neutral-400 dark:focus-visible:ring-neutral-300\",\r\n        className,\r\n      )}\r\n      ref={ref}\r\n      {...props}\r\n    />\r\n  );\r\n});\r\nInput.displayName = \"Input\";\r\n\r\nexport {Input};\r\n"],"names":["Input","React","className","type","props","ref","cn"],"mappings":";;;;AAKA,MAAMA,QAAQ,WAARA,GAAQC,WAAkE,CAAC,EAACC,SAAS,EAAEC,IAAI,EAAE,GAAGC,OAAM,EAAEC,MACrG,WAAP,GACE,IAAC;QACC,MAAMF;QACN,WAAWG,GACT,4eACAJ;QAEF,KAAKG;QACJ,GAAGD,KAAK;;AAIfJ,MAAM,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,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"}

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

@@ -0,0 +1,7 @@
+import "./input_module.css";
+const input_module = {
+    input: "input-KhGasQ"
+};
+export default input_module;
+
+//# sourceMappingURL=input.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"components/ui/input.module.js","sources":["../../../src/components/ui/input.module.css"],"sourcesContent":["// extracted by LIB_CSS_EXTRACT_LOADER\nimport \"./input_module.css\"\nexport default {\"input\":\"input-KhGasQ\"};"],"names":[],"mappings":";AAEA,qBAAe;IAAC,OAAQ;AAAc"}

package/dist/components/ui/input_module.css

@@ -0,0 +1,40 @@
+.input-KhGasQ {
+  border: 1px solid var(--ac-input);
+  border-radius: var(--ac-radius-md);
+  box-sizing: border-box;
+  color: var(--ac-foreground);
+  font-size: var(--ac-text-sm);
+  height: var(--ac-size-default);
+  padding: var(--ac-space-1) var(--ac-space-3);
+  transition: border-color var(--ac-transition-fast),box-shadow var(--ac-transition-fast);
+  background-color: #0000;
+  outline: none;
+  width: 100%;
+  line-height: 1.5;
+  display: flex;
+
+  &::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"] {
+    font-size: var(--ac-text-sm);
+    background-color: #0000;
+    border: none;
+    padding: 0;
+    font-weight: 500;
+  }
+}
+
+
+/*# sourceMappingURL=input_module.css.map */

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

@@ -0,0 +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":""}

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

@@ -1,24 +1,226 @@
-import { type VariantProps } from "class-variance-authority";
 import * as React from "react";
 import { Separator } from "./separator";
-declare function ItemGroup({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
-declare function ItemSeparator({ className, ...props }: React.ComponentProps<typeof Separator>): import("react/jsx-runtime").JSX.Element;
-declare const itemVariants: (props?: {
-    variant?: "default" | "outline" | "muted";
-    size?: "default" | "sm";
-} & import("class-variance-authority/types").ClassProp) => string;
-declare function Item({ className, variant, size, asChild, ...props }: React.ComponentProps<"div"> & VariantProps<typeof itemVariants> & {
+/** Supported surface variants for {@link Item}. */
+export type ItemVariant = "default" | "outline" | "muted";
+/** Supported size variants for {@link Item}. */
+export type ItemSize = "default" | "sm";
+/** Supported media treatments for {@link ItemMedia}. */
+export type ItemMediaVariant = "default" | "icon" | "image";
+/**
+ * Props for the {@link ItemGroup} component.
+ */
+export type ItemGroupProps = React.ComponentPropsWithoutRef<"div">;
+/**
+ * Props for the {@link ItemSeparator} component.
+ */
+export type ItemSeparatorProps = React.ComponentPropsWithoutRef<typeof Separator>;
+/**
+ * Props for the {@link Item} component.
+ */
+export interface ItemProps extends React.ComponentPropsWithoutRef<"div"> {
+    /** Enables rendering an existing div-compatible child element. @default false */
     asChild?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
-declare const itemMediaVariants: (props?: {
-    variant?: "image" | "default" | "icon";
-} & import("class-variance-authority/types").ClassProp) => string;
-declare function ItemMedia({ className, variant, ...props }: React.ComponentProps<"div"> & VariantProps<typeof itemMediaVariants>): import("react/jsx-runtime").JSX.Element;
-declare function ItemContent({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
-declare function ItemTitle({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
-declare function ItemDescription({ className, ...props }: React.ComponentProps<"p">): import("react/jsx-runtime").JSX.Element;
-declare function ItemActions({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
-declare function ItemHeader({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
-declare function ItemFooter({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+    /** Compactness applied to the item container. @default "default" */
+    size?: ItemSize;
+    /** Visual surface treatment for the item container. @default "default" */
+    variant?: ItemVariant;
+}
+/**
+ * Props for the {@link ItemMedia} component.
+ */
+export interface ItemMediaProps extends React.ComponentPropsWithoutRef<"div"> {
+    /** Visual treatment used for the media slot. @default "default" */
+    variant?: ItemMediaVariant;
+}
+/**
+ * Props for the {@link ItemContent} component.
+ */
+export type ItemContentProps = React.ComponentPropsWithoutRef<"div">;
+/**
+ * Props for the {@link ItemTitle} component.
+ */
+export type ItemTitleProps = React.ComponentPropsWithoutRef<"div">;
+/**
+ * Props for the {@link ItemDescription} component.
+ */
+export type ItemDescriptionProps = React.ComponentPropsWithoutRef<"p">;
+/**
+ * Props for the {@link ItemActions} component.
+ */
+export type ItemActionsProps = React.ComponentPropsWithoutRef<"div">;
+/**
+ * Props for the {@link ItemHeader} component.
+ */
+export type ItemHeaderProps = React.ComponentPropsWithoutRef<"div">;
+/**
+ * Props for the {@link ItemFooter} component.
+ */
+export type ItemFooterProps = React.ComponentPropsWithoutRef<"div">;
+/**
+ * Groups a collection of list-like items with consistent spacing.
+ *
+ * @remarks
+ * - Pure CSS component (no Base UI primitive)
+ * - Renders a `<div>` element
+ * - Styling via CSS Modules with `--ac-*` custom properties
+ *
+ * @example
+ * ```tsx
+ * <ItemGroup>
+ *   <Item />
+ * </ItemGroup>
+ * ```
+ *
+ * @see {@link ItemGroupProps} for available props
+ */
+declare const ItemGroup: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Inserts a separator between adjacent items.
+ *
+ * @remarks
+ * - Pure CSS component (no Base UI primitive)
+ * - Renders a wrapped `Separator` component
+ * - Styling via CSS Modules with `--ac-*` custom properties
+ *
+ * @example
+ * ```tsx
+ * <ItemSeparator />
+ * ```
+ *
+ * @see {@link ItemSeparatorProps} for available props
+ */
+declare const ItemSeparator: React.ForwardRefExoticComponent<Omit<Omit<import("./separator").SeparatorProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Creates a flexible data-display row with optional media and actions.
+ *
+ * @remarks
+ * - Pure CSS component (no Base UI primitive)
+ * - Renders a `<div>` element by default
+ * - Styling via CSS Modules with `--ac-*` custom properties
+ *
+ * @example
+ * ```tsx
+ * <Item variant='outline'>Content</Item>
+ * ```
+ *
+ * @see {@link ItemProps} for available props
+ */
+declare const Item: React.ForwardRefExoticComponent<ItemProps & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Renders the leading media slot for an item.
+ *
+ * @remarks
+ * - Pure CSS component (no Base UI primitive)
+ * - Renders a `<div>` element
+ * - Styling via CSS Modules with `--ac-*` custom properties
+ *
+ * @example
+ * ```tsx
+ * <ItemMedia variant='icon'>⭐</ItemMedia>
+ * ```
+ *
+ * @see {@link ItemMediaProps} for available props
+ */
+declare const ItemMedia: React.ForwardRefExoticComponent<ItemMediaProps & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Wraps the main textual content for an item.
+ *
+ * @remarks
+ * - Pure CSS component (no Base UI primitive)
+ * - Renders a `<div>` element
+ * - Styling via CSS Modules with `--ac-*` custom properties
+ *
+ * @example
+ * ```tsx
+ * <ItemContent>Details</ItemContent>
+ * ```
+ *
+ * @see {@link ItemContentProps} for available props
+ */
+declare const ItemContent: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Displays the primary title text for an item.
+ *
+ * @remarks
+ * - Pure CSS component (no Base UI primitive)
+ * - Renders a `<div>` element
+ * - Styling via CSS Modules with `--ac-*` custom properties
+ *
+ * @example
+ * ```tsx
+ * <ItemTitle>Title</ItemTitle>
+ * ```
+ *
+ * @see {@link ItemTitleProps} for available props
+ */
+declare const ItemTitle: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Displays secondary descriptive content for an item.
+ *
+ * @remarks
+ * - Pure CSS component (no Base UI primitive)
+ * - Renders a `<p>` element
+ * - Styling via CSS Modules with `--ac-*` custom properties
+ *
+ * @example
+ * ```tsx
+ * <ItemDescription>Support text</ItemDescription>
+ * ```
+ *
+ * @see {@link ItemDescriptionProps} for available props
+ */
+declare const ItemDescription: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+/**
+ * Hosts action controls aligned to the trailing edge of an item.
+ *
+ * @remarks
+ * - Pure CSS component (no Base UI primitive)
+ * - Renders a `<div>` element
+ * - Styling via CSS Modules with `--ac-*` custom properties
+ *
+ * @example
+ * ```tsx
+ * <ItemActions>
+ *   <button type='button'>Edit</button>
+ * </ItemActions>
+ * ```
+ *
+ * @see {@link ItemActionsProps} for available props
+ */
+declare const ItemActions: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Wraps leading title and description content for an item.
+ *
+ * @remarks
+ * - Pure CSS component (no Base UI primitive)
+ * - Renders a `<div>` element
+ * - Styling via CSS Modules with `--ac-*` custom properties
+ *
+ * @example
+ * ```tsx
+ * <ItemHeader>
+ *   <ItemTitle>Profile</ItemTitle>
+ * </ItemHeader>
+ * ```
+ *
+ * @see {@link ItemHeaderProps} for available props
+ */
+declare const ItemHeader: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Wraps trailing metadata or supplementary content for an item.
+ *
+ * @remarks
+ * - Pure CSS component (no Base UI primitive)
+ * - Renders a `<div>` element
+ * - Styling via CSS Modules with `--ac-*` custom properties
+ *
+ * @example
+ * ```tsx
+ * <ItemFooter>Updated 2m ago</ItemFooter>
+ * ```
+ *
+ * @see {@link ItemFooterProps} for available props
+ */
+declare const ItemFooter: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export { Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle };
 //# sourceMappingURL=item.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"item.d.ts","sourceRoot":"","sources":["../../../src/components/ui/item.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAM,KAAK,YAAY,EAAC,MAAM,0BAA0B,CAAC;AAChE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,SAAS,EAAC,MAAM,2BAA2B,CAAC;AAGpD,iBAAS,SAAS,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CASpE;AAED,iBAAS,aAAa,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,2CASnF;AAED,QAAA,MAAM,YAAY;;;iEAmBjB,CAAC;AAEF,iBAAS,IAAI,CAAC,EACZ,SAAS,EACT,OAAmB,EACnB,IAAgB,EAChB,OAAe,EACf,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,YAAY,CAAC,OAAO,YAAY,CAAC,GAAG;IAAC,OAAO,CAAC,EAAE,OAAO,CAAA;CAAC,2CAWvF;AAED,QAAA,MAAM,iBAAiB;;iEActB,CAAC;AAEF,iBAAS,SAAS,CAAC,EAAC,SAAS,EAAE,OAAmB,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,YAAY,CAAC,OAAO,iBAAiB,CAAC,2CASlI;AAED,iBAAS,WAAW,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAQtE;AAED,iBAAS,SAAS,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAQpE;AAED,iBAAS,eAAe,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,2CAYxE;AAED,iBAAS,WAAW,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAQtE;AAED,iBAAS,UAAU,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAQrE;AAED,iBAAS,UAAU,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAQrE;AAED,OAAO,EAAC,IAAI,EAAE,WAAW,EAAE,WAAW,EAAE,eAAe,EAAE,UAAU,EAAE,SAAS,EAAE,UAAU,EAAE,SAAS,EAAE,aAAa,EAAE,SAAS,EAAC,CAAC"}
+{"version":3,"file":"item.d.ts","sourceRoot":"","sources":["../../../src/components/ui/item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,SAAS,EAAC,MAAM,2BAA2B,CAAC;AAIpD,mDAAmD;AACnD,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;AAE1D,gDAAgD;AAChD,MAAM,MAAM,QAAQ,GAAG,SAAS,GAAG,IAAI,CAAC;AAExC,wDAAwD;AACxD,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,MAAM,GAAG,OAAO,CAAC;AAI5D;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAC;AAEnE;;GAEG;AACH,MAAM,MAAM,kBAAkB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,SAAS,CAAC,CAAC;AAElF;;GAEG;AACH,MAAM,WAAW,SAAU,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;IACtE,iFAAiF;IACjF,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,oEAAoE;IACpE,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,0EAA0E;IAC1E,OAAO,CAAC,EAAE,WAAW,CAAC;CACvB;AAED;;GAEG;AACH,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;IAC3E,mEAAmE;IACnE,OAAO,CAAC,EAAE,gBAAgB,CAAC;CAC5B;AAED;;GAEG;AACH,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAC;AAErE;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAC;AAEnE;;GAEG;AACH,MAAM,MAAM,oBAAoB,GAAG,KAAK,CAAC,wBAAwB,CAAC,GAAG,CAAC,CAAC;AAEvE;;GAEG;AACH,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAC;AAErE;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAC;AAEpE;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAC;AAEpE;;;;;;;;;;;;;;;;GAgBG;AACH,QAAA,MAAM,SAAS,mKAUd,CAAC;AAEF;;;;;;;;;;;;;;GAcG;AACH,QAAA,MAAM,aAAa,2LAUlB,CAAC;AAEF;;;;;;;;;;;;;;GAcG;AACH,QAAA,MAAM,IAAI,kFAyCT,CAAC;AAEF;;;;;;;;;;;;;;GAcG;AACH,QAAA,MAAM,SAAS,uFAUd,CAAC;AAEF;;;;;;;;;;;;;;GAcG;AACH,QAAA,MAAM,WAAW,mKAShB,CAAC;AAEF;;;;;;;;;;;;;;GAcG;AACH,QAAA,MAAM,SAAS,mKASd,CAAC;AAEF;;;;;;;;;;;;;;GAcG;AACH,QAAA,MAAM,eAAe,qLASpB,CAAC;AAEF;;;;;;;;;;;;;;;;GAgBG;AACH,QAAA,MAAM,WAAW,mKAShB,CAAC;AAEF;;;;;;;;;;;;;;;;GAgBG;AACH,QAAA,MAAM,UAAU,mKASf,CAAC;AAEF;;;;;;;;;;;;;;GAcG;AACH,QAAA,MAAM,UAAU,mKASf,CAAC;AAaF,OAAO,EAAC,IAAI,EAAE,WAAW,EAAE,WAAW,EAAE,eAAe,EAAE,UAAU,EAAE,SAAS,EAAE,UAAU,EAAE,SAAS,EAAE,aAAa,EAAE,SAAS,EAAC,CAAC"}