@alneas/appkit-react 0.1.0 → 0.3.0

package/dist/tools/components/form/form-action-bar.js.map

@@ -1 +1 @@
-{"version":3,"file":"form-action-bar.js","names":["React","m.common_actions_save","m.common_actions_cancel","React$1","statusIcons","Loader2","Check","AlertCircle","FormActionBar","props","resolvedPrimaryLabel","primaryLabel","common_actions_save","resolvedSecondaryLabel","secondaryLabel","common_actions_cancel","testId","saveStatus","cn","sticky","className","Button","onPrimary","primaryDisabled","onSecondary","tertiaryAction","children"],"sources":["../../../../src/tools/components/form/form-action-bar.tsx"],"sourcesContent":["import * as React from 'react';\nimport * as m from '../../paraglide/messages.js';\nimport { cn } from \"../../lib/utils\";\nimport { Button } from '../ui/button';\nimport { Loader2, Check, AlertCircle } from 'lucide-react';\n\nexport type SaveStatus = 'idle' | 'saving' | 'saved' | 'error';\n\n/**\n * FormActionBarProps\n * フォームアクションバーのプロップス\n *\n * ## AI/Automation Features\n * - `testId`: Container and action buttons\n * - Pattern: `{testId}`, `{testId}-primary`, `{testId}-secondary`\n * - `data-save-status`: idle, saving, saved, error\n */\nexport interface FormActionBarProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** AI/E2E Test用の安定ID / Stable test identifier */\n  testId?: string;\n  /**\n   * プライマリアクションのラベル\n   * @default \"Save\"\n   */\n  primaryLabel?: string;\n  /**\n   * セカンダリアクションのラベル\n   * @default \"Cancel\"\n   */\n  secondaryLabel?: string;\n  /**\n   * プライマリアクションのハンドラ\n   */\n  onPrimary?: () => void;\n  /**\n   * セカンダリアクションのハンドラ\n   */\n  onSecondary?: () => void;\n  /**\n   * 保存状態のインジケーター\n   */\n  saveStatus?: SaveStatus;\n  /**\n   * スティッキー表示を有効にする\n   * @default true\n   */\n  sticky?: boolean;\n  /**\n   * プライマリボタンを無効にする\n   */\n  primaryDisabled?: boolean;\n  /**\n   * 第三のアクション（削除など）\n   */\n  tertiaryAction?: React.ReactNode;\n}\n\nconst statusIcons: Record<SaveStatus, React.ReactNode> = {\n  idle: null,\n  saving: <Loader2 className='h-4 w-4 animate-spin text-muted-foreground' />,\n  saved: <Check className='h-4 w-4 text-green-500' />,\n  error: <AlertCircle className='h-4 w-4 text-destructive' />,\n};\n\n/**\n * FormActionBar Component\n * フォーム用のアクションバー\n *\n * Save/cancel buttons with save status indicator.\n * 保存・キャンセルボタンと保存状態インジケーターを表示。\n *\n * ## AI/Automation Features\n * - `data-testid`: Container and action buttons\n * - `data-save-status`: Current save status\n *\n * @example With testId\n * ```tsx\n * <FormActionBar\n *   testId=\"profile-form\"\n *   onPrimary={handleSave}\n *   onSecondary={handleCancel}\n *   saveStatus=\"saving\"\n * />\n * // Container: data-testid=\"profile-form\"\n * // Primary: data-testid=\"profile-form-primary\"\n * // Secondary: data-testid=\"profile-form-secondary\"\n * ```\n */\nexport const FormActionBar = React.forwardRef<HTMLDivElement, FormActionBarProps>(\n  (\n    {\n      testId,\n      className,\n      primaryLabel,\n      secondaryLabel,\n      onPrimary,\n      onSecondary,\n      saveStatus = 'idle',\n      sticky = true,\n      primaryDisabled = false,\n      tertiaryAction,\n      children,\n      ...props\n    },\n    ref,\n  ) => {\n    const resolvedPrimaryLabel = primaryLabel ?? m.common_actions_save({ defaultValue: 'Save' });\n    const resolvedSecondaryLabel =\n      secondaryLabel ?? m.common_actions_cancel({ defaultValue: 'Cancel' });\n    const statusMessage = '';\n\n    return (\n      <div\n        ref={ref}\n        data-testid={testId}\n        data-save-status={saveStatus}\n        className={cn(\n          'flex flex-wrap items-center gap-3 border-t bg-background py-4',\n          sticky && 'sticky bottom-0 z-10',\n          className,\n        )}\n        {...props}\n      >\n        <div className='flex flex-1 flex-wrap items-center gap-3'>\n          <Button\n            type='submit'\n            testId={testId ? `${testId}-primary` : undefined}\n            onClick={onPrimary}\n            disabled={primaryDisabled || saveStatus === 'saving'}\n          >\n            {saveStatus === 'saving' && (\n              <Loader2 className='mr-2 h-4 w-4 animate-spin' aria-hidden='true' />\n            )}\n            {resolvedPrimaryLabel}\n          </Button>\n          {onSecondary && (\n            <Button\n              type='button'\n              variant='outline'\n              testId={testId ? `${testId}-secondary` : undefined}\n              onClick={onSecondary}\n              disabled={saveStatus === 'saving'}\n            >\n              {resolvedSecondaryLabel}\n            </Button>\n          )}\n          {tertiaryAction}\n          {children}\n        </div>\n\n        {saveStatus !== 'idle' && (\n          <div className='flex items-center gap-2 text-sm text-muted-foreground'>\n            {statusIcons[saveStatus]}\n            {statusMessage && <span>{statusMessage}</span>}\n          </div>\n        )}\n      </div>\n    );\n  },\n);\nFormActionBar.displayName = 'FormActionBar';\n"],"mappings":";;;;;;;;;AAyDA,IAAMI,IAAmD;CACvD,MAAM;CACN,QAAQ,kBAACC,GAAD,EAAS,WAAU,6CAA8C,CAAA;CACzE,OAAO,kBAACC,GAAD,EAAO,WAAU,yBAA0B,CAAA;CAClD,OAAO,kBAACC,GAAD,EAAa,WAAU,2BAA4B,CAAA;AAC5D,GA0BaC,IAAgBR,EAAM,YAE/B,EACE,WACA,cACA,iBACA,mBACA,cACA,gBACA,gBAAa,QACb,YAAS,IACT,qBAAkB,IAClB,mBACA,aACA,GAAGS,KAEL,MACG;CACH,IAAMC,IAAuBC,KAAgBV,EAAsB,EAAE,cAAc,OAAO,CAAC,GACrFY,IACJC,KAAkBZ,EAAwB,EAAE,cAAc,SAAS,CAAC;CAGtE,OACE,kBAAC,OAAD;EACO;EACL,eAAac;EACb,oBAAkBC;EAClB,WAAWC,EACT,iEACAC,KAAU,wBACVC,CACF;EACA,GAAIX;EATN,UAAA,CAWE,kBAAC,OAAD;GAAK,WAAU;GAAf,UAAA;IACE,kBAACY,GAAD;KACE,MAAK;KACL,QAAQL,IAAS,GAAGA,EAAO,YAAY,KAAA;KACvC,SAASM;KACT,UAAUC,KAAmBN,MAAe;KAJ9C,UAAA,CAMGA,MAAe,YACd,kBAACZ,GAAD;MAAS,WAAU;MAA4B,eAAY;KAAQ,CAAA,GAEpEK,CACK;;IACPc,KACC,kBAACH,GAAD;KACE,MAAK;KACL,SAAQ;KACR,QAAQL,IAAS,GAAGA,EAAO,cAAc,KAAA;KACzC,SAASQ;KACT,UAAUP,MAAe;KAExB,UAAAJ;IACK,CAAA;IAETY;IACAC;GACE;EAEJ,CAAA,GAAAT,MAAe,UACd,kBAAC,OAAD;GAAK,WAAU;GAAf,UAAA,CACGb,EAAYa,IACZ,EACE;EAEJ,CAAA,CAAA;;AAET,CACF;AACA,EAAc,cAAc"}
+{"version":3,"file":"form-action-bar.js","names":["m.common_actions_save","m.common_actions_cancel","statusIcons","Loader2","Check","AlertCircle","FormActionBar","props","resolvedPrimaryLabel","primaryLabel","common_actions_save","resolvedSecondaryLabel","secondaryLabel","common_actions_cancel","testId","saveStatus","cn","sticky","className","Button","onPrimary","primaryDisabled","onSecondary","tertiaryAction","children"],"sources":["../../../../src/tools/components/form/form-action-bar.tsx"],"sourcesContent":["import * as React from 'react';\nimport * as m from '../../paraglide/messages.js';\nimport { cn } from \"../../lib/utils\";\nimport { Button } from '../ui/button';\nimport { Loader2, Check, AlertCircle } from 'lucide-react';\n\nexport type SaveStatus = 'idle' | 'saving' | 'saved' | 'error';\n\n/**\n * FormActionBarProps\n * フォームアクションバーのプロップス\n *\n * ## AI/Automation Features\n * - `testId`: Container and action buttons\n * - Pattern: `{testId}`, `{testId}-primary`, `{testId}-secondary`\n * - `data-save-status`: idle, saving, saved, error\n */\nexport interface FormActionBarProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** AI/E2E Test用の安定ID / Stable test identifier */\n  testId?: string;\n  /**\n   * プライマリアクションのラベル\n   * @default \"Save\"\n   */\n  primaryLabel?: string;\n  /**\n   * セカンダリアクションのラベル\n   * @default \"Cancel\"\n   */\n  secondaryLabel?: string;\n  /**\n   * プライマリアクションのハンドラ\n   */\n  onPrimary?: () => void;\n  /**\n   * セカンダリアクションのハンドラ\n   */\n  onSecondary?: () => void;\n  /**\n   * 保存状態のインジケーター\n   */\n  saveStatus?: SaveStatus;\n  /**\n   * スティッキー表示を有効にする\n   * @default true\n   */\n  sticky?: boolean;\n  /**\n   * プライマリボタンを無効にする\n   */\n  primaryDisabled?: boolean;\n  /**\n   * 第三のアクション（削除など）\n   */\n  tertiaryAction?: React.ReactNode;\n}\n\nconst statusIcons: Record<SaveStatus, React.ReactNode> = {\n  idle: null,\n  saving: <Loader2 className='h-4 w-4 animate-spin text-muted-foreground' />,\n  saved: <Check className='h-4 w-4 text-green-500' />,\n  error: <AlertCircle className='h-4 w-4 text-destructive' />,\n};\n\n/**\n * FormActionBar Component\n * フォーム用のアクションバー\n *\n * Save/cancel buttons with save status indicator.\n * 保存・キャンセルボタンと保存状態インジケーターを表示。\n *\n * ## AI/Automation Features\n * - `data-testid`: Container and action buttons\n * - `data-save-status`: Current save status\n *\n * @example With testId\n * ```tsx\n * <FormActionBar\n *   testId=\"profile-form\"\n *   onPrimary={handleSave}\n *   onSecondary={handleCancel}\n *   saveStatus=\"saving\"\n * />\n * // Container: data-testid=\"profile-form\"\n * // Primary: data-testid=\"profile-form-primary\"\n * // Secondary: data-testid=\"profile-form-secondary\"\n * ```\n */\nexport function FormActionBar({\n  ref,\n  testId,\n  className,\n  primaryLabel,\n  secondaryLabel,\n  onPrimary,\n  onSecondary,\n  saveStatus = 'idle',\n  sticky = true,\n  primaryDisabled = false,\n  tertiaryAction,\n  children,\n  ...props\n}: React.PropsWithoutRef<FormActionBarProps> & React.RefAttributes<HTMLDivElement>) {\n  const resolvedPrimaryLabel = primaryLabel ?? m.common_actions_save({ defaultValue: 'Save' });\n  const resolvedSecondaryLabel =\n    secondaryLabel ?? m.common_actions_cancel({ defaultValue: 'Cancel' });\n  const statusMessage = '';\n\n  return (\n    <div\n      ref={ref}\n      data-testid={testId}\n      data-save-status={saveStatus}\n      className={cn(\n        'flex flex-wrap items-center gap-3 border-t bg-background py-4',\n        sticky && 'sticky bottom-0 z-10',\n        className,\n      )}\n      {...props}\n    >\n      <div className='flex flex-1 flex-wrap items-center gap-3'>\n        <Button\n          type='submit'\n          testId={testId ? `${testId}-primary` : undefined}\n          onClick={onPrimary}\n          disabled={primaryDisabled || saveStatus === 'saving'}\n        >\n          {saveStatus === 'saving' && (\n            <Loader2 className='mr-2 h-4 w-4 animate-spin' aria-hidden='true' />\n          )}\n          {resolvedPrimaryLabel}\n        </Button>\n        {onSecondary && (\n          <Button\n            type='button'\n            variant='outline'\n            testId={testId ? `${testId}-secondary` : undefined}\n            onClick={onSecondary}\n            disabled={saveStatus === 'saving'}\n          >\n            {resolvedSecondaryLabel}\n          </Button>\n        )}\n        {tertiaryAction}\n        {children}\n      </div>\n\n      {saveStatus !== 'idle' && (\n        <div className='flex items-center gap-2 text-sm text-muted-foreground'>\n          {statusIcons[saveStatus]}\n          {statusMessage && <span>{statusMessage}</span>}\n        </div>\n      )}\n    </div>\n  );\n}\nFormActionBar.displayName = 'FormActionBar';\n"],"mappings":";;;;;;;;;AAyDA,IAAME,IAAmD;CACvD,MAAM;CACN,QAAQ,kBAACC,GAAD,EAAS,WAAU,6CAA8C,CAAA;CACzE,OAAO,kBAACC,GAAD,EAAO,WAAU,yBAA0B,CAAA;CAClD,OAAO,kBAACC,GAAD,EAAa,WAAU,2BAA4B,CAAA;AAC5D;AA0BA,SAAgBC,EAAc,EAC5B,QACA,WACA,cACA,iBACA,mBACA,cACA,gBACA,gBAAa,QACb,YAAS,IACT,qBAAkB,IAClB,mBACA,aACA,GAAGC,KAC+E;CAClF,IAAMC,IAAuBC,KAAgBT,EAAsB,EAAE,cAAc,OAAO,CAAC,GACrFW,IACJC,KAAkBX,EAAwB,EAAE,cAAc,SAAS,CAAC;CAGtE,OACE,kBAAC,OAAD;EACO;EACL,eAAaa;EACb,oBAAkBC;EAClB,WAAWC,EACT,iEACAC,KAAU,wBACVC,CACF;EACA,GAAIX;EATN,UAAA,CAWE,kBAAC,OAAD;GAAK,WAAU;GAAf,UAAA;IACE,kBAACY,GAAD;KACE,MAAK;KACL,QAAQL,IAAS,GAAGA,EAAO,YAAY,KAAA;KACvC,SAASM;KACT,UAAUC,KAAmBN,MAAe;KAJ9C,UAAA,CAMGA,MAAe,YACd,kBAACZ,GAAD;MAAS,WAAU;MAA4B,eAAY;KAAQ,CAAA,GAEpEK,CACK;;IACPc,KACC,kBAACH,GAAD;KACE,MAAK;KACL,SAAQ;KACR,QAAQL,IAAS,GAAGA,EAAO,cAAc,KAAA;KACzC,SAASQ;KACT,UAAUP,MAAe;KAExB,UAAAJ;IACK,CAAA;IAETY;IACAC;GACE;EAEJ,CAAA,GAAAT,MAAe,UACd,kBAAC,OAAD;GAAK,WAAU;GAAf,UAAA,CACGb,EAAYa,IACZ,EACE;EAEJ,CAAA,CAAA;;AAET;AACA,EAAc,cAAc"}

