@godxjp/ui 0.2.0 → 2.1.0

package/dist/components/primitives.d.ts

@@ -0,0 +1,266 @@
+import { ClassValue } from 'clsx';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as react from 'react';
+import { ComponentProps, ReactNode, TextareaHTMLAttributes, HTMLAttributes } from 'react';
+import * as LabelPrimitive from '@radix-ui/react-label';
+import * as TabsPrimitive from '@radix-ui/react-tabs';
+import * as SeparatorPrimitive from '@radix-ui/react-separator';
+import * as PopoverPrimitive from '@radix-ui/react-popover';
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+import { DayPickerProps } from 'react-day-picker';
+
+declare function cn(...inputs: ClassValue[]): string;
+
+/**
+ * Badge — status pill with a colored dot + label.
+ *
+ * Renders the canonical `.badge` class from `@godxjp/ui/tokens` so the
+ * visual layer is mastered in CSS (not Tailwind utilities). All six
+ * variants map onto a semantic role from the brand bible:
+ *
+ * - `success`  — 若竹  task completed, healthy
+ * - `warning`  — 山吹  needs attention, not yet broken
+ * - `info`     — 群青  neutral state callout
+ * - `error`    — 茜    failed / blocked
+ * - `attention`— 朱    pending, awaiting input
+ * - `neutral`  — grey  default chrome
+ * - `outline`  — empty hairline only (rare)
+ *
+ * @example
+ *   <Badge variant="success" dot>Healthy</Badge>
+ *   <Badge variant="error">Failed</Badge>
+ */
+type BadgeVariant = "success" | "warning" | "info" | "error" | "attention" | "neutral" | "outline";
+interface BadgeProps extends ComponentProps<"span"> {
+    variant?: BadgeVariant;
+    /** When true renders a colored dot before the label. */
+    dot?: boolean;
+    children?: ReactNode;
+}
+declare function Badge({ variant, dot, className, children, ...rest }: BadgeProps): react_jsx_runtime.JSX.Element;
+
+/**
+ * Button — canonical action atom.
+ *
+ * Maps onto the `.btn` family in tokens.css:
+ *
+ *   primary   — filled, brand color, default action
+ *   secondary — bordered, foreground text, neutral surface
+ *   ghost     — transparent, foreground text, hover surface
+ *   danger    — destructive, --destructive bg
+ *
+ * Sizes mirror density tokens:
+ *   sm  — 28 px height (compact action bar)
+ *   md  — 32 px height (default)
+ *   lg  — 36 px height (page hero CTA)
+ *
+ * Supports `asChild` (Radix Slot pattern) so the button styles can wrap
+ * a Link or any other element without nesting:
+ *
+ * @example
+ *   <Button variant="primary">Save</Button>
+ *   <Button asChild variant="ghost"><a href="/docs">Docs</a></Button>
+ */
+type ButtonVariant = "primary" | "secondary" | "ghost" | "danger";
+type ButtonSize = "sm" | "md" | "lg";
+interface ButtonProps extends ComponentProps<"button"> {
+    variant?: ButtonVariant;
+    size?: ButtonSize;
+    asChild?: boolean;
+    children?: ReactNode;
+}
+declare function Button({ variant, size, asChild, className, type, children, ...rest }: ButtonProps): react_jsx_runtime.JSX.Element;
+
+/**
+ * Card — surface container for grouped content.
+ *
+ * The atom hierarchy mirrors the `.card`/`.card-header`/`.card-title`
+ * classes in tokens.css. Compose as:
+ *
+ *   <Card>
+ *     <CardHeader>
+ *       <CardTitle>Pull requests</CardTitle>
+ *       <CardSubtitle>Open / merged this week</CardSubtitle>
+ *     </CardHeader>
+ *     <CardContent>...</CardContent>
+ *   </Card>
+ */
+declare function Card({ className, ...rest }: ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function CardHeader({ className, ...rest }: ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function CardTitle({ className, ...rest }: ComponentProps<"h3">): react_jsx_runtime.JSX.Element;
+interface CardSubtitleProps extends ComponentProps<"p"> {
+    children?: ReactNode;
+}
+declare function CardSubtitle({ className, ...rest }: CardSubtitleProps): react_jsx_runtime.JSX.Element;
+declare function CardContent({ className, ...rest }: ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+
+/**
+ * Input — text input atom. Maps to `.input` in tokens.css.
+ *
+ * Forward-ref so consumers can wire `react-hook-form` / focus
+ * management without escaping the design tokens.
+ */
+interface InputProps extends ComponentProps<"input"> {
+}
+declare const Input: react.ForwardRefExoticComponent<Omit<InputProps, "ref"> & react.RefAttributes<HTMLInputElement>>;
+/** Textarea — uses `.input` for shape, leaves height auto. */
+interface TextareaProps extends TextareaHTMLAttributes<HTMLTextAreaElement> {
+}
+declare const Textarea: react.ForwardRefExoticComponent<TextareaProps & react.RefAttributes<HTMLTextAreaElement>>;
+
+/**
+ * Label — form-field label. Wraps Radix Label so `htmlFor` /
+ * click-to-focus works out of the box. Maps to `.label` in tokens.css.
+ *
+ * Pair with <Input /> + an optional `.help` paragraph:
+ *
+ *   <Label htmlFor="name">Display name</Label>
+ *   <Input id="name" />
+ *   <p className="help">Visible to teammates.</p>
+ */
+declare const Label: react.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & react.RefAttributes<HTMLLabelElement>, "ref"> & react.RefAttributes<HTMLLabelElement>>;
+
+/**
+ * Tabs — Radix-backed tab strip styled with the canonical `.tabs` /
+ * `.tab` CSS from tokens.css. Keyboard navigation + ARIA come from
+ * Radix; the visual contract stays in the design tokens.
+ *
+ * @example
+ *   <Tabs defaultValue="open">
+ *     <TabsList>
+ *       <TabsTrigger value="open">Open</TabsTrigger>
+ *       <TabsTrigger value="closed">Closed</TabsTrigger>
+ *     </TabsList>
+ *     <TabsContent value="open">...</TabsContent>
+ *     <TabsContent value="closed">...</TabsContent>
+ *   </Tabs>
+ */
+declare const Tabs: react.ForwardRefExoticComponent<TabsPrimitive.TabsProps & react.RefAttributes<HTMLDivElement>>;
+declare const TabsList: react.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsListProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+declare const TabsTrigger: react.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>>;
+declare const TabsContent: react.ForwardRefExoticComponent<TabsPrimitive.TabsContentProps & react.RefAttributes<HTMLDivElement>>;
+
+/**
+ * Avatar — round chip with initials or an image. Maps to `.avatar`
+ * + `.avatar.brand` in tokens.css.
+ *
+ * @example
+ *   <Avatar>PT</Avatar>
+ *   <Avatar variant="brand">G</Avatar>
+ */
+interface AvatarProps extends ComponentProps<"span"> {
+    variant?: "default" | "brand";
+    /** Optional image url; falls back to children (initials) when missing. */
+    src?: string;
+    alt?: string;
+}
+declare function Avatar({ variant, src, alt, className, children, ...rest }: AvatarProps): react_jsx_runtime.JSX.Element;
+
+/**
+ * Separator — horizontal / vertical divider. Wraps Radix Separator for
+ * ARIA + decorative semantics. Maps to `.divider` styling in tokens.css
+ * (1px border, theme-aware color).
+ */
+declare const Separator: react.ForwardRefExoticComponent<Omit<SeparatorPrimitive.SeparatorProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+
+/**
+ * Popover — Radix-backed floating panel anchored to a trigger element.
+ * Styled with the canonical `.popover-content` class from tokens.css
+ * so the visual contract stays in the design tokens.
+ *
+ * @example
+ *   <Popover>
+ *     <PopoverTrigger asChild>
+ *       <Button variant="ghost">Open</Button>
+ *     </PopoverTrigger>
+ *     <PopoverContent>…body…</PopoverContent>
+ *   </Popover>
+ */
+declare const Popover: react.FC<PopoverPrimitive.PopoverProps>;
+declare const PopoverTrigger: react.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & react.RefAttributes<HTMLButtonElement>>;
+declare const PopoverAnchor: react.ForwardRefExoticComponent<PopoverPrimitive.PopoverAnchorProps & react.RefAttributes<HTMLDivElement>>;
+declare const PopoverContent: react.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+
+/**
+ * DropdownMenu — Radix-backed action menu opened from a trigger
+ * (kebab, caret, button…). Styled via canonical `.dropdown-menu-*`
+ * classes from tokens.css.
+ *
+ * Items support `variant="destructive"` for dangerous actions and
+ * `inset` for left-padding alignment when icons aren't on every row.
+ *
+ * @example
+ *   <DropdownMenu>
+ *     <DropdownMenuTrigger asChild>
+ *       <Button variant="ghost"><MoreVertical /></Button>
+ *     </DropdownMenuTrigger>
+ *     <DropdownMenuContent align="end">
+ *       <DropdownMenuItem onSelect={onEdit}>Edit</DropdownMenuItem>
+ *       <DropdownMenuSeparator />
+ *       <DropdownMenuItem variant="destructive" onSelect={onDelete}>
+ *         Delete
+ *       </DropdownMenuItem>
+ *     </DropdownMenuContent>
+ *   </DropdownMenu>
+ */
+declare const DropdownMenu: react.FC<DropdownMenuPrimitive.DropdownMenuProps>;
+declare const DropdownMenuTrigger: react.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & react.RefAttributes<HTMLButtonElement>>;
+declare const DropdownMenuGroup: react.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuGroupProps & react.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuPortal: react.FC<DropdownMenuPrimitive.DropdownMenuPortalProps>;
+declare const DropdownMenuSub: react.FC<DropdownMenuPrimitive.DropdownMenuSubProps>;
+declare const DropdownMenuRadioGroup: react.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & react.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuContent: react.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuContentProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuItem: react.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuItemProps & react.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean;
+    variant?: "default" | "destructive";
+} & react.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuSeparator: react.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSeparatorProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuLabel: react.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuLabelProps & react.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean;
+} & react.RefAttributes<HTMLDivElement>>;
+declare function DropdownMenuShortcut({ className, ...rest }: HTMLAttributes<HTMLSpanElement>): react_jsx_runtime.JSX.Element;
+
+/**
+ * Calendar — react-day-picker grid themed with brand tokens via the
+ * canonical `.calendar` class from tokens.css. Caller controls
+ * mode/selected/onSelect through DayPicker's standard props.
+ *
+ * Locale + week-start are inherited from i18next / browser by default;
+ * pass DayPickerProps explicitly to override (e.g. `weekStartsOn={1}`
+ * for Monday-first).
+ *
+ * @example
+ *   const [date, setDate] = useState<Date>()
+ *   <Calendar mode="single" selected={date} onSelect={setDate} />
+ */
+declare function Calendar({ className, showOutsideDays, ...rest }: DayPickerProps): react_jsx_runtime.JSX.Element;
+
+interface TimeInputProps {
+    /** Current time value in `"HH:mm"` (24-hour) format. */
+    value?: string;
+    /** Fired on blur with the validated `"HH:mm"` string. */
+    onChange?: (time: string) => void;
+    /** Additional class name applied to the input element. */
+    className?: string;
+    /** Disable input + propagate aria-disabled. */
+    disabled?: boolean;
+    /** Optional placeholder (defaults to "HH:mm"). */
+    placeholder?: string;
+    /** Optional id used for label association. */
+    id?: string;
+    /** Optional name used in form submissions. */
+    name?: string;
+}
+/**
+ * TimeInput — narrow text input for HH:mm (24-hour) values.
+ * Mirrors the public `@godxjp/ui@0.2.0` API so call sites don't change
+ * when upgrading to v2. Visual contract lives in the `.time-input`
+ * class in tokens.css.
+ *
+ * Validation: emits `onChange` with the normalized string on blur if
+ * it parses, otherwise leaves the value untouched and surfaces
+ * `aria-invalid` so the consumer can style the error state.
+ */
+declare const TimeInput: react.ForwardRefExoticComponent<TimeInputProps & react.RefAttributes<HTMLInputElement>>;
+
+export { Avatar, type AvatarProps, Badge, type BadgeProps, type BadgeVariant, Button, type ButtonProps, type ButtonSize, type ButtonVariant, Calendar, Card, CardContent, CardHeader, CardSubtitle, type CardSubtitleProps, CardTitle, DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuTrigger, Input, type InputProps, Label, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Separator, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, type TextareaProps, TimeInput, type TimeInputProps, cn };

package/dist/components/primitives.js

@@ -0,0 +1,252 @@
+import { clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { Slot } from '@radix-ui/react-slot';
+import { forwardRef, useState, useEffect } from 'react';
+import * as LabelPrimitive from '@radix-ui/react-label';
+import * as TabsPrimitive from '@radix-ui/react-tabs';
+import * as SeparatorPrimitive from '@radix-ui/react-separator';
+import * as PopoverPrimitive from '@radix-ui/react-popover';
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+import { DayPicker } from 'react-day-picker';
+import 'react-day-picker/dist/style.css';
+
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+function Badge({
+  variant = "neutral",
+  dot = false,
+  className,
+  children,
+  ...rest
+}) {
+  return /* @__PURE__ */ jsxs("span", { className: cn("badge", `badge-${variant}`, className), ...rest, children: [
+    dot && /* @__PURE__ */ jsx("span", { className: "dot", "aria-hidden": true }),
+    children
+  ] });
+}
+function Button({
+  variant = "primary",
+  size = "md",
+  asChild = false,
+  className,
+  type = "button",
+  children,
+  ...rest
+}) {
+  const Component = asChild ? Slot : "button";
+  return /* @__PURE__ */ jsx(
+    Component,
+    {
+      type: asChild ? void 0 : type,
+      className: cn(
+        "btn",
+        `btn-${variant}`,
+        size === "sm" && "btn-sm",
+        size === "lg" && "btn-lg",
+        className
+      ),
+      ...rest,
+      children
+    }
+  );
+}
+function Card({ className, ...rest }) {
+  return /* @__PURE__ */ jsx("div", { className: cn("card", className), ...rest });
+}
+function CardHeader({ className, ...rest }) {
+  return /* @__PURE__ */ jsx("div", { className: cn("card-header", className), ...rest });
+}
+function CardTitle({ className, ...rest }) {
+  return /* @__PURE__ */ jsx("h3", { className: cn("card-title", className), ...rest });
+}
+function CardSubtitle({ className, ...rest }) {
+  return /* @__PURE__ */ jsx("p", { className: cn("card-subtitle", className), ...rest });
+}
+function CardContent({ className, ...rest }) {
+  return /* @__PURE__ */ jsx("div", { className, ...rest });
+}
+var Input = forwardRef(function Input2({ className, type = "text", ...rest }, ref) {
+  return /* @__PURE__ */ jsx("input", { ref, type, className: cn("input", className), ...rest });
+});
+var Textarea = forwardRef(function Textarea2({ className, ...rest }, ref) {
+  return /* @__PURE__ */ jsx("textarea", { ref, className: cn("input", className), ...rest });
+});
+var Label = forwardRef(function Label2({ className, ...rest }, ref) {
+  return /* @__PURE__ */ jsx(LabelPrimitive.Root, { ref, className: cn("label", className), ...rest });
+});
+var Tabs = TabsPrimitive.Root;
+var TabsList = forwardRef(function TabsList2({ className, ...rest }, ref) {
+  return /* @__PURE__ */ jsx(TabsPrimitive.List, { ref, className: cn("tabs", className), ...rest });
+});
+var TabsTrigger = forwardRef(function TabsTrigger2({ className, ...rest }, ref) {
+  return /* @__PURE__ */ jsx(
+    TabsPrimitive.Trigger,
+    {
+      ref,
+      className: cn("tab", className),
+      ...rest,
+      "data-active": void 0
+    }
+  );
+});
+var TabsContent = TabsPrimitive.Content;
+function Avatar({
+  variant = "default",
+  src,
+  alt,
+  className,
+  children,
+  ...rest
+}) {
+  return /* @__PURE__ */ jsx("span", { className: cn("avatar", variant === "brand" && "brand", className), ...rest, children: src ? /* @__PURE__ */ jsx("img", { src, alt: alt ?? "", style: { width: "100%", height: "100%", borderRadius: "inherit", objectFit: "cover" } }) : children });
+}
+var Separator = forwardRef(function Separator2({ className, orientation = "horizontal", decorative = true, ...rest }, ref) {
+  return /* @__PURE__ */ jsx(
+    SeparatorPrimitive.Root,
+    {
+      ref,
+      orientation,
+      decorative,
+      className: cn(
+        orientation === "horizontal" ? "divider" : "",
+        className
+      ),
+      style: orientation === "vertical" ? { width: 1, height: "100%", background: "var(--border)", border: 0 } : void 0,
+      ...rest
+    }
+  );
+});
+var Popover = PopoverPrimitive.Root;
+var PopoverTrigger = PopoverPrimitive.Trigger;
+var PopoverAnchor = PopoverPrimitive.Anchor;
+var PopoverContent = forwardRef(function PopoverContent2({ className, align = "center", sideOffset = 6, ...rest }, ref) {
+  return /* @__PURE__ */ jsx(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx(
+    PopoverPrimitive.Content,
+    {
+      ref,
+      align,
+      sideOffset,
+      className: cn("popover-content", className),
+      ...rest
+    }
+  ) });
+});
+var DropdownMenu = DropdownMenuPrimitive.Root;
+var DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
+var DropdownMenuGroup = DropdownMenuPrimitive.Group;
+var DropdownMenuPortal = DropdownMenuPrimitive.Portal;
+var DropdownMenuSub = DropdownMenuPrimitive.Sub;
+var DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
+var DropdownMenuContent = forwardRef(function DropdownMenuContent2({ className, sideOffset = 6, ...rest }, ref) {
+  return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx(
+    DropdownMenuPrimitive.Content,
+    {
+      ref,
+      sideOffset,
+      className: cn("dropdown-menu-content", className),
+      ...rest
+    }
+  ) });
+});
+var DropdownMenuItem = forwardRef(function DropdownMenuItem2({ className, inset, variant = "default", ...rest }, ref) {
+  return /* @__PURE__ */ jsx(
+    DropdownMenuPrimitive.Item,
+    {
+      ref,
+      className: cn("dropdown-menu-item", className),
+      "data-variant": variant === "destructive" ? "destructive" : void 0,
+      "data-inset": inset ? "true" : void 0,
+      ...rest
+    }
+  );
+});
+var DropdownMenuSeparator = forwardRef(function DropdownMenuSeparator2({ className, ...rest }, ref) {
+  return /* @__PURE__ */ jsx(
+    DropdownMenuPrimitive.Separator,
+    {
+      ref,
+      className: cn("dropdown-menu-separator", className),
+      ...rest
+    }
+  );
+});
+var DropdownMenuLabel = forwardRef(function DropdownMenuLabel2({ className, inset, ...rest }, ref) {
+  return /* @__PURE__ */ jsx(
+    DropdownMenuPrimitive.Label,
+    {
+      ref,
+      className: cn("dropdown-menu-label", className),
+      "data-inset": inset ? "true" : void 0,
+      ...rest
+    }
+  );
+});
+function DropdownMenuShortcut({
+  className,
+  ...rest
+}) {
+  return /* @__PURE__ */ jsx("span", { className: cn("dropdown-menu-shortcut", className), ...rest });
+}
+function Calendar({ className, showOutsideDays = true, ...rest }) {
+  return /* @__PURE__ */ jsx(
+    DayPicker,
+    {
+      showOutsideDays,
+      className: cn("calendar", className),
+      ...rest
+    }
+  );
+}
+var TIME_PATTERN = /^([01]\d|2[0-3]):[0-5]\d$/;
+function normalize(raw) {
+  const cleaned = raw.trim();
+  if (!cleaned) return "";
+  if (TIME_PATTERN.test(cleaned)) return cleaned;
+  const digits = cleaned.replace(/[^0-9]/g, "");
+  if (digits.length === 3 || digits.length === 4) {
+    const hh = digits.slice(0, digits.length - 2).padStart(2, "0");
+    const mm = digits.slice(-2);
+    const candidate = `${hh}:${mm}`;
+    if (TIME_PATTERN.test(candidate)) return candidate;
+  }
+  return raw;
+}
+var TimeInput = forwardRef(
+  function TimeInput2({ value, onChange, className, disabled, placeholder = "HH:mm", id, name }, ref) {
+    const [draft, setDraft] = useState(value ?? "");
+    useEffect(() => {
+      setDraft(value ?? "");
+    }, [value]);
+    const invalid = draft !== "" && !TIME_PATTERN.test(draft);
+    return /* @__PURE__ */ jsx(
+      "input",
+      {
+        ref,
+        type: "text",
+        inputMode: "numeric",
+        autoComplete: "off",
+        spellCheck: false,
+        maxLength: 5,
+        id,
+        name,
+        disabled,
+        placeholder,
+        value: draft,
+        "aria-invalid": invalid || void 0,
+        className: cn("time-input", className),
+        onChange: (e) => setDraft(e.target.value),
+        onBlur: (e) => {
+          const next = normalize(e.target.value);
+          setDraft(next);
+          if (TIME_PATTERN.test(next) && next !== value) onChange?.(next);
+        }
+      }
+    );
+  }
+);
+
+export { Avatar, Badge, Button, Calendar, Card, CardContent, CardHeader, CardSubtitle, CardTitle, DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuTrigger, Input, Label, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Separator, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, TimeInput, cn };
+//# sourceMappingURL=primitives.js.map
+//# sourceMappingURL=primitives.js.map

