@karakuri-ui/react 0.2.3 → 0.3.0

package/dist/lib/code-generator.js

@@ -0,0 +1,224 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var code_generator_exports = {};
+__export(code_generator_exports, {
+  ACCORDION_NAMES: () => ACCORDION_NAMES,
+  ALERT_MODAL_NAMES: () => ALERT_MODAL_NAMES,
+  ALERT_NAMES: () => ALERT_NAMES,
+  AVATAR_NAMES: () => AVATAR_NAMES,
+  BADGE_NAMES: () => BADGE_NAMES,
+  BREADCRUMB_NAMES: () => BREADCRUMB_NAMES,
+  BUTTON_GROUP_NAMES: () => BUTTON_GROUP_NAMES,
+  BUTTON_NAMES: () => BUTTON_NAMES,
+  CARD_NAMES: () => CARD_NAMES,
+  CHART_NAMES: () => CHART_NAMES,
+  CHECKBOX_NAMES: () => CHECKBOX_NAMES,
+  DIVIDER_NAMES: () => DIVIDER_NAMES,
+  DRAWER_NAMES: () => DRAWER_NAMES,
+  DROPDOWN_NAMES: () => DROPDOWN_NAMES,
+  FIELD_NAMES: () => FIELD_NAMES,
+  ICON_BUTTON_NAMES: () => ICON_BUTTON_NAMES,
+  INPUT_NAMES: () => INPUT_NAMES,
+  METRIC_CARD_NAMES: () => METRIC_CARD_NAMES,
+  MODAL_NAMES: () => MODAL_NAMES,
+  NAVIGATION_MENU_NAMES: () => NAVIGATION_MENU_NAMES,
+  PAGINATION_NAMES: () => PAGINATION_NAMES,
+  POPOVER_NAMES: () => POPOVER_NAMES,
+  PROGRESS_NAMES: () => PROGRESS_NAMES,
+  RADIO_GROUP_NAMES: () => RADIO_GROUP_NAMES,
+  REACT_NAMES: () => REACT_NAMES,
+  RECHARTS_NAMES: () => RECHARTS_NAMES,
+  SEGMENTED_NAMES: () => SEGMENTED_NAMES,
+  SELECT_NAMES: () => SELECT_NAMES,
+  SKELETON_NAMES: () => SKELETON_NAMES,
+  SLIDER_NAMES: () => SLIDER_NAMES,
+  SPINNER_NAMES: () => SPINNER_NAMES,
+  SWITCH_NAMES: () => SWITCH_NAMES,
+  TABLE_NAMES: () => TABLE_NAMES,
+  TABS_NAMES: () => TABS_NAMES,
+  TEXTAREA_NAMES: () => TEXTAREA_NAMES,
+  TOAST_NAMES: () => TOAST_NAMES,
+  TOGGLE_GROUP_NAMES: () => TOGGLE_GROUP_NAMES,
+  TOGGLE_NAMES: () => TOGGLE_NAMES,
+  TOOLTIP_NAMES: () => TOOLTIP_NAMES,
+  buildImport: () => buildImport,
+  extractUsedNames: () => extractUsedNames,
+  importUsed: () => importUsed
+});
+module.exports = __toCommonJS(code_generator_exports);
+const ACCORDION_NAMES = ["Accordion", "AccordionContent", "AccordionItem", "AccordionTrigger"];
+const ALERT_NAMES = ["Alert", "AlertDescription", "AlertTitle"];
+const AVATAR_NAMES = ["Avatar", "AvatarFallback", "AvatarGroup", "AvatarImage"];
+const BADGE_NAMES = ["Badge"];
+const BREADCRUMB_NAMES = ["Breadcrumb", "BreadcrumbEllipsis", "BreadcrumbItem", "BreadcrumbLink", "BreadcrumbList", "BreadcrumbPage", "BreadcrumbSeparator"];
+const BUTTON_NAMES = ["Button"];
+const BUTTON_GROUP_NAMES = ["ButtonGroup"];
+const CARD_NAMES = ["Card", "CardAction", "CardContent", "CardDescription", "CardFooter", "CardHeader", "CardImage", "CardTitle"];
+const CHECKBOX_NAMES = ["Checkbox"];
+const DIVIDER_NAMES = ["Divider"];
+const DRAWER_NAMES = ["Drawer", "DrawerBody", "DrawerClose", "DrawerContent", "DrawerDescription", "DrawerFooter", "DrawerHeader", "DrawerOverlay", "DrawerPortal", "DrawerTitle", "DrawerTrigger"];
+const DROPDOWN_NAMES = ["DropdownMenu", "DropdownMenuCheckboxItem", "DropdownMenuContent", "DropdownMenuGroup", "DropdownMenuItem", "DropdownMenuLabel", "DropdownMenuRadioGroup", "DropdownMenuRadioItem", "DropdownMenuSeparator", "DropdownMenuShortcut", "DropdownMenuSub", "DropdownMenuSubContent", "DropdownMenuSubTrigger", "DropdownMenuTrigger"];
+const FIELD_NAMES = ["Field", "FieldCharCount", "FieldError", "FieldLabel"];
+const ICON_BUTTON_NAMES = ["IconButton"];
+const INPUT_NAMES = ["Input"];
+const METRIC_CARD_NAMES = ["MetricCard", "MetricCardDescription", "MetricCardHeader", "MetricCardSymbol", "MetricCardTitle", "MetricCardTrend", "MetricCardValue"];
+const MODAL_NAMES = ["Modal", "ModalBody", "ModalClose", "ModalContent", "ModalDescription", "ModalFooter", "ModalHeader", "ModalOverlay", "ModalPortal", "ModalTitle", "ModalTrigger"];
+const ALERT_MODAL_NAMES = ["AlertModal", "AlertModalAction", "AlertModalBody", "AlertModalCancel", "AlertModalContent", "AlertModalDescription", "AlertModalFooter", "AlertModalHeader", "AlertModalOverlay", "AlertModalPortal", "AlertModalTitle", "AlertModalTrigger"];
+const NAVIGATION_MENU_NAMES = ["NavigationMenu", "NavigationMenuContent", "NavigationMenuGroup", "NavigationMenuIndicator", "NavigationMenuItem", "NavigationMenuLink", "NavigationMenuList", "NavigationMenuTrigger", "NavigationMenuViewport"];
+const PAGINATION_NAMES = ["Pagination", "PaginationContent", "PaginationEllipsis", "PaginationFirst", "PaginationItem", "PaginationItems", "PaginationLast", "PaginationLink", "PaginationNext", "PaginationPrevious"];
+const POPOVER_NAMES = ["Popover", "PopoverAnchor", "PopoverArrow", "PopoverClose", "PopoverContent", "PopoverPortal", "PopoverTrigger"];
+const PROGRESS_NAMES = ["Progress"];
+const RADIO_GROUP_NAMES = ["RadioGroup", "RadioGroupItem"];
+const SEGMENTED_NAMES = ["Segmented", "SegmentedItem"];
+const SELECT_NAMES = ["Select", "SelectContent", "SelectGroup", "SelectItem", "SelectLabel", "SelectSeparator", "SelectTrigger", "SelectValue"];
+const SKELETON_NAMES = ["Skeleton"];
+const SLIDER_NAMES = ["Slider"];
+const SPINNER_NAMES = ["Spinner"];
+const SWITCH_NAMES = ["Switch"];
+const TABLE_NAMES = ["Table", "TableBody", "TableCaption", "TableCell", "TableFooter", "TableHead", "TableHeader", "TableRow"];
+const TABS_NAMES = ["Tabs", "TabsContent", "TabsList", "TabsTrigger"];
+const TEXTAREA_NAMES = ["Textarea"];
+const TOAST_NAMES = ["Toaster"];
+const TOGGLE_NAMES = ["Toggle"];
+const TOGGLE_GROUP_NAMES = ["ToggleGroup", "ToggleGroupItem"];
+const TOOLTIP_NAMES = ["Tooltip", "TooltipArrow", "TooltipContent", "TooltipPortal", "TooltipProvider", "TooltipTrigger"];
+const CHART_NAMES = [
+  "Chart",
+  "ChartArea",
+  "ChartBar",
+  "ChartLegend",
+  "ChartLegendContent",
+  "ChartLine",
+  "ChartPie",
+  "ChartStyle",
+  "ChartTooltip",
+  "ChartTooltipContent",
+  "ChartXAxis",
+  "ChartYAxis"
+];
+const RECHARTS_NAMES = [
+  "AreaChart",
+  "BarChart",
+  "CartesianGrid",
+  "Cell",
+  "LabelList",
+  "LineChart",
+  "Pie",
+  "PieChart"
+];
+const REACT_NAMES = [
+  ...ACCORDION_NAMES,
+  ...ALERT_NAMES,
+  ...AVATAR_NAMES,
+  ...BADGE_NAMES,
+  ...BREADCRUMB_NAMES,
+  ...BUTTON_NAMES,
+  ...BUTTON_GROUP_NAMES,
+  ...CARD_NAMES,
+  ...CHECKBOX_NAMES,
+  ...DIVIDER_NAMES,
+  ...DRAWER_NAMES,
+  ...DROPDOWN_NAMES,
+  ...FIELD_NAMES,
+  ...ICON_BUTTON_NAMES,
+  ...INPUT_NAMES,
+  ...METRIC_CARD_NAMES,
+  ...MODAL_NAMES,
+  ...ALERT_MODAL_NAMES,
+  ...NAVIGATION_MENU_NAMES,
+  ...PAGINATION_NAMES,
+  ...POPOVER_NAMES,
+  ...PROGRESS_NAMES,
+  ...RADIO_GROUP_NAMES,
+  ...SEGMENTED_NAMES,
+  ...SELECT_NAMES,
+  ...SKELETON_NAMES,
+  ...SLIDER_NAMES,
+  ...SPINNER_NAMES,
+  ...SWITCH_NAMES,
+  ...TABLE_NAMES,
+  ...TABS_NAMES,
+  ...TEXTAREA_NAMES,
+  ...TOAST_NAMES,
+  ...TOGGLE_NAMES,
+  ...TOGGLE_GROUP_NAMES,
+  ...TOOLTIP_NAMES
+];
+function extractUsedNames(jsxBody, namePool) {
+  return namePool.filter((n) => new RegExp(`<${n}[\\s/>]`).test(jsxBody));
+}
+function buildImport(names, pkg, opts = {}) {
+  if (names.length === 0) return "";
+  const { multiline = true } = opts;
+  if (multiline && names.length > 3) {
+    return `import {
+  ${names.join(",\n  ")},
+} from '${pkg}'`;
+  }
+  return `import { ${names.join(", ")} } from '${pkg}'`;
+}
+function importUsed(jsxBody, namePool, pkg, opts = {}) {
+  return buildImport(extractUsedNames(jsxBody, namePool), pkg, opts);
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ACCORDION_NAMES,
+  ALERT_MODAL_NAMES,
+  ALERT_NAMES,
+  AVATAR_NAMES,
+  BADGE_NAMES,
+  BREADCRUMB_NAMES,
+  BUTTON_GROUP_NAMES,
+  BUTTON_NAMES,
+  CARD_NAMES,
+  CHART_NAMES,
+  CHECKBOX_NAMES,
+  DIVIDER_NAMES,
+  DRAWER_NAMES,
+  DROPDOWN_NAMES,
+  FIELD_NAMES,
+  ICON_BUTTON_NAMES,
+  INPUT_NAMES,
+  METRIC_CARD_NAMES,
+  MODAL_NAMES,
+  NAVIGATION_MENU_NAMES,
+  PAGINATION_NAMES,
+  POPOVER_NAMES,
+  PROGRESS_NAMES,
+  RADIO_GROUP_NAMES,
+  REACT_NAMES,
+  RECHARTS_NAMES,
+  SEGMENTED_NAMES,
+  SELECT_NAMES,
+  SKELETON_NAMES,
+  SLIDER_NAMES,
+  SPINNER_NAMES,
+  SWITCH_NAMES,
+  TABLE_NAMES,
+  TABS_NAMES,
+  TEXTAREA_NAMES,
+  TOAST_NAMES,
+  TOGGLE_GROUP_NAMES,
+  TOGGLE_NAMES,
+  TOOLTIP_NAMES,
+  buildImport,
+  extractUsedNames,
+  importUsed
+});
+//# sourceMappingURL=code-generator.js.map