package/dist/tools/components/form/form-container.cjs

@@ -1,2 +1,2 @@
-"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../ui/lib/utils.cjs");let n=require("react/jsx-runtime"),r=require("react");r=e.__toESM(r,1);var i={sm:`max-w-sm`,md:`max-w-md`,lg:`max-w-lg`,xl:`max-w-xl`,"2xl":`max-w-2xl`,"3xl":`max-w-3xl`,"4xl":`max-w-4xl`,"5xl":`max-w-5xl`},a=r.forwardRef(({className:e,maxWidth:r=`4xl`,fullWidth:a=!1,children:o,...s},c)=>(0,n.jsx)(`div`,{ref:c,className:t.cn(`mx-auto w-full px-4 py-6 md:px-6 lg:px-8`,!a&&i[r],e),...s,children:o}));a.displayName=`FormContainer`,exports.FormContainer=a;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../ui/lib/utils.cjs");let n=require("react/jsx-runtime"),r=require("react");r=e.__toESM(r,1);var i={sm:`max-w-sm`,md:`max-w-md`,lg:`max-w-lg`,xl:`max-w-xl`,"2xl":`max-w-2xl`,"3xl":`max-w-3xl`,"4xl":`max-w-4xl`,"5xl":`max-w-5xl`};function a({ref:e,className:r,maxWidth:a=`4xl`,fullWidth:o=!1,children:s,...c}){return(0,n.jsx)(`div`,{ref:e,className:t.cn(`mx-auto w-full px-4 py-6 md:px-6 lg:px-8`,!o&&i[a],r),...c,children:s})}a.displayName=`FormContainer`,exports.FormContainer=a;
 //# sourceMappingURL=form-container.cjs.map

package/dist/tools/components/form/form-container.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"form-container.cjs","names":["React","cn","require_runtime","require_ui_lib_utils","react_jsx_runtime","react","containerWidths","FormContainer","props","fullWidth","maxWidth","className"],"sources":["../../../../src/tools/components/form/form-container.tsx"],"sourcesContent":["import * as React from 'react';\nimport { cn } from \"../../lib/utils\";\n\nconst containerWidths = {\n  sm: 'max-w-sm', // 384px\n  md: 'max-w-md', // 448px\n  lg: 'max-w-lg', // 512px\n  xl: 'max-w-xl', // 576px\n  '2xl': 'max-w-2xl', // 672px\n  '3xl': 'max-w-3xl', // 768px\n  '4xl': 'max-w-4xl', // 896px\n  '5xl': 'max-w-5xl', // 1024px\n} as const;\n\nexport type FormContainerWidth = keyof typeof containerWidths;\n\nexport interface FormContainerProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * コンテナの最大幅\n   * @default \"4xl\" (896px)\n   */\n  maxWidth?: FormContainerWidth;\n  /**\n   * フルスクリーンモード (max-width制限なし)\n   */\n  fullWidth?: boolean;\n}\n\n/**\n * フォーム用の中央揃えコンテナ\n *\n * デスクトップ画面での読みやすさを確保するため、適切な最大幅で中央揃えにします。\n * レスポンシブパディングを提供し、一貫した余白を保ちます。\n *\n * @example\n * ```tsx\n * <FormContainer maxWidth=\"4xl\">\n *   <form>...</form>\n * </FormContainer>\n * ```\n */\nexport const FormContainer = React.forwardRef<HTMLDivElement, FormContainerProps>(\n  ({ className, maxWidth = '4xl', fullWidth = false, children, ...props }, ref) => {\n    return (\n      <div\n        ref={ref}\n        className={cn(\n          'mx-auto w-full px-4 py-6 md:px-6 lg:px-8',\n          !fullWidth && containerWidths[maxWidth],\n          className,\n        )}\n        {...props}\n      >\n        {children}\n      </div>\n    );\n  },\n);\nFormContainer.displayName = 'FormContainer';\n"],"mappings":"A,yPAGA,IAAMM,EAAkB,CACtB,GAAI,WACJ,GAAI,WACJ,GAAI,WACJ,GAAI,WACJ,MAAO,YACP,MAAO,YACP,MAAO,YACP,MAAO,WACT,EA6BaC,EAAgBP,EAAM,YAChC,CAAE,YAAW,WAAW,MAAO,YAAY,GAAO,WAAU,GAAGQ,GAAS,KAErE,EAAAJ,EAAA,IAAA,CAAC,MAAD,CACO,MACL,UAAWH,EAAAA,GACT,2CACA,CAACQ,GAAaH,EAAgBI,GAC9BC,CACF,EACA,GAAIH,EAEH,UACE,CAAA,CAGX,EACA,EAAc,YAAc,gB"}
+{"version":3,"file":"form-container.cjs","names":["cn","require_runtime","require_ui_lib_utils","react_jsx_runtime","react","containerWidths","FormContainer","props","fullWidth","maxWidth","className"],"sources":["../../../../src/tools/components/form/form-container.tsx"],"sourcesContent":["import * as React from 'react';\nimport { cn } from \"../../lib/utils\";\n\nconst containerWidths = {\n  sm: 'max-w-sm', // 384px\n  md: 'max-w-md', // 448px\n  lg: 'max-w-lg', // 512px\n  xl: 'max-w-xl', // 576px\n  '2xl': 'max-w-2xl', // 672px\n  '3xl': 'max-w-3xl', // 768px\n  '4xl': 'max-w-4xl', // 896px\n  '5xl': 'max-w-5xl', // 1024px\n} as const;\n\nexport type FormContainerWidth = keyof typeof containerWidths;\n\nexport interface FormContainerProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * コンテナの最大幅\n   * @default \"4xl\" (896px)\n   */\n  maxWidth?: FormContainerWidth;\n  /**\n   * フルスクリーンモード (max-width制限なし)\n   */\n  fullWidth?: boolean;\n}\n\n/**\n * フォーム用の中央揃えコンテナ\n *\n * デスクトップ画面での読みやすさを確保するため、適切な最大幅で中央揃えにします。\n * レスポンシブパディングを提供し、一貫した余白を保ちます。\n *\n * @example\n * ```tsx\n * <FormContainer maxWidth=\"4xl\">\n *   <form>...</form>\n * </FormContainer>\n * ```\n */\nexport function FormContainer({\n  ref,\n  className,\n  maxWidth = '4xl',\n  fullWidth = false,\n  children,\n  ...props\n}: React.PropsWithoutRef<FormContainerProps> & React.RefAttributes<HTMLDivElement>) {\n  return (\n    <div\n      ref={ref}\n      className={cn(\n        'mx-auto w-full px-4 py-6 md:px-6 lg:px-8',\n        !fullWidth && containerWidths[maxWidth],\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\nFormContainer.displayName = 'FormContainer';\n"],"mappings":"A,yPAGA,IAAMK,EAAkB,CACtB,GAAI,WACJ,GAAI,WACJ,GAAI,WACJ,GAAI,WACJ,MAAO,YACP,MAAO,YACP,MAAO,YACP,MAAO,WACT,EA6BA,SAAgBC,EAAc,CAC5B,MACA,YACA,WAAW,MACX,YAAY,GACZ,WACA,GAAGC,GAC+E,CAClF,OACE,EAAAJ,EAAA,IAAA,CAAC,MAAD,CACO,MACL,UAAWH,EAAAA,GACT,2CACA,CAACQ,GAAaH,EAAgBI,GAC9BC,CACF,EACA,GAAIH,EAEH,UACE,CAAA,CAET,CACA,EAAc,YAAc,gB"}

package/dist/tools/components/form/form-container.d.cts

@@ -34,5 +34,8 @@ export interface FormContainerProps extends React.HTMLAttributes<HTMLDivElement>
  * </FormContainer>
  * ```
  */
-export declare const FormContainer: React.ForwardRefExoticComponent<FormContainerProps & React.RefAttributes<HTMLDivElement>>;
+export declare function FormContainer({ ref, className, maxWidth, fullWidth, children, ...props }: React.PropsWithoutRef<FormContainerProps> & React.RefAttributes<HTMLDivElement>): React.JSX.Element;
+export declare namespace FormContainer {
+    var displayName: string;
+}
 export {};

package/dist/tools/components/form/form-container.d.ts

@@ -34,5 +34,8 @@ export interface FormContainerProps extends React.HTMLAttributes<HTMLDivElement>
  * </FormContainer>
  * ```
  */
-export declare const FormContainer: React.ForwardRefExoticComponent<FormContainerProps & React.RefAttributes<HTMLDivElement>>;
+export declare function FormContainer({ ref, className, maxWidth, fullWidth, children, ...props }: React.PropsWithoutRef<FormContainerProps> & React.RefAttributes<HTMLDivElement>): React.JSX.Element;
+export declare namespace FormContainer {
+    var displayName: string;
+}
 export {};

package/dist/tools/components/form/form-container.js

@@ -1,9 +1,9 @@
 "use client";
 import { cn as e } from "../../../ui/lib/utils.js";
 import { jsx as t } from "react/jsx-runtime";
-import * as n from "react";
+import "react";
 //#region src/tools/components/form/form-container.tsx
