mta-design-system 0.1.0

package/dist/cli/src/index.cjs

@@ -0,0 +1,1234 @@
+#!/usr/bin/env node
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+
+// cli/src/index.ts
+var import_commander = require("commander");
+var import_chalk5 = __toESM(require("chalk"), 1);
+
+// cli/src/commands/list.ts
+var import_chalk = __toESM(require("chalk"), 1);
+
+// cli/src/registry.ts
+var componentRegistry = [
+  // ==================== BASE UI COMPONENTS ====================
+  {
+    name: "Button",
+    category: "ui",
+    description: "A versatile button component with multiple variants and sizes.",
+    sourcePath: "src/components/ui/button.tsx",
+    props: [
+      { name: "variant", type: "'default' | 'destructive' | 'outline' | 'secondary' | 'ghost' | 'link'", required: false, default: "'default'", description: "Button visual style" },
+      { name: "size", type: "'default' | 'sm' | 'lg' | 'icon' | 'icon-sm' | 'icon-lg'", required: false, default: "'default'", description: "Button size" },
+      { name: "asChild", type: "boolean", required: false, default: "false", description: "Render as child element" },
+      { name: "className", type: "string", required: false, description: "Additional CSS classes" },
+      { name: "disabled", type: "boolean", required: false, description: "Disable the button" }
+    ],
+    examples: [
+      {
+        title: "Basic Button",
+        code: `import { Button } from 'mta-design-system';
+
+<Button>Click me</Button>`
+      },
+      {
+        title: "Button Variants",
+        code: `<Button variant="default">Default</Button>
+<Button variant="destructive">Destructive</Button>
+<Button variant="outline">Outline</Button>
+<Button variant="secondary">Secondary</Button>
+<Button variant="ghost">Ghost</Button>
+<Button variant="link">Link</Button>`
+      },
+      {
+        title: "Button Sizes",
+        code: `<Button size="sm">Small</Button>
+<Button size="default">Default</Button>
+<Button size="lg">Large</Button>`
+      }
+    ],
+    dependencies: ["@radix-ui/react-slot", "class-variance-authority"],
+    themable: false
+  },
+  {
+    name: "Alert",
+    category: "ui",
+    description: "Displays a callout for user attention.",
+    sourcePath: "src/components/ui/alert.tsx",
+    props: [
+      { name: "variant", type: "'default' | 'destructive'", required: false, default: "'default'", description: "Alert visual style" },
+      { name: "className", type: "string", required: false, description: "Additional CSS classes" }
+    ],
+    examples: [
+      {
+        title: "Basic Alert",
+        code: `import { Alert, AlertTitle, AlertDescription } from 'mta-design-system';
+
+<Alert>
+  <AlertTitle>Heads up!</AlertTitle>
+  <AlertDescription>You can add components to your app using the cli.</AlertDescription>
+</Alert>`
+      },
+      {
+        title: "Destructive Alert",
+        code: `<Alert variant="destructive">
+  <AlertTitle>Error</AlertTitle>
+  <AlertDescription>Your session has expired. Please log in again.</AlertDescription>
+</Alert>`
+      }
+    ],
+    dependencies: ["class-variance-authority"],
+    themable: false
+  },
+  {
+    name: "Card",
+    category: "ui",
+    description: "Displays a card with header, content, and footer sections.",
+    sourcePath: "src/components/ui/card.tsx",
+    props: [
+      { name: "className", type: "string", required: false, description: "Additional CSS classes" }
+    ],
+    examples: [
+      {
+        title: "Basic Card",
+        code: `import { Card, CardHeader, CardTitle, CardDescription, CardContent, CardFooter } from 'mta-design-system';
+
+<Card>
+  <CardHeader>
+    <CardTitle>Card Title</CardTitle>
+    <CardDescription>Card Description</CardDescription>
+  </CardHeader>
+  <CardContent>
+    <p>Card Content</p>
+  </CardContent>
+  <CardFooter>
+    <p>Card Footer</p>
+  </CardFooter>
+</Card>`
+      }
+    ],
+    dependencies: [],
+    themable: false
+  },
+  {
+    name: "Input",
+    category: "ui",
+    description: "A text input component for forms.",
+    sourcePath: "src/components/ui/input.tsx",
+    props: [
+      { name: "type", type: "string", required: false, default: "'text'", description: "Input type" },
+      { name: "placeholder", type: "string", required: false, description: "Placeholder text" },
+      { name: "className", type: "string", required: false, description: "Additional CSS classes" },
+      { name: "disabled", type: "boolean", required: false, description: "Disable the input" }
+    ],
+    examples: [
+      {
+        title: "Basic Input",
+        code: `import { Input } from 'mta-design-system';
+
+<Input placeholder="Enter your name" />`
+      }
+    ],
+    dependencies: [],
+    themable: false
+  },
+  {
+    name: "Label",
+    category: "ui",
+    description: "A label component for form fields.",
+    sourcePath: "src/components/ui/label.tsx",
+    props: [
+      { name: "htmlFor", type: "string", required: false, description: "ID of the associated form element" },
+      { name: "className", type: "string", required: false, description: "Additional CSS classes" }
+    ],
+    examples: [
+      {
+        title: "Basic Label",
+        code: `import { Label } from 'mta-design-system';
+
+<Label htmlFor="email">Email</Label>`
+      }
+    ],
+    dependencies: ["@radix-ui/react-label"],
+    themable: false
+  },
+  {
+    name: "Dialog",
+    category: "ui",
+    description: "A modal dialog component.",
+    sourcePath: "src/components/ui/dialog.tsx",
+    props: [
+      { name: "open", type: "boolean", required: false, description: "Controlled open state" },
+      { name: "onOpenChange", type: "(open: boolean) => void", required: false, description: "Callback when open state changes" }
+    ],
+    examples: [
+      {
+        title: "Basic Dialog",
+        code: `import { Dialog, DialogTrigger, DialogContent, DialogHeader, DialogTitle, DialogDescription, DialogFooter } from 'mta-design-system';
+
+<Dialog>
+  <DialogTrigger>Open Dialog</DialogTrigger>
+  <DialogContent>
+    <DialogHeader>
+      <DialogTitle>Are you sure?</DialogTitle>
+      <DialogDescription>This action cannot be undone.</DialogDescription>
+    </DialogHeader>
+    <DialogFooter>
+      <Button>Confirm</Button>
+    </DialogFooter>
+  </DialogContent>
+</Dialog>`
+      }
+    ],
+    dependencies: ["@radix-ui/react-dialog"],
+    themable: false
+  },
+  {
+    name: "Select",
+    category: "ui",
+    description: "A dropdown select component.",
+    sourcePath: "src/components/ui/select.tsx",
+    props: [
+      { name: "value", type: "string", required: false, description: "Selected value" },
+      { name: "onValueChange", type: "(value: string) => void", required: false, description: "Callback when value changes" },
+      { name: "disabled", type: "boolean", required: false, description: "Disable the select" }
+    ],
+    examples: [
+      {
+        title: "Basic Select",
+        code: `import { Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from 'mta-design-system';
+
+<Select>
+  <SelectTrigger>
+    <SelectValue placeholder="Select an option" />
+  </SelectTrigger>
+  <SelectContent>
+    <SelectItem value="option1">Option 1</SelectItem>
+    <SelectItem value="option2">Option 2</SelectItem>
+  </SelectContent>
+</Select>`
+      }
+    ],
+    dependencies: ["@radix-ui/react-select"],
+    themable: false
+  },
+  {
+    name: "Switch",
+    category: "ui",
+    description: "A toggle switch component.",
+    sourcePath: "src/components/ui/switch.tsx",
+    props: [
+      { name: "checked", type: "boolean", required: false, description: "Controlled checked state" },
+      { name: "onCheckedChange", type: "(checked: boolean) => void", required: false, description: "Callback when checked state changes" },
+      { name: "disabled", type: "boolean", required: false, description: "Disable the switch" }
+    ],
+    examples: [
+      {
+        title: "Basic Switch",
+        code: `import { Switch } from 'mta-design-system';
+
+<Switch />`
+      }
+    ],
+    dependencies: ["@radix-ui/react-switch"],
+    themable: false
+  },
+  {
+    name: "Tooltip",
+    category: "ui",
+    description: "A tooltip component for displaying additional information.",
+    sourcePath: "src/components/ui/tooltip.tsx",
+    props: [
+      { name: "content", type: "ReactNode", required: false, description: "Tooltip content" },
+      { name: "delayDuration", type: "number", required: false, default: "400", description: "Delay before showing tooltip" }
+    ],
+    examples: [
+      {
+        title: "Basic Tooltip",
+        code: `import { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider } from 'mta-design-system';
+
+<TooltipProvider>
+  <Tooltip>
+    <TooltipTrigger>Hover me</TooltipTrigger>
+    <TooltipContent>Tooltip content</TooltipContent>
+  </Tooltip>
+</TooltipProvider>`
+      }
+    ],
+    dependencies: ["@radix-ui/react-tooltip"],
+    themable: false
+  },
+  {
+    name: "Table",
+    category: "ui",
+    description: "A table component for displaying data.",
+    sourcePath: "src/components/ui/table.tsx",
+    props: [
+      { name: "className", type: "string", required: false, description: "Additional CSS classes" }
+    ],
+    examples: [
+      {
+        title: "Basic Table",
+        code: `import { Table, TableHeader, TableHead, TableBody, TableRow, TableCell } from 'mta-design-system';
+
+<Table>
+  <TableHeader>
+    <TableRow>
+      <TableHead>Name</TableHead>
+      <TableHead>Email</TableHead>
+    </TableRow>
+  </TableHeader>
+  <TableBody>
+    <TableRow>
+      <TableCell>John Doe</TableCell>
+      <TableCell>john@example.com</TableCell>
+    </TableRow>
+  </TableBody>
+</Table>`
+      }
+    ],
+    dependencies: [],
+    themable: false
+  },
+  {
+    name: "Progress",
+    category: "ui",
+    description: "A progress bar component.",
+    sourcePath: "src/components/ui/progress.tsx",
+    props: [
+      { name: "value", type: "number", required: false, description: "Progress value (0-100)" },
+      { name: "max", type: "number", required: false, default: "100", description: "Maximum value" }
+    ],
+    examples: [
+      {
+        title: "Basic Progress",
+        code: `import { Progress } from 'mta-design-system';
+
+<Progress value={60} />`
+      }
+    ],
+    dependencies: ["@radix-ui/react-progress"],
+    themable: false
+  },
+  {
+    name: "Spinner",
+    category: "ui",
+    description: "A loading spinner component.",
+    sourcePath: "src/components/ui/spinner.tsx",
+    props: [
+      { name: "size", type: "'sm' | 'default' | 'lg'", required: false, default: "'default'", description: "Spinner size" },
+      { name: "className", type: "string", required: false, description: "Additional CSS classes" }
+    ],
+    examples: [
+      {
+        title: "Basic Spinner",
+        code: `import { Spinner } from 'mta-design-system';
+
+<Spinner />`
+      }
+    ],
+    dependencies: [],
+    themable: false
+  },
+  {
+    name: "Calendar",
+    category: "ui",
+    description: "A calendar component for date selection.",
+    sourcePath: "src/components/ui/calendar.tsx",
+    props: [
+      { name: "selected", type: "Date", required: false, description: "Selected date" },
+      { name: "onSelect", type: "(date: Date | undefined) => void", required: false, description: "Callback when date is selected" },
+      { name: "mode", type: "'single' | 'multiple' | 'range'", required: false, default: "'single'", description: "Selection mode" }
+    ],
+    examples: [
+      {
+        title: "Basic Calendar",
+        code: `import { Calendar } from 'mta-design-system';
+import 'mta-design-system/styles.css';
+
+<Calendar />`
+      }
+    ],
+    dependencies: ["react-day-picker", "date-fns"],
+    themable: false
+  },
+  {
+    name: "Popover",
+    category: "ui",
+    description: "A popover component for displaying floating content.",
+    sourcePath: "src/components/ui/popover.tsx",
+    props: [
+      { name: "open", type: "boolean", required: false, description: "Controlled open state" },
+      { name: "onOpenChange", type: "(open: boolean) => void", required: false, description: "Callback when open state changes" }
+    ],
+    examples: [
+      {
+        title: "Basic Popover",
+        code: `import { Popover, PopoverTrigger, PopoverContent } from 'mta-design-system';
+
+<Popover>
+  <PopoverTrigger>Open</PopoverTrigger>
+  <PopoverContent>Popover content</PopoverContent>
+</Popover>`
+      }
+    ],
+    dependencies: ["@radix-ui/react-popover"],
+    themable: false
+  },
+  {
+    name: "Command",
+    category: "ui",
+    description: "A command menu component for search and actions.",
+    sourcePath: "src/components/ui/command.tsx",
+    props: [
+      { name: "value", type: "string", required: false, description: "Selected value" },
+      { name: "onValueChange", type: "(value: string) => void", required: false, description: "Callback when value changes" },
+      { name: "placeholder", type: "string", required: false, description: "Search placeholder" }
+    ],
+    examples: [
+      {
+        title: "Basic Command",
+        code: `import { Command, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem } from 'mta-design-system';
+
+<Command>
+  <CommandInput placeholder="Search..." />
+  <CommandList>
+    <CommandEmpty>No results found.</CommandEmpty>
+    <CommandGroup heading="Suggestions">
+      <CommandItem>Option 1</CommandItem>
+      <CommandItem>Option 2</CommandItem>
+    </CommandGroup>
+  </CommandList>
+</Command>`
+      }
+    ],
+    dependencies: ["cmdk"],
+    themable: false
+  },
+  // ==================== CLAIMMIND THEMED COMPONENTS ====================
+  {
+    name: "ClaimMindButton",
+    category: "claimmind",
+    description: "A themed button component with brand colors (Default, Owlexa, BPJS themes).",
+    sourcePath: "src/stories/claimmind/Button.tsx",
+    props: [
+      { name: "theme", type: "'Default' | 'Owlexa' | 'BPJS'", required: false, default: "'Default'", description: "Brand theme" },
+      { name: "variant", type: "'default' | 'destructive' | 'outline' | 'secondary' | 'ghost' | 'link'", required: false, default: "'default'", description: "Button visual style" },
+      { name: "size", type: "'default' | 'sm' | 'lg' | 'icon'", required: false, default: "'default'", description: "Button size" },
+      { name: "label", type: "string", required: false, description: "Button label text" },
+      { name: "loading", type: "boolean", required: false, default: "false", description: "Show loading spinner" },
+      { name: "leftIconName", type: "LucideIconName", required: false, description: "Icon name for left side" },
+      { name: "rightIconName", type: "LucideIconName", required: false, description: "Icon name for right side" }
+    ],
+    examples: [
+      {
+        title: "Basic ClaimMindButton",
+        code: `import { ClaimMindButton } from 'mta-design-system';
+import 'mta-design-system/styles.css';
+
+<ClaimMindButton theme="Default">Click me</ClaimMindButton>`
+      },
+      {
+        title: "Themed Buttons",
+        code: `<ClaimMindButton theme="Default">ClaimMind</ClaimMindButton>
+<ClaimMindButton theme="Owlexa">Owlexa</ClaimMindButton>
+<ClaimMindButton theme="BPJS">BPJS</ClaimMindButton>`
+      },
+      {
+        title: "Loading State",
+        code: `<ClaimMindButton loading>Processing...</ClaimMindButton>`
+      },
+      {
+        title: "With Icons",
+        code: `import { ClaimMindButton } from 'mta-design-system';
+
+<ClaimMindButton leftIconName="Mail">Send Email</ClaimMindButton>
+<ClaimMindButton rightIconName="ChevronRight">Continue</ClaimMindButton>`
+      }
+    ],
+    dependencies: ["lucide-react"],
+    themable: true
+  },
+  {
+    name: "ClaimMindInput",
+    category: "claimmind",
+    description: "A themed input component with brand colors.",
+    sourcePath: "src/stories/claimmind/Input.tsx",
+    props: [
+      { name: "theme", type: "'Default' | 'Owlexa' | 'BPJS'", required: false, default: "'Default'", description: "Brand theme" },
+      { name: "type", type: "string", required: false, default: "'text'", description: "Input type" },
+      { name: "placeholder", type: "string", required: false, description: "Placeholder text" },
+      { name: "className", type: "string", required: false, description: "Additional CSS classes" }
+    ],
+    examples: [
+      {
+        title: "Basic ClaimMindInput",
+        code: `import { ClaimMindInput } from 'mta-design-system';
+import 'mta-design-system/styles.css';
+
+<ClaimMindInput theme="Default" placeholder="Enter text..." />`
+      }
+    ],
+    dependencies: [],
+    themable: true
+  },
+  {
+    name: "ClaimMindCard",
+    category: "claimmind",
+    description: "A themed card component with optional top border accent.",
+    sourcePath: "src/stories/claimmind/Card.tsx",
+    props: [
+      { name: "theme", type: "'Default' | 'Owlexa' | 'BPJS'", required: false, default: "'Default'", description: "Brand theme" },
+      { name: "showTopBorder", type: "boolean", required: false, default: "false", description: "Show colored top border" },
+      { name: "className", type: "string", required: false, description: "Additional CSS classes" }
+    ],
+    examples: [
+      {
+        title: "Basic ClaimMindCard",
+        code: `import { ClaimMindCard, CardHeader, CardTitle, CardContent } from 'mta-design-system';
+import 'mta-design-system/styles.css';
+
+<ClaimMindCard theme="Owlexa" showTopBorder>
+  <CardHeader>
+    <CardTitle>Card Title</CardTitle>
+  </CardHeader>
+  <CardContent>
+    <p>Card content goes here</p>
+  </CardContent>
+</ClaimMindCard>`
+      }
+    ],
+    dependencies: [],
+    themable: true
+  },
+  {
+    name: "ClaimMindAlert",
+    category: "claimmind",
+    description: "A themed alert component with brand colors.",
+    sourcePath: "src/stories/claimmind/Alert.tsx",
+    props: [
+      { name: "theme", type: "'Default' | 'Owlexa' | 'BPJS'", required: false, default: "'Default'", description: "Brand theme" },
+      { name: "variant", type: "'info' | 'success' | 'warning' | 'error'", required: false, default: "'info'", description: "Alert type" },
+      { name: "title", type: "string", required: false, description: "Alert title" },
+      { name: "description", type: "string", required: false, description: "Alert description" }
+    ],
+    examples: [
+      {
+        title: "ClaimMindAlert Variants",
+        code: `import { ClaimMindAlert } from 'mta-design-system';
+import 'mta-design-system/styles.css';
+
+<ClaimMindAlert theme="Default" variant="success" title="Success!" description="Operation completed." />
+<ClaimMindAlert theme="Owlexa" variant="error" title="Error" description="Something went wrong." />`
+      }
+    ],
+    dependencies: ["lucide-react"],
+    themable: true
+  },
+  {
+    name: "ClaimMindSpinner",
+    category: "claimmind",
+    description: "A themed loading spinner component.",
+    sourcePath: "src/stories/claimmind/Spinner.tsx",
+    props: [
+      { name: "theme", type: "'Default' | 'Owlexa' | 'BPJS'", required: false, default: "'Default'", description: "Brand theme" },
+      { name: "size", type: "'sm' | 'default' | 'lg'", required: false, default: "'default'", description: "Spinner size" },
+      { name: "className", type: "string", required: false, description: "Additional CSS classes" }
+    ],
+    examples: [
+      {
+        title: "ClaimMindSpinner",
+        code: `import { ClaimMindSpinner } from 'mta-design-system';
+import 'mta-design-system/styles.css';
+
+<ClaimMindSpinner theme="BPJS" size="lg" />`
+      }
+    ],
+    dependencies: [],
+    themable: true
+  },
+  {
+    name: "ClaimMindSelect",
+    category: "claimmind",
+    description: "A themed select dropdown component.",
+    sourcePath: "src/stories/claimmind/Select.tsx",
+    props: [
+      { name: "theme", type: "'Default' | 'Owlexa' | 'BPJS'", required: false, default: "'Default'", description: "Brand theme" },
+      { name: "placeholder", type: "string", required: false, description: "Placeholder text" },
+      { name: "options", type: "Array<{ value: string; label: string }>", required: true, description: "Select options" },
+      { name: "value", type: "string", required: false, description: "Selected value" },
+      { name: "onValueChange", type: "(value: string) => void", required: false, description: "Value change callback" }
+    ],
+    examples: [
+      {
+        title: "ClaimMindSelect",
+        code: `import { ClaimMindSelect } from 'mta-design-system';
+import 'mta-design-system/styles.css';
+
+const options = [
+  { value: 'option1', label: 'Option 1' },
+  { value: 'option2', label: 'Option 2' },
+];
+
+<ClaimMindSelect
+  theme="Default"
+  options={options}
+  placeholder="Select an option"
+/>`
+      }
+    ],
+    dependencies: ["@radix-ui/react-select"],
+    themable: true
+  },
+  {
+    name: "ClaimMindCombobox",
+    category: "claimmind",
+    description: "A themed combobox component with search functionality.",
+    sourcePath: "src/stories/claimmind/Combobox.tsx",
+    props: [
+      { name: "theme", type: "'Default' | 'Owlexa' | 'BPJS'", required: false, default: "'Default'", description: "Brand theme" },
+      { name: "placeholder", type: "string", required: false, description: "Search placeholder" },
+      { name: "options", type: "Array<{ value: string; label: string }>", required: true, description: "Combobox options" },
+      { name: "value", type: "string", required: false, description: "Selected value" },
+      { name: "onValueChange", type: "(value: string) => void", required: false, description: "Value change callback" }
+    ],
+    examples: [
+      {
+        title: "ClaimMindCombobox",
+        code: `import { ClaimMindCombobox } from 'mta-design-system';
+import 'mta-design-system/styles.css';
+
+const options = [
+  { value: 'apple', label: 'Apple' },
+  { value: 'banana', label: 'Banana' },
+];
+
+<ClaimMindCombobox
+  theme="Owlexa"
+  options={options}
+  placeholder="Search fruits..."
+/>`
+      }
+    ],
+    dependencies: ["cmdk", "@radix-ui/react-popover"],
+    themable: true
+  },
+  {
+    name: "ClaimMindDatePicker",
+    category: "claimmind",
+    description: "A themed date picker component.",
+    sourcePath: "src/stories/claimmind/DatePicker.tsx",
+    props: [
+      { name: "theme", type: "'Default' | 'Owlexa' | 'BPJS'", required: false, default: "'Default'", description: "Brand theme" },
+      { name: "placeholder", type: "string", required: false, description: "Placeholder text" },
+      { name: "value", type: "Date", required: false, description: "Selected date" },
+      { name: "onChange", type: "(date: Date | undefined) => void", required: false, description: "Date change callback" }
+    ],
+    examples: [
+      {
+        title: "ClaimMindDatePicker",
+        code: `import { ClaimMindDatePicker } from 'mta-design-system';
+import 'mta-design-system/styles.css';
+
+<ClaimMindDatePicker theme="Default" placeholder="Pick a date" />`
+      }
+    ],
+    dependencies: ["react-day-picker", "date-fns", "@radix-ui/react-popover"],
+    themable: true
+  },
+  {
+    name: "ClaimMindTable",
+    category: "claimmind",
+    description: "A themed table component for data display.",
+    sourcePath: "src/stories/claimmind/Table.tsx",
+    props: [
+      { name: "theme", type: "'Default' | 'Owlexa' | 'BPJS'", required: false, default: "'Default'", description: "Brand theme" },
+      { name: "className", type: "string", required: false, description: "Additional CSS classes" }
+    ],
+    examples: [
+      {
+        title: "ClaimMindTable",
+        code: `import { ClaimMindTable, TableHeader, TableHead, TableBody, TableRow, TableCell } from 'mta-design-system';
+import 'mta-design-system/styles.css';
+
+<ClaimMindTable theme="BPJS">
+  <TableHeader>
+    <TableRow>
+      <TableHead>Name</TableHead>
+      <TableHead>Status</TableHead>
+    </TableRow>
+  </TableHeader>
+  <TableBody>
+    <TableRow>
+      <TableCell>John Doe</TableCell>
+      <TableCell>Active</TableCell>
+    </TableRow>
+  </TableBody>
+</ClaimMindTable>`
+      }
+    ],
+    dependencies: [],
+    themable: true
+  },
+  // ==================== MOLECULES ====================
+  {
+    name: "Chat",
+    category: "molecules",
+    description: "A floating chat widget component with theme support.",
+    sourcePath: "src/stories/claimmind/molecules/Chat.tsx",
+    props: [
+      { name: "theme", type: "'Default' | 'Owlexa' | 'BPJS'", required: false, default: "'Default'", description: "Brand theme" },
+      { name: "variant", type: "'float' | 'bottom-side'", required: false, default: "'float'", description: "Chat widget position" },
+      { name: "title", type: "string", required: false, default: "'Chat Support'", description: "Chat window title" },
+      { name: "messages", type: "ChatMessage[]", required: false, description: "Chat messages array" },
+      { name: "onSendMessage", type: "(message: string) => void", required: false, description: "Send message callback" },
+      { name: "isOpen", type: "boolean", required: false, description: "Control open state" },
+      { name: "onToggle", type: "() => void", required: false, description: "Toggle callback" },
+      { name: "placeholder", type: "string", required: false, description: "Input placeholder" }
+    ],
+    examples: [
+      {
+        title: "Chat Widget",
+        code: `import { Chat } from 'mta-design-system';
+import 'mta-design-system/styles.css';
+
+const messages = [
+  { id: '1', text: 'Hello!', sender: 'bot' as const, timestamp: new Date() },
+  { id: '2', text: 'Hi there!', sender: 'user' as const, timestamp: new Date() },
+];
+
+function App() {
+  const [isOpen, setIsOpen] = useState(false);
+
+  return (
+    <Chat
+      theme="Owlexa"
+      variant="float"
+      messages={messages}
+      isOpen={isOpen}
+      onToggle={() => setIsOpen(!isOpen)}
+      onSendMessage={(msg) => console.log(msg)}
+    />
+  );
+}`
+      }
+    ],
+    dependencies: ["lucide-react"],
+    themable: true
+  },
+  {
+    name: "DashboardCard",
+    category: "molecules",
+    description: "A themed dashboard card for displaying metrics.",
+    sourcePath: "src/stories/claimmind/molecules/DashboardCard.tsx",
+    props: [
+      { name: "label", type: "string", required: true, description: 'Card label (e.g., "Total Claims")' },
+      { name: "value", type: "string | number", required: true, description: "Value to display" },
+      { name: "iconName", type: "LucideIconName", required: false, description: "Icon name from lucide-react" },
+      { name: "icon", type: "ReactNode", required: false, description: "Custom icon element" },
+      { name: "theme", type: "'Default' | 'Owlexa' | 'BPJS'", required: false, default: "'Default'", description: "Brand theme" },
+      { name: "colorVariant", type: "'primary' | 'secondary' | 'tertiary' | 'success' | 'danger'", required: false, default: "'primary'", description: "Icon color variant" }
+    ],
+    examples: [
+      {
+        title: "DashboardCard",
+        code: `import { DashboardCard } from 'mta-design-system';
+import 'mta-design-system/styles.css';
+
+<DashboardCard
+  label="Total Claims"
+  value="1,234"
+  iconName="FileText"
+  theme="Default"
+  colorVariant="primary"
+/>`
+      }
+    ],
+    dependencies: ["lucide-react"],
+    themable: true
+  },
+  {
+    name: "Title",
+    category: "molecules",
+    description: "A themed title component with underline accent.",
+    sourcePath: "src/stories/claimmind/molecules/Title.tsx",
+    props: [
+      { name: "children", type: "ReactNode", required: true, description: "Title content" },
+      { name: "theme", type: "'Default' | 'Owlexa' | 'BPJS'", required: false, default: "'Default'", description: "Brand theme" },
+      { name: "as", type: "'h1' | 'h2' | 'h3' | 'h4'", required: false, default: "'h2'", description: "HTML heading tag" },
+      { name: "underline", type: "boolean", required: false, default: "true", description: "Show underline accent" },
+      { name: "className", type: "string", required: false, description: "Additional CSS classes" }
+    ],
+    examples: [
+      {
+        title: "Title Component",
+        code: `import { Title } from 'mta-design-system';
+import 'mta-design-system/styles.css';
+
+<Title theme="Owlexa" as="h1" underline>
+  Welcome to ClaimMind
+</Title>`
+      }
+    ],
+    dependencies: [],
+    themable: true
+  },
+  {
+    name: "SyncProgress",
+    category: "molecules",
+    description: "A themed sync progress card showing synchronization status.",
+    sourcePath: "src/stories/claimmind/molecules/SyncProgress.tsx",
+    props: [
+      { name: "progress", type: "number", required: true, description: "Progress percentage (0-100)" },
+      { name: "status", type: "'syncing' | 'completed' | 'failed'", required: false, default: "'syncing'", description: "Sync status" },
+      { name: "theme", type: "'Default' | 'Owlexa' | 'BPJS'", required: false, default: "'Default'", description: "Brand theme" },
+      { name: "message", type: "string", required: false, description: "Status message" },
+      { name: "onCancel", type: "() => void", required: false, description: "Cancel callback" }
+    ],
+    examples: [
+      {
+        title: "SyncProgress Card",
+        code: `import { SyncProgress } from 'mta-design-system';
+import 'mta-design-system/styles.css';
+
+<SyncProgress
+  progress={65}
+  status="syncing"
+  theme="BPJS"
+  message="Syncing data from server..."
+  onCancel={() => console.log('Cancelled')}
+/>`
+      }
+    ],
+    dependencies: ["lucide-react"],
+    themable: true
+  },
+  // ==================== PAGES ====================
+  {
+    name: "LoginPage",
+    category: "pages",
+    description: "A complete login page template with theme support.",
+    sourcePath: "src/stories/claimmind/pages/LoginPage.tsx",
+    props: [
+      { name: "theme", type: "'Default' | 'Owlexa' | 'BPJS'", required: false, default: "'Default'", description: "Brand theme" },
+      { name: "title", type: "string", required: false, default: "'Login ke ClaimMind'", description: "Page title" },
+      { name: "description", type: "string", required: false, description: "Page description" }
+    ],
+    examples: [
+      {
+        title: "LoginPage",
+        code: `import { LoginPage } from 'mta-design-system';
+import 'mta-design-system/styles.css';
+
+// In your Next.js app
+export default function Login() {
+  return (
+    <LoginPage
+      theme="Owlexa"
+      title="Welcome to Owlexa"
+      description="Enter your credentials to access your account."
+    />
+  );
+}`
+      }
+    ],
+    dependencies: ["lucide-react"],
+    themable: true
+  }
+];
+function getComponentByName(name) {
+  return componentRegistry.find(
+    (c) => c.name.toLowerCase() === name.toLowerCase() || c.name.toLowerCase().replace("claimmind", "") === name.toLowerCase()
+  );
+}
+function getComponentsByCategory(category) {
+  return componentRegistry.filter((c) => c.category === category);
+}
+function getCategories() {
+  return ["ui", "claimmind", "molecules", "pages"];
+}
+
+// cli/src/commands/list.ts
+function listCommand(options) {
+  const { category, json } = options;
+  if (json) {
+    let components = componentRegistry;
+    if (category) {
+      components = getComponentsByCategory(category);
+    }
+    console.log(JSON.stringify(components, null, 2));
+    return;
+  }
+  console.log(import_chalk.default.bold.cyan("\n\u{1F4E6} MTA Design System Components\n"));
+  if (category) {
+    const components = getComponentsByCategory(category);
+    if (components.length === 0) {
+      console.log(import_chalk.default.yellow(`No components found in category "${category}"`));
+      console.log(import_chalk.default.gray(`Available categories: ${getCategories().join(", ")}`));
+      return;
+    }
+    printCategory(category, components);
+  } else {
+    const categories = getCategories();
+    for (const cat of categories) {
+      const components = getComponentsByCategory(cat);
+      printCategory(cat, components);
+    }
+  }
+  console.log(import_chalk.default.gray(`
+  Total: ${componentRegistry.length} components`));
+  console.log(import_chalk.default.gray(`  Run ${import_chalk.default.cyan("mta-ds show <component>")} for details
+`));
+}
+function printCategory(category, components) {
+  const categoryLabels = {
+    ui: "UI Components (shadcn/ui based)",
+    claimmind: "ClaimMind Themed Components",
+    molecules: "Molecule Components",
+    pages: "Page Templates"
+  };
+  console.log(import_chalk.default.bold.white(`${categoryLabels[category] || category}:`));
+  console.log(import_chalk.default.gray("\u2500".repeat(40)));
+  for (const comp of components) {
+    const themableTag = comp.themable ? import_chalk.default.green(" [themable]") : "";
+    console.log(`  ${import_chalk.default.cyan(comp.name)}${themableTag}`);
+    console.log(import_chalk.default.gray(`    ${comp.description}`));
+  }
+  console.log();
+}
+
+// cli/src/commands/show.ts
+var import_chalk2 = __toESM(require("chalk"), 1);
+var import_fs = __toESM(require("fs"), 1);
+var import_path = __toESM(require("path"), 1);
+function showCommand(componentName, options) {
+  const component = getComponentByName(componentName);
+  if (!component) {
+    console.log(import_chalk2.default.red(`
+  Component "${componentName}" not found.`));
+    console.log(import_chalk2.default.gray(`  Run ${import_chalk2.default.cyan("mta-ds list")} to see all available components.
+`));
+    process.exit(1);
+  }
+  const { props, examples, source } = options;
+  const showAll = !props && !examples && !source;
+  console.log(import_chalk2.default.bold.cyan(`
+\u{1F4CB} ${component.name}
+`));
+  console.log(import_chalk2.default.white(component.description));
+  if (component.themable) {
+    console.log(import_chalk2.default.green("\n  \u2728 Themable: Yes (Default, Owlexa, BPJS)"));
+  }
+  if (component.dependencies && component.dependencies.length > 0) {
+    console.log(import_chalk2.default.gray(`
+  Dependencies: ${component.dependencies.join(", ")}`));
+  }
+  if ((showAll || props) && component.props.length > 0) {
+    console.log(import_chalk2.default.bold.white("\n  Props:"));
+    console.log(import_chalk2.default.gray("  \u2500".repeat(30)));
+    for (const prop of component.props) {
+      const required = prop.required ? import_chalk2.default.red("*") : "";
+      const defaultVal = prop.default ? import_chalk2.default.gray(` = ${prop.default}`) : "";
+      console.log(`    ${import_chalk2.default.cyan(prop.name)}${required}: ${import_chalk2.default.yellow(prop.type)}${defaultVal}`);
+      console.log(import_chalk2.default.gray(`      ${prop.description}`));
+    }
+  }
+  if (showAll || examples) {
+    console.log(import_chalk2.default.bold.white("\n  Examples:"));
+    console.log(import_chalk2.default.gray("  \u2500".repeat(30)));
+    for (const example of component.examples) {
+      console.log(import_chalk2.default.white(`
+    ${example.title}:`));
+      if (example.description) {
+        console.log(import_chalk2.default.gray(`    ${example.description}`));
+      }
+      console.log(import_chalk2.default.gray("    " + "\u2500".repeat(20)));
+      console.log(import_chalk2.default.blue(example.code.split("\n").map((line) => "    " + line).join("\n")));
+    }
+  }
+  if (source) {
+    console.log(import_chalk2.default.bold.white("\n  Source:"));
+    console.log(import_chalk2.default.gray("  \u2500".repeat(30)));
+    console.log(import_chalk2.default.gray(`  Path: ${component.sourcePath}`));
+    try {
+      const packageRoot = import_path.default.resolve(__dirname, "..", "..", "..");
+      const sourcePath = import_path.default.join(packageRoot, component.sourcePath);
+      if (import_fs.default.existsSync(sourcePath)) {
+        const sourceCode = import_fs.default.readFileSync(sourcePath, "utf-8");
+        console.log(import_chalk2.default.gray("\n"));
+        console.log(import_chalk2.default.blue(sourceCode.split("\n").map((line) => "  " + line).join("\n")));
+      } else {
+        console.log(import_chalk2.default.yellow("  Source file not available in this context."));
+      }
+    } catch (error) {
+      console.log(import_chalk2.default.yellow("  Could not read source file."));
+    }
+  }
+  console.log(import_chalk2.default.gray(`
+  Import: ${import_chalk2.default.cyan(`import { ${component.name} } from 'mta-design-system';`)}
+`));
+}
+
+// cli/src/commands/init.ts
+var import_chalk3 = __toESM(require("chalk"), 1);
+var import_fs_extra = __toESM(require("fs-extra"), 1);
+var import_path2 = __toESM(require("path"), 1);
+var import_inquirer = __toESM(require("inquirer"), 1);
+async function initCommand(options) {
+  const { path: targetPath = ".", theme = "Default", skipDeps } = options;
+  console.log(import_chalk3.default.bold.cyan("\n\u{1F680} Initializing MTA Design System...\n"));
+  const projectPath = import_path2.default.resolve(targetPath);
+  const packageJsonPath = import_path2.default.join(projectPath, "package.json");
+  if (!import_fs_extra.default.existsSync(packageJsonPath)) {
+    console.log(import_chalk3.default.yellow("  No package.json found. Creating one..."));
+    await import_fs_extra.default.writeJson(packageJsonPath, {
+      name: import_path2.default.basename(projectPath),
+      version: "0.1.0",
+      private: true
+    }, { spaces: 2 });
+  }
+  const answers = await import_inquirer.default.prompt([
+    {
+      type: "list",
+      name: "defaultTheme",
+      message: "Select your default theme:",
+      choices: ["Default", "Owlexa", "BPJS"],
+      default: theme,
+      when: !options.theme
+    },
+    {
+      type: "confirm",
+      name: "installDeps",
+      message: "Install required dependencies?",
+      default: true,
+      when: !skipDeps
+    },
+    {
+      type: "input",
+      name: "componentsPath",
+      message: "Where should components be stored?",
+      default: "./src/components"
+    }
+  ]);
+  const config = {
+    defaultTheme: answers.defaultTheme || theme,
+    componentsPath: answers.componentsPath || "./src/components",
+    importAlias: "@/"
+  };
+  const configPath = import_path2.default.join(projectPath, "mta-ds.config.json");
+  await import_fs_extra.default.writeJson(configPath, config, { spaces: 2 });
+  console.log(import_chalk3.default.green("  \u2713 Created mta-ds.config.json"));
+  const componentsDir = import_path2.default.join(projectPath, config.componentsPath.replace("./", ""));
+  await import_fs_extra.default.ensureDir(componentsDir);
+  await import_fs_extra.default.ensureDir(import_path2.default.join(componentsDir, "ui"));
+  console.log(import_chalk3.default.green(`  \u2713 Created ${config.componentsPath}/ui directory`));
+  await createTailwindConfig(projectPath);
+  await createGlobalsCss(projectPath, config.componentsPath);
+  if (answers.installDeps && !skipDeps) {
+    console.log(import_chalk3.default.cyan("\n  Installing dependencies...\n"));
+    const { execSync } = await import("child_process");
+    const deps = [
+      "mta-design-system",
+      "@radix-ui/react-dialog",
+      "@radix-ui/react-label",
+      "@radix-ui/react-popover",
+      "@radix-ui/react-progress",
+      "@radix-ui/react-select",
+      "@radix-ui/react-slot",
+      "@radix-ui/react-switch",
+      "@radix-ui/react-tooltip",
+      "class-variance-authority",
+      "clsx",
+      "tailwind-merge",
+      "lucide-react"
+    ];
+    try {
+      execSync(`npm install ${deps.join(" ")}`, { cwd: projectPath, stdio: "inherit" });
+      console.log(import_chalk3.default.green("\n  \u2713 Dependencies installed"));
+    } catch (e) {
+      console.log(import_chalk3.default.yellow("\n  \u26A0 Could not install dependencies automatically."));
+      console.log(import_chalk3.default.gray(`    Run: npm install ${deps.join(" ")}`));
+    }
+  }
+  console.log(import_chalk3.default.bold.green("\n\u2705 MTA Design System initialized successfully!\n"));
+  console.log(import_chalk3.default.white("  Next steps:"));
+  console.log(import_chalk3.default.gray("    1. Import styles in your app:"));
+  console.log(import_chalk3.default.cyan("       import 'mta-design-system/styles.css';"));
+  console.log(import_chalk3.default.gray("    2. Start using components:"));
+  console.log(import_chalk3.default.cyan("       import { ClaimMindButton } from 'mta-design-system';"));
+  console.log(import_chalk3.default.gray("    3. Add components to your project:"));
+  console.log(import_chalk3.default.cyan("       npx mta-ds add Button"));
+  console.log();
+}
+async function createTailwindConfig(projectPath) {
+  const tailwindConfigPath = import_path2.default.join(projectPath, "tailwind.config.ts");
+  if (import_fs_extra.default.existsSync(tailwindConfigPath)) {
+    console.log(import_chalk3.default.gray("  \u2139 tailwind.config.ts already exists"));
+    return;
+  }
+  const tailwindConfig = `import type { Config } from 'tailwindcss';
+
+const config: Config = {
+  content: [
+    './src/pages/**/*.{js,ts,jsx,tsx,mdx}',
+    './src/components/**/*.{js,ts,jsx,tsx,mdx}',
+    './src/app/**/*.{js,ts,jsx,tsx,mdx}',
+    './node_modules/mta-design-system/dist/**/*.{js,mjs}',
+  ],
+  theme: {
+    extend: {},
+  },
+  plugins: [],
+};
+
+export default config;
+`;
+  await import_fs_extra.default.writeFile(tailwindConfigPath, tailwindConfig);
+  console.log(import_chalk3.default.green("  \u2713 Created tailwind.config.ts"));
+}
+async function createGlobalsCss(projectPath, componentsPath) {
+  const globalsPath = import_path2.default.join(projectPath, "src", "app", "globals.css");
+  if (import_fs_extra.default.existsSync(globalsPath)) {
+    console.log(import_chalk3.default.gray("  \u2139 globals.css already exists"));
+    return;
+  }
+  const globalsContent = `/* MTA Design System Styles */
+@import "mta-design-system/styles.css";
+`;
+  await import_fs_extra.default.ensureDir(import_path2.default.dirname(globalsPath));
+  await import_fs_extra.default.writeFile(globalsPath, globalsContent);
+  console.log(import_chalk3.default.green(`  \u2713 Created src/app/globals.css`));
+}
+
+// cli/src/commands/add.ts
+var import_chalk4 = __toESM(require("chalk"), 1);
+var import_fs_extra2 = __toESM(require("fs-extra"), 1);
+var import_path3 = __toESM(require("path"), 1);
+var import_inquirer2 = __toESM(require("inquirer"), 1);
+async function addCommand(componentName, options) {
+  const { output = "./src/components/ui", theme, overwrite = false, alias = "@/" } = options;
+  const component = getComponentByName(componentName);
+  if (!component) {
+    console.log(import_chalk4.default.red(`
+  Component "${componentName}" not found.`));
+    console.log(import_chalk4.default.gray(`  Run ${import_chalk4.default.cyan("mta-ds list")} to see all available components.
+`));
+    process.exit(1);
+  }
+  console.log(import_chalk4.default.bold.cyan(`
+\u{1F4E6} Adding ${component.name}...
+`));
+  let outputDir = output;
+  if (component.category === "claimmind") {
+    outputDir = output.replace("/ui", "/claimmind");
+  } else if (component.category === "molecules") {
+    outputDir = output.replace("/ui", "/claimmind/molecules");
+  } else if (component.category === "pages") {
+    outputDir = output.replace("/ui", "/claimmind/pages");
+  }
+  const packageRoot = import_path3.default.resolve(__dirname, "..", "..", "..");
+  const sourcePath = import_path3.default.join(packageRoot, component.sourcePath);
+  if (!import_fs_extra2.default.existsSync(sourcePath)) {
+    console.log(import_chalk4.default.yellow("  \u26A0 Source file not found in package."));
+    console.log(import_chalk4.default.gray("    The component is still available via import:"));
+    console.log(import_chalk4.default.cyan(`    import { ${component.name} } from 'mta-design-system';`));
+    console.log();
+    return;
+  }
+  const targetPath = import_path3.default.resolve(outputDir, import_path3.default.basename(component.sourcePath));
+  if (import_fs_extra2.default.existsSync(targetPath) && !overwrite) {
+    const { shouldOverwrite } = await import_inquirer2.default.prompt([
+      {
+        type: "confirm",
+        name: "shouldOverwrite",
+        message: `File ${targetPath} already exists. Overwrite?`,
+        default: false
+      }
+    ]);
+    if (!shouldOverwrite) {
+      console.log(import_chalk4.default.gray("  Skipped."));
+      return;
+    }
+  }
+  let sourceCode = await import_fs_extra2.default.readFile(sourcePath, "utf-8");
+  sourceCode = transformImports(sourceCode, alias);
+  await import_fs_extra2.default.ensureDir(import_path3.default.dirname(targetPath));
+  await import_fs_extra2.default.writeFile(targetPath, sourceCode);
+  console.log(import_chalk4.default.green(`  \u2713 Created ${import_path3.default.relative(process.cwd(), targetPath)}`));
+  if (component.dependencies && component.dependencies.length > 0) {
+    console.log(import_chalk4.default.white("\n  Dependencies needed:"));
+    for (const dep of component.dependencies) {
+      console.log(import_chalk4.default.gray(`    - ${dep}`));
+    }
+    console.log(import_chalk4.default.gray(`
+  Install with: npm install ${component.dependencies.join(" ")}`));
+  }
+  const relativePath = import_path3.default.relative(process.cwd(), targetPath).replace(/\\/g, "/").replace(/^src\//, "@/").replace(/\.tsx$/, "");
+  console.log(import_chalk4.default.white("\n  Import:"));
+  console.log(import_chalk4.default.cyan(`    import { ${component.name} } from '${alias}components/${getComponentFolder(component)}/${import_path3.default.basename(component.sourcePath, ".tsx")}';`));
+  console.log(import_chalk4.default.gray("    or"));
+  console.log(import_chalk4.default.cyan(`    import { ${component.name} } from 'mta-design-system';`));
+  console.log();
+}
+function transformImports(sourceCode, alias) {
+  return sourceCode.replace(/from\s+['"]@\/([^'"]+)['"]/g, (match, importPath) => {
+    return `from '${alias}${importPath}'`;
+  });
+}
+function getComponentFolder(component) {
+  switch (component.category) {
+    case "ui":
+      return "ui";
+    case "claimmind":
+      return "claimmind";
+    case "molecules":
+      return "claimmind/molecules";
+    case "pages":
+      return "claimmind/pages";
+    default:
+      return "components";
+  }
+}
+
+// cli/src/index.ts
+var program = new import_commander.Command();
+program.name("mta-design-system").alias("mta-ds").description("MTA Design System CLI - Component library tools").version("0.1.0");
+program.command("list").alias("ls").description("List all available components").option("-c, --category <category>", "Filter by category (ui, claimmind, molecules, pages)").option("-j, --json", "Output as JSON").action(listCommand);
+program.command("show <component>").description("Show detailed information about a component").option("-p, --props", "Show component props").option("-e, --examples", "Show usage examples").option("-s, --source", "Show component source code").action(showCommand);
+program.command("init").description("Initialize MTA Design System in your project").option("-p, --path <path>", "Path to initialize", ".").option("-t, --theme <theme>", "Default theme (Default, Owlexa, BPJS)", "Default").option("--skip-deps", "Skip installing dependencies").action(initCommand);
+program.command("add <component>").description("Copy a component source file to your project (shadcn-style)").option("-o, --output <path>", "Output directory", "./src/components/ui").option("-t, --theme <theme>", "Theme variant for themed components (Default, Owlexa, BPJS)").option("--overwrite", "Overwrite existing files").option("-a, --alias <alias>", "Import alias to use", "@/").action(addCommand);
+program.exitOverride((err) => {
+  if (err.code === "commander.help" || err.code === "commander.version") {
+    process.exit(0);
+  }
+  if (err.code === "commander.unknownOption") {
+    console.log(import_chalk5.default.yellow(`
+  ${err.message}`));
+    console.log(import_chalk5.default.gray(`  Run ${import_chalk5.default.cyan("mta-ds --help")} for usage information.
+`));
+    process.exit(1);
+  }
+});
+program.parse();
+//# sourceMappingURL=index.cjs.map