@alneas/appkit-react 0.1.0 → 0.3.0

package/dist/ui/components/ui/password-input.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"password-input.cjs","names":["React","Input","cn","EyeOff","Eye","require_runtime","require_ui_lib_utils","require_ui_components_ui_input","react_jsx_runtime","react","lucide_react","PasswordInput","props","showPassword","setShowPassword","className","prev"],"sources":["../../../../src/ui/components/ui/password-input.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Eye, EyeOff } from 'lucide-react';\n\nimport { cn } from '../../lib/utils';\nimport { Input, type InputProps } from './input';\n\n/**\n * PasswordInput コンポーネント\n *\n * パスワード表示/非表示の切り替え機能がついた入力フィールドです。\n * 右側に Eye/EyeOff アイコンが表示され、クリックすることで type 属性が\n * \"password\" と \"text\" の間で切り替わります。\n *\n * @example\n * ```tsx\n * <PasswordInput placeholder=\"パスワードを入力\" />\n * ```\n */\nconst PasswordInput = React.forwardRef<HTMLInputElement, InputProps>(\n  ({ className, ...props }, ref) => {\n    const [showPassword, setShowPassword] = React.useState(false);\n\n    return (\n      <div className='relative'>\n        <Input\n          type={showPassword ? 'text' : 'password'}\n          className={cn('pr-10', className)}\n          ref={ref}\n          {...props}\n        />\n        <button\n          type='button'\n          onClick={() => setShowPassword((prev) => !prev)}\n          className='absolute right-0 top-0 h-full px-3 py-2 hover:bg-transparent'\n          aria-pressed={showPassword}\n          disabled={props.disabled}\n        >\n          {showPassword ? (\n            <EyeOff className='h-4 w-4 text-muted-foreground' aria-hidden='true' />\n          ) : (\n            <Eye className='h-4 w-4 text-muted-foreground' aria-hidden='true' />\n          )}\n          <span className='sr-only'>{showPassword ? 'Hide password' : 'Show password'}</span>\n        </button>\n      </div>\n    );\n  },\n);\nPasswordInput.displayName = 'PasswordInput';\n\nexport { PasswordInput };\n"],"mappings":"A,0SAkBA,IAAMW,EAAgBX,EAAM,YACzB,CAAE,YAAW,GAAGY,GAAS,IAAQ,CAChC,GAAM,CAACC,EAAcC,GAAmBd,EAAM,SAAS,EAAK,EAE5D,OACE,EAAAQ,EAAA,KAAA,CAAC,MAAD,CAAK,UAAU,WAAf,SAAA,EACE,EAAAA,EAAA,IAAA,CAACP,EAAAA,MAAD,CACE,KAAMY,EAAe,OAAS,WAC9B,UAAWX,EAAAA,GAAG,QAASa,CAAS,EAC3B,MACL,GAAIH,CACL,CAAA,GACD,EAAAJ,EAAA,KAAA,CAAC,SAAD,CACE,KAAK,SACL,YAAeM,EAAiB,GAAS,CAACE,CAAI,EAC9C,UAAU,+DACV,eAAcH,EACd,SAAUD,EAAM,SALlB,SAAA,CAOGC,GACC,EAAAL,EAAA,IAAA,CAACL,EAAAA,OAAD,CAAQ,UAAU,gCAAgC,cAAY,MAAQ,CAAA,GAEtE,EAAAK,EAAA,IAAA,CAACJ,EAAAA,IAAD,CAAK,UAAU,gCAAgC,cAAY,MAAQ,CAAA,GAErE,EAAAI,EAAA,IAAA,CAAC,OAAD,CAAM,UAAU,UAAW,SAAAK,EAAe,gBAAkB,eAAsB,CAAA,CAC5E,CACL,CAAA,CAAA,C,EAET,CACF,EACA,EAAc,YAAc,gB"}
+{"version":3,"file":"password-input.cjs","names":["React","Input","cn","EyeOff","Eye","require_runtime","require_ui_lib_utils","require_ui_components_ui_input","react_jsx_runtime","react","lucide_react","PasswordInput","props","showPassword","setShowPassword","className","prev"],"sources":["../../../../src/ui/components/ui/password-input.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Eye, EyeOff } from 'lucide-react';\n\nimport { cn } from '../../lib/utils';\nimport { Input, type InputProps } from './input';\n\n/**\n * Wraps Input with a local visibility toggle that switches password/text presentation.\n * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.\n * @returns The rendered PasswordInput composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. The ref targets the input, className styles the input, and the toggle starts hidden (type=password). Caller props spread after the computed type can override it. disabled also disables the toggle; readOnly does not. Visibility state is local and does not validate, authenticate or store credentials. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { PasswordInput, Label } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<><Label htmlFor=\"password\">Password</Label><PasswordInput id=\"password\" autoComplete=\"current-password\" /></>);\n * }\n * ```\n */\nfunction PasswordInput({\n  ref,\n  className,\n  ...props\n}: React.PropsWithoutRef<InputProps> & React.RefAttributes<HTMLInputElement>) {\n  const [showPassword, setShowPassword] = React.useState(false);\n\n  return (\n    <div className='relative'>\n      <Input\n        type={showPassword ? 'text' : 'password'}\n        className={cn('pr-10', className)}\n        ref={ref}\n        {...props}\n      />\n      <button\n        type='button'\n        onClick={() => setShowPassword((prev) => !prev)}\n        className='absolute right-0 top-0 h-full px-3 py-2 hover:bg-transparent'\n        aria-pressed={showPassword}\n        disabled={props.disabled}\n      >\n        {showPassword ? (\n          <EyeOff className='h-4 w-4 text-muted-foreground' aria-hidden='true' />\n        ) : (\n          <Eye className='h-4 w-4 text-muted-foreground' aria-hidden='true' />\n        )}\n        <span className='sr-only'>{showPassword ? 'Hide password' : 'Show password'}</span>\n      </button>\n    </div>\n  );\n}\nPasswordInput.displayName = 'PasswordInput';\n\nexport { PasswordInput };\n"],"mappings":"A,0SAqBA,SAASW,EAAc,CACrB,MACA,YACA,GAAGC,GACyE,CAC5E,GAAM,CAACC,EAAcC,GAAmBd,EAAM,SAAS,EAAK,EAE5D,OACE,EAAAQ,EAAA,KAAA,CAAC,MAAD,CAAK,UAAU,WAAf,SAAA,EACE,EAAAA,EAAA,IAAA,CAACP,EAAAA,MAAD,CACE,KAAMY,EAAe,OAAS,WAC9B,UAAWX,EAAAA,GAAG,QAASa,CAAS,EAC3B,MACL,GAAIH,CACL,CAAA,GACD,EAAAJ,EAAA,KAAA,CAAC,SAAD,CACE,KAAK,SACL,YAAeM,EAAiB,GAAS,CAACE,CAAI,EAC9C,UAAU,+DACV,eAAcH,EACd,SAAUD,EAAM,SALlB,SAAA,CAOGC,GACC,EAAAL,EAAA,IAAA,CAACL,EAAAA,OAAD,CAAQ,UAAU,gCAAgC,cAAY,MAAQ,CAAA,GAEtE,EAAAK,EAAA,IAAA,CAACJ,EAAAA,IAAD,CAAK,UAAU,gCAAgC,cAAY,MAAQ,CAAA,GAErE,EAAAI,EAAA,IAAA,CAAC,OAAD,CAAM,UAAU,UAAW,SAAAK,EAAe,gBAAkB,eAAsB,CAAA,CAC5E,CACL,CAAA,CAAA,C,EAET,CACA,EAAc,YAAc,gB"}

package/dist/ui/components/ui/password-input.d.cts

@@ -1,16 +1,22 @@
 import { InputProps } from './input.cjs';
 import * as React from 'react';
 /**
- * PasswordInput コンポーネント
- *
- * パスワード表示/非表示の切り替え機能がついた入力フィールドです。
- * 右側に Eye/EyeOff アイコンが表示され、クリックすることで type 属性が
- * "password" と "text" の間で切り替わります。
- *
+ * Wraps Input with a local visibility toggle that switches password/text presentation.
+ * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.
+ * @returns The rendered PasswordInput composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. The ref targets the input, className styles the input, and the toggle starts hidden (type=password). Caller props spread after the computed type can override it. disabled also disables the toggle; readOnly does not. Visibility state is local and does not validate, authenticate or store credentials. The ref prop forwards to the rendered control or container declared by the component ref type.
  * @example
  * ```tsx
- * <PasswordInput placeholder="パスワードを入力" />
+ * import { PasswordInput, Label } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<><Label htmlFor="password">Password</Label><PasswordInput id="password" autoComplete="current-password" /></>);
+ * }
  * ```
  */
-declare const PasswordInput: React.ForwardRefExoticComponent<Omit<InputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
+declare function PasswordInput({ ref, className, ...props }: React.PropsWithoutRef<InputProps> & React.RefAttributes<HTMLInputElement>): React.JSX.Element;
+declare namespace PasswordInput {
+    var displayName: string;
+}
 export { PasswordInput };

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