-var r = {
+var n = {
 	sm: "max-w-sm",
 	md: "max-w-md",
 	lg: "max-w-lg",
@@ -12,14 +12,17 @@ var r = {
 	"3xl": "max-w-3xl",
 	"4xl": "max-w-4xl",
 	"5xl": "max-w-5xl"
-}, i = n.forwardRef(({ className: n, maxWidth: i = "4xl", fullWidth: a = !1, children: o, ...s }, c) => /* @__PURE__ */ t("div", {
-	ref: c,
-	className: e("mx-auto w-full px-4 py-6 md:px-6 lg:px-8", !a && r[i], n),
-	...s,
-	children: o
-}));
-i.displayName = "FormContainer";
+};
+function r({ ref: r, className: i, maxWidth: a = "4xl", fullWidth: o = !1, children: s, ...c }) {
+	return /* @__PURE__ */ t("div", {
+		ref: r,
+		className: e("mx-auto w-full px-4 py-6 md:px-6 lg:px-8", !o && n[a], i),
+		...c,
+		children: s
+	});
+}
+r.displayName = "FormContainer";
 //#endregion
-export { i as FormContainer };
+export { r as FormContainer };
 
 //# sourceMappingURL=form-container.js.map

package/dist/tools/components/form/form-container.js.map

@@ -1 +1 @@
-{"version":3,"file":"form-container.js","names":["React","React$1","containerWidths","FormContainer","props","cn","fullWidth","maxWidth","className"],"sources":["../../../../src/tools/components/form/form-container.tsx"],"sourcesContent":["import * as React from 'react';\nimport { cn } from \"../../lib/utils\";\n\nconst containerWidths = {\n  sm: 'max-w-sm', // 384px\n  md: 'max-w-md', // 448px\n  lg: 'max-w-lg', // 512px\n  xl: 'max-w-xl', // 576px\n  '2xl': 'max-w-2xl', // 672px\n  '3xl': 'max-w-3xl', // 768px\n  '4xl': 'max-w-4xl', // 896px\n  '5xl': 'max-w-5xl', // 1024px\n} as const;\n\nexport type FormContainerWidth = keyof typeof containerWidths;\n\nexport interface FormContainerProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * コンテナの最大幅\n   * @default \"4xl\" (896px)\n   */\n  maxWidth?: FormContainerWidth;\n  /**\n   * フルスクリーンモード (max-width制限なし)\n   */\n  fullWidth?: boolean;\n}\n\n/**\n * フォーム用の中央揃えコンテナ\n *\n * デスクトップ画面での読みやすさを確保するため、適切な最大幅で中央揃えにします。\n * レスポンシブパディングを提供し、一貫した余白を保ちます。\n *\n * @example\n * ```tsx\n * <FormContainer maxWidth=\"4xl\">\n *   <form>...</form>\n * </FormContainer>\n * ```\n */\nexport const FormContainer = React.forwardRef<HTMLDivElement, FormContainerProps>(\n  ({ className, maxWidth = '4xl', fullWidth = false, children, ...props }, ref) => {\n    return (\n      <div\n        ref={ref}\n        className={cn(\n          'mx-auto w-full px-4 py-6 md:px-6 lg:px-8',\n          !fullWidth && containerWidths[maxWidth],\n          className,\n        )}\n        {...props}\n      >\n        {children}\n      </div>\n    );\n  },\n);\nFormContainer.displayName = 'FormContainer';\n"],"mappings":";;;;;AAGA,IAAME,IAAkB;CACtB,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,OAAO;CACP,OAAO;CACP,OAAO;CACP,OAAO;AACT,GA6BaC,IAAgBH,EAAM,YAChC,EAAE,cAAW,cAAW,OAAO,eAAY,IAAO,aAAU,GAAGI,KAAS,MAErE,kBAAC,OAAD;CACO;CACL,WAAWC,EACT,4CACA,CAACC,KAAaJ,EAAgBK,IAC9BC,CACF;CACA,GAAIJ;CAEH;AACE,CAAA,CAGX;AACA,EAAc,cAAc"}
+{"version":3,"file":"form-container.js","names":["containerWidths","FormContainer","props","cn","fullWidth","maxWidth","className"],"sources":["../../../../src/tools/components/form/form-container.tsx"],"sourcesContent":["import * as React from 'react';\nimport { cn } from \"../../lib/utils\";\n\nconst containerWidths = {\n  sm: 'max-w-sm', // 384px\n  md: 'max-w-md', // 448px\n  lg: 'max-w-lg', // 512px\n  xl: 'max-w-xl', // 576px\n  '2xl': 'max-w-2xl', // 672px\n  '3xl': 'max-w-3xl', // 768px\n  '4xl': 'max-w-4xl', // 896px\n  '5xl': 'max-w-5xl', // 1024px\n} as const;\n\nexport type FormContainerWidth = keyof typeof containerWidths;\n\nexport interface FormContainerProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * コンテナの最大幅\n   * @default \"4xl\" (896px)\n   */\n  maxWidth?: FormContainerWidth;\n  /**\n   * フルスクリーンモード (max-width制限なし)\n   */\n  fullWidth?: boolean;\n}\n\n/**\n * フォーム用の中央揃えコンテナ\n *\n * デスクトップ画面での読みやすさを確保するため、適切な最大幅で中央揃えにします。\n * レスポンシブパディングを提供し、一貫した余白を保ちます。\n *\n * @example\n * ```tsx\n * <FormContainer maxWidth=\"4xl\">\n *   <form>...</form>\n * </FormContainer>\n * ```\n */\nexport function FormContainer({\n  ref,\n  className,\n  maxWidth = '4xl',\n  fullWidth = false,\n  children,\n  ...props\n}: React.PropsWithoutRef<FormContainerProps> & React.RefAttributes<HTMLDivElement>) {\n  return (\n    <div\n      ref={ref}\n      className={cn(\n        'mx-auto w-full px-4 py-6 md:px-6 lg:px-8',\n        !fullWidth && containerWidths[maxWidth],\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\nFormContainer.displayName = 'FormContainer';\n"],"mappings":";;;;;AAGA,IAAMA,IAAkB;CACtB,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,OAAO;CACP,OAAO;CACP,OAAO;CACP,OAAO;AACT;AA6BA,SAAgBC,EAAc,EAC5B,QACA,cACA,cAAW,OACX,eAAY,IACZ,aACA,GAAGC,KAC+E;CAClF,OACE,kBAAC,OAAD;EACO;EACL,WAAWC,EACT,4CACA,CAACC,KAAaJ,EAAgBK,IAC9BC,CACF;EACA,GAAIJ;EAEH;CACE,CAAA;AAET;AACA,EAAc,cAAc"}

package/dist/tools/components/form/form-grid.cjs

@@ -1,2 +1,2 @@
-"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../ui/lib/utils.cjs");let n=require("react/jsx-runtime"),r=require("react");r=e.__toESM(r,1);var i={short:`col-span-1`,medium:`col-span-1`,long:`md:col-span-2`,full:`col-span-full`},a={sm:`gap-3`,md:`gap-4 md:gap-6`,lg:`gap-6 md:gap-8`},o={1:`grid-cols-1`,2:`grid-cols-1 md:grid-cols-2`,3:`grid-cols-1 md:grid-cols-2 lg:grid-cols-3`},s=r.forwardRef(({className:e,columns:r=2,gap:i=`md`,children:s,...c},l)=>(0,n.jsx)(`div`,{ref:l,className:t.cn(`grid`,o[r],a[i],e),...c,children:s}));s.displayName=`FormGrid`;var c=r.forwardRef(({className:e,width:r=`medium`,children:a,...o},s)=>(0,n.jsx)(`div`,{ref:s,className:t.cn(i[r],e),...o,children:a}));c.displayName=`FormGridItem`,exports.FormGrid=s,exports.FormGridItem=c;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../ui/lib/utils.cjs");let n=require("react/jsx-runtime"),r=require("react");r=e.__toESM(r,1);var i={short:`col-span-1`,medium:`col-span-1`,long:`md:col-span-2`,full:`col-span-full`},a={sm:`gap-3`,md:`gap-4 md:gap-6`,lg:`gap-6 md:gap-8`},o={1:`grid-cols-1`,2:`grid-cols-1 md:grid-cols-2`,3:`grid-cols-1 md:grid-cols-2 lg:grid-cols-3`};function s({ref:e,className:r,columns:i=2,gap:s=`md`,children:c,...l}){return(0,n.jsx)(`div`,{ref:e,className:t.cn(`grid`,o[i],a[s],r),...l,children:c})}s.displayName=`FormGrid`;function c({ref:e,className:r,width:a=`medium`,children:o,...s}){return(0,n.jsx)(`div`,{ref:e,className:t.cn(i[a],r),...s,children:o})}c.displayName=`FormGridItem`,exports.FormGrid=s,exports.FormGridItem=c;
 //# sourceMappingURL=form-grid.cjs.map

package/dist/tools/components/form/form-grid.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"form-grid.cjs","names":["React","cn","require_runtime","require_ui_lib_utils","react_jsx_runtime","react","widthToSpan","gapClasses","columnClasses","FormGrid","props","columns","gap","className","FormGridItem","width"],"sources":["../../../../src/tools/components/form/form-grid.tsx"],"sourcesContent":["import * as React from 'react';\nimport { cn } from \"../../lib/utils\";\nimport type { FieldWidth } from \"../../lib/schema\";\n\n/**\n * フィールド幅に対応するグリッドスパン\n * - short: 1列 (最小幅)\n * - medium: 1列 (デフォルト)\n * - long: 2列にスパン\n * - full: 全列にスパン\n */\nconst widthToSpan: Record<FieldWidth, string> = {\n  short: 'col-span-1',\n  medium: 'col-span-1',\n  long: 'md:col-span-2',\n  full: 'col-span-full',\n};\n\nexport type GridColumns = 1 | 2 | 3;\n\nexport interface FormGridProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * グリッドの列数\n   * @default 2\n   */\n  columns?: GridColumns;\n  /**\n   * グリッド間のギャップサイズ\n   * @default \"md\"\n   */\n  gap?: 'sm' | 'md' | 'lg';\n}\n\nconst gapClasses = {\n  sm: 'gap-3',\n  md: 'gap-4 md:gap-6',\n  lg: 'gap-6 md:gap-8',\n};\n\nconst columnClasses = {\n  1: 'grid-cols-1',\n  2: 'grid-cols-1 md:grid-cols-2',\n  3: 'grid-cols-1 md:grid-cols-2 lg:grid-cols-3',\n};\n\n/**\n * レスポンシブなフォームグリッドコンテナ\n *\n * モバイルでは1列、タブレット/デスクトップでは複数列のレイアウトを提供します。\n * フィールド幅ヒントに基づいて適切なスパンを適用します。\n *\n * @example\n * ```tsx\n * <FormGrid columns={2} gap=\"md\">\n *   <FormGridItem width=\"short\">\n *     <Input label=\"郵便番号\" />\n *   </FormGridItem>\n *   <FormGridItem width=\"full\">\n *     <Textarea label=\"備考\" />\n *   </FormGridItem>\n * </FormGrid>\n * ```\n */\nexport const FormGrid = React.forwardRef<HTMLDivElement, FormGridProps>(\n  ({ className, columns = 2, gap = 'md', children, ...props }, ref) => {\n    return (\n      <div\n        ref={ref}\n        className={cn('grid', columnClasses[columns], gapClasses[gap], className)}\n        {...props}\n      >\n        {children}\n      </div>\n    );\n  },\n);\nFormGrid.displayName = 'FormGrid';\n\nexport interface FormGridItemProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * フィールドの幅ヒント\n   * @default \"medium\"\n   */\n  width?: FieldWidth;\n}\n\n/**\n * FormGrid内の個別アイテム\n *\n * フィールドの幅に応じて適切なグリッドスパンを適用します。\n */\nexport const FormGridItem = React.forwardRef<HTMLDivElement, FormGridItemProps>(\n  ({ className, width = 'medium', children, ...props }, ref) => {\n    return (\n      <div ref={ref} className={cn(widthToSpan[width], className)} {...props}>\n        {children}\n      </div>\n    );\n  },\n);\nFormGridItem.displayName = 'FormGridItem';\n"],"mappings":"A,yPAWA,IAAMM,EAA0C,CAC9C,MAAO,aACP,OAAQ,aACR,KAAM,gBACN,KAAM,eACR,EAiBMC,EAAa,CACjB,GAAI,QACJ,GAAI,iBACJ,GAAI,gBACN,EAEMC,EAAgB,CACpB,EAAG,cACH,EAAG,6BACH,EAAG,2CACL,EAoBaC,EAAWT,EAAM,YAC3B,CAAE,YAAW,UAAU,EAAG,MAAM,KAAM,WAAU,GAAGU,GAAS,KAEzD,EAAAN,EAAA,IAAA,CAAC,MAAD,CACO,MACL,UAAWH,EAAAA,GAAG,OAAQO,EAAcG,GAAUJ,EAAWK,GAAMC,CAAS,EACxE,GAAIH,EAEH,UACE,CAAA,CAGX,EACA,EAAS,YAAc,WAevB,IAAaI,EAAed,EAAM,YAC/B,CAAE,YAAW,QAAQ,SAAU,WAAU,GAAGU,GAAS,KAElD,EAAAN,EAAA,IAAA,CAAC,MAAD,CAAU,MAAK,UAAWH,EAAAA,GAAGK,EAAYS,GAAQF,CAAS,EAAG,GAAIH,EAC9D,UACE,CAAA,CAGX,EACA,EAAa,YAAc,e"}
+{"version":3,"file":"form-grid.cjs","names":["cn","require_runtime","require_ui_lib_utils","react_jsx_runtime","react","widthToSpan","gapClasses","columnClasses","FormGrid","props","columns","gap","className","FormGridItem","width"],"sources":["../../../../src/tools/components/form/form-grid.tsx"],"sourcesContent":["import * as React from 'react';\nimport { cn } from \"../../lib/utils\";\nimport type { FieldWidth } from \"../../lib/schema\";\n\n/**\n * フィールド幅に対応するグリッドスパン\n * - short: 1列 (最小幅)\n * - medium: 1列 (デフォルト)\n * - long: 2列にスパン\n * - full: 全列にスパン\n */\nconst widthToSpan: Record<FieldWidth, string> = {\n  short: 'col-span-1',\n  medium: 'col-span-1',\n  long: 'md:col-span-2',\n  full: 'col-span-full',\n};\n\n/**\n * Supported maximum column counts for {@link FormGrid}; smaller screens use fewer columns.\n */\nexport type GridColumns = 1 | 2 | 3;\n\n/**\n * Grid layout options and native div attributes for {@link FormGrid}.\n */\nexport interface FormGridProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * Maximum columns: 1 always; 2 from md; 3 from lg (two from md).\n   * @defaultValue 2\n   */\n  columns?: GridColumns;\n  /**\n   * Responsive gap preset: sm uses gap-3, md uses gap-4/md:gap-6, lg uses gap-6/md:gap-8.\n   * @defaultValue \"md\"\n   */\n  gap?: 'sm' | 'md' | 'lg';\n}\n\nconst gapClasses = {\n  sm: 'gap-3',\n  md: 'gap-4 md:gap-6',\n  lg: 'gap-6 md:gap-8',\n};\n\nconst columnClasses = {\n  1: 'grid-cols-1',\n  2: 'grid-cols-1 md:grid-cols-2',\n  3: 'grid-cols-1 md:grid-cols-2 lg:grid-cols-3',\n};\n\n/**\n * Renders a responsive form layout with configurable column and gap presets.\n * @param props - Grid settings and native div attributes, including children; see {@link FormGridProps}.\n * @returns A div containing the supplied children; fields and labels are owned by the caller.\n * @remarks The ref prop forwards to the rendered div. Import Appkit CSS. Pair controls with explicit labels; Input and Textarea do not accept a label prop.\n * @example\n * ```tsx\n * import { FormGrid, FormGridItem } from '@alneas/appkit-react/tools/form';\n * import { Input, Textarea } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function AddressFields() {\n *   return <FormGrid columns={2} gap=\"md\">\n *     <FormGridItem width=\"short\"><label htmlFor=\"postal-code\">Postal code</label>\n *       <Input id=\"postal-code\" /></FormGridItem>\n *     <FormGridItem width=\"full\"><label htmlFor=\"notes\">Notes</label>\n *       <Textarea id=\"notes\" /></FormGridItem>\n *   </FormGrid>;\n * }\n * ```\n */\nexport function FormGrid({\n  ref,\n  className,\n  columns = 2,\n  gap = 'md',\n  children,\n  ...props\n}: React.PropsWithoutRef<FormGridProps> & React.RefAttributes<HTMLDivElement>) {\n  return (\n    <div\n      ref={ref}\n      className={cn('grid', columnClasses[columns], gapClasses[gap], className)}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\nFormGrid.displayName = 'FormGrid';\n\n/**\n * Width hints and native div attributes for {@link FormGridItem}.\n */\nexport interface FormGridItemProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * Span hint: short/medium use one column, long spans two from md, full spans all columns.\n   * @defaultValue \"medium\"\n   */\n  width?: FieldWidth;\n}\n\n/**\n * Applies a field-width span hint to one child of {@link FormGrid}.\n * @param props - Width (default medium), children and native div attributes; see {@link FormGridItemProps}.\n * @returns A div with responsive span classes wrapping the supplied children.\n * @remarks The ref prop forwards to the rendered div. Import Appkit CSS. A long item can create implicit columns in a one-column grid at md;\n * choose width hints consistent with the parent grid. See the FormGrid example for labeled controls.\n * @example\n * ```tsx\n * import { FormGrid, FormGridItem } from '@alneas/appkit-react/tools/form';\n * import '@alneas/appkit-react/styles';\n * export function FullWidthContent() {\n *   return <FormGrid><FormGridItem width=\"full\">Additional details</FormGridItem></FormGrid>;\n * }\n * ```\n */\nexport function FormGridItem({\n  ref,\n  className,\n  width = 'medium',\n  children,\n  ...props\n}: React.PropsWithoutRef<FormGridItemProps> & React.RefAttributes<HTMLDivElement>) {\n  return (\n    <div ref={ref} className={cn(widthToSpan[width], className)} {...props}>\n      {children}\n    </div>\n  );\n}\nFormGridItem.displayName = 'FormGridItem';\n"],"mappings":"A,yPAWA,IAAMK,EAA0C,CAC9C,MAAO,aACP,OAAQ,aACR,KAAM,gBACN,KAAM,eACR,EAuBMC,EAAa,CACjB,GAAI,QACJ,GAAI,iBACJ,GAAI,gBACN,EAEMC,EAAgB,CACpB,EAAG,cACH,EAAG,6BACH,EAAG,2CACL,EAuBA,SAAgBC,EAAS,CACvB,MACA,YACA,UAAU,EACV,MAAM,KACN,WACA,GAAGC,GAC0E,CAC7E,OACE,EAAAN,EAAA,IAAA,CAAC,MAAD,CACO,MACL,UAAWH,EAAAA,GAAG,OAAQO,EAAcG,GAAUJ,EAAWK,GAAMC,CAAS,EACxE,GAAIH,EAEH,UACE,CAAA,CAET,CACA,EAAS,YAAc,WA4BvB,SAAgBI,EAAa,CAC3B,MACA,YACA,QAAQ,SACR,WACA,GAAGJ,GAC8E,CACjF,OACE,EAAAN,EAAA,IAAA,CAAC,MAAD,CAAU,MAAK,UAAWH,EAAAA,GAAGK,EAAYS,GAAQF,CAAS,EAAG,GAAIH,EAC9D,UACE,CAAA,CAET,CACA,EAAa,YAAc,e"}

