@bolio-ui/core 2.0.0-alpha.2 → 3.0.0-alpha.0

package/esm/Tabs/Tabs.d.ts

@@ -5,6 +5,7 @@ interface Props {
     hideDivider?: boolean;
     hideBorder?: boolean;
     highlight?: boolean;
+    slide?: boolean;
     onChange?: (val: string) => void;
     className?: string;
     leftSpace?: CSSProperties['marginLeft'];

package/esm/Tabs/index.js

@@ -1,14 +1,14 @@
 'use client';
 import {
   Tabs_default
-} from "../chunk-IUOX444H.js";
+} from "../chunk-6U7FXFJP.js";
 import "../chunk-DSX6YDJM.js";
-import "../chunk-S62PPQHN.js";
+import "../chunk-MAICNLTY.js";
 import "../chunk-UX2B3G6U.js";
-import "../chunk-45MVPPJN.js";
-import "../chunk-TFZ2IGNH.js";
-import "../chunk-QUMM6MGX.js";
-import "../chunk-VCTKX4AS.js";
+import "../chunk-V5I4ORQQ.js";
+import "../chunk-FEA5BJ35.js";
+import "../chunk-X5PGXMVQ.js";
+import "../chunk-SZIX7BM5.js";
 import "../chunk-5KUROAEP.js";
 export {
   Tabs_default as default

package/esm/Tag/index.js

@@ -1,14 +1,15 @@
 'use client';
 import {
   Tag_default
-} from "../chunk-TUWG4TLU.js";
+} from "../chunk-XC33TGGT.js";
 import "../chunk-GJZT47MP.js";
-import "../chunk-S62PPQHN.js";
+import "../chunk-MAICNLTY.js";
 import "../chunk-UX2B3G6U.js";
-import "../chunk-45MVPPJN.js";
-import "../chunk-TFZ2IGNH.js";
-import "../chunk-QUMM6MGX.js";
-import "../chunk-VCTKX4AS.js";
+import "../chunk-V5I4ORQQ.js";
+import "../chunk-FEA5BJ35.js";
+import "../chunk-X5PGXMVQ.js";
+import "../chunk-SZIX7BM5.js";
+import "../chunk-5KUROAEP.js";
 export {
   Tag_default as default
 };

package/esm/Text/index.js

@@ -1,13 +1,13 @@
 'use client';
 import {
   Text_default
-} from "../chunk-UEWD6OUC.js";
-import "../chunk-S62PPQHN.js";
+} from "../chunk-A6N5PIXN.js";
+import "../chunk-MAICNLTY.js";
 import "../chunk-UX2B3G6U.js";
-import "../chunk-45MVPPJN.js";
-import "../chunk-TFZ2IGNH.js";
-import "../chunk-QUMM6MGX.js";
-import "../chunk-VCTKX4AS.js";
+import "../chunk-V5I4ORQQ.js";
+import "../chunk-FEA5BJ35.js";
+import "../chunk-X5PGXMVQ.js";
+import "../chunk-SZIX7BM5.js";
 export {
   Text_default as default
 };

package/esm/Textarea/Textarea.d.ts

@@ -15,6 +15,11 @@ interface Props {
     onBlur?: (e: React.FocusEvent<HTMLTextAreaElement>) => void;
     className?: string;
     resize?: TextareaResizes;
+    rounded?: boolean;
+    filled?: boolean;
+    light?: boolean;
+    ghost?: boolean;
+    subtle?: boolean;
 }
 type NativeAttrs = Omit<React.TextareaHTMLAttributes<AnyElement>, keyof Props>;
 export type TextareaProps = Props & NativeAttrs;

package/esm/Textarea/index.js

@@ -1,14 +1,15 @@
 'use client';
 import {
   Textarea_default
-} from "../chunk-33WYJZ4F.js";
-import "../chunk-IWMGNPNV.js";
-import "../chunk-S62PPQHN.js";
+} from "../chunk-ISLUC2SD.js";
+import "../chunk-KBZEYKCZ.js";
+import "../chunk-GJZT47MP.js";
+import "../chunk-MAICNLTY.js";
 import "../chunk-UX2B3G6U.js";