@@ -1,16 +1,22 @@
 import { InputProps } from './input.js';
 import * as React from 'react';
 /**
- * PasswordInput コンポーネント
- *
- * パスワード表示/非表示の切り替え機能がついた入力フィールドです。
- * 右側に Eye/EyeOff アイコンが表示され、クリックすることで type 属性が
- * "password" と "text" の間で切り替わります。
- *
+ * Wraps Input with a local visibility toggle that switches password/text presentation.
+ * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.
+ * @returns The rendered PasswordInput composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. The ref targets the input, className styles the input, and the toggle starts hidden (type=password). Caller props spread after the computed type can override it. disabled also disables the toggle; readOnly does not. Visibility state is local and does not validate, authenticate or store credentials. The ref prop forwards to the rendered control or container declared by the component ref type.
  * @example
  * ```tsx
- * <PasswordInput placeholder="パスワードを入力" />
+ * import { PasswordInput, Label } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<><Label htmlFor="password">Password</Label><PasswordInput id="password" autoComplete="current-password" /></>);
+ * }
  * ```
  */
-declare const PasswordInput: React.ForwardRefExoticComponent<Omit<InputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
+declare function PasswordInput({ ref, className, ...props }: React.PropsWithoutRef<InputProps> & React.RefAttributes<HTMLInputElement>): React.JSX.Element;
+declare namespace PasswordInput {
+    var displayName: string;
+}
 export { PasswordInput };

package/dist/ui/components/ui/password-input.js

@@ -5,21 +5,21 @@ import { jsx as n, jsxs as r } from "react/jsx-runtime";
 import * as i from "react";
 import { Eye as a, EyeOff as o } from "lucide-react";
 //#region src/ui/components/ui/password-input.tsx
-var s = i.forwardRef(({ className: s, ...c }, l) => {
+function s({ ref: s, className: c, ...l }) {
 	let [u, d] = i.useState(!1);
 	return /* @__PURE__ */ r("div", {
 		className: "relative",
 		children: [/* @__PURE__ */ n(t, {
 			type: u ? "text" : "password",
-			className: e("pr-10", s),
-			ref: l,
-			...c
+			className: e("pr-10", c),
+			ref: s,
+			...l
 		}), /* @__PURE__ */ r("button", {
 			type: "button",
 			onClick: () => d((e) => !e),
 			className: "absolute right-0 top-0 h-full px-3 py-2 hover:bg-transparent",
 			"aria-pressed": u,
-			disabled: c.disabled,
+			disabled: l.disabled,
 			children: [n(u ? o : a, {
 				className: "h-4 w-4 text-muted-foreground",
 				"aria-hidden": "true"
@@ -29,7 +29,7 @@ var s = i.forwardRef(({ className: s, ...c }, l) => {
 			})]
 		})]
 	});
-});
+}
 s.displayName = "PasswordInput";
 //#endregion
 export { s as PasswordInput };

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

@@ -1 +1 @@
-{"version":3,"file":"password-input.js","names":["React","React$1","PasswordInput","props","showPassword","setShowPassword","Input","cn","className","prev","jsx","EyeOff","Eye"],"sources":["../../../../src/ui/components/ui/password-input.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Eye, EyeOff } from 'lucide-react';\n\nimport { cn } from '../../lib/utils';\nimport { Input, type InputProps } from './input';\n\n/**\n * PasswordInput コンポーネント\n *\n * パスワード表示/非表示の切り替え機能がついた入力フィールドです。\n * 右側に Eye/EyeOff アイコンが表示され、クリックすることで type 属性が\n * \"password\" と \"text\" の間で切り替わります。\n *\n * @example\n * ```tsx\n * <PasswordInput placeholder=\"パスワードを入力\" />\n * ```\n */\nconst PasswordInput = React.forwardRef<HTMLInputElement, InputProps>(\n  ({ className, ...props }, ref) => {\n    const [showPassword, setShowPassword] = React.useState(false);\n\n    return (\n      <div className='relative'>\n        <Input\n          type={showPassword ? 'text' : 'password'}\n          className={cn('pr-10', className)}\n          ref={ref}\n          {...props}\n        />\n        <button\n          type='button'\n          onClick={() => setShowPassword((prev) => !prev)}\n          className='absolute right-0 top-0 h-full px-3 py-2 hover:bg-transparent'\n          aria-pressed={showPassword}\n          disabled={props.disabled}\n        >\n          {showPassword ? (\n            <EyeOff className='h-4 w-4 text-muted-foreground' aria-hidden='true' />\n          ) : (\n            <Eye className='h-4 w-4 text-muted-foreground' aria-hidden='true' />\n          )}\n          <span className='sr-only'>{showPassword ? 'Hide password' : 'Show password'}</span>\n        </button>\n      </div>\n    );\n  },\n);\nPasswordInput.displayName = 'PasswordInput';\n\nexport { PasswordInput };\n"],"mappings":";;;;;;;AAkBA,IAAME,IAAgBF,EAAM,YACzB,EAAE,cAAW,GAAGG,KAAS,MAAQ;CAChC,IAAM,CAACC,GAAcC,KAAmBL,EAAM,SAAS,EAAK;CAE5D,OACE,kBAAC,OAAD;EAAK,WAAU;EAAf,UAAA,CACE,kBAACM,GAAD;GACE,MAAMF,IAAe,SAAS;GAC9B,WAAWG,EAAG,SAASC,CAAS;GAC3B;GACL,GAAIL;EACL,CAAA,GACD,kBAAC,UAAD;GACE,MAAK;GACL,eAAeE,GAAiB,MAAS,CAACI,CAAI;GAC9C,WAAU;GACV,gBAAcL;GACd,UAAUD,EAAM;GALlB,UAAA,CAQIO,EADDN,IACEO,IAEAC,GAFD;IAAQ,WAAU;IAAgC,eAAY;GAAQ,CAEH,GAErE,kBAAC,QAAD;IAAM,WAAU;IAAW,UAAAR,IAAe,kBAAkB;GAAsB,CAAA,CAC5E;EACL,CAAA,CAAA;;AAET,CACF;AACA,EAAc,cAAc"}
+{"version":3,"file":"password-input.js","names":["React","React$1","PasswordInput","props","showPassword","setShowPassword","Input","cn","className","prev","jsx","EyeOff","Eye"],"sources":["../../../../src/ui/components/ui/password-input.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Eye, EyeOff } from 'lucide-react';\n\nimport { cn } from '../../lib/utils';\nimport { Input, type InputProps } from './input';\n\n/**\n * Wraps Input with a local visibility toggle that switches password/text presentation.\n * @param props - Component attributes and children accepted by the declared native/underlying prop type; className customizes wrapper styling.\n * @returns The rendered PasswordInput composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. The ref targets the input, className styles the input, and the toggle starts hidden (type=password). Caller props spread after the computed type can override it. disabled also disables the toggle; readOnly does not. Visibility state is local and does not validate, authenticate or store credentials. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { PasswordInput, Label } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<><Label htmlFor=\"password\">Password</Label><PasswordInput id=\"password\" autoComplete=\"current-password\" /></>);\n * }\n * ```\n */\nfunction PasswordInput({\n  ref,\n  className,\n  ...props\n}: React.PropsWithoutRef<InputProps> & React.RefAttributes<HTMLInputElement>) {\n  const [showPassword, setShowPassword] = React.useState(false);\n\n  return (\n    <div className='relative'>\n      <Input\n        type={showPassword ? 'text' : 'password'}\n        className={cn('pr-10', className)}\n        ref={ref}\n        {...props}\n      />\n      <button\n        type='button'\n        onClick={() => setShowPassword((prev) => !prev)}\n        className='absolute right-0 top-0 h-full px-3 py-2 hover:bg-transparent'\n        aria-pressed={showPassword}\n        disabled={props.disabled}\n      >\n        {showPassword ? (\n          <EyeOff className='h-4 w-4 text-muted-foreground' aria-hidden='true' />\n        ) : (\n          <Eye className='h-4 w-4 text-muted-foreground' aria-hidden='true' />\n        )}\n        <span className='sr-only'>{showPassword ? 'Hide password' : 'Show password'}</span>\n      </button>\n    </div>\n  );\n}\nPasswordInput.displayName = 'PasswordInput';\n\nexport { PasswordInput };\n"],"mappings":";;;;;;;AAqBA,SAASE,EAAc,EACrB,QACA,cACA,GAAGC,KACyE;CAC5E,IAAM,CAACC,GAAcC,KAAmBL,EAAM,SAAS,EAAK;CAE5D,OACE,kBAAC,OAAD;EAAK,WAAU;EAAf,UAAA,CACE,kBAACM,GAAD;GACE,MAAMF,IAAe,SAAS;GAC9B,WAAWG,EAAG,SAASC,CAAS;GAC3B;GACL,GAAIL;EACL,CAAA,GACD,kBAAC,UAAD;GACE,MAAK;GACL,eAAeE,GAAiB,MAAS,CAACI,CAAI;GAC9C,WAAU;GACV,gBAAcL;GACd,UAAUD,EAAM;GALlB,UAAA,CAQIO,EADDN,IACEO,IAEAC,GAFD;IAAQ,WAAU;IAAgC,eAAY;GAAQ,CAEH,GAErE,kBAAC,QAAD;IAAM,WAAU;IAAW,UAAAR,IAAe,kBAAkB;GAAsB,CAAA,CAC5E;EACL,CAAA,CAAA;;AAET;AACA,EAAc,cAAc"}

package/dist/ui/components/ui/popover.cjs

@@ -1,2 +1,2 @@
-"use client";"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs");let n=require("react/jsx-runtime"),r=require("react");r=e.__toESM(r,1);let i=require("@base-ui/react/popover");function a({...e}){return(0,n.jsx)(i.Popover.Root,{"data-slot":`popover`,...e})}function o({children:e,...t}){return(0,n.jsx)(i.Popover.Trigger,{"data-slot":`popover-trigger`,...t,children:e})}var s=r.forwardRef(({className:e,align:r=`center`,alignOffset:a=0,side:o=`bottom`,sideOffset:s=4,...c},l)=>(0,n.jsx)(i.Popover.Portal,{children:(0,n.jsx)(i.Popover.Positioner,{align:r,alignOffset:a,side:o,sideOffset:s,className:`isolate z-50`,children:(0,n.jsx)(i.Popover.Popup,{ref:l,"data-slot":`popover-content`,className:t.cn(`bg-popover text-popover-foreground data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 ring-foreground/10 flex flex-col gap-2.5 rounded-lg p-2.5 text-sm shadow-md ring-1 duration-100 z-50 w-72 origin-(--transform-origin) outline-hidden`,e),...c})})}));s.displayName=i.Popover.Popup.displayName;var c=r.forwardRef(({className:e,...r},i)=>(0,n.jsx)(`div`,{ref:i,"data-slot":`popover-header`,className:t.cn(`flex flex-col gap-0.5 text-sm`,e),...r}));c.displayName=`PopoverHeader`;var l=r.forwardRef(({className:e,...r},a)=>(0,n.jsx)(i.Popover.Title,{ref:a,"data-slot":`popover-title`,className:t.cn(`font-medium`,e),...r}));l.displayName=i.Popover.Title.displayName;var u=r.forwardRef(({className:e,...r},a)=>(0,n.jsx)(i.Popover.Description,{ref:a,"data-slot":`popover-description`,className:t.cn(`text-muted-foreground`,e),...r}));u.displayName=i.Popover.Description.displayName,exports.Popover=a,exports.PopoverContent=s,exports.PopoverDescription=u,exports.PopoverHeader=c,exports.PopoverTitle=l,exports.PopoverTrigger=o;
+"use client";"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs");let n=require("react/jsx-runtime"),r=require("react");r=e.__toESM(r,1);let i=require("@base-ui/react/popover");function a({...e}){return(0,n.jsx)(i.Popover.Root,{"data-slot":`popover`,...e})}function o({children:e,...t}){return(0,n.jsx)(i.Popover.Trigger,{"data-slot":`popover-trigger`,...t,children:e})}function s({ref:e,className:r,align:a=`center`,alignOffset:o=0,side:s=`bottom`,sideOffset:c=4,...l}){return(0,n.jsx)(i.Popover.Portal,{children:(0,n.jsx)(i.Popover.Positioner,{align:a,alignOffset:o,side:s,sideOffset:c,className:`isolate z-50`,children:(0,n.jsx)(i.Popover.Popup,{ref:e,"data-slot":`popover-content`,className:t.cn(`bg-popover text-popover-foreground data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 ring-foreground/10 flex flex-col gap-2.5 rounded-lg p-2.5 text-sm shadow-md ring-1 duration-100 z-50 w-72 origin-(--transform-origin) outline-hidden`,r),...l})})})}s.displayName=i.Popover.Popup.displayName;function c({ref:e,className:r,...i}){return(0,n.jsx)(`div`,{ref:e,"data-slot":`popover-header`,className:t.cn(`flex flex-col gap-0.5 text-sm`,r),...i})}c.displayName=`PopoverHeader`;function l({ref:e,className:r,...a}){return(0,n.jsx)(i.Popover.Title,{ref:e,"data-slot":`popover-title`,className:t.cn(`font-medium`,r),...a})}l.displayName=i.Popover.Title.displayName;function u({ref:e,className:r,...a}){return(0,n.jsx)(i.Popover.Description,{ref:e,"data-slot":`popover-description`,className:t.cn(`text-muted-foreground`,r),...a})}u.displayName=i.Popover.Description.displayName,exports.Popover=a,exports.PopoverContent=s,exports.PopoverDescription=u,exports.PopoverHeader=c,exports.PopoverTitle=l,exports.PopoverTrigger=o;
 //# sourceMappingURL=popover.cjs.map