package/dist/tools/components/form/form-grid.d.cts

@@ -1,47 +1,75 @@
 import { FieldWidth } from '../../lib/schema/index.cjs';
 import * as React from 'react';
+/**
+ * Supported maximum column counts for {@link FormGrid}; smaller screens use fewer columns.
+ */
 export type GridColumns = 1 | 2 | 3;
+/**
+ * Grid layout options and native div attributes for {@link FormGrid}.
+ */
 export interface FormGridProps extends React.HTMLAttributes<HTMLDivElement> {
     /**
-     * グリッドの列数
-     * @default 2
+     * Maximum columns: 1 always; 2 from md; 3 from lg (two from md).
+     * @defaultValue 2
      */
     columns?: GridColumns;
     /**
-     * グリッド間のギャップサイズ
-     * @default "md"
+     * Responsive gap preset: sm uses gap-3, md uses gap-4/md:gap-6, lg uses gap-6/md:gap-8.
+     * @defaultValue "md"
      */
     gap?: 'sm' | 'md' | 'lg';
 }
 /**
- * レスポンシブなフォームグリッドコンテナ
- *
- * モバイルでは1列、タブレット/デスクトップでは複数列のレイアウトを提供します。
- * フィールド幅ヒントに基づいて適切なスパンを適用します。
- *
+ * Renders a responsive form layout with configurable column and gap presets.
+ * @param props - Grid settings and native div attributes, including children; see {@link FormGridProps}.
+ * @returns A div containing the supplied children; fields and labels are owned by the caller.
+ * @remarks The ref prop forwards to the rendered div. Import Appkit CSS. Pair controls with explicit labels; Input and Textarea do not accept a label prop.
  * @example
  * ```tsx
- * <FormGrid columns={2} gap="md">
- *   <FormGridItem width="short">
- *     <Input label="郵便番号" />
- *   </FormGridItem>
- *   <FormGridItem width="full">
- *     <Textarea label="備考" />
- *   </FormGridItem>
- * </FormGrid>
+ * import { FormGrid, FormGridItem } from '@alneas/appkit-react/tools/form';
+ * import { Input, Textarea } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function AddressFields() {
+ *   return <FormGrid columns={2} gap="md">
+ *     <FormGridItem width="short"><label htmlFor="postal-code">Postal code</label>
+ *       <Input id="postal-code" /></FormGridItem>
+ *     <FormGridItem width="full"><label htmlFor="notes">Notes</label>
+ *       <Textarea id="notes" /></FormGridItem>
+ *   </FormGrid>;
+ * }
  * ```
  */
-export declare const FormGrid: React.ForwardRefExoticComponent<FormGridProps & React.RefAttributes<HTMLDivElement>>;
+export declare function FormGrid({ ref, className, columns, gap, children, ...props }: React.PropsWithoutRef<FormGridProps> & React.RefAttributes<HTMLDivElement>): React.JSX.Element;
+export declare namespace FormGrid {
+    var displayName: string;
+}
+/**
+ * Width hints and native div attributes for {@link FormGridItem}.
+ */
 export interface FormGridItemProps extends React.HTMLAttributes<HTMLDivElement> {
     /**
-     * フィールドの幅ヒント
-     * @default "medium"
+     * Span hint: short/medium use one column, long spans two from md, full spans all columns.
+     * @defaultValue "medium"
      */
     width?: FieldWidth;
 }
 /**
- * FormGrid内の個別アイテム
- *
- * フィールドの幅に応じて適切なグリッドスパンを適用します。
+ * Applies a field-width span hint to one child of {@link FormGrid}.
+ * @param props - Width (default medium), children and native div attributes; see {@link FormGridItemProps}.
+ * @returns A div with responsive span classes wrapping the supplied children.
+ * @remarks The ref prop forwards to the rendered div. Import Appkit CSS. A long item can create implicit columns in a one-column grid at md;
+ * choose width hints consistent with the parent grid. See the FormGrid example for labeled controls.
+ * @example
+ * ```tsx
+ * import { FormGrid, FormGridItem } from '@alneas/appkit-react/tools/form';
+ * import '@alneas/appkit-react/styles';
+ * export function FullWidthContent() {
+ *   return <FormGrid><FormGridItem width="full">Additional details</FormGridItem></FormGrid>;
+ * }
+ * ```
  */
-export declare const FormGridItem: React.ForwardRefExoticComponent<FormGridItemProps & React.RefAttributes<HTMLDivElement>>;
+export declare function FormGridItem({ ref, className, width, children, ...props }: React.PropsWithoutRef<FormGridItemProps> & React.RefAttributes<HTMLDivElement>): React.JSX.Element;
+export declare namespace FormGridItem {
+    var displayName: string;
+}

package/dist/tools/components/form/form-grid.d.ts

@@ -1,47 +1,75 @@
 import { FieldWidth } from '../../lib/schema/index.js';
 import * as React from 'react';
+/**
+ * Supported maximum column counts for {@link FormGrid}; smaller screens use fewer columns.
+ */
 export type GridColumns = 1 | 2 | 3;
+/**
+ * Grid layout options and native div attributes for {@link FormGrid}.
+ */
 export interface FormGridProps extends React.HTMLAttributes<HTMLDivElement> {
     /**
-     * グリッドの列数
-     * @default 2
+     * Maximum columns: 1 always; 2 from md; 3 from lg (two from md).
+     * @defaultValue 2
      */
     columns?: GridColumns;
     /**
-     * グリッド間のギャップサイズ
-     * @default "md"
+     * Responsive gap preset: sm uses gap-3, md uses gap-4/md:gap-6, lg uses gap-6/md:gap-8.
+     * @defaultValue "md"
      */
     gap?: 'sm' | 'md' | 'lg';
 }
 /**
- * レスポンシブなフォームグリッドコンテナ
- *
- * モバイルでは1列、タブレット/デスクトップでは複数列のレイアウトを提供します。
- * フィールド幅ヒントに基づいて適切なスパンを適用します。
- *
+ * Renders a responsive form layout with configurable column and gap presets.
+ * @param props - Grid settings and native div attributes, including children; see {@link FormGridProps}.
+ * @returns A div containing the supplied children; fields and labels are owned by the caller.
+ * @remarks The ref prop forwards to the rendered div. Import Appkit CSS. Pair controls with explicit labels; Input and Textarea do not accept a label prop.
  * @example
  * ```tsx
- * <FormGrid columns={2} gap="md">
- *   <FormGridItem width="short">
- *     <Input label="郵便番号" />
- *   </FormGridItem>
- *   <FormGridItem width="full">
- *     <Textarea label="備考" />
- *   </FormGridItem>
- * </FormGrid>
+ * import { FormGrid, FormGridItem } from '@alneas/appkit-react/tools/form';
+ * import { Input, Textarea } from '@alneas/appkit-react/ui';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function AddressFields() {
+ *   return <FormGrid columns={2} gap="md">
+ *     <FormGridItem width="short"><label htmlFor="postal-code">Postal code</label>
+ *       <Input id="postal-code" /></FormGridItem>
+ *     <FormGridItem width="full"><label htmlFor="notes">Notes</label>
+ *       <Textarea id="notes" /></FormGridItem>
+ *   </FormGrid>;
+ * }
  * ```
  */
-export declare const FormGrid: React.ForwardRefExoticComponent<FormGridProps & React.RefAttributes<HTMLDivElement>>;
+export declare function FormGrid({ ref, className, columns, gap, children, ...props }: React.PropsWithoutRef<FormGridProps> & React.RefAttributes<HTMLDivElement>): React.JSX.Element;
+export declare namespace FormGrid {
+    var displayName: string;
+}
+/**
+ * Width hints and native div attributes for {@link FormGridItem}.
+ */
 export interface FormGridItemProps extends React.HTMLAttributes<HTMLDivElement> {
     /**
-     * フィールドの幅ヒント
-     * @default "medium"
+     * Span hint: short/medium use one column, long spans two from md, full spans all columns.
+     * @defaultValue "medium"
      */
     width?: FieldWidth;
 }
 /**
- * FormGrid内の個別アイテム
- *
- * フィールドの幅に応じて適切なグリッドスパンを適用します。
+ * Applies a field-width span hint to one child of {@link FormGrid}.
+ * @param props - Width (default medium), children and native div attributes; see {@link FormGridItemProps}.
+ * @returns A div with responsive span classes wrapping the supplied children.
+ * @remarks The ref prop forwards to the rendered div. Import Appkit CSS. A long item can create implicit columns in a one-column grid at md;
+ * choose width hints consistent with the parent grid. See the FormGrid example for labeled controls.
+ * @example
+ * ```tsx
+ * import { FormGrid, FormGridItem } from '@alneas/appkit-react/tools/form';
+ * import '@alneas/appkit-react/styles';
+ * export function FullWidthContent() {
+ *   return <FormGrid><FormGridItem width="full">Additional details</FormGridItem></FormGrid>;
+ * }
+ * ```
  */
-export declare const FormGridItem: React.ForwardRefExoticComponent<FormGridItemProps & React.RefAttributes<HTMLDivElement>>;
+export declare function FormGridItem({ ref, className, width, children, ...props }: React.PropsWithoutRef<FormGridItemProps> & React.RefAttributes<HTMLDivElement>): React.JSX.Element;
+export declare namespace FormGridItem {
+    var displayName: string;
+}

package/dist/tools/components/form/form-grid.js

@@ -1,36 +1,41 @@
 "use client";
 import { cn as e } from "../../../ui/lib/utils.js";
 import { jsx as t } from "react/jsx-runtime";
-import * as n from "react";
+import "react";
 //#region src/tools/components/form/form-grid.tsx