-import "../chunk-45MVPPJN.js";
-import "../chunk-TFZ2IGNH.js";
-import "../chunk-QUMM6MGX.js";
-import "../chunk-VCTKX4AS.js";
+import "../chunk-V5I4ORQQ.js";
+import "../chunk-FEA5BJ35.js";
+import "../chunk-X5PGXMVQ.js";
+import "../chunk-SZIX7BM5.js";
 import "../chunk-5KUROAEP.js";
 export {
   Textarea_default as default

package/esm/Themes/index.js

@@ -1,8 +1,8 @@
 'use client';
 import {
   Themes_default
-} from "../chunk-QUMM6MGX.js";
-import "../chunk-VCTKX4AS.js";
+} from "../chunk-X5PGXMVQ.js";
+import "../chunk-SZIX7BM5.js";
 export {
   Themes_default as default
 };

package/esm/Timeline/Timeline.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+interface Props {
+    className?: string;
+}
+type NativeAttrs = Omit<React.HTMLAttributes<HTMLOListElement>, keyof Props>;
+export type TimelineProps = Props & NativeAttrs;
+declare const Timeline: import("../use-scale/with-scale").ScaleComponent<HTMLOListElement, Props & NativeAttrs & {
+    children?: React.ReactNode | undefined;
+} & React.RefAttributes<HTMLOListElement>>;
+export default Timeline;

package/esm/Timeline/TimelineItem.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+interface Props {
+    title: React.ReactNode;
+    time?: React.ReactNode;
+    icon?: React.ReactNode;
+    className?: string;
+}
+type NativeAttrs = Omit<React.HTMLAttributes<HTMLLIElement>, keyof Props>;
+export type TimelineItemProps = Props & NativeAttrs;
+declare const TimelineItem: React.ForwardRefExoticComponent<Props & NativeAttrs & {
+    children?: React.ReactNode | undefined;
+} & React.RefAttributes<HTMLLIElement>>;
+export default TimelineItem;

package/esm/Timeline/index.d.ts

@@ -0,0 +1,9 @@
+import Timeline from './Timeline';
+import TimelineItem from './TimelineItem';
+export type TimelineComponentType = typeof Timeline & {
+    Item: typeof TimelineItem;
+};
+export type { TimelineProps } from './Timeline';
+export type { TimelineItemProps } from './TimelineItem';
+declare const _default: TimelineComponentType;
+export default _default;

package/esm/Timeline/index.js

@@ -0,0 +1,14 @@
+'use client';
+import {
+  Timeline_default
+} from "../chunk-AHWF22ZQ.js";
+import "../chunk-MAICNLTY.js";
+import "../chunk-UX2B3G6U.js";
+import "../chunk-V5I4ORQQ.js";
+import "../chunk-FEA5BJ35.js";
+import "../chunk-X5PGXMVQ.js";
+import "../chunk-SZIX7BM5.js";
+import "../chunk-5KUROAEP.js";
+export {
+  Timeline_default as default
+};

package/esm/Toggle/Toggle.d.ts

@@ -17,6 +17,8 @@ interface Props {
     onChange?: (ev: ToggleEvent) => void;
     disabled?: boolean;
     type?: ToggleTypes;
+    icon?: React.ReactNode;
+    checkedIcon?: React.ReactNode;
     className?: string;
 }
 type NativeAttrs = Omit<React.LabelHTMLAttributes<AnyElement>, keyof Props>;

package/esm/Toggle/index.js

@@ -1,13 +1,13 @@
 'use client';
 import {
   Toggle_default
-} from "../chunk-YHEIC6EK.js";
-import "../chunk-S62PPQHN.js";
+} from "../chunk-T74YHCG6.js";
+import "../chunk-MAICNLTY.js";
 import "../chunk-UX2B3G6U.js";
