@kud/ink-ui 0.10.1 → 0.12.0

package/dist/index.d.ts

@@ -212,11 +212,21 @@ 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;
+    color?: string;
+    trackColor?: string;
 };
-declare const ProgressBar: ({ value, width }: ProgressBarProps) => React.JSX.Element;
+declare const ProgressBar: ({ value, width, color, trackColor, }: ProgressBarProps) => React.JSX.Element;
 
 type StatusVariant = "success" | "error" | "warning" | "info";
 
@@ -269,4 +279,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

@@ -583,12 +583,35 @@ var Toggle = ({ label, on, color = colors.accent }) => /* @__PURE__ */ jsxs(Text
   " ",
   on ? "\u25CF" : "\u25CB"
 ] });
-var ProgressBar = ({ value, width = 20 }) => {
+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,
+  color = colors.accent,
+  trackColor = "#2b323d"
+}) => {
   const clamped = Math.max(0, Math.min(100, value));
   const filled = Math.round(clamped / 100 * width);
   return /* @__PURE__ */ jsxs(Text, { children: [
-    /* @__PURE__ */ jsx(Text, { color: colors.accent, children: "\u2588".repeat(filled) }),
-    /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2591".repeat(width - filled) })
+    /* @__PURE__ */ jsx(Text, { color, children: "\u2588".repeat(filled) }),
+    /* @__PURE__ */ jsx(Text, { color: trackColor, children: "\u2588".repeat(width - filled) })
   ] });
 };
 
@@ -692,4 +715,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.1",
+  "version": "0.12.0",
   "description": "React component library for Ink CLIs",
   "type": "module",
   "main": "dist/index.js",