@koide-labs/ui 0.0.15 → 0.1.1

package/dist/components/collapse/collapse.d.ts

@@ -0,0 +1,14 @@
+import { useRender } from '@base-ui/react';
+import { ReactNode } from 'react';
+interface CollapseProps extends useRender.ComponentProps<"div"> {
+    /** Shrink or expand the div. Defaults to true. */
+    expand?: boolean;
+    children?: ReactNode;
+    /** Supplied as a dependency to recalculate the height of the children */
+    recalculate?: unknown;
+}
+declare function Collapse({ expand, render, recalculate, ...props }: CollapseProps): import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;
+export { Collapse };
+export declare namespace Collapse {
+    type Props = CollapseProps;
+}

package/dist/components/collapse/collapse.js

@@ -0,0 +1,35 @@
+import { c as p } from "../../clsx-OuTLNxxd.js";
+import { useRef as d, useState as i, useLayoutEffect as m } from "react";
+import { u } from "../../useRender-C3vlzS3t.js";
+import { m as _ } from "../../useRenderElement-DngNDu_P.js";
+import '../../collapse.css';const f = "_collapse_1x5eo_2", h = "_collapse_expand_1x5eo_13", x = "_collapse_hidden_1x5eo_18", t = {
+  collapse: f,
+  collapse_expand: h,
+  collapse_hidden: x
+};
+function b({
+  expand: s = !0,
+  render: l,
+  recalculate: c,
+  ...a
+}) {
+  const o = d(null), [n, r] = i(0);
+  return m(() => {
+    if (!o.current)
+      return;
+    const e = o.current.cloneNode(!0);
+    e.removeAttribute("style"), e.style.width = `${o.current.offsetWidth}px`, e.className = t.collapse_hidden, document.body.appendChild(e), r(e.offsetHeight), e.remove();
+  }, [c]), u({
+    defaultTagName: "div",
+    render: l,
+    ref: o,
+    props: _(a, {
+      "aria-hidden": !s,
+      className: p(t.collapse, s && t.collapse_expand),
+      style: { "--collapse-height": `${n}px` }
+    })
+  });
+}
+export {
+  b as Collapse
+};

package/dist/components/collapse/index.d.ts

@@ -1,11 +1 @@
-import { useRender } from '@base-ui/react';
-import { ReactNode } from 'react';
-interface CollapseProps extends useRender.ComponentProps<"div"> {
-    /** Shrink or expand the div. Defaults to true. */
-    expand?: boolean;
-    children?: ReactNode;
-    /** Supplied as a dependency to recalculate the height of the children */
-    recalculate?: unknown;
-}
-export declare function Collapse({ expand, render, recalculate, ...props }: CollapseProps): import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;
-export {};
+export { Collapse } from './collapse';

package/dist/components/collapse/index.js

@@ -1,36 +1,5 @@
 "use client";
-import { c as p } from "../../clsx-OuTLNxxd.js";
-import { useRef as d, useState as i, useLayoutEffect as m } from "react";
-import { u } from "../../useRender-CLx7dR_1.js";
-import { m as _ } from "../../useRenderElement-DwToLA61.js";
-import '../../index10.css';const f = "_collapse_ejmjl_1", h = "_collapse_expand_ejmjl_12", x = "_collapse_hidden_ejmjl_17", t = {
-  collapse: f,
-  collapse_expand: h,
-  collapse_hidden: x
-};
-function R({
-  expand: s = !0,
-  render: o,
-  recalculate: c,
-  ...a
-}) {
-  const l = d(null), [n, r] = i(0);
-  return m(() => {
-    if (!l.current)
-      return;
-    const e = l.current.cloneNode(!0);
-    e.removeAttribute("style"), e.style.width = `${l.current.offsetWidth}px`, e.className = t.collapse_hidden, document.body.appendChild(e), r(e.offsetHeight), e.remove();
-  }, [c]), u({
-    defaultTagName: "div",
-    render: o,
-    ref: l,
-    props: _(a, {
-      "aria-hidden": !s,
-      className: p(t.collapse, s && t.collapse_expand),
-      style: { "--collapse-height": `${n}px` }
-    })
-  });
-}
+import { Collapse as o } from "./collapse.js";
 export {
-  R as Collapse
+  o as Collapse
 };

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

@@ -0,0 +1,36 @@
+import { Dialog as DialogPrimitive } from '@base-ui/react/dialog';
+import { Command as CommandPrimitive } from '@npham-dev/cmdk';
+import { ComponentProps } from 'react';
+import { BaseDialogProps } from '../dialog/dialog.types';
+import { Icon } from '../icon';
+interface CommandRootProps extends Omit<DialogPrimitive.Root.Props, "children">, Omit<BaseDialogProps, "title" | "description"> {
+    placeholder?: string;
+}
+declare function CommandRoot({ placeholder, children, background, ...props }: CommandRootProps): import("react/jsx-runtime").JSX.Element;
+type CommandGroupProps = ComponentProps<typeof CommandPrimitive.Group>;
+declare function CommandGroup({ className, ...props }: CommandGroupProps): import("react/jsx-runtime").JSX.Element;
+type CommandSeparatorProps = ComponentProps<typeof CommandPrimitive.Separator>;
+declare function CommandSeparator(props: CommandSeparatorProps): import("react/jsx-runtime").JSX.Element;
+interface CommandItemProps extends ComponentProps<typeof CommandPrimitive.Item> {
+    shortcut?: string;
+    icon?: Icon.Name;
+}
+declare function CommandItem({ shortcut, icon, className, children, ...props }: CommandItemProps): import("react/jsx-runtime").JSX.Element;
+export declare const Command: typeof CommandRoot & {
+    Group: typeof CommandGroup;
+    Separator: typeof CommandSeparator;
+    Item: typeof CommandItem;
+};
+export declare namespace Command {
+    type Props = CommandRootProps;
+    namespace Group {
+        type Props = CommandGroupProps;
+    }
+    namespace Separator {
+        type Props = CommandSeparatorProps;
+    }
+    namespace Item {
+        type Props = CommandItemProps;
+    }
+}
+export {};