-var r = {
+var n = {
 	short: "col-span-1",
 	medium: "col-span-1",
 	long: "md:col-span-2",
 	full: "col-span-full"
-}, i = {
+}, r = {
 	sm: "gap-3",
 	md: "gap-4 md:gap-6",
 	lg: "gap-6 md:gap-8"
-}, a = {
+}, i = {
 	1: "grid-cols-1",
 	2: "grid-cols-1 md:grid-cols-2",
 	3: "grid-cols-1 md:grid-cols-2 lg:grid-cols-3"
-}, o = n.forwardRef(({ className: n, columns: r = 2, gap: o = "md", children: s, ...c }, l) => /* @__PURE__ */ t("div", {
-	ref: l,
-	className: e("grid", a[r], i[o], n),
-	...c,
-	children: s
-}));
-o.displayName = "FormGrid";
-var s = n.forwardRef(({ className: n, width: i = "medium", children: a, ...o }, s) => /* @__PURE__ */ t("div", {
-	ref: s,
-	className: e(r[i], n),
-	...o,
-	children: a
-}));
-s.displayName = "FormGridItem";
+};
+function a({ ref: n, className: a, columns: o = 2, gap: s = "md", children: c, ...l }) {
+	return /* @__PURE__ */ t("div", {
+		ref: n,
+		className: e("grid", i[o], r[s], a),
+		...l,
+		children: c
+	});
+}
+a.displayName = "FormGrid";
+function o({ ref: r, className: i, width: a = "medium", children: o, ...s }) {
+	return /* @__PURE__ */ t("div", {
+		ref: r,
+		className: e(n[a], i),
+		...s,
+		children: o
+	});
+}
+o.displayName = "FormGridItem";
 //#endregion
-export { o as FormGrid, s as FormGridItem };
+export { a as FormGrid, o as FormGridItem };
 
 //# sourceMappingURL=form-grid.js.map

package/dist/tools/components/form/form-grid.js.map

@@ -1 +1 @@
-{"version":3,"file":"form-grid.js","names":["React","React$1","widthToSpan","gapClasses","columnClasses","FormGrid","props","cn","columns","gap","className","FormGridItem","width"],"sources":["../../../../src/tools/components/form/form-grid.tsx"],"sourcesContent":["import * as React from 'react';\nimport { cn } from \"../../lib/utils\";\nimport type { FieldWidth } from \"../../lib/schema\";\n\n/**\n * フィールド幅に対応するグリッドスパン\n * - short: 1列 (最小幅)\n * - medium: 1列 (デフォルト)\n * - long: 2列にスパン\n * - full: 全列にスパン\n */\nconst widthToSpan: Record<FieldWidth, string> = {\n  short: 'col-span-1',\n  medium: 'col-span-1',\n  long: 'md:col-span-2',\n  full: 'col-span-full',\n};\n\nexport type GridColumns = 1 | 2 | 3;\n\nexport interface FormGridProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * グリッドの列数\n   * @default 2\n   */\n  columns?: GridColumns;\n  /**\n   * グリッド間のギャップサイズ\n   * @default \"md\"\n   */\n  gap?: 'sm' | 'md' | 'lg';\n}\n\nconst gapClasses = {\n  sm: 'gap-3',\n  md: 'gap-4 md:gap-6',\n  lg: 'gap-6 md:gap-8',\n};\n\nconst columnClasses = {\n  1: 'grid-cols-1',\n  2: 'grid-cols-1 md:grid-cols-2',\n  3: 'grid-cols-1 md:grid-cols-2 lg:grid-cols-3',\n};\n\n/**\n * レスポンシブなフォームグリッドコンテナ\n *\n * モバイルでは1列、タブレット/デスクトップでは複数列のレイアウトを提供します。\n * フィールド幅ヒントに基づいて適切なスパンを適用します。\n *\n * @example\n * ```tsx\n * <FormGrid columns={2} gap=\"md\">\n *   <FormGridItem width=\"short\">\n *     <Input label=\"郵便番号\" />\n *   </FormGridItem>\n *   <FormGridItem width=\"full\">\n *     <Textarea label=\"備考\" />\n *   </FormGridItem>\n * </FormGrid>\n * ```\n */\nexport const FormGrid = React.forwardRef<HTMLDivElement, FormGridProps>(\n  ({ className, columns = 2, gap = 'md', children, ...props }, ref) => {\n    return (\n      <div\n        ref={ref}\n        className={cn('grid', columnClasses[columns], gapClasses[gap], className)}\n        {...props}\n      >\n        {children}\n      </div>\n    );\n  },\n);\nFormGrid.displayName = 'FormGrid';\n\nexport interface FormGridItemProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * フィールドの幅ヒント\n   * @default \"medium\"\n   */\n  width?: FieldWidth;\n}\n\n/**\n * FormGrid内の個別アイテム\n *\n * フィールドの幅に応じて適切なグリッドスパンを適用します。\n */\nexport const FormGridItem = React.forwardRef<HTMLDivElement, FormGridItemProps>(\n  ({ className, width = 'medium', children, ...props }, ref) => {\n    return (\n      <div ref={ref} className={cn(widthToSpan[width], className)} {...props}>\n        {children}\n      </div>\n    );\n  },\n);\nFormGridItem.displayName = 'FormGridItem';\n"],"mappings":";;;;;AAWA,IAAME,IAA0C;CAC9C,OAAO;CACP,QAAQ;CACR,MAAM;CACN,MAAM;AACR,GAiBMC,IAAa;CACjB,IAAI;CACJ,IAAI;CACJ,IAAI;AACN,GAEMC,IAAgB;CACpB,GAAG;CACH,GAAG;CACH,GAAG;AACL,GAoBaC,IAAWL,EAAM,YAC3B,EAAE,cAAW,aAAU,GAAG,SAAM,MAAM,aAAU,GAAGM,KAAS,MAEzD,kBAAC,OAAD;CACO;CACL,WAAWC,EAAG,QAAQH,EAAcI,IAAUL,EAAWM,IAAMC,CAAS;CACxE,GAAIJ;CAEH;AACE,CAAA,CAGX;AACA,EAAS,cAAc;AAevB,IAAaK,IAAeX,EAAM,YAC/B,EAAE,cAAW,WAAQ,UAAU,aAAU,GAAGM,KAAS,MAElD,kBAAC,OAAD;CAAU;CAAK,WAAWC,EAAGL,EAAYU,IAAQF,CAAS;CAAG,GAAIJ;CAC9D;AACE,CAAA,CAGX;AACA,EAAa,cAAc"}
+{"version":3,"file":"form-grid.js","names":["widthToSpan","gapClasses","columnClasses","FormGrid","props","cn","columns","gap","className","FormGridItem","width"],"sources":["../../../../src/tools/components/form/form-grid.tsx"],"sourcesContent":["import * as React from 'react';\nimport { cn } from \"../../lib/utils\";\nimport type { FieldWidth } from \"../../lib/schema\";\n\n/**\n * フィールド幅に対応するグリッドスパン\n * - short: 1列 (最小幅)\n * - medium: 1列 (デフォルト)\n * - long: 2列にスパン\n * - full: 全列にスパン\n */\nconst widthToSpan: Record<FieldWidth, string> = {\n  short: 'col-span-1',\n  medium: 'col-span-1',\n  long: 'md:col-span-2',\n  full: 'col-span-full',\n};\n\n/**\n * Supported maximum column counts for {@link FormGrid}; smaller screens use fewer columns.\n */\nexport type GridColumns = 1 | 2 | 3;\n\n/**\n * Grid layout options and native div attributes for {@link FormGrid}.\n */\nexport interface FormGridProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * Maximum columns: 1 always; 2 from md; 3 from lg (two from md).\n   * @defaultValue 2\n   */\n  columns?: GridColumns;\n  /**\n   * Responsive gap preset: sm uses gap-3, md uses gap-4/md:gap-6, lg uses gap-6/md:gap-8.\n   * @defaultValue \"md\"\n   */\n  gap?: 'sm' | 'md' | 'lg';\n}\n\nconst gapClasses = {\n  sm: 'gap-3',\n  md: 'gap-4 md:gap-6',\n  lg: 'gap-6 md:gap-8',\n};\n\nconst columnClasses = {\n  1: 'grid-cols-1',\n  2: 'grid-cols-1 md:grid-cols-2',\n  3: 'grid-cols-1 md:grid-cols-2 lg:grid-cols-3',\n};\n\n/**\n * Renders a responsive form layout with configurable column and gap presets.\n * @param props - Grid settings and native div attributes, including children; see {@link FormGridProps}.\n * @returns A div containing the supplied children; fields and labels are owned by the caller.\n * @remarks The ref prop forwards to the rendered div. Import Appkit CSS. Pair controls with explicit labels; Input and Textarea do not accept a label prop.\n * @example\n * ```tsx\n * import { FormGrid, FormGridItem } from '@alneas/appkit-react/tools/form';\n * import { Input, Textarea } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n *\n * export function AddressFields() {\n *   return <FormGrid columns={2} gap=\"md\">\n *     <FormGridItem width=\"short\"><label htmlFor=\"postal-code\">Postal code</label>\n *       <Input id=\"postal-code\" /></FormGridItem>\n *     <FormGridItem width=\"full\"><label htmlFor=\"notes\">Notes</label>\n *       <Textarea id=\"notes\" /></FormGridItem>\n *   </FormGrid>;\n * }\n * ```\n */\nexport function FormGrid({\n  ref,\n  className,\n  columns = 2,\n  gap = 'md',\n  children,\n  ...props\n}: React.PropsWithoutRef<FormGridProps> & React.RefAttributes<HTMLDivElement>) {\n  return (\n    <div\n      ref={ref}\n      className={cn('grid', columnClasses[columns], gapClasses[gap], className)}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\nFormGrid.displayName = 'FormGrid';\n\n/**\n * Width hints and native div attributes for {@link FormGridItem}.\n */\nexport interface FormGridItemProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * Span hint: short/medium use one column, long spans two from md, full spans all columns.\n   * @defaultValue \"medium\"\n   */\n  width?: FieldWidth;\n}\n\n/**\n * Applies a field-width span hint to one child of {@link FormGrid}.\n * @param props - Width (default medium), children and native div attributes; see {@link FormGridItemProps}.\n * @returns A div with responsive span classes wrapping the supplied children.\n * @remarks The ref prop forwards to the rendered div. Import Appkit CSS. A long item can create implicit columns in a one-column grid at md;\n * choose width hints consistent with the parent grid. See the FormGrid example for labeled controls.\n * @example\n * ```tsx\n * import { FormGrid, FormGridItem } from '@alneas/appkit-react/tools/form';\n * import '@alneas/appkit-react/styles';\n * export function FullWidthContent() {\n *   return <FormGrid><FormGridItem width=\"full\">Additional details</FormGridItem></FormGrid>;\n * }\n * ```\n */\nexport function FormGridItem({\n  ref,\n  className,\n  width = 'medium',\n  children,\n  ...props\n}: React.PropsWithoutRef<FormGridItemProps> & React.RefAttributes<HTMLDivElement>) {\n  return (\n    <div ref={ref} className={cn(widthToSpan[width], className)} {...props}>\n      {children}\n    </div>\n  );\n}\nFormGridItem.displayName = 'FormGridItem';\n"],"mappings":";;;;;AAWA,IAAMA,IAA0C;CAC9C,OAAO;CACP,QAAQ;CACR,MAAM;CACN,MAAM;AACR,GAuBMC,IAAa;CACjB,IAAI;CACJ,IAAI;CACJ,IAAI;AACN,GAEMC,IAAgB;CACpB,GAAG;CACH,GAAG;CACH,GAAG;AACL;AAuBA,SAAgBC,EAAS,EACvB,QACA,cACA,aAAU,GACV,SAAM,MACN,aACA,GAAGC,KAC0E;CAC7E,OACE,kBAAC,OAAD;EACO;EACL,WAAWC,EAAG,QAAQH,EAAcI,IAAUL,EAAWM,IAAMC,CAAS;EACxE,GAAIJ;EAEH;CACE,CAAA;AAET;AACA,EAAS,cAAc;AA4BvB,SAAgBK,EAAa,EAC3B,QACA,cACA,WAAQ,UACR,aACA,GAAGL,KAC8E;CACjF,OACE,kBAAC,OAAD;EAAU;EAAK,WAAWC,EAAGL,EAAYU,IAAQF,CAAS;EAAG,GAAIJ;EAC9D;CACE,CAAA;AAET;AACA,EAAa,cAAc"}

package/dist/tools/components/gantt/GanttChart.cjs