package/dist/ui/components/ui/popover.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"popover.cjs","names":["PopoverPrimitive","React","cn","require_runtime","require_ui_lib_utils","react_jsx_runtime","react","_base_ui_react_popover","Popover","props","PopoverTrigger","PopoverContent","className","PopoverHeader","PopoverTitle","PopoverDescription"],"sources":["../../../../src/ui/components/ui/popover.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Popover as PopoverPrimitive } from '@base-ui/react/popover';\n\nimport { cn } from '../../lib/utils';\n\n/**\n * ボタンなどの操作によってトリガー付近にフローティング表示されるポップオーバーのルートコンポーネント。\n */\nfunction Popover({ ...props }: PopoverPrimitive.Root.Props) {\n  return <PopoverPrimitive.Root data-slot='popover' {...props} />;\n}\n\n/**\n * ポップオーバーを表示するためのトリガーボタン。\n */\nfunction PopoverTrigger({\n  children,\n  ...props\n}: PopoverPrimitive.Trigger.Props) {\n  return (\n    <PopoverPrimitive.Trigger\n      data-slot='popover-trigger'\n      {...props}\n    >\n      {children}\n    </PopoverPrimitive.Trigger>\n  );\n}\n\nconst PopoverContent = React.forwardRef<\n  HTMLDivElement,\n  PopoverPrimitive.Popup.Props &\n    Pick<PopoverPrimitive.Positioner.Props, 'align' | 'alignOffset' | 'side' | 'sideOffset'>\n>(\n  (\n    { className, align = 'center', alignOffset = 0, side = 'bottom', sideOffset = 4, ...props },\n    ref,\n  ) => (\n    <PopoverPrimitive.Portal>\n      <PopoverPrimitive.Positioner\n        align={align}\n        alignOffset={alignOffset}\n        side={side}\n        sideOffset={sideOffset}\n        className='isolate z-50'\n      >\n        <PopoverPrimitive.Popup\n          ref={ref}\n          data-slot='popover-content'\n          className={cn(\n            'bg-popover text-popover-foreground data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 ring-foreground/10 flex flex-col gap-2.5 rounded-lg p-2.5 text-sm shadow-md ring-1 duration-100 z-50 w-72 origin-(--transform-origin) outline-hidden',\n            className,\n          )}\n          {...props}\n        />\n      </PopoverPrimitive.Positioner>\n    </PopoverPrimitive.Portal>\n  ),\n);\nPopoverContent.displayName = PopoverPrimitive.Popup.displayName;\n\nconst PopoverHeader = React.forwardRef<HTMLDivElement, React.ComponentPropsWithoutRef<'div'>>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      data-slot='popover-header'\n      className={cn('flex flex-col gap-0.5 text-sm', className)}\n      {...props}\n    />\n  ),\n);\nPopoverHeader.displayName = 'PopoverHeader';\n\nconst PopoverTitle = React.forwardRef<\n  React.ComponentRef<typeof PopoverPrimitive.Title>,\n  React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Title>\n>(({ className, ...props }, ref) => (\n  <PopoverPrimitive.Title\n    ref={ref}\n    data-slot='popover-title'\n    className={cn('font-medium', className)}\n    {...props}\n  />\n));\nPopoverTitle.displayName = PopoverPrimitive.Title.displayName;\n\nconst PopoverDescription = React.forwardRef<\n  React.ComponentRef<typeof PopoverPrimitive.Description>,\n  React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Description>\n>(({ className, ...props }, ref) => (\n  <PopoverPrimitive.Description\n    ref={ref}\n    data-slot='popover-description'\n    className={cn('text-muted-foreground', className)}\n    {...props}\n  />\n));\nPopoverDescription.displayName = PopoverPrimitive.Description.displayName;\n\nexport { Popover, PopoverContent, PopoverTrigger, PopoverHeader, PopoverTitle, PopoverDescription };\n"],"mappings":"A,wSAUA,SAASQ,EAAQ,CAAE,GAAGC,GAAsC,CAC1D,OAAO,EAAAJ,EAAA,IAAA,CAACL,EAAAA,QAAiB,KAAlB,CAAuB,YAAU,UAAU,GAAIS,CAAQ,CAAA,CAChE,CAKA,SAASC,EAAe,CACtB,WACA,GAAGD,GAC8B,CACjC,OACE,EAAAJ,EAAA,IAAA,CAACL,EAAAA,QAAiB,QAAlB,CACE,YAAU,kBACV,GAAIS,EAEH,UACuB,CAAA,CAE9B,CAEA,IAAME,EAAiBV,EAAM,YAMzB,CAAE,YAAW,QAAQ,SAAU,cAAc,EAAG,OAAO,SAAU,aAAa,EAAG,GAAGQ,GACpF,KAEA,EAAAJ,EAAA,IAAA,CAACL,EAAAA,QAAiB,OAAlB,CAAA,UACE,EAAAK,EAAA,IAAA,CAACL,EAAAA,QAAiB,WAAlB,CACS,QACM,cACP,OACM,aACZ,UAAU,eAEV,UAAA,EAAAK,EAAA,IAAA,CAACL,EAAAA,QAAiB,MAAlB,CACO,MACL,YAAU,kBACV,UAAWE,EAAAA,GACT,2dACAU,CACF,EACA,GAAIH,CACL,CAAA,CAC0B,CAAA,CACN,CAAA,CAE7B,EACA,EAAe,YAAcT,EAAAA,QAAiB,MAAM,YAEpD,IAAMa,EAAgBZ,EAAM,YACzB,CAAE,YAAW,GAAGQ,GAAS,KACxB,EAAAJ,EAAA,IAAA,CAAC,MAAD,CACO,MACL,YAAU,iBACV,UAAWH,EAAAA,GAAG,gCAAiCU,CAAS,EACxD,GAAIH,CACL,CAAA,CAEL,EACA,EAAc,YAAc,gBAE5B,IAAMK,EAAeb,EAAM,YAGxB,CAAE,YAAW,GAAGQ,GAAS,KAC1B,EAAAJ,EAAA,IAAA,CAACL,EAAAA,QAAiB,MAAlB,CACO,MACL,YAAU,gBACV,UAAWE,EAAAA,GAAG,cAAeU,CAAS,EACtC,GAAIH,CACL,CAAA,CACF,EACD,EAAa,YAAcT,EAAAA,QAAiB,MAAM,YAElD,IAAMe,EAAqBd,EAAM,YAG9B,CAAE,YAAW,GAAGQ,GAAS,KAC1B,EAAAJ,EAAA,IAAA,CAACL,EAAAA,QAAiB,YAAlB,CACO,MACL,YAAU,sBACV,UAAWE,EAAAA,GAAG,wBAAyBU,CAAS,EAChD,GAAIH,CACL,CAAA,CACF,EACD,EAAmB,YAAcT,EAAAA,QAAiB,YAAY,Y"}
+{"version":3,"file":"popover.cjs","names":["PopoverPrimitive","cn","require_runtime","require_ui_lib_utils","react_jsx_runtime","react","_base_ui_react_popover","Popover","props","PopoverTrigger","PopoverContent","className","PopoverHeader","PopoverTitle","PopoverDescription"],"sources":["../../../../src/ui/components/ui/popover.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Popover as PopoverPrimitive } from '@base-ui/react/popover';\n\nimport { cn } from '../../lib/utils';\n\n/**\n * Coordinates open state and interaction context for the popup.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered Popover composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Popover; the underlying primitive owns open state and focus. Content supplies its own portal and positioner. Separate lower-level exports support custom compositions, without requiring an application-level popup provider.\n * @example\n * ```tsx\n * import { Popover, PopoverTrigger, PopoverContent, PopoverTitle, PopoverDescription } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Popover><PopoverTrigger>Open details</PopoverTrigger><PopoverContent><PopoverTitle>Details</PopoverTitle><PopoverDescription>Project information</PopoverDescription></PopoverContent></Popover>);\n * }\n * ```\n */\nfunction Popover({ ...props }: PopoverPrimitive.Root.Props) {\n  return <PopoverPrimitive.Root data-slot='popover' {...props} />;\n}\n\n/**\n * Renders the control that requests opening its popup.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered PopoverTrigger composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Popover; the underlying primitive owns open state and focus. Content supplies its own portal and positioner. Separate lower-level exports support custom compositions, without requiring an application-level popup provider.\n * @example\n * ```tsx\n * import { Popover, PopoverTrigger, PopoverContent, PopoverTitle, PopoverDescription } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Popover><PopoverTrigger>Open details</PopoverTrigger><PopoverContent><PopoverTitle>Details</PopoverTitle><PopoverDescription>Project information</PopoverDescription></PopoverContent></Popover>);\n * }\n * ```\n */\nfunction PopoverTrigger({\n  children,\n  ...props\n}: PopoverPrimitive.Trigger.Props) {\n  return (\n    <PopoverPrimitive.Trigger\n      data-slot='popover-trigger'\n      {...props}\n    >\n      {children}\n    </PopoverPrimitive.Trigger>\n  );\n}\n\n/**\n * Portals the popup and its positioning/backdrop composition.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling. Wrapper defaults: align='center', alignOffset=0, side='bottom', sideOffset=4.\n * @returns The rendered PopoverContent composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Popover; the underlying primitive owns open state and focus. Content supplies its own portal and positioner. Separate lower-level exports support custom compositions, without requiring an application-level popup provider. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { Popover, PopoverTrigger, PopoverContent, PopoverTitle, PopoverDescription } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Popover><PopoverTrigger>Open details</PopoverTrigger><PopoverContent><PopoverTitle>Details</PopoverTitle><PopoverDescription>Project information</PopoverDescription></PopoverContent></Popover>);\n * }\n * ```\n */\nfunction PopoverContent({\n  ref,\n  className,\n  align = 'center',\n  alignOffset = 0,\n  side = 'bottom',\n  sideOffset = 4,\n  ...props\n}: React.PropsWithoutRef<\n  PopoverPrimitive.Popup.Props &\n    Pick<PopoverPrimitive.Positioner.Props, 'align' | 'alignOffset' | 'side' | 'sideOffset'>\n> &\n  React.RefAttributes<HTMLDivElement>) {\n  return (\n    <PopoverPrimitive.Portal>\n      <PopoverPrimitive.Positioner\n        align={align}\n        alignOffset={alignOffset}\n        side={side}\n        sideOffset={sideOffset}\n        className='isolate z-50'\n      >\n        <PopoverPrimitive.Popup\n          ref={ref}\n          data-slot='popover-content'\n          className={cn(\n            'bg-popover text-popover-foreground data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 ring-foreground/10 flex flex-col gap-2.5 rounded-lg p-2.5 text-sm shadow-md ring-1 duration-100 z-50 w-72 origin-(--transform-origin) outline-hidden',\n            className,\n          )}\n          {...props}\n        />\n      </PopoverPrimitive.Positioner>\n    </PopoverPrimitive.Portal>\n  );\n}\nPopoverContent.displayName = PopoverPrimitive.Popup.displayName;\n\n/**\n * Groups popup heading and explanatory content.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered PopoverHeader composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Popover; the underlying primitive owns open state and focus. Content supplies its own portal and positioner. Separate lower-level exports support custom compositions, without requiring an application-level popup provider. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { Popover, PopoverTrigger, PopoverContent, PopoverTitle, PopoverDescription } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Popover><PopoverTrigger>Open details</PopoverTrigger><PopoverContent><PopoverTitle>Details</PopoverTitle><PopoverDescription>Project information</PopoverDescription></PopoverContent></Popover>);\n * }\n * ```\n */\nfunction PopoverHeader({\n  ref,\n  className,\n  ...props\n}: React.PropsWithoutRef<React.ComponentPropsWithoutRef<'div'>> &\n  React.RefAttributes<HTMLDivElement>) {\n  return (\n    <div\n      ref={ref}\n      data-slot='popover-header'\n      className={cn('flex flex-col gap-0.5 text-sm', className)}\n      {...props}\n    />\n  );\n}\nPopoverHeader.displayName = 'PopoverHeader';\n\n/**\n * Provides the accessible title of the associated popup.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered PopoverTitle composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Popover; the underlying primitive owns open state and focus. Content supplies its own portal and positioner. Separate lower-level exports support custom compositions, without requiring an application-level popup provider. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { Popover, PopoverTrigger, PopoverContent, PopoverTitle, PopoverDescription } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Popover><PopoverTrigger>Open details</PopoverTrigger><PopoverContent><PopoverTitle>Details</PopoverTitle><PopoverDescription>Project information</PopoverDescription></PopoverContent></Popover>);\n * }\n * ```\n */\nfunction PopoverTitle({\n  ref,\n  className,\n  ...props\n}: React.PropsWithoutRef<React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Title>> &\n  React.RefAttributes<React.ComponentRef<typeof PopoverPrimitive.Title>>) {\n  return (\n    <PopoverPrimitive.Title\n      ref={ref}\n      data-slot='popover-title'\n      className={cn('font-medium', className)}\n      {...props}\n    />\n  );\n}\nPopoverTitle.displayName = PopoverPrimitive.Title.displayName;\n\n/**\n * Provides the accessible explanatory text of the associated popup.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered PopoverDescription composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Popover; the underlying primitive owns open state and focus. Content supplies its own portal and positioner. Separate lower-level exports support custom compositions, without requiring an application-level popup provider. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { Popover, PopoverTrigger, PopoverContent, PopoverTitle, PopoverDescription } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Popover><PopoverTrigger>Open details</PopoverTrigger><PopoverContent><PopoverTitle>Details</PopoverTitle><PopoverDescription>Project information</PopoverDescription></PopoverContent></Popover>);\n * }\n * ```\n */\nfunction PopoverDescription({\n  ref,\n  className,\n  ...props\n}: React.PropsWithoutRef<React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Description>> &\n  React.RefAttributes<React.ComponentRef<typeof PopoverPrimitive.Description>>) {\n  return (\n    <PopoverPrimitive.Description\n      ref={ref}\n      data-slot='popover-description'\n      className={cn('text-muted-foreground', className)}\n      {...props}\n    />\n  );\n}\nPopoverDescription.displayName = PopoverPrimitive.Description.displayName;\n\nexport { Popover, PopoverContent, PopoverTrigger, PopoverHeader, PopoverTitle, PopoverDescription };\n"],"mappings":"A,wSAsBA,SAASO,EAAQ,CAAE,GAAGC,GAAsC,CAC1D,OAAO,EAAAJ,EAAA,IAAA,CAACJ,EAAAA,QAAiB,KAAlB,CAAuB,YAAU,UAAU,GAAIQ,CAAQ,CAAA,CAChE,CAiBA,SAASC,EAAe,CACtB,WACA,GAAGD,GAC8B,CACjC,OACE,EAAAJ,EAAA,IAAA,CAACJ,EAAAA,QAAiB,QAAlB,CACE,YAAU,kBACV,GAAIQ,EAEH,UACuB,CAAA,CAE9B,CAiBA,SAASE,EAAe,CACtB,MACA,YACA,QAAQ,SACR,cAAc,EACd,OAAO,SACP,aAAa,EACb,GAAGF,GAKkC,CACrC,OACE,EAAAJ,EAAA,IAAA,CAACJ,EAAAA,QAAiB,OAAlB,CAAA,UACE,EAAAI,EAAA,IAAA,CAACJ,EAAAA,QAAiB,WAAlB,CACS,QACM,cACP,OACM,aACZ,UAAU,eAEV,UAAA,EAAAI,EAAA,IAAA,CAACJ,EAAAA,QAAiB,MAAlB,CACO,MACL,YAAU,kBACV,UAAWC,EAAAA,GACT,2dACAU,CACF,EACA,GAAIH,CACL,CAAA,CAC0B,CAAA,CACN,CAAA,CAE7B,CACA,EAAe,YAAcR,EAAAA,QAAiB,MAAM,YAiBpD,SAASY,EAAc,CACrB,MACA,YACA,GAAGJ,GAEkC,CACrC,OACE,EAAAJ,EAAA,IAAA,CAAC,MAAD,CACO,MACL,YAAU,iBACV,UAAWH,EAAAA,GAAG,gCAAiCU,CAAS,EACxD,GAAIH,CACL,CAAA,CAEL,CACA,EAAc,YAAc,gBAiB5B,SAASK,EAAa,CACpB,MACA,YACA,GAAGL,GAEqE,CACxE,OACE,EAAAJ,EAAA,IAAA,CAACJ,EAAAA,QAAiB,MAAlB,CACO,MACL,YAAU,gBACV,UAAWC,EAAAA,GAAG,cAAeU,CAAS,EACtC,GAAIH,CACL,CAAA,CAEL,CACA,EAAa,YAAcR,EAAAA,QAAiB,MAAM,YAiBlD,SAASc,EAAmB,CAC1B,MACA,YACA,GAAGN,GAE2E,CAC9E,OACE,EAAAJ,EAAA,IAAA,CAACJ,EAAAA,QAAiB,YAAlB,CACO,MACL,YAAU,sBACV,UAAWC,EAAAA,GAAG,wBAAyBU,CAAS,EAChD,GAAIH,CACL,CAAA,CAEL,CACA,EAAmB,YAAcR,EAAAA,QAAiB,YAAY,Y"}