package/dist/lib/code-generator.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/lib/code-generator.ts"],"sourcesContent":["// Derive `import { ... }` from JSX body so generated code structurally\n// mirrors actual rendered JSX. Prevents over-import and under-import bugs.\n//\n// Contract: extractUsedNames(jsxBody, pool) returns names from `pool` that\n// appear as JSX tags (`<Name>` / `<Name ` / `<Name/>`) in `jsxBody`. The\n// regex boundary `<${name}[\\s/>]` prevents prefix collision — `<Card>` does\n// not match `CardHeader`, and `<CardHeader>` does not match `Card`.\n\n// ---- Component name pools (source of truth: src/components/ui/index.ts) ----\n\nexport const ACCORDION_NAMES = ['Accordion', 'AccordionContent', 'AccordionItem', 'AccordionTrigger'] as const\nexport const ALERT_NAMES = ['Alert', 'AlertDescription', 'AlertTitle'] as const\nexport const AVATAR_NAMES = ['Avatar', 'AvatarFallback', 'AvatarGroup', 'AvatarImage'] as const\nexport const BADGE_NAMES = ['Badge'] as const\nexport const BREADCRUMB_NAMES = ['Breadcrumb', 'BreadcrumbEllipsis', 'BreadcrumbItem', 'BreadcrumbLink', 'BreadcrumbList', 'BreadcrumbPage', 'BreadcrumbSeparator'] as const\nexport const BUTTON_NAMES = ['Button'] as const\nexport const BUTTON_GROUP_NAMES = ['ButtonGroup'] as const\nexport const CARD_NAMES = ['Card', 'CardAction', 'CardContent', 'CardDescription', 'CardFooter', 'CardHeader', 'CardImage', 'CardTitle'] as const\nexport const CHECKBOX_NAMES = ['Checkbox'] as const\nexport const DIVIDER_NAMES = ['Divider'] as const\nexport const DRAWER_NAMES = ['Drawer', 'DrawerBody', 'DrawerClose', 'DrawerContent', 'DrawerDescription', 'DrawerFooter', 'DrawerHeader', 'DrawerOverlay', 'DrawerPortal', 'DrawerTitle', 'DrawerTrigger'] as const\nexport const DROPDOWN_NAMES = ['DropdownMenu', 'DropdownMenuCheckboxItem', 'DropdownMenuContent', 'DropdownMenuGroup', 'DropdownMenuItem', 'DropdownMenuLabel', 'DropdownMenuRadioGroup', 'DropdownMenuRadioItem', 'DropdownMenuSeparator', 'DropdownMenuShortcut', 'DropdownMenuSub', 'DropdownMenuSubContent', 'DropdownMenuSubTrigger', 'DropdownMenuTrigger'] as const\nexport const FIELD_NAMES = ['Field', 'FieldCharCount', 'FieldError', 'FieldLabel'] as const\nexport const ICON_BUTTON_NAMES = ['IconButton'] as const\nexport const INPUT_NAMES = ['Input'] as const\nexport const METRIC_CARD_NAMES = ['MetricCard', 'MetricCardDescription', 'MetricCardHeader', 'MetricCardSymbol', 'MetricCardTitle', 'MetricCardTrend', 'MetricCardValue'] as const\nexport const MODAL_NAMES = ['Modal', 'ModalBody', 'ModalClose', 'ModalContent', 'ModalDescription', 'ModalFooter', 'ModalHeader', 'ModalOverlay', 'ModalPortal', 'ModalTitle', 'ModalTrigger'] as const\nexport const ALERT_MODAL_NAMES = ['AlertModal', 'AlertModalAction', 'AlertModalBody', 'AlertModalCancel', 'AlertModalContent', 'AlertModalDescription', 'AlertModalFooter', 'AlertModalHeader', 'AlertModalOverlay', 'AlertModalPortal', 'AlertModalTitle', 'AlertModalTrigger'] as const\nexport const NAVIGATION_MENU_NAMES = ['NavigationMenu', 'NavigationMenuContent', 'NavigationMenuGroup', 'NavigationMenuIndicator', 'NavigationMenuItem', 'NavigationMenuLink', 'NavigationMenuList', 'NavigationMenuTrigger', 'NavigationMenuViewport'] as const\nexport const PAGINATION_NAMES = ['Pagination', 'PaginationContent', 'PaginationEllipsis', 'PaginationFirst', 'PaginationItem', 'PaginationItems', 'PaginationLast', 'PaginationLink', 'PaginationNext', 'PaginationPrevious'] as const\nexport const POPOVER_NAMES = ['Popover', 'PopoverAnchor', 'PopoverArrow', 'PopoverClose', 'PopoverContent', 'PopoverPortal', 'PopoverTrigger'] as const\nexport const PROGRESS_NAMES = ['Progress'] as const\nexport const RADIO_GROUP_NAMES = ['RadioGroup', 'RadioGroupItem'] as const\nexport const SEGMENTED_NAMES = ['Segmented', 'SegmentedItem'] as const\nexport const SELECT_NAMES = ['Select', 'SelectContent', 'SelectGroup', 'SelectItem', 'SelectLabel', 'SelectSeparator', 'SelectTrigger', 'SelectValue'] as const\nexport const SKELETON_NAMES = ['Skeleton'] as const\nexport const SLIDER_NAMES = ['Slider'] as const\nexport const SPINNER_NAMES = ['Spinner'] as const\nexport const SWITCH_NAMES = ['Switch'] as const\nexport const TABLE_NAMES = ['Table', 'TableBody', 'TableCaption', 'TableCell', 'TableFooter', 'TableHead', 'TableHeader', 'TableRow'] as const\nexport const TABS_NAMES = ['Tabs', 'TabsContent', 'TabsList', 'TabsTrigger'] as const\nexport const TEXTAREA_NAMES = ['Textarea'] as const\nexport const TOAST_NAMES = ['Toaster'] as const\nexport const TOGGLE_NAMES = ['Toggle'] as const\nexport const TOGGLE_GROUP_NAMES = ['ToggleGroup', 'ToggleGroupItem'] as const\nexport const TOOLTIP_NAMES = ['Tooltip', 'TooltipArrow', 'TooltipContent', 'TooltipPortal', 'TooltipProvider', 'TooltipTrigger'] as const\n\n// Chart exports from `@karakuri-ui/react/chart` subpath. Charts ship behind\n// an opt-in subpath because `recharts` is a heavy optional peer dep.\nexport const CHART_NAMES = [\n  'Chart',\n  'ChartArea',\n  'ChartBar',\n  'ChartLegend',\n  'ChartLegendContent',\n  'ChartLine',\n  'ChartPie',\n  'ChartStyle',\n  'ChartTooltip',\n  'ChartTooltipContent',\n  'ChartXAxis',\n  'ChartYAxis',\n] as const\n\n// Recharts primitives used inside chart demos (`recharts` peer dep).\nexport const RECHARTS_NAMES = [\n  'AreaChart',\n  'BarChart',\n  'CartesianGrid',\n  'Cell',\n  'LabelList',\n  'LineChart',\n  'Pie',\n  'PieChart',\n] as const\n\n// Flat pool of every `@karakuri-ui/react` JSX component. Used when a page\n// mixes several compounds + atoms (e.g. Card page also renders Button,\n// IconButton, DropdownMenu).\nexport const REACT_NAMES = [\n  ...ACCORDION_NAMES,\n  ...ALERT_NAMES,\n  ...AVATAR_NAMES,\n  ...BADGE_NAMES,\n  ...BREADCRUMB_NAMES,\n  ...BUTTON_NAMES,\n  ...BUTTON_GROUP_NAMES,\n  ...CARD_NAMES,\n  ...CHECKBOX_NAMES,\n  ...DIVIDER_NAMES,\n  ...DRAWER_NAMES,\n  ...DROPDOWN_NAMES,\n  ...FIELD_NAMES,\n  ...ICON_BUTTON_NAMES,\n  ...INPUT_NAMES,\n  ...METRIC_CARD_NAMES,\n  ...MODAL_NAMES,\n  ...ALERT_MODAL_NAMES,\n  ...NAVIGATION_MENU_NAMES,\n  ...PAGINATION_NAMES,\n  ...POPOVER_NAMES,\n  ...PROGRESS_NAMES,\n  ...RADIO_GROUP_NAMES,\n  ...SEGMENTED_NAMES,\n  ...SELECT_NAMES,\n  ...SKELETON_NAMES,\n  ...SLIDER_NAMES,\n  ...SPINNER_NAMES,\n  ...SWITCH_NAMES,\n  ...TABLE_NAMES,\n  ...TABS_NAMES,\n  ...TEXTAREA_NAMES,\n  ...TOAST_NAMES,\n  ...TOGGLE_NAMES,\n  ...TOGGLE_GROUP_NAMES,\n  ...TOOLTIP_NAMES,\n] as const\n\n// ---- Helpers ----\n\nexport function extractUsedNames(jsxBody: string, namePool: readonly string[]): string[] {\n  // Prefix-collision-safe: char after name must be whitespace, `/`, or `>`\n  return namePool.filter((n) => new RegExp(`<${n}[\\\\s/>]`).test(jsxBody))\n}\n\nexport interface BuildImportOptions {\n  /** Break into multi-line `import { ... }` when >3 names (default: true). */\n  multiline?: boolean\n}\n\nexport function buildImport(\n  names: string[],\n  pkg: string,\n  opts: BuildImportOptions = {},\n): string {\n  if (names.length === 0) return ''\n  const { multiline = true } = opts\n  if (multiline && names.length > 3) {\n    return `import {\\n  ${names.join(',\\n  ')},\\n} from '${pkg}'`\n  }\n  return `import { ${names.join(', ')} } from '${pkg}'`\n}\n\n/**\n * Derive a single `import { ... } from pkg` from the JSX body.\n *\n * Usage — one per branch inside generateCode:\n * ```ts\n * const jsxBody = `<Card><CardHeader>...</CardHeader></Card>`\n * return `${importUsed(jsxBody, CARD_NAMES, pkg)}\\n\\n${jsxBody}`\n * ```\n *\n * **Never union pools across branches** — each branch's jsxBody must feed\n * its own import derivation to guarantee structural 1:1.\n */\nexport function importUsed(\n  jsxBody: string,\n  namePool: readonly string[],\n  pkg: string,\n  opts: BuildImportOptions = {},\n): string {\n  return buildImport(extractUsedNames(jsxBody, namePool), pkg, opts)\n}\n"],"mappings":"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","names":[]}

