giggles 0.3.6 → 0.3.7

package/dist/{chunk-FEQYHTG7.js → chunk-X5PYVHXM.js}

@@ -457,6 +457,7 @@ import { createContext as createContext4, useContext as useContext4 } from "reac
 import { jsx as jsx6 } from "react/jsx-runtime";
 var defaultTheme = {
   accentColor: "#6B9FD4",
+  borderColor: "#5C5C5C",
   selectedColor: "#8FBF7F",
   hintColor: "#8A8A8A",
   hintDimColor: "#5C5C5C",

package/dist/index.d.ts

@@ -11,6 +11,7 @@ declare class GigglesError extends Error {
 
 type GigglesTheme = {
     accentColor: string;
+    borderColor: string;
     selectedColor: string;
     hintColor: string;
     hintDimColor: string;

package/dist/index.js

@@ -16,7 +16,7 @@ import {
   useKeybindingRegistry,
   useKeybindings,
   useTheme
-} from "./chunk-FEQYHTG7.js";
+} from "./chunk-X5PYVHXM.js";
 
 // src/core/GigglesProvider.tsx
 import { jsx } from "react/jsx-runtime";

package/dist/ui/index.d.ts

@@ -159,4 +159,13 @@ type ViewportProps<T> = {
 };
 declare function Viewport<T>({ items, maxVisible, showLineNumbers, gap, paginatorStyle, render }: ViewportProps<T>): react_jsx_runtime.JSX.Element;
 
-export { Autocomplete, type AutocompleteRenderProps, CommandPalette, type CommandPaletteRenderProps, Confirm, MultiSelect, type MultiSelectRenderProps, Paginator, type PaginatorStyle, Select, type SelectOption, type SelectRenderProps, TextInput, type TextInputRenderProps, Viewport, type ViewportRenderProps, VirtualList, type VirtualListRenderProps };
+type BorderStyle = 'single' | 'double' | 'round' | 'bold' | 'singleDouble' | 'doubleSingle' | 'classic' | 'arrow';
+type ModalProps = {
+    children: React__default.ReactNode;
+    onClose: () => void;
+    title?: string;
+    borderStyle?: BorderStyle;
+};
+declare function Modal({ children, onClose, title, borderStyle }: ModalProps): react_jsx_runtime.JSX.Element;
+
+export { Autocomplete, type AutocompleteRenderProps, CommandPalette, type CommandPaletteRenderProps, Confirm, Modal, MultiSelect, type MultiSelectRenderProps, Paginator, type PaginatorStyle, Select, type SelectOption, type SelectRenderProps, TextInput, type TextInputRenderProps, Viewport, type ViewportRenderProps, VirtualList, type VirtualListRenderProps };

package/dist/ui/index.js

@@ -5,7 +5,7 @@ import {
   useKeybindingRegistry,
   useKeybindings,
   useTheme
-} from "../chunk-FEQYHTG7.js";
+} from "../chunk-X5PYVHXM.js";
 
 // src/ui/CommandPalette.tsx
 import { useState } from "react";
@@ -728,10 +728,39 @@ function Viewport({ items, maxVisible, showLineNumbers, gap, paginatorStyle, ren
     }
   );
 }
+
+// src/ui/Modal.tsx
+import { Box as Box7, Text as Text9 } from "ink";
+import { jsx as jsx9, jsxs as jsxs10 } from "react/jsx-runtime";
+function ModalInner({ children, onClose, title, borderStyle = "round" }) {
+  const focus = useFocus();
+  const theme = useTheme();
+  useKeybindings(focus, {
+    escape: onClose
+  });
+  return /* @__PURE__ */ jsxs10(
+    Box7,
+    {
+      flexDirection: "column",
+      alignSelf: "flex-start",
+      borderStyle,
+      borderColor: theme.borderColor,
+      paddingX: 1,
+      children: [
+        title != null && /* @__PURE__ */ jsx9(Text9, { bold: true, children: title }),
+        children
+      ]
+    }
+  );
+}
+function Modal({ children, onClose, title, borderStyle }) {
+  return /* @__PURE__ */ jsx9(FocusTrap, { children: /* @__PURE__ */ jsx9(ModalInner, { onClose, title, borderStyle, children }) });
+}
 export {
   Autocomplete,
   CommandPalette,
   Confirm,
+  Modal,
   MultiSelect,
   Paginator,
   Select,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "giggles",
-  "version": "0.3.6",
+  "version": "0.3.7",
   "license": "MIT",
   "repository": {
     "type": "git",