package/dist/ui/components/ui/popover.d.cts

@@ -1,15 +1,111 @@
 import { Popover as PopoverPrimitive } from '@base-ui/react/popover';
 import * as React from 'react';
 /**
- * ボタンなどの操作によってトリガー付近にフローティング表示されるポップオーバーのルートコンポーネント。
+ * Coordinates open state and interaction context for the popup.
+ * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
+ * @returns The rendered Popover composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Popover; the underlying primitive owns open state and focus. Content supplies its own portal and positioner. Separate lower-level exports support custom compositions, without requiring an application-level popup provider.
+ * @example
+ * ```tsx
+ * import { Popover, PopoverTrigger, PopoverContent, PopoverTitle, PopoverDescription } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Popover><PopoverTrigger>Open details</PopoverTrigger><PopoverContent><PopoverTitle>Details</PopoverTitle><PopoverDescription>Project information</PopoverDescription></PopoverContent></Popover>);
+ * }
+ * ```
  */
 declare function Popover({ ...props }: PopoverPrimitive.Root.Props): React.JSX.Element;
 /**
- * ポップオーバーを表示するためのトリガーボタン。
+ * Renders the control that requests opening its popup.
+ * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
+ * @returns The rendered PopoverTrigger composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Popover; the underlying primitive owns open state and focus. Content supplies its own portal and positioner. Separate lower-level exports support custom compositions, without requiring an application-level popup provider.
+ * @example
+ * ```tsx
+ * import { Popover, PopoverTrigger, PopoverContent, PopoverTitle, PopoverDescription } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Popover><PopoverTrigger>Open details</PopoverTrigger><PopoverContent><PopoverTitle>Details</PopoverTitle><PopoverDescription>Project information</PopoverDescription></PopoverContent></Popover>);
+ * }
+ * ```
  */
 declare function PopoverTrigger({ children, ...props }: PopoverPrimitive.Trigger.Props): React.JSX.Element;