package/dist/lib/code-generator.mjs

@@ -0,0 +1,159 @@
+const ACCORDION_NAMES = ["Accordion", "AccordionContent", "AccordionItem", "AccordionTrigger"];
+const ALERT_NAMES = ["Alert", "AlertDescription", "AlertTitle"];
+const AVATAR_NAMES = ["Avatar", "AvatarFallback", "AvatarGroup", "AvatarImage"];
+const BADGE_NAMES = ["Badge"];
+const BREADCRUMB_NAMES = ["Breadcrumb", "BreadcrumbEllipsis", "BreadcrumbItem", "BreadcrumbLink", "BreadcrumbList", "BreadcrumbPage", "BreadcrumbSeparator"];
+const BUTTON_NAMES = ["Button"];
+const BUTTON_GROUP_NAMES = ["ButtonGroup"];
+const CARD_NAMES = ["Card", "CardAction", "CardContent", "CardDescription", "CardFooter", "CardHeader", "CardImage", "CardTitle"];
+const CHECKBOX_NAMES = ["Checkbox"];
+const DIVIDER_NAMES = ["Divider"];
+const DRAWER_NAMES = ["Drawer", "DrawerBody", "DrawerClose", "DrawerContent", "DrawerDescription", "DrawerFooter", "DrawerHeader", "DrawerOverlay", "DrawerPortal", "DrawerTitle", "DrawerTrigger"];
+const DROPDOWN_NAMES = ["DropdownMenu", "DropdownMenuCheckboxItem", "DropdownMenuContent", "DropdownMenuGroup", "DropdownMenuItem", "DropdownMenuLabel", "DropdownMenuRadioGroup", "DropdownMenuRadioItem", "DropdownMenuSeparator", "DropdownMenuShortcut", "DropdownMenuSub", "DropdownMenuSubContent", "DropdownMenuSubTrigger", "DropdownMenuTrigger"];
+const FIELD_NAMES = ["Field", "FieldCharCount", "FieldError", "FieldLabel"];
+const ICON_BUTTON_NAMES = ["IconButton"];
+const INPUT_NAMES = ["Input"];
+const METRIC_CARD_NAMES = ["MetricCard", "MetricCardDescription", "MetricCardHeader", "MetricCardSymbol", "MetricCardTitle", "MetricCardTrend", "MetricCardValue"];
+const MODAL_NAMES = ["Modal", "ModalBody", "ModalClose", "ModalContent", "ModalDescription", "ModalFooter", "ModalHeader", "ModalOverlay", "ModalPortal", "ModalTitle", "ModalTrigger"];
+const ALERT_MODAL_NAMES = ["AlertModal", "AlertModalAction", "AlertModalBody", "AlertModalCancel", "AlertModalContent", "AlertModalDescription", "AlertModalFooter", "AlertModalHeader", "AlertModalOverlay", "AlertModalPortal", "AlertModalTitle", "AlertModalTrigger"];
+const NAVIGATION_MENU_NAMES = ["NavigationMenu", "NavigationMenuContent", "NavigationMenuGroup", "NavigationMenuIndicator", "NavigationMenuItem", "NavigationMenuLink", "NavigationMenuList", "NavigationMenuTrigger", "NavigationMenuViewport"];
+const PAGINATION_NAMES = ["Pagination", "PaginationContent", "PaginationEllipsis", "PaginationFirst", "PaginationItem", "PaginationItems", "PaginationLast", "PaginationLink", "PaginationNext", "PaginationPrevious"];
+const POPOVER_NAMES = ["Popover", "PopoverAnchor", "PopoverArrow", "PopoverClose", "PopoverContent", "PopoverPortal", "PopoverTrigger"];
+const PROGRESS_NAMES = ["Progress"];
+const RADIO_GROUP_NAMES = ["RadioGroup", "RadioGroupItem"];
+const SEGMENTED_NAMES = ["Segmented", "SegmentedItem"];
+const SELECT_NAMES = ["Select", "SelectContent", "SelectGroup", "SelectItem", "SelectLabel", "SelectSeparator", "SelectTrigger", "SelectValue"];
+const SKELETON_NAMES = ["Skeleton"];
+const SLIDER_NAMES = ["Slider"];
+const SPINNER_NAMES = ["Spinner"];
+const SWITCH_NAMES = ["Switch"];
+const TABLE_NAMES = ["Table", "TableBody", "TableCaption", "TableCell", "TableFooter", "TableHead", "TableHeader", "TableRow"];
+const TABS_NAMES = ["Tabs", "TabsContent", "TabsList", "TabsTrigger"];
+const TEXTAREA_NAMES = ["Textarea"];
+const TOAST_NAMES = ["Toaster"];
+const TOGGLE_NAMES = ["Toggle"];
+const TOGGLE_GROUP_NAMES = ["ToggleGroup", "ToggleGroupItem"];
+const TOOLTIP_NAMES = ["Tooltip", "TooltipArrow", "TooltipContent", "TooltipPortal", "TooltipProvider", "TooltipTrigger"];
+const CHART_NAMES = [
+  "Chart",
+  "ChartArea",
+  "ChartBar",
+  "ChartLegend",
+  "ChartLegendContent",
+  "ChartLine",
+  "ChartPie",
+  "ChartStyle",
+  "ChartTooltip",
+  "ChartTooltipContent",
+  "ChartXAxis",
+  "ChartYAxis"
+];
+const RECHARTS_NAMES = [
+  "AreaChart",
+  "BarChart",
+  "CartesianGrid",
+  "Cell",
+  "LabelList",
+  "LineChart",
+  "Pie",
+  "PieChart"
+];
+const REACT_NAMES = [
+  ...ACCORDION_NAMES,
+  ...ALERT_NAMES,
+  ...AVATAR_NAMES,
+  ...BADGE_NAMES,
+  ...BREADCRUMB_NAMES,
+  ...BUTTON_NAMES,
+  ...BUTTON_GROUP_NAMES,
+  ...CARD_NAMES,
+  ...CHECKBOX_NAMES,
+  ...DIVIDER_NAMES,
+  ...DRAWER_NAMES,
+  ...DROPDOWN_NAMES,
+  ...FIELD_NAMES,
+  ...ICON_BUTTON_NAMES,
+  ...INPUT_NAMES,
+  ...METRIC_CARD_NAMES,
+  ...MODAL_NAMES,
+  ...ALERT_MODAL_NAMES,
+  ...NAVIGATION_MENU_NAMES,
+  ...PAGINATION_NAMES,
+  ...POPOVER_NAMES,
+  ...PROGRESS_NAMES,
+  ...RADIO_GROUP_NAMES,
+  ...SEGMENTED_NAMES,
+  ...SELECT_NAMES,
+  ...SKELETON_NAMES,
+  ...SLIDER_NAMES,
+  ...SPINNER_NAMES,
+  ...SWITCH_NAMES,
+  ...TABLE_NAMES,
+  ...TABS_NAMES,
+  ...TEXTAREA_NAMES,
+  ...TOAST_NAMES,
+  ...TOGGLE_NAMES,
+  ...TOGGLE_GROUP_NAMES,
+  ...TOOLTIP_NAMES
+];
+function extractUsedNames(jsxBody, namePool) {
+  return namePool.filter((n) => new RegExp(`<${n}[\\s/>]`).test(jsxBody));
+}
+function buildImport(names, pkg, opts = {}) {
+  if (names.length === 0) return "";
+  const { multiline = true } = opts;
+  if (multiline && names.length > 3) {
+    return `import {
+  ${names.join(",\n  ")},
+} from '${pkg}'`;
+  }
+  return `import { ${names.join(", ")} } from '${pkg}'`;
+}
+function importUsed(jsxBody, namePool, pkg, opts = {}) {
+  return buildImport(extractUsedNames(jsxBody, namePool), pkg, opts);
+}
+export {
+  ACCORDION_NAMES,
+  ALERT_MODAL_NAMES,
+  ALERT_NAMES,
+  AVATAR_NAMES,
+  BADGE_NAMES,
+  BREADCRUMB_NAMES,
+  BUTTON_GROUP_NAMES,
+  BUTTON_NAMES,
+  CARD_NAMES,
+  CHART_NAMES,
+  CHECKBOX_NAMES,
+  DIVIDER_NAMES,
+  DRAWER_NAMES,
+  DROPDOWN_NAMES,
+  FIELD_NAMES,
+  ICON_BUTTON_NAMES,
+  INPUT_NAMES,
+  METRIC_CARD_NAMES,
+  MODAL_NAMES,
+  NAVIGATION_MENU_NAMES,
+  PAGINATION_NAMES,
+  POPOVER_NAMES,
+  PROGRESS_NAMES,
+  RADIO_GROUP_NAMES,
+  REACT_NAMES,
+  RECHARTS_NAMES,
+  SEGMENTED_NAMES,
+  SELECT_NAMES,
+  SKELETON_NAMES,
+  SLIDER_NAMES,
+  SPINNER_NAMES,
+  SWITCH_NAMES,
+  TABLE_NAMES,
+  TABS_NAMES,
+  TEXTAREA_NAMES,
+  TOAST_NAMES,
+  TOGGLE_GROUP_NAMES,
+  TOGGLE_NAMES,
+  TOOLTIP_NAMES,
+  buildImport,
+  extractUsedNames,
+  importUsed
+};
+//# sourceMappingURL=code-generator.mjs.map