-import "../chunk-45MVPPJN.js";
-import "../chunk-TFZ2IGNH.js";
-import "../chunk-QUMM6MGX.js";
-import "../chunk-VCTKX4AS.js";
+import "../chunk-V5I4ORQQ.js";
+import "../chunk-FEA5BJ35.js";
+import "../chunk-X5PGXMVQ.js";
+import "../chunk-SZIX7BM5.js";
 import "../chunk-5KUROAEP.js";
 export {
   Toggle_default as default

package/esm/Tooltip/index.js

@@ -1,7 +1,7 @@
 'use client';
 import {
   Tooltip_default
-} from "../chunk-CPIFYIT3.js";
+} from "../chunk-XF4TPE2W.js";
 import "../chunk-V57PNXMD.js";
 import "../chunk-JJFOGZ6V.js";
 import "../chunk-LDTDMDE6.js";
@@ -10,12 +10,12 @@ import "../chunk-ZRORQ2WH.js";
 import "../chunk-GJZT47MP.js";
 import "../chunk-DGXZP4VJ.js";
 import "../chunk-3WPRUUZ6.js";
-import "../chunk-S62PPQHN.js";
+import "../chunk-MAICNLTY.js";
 import "../chunk-UX2B3G6U.js";
-import "../chunk-45MVPPJN.js";
-import "../chunk-TFZ2IGNH.js";
-import "../chunk-QUMM6MGX.js";
-import "../chunk-VCTKX4AS.js";
+import "../chunk-V5I4ORQQ.js";
+import "../chunk-FEA5BJ35.js";
+import "../chunk-X5PGXMVQ.js";
+import "../chunk-SZIX7BM5.js";
 import "../chunk-5KUROAEP.js";
 export {
   Tooltip_default as default

package/esm/{chunk-IB2FP4DM.js → chunk-2PRUFY2Q.js}

@@ -1,6 +1,6 @@
 import {
   AllThemesContext
-} from "./chunk-UVCSH6DW.js";
+} from "./chunk-5HRVN7L7.js";
 import {
   BolioUIContent,
   defaultToastLayout,
@@ -20,16 +20,16 @@ import {
 } from "./chunk-33BUV2RX.js";
 import {
   Button_default
-} from "./chunk-6XJS3KMW.js";
+} from "./chunk-DXHNQANX.js";
 import {
   use_theme_default
-} from "./chunk-45MVPPJN.js";
+} from "./chunk-V5I4ORQQ.js";
 import {
   ThemeContext
-} from "./chunk-TFZ2IGNH.js";
+} from "./chunk-FEA5BJ35.js";
 import {
   Themes_default
-} from "./chunk-QUMM6MGX.js";
+} from "./chunk-X5PGXMVQ.js";
 import {
   joinClasses
 } from "./chunk-5KUROAEP.js";