-declare const PopoverContent: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').PopoverPopupProps & Pick<import('@base-ui/react').PopoverPositionerProps, "side" | "align" | "sideOffset" | "alignOffset">, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const PopoverHeader: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const PopoverTitle: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').PopoverTitleProps, "ref"> & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
-declare const PopoverDescription: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').PopoverDescriptionProps, "ref"> & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+/**
+ * Portals the popup and its positioning/backdrop composition.
+ * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling. Wrapper defaults: align='center', alignOffset=0, side='bottom', sideOffset=4.
+ * @returns The rendered PopoverContent composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Popover; the underlying primitive owns open state and focus. Content supplies its own portal and positioner. Separate lower-level exports support custom compositions, without requiring an application-level popup provider. The ref prop forwards to the rendered control or container declared by the component ref type.
+ * @example
+ * ```tsx
+ * import { Popover, PopoverTrigger, PopoverContent, PopoverTitle, PopoverDescription } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Popover><PopoverTrigger>Open details</PopoverTrigger><PopoverContent><PopoverTitle>Details</PopoverTitle><PopoverDescription>Project information</PopoverDescription></PopoverContent></Popover>);
+ * }
+ * ```
+ */
+declare function PopoverContent({ ref, className, align, alignOffset, side, sideOffset, ...props }: React.PropsWithoutRef<PopoverPrimitive.Popup.Props & Pick<PopoverPrimitive.Positioner.Props, 'align' | 'alignOffset' | 'side' | 'sideOffset'>> & React.RefAttributes<HTMLDivElement>): React.JSX.Element;
+declare namespace PopoverContent {
+    var displayName: string | undefined;
+}
+/**
+ * Groups popup heading and explanatory content.
+ * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
+ * @returns The rendered PopoverHeader composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Popover; the underlying primitive owns open state and focus. Content supplies its own portal and positioner. Separate lower-level exports support custom compositions, without requiring an application-level popup provider. The ref prop forwards to the rendered control or container declared by the component ref type.
+ * @example
+ * ```tsx
+ * import { Popover, PopoverTrigger, PopoverContent, PopoverTitle, PopoverDescription } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Popover><PopoverTrigger>Open details</PopoverTrigger><PopoverContent><PopoverTitle>Details</PopoverTitle><PopoverDescription>Project information</PopoverDescription></PopoverContent></Popover>);
+ * }
+ * ```
+ */
+declare function PopoverHeader({ ref, className, ...props }: React.PropsWithoutRef<React.ComponentPropsWithoutRef<'div'>> & React.RefAttributes<HTMLDivElement>): React.JSX.Element;
+declare namespace PopoverHeader {
+    var displayName: string;
+}
+/**
+ * Provides the accessible title of the associated popup.
+ * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
+ * @returns The rendered PopoverTitle composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Popover; the underlying primitive owns open state and focus. Content supplies its own portal and positioner. Separate lower-level exports support custom compositions, without requiring an application-level popup provider. The ref prop forwards to the rendered control or container declared by the component ref type.
+ * @example
+ * ```tsx
+ * import { Popover, PopoverTrigger, PopoverContent, PopoverTitle, PopoverDescription } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Popover><PopoverTrigger>Open details</PopoverTrigger><PopoverContent><PopoverTitle>Details</PopoverTitle><PopoverDescription>Project information</PopoverDescription></PopoverContent></Popover>);
+ * }
+ * ```
+ */
+declare function PopoverTitle({ ref, className, ...props }: React.PropsWithoutRef<React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Title>> & React.RefAttributes<React.ComponentRef<typeof PopoverPrimitive.Title>>): React.JSX.Element;
+declare namespace PopoverTitle {
+    var displayName: string | undefined;
+}
+/**
+ * Provides the accessible explanatory text of the associated popup.
+ * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
+ * @returns The rendered PopoverDescription composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Popover; the underlying primitive owns open state and focus. Content supplies its own portal and positioner. Separate lower-level exports support custom compositions, without requiring an application-level popup provider. The ref prop forwards to the rendered control or container declared by the component ref type.
+ * @example
+ * ```tsx
+ * import { Popover, PopoverTrigger, PopoverContent, PopoverTitle, PopoverDescription } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Popover><PopoverTrigger>Open details</PopoverTrigger><PopoverContent><PopoverTitle>Details</PopoverTitle><PopoverDescription>Project information</PopoverDescription></PopoverContent></Popover>);
+ * }
+ * ```
+ */
+declare function PopoverDescription({ ref, className, ...props }: React.PropsWithoutRef<React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Description>> & React.RefAttributes<React.ComponentRef<typeof PopoverPrimitive.Description>>): React.JSX.Element;
+declare namespace PopoverDescription {
+    var displayName: string | undefined;
+}
 export { Popover, PopoverContent, PopoverTrigger, PopoverHeader, PopoverTitle, PopoverDescription };

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