package/dist/components/primitives.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/primitives/cn.ts","../../src/components/primitives/Badge.tsx","../../src/components/primitives/Button.tsx","../../src/components/primitives/Card.tsx","../../src/components/primitives/Input.tsx","../../src/components/primitives/Label.tsx","../../src/components/primitives/Tabs.tsx","../../src/components/primitives/Avatar.tsx","../../src/components/primitives/Separator.tsx","../../src/components/primitives/Popover.tsx","../../src/components/primitives/DropdownMenu.tsx","../../src/components/primitives/Calendar.tsx","../../src/components/primitives/TimeInput.tsx"],"names":["jsx","Input","Textarea","forwardRef","Label","TabsList","TabsTrigger","Separator","PopoverContent","DropdownMenuContent","DropdownMenuItem","DropdownMenuSeparator","DropdownMenuLabel","TimeInput"],"mappings":"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","file":"primitives.js","sourcesContent":["// cn — class-name merger. Standard shadcn utility: clsx merges values\n// and tailwind-merge resolves Tailwind class conflicts (e.g. last\n// `bg-*` wins). Every primitive in this package and every consumer\n// service imports cn from this single location to keep the dedupe\n// rules consistent.\nimport { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]): string {\n  return twMerge(clsx(inputs));\n}\n","import type { ComponentProps, ReactNode } from \"react\"\nimport { cn } from \"./cn\"\n\n/**\n * Badge — status pill with a colored dot + label.\n *\n * Renders the canonical `.badge` class from `@godxjp/ui/tokens` so the\n * visual layer is mastered in CSS (not Tailwind utilities). All six\n * variants map onto a semantic role from the brand bible:\n *\n * - `success`  — 若竹  task completed, healthy\n * - `warning`  — 山吹  needs attention, not yet broken\n * - `info`     — 群青  neutral state callout\n * - `error`    — 茜    failed / blocked\n * - `attention`— 朱    pending, awaiting input\n * - `neutral`  — grey  default chrome\n * - `outline`  — empty hairline only (rare)\n *\n * @example\n *   <Badge variant=\"success\" dot>Healthy</Badge>\n *   <Badge variant=\"error\">Failed</Badge>\n */\nexport type BadgeVariant =\n  | \"success\"\n  | \"warning\"\n  | \"info\"\n  | \"error\"\n  | \"attention\"\n  | \"neutral\"\n  | \"outline\"\n\nexport interface BadgeProps extends ComponentProps<\"span\"> {\n  variant?: BadgeVariant\n  /** When true renders a colored dot before the label. */\n  dot?: boolean\n  children?: ReactNode\n}\n\nexport function Badge({\n  variant = \"neutral\",\n  dot = false,\n  className,\n  children,\n  ...rest\n}: BadgeProps) {\n  return (\n    <span className={cn(\"badge\", `badge-${variant}`, className)} {...rest}>\n      {dot && <span className=\"dot\" aria-hidden />}\n      {children}\n    </span>\n  )\n}\n","import { Slot } from \"@radix-ui/react-slot\"\nimport type { ComponentProps, ReactNode } from \"react\"\nimport { cn } from \"./cn\"\n\n/**\n * Button — canonical action atom.\n *\n * Maps onto the `.btn` family in tokens.css:\n *\n *   primary   — filled, brand color, default action\n *   secondary — bordered, foreground text, neutral surface\n *   ghost     — transparent, foreground text, hover surface\n *   danger    — destructive, --destructive bg\n *\n * Sizes mirror density tokens:\n *   sm  — 28 px height (compact action bar)\n *   md  — 32 px height (default)\n *   lg  — 36 px height (page hero CTA)\n *\n * Supports `asChild` (Radix Slot pattern) so the button styles can wrap\n * a Link or any other element without nesting:\n *\n * @example\n *   <Button variant=\"primary\">Save</Button>\n *   <Button asChild variant=\"ghost\"><a href=\"/docs\">Docs</a></Button>\n */\nexport type ButtonVariant = \"primary\" | \"secondary\" | \"ghost\" | \"danger\"\nexport type ButtonSize = \"sm\" | \"md\" | \"lg\"\n\nexport interface ButtonProps extends ComponentProps<\"button\"> {\n  variant?: ButtonVariant\n  size?: ButtonSize\n  asChild?: boolean\n  children?: ReactNode\n}\n\nexport function Button({\n  variant = \"primary\",\n  size = \"md\",\n  asChild = false,\n  className,\n  type = \"button\",\n  children,\n  ...rest\n}: ButtonProps) {\n  const Component = asChild ? Slot : \"button\"\n  return (\n    <Component\n      type={asChild ? undefined : type}\n      className={cn(\n        \"btn\",\n        `btn-${variant}`,\n        size === \"sm\" && \"btn-sm\",\n        size === \"lg\" && \"btn-lg\",\n        className,\n      )}\n      {...rest}\n    >\n      {children}\n    </Component>\n  )\n}\n","import type { ComponentProps, ReactNode } from \"react\"\nimport { cn } from \"./cn\"\n\n/**\n * Card — surface container for grouped content.\n *\n * The atom hierarchy mirrors the `.card`/`.card-header`/`.card-title`\n * classes in tokens.css. Compose as:\n *\n *   <Card>\n *     <CardHeader>\n *       <CardTitle>Pull requests</CardTitle>\n *       <CardSubtitle>Open / merged this week</CardSubtitle>\n *     </CardHeader>\n *     <CardContent>...</CardContent>\n *   </Card>\n */\nexport function Card({ className, ...rest }: ComponentProps<\"div\">) {\n  return <div className={cn(\"card\", className)} {...rest} />\n}\n\nexport function CardHeader({ className, ...rest }: ComponentProps<\"div\">) {\n  return <div className={cn(\"card-header\", className)} {...rest} />\n}\n\nexport function CardTitle({ className, ...rest }: ComponentProps<\"h3\">) {\n  return <h3 className={cn(\"card-title\", className)} {...rest} />\n}\n\nexport interface CardSubtitleProps extends ComponentProps<\"p\"> {\n  children?: ReactNode\n}\n\nexport function CardSubtitle({ className, ...rest }: CardSubtitleProps) {\n  return <p className={cn(\"card-subtitle\", className)} {...rest} />\n}\n\nexport function CardContent({ className, ...rest }: ComponentProps<\"div\">) {\n  return <div className={className} {...rest} />\n}\n","import { forwardRef, type ComponentProps, type TextareaHTMLAttributes } from \"react\"\nimport { cn } from \"./cn\"\n\n/**\n * Input — text input atom. Maps to `.input` in tokens.css.\n *\n * Forward-ref so consumers can wire `react-hook-form` / focus\n * management without escaping the design tokens.\n */\nexport interface InputProps extends ComponentProps<\"input\"> {}\n\nexport const Input = forwardRef<HTMLInputElement, InputProps>(function Input(\n  { className, type = \"text\", ...rest },\n  ref,\n) {\n  return <input ref={ref} type={type} className={cn(\"input\", className)} {...rest} />\n})\n\n/** Textarea — uses `.input` for shape, leaves height auto. */\nexport interface TextareaProps extends TextareaHTMLAttributes<HTMLTextAreaElement> {}\n\nexport const Textarea = forwardRef<HTMLTextAreaElement, TextareaProps>(function Textarea(\n  { className, ...rest },\n  ref,\n) {\n  return <textarea ref={ref} className={cn(\"input\", className)} {...rest} />\n})\n","import * as LabelPrimitive from \"@radix-ui/react-label\"\nimport { forwardRef, type ComponentPropsWithoutRef, type ElementRef } from \"react\"\nimport { cn } from \"./cn\"\n\n/**\n * Label — form-field label. Wraps Radix Label so `htmlFor` /\n * click-to-focus works out of the box. Maps to `.label` in tokens.css.\n *\n * Pair with <Input /> + an optional `.help` paragraph:\n *\n *   <Label htmlFor=\"name\">Display name</Label>\n *   <Input id=\"name\" />\n *   <p className=\"help\">Visible to teammates.</p>\n */\nexport const Label = forwardRef<\n  ElementRef<typeof LabelPrimitive.Root>,\n  ComponentPropsWithoutRef<typeof LabelPrimitive.Root>\n>(function Label({ className, ...rest }, ref) {\n  return <LabelPrimitive.Root ref={ref} className={cn(\"label\", className)} {...rest} />\n})\n","import * as TabsPrimitive from \"@radix-ui/react-tabs\"\nimport { forwardRef, type ComponentPropsWithoutRef, type ElementRef } from \"react\"\nimport { cn } from \"./cn\"\n\n/**\n * Tabs — Radix-backed tab strip styled with the canonical `.tabs` /\n * `.tab` CSS from tokens.css. Keyboard navigation + ARIA come from\n * Radix; the visual contract stays in the design tokens.\n *\n * @example\n *   <Tabs defaultValue=\"open\">\n *     <TabsList>\n *       <TabsTrigger value=\"open\">Open</TabsTrigger>\n *       <TabsTrigger value=\"closed\">Closed</TabsTrigger>\n *     </TabsList>\n *     <TabsContent value=\"open\">...</TabsContent>\n *     <TabsContent value=\"closed\">...</TabsContent>\n *   </Tabs>\n */\nexport const Tabs = TabsPrimitive.Root\n\nexport const TabsList = forwardRef<\n  ElementRef<typeof TabsPrimitive.List>,\n  ComponentPropsWithoutRef<typeof TabsPrimitive.List>\n>(function TabsList({ className, ...rest }, ref) {\n  return <TabsPrimitive.List ref={ref} className={cn(\"tabs\", className)} {...rest} />\n})\n\nexport const TabsTrigger = forwardRef<\n  ElementRef<typeof TabsPrimitive.Trigger>,\n  ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger>\n>(function TabsTrigger({ className, ...rest }, ref) {\n  // Radix sets `data-state=\"active\"` on the active trigger — map it to\n  // the `data-active` attribute the .tab CSS expects.\n  return (\n    <TabsPrimitive.Trigger\n      ref={ref}\n      className={cn(\"tab\", className)}\n      {...rest}\n      data-active={undefined}\n    />\n  )\n})\n\nexport const TabsContent = TabsPrimitive.Content\n","import type { ComponentProps } from \"react\"\nimport { cn } from \"./cn\"\n\n/**\n * Avatar — round chip with initials or an image. Maps to `.avatar`\n * + `.avatar.brand` in tokens.css.\n *\n * @example\n *   <Avatar>PT</Avatar>\n *   <Avatar variant=\"brand\">G</Avatar>\n */\nexport interface AvatarProps extends ComponentProps<\"span\"> {\n  variant?: \"default\" | \"brand\"\n  /** Optional image url; falls back to children (initials) when missing. */\n  src?: string\n  alt?: string\n}\n\nexport function Avatar({\n  variant = \"default\",\n  src,\n  alt,\n  className,\n  children,\n  ...rest\n}: AvatarProps) {\n  return (\n    <span className={cn(\"avatar\", variant === \"brand\" && \"brand\", className)} {...rest}>\n      {src ? <img src={src} alt={alt ?? \"\"} style={{ width: \"100%\", height: \"100%\", borderRadius: \"inherit\", objectFit: \"cover\" }} /> : children}\n    </span>\n  )\n}\n","import * as SeparatorPrimitive from \"@radix-ui/react-separator\"\nimport { forwardRef, type ComponentPropsWithoutRef, type ElementRef } from \"react\"\nimport { cn } from \"./cn\"\n\n/**\n * Separator — horizontal / vertical divider. Wraps Radix Separator for\n * ARIA + decorative semantics. Maps to `.divider` styling in tokens.css\n * (1px border, theme-aware color).\n */\nexport const Separator = forwardRef<\n  ElementRef<typeof SeparatorPrimitive.Root>,\n  ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root>\n>(function Separator({ className, orientation = \"horizontal\", decorative = true, ...rest }, ref) {\n  return (\n    <SeparatorPrimitive.Root\n      ref={ref}\n      orientation={orientation}\n      decorative={decorative}\n      className={cn(\n        orientation === \"horizontal\" ? \"divider\" : \"\",\n        className,\n      )}\n      style={\n        orientation === \"vertical\"\n          ? { width: 1, height: \"100%\", background: \"var(--border)\", border: 0 }\n          : undefined\n      }\n      {...rest}\n    />\n  )\n})\n","import * as PopoverPrimitive from \"@radix-ui/react-popover\"\nimport { forwardRef, type ComponentPropsWithoutRef, type ElementRef } from \"react\"\nimport { cn } from \"./cn\"\n\n/**\n * Popover — Radix-backed floating panel anchored to a trigger element.\n * Styled with the canonical `.popover-content` class from tokens.css\n * so the visual contract stays in the design tokens.\n *\n * @example\n *   <Popover>\n *     <PopoverTrigger asChild>\n *       <Button variant=\"ghost\">Open</Button>\n *     </PopoverTrigger>\n *     <PopoverContent>…body…</PopoverContent>\n *   </Popover>\n */\nexport const Popover = PopoverPrimitive.Root\nexport const PopoverTrigger = PopoverPrimitive.Trigger\nexport const PopoverAnchor = PopoverPrimitive.Anchor\n\nexport const PopoverContent = forwardRef<\n  ElementRef<typeof PopoverPrimitive.Content>,\n  ComponentPropsWithoutRef<typeof PopoverPrimitive.Content>\n>(function PopoverContent(\n  { className, align = \"center\", sideOffset = 6, ...rest },\n  ref,\n) {\n  return (\n    <PopoverPrimitive.Portal>\n      <PopoverPrimitive.Content\n        ref={ref}\n        align={align}\n        sideOffset={sideOffset}\n        className={cn(\"popover-content\", className)}\n        {...rest}\n      />\n    </PopoverPrimitive.Portal>\n  )\n})\n","import * as DropdownMenuPrimitive from \"@radix-ui/react-dropdown-menu\"\nimport { forwardRef, type ComponentPropsWithoutRef, type ElementRef, type HTMLAttributes } from \"react\"\nimport { cn } from \"./cn\"\n\n/**\n * DropdownMenu — Radix-backed action menu opened from a trigger\n * (kebab, caret, button…). Styled via canonical `.dropdown-menu-*`\n * classes from tokens.css.\n *\n * Items support `variant=\"destructive\"` for dangerous actions and\n * `inset` for left-padding alignment when icons aren't on every row.\n *\n * @example\n *   <DropdownMenu>\n *     <DropdownMenuTrigger asChild>\n *       <Button variant=\"ghost\"><MoreVertical /></Button>\n *     </DropdownMenuTrigger>\n *     <DropdownMenuContent align=\"end\">\n *       <DropdownMenuItem onSelect={onEdit}>Edit</DropdownMenuItem>\n *       <DropdownMenuSeparator />\n *       <DropdownMenuItem variant=\"destructive\" onSelect={onDelete}>\n *         Delete\n *       </DropdownMenuItem>\n *     </DropdownMenuContent>\n *   </DropdownMenu>\n */\nexport const DropdownMenu = DropdownMenuPrimitive.Root\nexport const DropdownMenuTrigger = DropdownMenuPrimitive.Trigger\nexport const DropdownMenuGroup = DropdownMenuPrimitive.Group\nexport const DropdownMenuPortal = DropdownMenuPrimitive.Portal\nexport const DropdownMenuSub = DropdownMenuPrimitive.Sub\nexport const DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup\n\nexport const DropdownMenuContent = forwardRef<\n  ElementRef<typeof DropdownMenuPrimitive.Content>,\n  ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content>\n>(function DropdownMenuContent({ className, sideOffset = 6, ...rest }, ref) {\n  return (\n    <DropdownMenuPrimitive.Portal>\n      <DropdownMenuPrimitive.Content\n        ref={ref}\n        sideOffset={sideOffset}\n        className={cn(\"dropdown-menu-content\", className)}\n        {...rest}\n      />\n    </DropdownMenuPrimitive.Portal>\n  )\n})\n\ntype DropdownItemProps = ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Item> & {\n  inset?: boolean\n  variant?: \"default\" | \"destructive\"\n}\n\nexport const DropdownMenuItem = forwardRef<\n  ElementRef<typeof DropdownMenuPrimitive.Item>,\n  DropdownItemProps\n>(function DropdownMenuItem({ className, inset, variant = \"default\", ...rest }, ref) {\n  return (\n    <DropdownMenuPrimitive.Item\n      ref={ref}\n      className={cn(\"dropdown-menu-item\", className)}\n      data-variant={variant === \"destructive\" ? \"destructive\" : undefined}\n      data-inset={inset ? \"true\" : undefined}\n      {...rest}\n    />\n  )\n})\n\nexport const DropdownMenuSeparator = forwardRef<\n  ElementRef<typeof DropdownMenuPrimitive.Separator>,\n  ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Separator>\n>(function DropdownMenuSeparator({ className, ...rest }, ref) {\n  return (\n    <DropdownMenuPrimitive.Separator\n      ref={ref}\n      className={cn(\"dropdown-menu-separator\", className)}\n      {...rest}\n    />\n  )\n})\n\nexport const DropdownMenuLabel = forwardRef<\n  ElementRef<typeof DropdownMenuPrimitive.Label>,\n  ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Label> & { inset?: boolean }\n>(function DropdownMenuLabel({ className, inset, ...rest }, ref) {\n  return (\n    <DropdownMenuPrimitive.Label\n      ref={ref}\n      className={cn(\"dropdown-menu-label\", className)}\n      data-inset={inset ? \"true\" : undefined}\n      {...rest}\n    />\n  )\n})\n\nexport function DropdownMenuShortcut({\n  className,\n  ...rest\n}: HTMLAttributes<HTMLSpanElement>) {\n  return <span className={cn(\"dropdown-menu-shortcut\", className)} {...rest} />\n}\n","import { DayPicker, type DayPickerProps } from \"react-day-picker\"\nimport \"react-day-picker/dist/style.css\"\nimport { cn } from \"./cn\"\n\n/**\n * Calendar — react-day-picker grid themed with brand tokens via the\n * canonical `.calendar` class from tokens.css. Caller controls\n * mode/selected/onSelect through DayPicker's standard props.\n *\n * Locale + week-start are inherited from i18next / browser by default;\n * pass DayPickerProps explicitly to override (e.g. `weekStartsOn={1}`\n * for Monday-first).\n *\n * @example\n *   const [date, setDate] = useState<Date>()\n *   <Calendar mode=\"single\" selected={date} onSelect={setDate} />\n */\nexport function Calendar({ className, showOutsideDays = true, ...rest }: DayPickerProps) {\n  return (\n    <DayPicker\n      showOutsideDays={showOutsideDays}\n      className={cn(\"calendar\", className)}\n      {...rest}\n    />\n  )\n}\n","import { forwardRef, useEffect, useState, type ChangeEvent, type FocusEvent } from \"react\"\nimport { cn } from \"./cn\"\n\nexport interface TimeInputProps {\n  /** Current time value in `\"HH:mm\"` (24-hour) format. */\n  value?: string\n  /** Fired on blur with the validated `\"HH:mm\"` string. */\n  onChange?: (time: string) => void\n  /** Additional class name applied to the input element. */\n  className?: string\n  /** Disable input + propagate aria-disabled. */\n  disabled?: boolean\n  /** Optional placeholder (defaults to \"HH:mm\"). */\n  placeholder?: string\n  /** Optional id used for label association. */\n  id?: string\n  /** Optional name used in form submissions. */\n  name?: string\n}\n\nconst TIME_PATTERN = /^([01]\\d|2[0-3]):[0-5]\\d$/\n\nfunction normalize(raw: string): string {\n  // Strip whitespace + non-digits-or-colon. Accept either \"HH:mm\" or\n  // \"HHmm\" / \"H:mm\" / \"Hmm\" and coerce into canonical \"HH:mm\". Returns\n  // the original string when it can't be parsed — the caller decides\n  // whether to surface aria-invalid.\n  const cleaned = raw.trim()\n  if (!cleaned) return \"\"\n  if (TIME_PATTERN.test(cleaned)) return cleaned\n  const digits = cleaned.replace(/[^0-9]/g, \"\")\n  if (digits.length === 3 || digits.length === 4) {\n    const hh = digits.slice(0, digits.length - 2).padStart(2, \"0\")\n    const mm = digits.slice(-2)\n    const candidate = `${hh}:${mm}`\n    if (TIME_PATTERN.test(candidate)) return candidate\n  }\n  return raw\n}\n\n/**\n * TimeInput — narrow text input for HH:mm (24-hour) values.\n * Mirrors the public `@godxjp/ui@0.2.0` API so call sites don't change\n * when upgrading to v2. Visual contract lives in the `.time-input`\n * class in tokens.css.\n *\n * Validation: emits `onChange` with the normalized string on blur if\n * it parses, otherwise leaves the value untouched and surfaces\n * `aria-invalid` so the consumer can style the error state.\n */\nexport const TimeInput = forwardRef<HTMLInputElement, TimeInputProps>(\n  function TimeInput(\n    { value, onChange, className, disabled, placeholder = \"HH:mm\", id, name },\n    ref,\n  ) {\n    const [draft, setDraft] = useState(value ?? \"\")\n\n    useEffect(() => {\n      setDraft(value ?? \"\")\n    }, [value])\n\n    const invalid = draft !== \"\" && !TIME_PATTERN.test(draft)\n\n    return (\n      <input\n        ref={ref}\n        type=\"text\"\n        inputMode=\"numeric\"\n        autoComplete=\"off\"\n        spellCheck={false}\n        maxLength={5}\n        id={id}\n        name={name}\n        disabled={disabled}\n        placeholder={placeholder}\n        value={draft}\n        aria-invalid={invalid || undefined}\n        className={cn(\"time-input\", className)}\n        onChange={(e: ChangeEvent<HTMLInputElement>) => setDraft(e.target.value)}\n        onBlur={(e: FocusEvent<HTMLInputElement>) => {\n          const next = normalize(e.target.value)\n          setDraft(next)\n          if (TIME_PATTERN.test(next) && next !== value) onChange?.(next)\n        }}\n      />\n    )\n  },\n)\n"]}