package/dist/lib/code-generator.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/lib/code-generator.ts"],"sourcesContent":["// Derive `import { ... }` from JSX body so generated code structurally\n// mirrors actual rendered JSX. Prevents over-import and under-import bugs.\n//\n// Contract: extractUsedNames(jsxBody, pool) returns names from `pool` that\n// appear as JSX tags (`<Name>` / `<Name ` / `<Name/>`) in `jsxBody`. The\n// regex boundary `<${name}[\\s/>]` prevents prefix collision — `<Card>` does\n// not match `CardHeader`, and `<CardHeader>` does not match `Card`.\n\n// ---- Component name pools (source of truth: src/components/ui/index.ts) ----\n\nexport const ACCORDION_NAMES = ['Accordion', 'AccordionContent', 'AccordionItem', 'AccordionTrigger'] as const\nexport const ALERT_NAMES = ['Alert', 'AlertDescription', 'AlertTitle'] as const\nexport const AVATAR_NAMES = ['Avatar', 'AvatarFallback', 'AvatarGroup', 'AvatarImage'] as const\nexport const BADGE_NAMES = ['Badge'] as const\nexport const BREADCRUMB_NAMES = ['Breadcrumb', 'BreadcrumbEllipsis', 'BreadcrumbItem', 'BreadcrumbLink', 'BreadcrumbList', 'BreadcrumbPage', 'BreadcrumbSeparator'] as const\nexport const BUTTON_NAMES = ['Button'] as const\nexport const BUTTON_GROUP_NAMES = ['ButtonGroup'] as const\nexport const CARD_NAMES = ['Card', 'CardAction', 'CardContent', 'CardDescription', 'CardFooter', 'CardHeader', 'CardImage', 'CardTitle'] as const\nexport const CHECKBOX_NAMES = ['Checkbox'] as const\nexport const DIVIDER_NAMES = ['Divider'] as const\nexport const DRAWER_NAMES = ['Drawer', 'DrawerBody', 'DrawerClose', 'DrawerContent', 'DrawerDescription', 'DrawerFooter', 'DrawerHeader', 'DrawerOverlay', 'DrawerPortal', 'DrawerTitle', 'DrawerTrigger'] as const\nexport const DROPDOWN_NAMES = ['DropdownMenu', 'DropdownMenuCheckboxItem', 'DropdownMenuContent', 'DropdownMenuGroup', 'DropdownMenuItem', 'DropdownMenuLabel', 'DropdownMenuRadioGroup', 'DropdownMenuRadioItem', 'DropdownMenuSeparator', 'DropdownMenuShortcut', 'DropdownMenuSub', 'DropdownMenuSubContent', 'DropdownMenuSubTrigger', 'DropdownMenuTrigger'] as const\nexport const FIELD_NAMES = ['Field', 'FieldCharCount', 'FieldError', 'FieldLabel'] as const\nexport const ICON_BUTTON_NAMES = ['IconButton'] as const\nexport const INPUT_NAMES = ['Input'] as const\nexport const METRIC_CARD_NAMES = ['MetricCard', 'MetricCardDescription', 'MetricCardHeader', 'MetricCardSymbol', 'MetricCardTitle', 'MetricCardTrend', 'MetricCardValue'] as const\nexport const MODAL_NAMES = ['Modal', 'ModalBody', 'ModalClose', 'ModalContent', 'ModalDescription', 'ModalFooter', 'ModalHeader', 'ModalOverlay', 'ModalPortal', 'ModalTitle', 'ModalTrigger'] as const\nexport const ALERT_MODAL_NAMES = ['AlertModal', 'AlertModalAction', 'AlertModalBody', 'AlertModalCancel', 'AlertModalContent', 'AlertModalDescription', 'AlertModalFooter', 'AlertModalHeader', 'AlertModalOverlay', 'AlertModalPortal', 'AlertModalTitle', 'AlertModalTrigger'] as const\nexport const NAVIGATION_MENU_NAMES = ['NavigationMenu', 'NavigationMenuContent', 'NavigationMenuGroup', 'NavigationMenuIndicator', 'NavigationMenuItem', 'NavigationMenuLink', 'NavigationMenuList', 'NavigationMenuTrigger', 'NavigationMenuViewport'] as const\nexport const PAGINATION_NAMES = ['Pagination', 'PaginationContent', 'PaginationEllipsis', 'PaginationFirst', 'PaginationItem', 'PaginationItems', 'PaginationLast', 'PaginationLink', 'PaginationNext', 'PaginationPrevious'] as const\nexport const POPOVER_NAMES = ['Popover', 'PopoverAnchor', 'PopoverArrow', 'PopoverClose', 'PopoverContent', 'PopoverPortal', 'PopoverTrigger'] as const\nexport const PROGRESS_NAMES = ['Progress'] as const\nexport const RADIO_GROUP_NAMES = ['RadioGroup', 'RadioGroupItem'] as const\nexport const SEGMENTED_NAMES = ['Segmented', 'SegmentedItem'] as const\nexport const SELECT_NAMES = ['Select', 'SelectContent', 'SelectGroup', 'SelectItem', 'SelectLabel', 'SelectSeparator', 'SelectTrigger', 'SelectValue'] as const\nexport const SKELETON_NAMES = ['Skeleton'] as const\nexport const SLIDER_NAMES = ['Slider'] as const\nexport const SPINNER_NAMES = ['Spinner'] as const\nexport const SWITCH_NAMES = ['Switch'] as const\nexport const TABLE_NAMES = ['Table', 'TableBody', 'TableCaption', 'TableCell', 'TableFooter', 'TableHead', 'TableHeader', 'TableRow'] as const\nexport const TABS_NAMES = ['Tabs', 'TabsContent', 'TabsList', 'TabsTrigger'] as const\nexport const TEXTAREA_NAMES = ['Textarea'] as const\nexport const TOAST_NAMES = ['Toaster'] as const\nexport const TOGGLE_NAMES = ['Toggle'] as const\nexport const TOGGLE_GROUP_NAMES = ['ToggleGroup', 'ToggleGroupItem'] as const\nexport const TOOLTIP_NAMES = ['Tooltip', 'TooltipArrow', 'TooltipContent', 'TooltipPortal', 'TooltipProvider', 'TooltipTrigger'] as const\n\n// Chart exports from `@karakuri-ui/react/chart` subpath. Charts ship behind\n// an opt-in subpath because `recharts` is a heavy optional peer dep.\nexport const CHART_NAMES = [\n  'Chart',\n  'ChartArea',\n  'ChartBar',\n  'ChartLegend',\n  'ChartLegendContent',\n  'ChartLine',\n  'ChartPie',\n  'ChartStyle',\n  'ChartTooltip',\n  'ChartTooltipContent',\n  'ChartXAxis',\n  'ChartYAxis',\n] as const\n\n// Recharts primitives used inside chart demos (`recharts` peer dep).\nexport const RECHARTS_NAMES = [\n  'AreaChart',\n  'BarChart',\n  'CartesianGrid',\n  'Cell',\n  'LabelList',\n  'LineChart',\n  'Pie',\n  'PieChart',\n] as const\n\n// Flat pool of every `@karakuri-ui/react` JSX component. Used when a page\n// mixes several compounds + atoms (e.g. Card page also renders Button,\n// IconButton, DropdownMenu).\nexport const REACT_NAMES = [\n  ...ACCORDION_NAMES,\n  ...ALERT_NAMES,\n  ...AVATAR_NAMES,\n  ...BADGE_NAMES,\n  ...BREADCRUMB_NAMES,\n  ...BUTTON_NAMES,\n  ...BUTTON_GROUP_NAMES,\n  ...CARD_NAMES,\n  ...CHECKBOX_NAMES,\n  ...DIVIDER_NAMES,\n  ...DRAWER_NAMES,\n  ...DROPDOWN_NAMES,\n  ...FIELD_NAMES,\n  ...ICON_BUTTON_NAMES,\n  ...INPUT_NAMES,\n  ...METRIC_CARD_NAMES,\n  ...MODAL_NAMES,\n  ...ALERT_MODAL_NAMES,\n  ...NAVIGATION_MENU_NAMES,\n  ...PAGINATION_NAMES,\n  ...POPOVER_NAMES,\n  ...PROGRESS_NAMES,\n  ...RADIO_GROUP_NAMES,\n  ...SEGMENTED_NAMES,\n  ...SELECT_NAMES,\n  ...SKELETON_NAMES,\n  ...SLIDER_NAMES,\n  ...SPINNER_NAMES,\n  ...SWITCH_NAMES,\n  ...TABLE_NAMES,\n  ...TABS_NAMES,\n  ...TEXTAREA_NAMES,\n  ...TOAST_NAMES,\n  ...TOGGLE_NAMES,\n  ...TOGGLE_GROUP_NAMES,\n  ...TOOLTIP_NAMES,\n] as const\n\n// ---- Helpers ----\n\nexport function extractUsedNames(jsxBody: string, namePool: readonly string[]): string[] {\n  // Prefix-collision-safe: char after name must be whitespace, `/`, or `>`\n  return namePool.filter((n) => new RegExp(`<${n}[\\\\s/>]`).test(jsxBody))\n}\n\nexport interface BuildImportOptions {\n  /** Break into multi-line `import { ... }` when >3 names (default: true). */\n  multiline?: boolean\n}\n\nexport function buildImport(\n  names: string[],\n  pkg: string,\n  opts: BuildImportOptions = {},\n): string {\n  if (names.length === 0) return ''\n  const { multiline = true } = opts\n  if (multiline && names.length > 3) {\n    return `import {\\n  ${names.join(',\\n  ')},\\n} from '${pkg}'`\n  }\n  return `import { ${names.join(', ')} } from '${pkg}'`\n}\n\n/**\n * Derive a single `import { ... } from pkg` from the JSX body.\n *\n * Usage — one per branch inside generateCode:\n * ```ts\n * const jsxBody = `<Card><CardHeader>...</CardHeader></Card>`\n * return `${importUsed(jsxBody, CARD_NAMES, pkg)}\\n\\n${jsxBody}`\n * ```\n *\n * **Never union pools across branches** — each branch's jsxBody must feed\n * its own import derivation to guarantee structural 1:1.\n */\nexport function importUsed(\n  jsxBody: string,\n  namePool: readonly string[],\n  pkg: string,\n  opts: BuildImportOptions = {},\n): string {\n  return buildImport(extractUsedNames(jsxBody, namePool), pkg, opts)\n}\n"],"mappings":"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","names":[]}