@@ -1,2 +1,2 @@
-"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../ui/lib/utils.cjs"),t=require("../../../ui/components/ui/button-components.cjs"),n=require("../../../ui/components/ui/avatar.cjs"),r=require("./hooks/useGanttState.cjs"),i=require("./components/GanttToolbar.cjs"),a=require("./components/GanttTaskBar.cjs"),o=require("./dialogs/TaskEditDialog.cjs"),s=require("./components/GanttDependencyLayer.cjs"),c=require("./hooks/use-gantt-row-window.cjs");let l=require("react/jsx-runtime"),u=require("react"),d=require("lucide-react"),ee=require("date-fns/locale"),f=require("date-fns"),p=require("@alneas/appkit-core/graph/planning");var te=(0,u.memo)(a.GanttTaskBar),ne=[];function m({tasks:a,milestones:m=[],markers:ie=[],onTaskClick:ae,onTaskUpdate:h,onTasksChange:g,dependencies:_=ne,autoSchedule:v=!1,schedulingOptions:y,showCriticalPath:b=!1,dateEditing:oe,onTaskDelete:x,onAddTask:S,onMilestoneClick:se,className:ce,initialViewMode:le=`Week`,taskBarDisplay:ue=`none`,displayConfig:C,scaleConfig:w,gridConfig:T,baselineConfig:de,progressConfig:fe,hierarchyConfig:E,filterConfig:pe,editMode:D=`dialog`,editableFields:me,showAddButton:he,showRowAddButton:ge,disableOptimisticUpdates:O=!1}){let k=ee.enUS,[A,j]=(0,u.useState)(null),[_e,ve]=(0,u.useState)(a);a!==_e&&(ve(a),j(null));let M=O||!A?a:A,[ye,be]=(0,u.useState)(!1),[N,P]=(0,u.useState)(null),F=(0,u.useRef)(!1),xe=(0,u.useRef)(a),I=(0,u.useRef)(0);(0,u.useEffect)(()=>{xe.current=a},[a]),(0,u.useEffect)(()=>()=>{I.current++},[]);let Se=(0,u.useMemo)(()=>_.length?(0,p.dependencyError)(M,_):null,[M,_]),L=(0,u.useMemo)(()=>{try{return{isWorking:y?.calendar?(0,p.workingDayPredicate)(y.calendar):void 0,plan:b||v&&y?(0,p.planGanttTasks)(M,_,{...y,resourceLeveling:v?y?.resourceLeveling:void 0}):void 0,error:null}}catch(e){return{error:e instanceof Error?e.message:`Invalid schedule.`}}},[M,_,y,b,v]),Ce=(0,u.useMemo)(()=>new Map(b?L.plan?.criticalPath.tasks.map(e=>[e.taskId,e]):[]),[b,L.plan]),R=v&&!g?`Automatic scheduling requires onTasksChange for atomic updates.`:Se??L.error,we=(0,u.useMemo)(()=>{if(!y&&!b)return M;let e=e=>typeof e==`string`&&/^\d{4}-\d{2}-\d{2}$/.test(e)?(0,f.parseISO)(e):e;return M.map(t=>({...t,start_date:e(t.start_date),due_date:e(t.due_date),created_at:e(t.created_at)}))},[M,y,b]),{state:z,visibleTasks:B,allDays:Te,startDate:Ee,totalDays:De,setViewMode:Oe,selectTask:ke,toggleTaskExpand:Ae,setCellWidth:je,goToToday:Me,goToPrevious:Ne,goToNext:Pe,getXPosition:V,getWidth:H}=r.useGanttState({tasks:we,initialViewMode:le,hierarchyConfig:E,scaleConfig:w}),{viewMode:U,currentDate:Fe,cellWidth:W,rowHeight:G,selectedTaskId:Ie}=z,[Le,K]=(0,u.useState)(!1),[q,J]=(0,u.useState)(null),Re=C?.showTaskList??!0,ze=C?.showChart??!0,Be=C?.taskListWidth??256,Ve=T?.showHorizontalBorders??!0,Y=T?.showVerticalBorders??!0,He=T?.showWeekendHighlight??!0,Ue=T?.showTodayHighlight??!0,We=(0,u.useMemo)(()=>B.map(e=>e.id),[B]),X=C?.virtualizeRows!==!1&&B.length>100,{chartRef:Z,listRef:Ge,start:Ke,end:qe,indices:Je,bottomInset:Ye,onScroll:Xe,onFocusCapture:Ze,onBlurCapture:Qe,onKeyDownCapture:$e,onPointerDownCapture:et,onPointerUpCapture:tt,onPointerCancelCapture:nt,onLostPointerCapture:rt}=c.useGanttRowWindow(We,G,X,Le?q?.id:void 0,`${Re}:${ze}`),it={onScroll:Xe,onFocusCapture:Ze,onBlurCapture:Qe,onKeyDownCapture:$e,onPointerDownCapture:et,onPointerUpCapture:tt,onPointerCancelCapture:nt,onLostPointerCapture:rt},at=Je.map(e=>({task:B[e],index:e}));(0,u.useEffect)(()=>{if(Z.current){let e=V(new Date),t=Z.current.clientWidth;Z.current.scrollLeft=e-t/2}},[U,V,Z]);let Q=(0,u.useCallback)(e=>{F.current||(ke(e.id),ae?.(e),D===`dialog`&&(J(M.find(t=>t.id===e.id)??e),K(!0)))},[ke,ae,D,M]),$=(0,u.useCallback)(async(e,t)=>{if(F.current)return!1;let n=++I.current,r=a,i=A;F.current=!0,be(!0),P(null);try{if(t&&v&&!g)throw Error(`Automatic scheduling requires onTasksChange for atomic updates.`);let r=M.map(t=>t.id===e.id?e:t);return t&&v&&(r=(0,p.scheduleGanttTasks)(r,_,y)),O||j(r),g?await g(r):await h?.(e),n===I.current}catch(e){return n===I.current&&(xe.current===r&&j(i),P(e instanceof Error?e.message:`Unable to save task changes.`)),!1}finally{n===I.current&&(F.current=!1,be(!1))}},[a,A,v,g,M,_,y,O,h]),ot=async e=>{let t=q&&(String(e.start_date)!==String(q.start_date)||String(e.due_date)!==String(q.due_date)),n=await $(v&&y&&t?{...e,durationDays:void 0}:e,!0);return n&&(K(!1),J(null)),n},st=(0,u.useCallback)((e,t,n)=>{let r=M.find(t=>t.id===e);if(!r)return;let i={...r,start_date:t,due_date:n};if(v&&y)try{let e=(0,p.planningDate)(r.start_date??r.created_at),a=r.due_date==null?(0,f.addDays)(e,1):(0,p.planningDate)(r.due_date),o=(0,f.differenceInCalendarDays)(t,e)===(0,f.differenceInCalendarDays)(n,a);i={...i,durationDays:(0,p.getGanttWorkingDuration)(o?r:{...i,durationDays:void 0},y.calendar)}}catch(e){P(e instanceof Error?e.message:`Invalid task dates.`);return}$(i,!0)},[M,v,y,$]),ct=(0,u.useCallback)((e,t)=>{let n=M.find(t=>t.id===e);n&&$({...n,progress:t},!1)},[M,$]),lt=e=>{if(!F.current){if(!O){let t=M.filter(t=>t.id!==e);j(t)}x?.(e),K(!1),J(null)}},ut=e=>{S?.(e)},dt=()=>{let e=w?.maxCellWidth??100;je(Math.min(W*1.5,e))},ft=()=>{let e=w?.minCellWidth??5;je(Math.max(W/1.5,e))},pt=e=>({today:`Today`,day:`Day`,week:`Week`,month:`Month`,tasks:`Tasks`,milestones:`Milestones`})[e.toLowerCase()]||e;return(0,l.jsxs)(`div`,{"aria-busy":ye,"data-task-count":B.length,"data-virtualized":X||void 0,className:e.cn(`flex flex-col h-full bg-background border overflow-hidden [border-radius:var(--radius-lg)] [box-shadow:var(--shadow-sm)]`,ce),children:[b&&L.plan&&(0,l.jsxs)(`div`,{className:`px-2 py-1 text-xs text-muted-foreground`,role:`status`,children:[`Critical path (dependencies only): `,L.plan.criticalPath.taskIds.length,` tasks; resource contention is excluded from float.`]}),v&&y?.resourceLeveling?.enabled&&L.plan&&(0,l.jsxs)(`details`,{className:`px-2 py-1 text-xs text-muted-foreground`,"data-resource-leveling":!0,children:[(0,l.jsxs)(`summary`,{children:[`Resource leveling preview: `,L.plan.resourceDelays.length,` delayed tasks (not applied until save)`]}),(0,l.jsx)(`ul`,{children:L.plan.resourceDelays.map(e=>(0,l.jsxs)(`li`,{children:[M.find(t=>t.id===e.taskId)?.title??e.taskId,`: capacity +`,e.directDays,`d, predecessors +`,e.propagatedDays,`d`]},e.taskId))})]}),(N||R)&&(0,l.jsx)(`div`,{role:`alert`,className:`p-2 text-sm text-destructive`,children:N||R}),(0,l.jsx)(i.GanttToolbar,{currentDate:Fe,viewMode:U,scaleConfig:w,filterConfig:pe,onViewModeChange:Oe,onPrevious:Ne,onNext:Pe,onToday:Me,onZoomIn:w?.zoomControls?dt:void 0,onZoomOut:w?.zoomControls?ft:void 0}),(0,l.jsxs)(`div`,{className:`flex flex-1 min-h-0 overflow-hidden`,children:[Re&&(0,l.jsxs)(`div`,{className:`flex-shrink-0 border-r bg-background flex flex-col z-20 [box-shadow:var(--shadow-sm)]`,style:{width:Be},children:[(0,l.jsxs)(`div`,{className:`border-b bg-muted/10 flex items-center justify-between text-muted-foreground [padding-left:var(--spacing-4)] [padding-right:var(--spacing-4)] [font-weight:var(--font-weight-semibold)] [font-size:var(--text-sm)]`,style:{height:G,flexShrink:0},children:[(0,l.jsx)(`span`,{children:pt(`tasks`)}),he&&S&&(0,l.jsx)(t.Button,{variant:`ghost`,size:`icon`,className:`h-6 w-6`,onClick:()=>ut(),children:(0,l.jsx)(d.Plus,{className:`h-4 w-4`})})]}),(0,l.jsx)(`div`,{ref:Ge,...it,"data-gantt-list-viewport":!0,className:`flex-1 min-h-0 overflow-auto`,children:(0,l.jsxs)(`div`,{style:{paddingBottom:Ye},children:[(0,l.jsx)(`div`,{style:{height:B.length*G,position:`relative`},children:at.map(({task:r,index:i})=>(0,l.jsxs)(`div`,{"data-gantt-row-id":r.id,className:e.cn(`border-b flex items-center px-2 text-sm font-medium hover:bg-muted/50 cursor-pointer transition-colors group`,Ie===r.id&&`bg-muted`),style:{height:G,position:`absolute`,top:i*G,left:0,right:0,paddingLeft:r.computedLevel*(E?.indentWidth??16)+8},onClick:()=>Q(r),children:[r.hasChildren?(0,l.jsx)(t.Button,{"aria-label":`${r.title}: expand/collapse`,"aria-expanded":z.expandedTaskIds.has(r.id),variant:`ghost`,size:`icon`,className:`h-4 w-4 p-0 mr-1 hover:bg-muted rounded-sm`,onClick:e=>{e.stopPropagation(),Ae(r.id)},children:z.expandedTaskIds.has(r.id)?(0,l.jsx)(d.ChevronDown,{className:`h-3 w-3`}):(0,l.jsx)(d.ChevronRight,{className:`h-3 w-3`})}):(0,l.jsx)(`div`,{className:`w-4`}),(0,l.jsx)(`div`,{className:e.cn(`w-2 h-2 rounded-full mr-2 flex-shrink-0`,r.status===`done`?`bg-green-500`:r.status===`review`?`bg-primary`:r.status===`doing`?`bg-blue-500`:r.status===`blocked`?`bg-red-500`:`bg-muted`)}),(0,l.jsx)(`button`,{type:`button`,className:`truncate flex-1 text-left`,onClick:e=>{e.stopPropagation(),Q(r)},children:r.title}),fe?.showProgress&&r.computedProgress>0&&(0,l.jsxs)(`span`,{className:`text-xs text-muted-foreground mr-2`,children:[Math.round(r.computedProgress),`%`]}),r.assignee_id&&(0,l.jsx)(n.Avatar,{className:`h-5 w-5 ml-1 border opacity-70 group-hover:opacity-100`,children:(0,l.jsx)(n.AvatarFallback,{className:`text-[9px]`,children:r.assignee_name?.[0]?.toUpperCase()??r.priority?.[0]?.toUpperCase()??`?`})}),ge&&S&&(0,l.jsx)(t.Button,{variant:`ghost`,size:`icon`,className:`h-5 w-5 opacity-0 group-hover:opacity-100`,onClick:e=>{e.stopPropagation(),ut(r.id)},children:(0,l.jsx)(d.Plus,{className:`h-3 w-3`})})]},r.id))}),m.length>0&&(0,l.jsx)(`div`,{className:`border-b bg-muted/5 flex items-center px-4 text-xs font-semibold text-muted-foreground uppercase`,style:{height:G},children:pt(`milestones`)}),m.map(e=>(0,l.jsxs)(`div`,{className:`border-b flex items-center px-4 text-sm hover:bg-muted/50 cursor-pointer`,style:{height:G},onClick:()=>se?.(e),children:[(0,l.jsx)(`div`,{className:`w-2 h-2 rotate-45 bg-amber-500 mr-2 flex-shrink-0`}),(0,l.jsx)(`span`,{className:`truncate`,children:e.name})]},e.id))]})})]}),ze&&(0,l.jsx)(`div`,{ref:Z,...it,"data-gantt-chart-viewport":!0,className:`flex-1 min-w-0 overflow-auto bg-muted/5 relative`,children:(0,l.jsxs)(`div`,{style:{width:`${De*W}px`,minWidth:`100%`},children:[(0,l.jsx)(`div`,{className:`sticky top-0 z-10 bg-background border-b flex relative`,style:{height:G},children:Te.map(t=>{let n=t.getDate()===1,r=t.getDate()<=7&&t.getDay()===1,i=t.getMonth()===0&&t.getDate()===1,a=t.getDay()===1,o=!1,s=``,c=!1,u=``,d=Y?`border-r`:``;return U===`Day`?(o=n,s=(0,f.format)(t,`yyyy MMMM`,{locale:k}),c=!0,u=(0,f.format)(t,`d`,{locale:k})):U===`Week`?(o=r||n&&t.getDay()===1,s=(0,f.format)(t,`yyyy MMM`,{locale:k}),c=a,u=(0,f.format)(t,`d`,{locale:k}),d=a&&Y?`border-l border-border`:``):U===`Month`&&(o=i,s=(0,f.format)(t,`yyyy`,{locale:k}),c=n,d=n&&Y?`border-l border-border`:``,c&&(u=(0,f.format)(t,`MMM`,{locale:k}))),(0,l.jsxs)(`div`,{className:e.cn(`flex-shrink-0 flex flex-col justify-end pb-1 text-[10px] text-muted-foreground select-none text-center relative`,d,(L.isWorking?!L.isWorking(t):He&&(0,f.isWeekend)(t))&&U===`Day`&&`bg-muted/10`,Ue&&(0,f.isToday)(t)&&`bg-primary/10 font-semibold text-primary`),style:{width:W},children:[o&&(0,l.jsx)(`span`,{className:`absolute top-1 left-1 text-xs font-bold text-foreground pl-1 whitespace-nowrap z-10`,children:s}),c&&(0,l.jsx)(`span`,{className:e.cn(U!==`Day`&&`absolute bottom-1 left-1`,`whitespace-nowrap tracking-tighter`),children:u})]},t.toISOString())})}),(0,l.jsxs)(`div`,{className:`relative`,children:[(0,l.jsxs)(`div`,{className:`absolute inset-0 flex pointer-events-none`,children:[Te.map(t=>{let n=``;return Y&&(U===`Day`?n=`border-r`:(U===`Week`&&t.getDay()===1||U===`Month`&&t.getDate()===1)&&(n=`border-l`)),(0,l.jsx)(`div`,{className:e.cn(`flex-shrink-0 h-full`,n,(L.isWorking?!L.isWorking(t):He&&(0,f.isWeekend)(t))&&U===`Day`?`bg-muted/20`:`bg-transparent`,Ue&&(0,f.isToday)(t)&&`bg-primary/5`),style:{width:W}},`grid-${t.toISOString()}`)}),((0,f.isSameDay)(new Date,Ee)||new Date>Ee)&&U!==`Month`&&(0,l.jsx)(`div`,{className:`absolute top-0 bottom-0 border-l-2 border-red-500/50 z-30 pointer-events-none`,style:{left:V(new Date)+W/2},children:(0,l.jsx)(`div`,{className:`w-2 h-2 bg-red-500 rounded-full -ml-[5px] mt-[-4px]`})}),ie.map(e=>re(e,V))]}),!Se&&_.length>0&&(0,l.jsx)(s.GanttDependencyLayer,{tasks:B,dependencies:_,criticalDependencyIds:b?new Set(L.plan?.criticalPath.dependencyIds):void 0,rowHeight:G,width:De*W,getXPosition:V,getWidth:H,rowWindow:X?{start:Ke,end:qe}:void 0}),(0,l.jsxs)(`div`,{children:[(0,l.jsx)(`div`,{style:{height:B.length*G,position:`relative`},children:at.map(({task:t,index:n})=>{let r=V(t.computedStart),i=H(t.computedStart,t.computedEnd),a,o;return de?.showBaseline&&t.baseline_start&&t.baseline_end&&(a=V(new Date(t.baseline_start)),o=H(new Date(t.baseline_start),new Date(t.baseline_end))),(0,l.jsx)(`div`,{"data-gantt-row-id":t.id,className:e.cn(`relative`,Ve&&`border-b`),style:{height:G,position:`absolute`,top:n*G,left:0,right:0},children:(0,l.jsx)(te,{task:t,critical:Ce.get(t.id)?.critical,totalFloatDays:Ce.get(t.id)?.totalFloatDays,left:r,width:i,rowHeight:G,taskBarDisplay:ue,progressConfig:fe,baselineConfig:de,baselineLeft:a,baselineWidth:o,onClick:Q,dateEditing:oe,cellWidth:W,editingDisabled:ye,onDateChange:D!==`none`&&(g||h)&&!t.hasChildren&&!(v&&R)?st:void 0,onProgressChange:D!==`none`&&(g||h)&&!(t.hasChildren&&E?.autoRollupProgress)?ct:void 0})},t.id)})}),m.length>0&&(0,l.jsx)(`div`,{"aria-hidden":!0,style:{height:G}}),m.map(t=>{let n=t.due_date?new Date(t.due_date):new Date,r=V(n);return(0,l.jsxs)(`div`,{className:e.cn(`relative`,Ve&&`border-b`),style:{height:G},children:[(0,l.jsx)(`div`,{className:`absolute top-3 w-6 h-6 rotate-45 bg-amber-400 border-2 border-background shadow-md hover:scale-110 transition-transform cursor-help z-10`,style:{left:r-10},title:`${t.name} - ${(0,f.format)(n,`MMM d`)}`}),(0,l.jsx)(`span`,{className:`absolute top-3 text-xs text-muted-foreground whitespace-nowrap ml-2 pointer-events-none font-medium`,style:{left:r+14},children:t.name})]},t.id)})]})]})]})})]}),D===`dialog`&&(0,l.jsx)(o.TaskEditDialog,{task:q,open:Le,onOpenChange:K,onSave:ot,error:N,onDelete:x?lt:void 0,editableFields:me})]})}function re(e,t){let n=t(new Date(e.date)),r=e.color||`var(--primary)`;if(e.type===`range`&&e.endDate){let i=t(new Date(e.endDate))-n;return(0,l.jsx)(`div`,{className:`absolute top-0 bottom-0 opacity-20 pointer-events-none z-5`,style:{left:n,width:i,backgroundColor:r},title:e.label},e.id)}return(0,l.jsx)(`div`,{className:`absolute top-0 bottom-0 border-l-2 border-dashed z-20 pointer-events-none`,style:{left:n,borderColor:r},title:e.label,children:e.label&&(0,l.jsx)(`span`,{className:`absolute top-0 left-1 text-[10px] font-semibold whitespace-nowrap px-1 rounded`,style:{color:r,backgroundColor:`color-mix(in srgb, ${r} 20%, transparent)`},children:e.label})},e.id)}exports.GanttChart=m;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../ui/lib/utils.cjs"),t=require("../../../ui/components/ui/button-components.cjs"),n=require("../../../ui/components/ui/avatar.cjs"),r=require("./hooks/useGanttState.cjs"),i=require("./components/GanttToolbar.cjs"),a=require("./components/GanttTaskBar.cjs"),o=require("./dialogs/TaskEditDialog.cjs"),s=require("./components/GanttDependencyLayer.cjs"),c=require("./hooks/use-gantt-row-window.cjs");let l=require("react/jsx-runtime"),u=require("react"),d=require("lucide-react"),ee=require("date-fns/locale"),f=require("date-fns"),p=require("@alneas/appkit-core/graph/planning");var te=(0,u.memo)(a.GanttTaskBar),ne=[];function m({tasks:a,milestones:m=[],markers:ie=[],onTaskClick:ae,onTaskUpdate:h,onTasksChange:g,dependencies:_=ne,autoSchedule:v=!1,schedulingOptions:y,showCriticalPath:b=!1,dateEditing:oe,onTaskDelete:x,onAddTask:S,onMilestoneClick:se,className:ce,initialViewMode:le=`Week`,taskBarDisplay:ue=`none`,displayConfig:C,scaleConfig:w,gridConfig:T,baselineConfig:de,progressConfig:fe,hierarchyConfig:E,filterConfig:pe,editMode:D=`dialog`,editableFields:me,showAddButton:he,showRowAddButton:ge,disableOptimisticUpdates:O=!1}){let k=ee.enUS,[A,j]=(0,u.useState)(null),[_e,ve]=(0,u.useState)(a);a!==_e&&(ve(a),j(null));let M=O||!A?a:A,[ye,be]=(0,u.useState)(!1),[N,P]=(0,u.useState)(null),F=(0,u.useRef)(!1),xe=(0,u.useRef)(a),I=(0,u.useRef)(0);(0,u.useEffect)(()=>{xe.current=a},[a]),(0,u.useEffect)(()=>()=>{I.current++},[]);let Se=(0,u.useMemo)(()=>_.length?(0,p.dependencyError)(M,_):null,[M,_]),L=(0,u.useMemo)(()=>{try{return{isWorking:y?.calendar?(0,p.workingDayPredicate)(y.calendar):void 0,plan:b||v&&y?(0,p.planGanttTasks)(M,_,{...y,resourceLeveling:v?y?.resourceLeveling:void 0}):void 0,error:null}}catch(e){return{error:e instanceof Error?e.message:`Invalid schedule.`}}},[M,_,y,b,v]),Ce=(0,u.useMemo)(()=>new Map(b?L.plan?.criticalPath.tasks.map(e=>[e.taskId,e]):[]),[b,L.plan]),R=v&&!g?`Automatic scheduling requires onTasksChange for atomic updates.`:Se??L.error,we=(0,u.useMemo)(()=>{if(!y&&!b)return M;let e=e=>typeof e==`string`&&/^\d{4}-\d{2}-\d{2}$/.test(e)?(0,f.parseISO)(e):e;return M.map(t=>({...t,start_date:e(t.start_date),due_date:e(t.due_date),created_at:e(t.created_at)}))},[M,y,b]),{state:z,visibleTasks:B,allDays:Te,startDate:Ee,totalDays:De,setViewMode:Oe,selectTask:ke,toggleTaskExpand:Ae,setCellWidth:je,goToToday:Me,goToPrevious:Ne,goToNext:Pe,getXPosition:V,getWidth:H}=r.useGanttState({tasks:we,initialViewMode:le,hierarchyConfig:E,scaleConfig:w}),{viewMode:U,currentDate:Fe,cellWidth:W,rowHeight:G,selectedTaskId:Ie}=z,[Le,K]=(0,u.useState)(!1),[q,J]=(0,u.useState)(null),Re=C?.showTaskList??!0,ze=C?.showChart??!0,Be=C?.taskListWidth??256,Ve=T?.showHorizontalBorders??!0,Y=T?.showVerticalBorders??!0,He=T?.showWeekendHighlight??!0,Ue=T?.showTodayHighlight??!0,We=(0,u.useMemo)(()=>B.map(e=>e.id),[B]),X=C?.virtualizeRows!==!1&&B.length>100,{chartRef:Z,listRef:Ge,start:Ke,end:qe,indices:Je,bottomInset:Ye,onScroll:Xe,onFocusCapture:Ze,onBlurCapture:Qe,onKeyDownCapture:$e,onPointerDownCapture:et,onPointerUpCapture:tt,onPointerCancelCapture:nt,onLostPointerCapture:rt}=c.useGanttRowWindow(We,G,X,Le?q?.id:void 0,`${Re}:${ze}`),it={onScroll:Xe,onFocusCapture:Ze,onBlurCapture:Qe,onKeyDownCapture:$e,onPointerDownCapture:et,onPointerUpCapture:tt,onPointerCancelCapture:nt,onLostPointerCapture:rt},at=Je.map(e=>({task:B[e],index:e}));(0,u.useEffect)(()=>{if(Z.current){let e=V(new Date),t=Z.current.clientWidth;Z.current.scrollLeft=e-t/2}},[U,V,Z]);let Q=(0,u.useCallback)(e=>{F.current||(ke(e.id),ae?.(e),D===`dialog`&&(J(M.find(t=>t.id===e.id)??e),K(!0)))},[ke,ae,D,M]),$=(0,u.useCallback)(async(e,t)=>{if(F.current)return!1;let n=++I.current,r=a,i=A;F.current=!0,be(!0),P(null);try{if(t&&v&&!g)throw Error(`Automatic scheduling requires onTasksChange for atomic updates.`);let r=M.map(t=>t.id===e.id?e:t);return t&&v&&(r=(0,p.scheduleGanttTasks)(r,_,y)),O||j(r),g?await g(r):await h?.(e),n===I.current}catch(e){return n===I.current&&(xe.current===r&&j(i),P(e instanceof Error?e.message:`Unable to save task changes.`)),!1}finally{n===I.current&&(F.current=!1,be(!1))}},[a,A,v,g,M,_,y,O,h]),ot=async e=>{let t=q&&(String(e.start_date)!==String(q.start_date)||String(e.due_date)!==String(q.due_date)),n=await $(v&&y&&t?{...e,durationDays:void 0}:e,!0);return n&&(K(!1),J(null)),n},st=(0,u.useCallback)((e,t,n)=>{let r=M.find(t=>t.id===e);if(!r)return;let i={...r,start_date:t,due_date:n};if(v&&y)try{let e=(0,p.planningDate)(r.start_date??r.created_at),a=r.due_date==null?(0,f.addDays)(e,1):(0,p.planningDate)(r.due_date),o=(0,f.differenceInCalendarDays)(t,e)===(0,f.differenceInCalendarDays)(n,a);i={...i,durationDays:(0,p.getGanttWorkingDuration)(o?r:{...i,durationDays:void 0},y.calendar)}}catch(e){P(e instanceof Error?e.message:`Invalid task dates.`);return}$(i,!0)},[M,v,y,$]),ct=(0,u.useCallback)((e,t)=>{let n=M.find(t=>t.id===e);n&&$({...n,progress:t},!1)},[M,$]),lt=e=>{if(!F.current){if(!O){let t=M.filter(t=>t.id!==e);j(t)}x?.(e),K(!1),J(null)}},ut=e=>{S?.(e)},dt=()=>{let e=w?.maxCellWidth??100;je(Math.min(W*1.5,e))},ft=()=>{let e=w?.minCellWidth??5;je(Math.max(W/1.5,e))},pt=e=>({today:`Today`,day:`Day`,week:`Week`,month:`Month`,tasks:`Tasks`,milestones:`Milestones`})[e.toLowerCase()]||e;return(0,l.jsxs)(`div`,{"aria-busy":ye,"data-task-count":B.length,"data-virtualized":X||void 0,className:e.cn(`flex flex-col h-full bg-background border overflow-hidden [border-radius:var(--radius-lg)] [box-shadow:var(--shadow-sm)]`,ce),children:[b&&L.plan&&(0,l.jsxs)(`div`,{className:`px-2 py-1 text-xs text-muted-foreground`,role:`status`,children:[`Critical path (dependencies only): `,L.plan.criticalPath.taskIds.length,` tasks; resource contention is excluded from float.`]}),v&&y?.resourceLeveling?.enabled&&L.plan&&(0,l.jsxs)(`details`,{className:`px-2 py-1 text-xs text-muted-foreground`,"data-resource-leveling":!0,children:[(0,l.jsxs)(`summary`,{children:[`Resource leveling preview: `,L.plan.resourceDelays.length,` delayed tasks (not applied until save)`]}),(0,l.jsx)(`ul`,{children:L.plan.resourceDelays.map(e=>(0,l.jsxs)(`li`,{children:[M.find(t=>t.id===e.taskId)?.title??e.taskId,`: capacity +`,e.directDays,`d, predecessors +`,e.propagatedDays,`d`]},e.taskId))})]}),(N||R)&&(0,l.jsx)(`div`,{role:`alert`,className:`p-2 text-sm text-destructive`,children:N||R}),(0,l.jsx)(i.GanttToolbar,{currentDate:Fe,viewMode:U,scaleConfig:w,filterConfig:pe,onViewModeChange:Oe,onPrevious:Ne,onNext:Pe,onToday:Me,onZoomIn:w?.zoomControls?dt:void 0,onZoomOut:w?.zoomControls?ft:void 0}),(0,l.jsxs)(`div`,{className:`flex flex-1 min-h-0 overflow-hidden`,children:[Re&&(0,l.jsxs)(`div`,{className:`flex-shrink-0 border-r bg-background flex flex-col z-20 [box-shadow:var(--shadow-sm)]`,style:{width:Be},children:[(0,l.jsxs)(`div`,{className:`border-b bg-muted/10 flex items-center justify-between text-muted-foreground [padding-left:var(--spacing-4)] [padding-right:var(--spacing-4)] [font-weight:var(--font-weight-semibold)] [font-size:var(--text-sm)]`,style:{height:G,flexShrink:0},children:[(0,l.jsx)(`span`,{children:pt(`tasks`)}),he&&S&&(0,l.jsx)(t.Button,{variant:`ghost`,size:`icon`,className:`h-6 w-6`,onClick:()=>ut(),children:(0,l.jsx)(d.Plus,{className:`h-4 w-4`})})]}),(0,l.jsx)(`div`,{ref:Ge,...it,"data-gantt-list-viewport":!0,className:`flex-1 min-h-0 overflow-auto`,children:(0,l.jsxs)(`div`,{style:{paddingBottom:Ye},children:[(0,l.jsx)(`div`,{style:{height:B.length*G,position:`relative`},children:at.map(({task:r,index:i})=>(0,l.jsxs)(`div`,{"data-gantt-row-id":r.id,className:e.cn(`border-b flex items-center px-2 text-sm font-medium hover:bg-muted/50 cursor-pointer transition-colors group`,Ie===r.id&&`bg-muted`),style:{height:G,position:`absolute`,top:i*G,left:0,right:0,paddingLeft:r.computedLevel*(E?.indentWidth??16)+8},onClick:()=>Q(r),children:[r.hasChildren?(0,l.jsx)(t.Button,{"aria-label":`${r.title}: expand/collapse`,"aria-expanded":z.expandedTaskIds.has(r.id),variant:`ghost`,size:`icon`,className:`h-4 w-4 p-0 mr-1 hover:bg-muted rounded-sm`,onClick:e=>{e.stopPropagation(),Ae(r.id)},children:z.expandedTaskIds.has(r.id)?(0,l.jsx)(d.ChevronDown,{className:`h-3 w-3`}):(0,l.jsx)(d.ChevronRight,{className:`h-3 w-3`})}):(0,l.jsx)(`div`,{className:`w-4`}),(0,l.jsx)(`div`,{className:e.cn(`w-2 h-2 rounded-full mr-2 flex-shrink-0`,r.status===`done`?`bg-green-500`:r.status===`review`?`bg-primary`:r.status===`doing`?`bg-blue-500`:r.status===`blocked`?`bg-red-500`:`bg-muted`)}),(0,l.jsx)(`button`,{type:`button`,className:`truncate flex-1 text-left`,onClick:e=>{e.stopPropagation(),Q(r)},children:r.title}),fe?.showProgress&&r.computedProgress>0&&(0,l.jsxs)(`span`,{className:`text-xs text-muted-foreground mr-2`,children:[Math.round(r.computedProgress),`%`]}),r.assignee_id&&(0,l.jsx)(n.Avatar,{className:`h-5 w-5 ml-1 border opacity-70 group-hover:opacity-100`,children:(0,l.jsx)(n.AvatarFallback,{className:`text-[9px]`,children:r.assignee_name?.[0]?.toUpperCase()??r.priority?.[0]?.toUpperCase()??`?`})}),ge&&S&&(0,l.jsx)(t.Button,{variant:`ghost`,size:`icon`,className:`h-5 w-5 opacity-0 group-hover:opacity-100`,onClick:e=>{e.stopPropagation(),ut(r.id)},children:(0,l.jsx)(d.Plus,{className:`h-3 w-3`})})]},r.id))}),m.length>0&&(0,l.jsx)(`div`,{className:`border-b bg-muted/5 flex items-center px-4 text-xs font-semibold text-muted-foreground uppercase`,style:{height:G},children:pt(`milestones`)}),m.map(e=>(0,l.jsxs)(`div`,{className:`border-b flex items-center px-4 text-sm hover:bg-muted/50 cursor-pointer`,style:{height:G},onClick:()=>se?.(e),children:[(0,l.jsx)(`div`,{className:`w-2 h-2 rotate-45 bg-amber-500 mr-2 flex-shrink-0`}),(0,l.jsx)(`span`,{className:`truncate`,children:e.name})]},e.id))]})})]}),ze&&(0,l.jsx)(`div`,{ref:Z,...it,"data-gantt-chart-viewport":!0,role:`region`,"aria-label":`Gantt timeline`,tabIndex:0,className:`flex-1 min-w-0 overflow-auto bg-muted/5 relative`,children:(0,l.jsxs)(`div`,{style:{width:`${De*W}px`,minWidth:`100%`},children:[(0,l.jsx)(`div`,{className:`sticky top-0 z-10 bg-background border-b flex relative`,style:{height:G},children:Te.map(t=>{let n=t.getDate()===1,r=t.getDate()<=7&&t.getDay()===1,i=t.getMonth()===0&&t.getDate()===1,a=t.getDay()===1,o=!1,s=``,c=!1,u=``,d=Y?`border-r`:``;return U===`Day`?(o=n,s=(0,f.format)(t,`yyyy MMMM`,{locale:k}),c=!0,u=(0,f.format)(t,`d`,{locale:k})):U===`Week`?(o=r||n&&t.getDay()===1,s=(0,f.format)(t,`yyyy MMM`,{locale:k}),c=a,u=(0,f.format)(t,`d`,{locale:k}),d=a&&Y?`border-l border-border`:``):U===`Month`&&(o=i,s=(0,f.format)(t,`yyyy`,{locale:k}),c=n,d=n&&Y?`border-l border-border`:``,c&&(u=(0,f.format)(t,`MMM`,{locale:k}))),(0,l.jsxs)(`div`,{className:e.cn(`flex-shrink-0 flex flex-col justify-end pb-1 text-[10px] text-muted-foreground select-none text-center relative`,d,(L.isWorking?!L.isWorking(t):He&&(0,f.isWeekend)(t))&&U===`Day`&&`bg-muted/10`,Ue&&(0,f.isToday)(t)&&`bg-primary/10 font-semibold text-primary`),style:{width:W},children:[o&&(0,l.jsx)(`span`,{className:`absolute top-1 left-1 text-xs font-bold text-foreground pl-1 whitespace-nowrap z-10`,children:s}),c&&(0,l.jsx)(`span`,{className:e.cn(U!==`Day`&&`absolute bottom-1 left-1`,`whitespace-nowrap tracking-tighter`),children:u})]},t.toISOString())})}),(0,l.jsxs)(`div`,{className:`relative`,children:[(0,l.jsxs)(`div`,{className:`absolute inset-0 flex pointer-events-none`,children:[Te.map(t=>{let n=``;return Y&&(U===`Day`?n=`border-r`:(U===`Week`&&t.getDay()===1||U===`Month`&&t.getDate()===1)&&(n=`border-l`)),(0,l.jsx)(`div`,{className:e.cn(`flex-shrink-0 h-full`,n,(L.isWorking?!L.isWorking(t):He&&(0,f.isWeekend)(t))&&U===`Day`?`bg-muted/20`:`bg-transparent`,Ue&&(0,f.isToday)(t)&&`bg-primary/5`),style:{width:W}},`grid-${t.toISOString()}`)}),((0,f.isSameDay)(new Date,Ee)||new Date>Ee)&&U!==`Month`&&(0,l.jsx)(`div`,{className:`absolute top-0 bottom-0 border-l-2 border-red-500/50 z-30 pointer-events-none`,style:{left:V(new Date)+W/2},children:(0,l.jsx)(`div`,{className:`w-2 h-2 bg-red-500 rounded-full -ml-[5px] mt-[-4px]`})}),ie.map(e=>re(e,V))]}),!Se&&_.length>0&&(0,l.jsx)(s.GanttDependencyLayer,{tasks:B,dependencies:_,criticalDependencyIds:b?new Set(L.plan?.criticalPath.dependencyIds):void 0,rowHeight:G,width:De*W,getXPosition:V,getWidth:H,rowWindow:X?{start:Ke,end:qe}:void 0}),(0,l.jsxs)(`div`,{children:[(0,l.jsx)(`div`,{style:{height:B.length*G,position:`relative`},children:at.map(({task:t,index:n})=>{let r=V(t.computedStart),i=H(t.computedStart,t.computedEnd),a,o;return de?.showBaseline&&t.baseline_start&&t.baseline_end&&(a=V(new Date(t.baseline_start)),o=H(new Date(t.baseline_start),new Date(t.baseline_end))),(0,l.jsx)(`div`,{"data-gantt-row-id":t.id,className:e.cn(`relative`,Ve&&`border-b`),style:{height:G,position:`absolute`,top:n*G,left:0,right:0},children:(0,l.jsx)(te,{task:t,critical:Ce.get(t.id)?.critical,totalFloatDays:Ce.get(t.id)?.totalFloatDays,left:r,width:i,rowHeight:G,taskBarDisplay:ue,progressConfig:fe,baselineConfig:de,baselineLeft:a,baselineWidth:o,onClick:Q,dateEditing:oe,cellWidth:W,editingDisabled:ye,onDateChange:D!==`none`&&(g||h)&&!t.hasChildren&&!(v&&R)?st:void 0,onProgressChange:D!==`none`&&(g||h)&&!(t.hasChildren&&E?.autoRollupProgress)?ct:void 0})},t.id)})}),m.length>0&&(0,l.jsx)(`div`,{"aria-hidden":!0,style:{height:G}}),m.map(t=>{let n=t.due_date?new Date(t.due_date):new Date,r=V(n);return(0,l.jsxs)(`div`,{className:e.cn(`relative`,Ve&&`border-b`),style:{height:G},children:[(0,l.jsx)(`div`,{className:`absolute top-3 w-6 h-6 rotate-45 bg-amber-400 border-2 border-background shadow-md hover:scale-110 transition-transform cursor-help z-10`,style:{left:r-10},title:`${t.name} - ${(0,f.format)(n,`MMM d`)}`}),(0,l.jsx)(`span`,{className:`absolute top-3 text-xs text-muted-foreground whitespace-nowrap ml-2 pointer-events-none font-medium`,style:{left:r+14},children:t.name})]},t.id)})]})]})]})})]}),D===`dialog`&&(0,l.jsx)(o.TaskEditDialog,{task:q,open:Le,onOpenChange:K,onSave:ot,error:N,onDelete:x?lt:void 0,editableFields:me})]})}function re(e,t){let n=t(new Date(e.date)),r=e.color||`var(--primary)`;if(e.type===`range`&&e.endDate){let i=t(new Date(e.endDate))-n;return(0,l.jsx)(`div`,{className:`absolute top-0 bottom-0 opacity-20 pointer-events-none z-5`,style:{left:n,width:i,backgroundColor:r},title:e.label},e.id)}return(0,l.jsx)(`div`,{className:`absolute top-0 bottom-0 border-l-2 border-dashed z-20 pointer-events-none`,style:{left:n,borderColor:r},title:e.label,children:e.label&&(0,l.jsx)(`span`,{className:`absolute top-0 left-1 text-[10px] font-semibold whitespace-nowrap px-1 rounded`,style:{color:r,backgroundColor:`color-mix(in srgb, ${r} 20%, transparent)`},children:e.label})},e.id)}exports.GanttChart=m;
 //# sourceMappingURL=GanttChart.cjs.map