@@ -71,12 +71,10 @@ var ThemeProvider = ({
 var ThemeProvider_default = ThemeProvider;
 
 // core/use-toasts/toast-container.tsx
-import _JSXStyle2 from "styled-jsx/style";
 import { useEffect as useEffect2, useMemo as useMemo3 } from "react";
 import { createPortal } from "react-dom";
 
 // core/use-toasts/toast-item.tsx
-import _JSXStyle from "styled-jsx/style";
 import React2, { useMemo as useMemo2 } from "react";
 
 // core/use-toasts/helpers.tsx
@@ -141,89 +139,120 @@ var getTranslateByPlacement = (placement) => {
   };
 };
 
+// css-module-source:/Users/brunnoandrade/Desktop/BolioUI/bolio-ui/core/use-toasts/toast-item.module.css.bolio-css-module-source
+var toast_item_module_css_default = { "toast": "toast-item-module_toast__R-DjO", "message": "toast-item-module_message__qzTg9" };
+
 // core/use-toasts/toast-item.tsx
 import { Fragment, jsx as jsx3, jsxs } from "react/jsx-runtime";
-var ToastItem = React2.memo(({
-  toast,
-  layout
-}) => {
+var ToastItem = React2.memo(({ toast, layout }) => {
   const theme = use_theme_default();
-  const {
-    color,
-    bgColor
-  } = useMemo2(() => getColors(theme.palette, toast.type), [theme.palette, toast.type]);
+  const { color, bgColor } = useMemo2(
+    () => getColors(theme.palette, toast.type),
+    [theme.palette, toast.type]
+  );
   const isReactNode = typeof toast.text !== "string";
-  const {
-    padding,
-    margin,
-    maxHeight,
-    maxWidth,
-    width,
-    placement
-  } = layout;
-  const {
-    enter,
-    leave
-  } = useMemo2(() => getTranslateByPlacement(placement), [placement]);
-  return /* @__PURE__ */ jsx3(css_transition_default, { name: "toast", visible: toast.visible, clearTime: 350, children: /* @__PURE__ */ jsxs("div", { role: toast.type === "error" ? "alert" : "status", className: _JSXStyle.dynamic([["1059503143", [width, maxWidth, maxHeight, theme.palette.foreground, bgColor, color, theme.layout.radius, theme.expressiveness.shadowSmall, theme.layout.gapHalf, enter, margin, padding, margin, padding, leave]]]) + " toast", children: [
-    isReactNode ? toast.text : /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx3("div", { className: _JSXStyle.dynamic([["1059503143", [width, maxWidth, maxHeight, theme.palette.foreground, bgColor, color, theme.layout.radius, theme.expressiveness.shadowSmall, theme.layout.gapHalf, enter, margin, padding, margin, padding, leave]]]) + " message", children: toast.text }),
-      /* @__PURE__ */ jsx3("div", { className: _JSXStyle.dynamic([["1059503143", [width, maxWidth, maxHeight, theme.palette.foreground, bgColor, color, theme.layout.radius, theme.expressiveness.shadowSmall, theme.layout.gapHalf, enter, margin, padding, margin, padding, leave]]]) + " action", children: makeToastActions(toast.actions, toast.cancel) })
-    ] }),
-    /* @__PURE__ */ jsx3(_JSXStyle, { id: "1059503143", dynamic: [width, maxWidth, maxHeight, theme.palette.foreground, bgColor, color, theme.layout.radius, theme.expressiveness.shadowSmall, theme.layout.gapHalf, enter, margin, padding, margin, padding, leave], children: `.toast.__jsx-style-dynamic-selector{max-height:${maxHeight};display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:${theme.palette.foreground};background-color:${bgColor};color:${color};border:0;border-radius:${theme.layout.radius};opacity:1;box-shadow:${theme.expressiveness.shadowSmall};-webkit-transition:all 350ms cubic-bezier(0.1,0.2,0.1,1);transition:all 350ms cubic-bezier(0.1,0.2,0.1,1);overflow:hidden;}.message.__jsx-style-dynamic-selector{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%;font-size:0.875em;display:-webkit-box;word-break:break-all;overflow:hidden;max-height:100%;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:1.1rem;}.toast-enter.__jsx-style-dynamic-selector{opacity:0;height:0;padding:0;margin:0;-webkit-transform:${enter};-ms-transform:${enter};transform:${enter};}.toast-enter-active.__jsx-style-dynamic-selector{opacity:1;height:auto;margin:${margin};padding:${padding};-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);}.toast-leave.__jsx-style-dynamic-selector{opacity:1;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);height:auto;margin:${margin};padding:${padding};}.toast-leave-active.__jsx-style-dynamic-selector{opacity:0;-webkit-transform:${leave};-ms-transform:${leave};transform:${leave};}` })
-  ] }, toast.id) });
+  const { padding, margin, maxHeight, placement } = layout;
+  const { enter, leave } = useMemo2(
+    () => getTranslateByPlacement(placement),
+    [placement]
+  );
+  const toastStyle = {
+    "--toast-item-max-height": maxHeight,
+    "--toast-item-color": color,
+    "--toast-item-bg": bgColor,
+    "--toast-item-radius": theme.layout.radius,
+    "--toast-item-shadow": theme.expressiveness.shadowSmall,
+    "--toast-item-margin": margin,
+    "--toast-item-padding": padding,
+    "--toast-item-enter-transform": enter,
+    "--toast-item-leave-transform": leave
+  };
+  return /* @__PURE__ */ jsx3(css_transition_default, { name: "toast", visible: toast.visible, clearTime: 350, children: /* @__PURE__ */ jsx3(
+    "div",
+    {
+      className: toast_item_module_css_default.toast,
+      role: toast.type === "error" ? "alert" : "status",
+      style: toastStyle,
+      children: isReactNode ? toast.text : /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx3("div", { className: toast_item_module_css_default.message, children: toast.text }),
+        /* @__PURE__ */ jsx3("div", { className: "action", children: makeToastActions(toast.actions, toast.cancel) })
+      ] })
+    },
+    toast.id
+  ) });
 });
 ToastItem.displayName = "BolioUIToastItem";
 var toast_item_default = ToastItem;
 