@@ -1,15 +1,111 @@
 import { Popover as PopoverPrimitive } from '@base-ui/react/popover';
 import * as React from 'react';
 /**
- * ボタンなどの操作によってトリガー付近にフローティング表示されるポップオーバーのルートコンポーネント。
+ * Coordinates open state and interaction context for the popup.
+ * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
+ * @returns The rendered Popover composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Popover; the underlying primitive owns open state and focus. Content supplies its own portal and positioner. Separate lower-level exports support custom compositions, without requiring an application-level popup provider.
+ * @example
+ * ```tsx
+ * import { Popover, PopoverTrigger, PopoverContent, PopoverTitle, PopoverDescription } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Popover><PopoverTrigger>Open details</PopoverTrigger><PopoverContent><PopoverTitle>Details</PopoverTitle><PopoverDescription>Project information</PopoverDescription></PopoverContent></Popover>);
+ * }
+ * ```
  */
 declare function Popover({ ...props }: PopoverPrimitive.Root.Props): React.JSX.Element;
 /**
- * ポップオーバーを表示するためのトリガーボタン。
+ * Renders the control that requests opening its popup.
+ * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
+ * @returns The rendered PopoverTrigger composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Popover; the underlying primitive owns open state and focus. Content supplies its own portal and positioner. Separate lower-level exports support custom compositions, without requiring an application-level popup provider.
+ * @example
+ * ```tsx
+ * import { Popover, PopoverTrigger, PopoverContent, PopoverTitle, PopoverDescription } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Popover><PopoverTrigger>Open details</PopoverTrigger><PopoverContent><PopoverTitle>Details</PopoverTitle><PopoverDescription>Project information</PopoverDescription></PopoverContent></Popover>);
+ * }
+ * ```
  */
 declare function PopoverTrigger({ children, ...props }: PopoverPrimitive.Trigger.Props): React.JSX.Element;
-declare const PopoverContent: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').PopoverPopupProps & Pick<import('@base-ui/react').PopoverPositionerProps, "side" | "align" | "sideOffset" | "alignOffset">, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const PopoverHeader: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const PopoverTitle: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').PopoverTitleProps, "ref"> & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
-declare const PopoverDescription: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').PopoverDescriptionProps, "ref"> & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+/**
+ * Portals the popup and its positioning/backdrop composition.
+ * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling. Wrapper defaults: align='center', alignOffset=0, side='bottom', sideOffset=4.
+ * @returns The rendered PopoverContent composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Popover; the underlying primitive owns open state and focus. Content supplies its own portal and positioner. Separate lower-level exports support custom compositions, without requiring an application-level popup provider. The ref prop forwards to the rendered control or container declared by the component ref type.
+ * @example
+ * ```tsx
+ * import { Popover, PopoverTrigger, PopoverContent, PopoverTitle, PopoverDescription } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Popover><PopoverTrigger>Open details</PopoverTrigger><PopoverContent><PopoverTitle>Details</PopoverTitle><PopoverDescription>Project information</PopoverDescription></PopoverContent></Popover>);
+ * }
+ * ```
+ */
+declare function PopoverContent({ ref, className, align, alignOffset, side, sideOffset, ...props }: React.PropsWithoutRef<PopoverPrimitive.Popup.Props & Pick<PopoverPrimitive.Positioner.Props, 'align' | 'alignOffset' | 'side' | 'sideOffset'>> & React.RefAttributes<HTMLDivElement>): React.JSX.Element;
+declare namespace PopoverContent {
+    var displayName: string | undefined;
+}
+/**
+ * Groups popup heading and explanatory content.
+ * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
+ * @returns The rendered PopoverHeader composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Popover; the underlying primitive owns open state and focus. Content supplies its own portal and positioner. Separate lower-level exports support custom compositions, without requiring an application-level popup provider. The ref prop forwards to the rendered control or container declared by the component ref type.
+ * @example
+ * ```tsx
+ * import { Popover, PopoverTrigger, PopoverContent, PopoverTitle, PopoverDescription } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Popover><PopoverTrigger>Open details</PopoverTrigger><PopoverContent><PopoverTitle>Details</PopoverTitle><PopoverDescription>Project information</PopoverDescription></PopoverContent></Popover>);
+ * }
+ * ```
+ */
+declare function PopoverHeader({ ref, className, ...props }: React.PropsWithoutRef<React.ComponentPropsWithoutRef<'div'>> & React.RefAttributes<HTMLDivElement>): React.JSX.Element;
+declare namespace PopoverHeader {
+    var displayName: string;
+}
+/**
+ * Provides the accessible title of the associated popup.
+ * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
+ * @returns The rendered PopoverTitle composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Popover; the underlying primitive owns open state and focus. Content supplies its own portal and positioner. Separate lower-level exports support custom compositions, without requiring an application-level popup provider. The ref prop forwards to the rendered control or container declared by the component ref type.
+ * @example
+ * ```tsx
+ * import { Popover, PopoverTrigger, PopoverContent, PopoverTitle, PopoverDescription } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Popover><PopoverTrigger>Open details</PopoverTrigger><PopoverContent><PopoverTitle>Details</PopoverTitle><PopoverDescription>Project information</PopoverDescription></PopoverContent></Popover>);
+ * }
+ * ```
+ */
+declare function PopoverTitle({ ref, className, ...props }: React.PropsWithoutRef<React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Title>> & React.RefAttributes<React.ComponentRef<typeof PopoverPrimitive.Title>>): React.JSX.Element;
+declare namespace PopoverTitle {
+    var displayName: string | undefined;
+}
+/**
+ * Provides the accessible explanatory text of the associated popup.
+ * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
+ * @returns The rendered PopoverDescription composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Popover; the underlying primitive owns open state and focus. Content supplies its own portal and positioner. Separate lower-level exports support custom compositions, without requiring an application-level popup provider. The ref prop forwards to the rendered control or container declared by the component ref type.
+ * @example
+ * ```tsx
+ * import { Popover, PopoverTrigger, PopoverContent, PopoverTitle, PopoverDescription } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example() {
+ *   return (<Popover><PopoverTrigger>Open details</PopoverTrigger><PopoverContent><PopoverTitle>Details</PopoverTitle><PopoverDescription>Project information</PopoverDescription></PopoverContent></Popover>);
+ * }
+ * ```
+ */
+declare function PopoverDescription({ ref, className, ...props }: React.PropsWithoutRef<React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Description>> & React.RefAttributes<React.ComponentRef<typeof PopoverPrimitive.Description>>): React.JSX.Element;
+declare namespace PopoverDescription {
+    var displayName: string | undefined;
+}
 export { Popover, PopoverContent, PopoverTrigger, PopoverHeader, PopoverTitle, PopoverDescription };

package/dist/ui/components/ui/popover.js

@@ -2,58 +2,66 @@
 "use client";
 import { cn as e } from "../../lib/utils.js";
 import { jsx as t } from "react/jsx-runtime";
-import * as n from "react";
-import { Popover as r } from "@base-ui/react/popover";
+import "react";
+import { Popover as n } from "@base-ui/react/popover";
 //#region src/ui/components/ui/popover.tsx
