@kud/ink-ui 0.10.0 → 0.11.0

package/dist/index.d.ts

@@ -212,6 +212,14 @@ type ToggleProps = {
 };
 declare const Toggle: ({ label, on, color }: ToggleProps) => React.JSX.Element;
 
+type ToggleSwitchProps = {
+    on: boolean;
+    label?: string;
+    onColor?: string;
+    offColor?: string;
+};
+declare const ToggleSwitch: ({ on, label, onColor, offColor, }: ToggleSwitchProps) => React.JSX.Element;
+
 type ProgressBarProps = {
     value: number;
     width?: number;
@@ -269,4 +277,4 @@ declare const spacing: {
 };
 type Spacing = (typeof spacing)[keyof typeof spacing];
 
-export { Alert, Badge, type BadgeVariant, Banner, type Color, type Column, Columns, ConfirmInput, EmailInput, FooterHints, Header, type Hint, type IconMode, KeyValue, LoadingScreen, MultiSelect, type NotifyOptions, OrderedList, Panel, PasswordInput, ProgressBar, ScrollView, Select, type SelectOption, SelectableRow, type Spacing, type Span, Spinner, StatusMessage, type StatusVariant, type StyledLine, Switch, type SwitchValue, type TabItem, Table, Tabs, TextInput, Toast, Toggle, UnorderedList, colors, getIconMode, notify, setIconMode, spacing };
+export { Alert, Badge, type BadgeVariant, Banner, type Color, type Column, Columns, ConfirmInput, EmailInput, FooterHints, Header, type Hint, type IconMode, KeyValue, LoadingScreen, MultiSelect, type NotifyOptions, OrderedList, Panel, PasswordInput, ProgressBar, ScrollView, Select, type SelectOption, SelectableRow, type Spacing, type Span, Spinner, StatusMessage, type StatusVariant, type StyledLine, Switch, type SwitchValue, type TabItem, Table, Tabs, TextInput, Toast, Toggle, ToggleSwitch, UnorderedList, colors, getIconMode, notify, setIconMode, spacing };

package/dist/index.js

@@ -63,7 +63,7 @@ var Table = ({
   /* @__PURE__ */ jsx(Box, { gap: 2, children: columns.map((col) => /* @__PURE__ */ jsx(Box, { width: col.width, minWidth: col.width, children: /* @__PURE__ */ jsx(Text, { bold: true, color: colors.muted, children: col.header }) }, col.key)) }),
   data.map((row, i) => /* @__PURE__ */ jsx(Box, { gap: 2, children: columns.map((col) => /* @__PURE__ */ jsx(Box, { width: col.width, minWidth: col.width, children: /* @__PURE__ */ jsx(Text, { wrap: "truncate-end", children: String(row[col.key] ?? "") }) }, col.key)) }, i))
 ] });
-var FooterHints = ({ hints }) => /* @__PURE__ */ jsx(Box, { gap: 2, flexWrap: "wrap", children: hints.map(([key, label]) => /* @__PURE__ */ jsxs(Box, { children: [
+var FooterHints = ({ hints }) => /* @__PURE__ */ jsx(Box, { columnGap: 2, rowGap: 0, flexWrap: "wrap", children: hints.map(([key, label]) => /* @__PURE__ */ jsxs(Box, { children: [
   /* @__PURE__ */ jsx(Text, { color: "white", children: key }),
   /* @__PURE__ */ jsx(Text, { dimColor: true, children: " " + label })
 ] }, key)) });
@@ -583,6 +583,24 @@ var Toggle = ({ label, on, color = colors.accent }) => /* @__PURE__ */ jsxs(Text
   " ",
   on ? "\u25CF" : "\u25CB"
 ] });
+var CAP_LEFT = "\uE0B6";
+var CAP_RIGHT = "\uE0B4";
+var ToggleSwitch = ({
+  on,
+  label,
+  onColor = colors.success,
+  offColor = "gray"
+}) => {
+  const track = on ? onColor : offColor;
+  return /* @__PURE__ */ jsxs(Box, { columnGap: 1, children: [
+    /* @__PURE__ */ jsxs(Text, { children: [
+      /* @__PURE__ */ jsx(Text, { color: track, children: CAP_LEFT }),
+      /* @__PURE__ */ jsx(Text, { backgroundColor: track, color: "black", children: on ? " \u25CF" : "\u25CF " }),
+      /* @__PURE__ */ jsx(Text, { color: track, children: CAP_RIGHT })
+    ] }),
+    label !== void 0 && /* @__PURE__ */ jsx(Text, { color: on ? onColor : void 0, dimColor: !on, children: label })
+  ] });
+};
 var ProgressBar = ({ value, width = 20 }) => {
   const clamped = Math.max(0, Math.min(100, value));
   const filled = Math.round(clamped / 100 * width);
@@ -692,4 +710,4 @@ var notify = (message, options = {}) => {
   child.unref();
 };
 
-export { Alert, Badge, Banner, Columns, ConfirmInput, EmailInput, FooterHints, Header, KeyValue, LoadingScreen, MultiSelect, OrderedList, Panel, PasswordInput, ProgressBar, ScrollView, Select, SelectableRow, Spinner, StatusMessage, Switch, Table, Tabs, TextInput, Toast, Toggle, UnorderedList, colors, getIconMode, notify, setIconMode, spacing };
+export { Alert, Badge, Banner, Columns, ConfirmInput, EmailInput, FooterHints, Header, KeyValue, LoadingScreen, MultiSelect, OrderedList, Panel, PasswordInput, ProgressBar, ScrollView, Select, SelectableRow, Spinner, StatusMessage, Switch, Table, Tabs, TextInput, Toast, Toggle, ToggleSwitch, UnorderedList, colors, getIconMode, notify, setIconMode, spacing };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kud/ink-ui",
-  "version": "0.10.0",
+  "version": "0.11.0",
   "description": "React component library for Ink CLIs",
   "type": "module",
   "main": "dist/index.js",