package/dist/lib/utils.d.mts

@@ -0,0 +1,10 @@
+import { ClassValue } from 'clsx';
+
+/**
+ * Combines class names with Tailwind CSS class merging
+ * @param inputs - Class values to combine
+ * @returns Merged class string
+ */
+declare function cn(...inputs: ClassValue[]): string;
+
+export { cn };

package/dist/lib/utils.d.ts

@@ -0,0 +1,10 @@
+import { ClassValue } from 'clsx';
+
+/**
+ * Combines class names with Tailwind CSS class merging
+ * @param inputs - Class values to combine
+ * @returns Merged class string
+ */
+declare function cn(...inputs: ClassValue[]): string;
+
+export { cn };

package/dist/lib/utils.js

@@ -0,0 +1,33 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var utils_exports = {};
+__export(utils_exports, {
+  cn: () => cn
+});
+module.exports = __toCommonJS(utils_exports);
+var import_clsx = require("clsx");
+var import_tailwind_merge = require("tailwind-merge");
+function cn(...inputs) {
+  return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  cn
+});
+//# sourceMappingURL=utils.js.map

package/dist/lib/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/lib/utils.ts"],"sourcesContent":["import { type ClassValue, clsx } from 'clsx'\nimport { twMerge } from 'tailwind-merge'\n\n/**\n * Combines class names with Tailwind CSS class merging\n * @param inputs - Class values to combine\n * @returns Merged class string\n */\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAsC;AACtC,4BAAwB;AAOjB,SAAS,MAAM,QAAsB;AAC1C,aAAO,mCAAQ,kBAAK,MAAM,CAAC;AAC7B;","names":[]}