-function i({ ...e }) {
-	return /* @__PURE__ */ t(r.Root, {
+function r({ ...e }) {
+	return /* @__PURE__ */ t(n.Root, {
 		"data-slot": "popover",
 		...e
 	});
 }
-function a({ children: e, ...n }) {
-	return /* @__PURE__ */ t(r.Trigger, {
+function i({ children: e, ...r }) {
+	return /* @__PURE__ */ t(n.Trigger, {
 		"data-slot": "popover-trigger",
-		...n,
+		...r,
 		children: e
 	});
 }
-var o = n.forwardRef(({ className: n, align: i = "center", alignOffset: a = 0, side: o = "bottom", sideOffset: s = 4, ...c }, l) => /* @__PURE__ */ t(r.Portal, { children: /* @__PURE__ */ t(r.Positioner, {
-	align: i,
-	alignOffset: a,
-	side: o,
-	sideOffset: s,
-	className: "isolate z-50",
-	children: /* @__PURE__ */ t(r.Popup, {
-		ref: l,
-		"data-slot": "popover-content",
-		className: e("bg-popover text-popover-foreground data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 ring-foreground/10 flex flex-col gap-2.5 rounded-lg p-2.5 text-sm shadow-md ring-1 duration-100 z-50 w-72 origin-(--transform-origin) outline-hidden", n),
-		...c
-	})
-}) }));
-o.displayName = r.Popup.displayName;
-var s = n.forwardRef(({ className: n, ...r }, i) => /* @__PURE__ */ t("div", {
-	ref: i,
-	"data-slot": "popover-header",
-	className: e("flex flex-col gap-0.5 text-sm", n),
-	...r
-}));
-s.displayName = "PopoverHeader";
-var c = n.forwardRef(({ className: n, ...i }, a) => /* @__PURE__ */ t(r.Title, {
-	ref: a,
-	"data-slot": "popover-title",
-	className: e("font-medium", n),
-	...i
-}));
-c.displayName = r.Title.displayName;
-var l = n.forwardRef(({ className: n, ...i }, a) => /* @__PURE__ */ t(r.Description, {
-	ref: a,
-	"data-slot": "popover-description",
-	className: e("text-muted-foreground", n),
-	...i
-}));
-l.displayName = r.Description.displayName;
+function a({ ref: r, className: i, align: a = "center", alignOffset: o = 0, side: s = "bottom", sideOffset: c = 4, ...l }) {
+	return /* @__PURE__ */ t(n.Portal, { children: /* @__PURE__ */ t(n.Positioner, {
+		align: a,
+		alignOffset: o,
+		side: s,
+		sideOffset: c,
+		className: "isolate z-50",
+		children: /* @__PURE__ */ t(n.Popup, {
+			ref: r,
+			"data-slot": "popover-content",
+			className: e("bg-popover text-popover-foreground data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 ring-foreground/10 flex flex-col gap-2.5 rounded-lg p-2.5 text-sm shadow-md ring-1 duration-100 z-50 w-72 origin-(--transform-origin) outline-hidden", i),
+			...l
+		})
+	}) });
+}
+a.displayName = n.Popup.displayName;
+function o({ ref: n, className: r, ...i }) {
+	return /* @__PURE__ */ t("div", {
+		ref: n,
+		"data-slot": "popover-header",
+		className: e("flex flex-col gap-0.5 text-sm", r),
+		...i
+	});
+}
+o.displayName = "PopoverHeader";
+function s({ ref: r, className: i, ...a }) {
+	return /* @__PURE__ */ t(n.Title, {
+		ref: r,
+		"data-slot": "popover-title",
+		className: e("font-medium", i),
+		...a
+	});
+}
+s.displayName = n.Title.displayName;
+function c({ ref: r, className: i, ...a }) {
+	return /* @__PURE__ */ t(n.Description, {
+		ref: r,
+		"data-slot": "popover-description",
+		className: e("text-muted-foreground", i),
+		...a
+	});
+}
+c.displayName = n.Description.displayName;
 //#endregion
-export { i as Popover, o as PopoverContent, l as PopoverDescription, s as PopoverHeader, c as PopoverTitle, a as PopoverTrigger };
+export { r as Popover, a as PopoverContent, c as PopoverDescription, o as PopoverHeader, s as PopoverTitle, i as PopoverTrigger };
 
 //# sourceMappingURL=popover.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"popover.js","names":["PopoverPrimitive","React","React$1","Popover$1","Popover","props","PopoverTrigger","PopoverContent","cn","className","PopoverHeader","PopoverTitle","PopoverDescription"],"sources":["../../../../src/ui/components/ui/popover.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Popover as PopoverPrimitive } from '@base-ui/react/popover';\n\nimport { cn } from '../../lib/utils';\n\n/**\n * ボタンなどの操作によってトリガー付近にフローティング表示されるポップオーバーのルートコンポーネント。\n */\nfunction Popover({ ...props }: PopoverPrimitive.Root.Props) {\n  return <PopoverPrimitive.Root data-slot='popover' {...props} />;\n}\n\n/**\n * ポップオーバーを表示するためのトリガーボタン。\n */\nfunction PopoverTrigger({\n  children,\n  ...props\n}: PopoverPrimitive.Trigger.Props) {\n  return (\n    <PopoverPrimitive.Trigger\n      data-slot='popover-trigger'\n      {...props}\n    >\n      {children}\n    </PopoverPrimitive.Trigger>\n  );\n}\n\nconst PopoverContent = React.forwardRef<\n  HTMLDivElement,\n  PopoverPrimitive.Popup.Props &\n    Pick<PopoverPrimitive.Positioner.Props, 'align' | 'alignOffset' | 'side' | 'sideOffset'>\n>(\n  (\n    { className, align = 'center', alignOffset = 0, side = 'bottom', sideOffset = 4, ...props },\n    ref,\n  ) => (\n    <PopoverPrimitive.Portal>\n      <PopoverPrimitive.Positioner\n        align={align}\n        alignOffset={alignOffset}\n        side={side}\n        sideOffset={sideOffset}\n        className='isolate z-50'\n      >\n        <PopoverPrimitive.Popup\n          ref={ref}\n          data-slot='popover-content'\n          className={cn(\n            'bg-popover text-popover-foreground data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 ring-foreground/10 flex flex-col gap-2.5 rounded-lg p-2.5 text-sm shadow-md ring-1 duration-100 z-50 w-72 origin-(--transform-origin) outline-hidden',\n            className,\n          )}\n          {...props}\n        />\n      </PopoverPrimitive.Positioner>\n    </PopoverPrimitive.Portal>\n  ),\n);\nPopoverContent.displayName = PopoverPrimitive.Popup.displayName;\n\nconst PopoverHeader = React.forwardRef<HTMLDivElement, React.ComponentPropsWithoutRef<'div'>>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      data-slot='popover-header'\n      className={cn('flex flex-col gap-0.5 text-sm', className)}\n      {...props}\n    />\n  ),\n);\nPopoverHeader.displayName = 'PopoverHeader';\n\nconst PopoverTitle = React.forwardRef<\n  React.ComponentRef<typeof PopoverPrimitive.Title>,\n  React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Title>\n>(({ className, ...props }, ref) => (\n  <PopoverPrimitive.Title\n    ref={ref}\n    data-slot='popover-title'\n    className={cn('font-medium', className)}\n    {...props}\n  />\n));\nPopoverTitle.displayName = PopoverPrimitive.Title.displayName;\n\nconst PopoverDescription = React.forwardRef<\n  React.ComponentRef<typeof PopoverPrimitive.Description>,\n  React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Description>\n>(({ className, ...props }, ref) => (\n  <PopoverPrimitive.Description\n    ref={ref}\n    data-slot='popover-description'\n    className={cn('text-muted-foreground', className)}\n    {...props}\n  />\n));\nPopoverDescription.displayName = PopoverPrimitive.Description.displayName;\n\nexport { Popover, PopoverContent, PopoverTrigger, PopoverHeader, PopoverTitle, PopoverDescription };\n"],"mappings":";;;;;;;AAUA,SAASI,EAAQ,EAAE,GAAGC,KAAsC;CAC1D,OAAO,kBAACL,EAAiB,MAAlB;EAAuB,aAAU;EAAU,GAAIK;CAAQ,CAAA;AAChE;AAKA,SAASC,EAAe,EACtB,aACA,GAAGD,KAC8B;CACjC,OACE,kBAACL,EAAiB,SAAlB;EACE,aAAU;EACV,GAAIK;EAEH;CACuB,CAAA;AAE9B;AAEA,IAAME,IAAiBN,EAAM,YAMzB,EAAE,cAAW,WAAQ,UAAU,iBAAc,GAAG,UAAO,UAAU,gBAAa,GAAG,GAAGI,KACpF,MAEA,kBAACL,EAAiB,QAAlB,EAAA,UACE,kBAACA,EAAiB,YAAlB;CACS;CACM;CACP;CACM;CACZ,WAAU;CAEV,UAAA,kBAACA,EAAiB,OAAlB;EACO;EACL,aAAU;EACV,WAAWQ,EACT,4dACAC,CACF;EACA,GAAIJ;CACL,CAAA;AAC0B,CAAA,EACN,CAAA,CAE7B;AACA,EAAe,cAAcL,EAAiB,MAAM;AAEpD,IAAMU,IAAgBT,EAAM,YACzB,EAAE,cAAW,GAAGI,KAAS,MACxB,kBAAC,OAAD;CACO;CACL,aAAU;CACV,WAAWG,EAAG,iCAAiCC,CAAS;CACxD,GAAIJ;AACL,CAAA,CAEL;AACA,EAAc,cAAc;AAE5B,IAAMM,IAAeV,EAAM,YAGxB,EAAE,cAAW,GAAGI,KAAS,MAC1B,kBAACL,EAAiB,OAAlB;CACO;CACL,aAAU;CACV,WAAWQ,EAAG,eAAeC,CAAS;CACtC,GAAIJ;AACL,CAAA,CACF;AACD,EAAa,cAAcL,EAAiB,MAAM;AAElD,IAAMY,IAAqBX,EAAM,YAG9B,EAAE,cAAW,GAAGI,KAAS,MAC1B,kBAACL,EAAiB,aAAlB;CACO;CACL,aAAU;CACV,WAAWQ,EAAG,yBAAyBC,CAAS;CAChD,GAAIJ;AACL,CAAA,CACF;AACD,EAAmB,cAAcL,EAAiB,YAAY"}
+{"version":3,"file":"popover.js","names":["PopoverPrimitive","Popover$1","Popover","props","PopoverTrigger","PopoverContent","cn","className","PopoverHeader","PopoverTitle","PopoverDescription"],"sources":["../../../../src/ui/components/ui/popover.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Popover as PopoverPrimitive } from '@base-ui/react/popover';\n\nimport { cn } from '../../lib/utils';\n\n/**\n * Coordinates open state and interaction context for the popup.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered Popover composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Popover; the underlying primitive owns open state and focus. Content supplies its own portal and positioner. Separate lower-level exports support custom compositions, without requiring an application-level popup provider.\n * @example\n * ```tsx\n * import { Popover, PopoverTrigger, PopoverContent, PopoverTitle, PopoverDescription } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Popover><PopoverTrigger>Open details</PopoverTrigger><PopoverContent><PopoverTitle>Details</PopoverTitle><PopoverDescription>Project information</PopoverDescription></PopoverContent></Popover>);\n * }\n * ```\n */\nfunction Popover({ ...props }: PopoverPrimitive.Root.Props) {\n  return <PopoverPrimitive.Root data-slot='popover' {...props} />;\n}\n\n/**\n * Renders the control that requests opening its popup.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered PopoverTrigger composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Popover; the underlying primitive owns open state and focus. Content supplies its own portal and positioner. Separate lower-level exports support custom compositions, without requiring an application-level popup provider.\n * @example\n * ```tsx\n * import { Popover, PopoverTrigger, PopoverContent, PopoverTitle, PopoverDescription } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Popover><PopoverTrigger>Open details</PopoverTrigger><PopoverContent><PopoverTitle>Details</PopoverTitle><PopoverDescription>Project information</PopoverDescription></PopoverContent></Popover>);\n * }\n * ```\n */\nfunction PopoverTrigger({\n  children,\n  ...props\n}: PopoverPrimitive.Trigger.Props) {\n  return (\n    <PopoverPrimitive.Trigger\n      data-slot='popover-trigger'\n      {...props}\n    >\n      {children}\n    </PopoverPrimitive.Trigger>\n  );\n}\n\n/**\n * Portals the popup and its positioning/backdrop composition.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling. Wrapper defaults: align='center', alignOffset=0, side='bottom', sideOffset=4.\n * @returns The rendered PopoverContent composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Popover; the underlying primitive owns open state and focus. Content supplies its own portal and positioner. Separate lower-level exports support custom compositions, without requiring an application-level popup provider. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { Popover, PopoverTrigger, PopoverContent, PopoverTitle, PopoverDescription } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Popover><PopoverTrigger>Open details</PopoverTrigger><PopoverContent><PopoverTitle>Details</PopoverTitle><PopoverDescription>Project information</PopoverDescription></PopoverContent></Popover>);\n * }\n * ```\n */\nfunction PopoverContent({\n  ref,\n  className,\n  align = 'center',\n  alignOffset = 0,\n  side = 'bottom',\n  sideOffset = 4,\n  ...props\n}: React.PropsWithoutRef<\n  PopoverPrimitive.Popup.Props &\n    Pick<PopoverPrimitive.Positioner.Props, 'align' | 'alignOffset' | 'side' | 'sideOffset'>\n> &\n  React.RefAttributes<HTMLDivElement>) {\n  return (\n    <PopoverPrimitive.Portal>\n      <PopoverPrimitive.Positioner\n        align={align}\n        alignOffset={alignOffset}\n        side={side}\n        sideOffset={sideOffset}\n        className='isolate z-50'\n      >\n        <PopoverPrimitive.Popup\n          ref={ref}\n          data-slot='popover-content'\n          className={cn(\n            'bg-popover text-popover-foreground data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 ring-foreground/10 flex flex-col gap-2.5 rounded-lg p-2.5 text-sm shadow-md ring-1 duration-100 z-50 w-72 origin-(--transform-origin) outline-hidden',\n            className,\n          )}\n          {...props}\n        />\n      </PopoverPrimitive.Positioner>\n    </PopoverPrimitive.Portal>\n  );\n}\nPopoverContent.displayName = PopoverPrimitive.Popup.displayName;\n\n/**\n * Groups popup heading and explanatory content.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered PopoverHeader composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Popover; the underlying primitive owns open state and focus. Content supplies its own portal and positioner. Separate lower-level exports support custom compositions, without requiring an application-level popup provider. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { Popover, PopoverTrigger, PopoverContent, PopoverTitle, PopoverDescription } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Popover><PopoverTrigger>Open details</PopoverTrigger><PopoverContent><PopoverTitle>Details</PopoverTitle><PopoverDescription>Project information</PopoverDescription></PopoverContent></Popover>);\n * }\n * ```\n */\nfunction PopoverHeader({\n  ref,\n  className,\n  ...props\n}: React.PropsWithoutRef<React.ComponentPropsWithoutRef<'div'>> &\n  React.RefAttributes<HTMLDivElement>) {\n  return (\n    <div\n      ref={ref}\n      data-slot='popover-header'\n      className={cn('flex flex-col gap-0.5 text-sm', className)}\n      {...props}\n    />\n  );\n}\nPopoverHeader.displayName = 'PopoverHeader';\n\n/**\n * Provides the accessible title of the associated popup.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered PopoverTitle composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Popover; the underlying primitive owns open state and focus. Content supplies its own portal and positioner. Separate lower-level exports support custom compositions, without requiring an application-level popup provider. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { Popover, PopoverTrigger, PopoverContent, PopoverTitle, PopoverDescription } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Popover><PopoverTrigger>Open details</PopoverTrigger><PopoverContent><PopoverTitle>Details</PopoverTitle><PopoverDescription>Project information</PopoverDescription></PopoverContent></Popover>);\n * }\n * ```\n */\nfunction PopoverTitle({\n  ref,\n  className,\n  ...props\n}: React.PropsWithoutRef<React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Title>> &\n  React.RefAttributes<React.ComponentRef<typeof PopoverPrimitive.Title>>) {\n  return (\n    <PopoverPrimitive.Title\n      ref={ref}\n      data-slot='popover-title'\n      className={cn('font-medium', className)}\n      {...props}\n    />\n  );\n}\nPopoverTitle.displayName = PopoverPrimitive.Title.displayName;\n\n/**\n * Provides the accessible explanatory text of the associated popup.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered PopoverDescription composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Compose trigger, content, title and description inside Popover; the underlying primitive owns open state and focus. Content supplies its own portal and positioner. Separate lower-level exports support custom compositions, without requiring an application-level popup provider. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { Popover, PopoverTrigger, PopoverContent, PopoverTitle, PopoverDescription } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<Popover><PopoverTrigger>Open details</PopoverTrigger><PopoverContent><PopoverTitle>Details</PopoverTitle><PopoverDescription>Project information</PopoverDescription></PopoverContent></Popover>);\n * }\n * ```\n */\nfunction PopoverDescription({\n  ref,\n  className,\n  ...props\n}: React.PropsWithoutRef<React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Description>> &\n  React.RefAttributes<React.ComponentRef<typeof PopoverPrimitive.Description>>) {\n  return (\n    <PopoverPrimitive.Description\n      ref={ref}\n      data-slot='popover-description'\n      className={cn('text-muted-foreground', className)}\n      {...props}\n    />\n  );\n}\nPopoverDescription.displayName = PopoverPrimitive.Description.displayName;\n\nexport { Popover, PopoverContent, PopoverTrigger, PopoverHeader, PopoverTitle, PopoverDescription };\n"],"mappings":";;;;;;;AAsBA,SAASE,EAAQ,EAAE,GAAGC,KAAsC;CAC1D,OAAO,kBAACH,EAAiB,MAAlB;EAAuB,aAAU;EAAU,GAAIG;CAAQ,CAAA;AAChE;AAiBA,SAASC,EAAe,EACtB,aACA,GAAGD,KAC8B;CACjC,OACE,kBAACH,EAAiB,SAAlB;EACE,aAAU;EACV,GAAIG;EAEH;CACuB,CAAA;AAE9B;AAiBA,SAASE,EAAe,EACtB,QACA,cACA,WAAQ,UACR,iBAAc,GACd,UAAO,UACP,gBAAa,GACb,GAAGF,KAKkC;CACrC,OACE,kBAACH,EAAiB,QAAlB,EAAA,UACE,kBAACA,EAAiB,YAAlB;EACS;EACM;EACP;EACM;EACZ,WAAU;EAEV,UAAA,kBAACA,EAAiB,OAAlB;GACO;GACL,aAAU;GACV,WAAWM,EACT,4dACAC,CACF;GACA,GAAIJ;EACL,CAAA;CAC0B,CAAA,EACN,CAAA;AAE7B;AACA,EAAe,cAAcH,EAAiB,MAAM;AAiBpD,SAASQ,EAAc,EACrB,QACA,cACA,GAAGL,KAEkC;CACrC,OACE,kBAAC,OAAD;EACO;EACL,aAAU;EACV,WAAWG,EAAG,iCAAiCC,CAAS;EACxD,GAAIJ;CACL,CAAA;AAEL;AACA,EAAc,cAAc;AAiB5B,SAASM,EAAa,EACpB,QACA,cACA,GAAGN,KAEqE;CACxE,OACE,kBAACH,EAAiB,OAAlB;EACO;EACL,aAAU;EACV,WAAWM,EAAG,eAAeC,CAAS;EACtC,GAAIJ;CACL,CAAA;AAEL;AACA,EAAa,cAAcH,EAAiB,MAAM;AAiBlD,SAASU,EAAmB,EAC1B,QACA,cACA,GAAGP,KAE2E;CAC9E,OACE,kBAACH,EAAiB,aAAlB;EACO;EACL,aAAU;EACV,WAAWM,EAAG,yBAAyBC,CAAS;EAChD,GAAIJ;CACL,CAAA;AAEL;AACA,EAAmB,cAAcH,EAAiB,YAAY"}