+// css-module-source:/Users/brunnoandrade/Desktop/BolioUI/bolio-ui/core/use-toasts/toast-container.module.css.bolio-css-module-source
+var toast_container_module_css_default = { "toasts": "toast-container-module_toasts__wLlVr", "top": "toast-container-module_top__jBxX6", "left": "toast-container-module_left__xyAbl" };
+
 // core/use-toasts/toast-container.tsx
-import { jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
+import { jsx as jsx4 } from "react/jsx-runtime";
 var ToastContainer = () => {
   const theme = use_theme_default();
   const portal = use_portal_default("toast");
   const [, setHovering, hoveringRef] = use_current_state_default(false);
-  const {
-    toasts,
-    updateToasts,
-    toastLayout,
-    lastUpdateToastId
-  } = useBolioUIContext();
+  const { toasts, updateToasts, toastLayout, lastUpdateToastId } = useBolioUIContext();
   const memoizedLayout = useMemo3(() => toastLayout, [toastLayout]);
-  const toastElements = useMemo3(() => toasts.map((toast) => /* @__PURE__ */ jsx4(toast_item_default, { toast, layout: memoizedLayout }, toast._internalIdent)), [toasts, memoizedLayout]);
-  const classNames = useMemo3(() => joinClasses("toasts", {
-    top: isTopPlacement(toastLayout.placement),
-    left: isLeftPlacement(toastLayout.placement)
-  }), [toastLayout.placement]);
+  const toastElements = useMemo3(
+    () => toasts.map((toast) => /* @__PURE__ */ jsx4(
+      toast_item_default,
+      {
+        toast,
+        layout: memoizedLayout
+      },
+      toast._internalIdent
+    )),
+    [toasts, memoizedLayout]
+  );
+  const classNames = useMemo3(
+    () => joinClasses(
+      toast_container_module_css_default.toasts,
+      isTopPlacement(toastLayout.placement) && toast_container_module_css_default.top,
+      isLeftPlacement(toastLayout.placement) && toast_container_module_css_default.left
+    ),
+    [toastLayout.placement]
+  );
   const hoverHandler = (isHovering) => {
     setHovering(isHovering);
     if (isHovering) {
-      return updateToasts((last) => last.map((toast) => {
+      return updateToasts(
+        (last) => last.map((toast) => {
+          if (!toast.visible) return toast;
+          if (toast._timeout) window.clearTimeout(toast._timeout);
+          return {
+            ...toast,
+            timeout: null
+          };
+        })
+      );
+    }
+    updateToasts(
+      (last) => last.map((toast, index) => {
         if (!toast.visible) return toast;
         if (toast._timeout) window.clearTimeout(toast._timeout);
         return {
           ...toast,
-          timeout: null
+          _timeout: (() => {
+            const timer = window.setTimeout(
+              () => {
+                toast.cancel();
+                window.clearTimeout(timer);
+              },
+              toast.delay + index * 100
+            );
+            return timer;
+          })()
         };
-      }));
-    }
-    updateToasts((last) => last.map((toast, index) => {
-      if (!toast.visible) return toast;
-      if (toast._timeout) window.clearTimeout(toast._timeout);
-      return {
-        ...toast,
-        _timeout: (() => {
-          const timer = window.setTimeout(() => {
-            toast.cancel();
-            window.clearTimeout(timer);
-          }, toast.delay + index * 100);
-          return timer;
-        })()
-      };
-    }));
+      })
+    );
   };
   const latestHover = use_latest_default(hoverHandler);
   useEffect2(() => {
-    const index = toasts.findIndex((r) => r._internalIdent === lastUpdateToastId);
+    const index = toasts.findIndex(
+      (r) => r._internalIdent === lastUpdateToastId
+    );
     const toast = toasts[index];
     if (!toast || toast.visible || !hoveringRef.current) return;
     const hasVisible = toasts.find((r, i) => i < index && r.visible);
@@ -247,15 +276,24 @@ var ToastContainer = () => {
   }, [toasts, updateToasts]);
   if (!portal) return null;
   if (!toasts || toasts.length === 0) return null;
-  return createPortal(/* @__PURE__ */ jsxs2("div", { onMouseEnter: () => hoverHandler(true), onMouseLeave: () => hoverHandler(false), className: _JSXStyle2.dynamic([["622610754", [theme.layout.gap, theme.layout.gap, theme.layout.gap, theme.layout.gap]]]) + " " + (classNames || ""), children: [
-    toastElements,
-    /* @__PURE__ */ jsx4(_JSXStyle2, { id: "622610754", dynamic: [theme.layout.gap, theme.layout.gap, theme.layout.gap, theme.layout.gap], children: `.toasts.__jsx-style-dynamic-selector{position:fixed;width:auto;max-width:100%;right:${theme.layout.gap};bottom:${theme.layout.gap};z-index:2000;-webkit-transition:all 400ms ease;transition:all 400ms ease;box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.top.__jsx-style-dynamic-selector{bottom:unset;-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;top:${theme.layout.gap};}.left.__jsx-style-dynamic-selector{right:unset;left:${theme.layout.gap};}` })
-  ] }), portal);
+  return createPortal(
+    /* @__PURE__ */ jsx4(
+      "div",
+      {
+        className: classNames,
+        onMouseEnter: () => hoverHandler(true),
+        onMouseLeave: () => hoverHandler(false),
+        style: { "--toasts-gap": theme.layout.gap },
+        children: toastElements
+      }
+    ),
+    portal
+  );
 };
 var toast_container_default = ToastContainer;
 
 // core/BolioUIProvider/BolioUIProvider.tsx
-import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx5, jsxs as jsxs2 } from "react/jsx-runtime";
 var BolioUIProvider = ({
   themes,
   themeType,
@@ -292,7 +330,7 @@ var BolioUIProvider = ({
     }),
     [toasts, toastLayout, lastUpdateToastId, updateToasts, updateToastLayout]
   );
-  return /* @__PURE__ */ jsx5(BolioUIContent.Provider, { value: initialValue, children: /* @__PURE__ */ jsxs3(ThemeProvider_default, { themes, themeType, children: [
+  return /* @__PURE__ */ jsx5(BolioUIContent.Provider, { value: initialValue, children: /* @__PURE__ */ jsxs2(ThemeProvider_default, { themes, themeType, children: [
     children,
     /* @__PURE__ */ jsx5(toast_container_default, {})
   ] }) });

package/esm/chunk-4QA7Z7VP.js

@@ -0,0 +1,132 @@
+import {
+  Modal_default
+} from "./chunk-6ZBFUZSL.js";
+import {
+  Input_default
+} from "./chunk-NEG5UNM6.js";
+import {
+  use_theme_default
+} from "./chunk-V5I4ORQQ.js";
+import {
+  use_classes_default
+} from "./chunk-5KUROAEP.js";
+
+// core/Command/Command.tsx
+import { useEffect, useMemo, useState } from "react";
+
+// css-module-source:/Users/brunnoandrade/Desktop/BolioUI/bolio-ui/core/Command/Command.module.css.bolio-css-module-source
+var Command_module_css_default = { "command": "Command-module_command__Gmila", "list": "Command-module_list__6p8VU", "item": "Command-module_item__bARSH", "icon": "Command-module_icon__D2tGK", "label": "Command-module_label__tKuEy", "hint": "Command-module_hint__DZc8-", "empty": "Command-module_empty__UDNuo" };
+
+// core/Command/Command.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var Command = ({
+  visible,
+  onClose,
+  items,
+  placeholder = "Type a command or search",
+  emptyText = "No results. Try another word.",
+  className = ""
+}) => {
+  const theme = use_theme_default();
+  const [query, setQuery] = useState("");
+  const [active, setActive] = useState(0);
+  const filtered = useMemo(() => {
+    const term = query.trim().toLowerCase();
+    return term ? items.filter((item) => item.label.toLowerCase().includes(term)) : items;
+  }, [items, query]);
+  useEffect(() => {
+    if (!visible) return;
+    setQuery("");
+    setActive(0);
+  }, [visible]);
+  const select = (item) => {
+    var _a;
+    if (!item) return;
+    (_a = item.onSelect) == null ? void 0 : _a.call(item);
+    onClose == null ? void 0 : onClose();
+  };
+  const keyDownHandler = (event) => {
+    if (event.key === "ArrowDown" || event.key === "ArrowUp") {
+      event.preventDefault();
+      const step = event.key === "ArrowDown" ? 1 : -1;
+      const count = filtered.length;
+      if (count) setActive((last) => (last + step + count) % count);
+    } else if (event.key === "Enter") {
+      event.preventDefault();
+      select(filtered[active]);
+    }
+  };
+  return /* @__PURE__ */ jsx(
+    Modal_default,
+    {
+      visible,
+      onClose,
+      "aria-label": "Command",
+      wrapClassName: use_classes_default(Command_module_css_default.command, className),
+      children: /* @__PURE__ */ jsxs("div", { onKeyDown: keyDownHandler, children: [
+        /* @__PURE__ */ jsx(
+          Input_default,
+          {
+            autoFocus: true,
+            width: "100%",
+            placeholder,
+            value: query,
+            onChange: (event) => {
+              setQuery(event.target.value);
+              setActive(0);
+            },
+            role: "combobox",
+            "aria-expanded": true,
+            "aria-controls": "bolioui-command-list",
+            "aria-label": placeholder
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { id: "bolioui-command-list", role: "listbox", className: Command_module_css_default.list, children: [
+          filtered.length === 0 && /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: Command_module_css_default.empty,
+              style: { color: theme.palette.accents_5 },
+              children: emptyText
+            }
+          ),
+          filtered.map((item, index) => /* @__PURE__ */ jsxs(
+            "div",
+            {
+              role: "option",
+              "aria-selected": index === active,
+              className: Command_module_css_default.item,
+              style: {
+                backgroundColor: index === active ? theme.palette.accents_2 : void 0
+              },
+              onMouseEnter: () => setActive(index),
+              onClick: () => select(item),
+              children: [
+                item.icon && /* @__PURE__ */ jsx("span", { className: Command_module_css_default.icon, children: item.icon }),
+                /* @__PURE__ */ jsx("span", { className: Command_module_css_default.label, children: item.label }),
+                item.hint && /* @__PURE__ */ jsx(
+                  "span",
+                  {
+                    className: Command_module_css_default.hint,
+                    style: { color: theme.palette.accents_5 },
+                    children: item.hint
+                  }
+                )
+              ]
+            },
+            item.value
+          ))
+        ] })
+      ] })
+    }
+  );
+};
+Command.displayName = "BolioUICommand";
+var Command_default = Command;
+
+// core/Command/index.ts
+var Command_default2 = Command_default;
+
+export {
+  Command_default2 as Command_default
+};