@arolariu/components 0.5.0 → 1.0.0

package/dist/components/ui/collapsible.js

@@ -1,36 +1,50 @@
 "use client";
-import { CollapsibleContent, CollapsibleTrigger, Root } from "@radix-ui/react-collapsible";
-var __webpack_require__ = {};
-(()=>{
-    __webpack_require__.d = (exports, definition)=>{
-        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) Object.defineProperty(exports, key, {
-            enumerable: true,
-            get: definition[key]
-        });
-    };
-})();
-(()=>{
-    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
-})();
-(()=>{
-    __webpack_require__.r = (exports)=>{
-        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports, Symbol.toStringTag, {
-            value: 'Module'
-        });
-        Object.defineProperty(exports, '__esModule', {
-            value: true
-        });
-    };
-})();
-var react_collapsible_namespaceObject = {};
-__webpack_require__.r(react_collapsible_namespaceObject);
-__webpack_require__.d(react_collapsible_namespaceObject, {
-    CollapsibleContent: ()=>CollapsibleContent,
-    CollapsibleTrigger: ()=>CollapsibleTrigger,
-    Root: ()=>Root
+import { jsx } from "react/jsx-runtime";
+import { Collapsible } from "@base-ui/react/collapsible";
+import { mergeProps } from "@base-ui/react/merge-props";
+import { useRender } from "@base-ui/react/use-render";
+import { forwardRef, isValidElement } from "react";
+import { cn } from "../../lib/utilities.js";
+import collapsible_module from "./collapsible.module.js";
+function collapsible_Collapsible(props) {
+    return /*#__PURE__*/ jsx(Collapsible.Root, {
+        ...props
+    });
+}
+const CollapsibleTrigger = /*#__PURE__*/ forwardRef((props, ref)=>{
+    const { asChild = false, children, className, render, ...otherProps } = props;
+    const renderProp = asChild && /*#__PURE__*/ isValidElement(children) ? children : render;
+    return /*#__PURE__*/ jsx(Collapsible.Trigger, {
+        ref: ref,
+        ...otherProps,
+        render: useRender({
+            defaultTagName: "button",
+            render: renderProp,
+            props: mergeProps({
+                className: cn(collapsible_module.trigger, className)
+            }, {})
+        }),
+        children: renderProp ? void 0 : children
+    });
 });
-const Collapsible = Root;
-const { CollapsibleTrigger: collapsible_CollapsibleTrigger, CollapsibleContent: collapsible_CollapsibleContent } = react_collapsible_namespaceObject;
-export { Collapsible, collapsible_CollapsibleContent as CollapsibleContent, collapsible_CollapsibleTrigger as CollapsibleTrigger };
+const CollapsibleContent = /*#__PURE__*/ forwardRef((props, ref)=>{
+    const { className, children, render, ...otherProps } = props;
+    return /*#__PURE__*/ jsx(Collapsible.Panel, {
+        ref: ref,
+        ...otherProps,
+        render: useRender({
+            defaultTagName: "div",
+            render: render,
+            props: mergeProps({
+                className: cn(collapsible_module.panel, className)
+            }, {})
+        }),
+        children: children
+    });
+});
+collapsible_Collapsible.displayName = "Collapsible";
+CollapsibleTrigger.displayName = "CollapsibleTrigger";
+CollapsibleContent.displayName = "CollapsibleContent";
+export { CollapsibleContent, CollapsibleTrigger, collapsible_Collapsible as Collapsible };
 
 //# sourceMappingURL=collapsible.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"components/ui/collapsible.js","sources":["webpack/runtime/define_property_getters","webpack/runtime/has_own_property","webpack/runtime/make_namespace_object","../../../src/components/ui/collapsible.tsx"],"sourcesContent":["__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n        if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n            Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n        }\n    }\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","\"use client\";\r\n\r\nimport * as CollapsiblePrimitive from \"@radix-ui/react-collapsible\";\r\n\r\nconst Collapsible = CollapsiblePrimitive.Root;\r\n\r\nconst {CollapsibleTrigger, CollapsibleContent} = CollapsiblePrimitive;\r\n\r\nexport {Collapsible, CollapsibleContent, CollapsibleTrigger};\r\n"],"names":["__webpack_require__","exports","definition","key","Object","obj","prop","Symbol","Collapsible","CollapsiblePrimitive","CollapsibleTrigger","CollapsibleContent"],"mappings":";;;;IAAAA,oBAAoB,CAAC,GAAG,CAACC,SAASC;QACjC,IAAI,IAAIC,OAAOD,WACR,IAAGF,oBAAoB,CAAC,CAACE,YAAYC,QAAQ,CAACH,oBAAoB,CAAC,CAACC,SAASE,MACzEC,OAAO,cAAc,CAACH,SAASE,KAAK;YAAE,YAAY;YAAM,KAAKD,UAAU,CAACC,IAAI;QAAC;IAGzF;;;ICNAH,oBAAoB,CAAC,GAAG,CAACK,KAAKC,OAAUF,OAAO,SAAS,CAAC,cAAc,CAAC,IAAI,CAACC,KAAKC;;;ICClFN,oBAAoB,CAAC,GAAG,CAACC;QACxB,IAAG,AAAkB,MAAlB,OAAOM,UAA0BA,OAAO,WAAW,EACrDH,OAAO,cAAc,CAACH,SAASM,OAAO,WAAW,EAAE;YAAE,OAAO;QAAS;QAEtEH,OAAO,cAAc,CAACH,SAAS,cAAc;YAAE,OAAO;QAAK;IAC5D;;;;;;;;;ACFA,MAAMO,cAAcC;AAEpB,MAAM,EAACC,oBAAkB,gCAAEC,oBAAkB,gCAAC,GAAGF"}
+{"version":3,"file":"components/ui/collapsible.js","sources":["../../../src/components/ui/collapsible.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport {Collapsible as BaseCollapsible} from \"@base-ui/react/collapsible\";\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 \"./collapsible.module.css\";\r\n\r\ninterface CollapsibleProps extends React.ComponentPropsWithRef<typeof BaseCollapsible.Root> {}\r\n\r\ninterface CollapsibleTriggerProps extends Omit<React.ComponentPropsWithRef<typeof BaseCollapsible.Trigger>, \"className\"> {\r\n  /**\r\n   * Applies additional CSS classes to the component root element.\r\n   * @default undefined\r\n   */\r\n  className?: string;\r\n  /**\r\n   * Enables child element composition instead of rendering the default wrapper.\r\n   * @default false\r\n   * @deprecated Prefer Base UI's `render` prop.\r\n   */\r\n  asChild?: boolean;\r\n}\r\n\r\ninterface CollapsibleContentProps extends Omit<React.ComponentPropsWithRef<typeof BaseCollapsible.Panel>, \"className\"> {\r\n  /**\r\n   * Applies additional CSS classes to the component root element.\r\n   * @default undefined\r\n   */\r\n  className?: string;\r\n}\r\n\r\n/**\r\n * Coordinates collapsible state and accessibility behavior.\r\n *\r\n * @remarks\r\n * - Delegates structure and state to the underlying Base UI primitive\r\n * - Built on {@link https://base-ui.com/react/components/collapsible | Base UI Collapsible}\r\n * - Preserves the underlying primitive API for advanced composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <Collapsible>Content</Collapsible>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/collapsible | Base UI Documentation}\r\n */\r\nfunction Collapsible(props: Readonly<Collapsible.Props>): React.ReactElement {\r\n  return <BaseCollapsible.Root {...props} />;\r\n}\r\n\r\n/**\r\n * Renders the collapsible trigger.\r\n *\r\n * @remarks\r\n * - Renders a `<button>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/collapsible | Base UI Collapsible}\r\n * - Supports the `render` prop for element composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <CollapsibleTrigger>Content</CollapsibleTrigger>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/collapsible | Base UI Documentation}\r\n */\r\nconst CollapsibleTrigger = React.forwardRef<React.ComponentRef<typeof BaseCollapsible.Trigger>, CollapsibleTrigger.Props>(\r\n  (props: Readonly<CollapsibleTrigger.Props>, ref): React.ReactElement => {\r\n    const {asChild = false, children, className, render, ...otherProps} = props;\r\n    const renderProp = asChild && React.isValidElement(children) ? children : render;\r\n\r\n    return (\r\n      <BaseCollapsible.Trigger\r\n        ref={ref}\r\n        {...otherProps}\r\n        render={useRender({\r\n          defaultTagName: \"button\",\r\n          render: renderProp as never,\r\n          props: mergeProps({className: cn(styles.trigger, className)}, {}),\r\n        })}>\r\n        {renderProp ? undefined : children}\r\n      </BaseCollapsible.Trigger>\r\n    );\r\n  },\r\n);\r\n\r\n/**\r\n * Renders the collapsible content.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/collapsible | Base UI Collapsible}\r\n * - Supports the `render` prop for element composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <CollapsibleContent>Content</CollapsibleContent>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/collapsible | Base UI Documentation}\r\n */\r\nconst CollapsibleContent = React.forwardRef<React.ComponentRef<typeof BaseCollapsible.Panel>, CollapsibleContent.Props>(\r\n  (props: Readonly<CollapsibleContent.Props>, ref): React.ReactElement => {\r\n    const {className, children, render, ...otherProps} = props;\r\n\r\n    return (\r\n      <BaseCollapsible.Panel\r\n        ref={ref}\r\n        {...otherProps}\r\n        render={useRender({\r\n          defaultTagName: \"div\",\r\n          render: render as never,\r\n          props: mergeProps({className: cn(styles.panel, className)}, {}),\r\n        })}>\r\n        {children}\r\n      </BaseCollapsible.Panel>\r\n    );\r\n  },\r\n);\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace Collapsible {\r\n  export type Props = CollapsibleProps;\r\n  export type State = BaseCollapsible.Root.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace CollapsibleTrigger {\r\n  export type Props = CollapsibleTriggerProps;\r\n  export type State = BaseCollapsible.Trigger.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace CollapsibleContent {\r\n  export type Props = CollapsibleContentProps;\r\n  export type State = BaseCollapsible.Panel.State;\r\n}\r\n\r\nCollapsible.displayName = \"Collapsible\";\r\nCollapsibleTrigger.displayName = \"CollapsibleTrigger\";\r\nCollapsibleContent.displayName = \"CollapsibleContent\";\r\n\r\nexport {Collapsible, CollapsibleContent, CollapsibleTrigger};\r\n"],"names":["Collapsible","props","BaseCollapsible","CollapsibleTrigger","React","ref","asChild","children","className","render","otherProps","renderProp","useRender","mergeProps","cn","styles","undefined","CollapsibleContent"],"mappings":";;;;;;;;AAiDA,SAASA,wBAAYC,KAAkC;IACrD,OAAO,WAAP,GAAO,IAACC,YAAAA,IAAoB;QAAE,GAAGD,KAAK;;AACxC;AAiBA,MAAME,qBAAqB,WAAHA,GAAGC,WACzB,CAACH,OAA2CI;IAC1C,MAAM,EAACC,UAAU,KAAK,EAAEC,QAAQ,EAAEC,SAAS,EAAEC,MAAM,EAAE,GAAGC,YAAW,GAAGT;IACtE,MAAMU,aAAaL,WAAW,WAAXA,GAAWF,eAAqBG,YAAYA,WAAWE;IAE1E,OAAO,WAAP,GACE,IAACP,YAAAA,OAAuB;QACtB,KAAKG;QACJ,GAAGK,UAAU;QACd,QAAQE,UAAU;YAChB,gBAAgB;YAChB,QAAQD;YACR,OAAOE,WAAW;gBAAC,WAAWC,GAAGC,mBAAAA,OAAc,EAAEP;YAAU,GAAG,CAAC;QACjE;kBACCG,aAAaK,SAAYT;;AAGhC;AAkBF,MAAMU,qBAAqB,WAAHA,GAAGb,WACzB,CAACH,OAA2CI;IAC1C,MAAM,EAACG,SAAS,EAAED,QAAQ,EAAEE,MAAM,EAAE,GAAGC,YAAW,GAAGT;IAErD,OAAO,WAAP,GACE,IAACC,YAAAA,KAAqB;QACpB,KAAKG;QACJ,GAAGK,UAAU;QACd,QAAQE,UAAU;YAChB,gBAAgB;YAChB,QAAQH;YACR,OAAOI,WAAW;gBAAC,WAAWC,GAAGC,mBAAAA,KAAY,EAAEP;YAAU,GAAG,CAAC;QAC/D;kBACCD;;AAGP;AAqBFP,wBAAY,WAAW,GAAG;AAC1BG,mBAAmB,WAAW,GAAG;AACjCc,mBAAmB,WAAW,GAAG"}

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

@@ -0,0 +1,8 @@
+import "./collapsible_module.css";
+const collapsible_module = {
+    trigger: "trigger-srYWzo",
+    panel: "panel-hN8qN2"
+};
+export default collapsible_module;
+
+//# sourceMappingURL=collapsible.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"components/ui/collapsible.module.js","sources":["../../../src/components/ui/collapsible.module.css"],"sourcesContent":["// extracted by LIB_CSS_EXTRACT_LOADER\nimport \"./collapsible_module.css\"\nexport default {\"trigger\":\"trigger-srYWzo\",\"panel\":\"panel-hN8qN2\"};"],"names":[],"mappings":";AAEA,2BAAe;IAAC,SAAU;IAAiB,OAAQ;AAAc"}

package/dist/components/ui/collapsible_module.css

@@ -0,0 +1,26 @@
+.trigger-srYWzo {
+  outline: none;
+
+  &:focus-visible {
+    border-radius: var(--ac-radius-sm);
+    outline: 2px solid var(--ac-ring);
+    outline-offset: 2px;
+  }
+
+  &[data-disabled] {
+    cursor: not-allowed;
+    opacity: .5;
+  }
+}
+
+.panel-hN8qN2 {
+  transition: opacity var(--ac-transition-normal);
+  overflow: hidden;
+
+  &[data-ending-style], &[data-starting-style] {
+    opacity: 0;
+  }
+}
+
+
+/*# sourceMappingURL=collapsible_module.css.map */

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

@@ -0,0 +1 @@
+{"version":3,"sources":["webpack://./home/runner/work/arolariu.ro/arolariu.ro/packages/components/src/components/ui/collapsible.module.css","webpack://./src/components/ui/collapsible.module.css"],"names":[],"mappings":"AADA;ECEE,aAAa;;EAEb;IACE,kCAAkC;IAClC,iCAAiC;IACjC,mBAAmB;EACrB;;EAEA;IACE,mBAAmB;IACnB,WAAW;EACb;AACF;;AAEA;EACE,+CAA+C;EAC/C,gBAAgB;;EAEhB;IACE,UAAU;EACZ;AACF","sourcesContent":[".trigger{outline:none;&:focus-visible{border-radius:var(--ac-radius-sm);outline:2px solid var(--ac-ring);outline-offset:2px}&[data-disabled]{cursor:not-allowed;opacity:.5}}.panel{overflow:hidden;transition:opacity var(--ac-transition-normal);&[data-ending-style],&[data-starting-style]{opacity:0}}",".trigger {\n  outline: none;\n\n  &:focus-visible {\n    border-radius: var(--ac-radius-sm);\n    outline: 2px solid var(--ac-ring);\n    outline-offset: 2px;\n  }\n\n  &[data-disabled] {\n    cursor: not-allowed;\n    opacity: .5;\n  }\n}\n\n.panel {\n  transition: opacity var(--ac-transition-normal);\n  overflow: hidden;\n\n  &[data-ending-style], &[data-starting-style] {\n    opacity: 0;\n  }\n}\n"],"sourceRoot":""}

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

@@ -1,80 +1,313 @@
-import type { DialogProps } from "@radix-ui/react-dialog";
+import { Dialog as BaseDialog } from "@base-ui/react/dialog";
+import { Separator as BaseSeparator } from "@base-ui/react/separator";
 import * as React from "react";
-declare const Command: React.ForwardRefExoticComponent<Omit<{
+type CommandFilter = (value: string, search: string, keywords?: string[]) => number;
+interface CommandProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Command palette content.
+     * @default undefined
+     */
     children?: React.ReactNode;
-} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
-    ref?: React.Ref<HTMLDivElement>;
-} & {
-    asChild?: boolean;
-}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
+    /**
+     * Accessible label announced for the command region.
+     * @default undefined
+     */
     label?: string;
+    /**
+     * Whether items should be filtered automatically as the search value changes.
+     * @default true
+     */
     shouldFilter?: boolean;
-    filter?: (value: string, search: string, keywords?: string[]) => number;
+    /**
+     * Custom scoring function used to determine whether an item matches the current search value.
+     * @default undefined
+     */
+    filter?: CommandFilter;
+    /**
+     * Deprecated uncontrolled search value placeholder retained for API compatibility.
+     * @default undefined
+     */
     defaultValue?: string;
+    /**
+     * Deprecated controlled search value placeholder retained for API compatibility.
+     * @default undefined
+     */
     value?: string;
+    /**
+     * Deprecated change callback retained for API compatibility.
+     * @default undefined
+     */
     onValueChange?: (value: string) => void;
+    /**
+     * Whether keyboard navigation should wrap from the last item to the first.
+     * @default false
+     */
     loop?: boolean;
+    /**
+     * Whether pointer hover should avoid changing the active item.
+     * @default false
+     */
     disablePointerSelection?: boolean;
+    /**
+     * Deprecated Vim keybinding toggle retained for API compatibility.
+     * @default undefined
+     */
     vimBindings?: boolean;
-} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const CommandDialog: ({ children, ...props }: DialogProps) => import("react/jsx-runtime").JSX.Element;
-declare const CommandInput: React.ForwardRefExoticComponent<Omit<Omit<Pick<Pick<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof React.InputHTMLAttributes<HTMLInputElement>> & {
-    ref?: React.Ref<HTMLInputElement>;
-} & {
-    asChild?: boolean;
-}, "key" | "asChild" | keyof React.InputHTMLAttributes<HTMLInputElement>>, "onChange" | "value" | "type"> & {
+}
+interface CommandDialogProps extends Omit<React.ComponentPropsWithoutRef<typeof BaseDialog.Root>, "children"> {
+    /**
+     * Command palette content rendered inside the dialog popup.
+     * @default undefined
+     */
+    children?: React.ReactNode;
+    /**
+     * Accessible dialog title announced to assistive technologies.
+     * @default "Command menu"
+     */
+    title?: React.ReactNode;
+}
+interface CommandInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "onChange" | "type" | "value"> {
+    /**
+     * Controlled search value.
+     * @default undefined
+     */
     value?: string;
+    /**
+     * Native input change handler invoked before the command-specific callback.
+     * @default undefined
+     */
+    onChange?: React.ChangeEventHandler<HTMLInputElement>;
+    /**
+     * Callback fired when the command search value changes.
+     * @default undefined
+     */
     onValueChange?: (search: string) => void;
-} & React.RefAttributes<HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
-declare const CommandList: React.ForwardRefExoticComponent<Omit<{
+}
+interface CommandListProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Command items and groups.
+     * @default undefined
+     */
     children?: React.ReactNode;
-} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
-    ref?: React.Ref<HTMLDivElement>;
-} & {
-    asChild?: boolean;
-}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
+    /**
+     * Accessible label for the listbox container.
+     * @default undefined
+     */
     label?: string;
-} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const CommandEmpty: React.ForwardRefExoticComponent<Omit<{
-    children?: React.ReactNode;
-} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
-    ref?: React.Ref<HTMLDivElement>;
-} & {
-    asChild?: boolean;
-}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const CommandGroup: React.ForwardRefExoticComponent<Omit<{
+}
+interface CommandGroupProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "value"> {
+    /**
+     * Group contents.
+     * @default undefined
+     */
     children?: React.ReactNode;
-} & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
-    ref?: React.Ref<HTMLDivElement>;
-} & {
-    asChild?: boolean;
-}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild">, "heading" | "value"> & {
+    /**
+     * Optional visual heading displayed above the group items.
+     * @default undefined
+     */
     heading?: React.ReactNode;
+    /**
+     * Optional stable value retained for API compatibility.
+     * @default undefined
+     */
     value?: string;
+    /**
+     * Whether the group should remain rendered even when it has no visible items.
+     * @default false
+     */
     forceMount?: boolean;
-} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const CommandSeparator: React.ForwardRefExoticComponent<Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
-    ref?: React.Ref<HTMLDivElement>;
-} & {
-    asChild?: boolean;
-}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
+}
+interface CommandSeparatorProps extends React.ComponentPropsWithoutRef<typeof BaseSeparator> {
+    /**
+     * Whether the separator should remain visible while filtering is active.
+     * @default false
+     */
     alwaysRender?: boolean;
-} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const CommandItem: React.ForwardRefExoticComponent<Omit<{
+}
+interface CommandItemProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onSelect"> {
+    /**
+     * Item contents.
+     * @default undefined
+     */
     children?: React.ReactNode;
-} & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
-    ref?: React.Ref<HTMLDivElement>;
-} & {
-    asChild?: boolean;
-}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild">, "onSelect" | "disabled" | "value"> & {
+    /**
+     * Whether the item is disabled and should be skipped by selection logic.
+     * @default false
+     */
     disabled?: boolean;
+    /**
+     * Callback invoked when the item is selected.
+     * @default undefined
+     */
     onSelect?: (value: string) => void;
+    /**
+     * Optional value used for filtering and selection callbacks.
+     * @default undefined
+     */
     value?: string;
+    /**
+     * Additional search keywords included in the filter match set.
+     * @default []
+     */
     keywords?: string[];
+    /**
+     * Whether the item should remain rendered even when filtered out.
+     * @default false
+     */
     forceMount?: boolean;
-} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+}
+/**
+ * Provides a lightweight, filterable command surface without depending on cmdk.
+ *
+ * @remarks
+ * This wrapper preserves the existing compound-component API while replacing the
+ * underlying implementation with a small context-driven registry. It supports
+ * text filtering, arrow-key navigation, Enter-to-select, and pointer hover
+ * selection for common command palette use cases.
+ *
+ * @example
+ * ```tsx
+ * <Command label='Quick actions'>
+ *   <CommandInput placeholder='Search actions...' />
+ *   <CommandList>
+ *     <CommandItem onSelect={() => console.log("Open")}>Open</CommandItem>
+ *   </CommandList>
+ * </Command>
+ * ```
+ *
+ * @see {@link https://base-ui.com/react/components/dialog | Base UI Dialog Docs}
+ */
+declare const Command: React.ForwardRefExoticComponent<CommandProps & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Renders the command surface inside a modal dialog.
+ *
+ * @remarks
+ * - Renders a Base UI dialog popup
+ * - Built on Base UI Dialog primitives
+ *
+ * @example
+ * ```tsx
+ * <CommandDialog open={open} onOpenChange={setOpen}>
+ *   <CommandInput placeholder='Search...' />
+ * </CommandDialog>
+ * ```
+ *
+ * @see {@link https://base-ui.com/react/components/dialog | Base UI Dialog Docs}
+ */
+declare function CommandDialog({ children, open, onOpenChange, title, ...props }: Readonly<CommandDialogProps>): React.JSX.Element;
+declare namespace CommandDialog {
+    var displayName: string;
+}
+/**
+ * Provides the searchable input surface for a command palette.
+ *
+ * @remarks
+ * - Renders an `<input>` element inside a wrapper `<div>`
+ * - Built on the shared command registry context
+ *
+ * @example
+ * ```tsx
+ * <CommandInput placeholder='Search...' />
+ * ```
+ *
+ * @see {@link https://developer.mozilla.org/docs/Web/Accessibility/ARIA/Roles/combobox_role | ARIA Combobox Role}
+ */
+declare const CommandInput: React.ForwardRefExoticComponent<CommandInputProps & React.RefAttributes<HTMLInputElement>>;
+/**
+ * Renders the listbox container that hosts command items and groups.
+ *
+ * @remarks
+ * - Renders a `<div>` element with `role="listbox"`
+ * - Built on the shared command registry context
+ *
+ * @example
+ * ```tsx
+ * <CommandList>
+ *   <CommandItem>Settings</CommandItem>
+ * </CommandList>
+ * ```
+ *
+ * @see {@link https://developer.mozilla.org/docs/Web/Accessibility/ARIA/Roles/listbox_role | ARIA Listbox Role}
+ */
+declare const CommandList: React.ForwardRefExoticComponent<CommandListProps & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Renders a fallback empty-state message when no command items are visible.
+ *
+ * @remarks
+ * - Renders a `<div>` element with `role="status"`
+ * - Built on the shared command registry context
+ *
+ * @example
+ * ```tsx
+ * <CommandEmpty>No results found.</CommandEmpty>
+ * ```
+ *
+ * @see {@link https://developer.mozilla.org/docs/Web/Accessibility/ARIA/Roles/status_role | ARIA Status Role}
+ */
+declare const CommandEmpty: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Groups related command items under an optional heading.
+ *
+ * @remarks
+ * - Renders a `<div>` element
+ * - Built on the shared command registry context
+ *
+ * @example
+ * ```tsx
+ * <CommandGroup heading='Suggestions'>
+ *   <CommandItem>Profile</CommandItem>
+ * </CommandGroup>
+ * ```
+ *
+ * @see {@link https://developer.mozilla.org/docs/Web/Accessibility/ARIA/Roles/group_role | ARIA Group Role}
+ */
+declare const CommandGroup: React.ForwardRefExoticComponent<CommandGroupProps & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Renders a separator between command groups or item sections.
+ *
+ * @remarks
+ * - Renders the shared separator primitive
+ * - Built on Base UI Separator
+ *
+ * @example
+ * ```tsx
+ * <CommandSeparator />
+ * ```
+ *
+ * @see {@link https://base-ui.com/react/components/separator | Base UI Separator Docs}
+ */
+declare const CommandSeparator: React.ForwardRefExoticComponent<CommandSeparatorProps & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Renders a selectable command option with filtering metadata and keyboard support.
+ *
+ * @remarks
+ * - Renders a `<div>` element with `role="option"`
+ * - Built on the shared command registry context
+ *
+ * @example
+ * ```tsx
+ * <CommandItem keywords={["preferences"]}>Settings</CommandItem>
+ * ```
+ *
+ * @see {@link https://developer.mozilla.org/docs/Web/Accessibility/ARIA/Roles/option_role | ARIA Option Role}
+ */
+declare const CommandItem: React.ForwardRefExoticComponent<CommandItemProps & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Renders auxiliary shortcut text aligned to the edge of a command item.
+ *
+ * @remarks
+ * - Renders a `<span>` element
+ * - Built as a lightweight presentational helper for command menus
+ *
+ * @example
+ * ```tsx
+ * <CommandShortcut>⌘K</CommandShortcut>
+ * ```
+ *
+ * @see {@link https://developer.mozilla.org/docs/Web/HTML/Element/span | HTML span element}
+ */
 declare const CommandShortcut: {
-    ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): import("react/jsx-runtime").JSX.Element;
+    ({ className, ...props }: Readonly<React.HTMLAttributes<HTMLSpanElement>>): React.JSX.Element;
     displayName: string;
 };
 export { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut };

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

@@ -1 +1 @@
-{"version":3,"file":"command.d.ts","sourceRoot":"","sources":["../../../src/components/ui/command.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,wBAAwB,CAAC;AAGxD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;sFAWZ,CAAC;AAGF,QAAA,MAAM,aAAa,GAAI,wBAAsB,WAAW,4CAWvD,CAAC;AAEF,QAAA,MAAM,YAAY;;;;;;;0FAkBhB,CAAC;AAIH,QAAA,MAAM,WAAW;;;;;;;;sFASf,CAAC;AAIH,QAAA,MAAM,YAAY;;;;;;uJAShB,CAAC;AAIH,QAAA,MAAM,YAAY;;;;;;;;;;sFAYhB,CAAC;AAIH,QAAA,MAAM,gBAAgB;;;;;;sFASpB,CAAC;AAGH,QAAA,MAAM,WAAW;;;;;;;;;;;;sFAYf,CAAC;AAIH,QAAA,MAAM,eAAe;8BAA2B,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;;CAOpF,CAAC;AAGF,OAAO,EAAC,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,YAAY,EAAE,YAAY,EAAE,WAAW,EAAE,WAAW,EAAE,gBAAgB,EAAE,eAAe,EAAC,CAAC"}
+{"version":3,"file":"command.d.ts","sourceRoot":"","sources":["../../../src/components/ui/command.tsx"],"names":[],"mappings":"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"}