package/dist/components/screens.d.ts

@@ -0,0 +1,51 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ForgeProduct, ForgeProject } from '../data.js';
+
+interface DashboardScreenProps {
+    product: ForgeProduct;
+}
+declare function DashboardScreen({ product }: DashboardScreenProps): react_jsx_runtime.JSX.Element;
+
+interface ProjectsListScreenProps {
+    product: ForgeProduct;
+    onSelect: (project: ForgeProject) => void;
+}
+declare function ProjectsListScreen({ product, onSelect }: ProjectsListScreenProps): react_jsx_runtime.JSX.Element;
+
+interface PlansScreenProps {
+    onOpenPlan: (id: string) => void;
+}
+declare function PlansScreen({ onOpenPlan }: PlansScreenProps): react_jsx_runtime.JSX.Element;
+
+interface IssuesScreenProps {
+    onOpenIssue: (id: string) => void;
+}
+declare function IssuesScreen({ onOpenIssue }: IssuesScreenProps): react_jsx_runtime.JSX.Element;
+
+interface WikiScreenProps {
+    toc?: Array<{
+        id: string;
+        label: string;
+    }>;
+    children?: React.ReactNode;
+    meta?: React.ReactNode;
+}
+declare function WikiScreen({ toc, children, meta }: WikiScreenProps): react_jsx_runtime.JSX.Element;
+
+declare function IdeasScreen(): react_jsx_runtime.JSX.Element;
+
+interface PlanDetailScreenProps {
+    planId: string;
+    onBack: () => void;
+    onOpenIssue: (id: string) => void;
+}
+declare function PlanDetailScreen({ planId, onBack, onOpenIssue }: PlanDetailScreenProps): react_jsx_runtime.JSX.Element;
+
+interface IssueDetailScreenProps {
+    issueId: string;
+    onBack: () => void;
+    onOpenPlan: (id: string) => void;
+}
+declare function IssueDetailScreen({ issueId, onBack, onOpenPlan }: IssueDetailScreenProps): react_jsx_runtime.JSX.Element;
+
+export { DashboardScreen, type DashboardScreenProps, IdeasScreen, IssueDetailScreen, type IssueDetailScreenProps, IssuesScreen, type IssuesScreenProps, PlanDetailScreen, type PlanDetailScreenProps, PlansScreen, type PlansScreenProps, ProjectsListScreen, type ProjectsListScreenProps, WikiScreen, type WikiScreenProps };