package/dist/lib/utils.mjs

@@ -0,0 +1,9 @@
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+export {
+  cn
+};
+//# sourceMappingURL=utils.mjs.map

package/dist/lib/utils.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/lib/utils.ts"],"sourcesContent":["import { type ClassValue, clsx } from 'clsx'\nimport { twMerge } from 'tailwind-merge'\n\n/**\n * Combines class names with Tailwind CSS class merging\n * @param inputs - Class values to combine\n * @returns Merged class string\n */\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n"],"mappings":"AAAA,SAA0B,YAAY;AACtC,SAAS,eAAe;AAOjB,SAAS,MAAM,QAAsB;AAC1C,SAAO,QAAQ,KAAK,MAAM,CAAC;AAC7B;","names":[]}

package/package.json

@@ -1,29 +1,29 @@
 {
   "name": "@karakuri-ui/react",
-  "version": "0.2.3",
+  "version": "0.3.0",
   "private": false,
   "sideEffects": [
     "*.css"
   ],
   "description": "Enterprise React component library with design token system",
-  "main": "./dist/index.js",
-  "module": "./dist/index.mjs",
-  "types": "./dist/index.d.ts",
+  "main": "./dist/components/ui/index.js",
+  "module": "./dist/components/ui/index.mjs",
+  "types": "./dist/components/ui/index.d.ts",
   "exports": {
     ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/index.mjs",
-      "require": "./dist/index.js"
+      "types": "./dist/components/ui/index.d.ts",
+      "import": "./dist/components/ui/index.mjs",
+      "require": "./dist/components/ui/index.js"
     },
     "./chart": {
-      "types": "./dist/chart.d.ts",
-      "import": "./dist/chart.mjs",
-      "require": "./dist/chart.js"
+      "types": "./dist/components/ui/chart.d.ts",
+      "import": "./dist/components/ui/chart.mjs",
+      "require": "./dist/components/ui/chart.js"
     }
   },
   "typesVersions": {
     "*": {
-      "chart": ["./dist/chart.d.ts"]
+      "chart": ["./dist/components/ui/chart.d.ts"]
     }
   },
   "files": [