@alneas/appkit-react 0.1.0 → 0.3.0

package/dist/tools/components/barcode/QRCodeGenerator.d.cts

@@ -1,29 +1,36 @@
 import { default as React } from 'react';
 /**
- * QRコード生成器のプロップス
+ * Host inputs and presentation settings for QRCodeGenerator.
+ * @see QRCodeGenerator
  */
 interface QRCodeGeneratorProps {
-    /** エンコードする値（URL、テキスト等） */
+    /**
+     * Text passed unchanged to the encoder; format/value validity is determined by the optional encoding library.
+     */
     value: string;
-    /** カードのタイトル */
+    /**
+     * Card heading.
+     * @defaultValue Scan to Check In
+     */
     title?: string;
-    /** カードの説明 */
+    /**
+     * Optional supporting card text; omitted means no description.
+     */
     description?: string;
 }
 /**
- * QRコード生成コンポーネント
- *
- * URLやテキストからQRコードを生成して表示します。
- *
+ * Loads react-qr-code on the client and renders a fixed-size QR code inside a card.
+ * @param props - Encoded value and optional card heading/description; see QRCodeGeneratorProps. Wrapper defaults: title='Scan to Check In'.
+ * @returns The rendered QRCodeGenerator composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Import Appkit CSS and install the optional react-qr-code peer. The client effect loads the QR component; SSR and initial render show Loading QR.... The inner QR size is 200 with a 256 viewBox and responsive styling. Dynamic-import rejection is not caught or displayed by this wrapper. There is no download/export API or callback.
  * @example
  * ```tsx
  * import { QRCodeGenerator } from '@alneas/appkit-react/tools/barcode';
+ * import '@alneas/appkit-react/styles';
  *
- * <QRCodeGenerator
- *   value="https://example.com"
- *   title="サイトにアクセス"
- *   description="スキャンしてサイトを開く"
- * />
+ * export function Example() {
+ *   return (<QRCodeGenerator value="https://example.com/document" title="Open document" />);
+ * }
  * ```
  */
 export declare const QRCodeGenerator: React.FC<QRCodeGeneratorProps>;

package/dist/tools/components/barcode/QRCodeGenerator.d.ts

@@ -1,29 +1,36 @@
 import { default as React } from 'react';
 /**
- * QRコード生成器のプロップス
+ * Host inputs and presentation settings for QRCodeGenerator.
+ * @see QRCodeGenerator
  */
 interface QRCodeGeneratorProps {
-    /** エンコードする値（URL、テキスト等） */
+    /**
+     * Text passed unchanged to the encoder; format/value validity is determined by the optional encoding library.
+     */
     value: string;
-    /** カードのタイトル */
+    /**
+     * Card heading.
+     * @defaultValue Scan to Check In
+     */
     title?: string;
-    /** カードの説明 */
+    /**
+     * Optional supporting card text; omitted means no description.
+     */
     description?: string;
 }
 /**
- * QRコード生成コンポーネント
- *
- * URLやテキストからQRコードを生成して表示します。
- *
+ * Loads react-qr-code on the client and renders a fixed-size QR code inside a card.
+ * @param props - Encoded value and optional card heading/description; see QRCodeGeneratorProps. Wrapper defaults: title='Scan to Check In'.
+ * @returns The rendered QRCodeGenerator composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Import Appkit CSS and install the optional react-qr-code peer. The client effect loads the QR component; SSR and initial render show Loading QR.... The inner QR size is 200 with a 256 viewBox and responsive styling. Dynamic-import rejection is not caught or displayed by this wrapper. There is no download/export API or callback.
  * @example
  * ```tsx
  * import { QRCodeGenerator } from '@alneas/appkit-react/tools/barcode';
+ * import '@alneas/appkit-react/styles';
  *
- * <QRCodeGenerator
- *   value="https://example.com"
- *   title="サイトにアクセス"
- *   description="スキャンしてサイトを開く"
- * />
+ * export function Example() {
+ *   return (<QRCodeGenerator value="https://example.com/document" title="Open document" />);
+ * }
  * ```
  */
 export declare const QRCodeGenerator: React.FC<QRCodeGeneratorProps>;

package/dist/tools/components/barcode/QRCodeGenerator.js

@@ -23,7 +23,7 @@ var c = ({ value: c, title: l = "Scan to Check In", description: u }) => {
 					},
 					viewBox: "0 0 256 256"
 				}) : /* @__PURE__ */ a("div", {
-					className: "text-muted-foreground italic",
+					className: "text-neutral-700 italic",
 					children: "Loading QR..."
 				})
 			})

package/dist/tools/components/barcode/QRCodeGenerator.js.map

@@ -1 +1 @@
-{"version":3,"file":"QRCodeGenerator.js","names":["React","QRCodeGenerator","QRCodeComponent","setQRCodeComponent","m","Card","CardHeader","CardTitle","title","description","CardDescription","CardContent"],"sources":["../../../../src/tools/components/barcode/QRCodeGenerator.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Card, CardContent, CardHeader, CardTitle, CardDescription } from '../ui/card';\n\n/**\n * QRコード生成器のプロップス\n */\ninterface QRCodeGeneratorProps {\n  /** エンコードする値（URL、テキスト等） */\n  value: string;\n  /** カードのタイトル */\n  title?: string;\n  /** カードの説明 */\n  description?: string;\n}\n\n/**\n * QRコード生成コンポーネント\n *\n * URLやテキストからQRコードを生成して表示します。\n *\n * @example\n * ```tsx\n * import { QRCodeGenerator } from '@alneas/appkit-react/tools/barcode';\n *\n * <QRCodeGenerator\n *   value=\"https://example.com\"\n *   title=\"サイトにアクセス\"\n *   description=\"スキャンしてサイトを開く\"\n * />\n * ```\n */\nexport const QRCodeGenerator: React.FC<QRCodeGeneratorProps> = ({\n  value,\n  title = 'Scan to Check In',\n  description,\n}) => {\n  const [QRCodeComponent, setQRCodeComponent] = React.useState<React.ComponentType<{\n    value: string;\n    size?: number;\n    style?: React.CSSProperties;\n    viewBox?: string;\n  }> | null>(null);\n\n  React.useEffect(() => {\n    import('react-qr-code').then((m) => setQRCodeComponent(() => m.default));\n  }, []);\n\n  return (\n    <Card className='w-[300px] mx-auto text-center'>\n      <CardHeader>\n        <CardTitle>{title}</CardTitle>\n        {description && <CardDescription>{description}</CardDescription>}\n      </CardHeader>\n      <CardContent className='flex justify-center p-6 rounded-b-lg'>\n        <div className='bg-white p-4 rounded-lg flex items-center justify-center min-h-[200px]'>\n          {QRCodeComponent ? (\n            <QRCodeComponent\n              value={value}\n              size={200}\n              style={{ height: 'auto', maxWidth: '100%', width: '100%' }}\n              viewBox={`0 0 256 256`}\n            />\n          ) : (\n            <div className='text-muted-foreground italic'>Loading QR...</div>\n          )}\n        </div>\n      </CardContent>\n    </Card>\n  );\n};\n"],"mappings":";;;;;AAgCA,IAAaC,KAAmD,EAC9D,UACA,WAAQ,oBACR,qBACI;CACJ,IAAM,CAACC,GAAiBC,KAAsBH,EAAM,SAKzC,IAAI;CAMf,OAJAA,EAAM,gBAAgB;EACpB,OAAO,gBAAgB,CAAC,MAAM,MAAMG,QAAyBC,EAAE,OAAO,CAAC;CACzE,GAAG,CAAC,CAAC,GAGH,kBAACC,GAAD;EAAM,WAAU;EAAhB,UAAA,CACE,kBAACC,GAAD,EAAA,UAAA,CACE,kBAACC,GAAD,EAAA,UAAYC,EAAiB,CAAA,GAC5BC,KAAe,kBAACC,GAAD,EAAA,UAAkBD,EAA6B,CAAA,CACrD,EAAA,CAAA,GACZ,kBAACE,GAAD;GAAa,WAAU;GACrB,UAAA,kBAAC,OAAD;IAAK,WAAU;IACZ,UAAAT,IACC,kBAACA,GAAD;KACS;KACP,MAAM;KACN,OAAO;MAAE,QAAQ;MAAQ,UAAU;MAAQ,OAAO;KAAO;KACzD,SAAS;IACV,CAAA,IAED,kBAAC,OAAD;KAAK,WAAU;KAA+B,UAAA;IAAkB,CAAA;GAE/D,CAAA;EACM,CAAA,CACT;;AAEV"}
+{"version":3,"file":"QRCodeGenerator.js","names":["React","QRCodeGenerator","QRCodeComponent","setQRCodeComponent","m","Card","CardHeader","CardTitle","title","description","CardDescription","CardContent"],"sources":["../../../../src/tools/components/barcode/QRCodeGenerator.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Card, CardContent, CardHeader, CardTitle, CardDescription } from '../ui/card';\n\n/**\n * Host inputs and presentation settings for QRCodeGenerator.\n * @see QRCodeGenerator\n */\ninterface QRCodeGeneratorProps {\n  /**\n   * Text passed unchanged to the encoder; format/value validity is determined by the optional encoding library.\n   */\n  value: string;\n  /**\n   * Card heading.\n   * @defaultValue Scan to Check In\n   */\n  title?: string;\n  /**\n   * Optional supporting card text; omitted means no description.\n   */\n  description?: string;\n}\n\n/**\n * Loads react-qr-code on the client and renders a fixed-size QR code inside a card.\n * @param props - Encoded value and optional card heading/description; see QRCodeGeneratorProps. Wrapper defaults: title='Scan to Check In'.\n * @returns The rendered QRCodeGenerator composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Import Appkit CSS and install the optional react-qr-code peer. The client effect loads the QR component; SSR and initial render show Loading QR.... The inner QR size is 200 with a 256 viewBox and responsive styling. Dynamic-import rejection is not caught or displayed by this wrapper. There is no download/export API or callback.\n * @example\n * ```tsx\n * import { QRCodeGenerator } from '@alneas/appkit-react/tools/barcode';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example() {\n *   return (<QRCodeGenerator value=\"https://example.com/document\" title=\"Open document\" />);\n * }\n * ```\n */\nexport const QRCodeGenerator: React.FC<QRCodeGeneratorProps> = ({\n  value,\n  title = 'Scan to Check In',\n  description,\n}) => {\n  const [QRCodeComponent, setQRCodeComponent] = React.useState<React.ComponentType<{\n    value: string;\n    size?: number;\n    style?: React.CSSProperties;\n    viewBox?: string;\n  }> | null>(null);\n\n  React.useEffect(() => {\n    import('react-qr-code').then((m) => setQRCodeComponent(() => m.default));\n  }, []);\n\n  return (\n    <Card className='w-[300px] mx-auto text-center'>\n      <CardHeader>\n        <CardTitle>{title}</CardTitle>\n        {description && <CardDescription>{description}</CardDescription>}\n      </CardHeader>\n      <CardContent className='flex justify-center p-6 rounded-b-lg'>\n        {/* Keep the QR and loading label on the same scanner-friendly white surface. */}\n        <div className='bg-white p-4 rounded-lg flex items-center justify-center min-h-[200px]'>\n          {QRCodeComponent ? (\n            <QRCodeComponent\n              value={value}\n              size={200}\n              style={{ height: 'auto', maxWidth: '100%', width: '100%' }}\n              viewBox={`0 0 256 256`}\n            />\n          ) : (\n            <div className='text-neutral-700 italic'>Loading QR...</div>\n          )}\n        </div>\n      </CardContent>\n    </Card>\n  );\n};\n"],"mappings":";;;;;AAuCA,IAAaC,KAAmD,EAC9D,UACA,WAAQ,oBACR,qBACI;CACJ,IAAM,CAACC,GAAiBC,KAAsBH,EAAM,SAKzC,IAAI;CAMf,OAJAA,EAAM,gBAAgB;EACpB,OAAO,gBAAgB,CAAC,MAAM,MAAMG,QAAyBC,EAAE,OAAO,CAAC;CACzE,GAAG,CAAC,CAAC,GAGH,kBAACC,GAAD;EAAM,WAAU;EAAhB,UAAA,CACE,kBAACC,GAAD,EAAA,UAAA,CACE,kBAACC,GAAD,EAAA,UAAYC,EAAiB,CAAA,GAC5BC,KAAe,kBAACC,GAAD,EAAA,UAAkBD,EAA6B,CAAA,CACrD,EAAA,CAAA,GACZ,kBAACE,GAAD;GAAa,WAAU;GAErB,UAAA,kBAAC,OAAD;IAAK,WAAU;IACZ,UAAAT,IACC,kBAACA,GAAD;KACS;KACP,MAAM;KACN,OAAO;MAAE,QAAQ;MAAQ,UAAU;MAAQ,OAAO;KAAO;KACzD,SAAS;IACV,CAAA,IAED,kBAAC,OAAD;KAAK,WAAU;KAA0B,UAAA;IAAkB,CAAA;GAE1D,CAAA;EACM,CAAA,CACT;;AAEV"}

package/dist/tools/components/barcode/QRCodeScanner.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"QRCodeScanner.cjs","names":["useState","Card","CardHeader","CardTitle","CardContent","Alert","CheckCircle2","AlertTitle","AlertDescription","_Fragment","Button","AlertCircle","require_runtime","require_ui_components_ui_button_components","require_ui_components_ui_alert","require_ui_components_ui_card","react_jsx_runtime","react","lucide_react","QRCodeScanner","scannedResult","setScannedResult","error","setError","paused","setPaused","ScannerComponent","setScannerComponent","m","handleScan","text","onScan","reset","title","result","scanError","showSuccess","successMessage"],"sources":["../../../../src/tools/components/barcode/QRCodeScanner.tsx"],"sourcesContent":["import React, { useState } from 'react';\n\nimport { Button } from '../ui/button';\nimport { Card, CardContent, CardHeader, CardTitle } from '../ui/card';\nimport { Alert, AlertDescription, AlertTitle } from '../ui/alert';\nimport { CheckCircle2, AlertCircle } from 'lucide-react';\n\ninterface QRCodeScannerProps {\n  onScan: (text: string) => Promise<void> | void;\n  title?: string;\n  successMessage?: string;\n  showSuccess?: boolean;\n}\n\ninterface ScanResult {\n  rawValue: string;\n}\n\ninterface ScannerComponentProps {\n  onScan: (result: ScanResult[]) => void;\n  onError: (error: unknown) => void;\n  components?: {\n    finder?: boolean;\n  };\n}\n\n/**\n * デバイスのカメラを使用してQRコードを読み取り、スキャンイベントをハンドリングする汎用QRコードスキャナーコンポーネント。\n */\nexport const QRCodeScanner: React.FC<QRCodeScannerProps> = ({\n  onScan,\n  title = 'QR Scanner',\n  successMessage,\n  showSuccess = true,\n}) => {\n  const [scannedResult, setScannedResult] = useState<string | null>(null);\n  const [error, setError] = useState<string | null>(null);\n  const [paused, setPaused] = useState(false);\n  const [ScannerComponent, setScannerComponent] =\n    useState<React.ComponentType<ScannerComponentProps> | null>(null);\n\n  React.useEffect(() => {\n    import('@yudiel/react-qr-scanner').then((m) => setScannerComponent(() => m.Scanner));\n  }, []);\n\n  const handleScan = async (text: string) => {\n    if (paused || !text) return;\n\n    setPaused(true);\n    setScannedResult(text);\n    setError(null);\n\n    try {\n      await onScan(text);\n    } catch (e) {\n      setError(e instanceof Error ? e.message : 'Scan failed');\n    }\n  };\n\n  const reset = () => {\n    setScannedResult(null);\n    setError(null);\n    setPaused(false);\n  };\n\n  return (\n    <Card className='max-w-md mx-auto'>\n      <CardHeader>\n        <CardTitle>{title}</CardTitle>\n      </CardHeader>\n      <CardContent className='space-y-4'>\n        {!scannedResult && (\n          <div className='aspect-square overflow-hidden rounded-lg border bg-black flex items-center justify-center'>\n            {ScannerComponent ? (\n              <ScannerComponent\n                onScan={(result: ScanResult[]) => result[0] && handleScan(result[0].rawValue)}\n                onError={(scanError: unknown) => console.error(scanError)}\n                components={{ finder: true }}\n              />\n            ) : (\n              <div className='text-white'>Loading scanner...</div>\n            )}\n          </div>\n        )}\n\n        {showSuccess && scannedResult && !error && (\n          <Alert className='border-primary bg-primary/10 text-primary'>\n            <CheckCircle2 className='h-4 w-4' />\n            <AlertTitle>Success</AlertTitle>\n            <AlertDescription>\n              {successMessage ? (\n                successMessage\n              ) : (\n                <>\n                  Processed code: <span className='font-mono text-foreground'>{scannedResult}</span>\n                </>\n              )}\n            </AlertDescription>\n            <Button onClick={reset} className='mt-2' variant='outline' size='sm'>\n              Scan Next\n            </Button>\n          </Alert>\n        )}\n\n        {error && (\n          <Alert variant='destructive'>\n            <AlertCircle className='h-4 w-4' />\n            <AlertTitle>Error</AlertTitle>\n            <AlertDescription>{error}</AlertDescription>\n            <Button onClick={reset} className='mt-2' variant='outline' size='sm'>\n              Try Again\n            </Button>\n          </Alert>\n        )}\n      </CardContent>\n    </Card>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"QRCodeScanner.cjs","names":["useState","Card","CardHeader","CardTitle","CardContent","Alert","CheckCircle2","AlertTitle","AlertDescription","_Fragment","Button","AlertCircle","require_runtime","require_ui_components_ui_button_components","require_ui_components_ui_alert","require_ui_components_ui_card","react_jsx_runtime","react","lucide_react","QRCodeScanner","scannedResult","setScannedResult","error","setError","paused","setPaused","ScannerComponent","setScannerComponent","m","handleScan","text","onScan","reset","title","result","scanError","showSuccess","successMessage"],"sources":["../../../../src/tools/components/barcode/QRCodeScanner.tsx"],"sourcesContent":["import React, { useState } from 'react';\n\nimport { Button } from '../ui/button';\nimport { Card, CardContent, CardHeader, CardTitle } from '../ui/card';\nimport { Alert, AlertDescription, AlertTitle } from '../ui/alert';\nimport { CheckCircle2, AlertCircle } from 'lucide-react';\n\n/**\n * Host inputs and presentation settings for QRCodeScanner.\n * @see QRCodeScanner\n */\ninterface QRCodeScannerProps {\n  /**\n   * Called and awaited for the first decoded nonempty raw value; rejection is caught into the error alert. The host owns authorization and processing.\n   * @param text - Host callback input described above.\n   * @returns No value after host processing completes; reject or throw to show an error alert.\n   */\n  onScan: (text: string) => Promise<void> | void;\n  /**\n   * Card heading.\n   * @defaultValue QR Scanner\n   */\n  title?: string;\n  /**\n   * Optional success text replacing Processed code: VALUE.\n   */\n  successMessage?: string;\n  /**\n   * Shows the success alert and Scan Next reset button; defaults to true. false removes that successful reset path.\n   */\n  showSuccess?: boolean;\n}\n\ninterface ScanResult {\n  rawValue: string;\n}\n\ninterface ScannerComponentProps {\n  onScan: (result: ScanResult[]) => void;\n  onError: (error: unknown) => void;\n  components?: {\n    finder?: boolean;\n  };\n}\n\n/**\n * Loads the camera scanner, processes the first decoded value and pauses until its local reset action.\n * @param props - Scan handler, card heading and success-display settings; see QRCodeScannerProps. Wrapper defaults: title='QR Scanner', showSuccess=true.\n * @returns The rendered QRCodeScanner composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Import Appkit CSS and install the optional @yudiel/react-qr-scanner peer. Camera access requires a supporting browser, secure context and permission; upstream owns camera setup/teardown. Only the first result is processed. The scanner unmounts after a result, and success content appears before onScan settles. onScan rejection is caught and displayed; camera errors are only logged and dynamic-import rejection is not caught. With showSuccess=false, successful scans offer no local reset button and remain paused; remount or use the error retry path. This component neither verifies identity nor persists decoded data.\n * @example\n * ```tsx\n * import { QRCodeScanner } from '@alneas/appkit-react/tools/barcode';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example({ handleCode }: { handleCode: (text: string) => Promise<void> }) {\n *   return (<QRCodeScanner onScan={handleCode} title=\"Scan document code\" />);\n * }\n * ```\n */\nexport const QRCodeScanner: React.FC<QRCodeScannerProps> = ({\n  onScan,\n  title = 'QR Scanner',\n  successMessage,\n  showSuccess = true,\n}) => {\n  const [scannedResult, setScannedResult] = useState<string | null>(null);\n  const [error, setError] = useState<string | null>(null);\n  const [paused, setPaused] = useState(false);\n  const [ScannerComponent, setScannerComponent] =\n    useState<React.ComponentType<ScannerComponentProps> | null>(null);\n\n  React.useEffect(() => {\n    import('@yudiel/react-qr-scanner').then((m) => setScannerComponent(() => m.Scanner));\n  }, []);\n\n  const handleScan = async (text: string) => {\n    if (paused || !text) return;\n\n    setPaused(true);\n    setScannedResult(text);\n    setError(null);\n\n    try {\n      await onScan(text);\n    } catch (e) {\n      setError(e instanceof Error ? e.message : 'Scan failed');\n    }\n  };\n\n  const reset = () => {\n    setScannedResult(null);\n    setError(null);\n    setPaused(false);\n  };\n\n  return (\n    <Card className='max-w-md mx-auto'>\n      <CardHeader>\n        <CardTitle>{title}</CardTitle>\n      </CardHeader>\n      <CardContent className='space-y-4'>\n        {!scannedResult && (\n          <div className='aspect-square overflow-hidden rounded-lg border bg-black flex items-center justify-center'>\n            {ScannerComponent ? (\n              <ScannerComponent\n                onScan={(result: ScanResult[]) => result[0] && handleScan(result[0].rawValue)}\n                onError={(scanError: unknown) => console.error(scanError)}\n                components={{ finder: true }}\n              />\n            ) : (\n              <div className='text-white'>Loading scanner...</div>\n            )}\n          </div>\n        )}\n\n        {showSuccess && scannedResult && !error && (\n          <Alert className='border-primary bg-primary/10 text-primary'>\n            <CheckCircle2 className='h-4 w-4' />\n            <AlertTitle>Success</AlertTitle>\n            <AlertDescription>\n              {successMessage ? (\n                successMessage\n              ) : (\n                <>\n                  Processed code: <span className='font-mono text-foreground'>{scannedResult}</span>\n                </>\n              )}\n            </AlertDescription>\n            <Button onClick={reset} className='mt-2' variant='outline' size='sm'>\n              Scan Next\n            </Button>\n          </Alert>\n        )}\n\n        {error && (\n          <Alert variant='destructive'>\n            <AlertCircle className='h-4 w-4' />\n            <AlertTitle>Error</AlertTitle>\n            <AlertDescription>{error}</AlertDescription>\n            <Button onClick={reset} className='mt-2' variant='outline' size='sm'>\n              Try Again\n            </Button>\n          </Alert>\n        )}\n      </CardContent>\n    </Card>\n  );\n};\n"],"mappings":"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"}

package/dist/tools/components/barcode/QRCodeScanner.d.cts

@@ -1,12 +1,43 @@
 import { default as React } from 'react';
+/**
+ * Host inputs and presentation settings for QRCodeScanner.
+ * @see QRCodeScanner
+ */
 interface QRCodeScannerProps {
+    /**
+     * Called and awaited for the first decoded nonempty raw value; rejection is caught into the error alert. The host owns authorization and processing.
+     * @param text - Host callback input described above.
+     * @returns No value after host processing completes; reject or throw to show an error alert.
+     */
     onScan: (text: string) => Promise<void> | void;
+    /**
+     * Card heading.
+     * @defaultValue QR Scanner
+     */
     title?: string;
+    /**
+     * Optional success text replacing Processed code: VALUE.
+     */
     successMessage?: string;
+    /**
+     * Shows the success alert and Scan Next reset button; defaults to true. false removes that successful reset path.
+     */
     showSuccess?: boolean;
 }
 /**
- * デバイスのカメラを使用してQRコードを読み取り、スキャンイベントをハンドリングする汎用QRコードスキャナーコンポーネント。
+ * Loads the camera scanner, processes the first decoded value and pauses until its local reset action.
+ * @param props - Scan handler, card heading and success-display settings; see QRCodeScannerProps. Wrapper defaults: title='QR Scanner', showSuccess=true.
+ * @returns The rendered QRCodeScanner composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Import Appkit CSS and install the optional @yudiel/react-qr-scanner peer. Camera access requires a supporting browser, secure context and permission; upstream owns camera setup/teardown. Only the first result is processed. The scanner unmounts after a result, and success content appears before onScan settles. onScan rejection is caught and displayed; camera errors are only logged and dynamic-import rejection is not caught. With showSuccess=false, successful scans offer no local reset button and remain paused; remount or use the error retry path. This component neither verifies identity nor persists decoded data.
+ * @example
+ * ```tsx
+ * import { QRCodeScanner } from '@alneas/appkit-react/tools/barcode';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example({ handleCode }: { handleCode: (text: string) => Promise<void> }) {
+ *   return (<QRCodeScanner onScan={handleCode} title="Scan document code" />);
+ * }
+ * ```
  */
 export declare const QRCodeScanner: React.FC<QRCodeScannerProps>;
 export {};

package/dist/tools/components/barcode/QRCodeScanner.d.ts

@@ -1,12 +1,43 @@
 import { default as React } from 'react';
+/**
+ * Host inputs and presentation settings for QRCodeScanner.
+ * @see QRCodeScanner
+ */
 interface QRCodeScannerProps {
+    /**
+     * Called and awaited for the first decoded nonempty raw value; rejection is caught into the error alert. The host owns authorization and processing.
+     * @param text - Host callback input described above.
+     * @returns No value after host processing completes; reject or throw to show an error alert.
+     */
     onScan: (text: string) => Promise<void> | void;
+    /**
+     * Card heading.
+     * @defaultValue QR Scanner
+     */
     title?: string;
+    /**
+     * Optional success text replacing Processed code: VALUE.
+     */
     successMessage?: string;
+    /**
+     * Shows the success alert and Scan Next reset button; defaults to true. false removes that successful reset path.
+     */
     showSuccess?: boolean;
 }
 /**
- * デバイスのカメラを使用してQRコードを読み取り、スキャンイベントをハンドリングする汎用QRコードスキャナーコンポーネント。
+ * Loads the camera scanner, processes the first decoded value and pauses until its local reset action.
+ * @param props - Scan handler, card heading and success-display settings; see QRCodeScannerProps. Wrapper defaults: title='QR Scanner', showSuccess=true.
+ * @returns The rendered QRCodeScanner composition.
+ * @remarks Import @alneas/appkit-react/styles in the rendering host. Import Appkit CSS and install the optional @yudiel/react-qr-scanner peer. Camera access requires a supporting browser, secure context and permission; upstream owns camera setup/teardown. Only the first result is processed. The scanner unmounts after a result, and success content appears before onScan settles. onScan rejection is caught and displayed; camera errors are only logged and dynamic-import rejection is not caught. With showSuccess=false, successful scans offer no local reset button and remain paused; remount or use the error retry path. This component neither verifies identity nor persists decoded data.
+ * @example
+ * ```tsx
+ * import { QRCodeScanner } from '@alneas/appkit-react/tools/barcode';
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function Example({ handleCode }: { handleCode: (text: string) => Promise<void> }) {
+ *   return (<QRCodeScanner onScan={handleCode} title="Scan document code" />);
+ * }
+ * ```
  */
 export declare const QRCodeScanner: React.FC<QRCodeScannerProps>;
 export {};

package/dist/tools/components/barcode/QRCodeScanner.js.map

@@ -1 +1 @@
-{"version":3,"file":"QRCodeScanner.js","names":["_Fragment","React","QRCodeScanner","scannedResult","setScannedResult","useState","error","setError","paused","setPaused","ScannerComponent","setScannerComponent","m","handleScan","text","onScan","reset","Card","CardHeader","CardTitle","title","CardContent","result","scanError","showSuccess","Alert","CheckCircle2","AlertTitle","AlertDescription","successMessage","Fragment","Button","AlertCircle"],"sources":["../../../../src/tools/components/barcode/QRCodeScanner.tsx"],"sourcesContent":["import React, { useState } from 'react';\n\nimport { Button } from '../ui/button';\nimport { Card, CardContent, CardHeader, CardTitle } from '../ui/card';\nimport { Alert, AlertDescription, AlertTitle } from '../ui/alert';\nimport { CheckCircle2, AlertCircle } from 'lucide-react';\n\ninterface QRCodeScannerProps {\n  onScan: (text: string) => Promise<void> | void;\n  title?: string;\n  successMessage?: string;\n  showSuccess?: boolean;\n}\n\ninterface ScanResult {\n  rawValue: string;\n}\n\ninterface ScannerComponentProps {\n  onScan: (result: ScanResult[]) => void;\n  onError: (error: unknown) => void;\n  components?: {\n    finder?: boolean;\n  };\n}\n\n/**\n * デバイスのカメラを使用してQRコードを読み取り、スキャンイベントをハンドリングする汎用QRコードスキャナーコンポーネント。\n */\nexport const QRCodeScanner: React.FC<QRCodeScannerProps> = ({\n  onScan,\n  title = 'QR Scanner',\n  successMessage,\n  showSuccess = true,\n}) => {\n  const [scannedResult, setScannedResult] = useState<string | null>(null);\n  const [error, setError] = useState<string | null>(null);\n  const [paused, setPaused] = useState(false);\n  const [ScannerComponent, setScannerComponent] =\n    useState<React.ComponentType<ScannerComponentProps> | null>(null);\n\n  React.useEffect(() => {\n    import('@yudiel/react-qr-scanner').then((m) => setScannerComponent(() => m.Scanner));\n  }, []);\n\n  const handleScan = async (text: string) => {\n    if (paused || !text) return;\n\n    setPaused(true);\n    setScannedResult(text);\n    setError(null);\n\n    try {\n      await onScan(text);\n    } catch (e) {\n      setError(e instanceof Error ? e.message : 'Scan failed');\n    }\n  };\n\n  const reset = () => {\n    setScannedResult(null);\n    setError(null);\n    setPaused(false);\n  };\n\n  return (\n    <Card className='max-w-md mx-auto'>\n      <CardHeader>\n        <CardTitle>{title}</CardTitle>\n      </CardHeader>\n      <CardContent className='space-y-4'>\n        {!scannedResult && (\n          <div className='aspect-square overflow-hidden rounded-lg border bg-black flex items-center justify-center'>\n            {ScannerComponent ? (\n              <ScannerComponent\n                onScan={(result: ScanResult[]) => result[0] && handleScan(result[0].rawValue)}\n                onError={(scanError: unknown) => console.error(scanError)}\n                components={{ finder: true }}\n              />\n            ) : (\n              <div className='text-white'>Loading scanner...</div>\n            )}\n          </div>\n        )}\n\n        {showSuccess && scannedResult && !error && (\n          <Alert className='border-primary bg-primary/10 text-primary'>\n            <CheckCircle2 className='h-4 w-4' />\n            <AlertTitle>Success</AlertTitle>\n            <AlertDescription>\n              {successMessage ? (\n                successMessage\n              ) : (\n                <>\n                  Processed code: <span className='font-mono text-foreground'>{scannedResult}</span>\n                </>\n              )}\n            </AlertDescription>\n            <Button onClick={reset} className='mt-2' variant='outline' size='sm'>\n              Scan Next\n            </Button>\n          </Alert>\n        )}\n\n        {error && (\n          <Alert variant='destructive'>\n            <AlertCircle className='h-4 w-4' />\n            <AlertTitle>Error</AlertTitle>\n            <AlertDescription>{error}</AlertDescription>\n            <Button onClick={reset} className='mt-2' variant='outline' size='sm'>\n              Try Again\n            </Button>\n          </Alert>\n        )}\n      </CardContent>\n    </Card>\n  );\n};\n"],"mappings":";;;;;;;;AA6BA,IAAaE,KAA+C,EAC1D,WACA,WAAQ,cACR,mBACA,iBAAc,SACV;CACJ,IAAM,CAACC,GAAeC,KAAoBC,EAAwB,IAAI,GAChE,CAACC,GAAOC,KAAYF,EAAwB,IAAI,GAChD,CAACG,GAAQC,KAAaJ,EAAS,EAAK,GACpC,CAACK,GAAkBC,KACvBN,EAA4D,IAAI;CAElE,EAAM,gBAAgB;EACpB,OAAO,2BAA2B,CAAC,MAAM,MAAMM,QAA0BC,EAAE,OAAO,CAAC;CACrF,GAAG,CAAC,CAAC;CAEL,IAAMC,IAAa,OAAO,MAAiB;EACzC,IAAI,MAAWC,GAEf;GAEA,AAFAL,EAAU,EAAI,GACdL,EAAiBU,CAAI,GACrBP,EAAS,IAAI;GAEb,IAAI;IACF,MAAMQ,EAAOD,CAAI;GACnB,SAAS,GAAG;IACV,EAAS,aAAa,QAAQ,EAAE,UAAU,aAAa;GACzD;EARc;CAShB,GAEME,UAAc;EAGlB,AAFAZ,EAAiB,IAAI,GACrBG,EAAS,IAAI,GACbE,EAAU,EAAK;CACjB;CAEA,OACE,kBAACQ,GAAD;EAAM,WAAU;EAAhB,UAAA,CACE,kBAACC,GAAD,EAAA,UACE,kBAACC,GAAD,EAAA,UAAYC,EAAiB,CAAA,EACnB,CAAA,GACZ,kBAACC,GAAD;GAAa,WAAU;GAAvB,UAAA;IACG,CAAClB,KACA,kBAAC,OAAD;KAAK,WAAU;KACZ,UAAAO,IACC,kBAACA,GAAD;MACE,SAAS,MAAyBY,EAAO,MAAMT,EAAWS,EAAO,EAAE,CAAC,QAAQ;MAC5E,UAAU,MAAuB,QAAQ,MAAMC,CAAS;MACxD,YAAY,EAAE,QAAQ,GAAK;KAC5B,CAAA,IAED,kBAAC,OAAD;MAAK,WAAU;MAAa,UAAA;KAAuB,CAAA;IAElD,CAAA;IAGNC,KAAerB,KAAiB,CAACG,KAChC,kBAACmB,GAAD;KAAO,WAAU;KAAjB,UAAA;MACE,kBAACC,GAAD,EAAc,WAAU,UAAW,CAAA;MACnC,kBAACC,GAAD,EAAA,UAAY,UAAmB,CAAA;MAC/B,kBAACC,GAAD,EAAA,UACGC,KAGC,kBAAA7B,GAAA,EAAA,UAAA,CAAE,oBACgB,kBAAC,QAAD;OAAM,WAAU;OAA6B,UAAAG;MAAoB,CAAA,CACjF,EAAA,CAAA,EAEY,CAAA;MAClB,kBAAC4B,GAAD;OAAQ,SAASf;OAAO,WAAU;OAAO,SAAQ;OAAU,MAAK;OAAK,UAAA;MAE7D,CAAA;KACH;;IAGRV,KACC,kBAACmB,GAAD;KAAO,SAAQ;KAAf,UAAA;MACE,kBAACO,GAAD,EAAa,WAAU,UAAW,CAAA;MAClC,kBAACL,GAAD,EAAA,UAAY,QAAiB,CAAA;MAC7B,kBAACC,GAAD,EAAA,UAAmBtB,EAAwB,CAAA;MAC3C,kBAACyB,GAAD;OAAQ,SAASf;OAAO,WAAU;OAAO,SAAQ;OAAU,MAAK;OAAK,UAAA;MAE7D,CAAA;KACH;;GAEE;EACT,CAAA,CAAA;;AAEV"}
+{"version":3,"file":"QRCodeScanner.js","names":["_Fragment","React","QRCodeScanner","scannedResult","setScannedResult","useState","error","setError","paused","setPaused","ScannerComponent","setScannerComponent","m","handleScan","text","onScan","reset","Card","CardHeader","CardTitle","title","CardContent","result","scanError","showSuccess","Alert","CheckCircle2","AlertTitle","AlertDescription","successMessage","Fragment","Button","AlertCircle"],"sources":["../../../../src/tools/components/barcode/QRCodeScanner.tsx"],"sourcesContent":["import React, { useState } from 'react';\n\nimport { Button } from '../ui/button';\nimport { Card, CardContent, CardHeader, CardTitle } from '../ui/card';\nimport { Alert, AlertDescription, AlertTitle } from '../ui/alert';\nimport { CheckCircle2, AlertCircle } from 'lucide-react';\n\n/**\n * Host inputs and presentation settings for QRCodeScanner.\n * @see QRCodeScanner\n */\ninterface QRCodeScannerProps {\n  /**\n   * Called and awaited for the first decoded nonempty raw value; rejection is caught into the error alert. The host owns authorization and processing.\n   * @param text - Host callback input described above.\n   * @returns No value after host processing completes; reject or throw to show an error alert.\n   */\n  onScan: (text: string) => Promise<void> | void;\n  /**\n   * Card heading.\n   * @defaultValue QR Scanner\n   */\n  title?: string;\n  /**\n   * Optional success text replacing Processed code: VALUE.\n   */\n  successMessage?: string;\n  /**\n   * Shows the success alert and Scan Next reset button; defaults to true. false removes that successful reset path.\n   */\n  showSuccess?: boolean;\n}\n\ninterface ScanResult {\n  rawValue: string;\n}\n\ninterface ScannerComponentProps {\n  onScan: (result: ScanResult[]) => void;\n  onError: (error: unknown) => void;\n  components?: {\n    finder?: boolean;\n  };\n}\n\n/**\n * Loads the camera scanner, processes the first decoded value and pauses until its local reset action.\n * @param props - Scan handler, card heading and success-display settings; see QRCodeScannerProps. Wrapper defaults: title='QR Scanner', showSuccess=true.\n * @returns The rendered QRCodeScanner composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Import Appkit CSS and install the optional @yudiel/react-qr-scanner peer. Camera access requires a supporting browser, secure context and permission; upstream owns camera setup/teardown. Only the first result is processed. The scanner unmounts after a result, and success content appears before onScan settles. onScan rejection is caught and displayed; camera errors are only logged and dynamic-import rejection is not caught. With showSuccess=false, successful scans offer no local reset button and remain paused; remount or use the error retry path. This component neither verifies identity nor persists decoded data.\n * @example\n * ```tsx\n * import { QRCodeScanner } from '@alneas/appkit-react/tools/barcode';\n * import '@alneas/appkit-react/styles';\n *\n * export function Example({ handleCode }: { handleCode: (text: string) => Promise<void> }) {\n *   return (<QRCodeScanner onScan={handleCode} title=\"Scan document code\" />);\n * }\n * ```\n */\nexport const QRCodeScanner: React.FC<QRCodeScannerProps> = ({\n  onScan,\n  title = 'QR Scanner',\n  successMessage,\n  showSuccess = true,\n}) => {\n  const [scannedResult, setScannedResult] = useState<string | null>(null);\n  const [error, setError] = useState<string | null>(null);\n  const [paused, setPaused] = useState(false);\n  const [ScannerComponent, setScannerComponent] =\n    useState<React.ComponentType<ScannerComponentProps> | null>(null);\n\n  React.useEffect(() => {\n    import('@yudiel/react-qr-scanner').then((m) => setScannerComponent(() => m.Scanner));\n  }, []);\n\n  const handleScan = async (text: string) => {\n    if (paused || !text) return;\n\n    setPaused(true);\n    setScannedResult(text);\n    setError(null);\n\n    try {\n      await onScan(text);\n    } catch (e) {\n      setError(e instanceof Error ? e.message : 'Scan failed');\n    }\n  };\n\n  const reset = () => {\n    setScannedResult(null);\n    setError(null);\n    setPaused(false);\n  };\n\n  return (\n    <Card className='max-w-md mx-auto'>\n      <CardHeader>\n        <CardTitle>{title}</CardTitle>\n      </CardHeader>\n      <CardContent className='space-y-4'>\n        {!scannedResult && (\n          <div className='aspect-square overflow-hidden rounded-lg border bg-black flex items-center justify-center'>\n            {ScannerComponent ? (\n              <ScannerComponent\n                onScan={(result: ScanResult[]) => result[0] && handleScan(result[0].rawValue)}\n                onError={(scanError: unknown) => console.error(scanError)}\n                components={{ finder: true }}\n              />\n            ) : (\n              <div className='text-white'>Loading scanner...</div>\n            )}\n          </div>\n        )}\n\n        {showSuccess && scannedResult && !error && (\n          <Alert className='border-primary bg-primary/10 text-primary'>\n            <CheckCircle2 className='h-4 w-4' />\n            <AlertTitle>Success</AlertTitle>\n            <AlertDescription>\n              {successMessage ? (\n                successMessage\n              ) : (\n                <>\n                  Processed code: <span className='font-mono text-foreground'>{scannedResult}</span>\n                </>\n              )}\n            </AlertDescription>\n            <Button onClick={reset} className='mt-2' variant='outline' size='sm'>\n              Scan Next\n            </Button>\n          </Alert>\n        )}\n\n        {error && (\n          <Alert variant='destructive'>\n            <AlertCircle className='h-4 w-4' />\n            <AlertTitle>Error</AlertTitle>\n            <AlertDescription>{error}</AlertDescription>\n            <Button onClick={reset} className='mt-2' variant='outline' size='sm'>\n              Try Again\n            </Button>\n          </Alert>\n        )}\n      </CardContent>\n    </Card>\n  );\n};\n"],"mappings":";;;;;;;;AA4DA,IAAaE,KAA+C,EAC1D,WACA,WAAQ,cACR,mBACA,iBAAc,SACV;CACJ,IAAM,CAACC,GAAeC,KAAoBC,EAAwB,IAAI,GAChE,CAACC,GAAOC,KAAYF,EAAwB,IAAI,GAChD,CAACG,GAAQC,KAAaJ,EAAS,EAAK,GACpC,CAACK,GAAkBC,KACvBN,EAA4D,IAAI;CAElE,EAAM,gBAAgB;EACpB,OAAO,2BAA2B,CAAC,MAAM,MAAMM,QAA0BC,EAAE,OAAO,CAAC;CACrF,GAAG,CAAC,CAAC;CAEL,IAAMC,IAAa,OAAO,MAAiB;EACzC,IAAI,MAAWC,GAEf;GAEA,AAFAL,EAAU,EAAI,GACdL,EAAiBU,CAAI,GACrBP,EAAS,IAAI;GAEb,IAAI;IACF,MAAMQ,EAAOD,CAAI;GACnB,SAAS,GAAG;IACV,EAAS,aAAa,QAAQ,EAAE,UAAU,aAAa;GACzD;EARc;CAShB,GAEME,UAAc;EAGlB,AAFAZ,EAAiB,IAAI,GACrBG,EAAS,IAAI,GACbE,EAAU,EAAK;CACjB;CAEA,OACE,kBAACQ,GAAD;EAAM,WAAU;EAAhB,UAAA,CACE,kBAACC,GAAD,EAAA,UACE,kBAACC,GAAD,EAAA,UAAYC,EAAiB,CAAA,EACnB,CAAA,GACZ,kBAACC,GAAD;GAAa,WAAU;GAAvB,UAAA;IACG,CAAClB,KACA,kBAAC,OAAD;KAAK,WAAU;KACZ,UAAAO,IACC,kBAACA,GAAD;MACE,SAAS,MAAyBY,EAAO,MAAMT,EAAWS,EAAO,EAAE,CAAC,QAAQ;MAC5E,UAAU,MAAuB,QAAQ,MAAMC,CAAS;MACxD,YAAY,EAAE,QAAQ,GAAK;KAC5B,CAAA,IAED,kBAAC,OAAD;MAAK,WAAU;MAAa,UAAA;KAAuB,CAAA;IAElD,CAAA;IAGNC,KAAerB,KAAiB,CAACG,KAChC,kBAACmB,GAAD;KAAO,WAAU;KAAjB,UAAA;MACE,kBAACC,GAAD,EAAc,WAAU,UAAW,CAAA;MACnC,kBAACC,GAAD,EAAA,UAAY,UAAmB,CAAA;MAC/B,kBAACC,GAAD,EAAA,UACGC,KAGC,kBAAA7B,GAAA,EAAA,UAAA,CAAE,oBACgB,kBAAC,QAAD;OAAM,WAAU;OAA6B,UAAAG;MAAoB,CAAA,CACjF,EAAA,CAAA,EAEY,CAAA;MAClB,kBAAC4B,GAAD;OAAQ,SAASf;OAAO,WAAU;OAAO,SAAQ;OAAU,MAAK;OAAK,UAAA;MAE7D,CAAA;KACH;;IAGRV,KACC,kBAACmB,GAAD;KAAO,SAAQ;KAAf,UAAA;MACE,kBAACO,GAAD,EAAa,WAAU,UAAW,CAAA;MAClC,kBAACL,GAAD,EAAA,UAAY,QAAiB,CAAA;MAC7B,kBAACC,GAAD,EAAA,UAAmBtB,EAAwB,CAAA;MAC3C,kBAACyB,GAAD;OAAQ,SAASf;OAAO,WAAU;OAAO,SAAQ;OAAU,MAAK;OAAK,UAAA;MAE7D,CAAA;KACH;;GAEE;EACT,CAAA,CAAA;;AAEV"}

package/dist/tools/components/calendar/ResourceCalendar.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ResourceCalendar.cjs","names":["React","getLocale","calendarRange","enUS","ja","subMonths","subWeeks","subDays","addMonths","addWeeks","addDays","format","startOfWeek","CalendarOptionsContext","cn","Button","ChevronsLeft","ChevronLeft","ChevronRight","ChevronsRight","Select","SelectTrigger","SelectContent","SelectItem","LayoutGrid","_Fragment","StretchHorizontal","Users","MonthView","TimeGridView","TimelineView","AgendaView","ResourceGridView","Dialog","DialogContent","DialogHeader","DialogTitle","DialogDescription","require_runtime","require_ui_lib_utils","require_ui_components_ui_button_components","require_ui_components_ui_dialog","require_ui_components_ui_select","require_runtime$1","require_calendar_today","require_calendar_view_agenda","require_calendar_view_day","require_calendar_view_grid","require_calendar_view_month","require_calendar_view_resource","require_calendar_view_timeline","require_calendar_view_week","require_tools_components_calendar_calendar_layout","require_tools_components_calendar_calendar_context","require_tools_components_calendar_views_MonthView","require_tools_components_calendar_views_TimeGridView","require_tools_components_calendar_views_TimelineView","require_tools_components_calendar_views_AgendaView","require_tools_components_calendar_views_ResourceView","react_jsx_runtime","react","lucide_react","date_fns_locale","date_fns","ResourceCalendar","controlledView","currentDate","setCurrentDate","defaultDate","internalView","setView","defaultView","view","lastGridView","setLastGridView","timelineDuration","setTimelineDuration","selectedResourceId","setSelectedResourceId","selectedEvent","setSelectedEvent","language","range","rangeStart","rangeEnd","lastNotifiedRange","key","onRangeChange","options","components","businessHours","locale","filteredResources","resources","r","filteredEvents","events","handlePrevious","newDate","handleNext","handlePreviousLarge","handleNextLarge","handleViewChange","v","newView","onViewChange","toggleViewMode","next","mode","headerTitle","start","end","className","defaultBgColor","headerBgColor","showDoubleArrows","res","enabledViews","onEventClick","onDateSelect","resourceId","open"],"sources":["../../../../src/tools/components/calendar/ResourceCalendar.tsx"],"sourcesContent":["import * as React from 'react';\nimport * as m from '../../paraglide/messages.js';\nimport { getLocale } from '../../paraglide/runtime.js';\nimport {\n  format,\n  addMonths,\n  addWeeks,\n  addDays,\n  subMonths,\n  subWeeks,\n  subDays,\n  startOfWeek,\n} from 'date-fns';\nimport { ja, enUS } from 'date-fns/locale';\nimport { ResourceCalendarProps, CalendarViewMode, CalendarEvent } from './types';\nimport { cn } from \"../../lib/utils\";\nimport { Button } from '../ui/button';\nimport {\n  ChevronLeft,\n  ChevronRight,\n  ChevronsLeft,\n  ChevronsRight,\n  LayoutGrid,\n  StretchHorizontal,\n  Users,\n} from 'lucide-react';\nimport { Select, SelectContent, SelectItem, SelectTrigger } from '../ui/select';\nimport { Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription } from '../ui/dialog';\n\nimport { MonthView } from './views/MonthView';\nimport { TimeGridView } from './views/TimeGridView';\nimport { TimelineView } from './views/TimelineView';\nimport { AgendaView } from './views/AgendaView';\nimport { ResourceGridView } from './views/ResourceView';\nimport { CalendarOptionsContext } from './calendar-context';\nimport { calendarRange } from './calendar-layout';\n\n/**\n * リソースカレンダーコンポーネント\n *\n * 月・週・日・タイムライン・リソース表示に対応した多機能カレンダー。\n *\n * ## Features\n * - 6つのビューモード（month, week, day, timeline, resource, agenda）\n * - リソース別イベント表示\n * - 日付・時間枠の選択（クリック／キーボード）\n * - イベントクリック時の詳細表示\n * - 日本語/英語ローカライズ\n * - カスタムヘッダー/背景色\n *\n * ## AI/Automation Attributes\n * - `data-testid`: Container element\n * - `data-view`: Current view mode\n * - `data-event-count`: Number of events\n *\n * @example\n * ```tsx\n * import { ResourceCalendar } from '@alneas/appkit-react/tools/calendar';\n *\n * const events = [\n *   {\n *     id: '1',\n *     title: '会議',\n *     start: new Date('2024-01-15 10:00'),\n *     end: new Date('2024-01-15 11:00'),\n *     resourceId: 'room-a',\n *   },\n * ];\n *\n * const resources = [\n *   { id: 'room-a', title: '会議室A' },\n *   { id: 'room-b', title: '会議室B' },\n * ];\n *\n * <ResourceCalendar\n *   events={events}\n *   resources={resources}\n *   defaultView=\"week\"\n *   onEventClick={(event) => console.log(event)}\n * />\n * ```\n *\n * @param props - {@link ResourceCalendarProps}\n * @returns リソースカレンダーコンポーネント\n */\nexport function ResourceCalendar({\n  events,\n  resources = [],\n  defaultDate = new Date(),\n  defaultView = 'week',\n  view: controlledView,\n  className,\n  onEventClick,\n  onDateSelect,\n  onViewChange,\n  onRangeChange,\n  components,\n  businessHours,\n  enabledViews,\n  showDoubleArrows,\n  headerBgColor = 'color-mix(in srgb, hsl(var(--muted)) 50%, hsl(var(--background)))',\n  headingBgColor = 'color-mix(in srgb, hsl(var(--muted)) 30%, hsl(var(--background)))',\n  defaultBgColor = 'hsl(var(--background))',\n}: ResourceCalendarProps) {\n  const [currentDate, setCurrentDate] = React.useState(defaultDate);\n  const [internalView, setView] = React.useState<CalendarViewMode>(defaultView);\n  const view = controlledView ?? internalView;\n\n  const [lastGridView, setLastGridView] = React.useState<CalendarViewMode>('week');\n  const [timelineDuration, setTimelineDuration] = React.useState<'day' | 'week' | 'month'>('week');\n  const [selectedResourceId, setSelectedResourceId] = React.useState<string>('all');\n  const [selectedEvent, setSelectedEvent] = React.useState<CalendarEvent | null>(null);\n  const language = getLocale();\n  const range = calendarRange(currentDate, view, timelineDuration);\n  const rangeStart = +range.start;\n  const rangeEnd = +range.end;\n  const lastNotifiedRange = React.useRef('');\n  React.useEffect(() => {\n    const key = `${rangeStart}:${rangeEnd}`;\n    if (onRangeChange && lastNotifiedRange.current !== key) {\n      lastNotifiedRange.current = key;\n      onRangeChange({ start: new Date(rangeStart), end: new Date(rangeEnd) });\n    }\n  }, [rangeStart, rangeEnd, onRangeChange]);\n  const options = React.useMemo(() => ({ components, businessHours }), [components, businessHours]);\n\n  const locale = React.useMemo(() => {\n    return language === 'en' ? enUS : ja;\n  }, [language]);\n\n  const filteredResources = React.useMemo(() => {\n    if (selectedResourceId === 'all') return resources;\n    return resources.filter((r) => r.id === selectedResourceId);\n  }, [resources, selectedResourceId]);\n\n  const filteredEvents = React.useMemo(() => {\n    if (selectedResourceId === 'all') return events;\n    return events.filter((e) => e.resourceId === selectedResourceId);\n  }, [events, selectedResourceId]);\n\n  const handlePrevious = () => {\n    let newDate: Date;\n    switch (view) {\n      case 'month':\n        newDate = subMonths(currentDate, 1);\n        break;\n      case 'week':\n        newDate = subWeeks(currentDate, 1);\n        break;\n      case 'day':\n        newDate = subDays(currentDate, 1);\n        break;\n      case 'resource':\n        newDate = subDays(currentDate, 1);\n        break;\n      case 'timeline':\n        newDate =\n          timelineDuration === 'day'\n            ? subDays(currentDate, 1)\n            : timelineDuration === 'month'\n              ? subMonths(currentDate, 1)\n              : subWeeks(currentDate, 1);\n        break;\n      default:\n        newDate = subMonths(currentDate, 1);\n    }\n    setCurrentDate(newDate);\n  };\n\n  const handleNext = () => {\n    let newDate: Date;\n    switch (view) {\n      case 'month':\n        newDate = addMonths(currentDate, 1);\n        break;\n      case 'week':\n        newDate = addWeeks(currentDate, 1);\n        break;\n      case 'day':\n        newDate = addDays(currentDate, 1);\n        break;\n      case 'resource':\n        newDate = addDays(currentDate, 1);\n        break;\n      case 'timeline':\n        newDate =\n          timelineDuration === 'day'\n            ? addDays(currentDate, 1)\n            : timelineDuration === 'month'\n              ? addMonths(currentDate, 1)\n              : addWeeks(currentDate, 1);\n        break;\n      default:\n        newDate = addMonths(currentDate, 1);\n    }\n    setCurrentDate(newDate);\n  };\n\n  const handlePreviousLarge = () => {\n    let newDate: Date;\n    switch (view) {\n      case 'month':\n        newDate = subMonths(currentDate, 12);\n        break;\n      case 'week':\n        newDate = subMonths(currentDate, 1);\n        break;\n      case 'day':\n        newDate = subWeeks(currentDate, 1);\n        break;\n      case 'resource':\n        newDate = subWeeks(currentDate, 1);\n        break;\n      case 'timeline':\n        newDate = subMonths(currentDate, 1);\n        break;\n      default:\n        newDate = subMonths(currentDate, 12);\n    }\n    setCurrentDate(newDate);\n  };\n\n  const handleNextLarge = () => {\n    let newDate: Date;\n    switch (view) {\n      case 'month':\n        newDate = addMonths(currentDate, 12);\n        break;\n      case 'week':\n        newDate = addMonths(currentDate, 1);\n        break;\n      case 'day':\n        newDate = addWeeks(currentDate, 1);\n        break;\n      case 'resource':\n        newDate = addWeeks(currentDate, 1);\n        break;\n      case 'timeline':\n        newDate = addMonths(currentDate, 1);\n        break;\n      default:\n        newDate = addMonths(currentDate, 12);\n    }\n    setCurrentDate(newDate);\n  };\n\n  const handleViewChange = (v: string) => {\n    if (view === 'timeline') {\n      if (v === 'day' || v === 'week' || v === 'month') {\n        setTimelineDuration(v as 'day' | 'week' | 'month');\n        return;\n      }\n    }\n\n    const newView = v as CalendarViewMode;\n    setView(newView);\n    onViewChange?.(newView);\n\n    if (newView !== 'timeline' && newView !== 'agenda' && newView !== 'resource') {\n      setLastGridView(newView);\n    }\n  };\n\n  const toggleViewMode = (mode: 'grid' | 'timeline' | 'resource') => {\n    const next = mode === 'grid' ? lastGridView : mode;\n    setView(next);\n    onViewChange?.(next);\n  };\n\n  const headerTitle = React.useMemo(() => {\n    if (\n      view === 'day' ||\n      view === 'resource' ||\n      (view === 'timeline' && timelineDuration === 'day')\n    ) {\n      return format(currentDate, language === 'en' ? 'MMMM d, yyyy' : 'yyyy年 M月 d日', { locale });\n    }\n    if (view === 'week' || (view === 'timeline' && timelineDuration === 'week')) {\n      const start = startOfWeek(currentDate, { weekStartsOn: 0 }); // Assuming Sunday start\n      // To match \"21日-27日\" style roughly\n      // If same month: 10月 21日 - 27日\n      // If different month: 9月 28日 - 10月 4日\n      const end = addDays(start, 6);\n\n      if (language === 'ja') {\n        if (start.getMonth() === end.getMonth()) {\n          return `${format(start, 'yyyy年 M月d日', { locale })} - ${format(end, 'd日', { locale })}`;\n        }\n        return `${format(start, 'yyyy年 M月d日', { locale })} - ${format(end, 'M月d日', { locale })}`;\n      } else {\n        if (start.getMonth() === end.getMonth()) {\n          return `${format(start, 'MMM d')} - ${format(end, 'd, yyyy')}`;\n        }\n        return `${format(start, 'MMM d')} - ${format(end, 'MMM d, yyyy')}`;\n      }\n    }\n    return format(currentDate, language === 'en' ? 'MMMM yyyy' : 'yyyy年 MMMM', { locale });\n  }, [currentDate, locale, language, view, timelineDuration]);\n\n  return (\n    <CalendarOptionsContext.Provider value={options}>\n      <div\n        className={cn(\n          'flex flex-col h-full border overflow-hidden [border-radius:var(--radius-lg)]',\n          className,\n        )}\n        style={{ backgroundColor: defaultBgColor }}\n      >\n        {/* Toolbar */}\n        {components?.toolbar ? (\n          components.toolbar({\n            date: currentDate,\n            view,\n            title: headerTitle,\n            range,\n            timelineDuration,\n            onPrevious: handlePrevious,\n            onNext: handleNext,\n            onToday: () => setCurrentDate(new Date()),\n            onViewChange: handleViewChange,\n          })\n        ) : (\n          <div\n            className='flex items-center justify-between border-b px-4 py-2 overflow-x-auto min-h-[52px]'\n            style={{ backgroundColor: headerBgColor }}\n          >\n            <div className='flex items-center gap-2 flex-none'>\n              {showDoubleArrows && (\n                <Button\n                  variant='outline'\n                  size='icon'\n                  onClick={handlePreviousLarge}\n                  aria-label={language === 'ja' ? '大きく前へ' : 'Previous large interval'}\n                  className='h-8 w-8'\n                >\n                  <ChevronsLeft className='h-4 w-4' />\n                </Button>\n              )}\n              <Button\n                variant='outline'\n                size='icon'\n                onClick={handlePrevious}\n                aria-label={language === 'ja' ? '前の期間' : 'Previous interval'}\n                className='h-8 w-8'\n              >\n                <ChevronLeft className='h-4 w-4' />\n              </Button>\n              <Button variant='outline' size='sm' onClick={() => setCurrentDate(new Date())}>\n                {m.calendar_today()}\n              </Button>\n              <Button\n                variant='outline'\n                size='icon'\n                onClick={handleNext}\n                aria-label={language === 'ja' ? '次の期間' : 'Next interval'}\n                className='h-8 w-8'\n              >\n                <ChevronRight className='h-4 w-4' />\n              </Button>\n              {showDoubleArrows && (\n                <Button\n                  variant='outline'\n                  size='icon'\n                  onClick={handleNextLarge}\n                  aria-label={language === 'ja' ? '大きく次へ' : 'Next large interval'}\n                  className='h-8 w-8'\n                >\n                  <ChevronsRight className='h-4 w-4' />\n                </Button>\n              )}\n              <span className='ml-2 text-lg font-semibold whitespace-nowrap'>{headerTitle}</span>\n            </div>\n\n            <div className='flex items-center gap-2 flex-none ml-4'>\n              {resources.length > 0 && (\n                <Select\n                  value={selectedResourceId}\n                  onValueChange={(v) => v && setSelectedResourceId(v)}\n                >\n                  <SelectTrigger aria-label={language === 'ja' ? 'リソース' : 'Resource'} className='bg-background w-[200px] h-9'>\n                    <span>\n                      {selectedResourceId === 'all'\n                        ? language === 'ja'\n                          ? 'すべてのリソース'\n                          : 'All Resources'\n                        : resources.find((r) => r.id === selectedResourceId)?.title ||\n                          selectedResourceId}\n                    </span>\n                  </SelectTrigger>\n                  <SelectContent className='bg-popover'>\n                    <SelectItem value='all'>\n                      {language === 'ja' ? 'すべてのリソース' : 'All Resources'}\n                    </SelectItem>\n                    {resources.map((res) => (\n                      <SelectItem key={res.id} value={res.id}>\n                        {res.title}\n                      </SelectItem>\n                    ))}\n                  </SelectContent>\n                </Select>\n              )}\n\n              {/* View Type Switcher (Icon Group) */}\n              <div className='flex items-center border overflow-hidden bg-background rounded-md flex-none'>\n                {(!enabledViews ||\n                  enabledViews.includes('week') ||\n                  enabledViews.includes('day') ||\n                  enabledViews.includes('month')) && (\n                  <Button\n                    variant='ghost'\n                    size='icon'\n                    onClick={() => toggleViewMode('grid')}\n                    className={cn(\n                      'rounded-none h-9 w-9',\n                      view !== 'timeline' &&\n                        view !== 'resource' &&\n                        'bg-muted text-accent-foreground',\n                    )}\n                    title={m.calendar_view_grid({ defaultValue: 'Grid' })}\n                  >\n                    <LayoutGrid className='h-4 w-4' />\n                  </Button>\n                )}\n                {(!enabledViews || enabledViews.includes('timeline')) && (\n                  <>\n                    <div className='bg-border w-[1px] h-4' />\n                    <Button\n                      variant='ghost'\n                      size='icon'\n                      onClick={() => toggleViewMode('timeline')}\n                      className={cn(\n                        'rounded-none h-9 w-9',\n                        view === 'timeline' && 'bg-muted text-accent-foreground',\n                      )}\n                      title={m.calendar_view_timeline({ defaultValue: 'Timeline' })}\n                    >\n                      <StretchHorizontal className='h-4 w-4' />\n                    </Button>\n                  </>\n                )}\n                {(!enabledViews || enabledViews.includes('resource')) && (\n                  <>\n                    <div className='bg-border w-[1px] h-4' />\n                    <Button\n                      variant='ghost'\n                      size='icon'\n                      onClick={() => toggleViewMode('resource')}\n                      className={cn(\n                        'rounded-none h-9 w-9',\n                        view === 'resource' && 'bg-muted text-accent-foreground',\n                      )}\n                      title={m.calendar_view_resource({ defaultValue: 'Resource' })}\n                    >\n                      <Users className='h-4 w-4' />\n                    </Button>\n                  </>\n                )}\n              </div>\n\n              {/* Time Scope Switcher (Text Group) */}\n              {view !== 'resource' && (\n                <div className='flex items-center border overflow-hidden bg-background rounded-md flex-none'>\n                  {(!enabledViews || enabledViews.includes('day')) && (\n                    <Button\n                      variant='ghost'\n                      size='sm'\n                      onClick={() => handleViewChange('day')}\n                      className={cn(\n                        'rounded-none px-3 h-9',\n                        (view === 'day' || (view === 'timeline' && timelineDuration === 'day')) &&\n                          'bg-muted font-medium text-accent-foreground',\n                      )}\n                    >\n                      {m.calendar_view_day()}\n                    </Button>\n                  )}\n                  {(!enabledViews || enabledViews.includes('week')) && (\n                    <>\n                      <div className='bg-border w-[1px] h-4' />\n                      <Button\n                        variant='ghost'\n                        size='sm'\n                        onClick={() => handleViewChange('week')}\n                        className={cn(\n                          'rounded-none px-3 h-9',\n                          (view === 'week' ||\n                            (view === 'timeline' && timelineDuration === 'week')) &&\n                            'bg-muted font-medium text-accent-foreground',\n                        )}\n                      >\n                        {m.calendar_view_week()}\n                      </Button>\n                    </>\n                  )}\n                  {(!enabledViews || enabledViews.includes('month')) && (\n                    <>\n                      <div className='bg-border w-[1px] h-4' />\n                      <Button\n                        variant='ghost'\n                        size='sm'\n                        onClick={() => handleViewChange('month')}\n                        className={cn(\n                          'rounded-none px-3 h-9',\n                          (view === 'month' ||\n                            (view === 'timeline' && timelineDuration === 'month')) &&\n                            'bg-muted font-medium text-accent-foreground',\n                        )}\n                      >\n                        {m.calendar_view_month()}\n                      </Button>\n                    </>\n                  )}\n                  {view !== 'timeline' && (!enabledViews || enabledViews.includes('agenda')) && (\n                    <>\n                      <div className='bg-border w-[1px] h-4' />\n                      <Button\n                        variant='ghost'\n                        size='sm'\n                        onClick={() => handleViewChange('agenda')}\n                        className={cn(\n                          'rounded-none px-3 h-9',\n                          view === 'agenda' && 'bg-muted font-medium text-accent-foreground',\n                        )}\n                      >\n                        {m.calendar_view_agenda({ defaultValue: 'List' })}\n                      </Button>\n                    </>\n                  )}\n                </div>\n              )}\n            </div>\n          </div>\n        )}\n        {/* View Content */}\n        <div className='flex-1 overflow-hidden relative min-h-0'>\n          {view === 'month' && (\n            <MonthView\n              currentDate={currentDate}\n              events={filteredEvents}\n              onEventClick={(e) => {\n                setSelectedEvent(e);\n                onEventClick?.(e);\n              }}\n              onDateSelect={onDateSelect}\n              locale={locale}\n              headingBgColor={headingBgColor}\n              defaultBgColor={defaultBgColor}\n            />\n          )}\n          {(view === 'week' || view === 'day') && (\n            <TimeGridView\n              view={view}\n              currentDate={currentDate}\n              events={filteredEvents}\n              resources={filteredResources}\n              onDateSelect={onDateSelect}\n              locale={locale}\n              onEventClick={(e) => {\n                setSelectedEvent(e);\n                onEventClick?.(e);\n              }}\n              headingBgColor={headingBgColor}\n              defaultBgColor={defaultBgColor}\n            />\n          )}\n          {view === 'timeline' && (\n            <TimelineView\n              currentDate={currentDate}\n              events={filteredEvents}\n              resources={filteredResources}\n              locale={locale}\n              duration={timelineDuration}\n              onEventClick={(e) => {\n                setSelectedEvent(e);\n                onEventClick?.(e);\n              }}\n              headingBgColor={headingBgColor}\n              defaultBgColor={defaultBgColor}\n            />\n          )}\n          {view === 'agenda' && (\n            <AgendaView\n              currentDate={currentDate}\n              events={filteredEvents}\n              locale={locale}\n              onEventClick={(e) => {\n                setSelectedEvent(e);\n                onEventClick?.(e);\n              }}\n              headingBgColor={headingBgColor}\n              defaultBgColor={defaultBgColor}\n            />\n          )}\n          {view === 'resource' && (\n            <ResourceGridView\n              date={currentDate}\n              events={filteredEvents}\n              resources={filteredResources}\n              onEmptySlotClick={\n                onDateSelect\n                  ? (resourceId, start) =>\n                      onDateSelect(start, new Date(+start + 30 * 60_000), resourceId)\n                  : undefined\n              }\n              onEventClick={(e) => {\n                setSelectedEvent(e);\n                onEventClick?.(e);\n              }}\n            />\n          )}\n        </div>\n\n        {/* Event Detail Dialog */}\n        <Dialog open={!!selectedEvent} onOpenChange={(open) => !open && setSelectedEvent(null)}>\n          <DialogContent className='bg-popover'>\n            <DialogHeader>\n              <DialogTitle className='text-xl font-bold'>{selectedEvent?.title}</DialogTitle>\n              <DialogDescription className='text-sm text-muted-foreground'>\n                {selectedEvent &&\n                  format(new Date(selectedEvent.start), 'yyyy/MM/dd HH:mm', { locale })}\n                {' - '}\n                {selectedEvent && format(new Date(selectedEvent.end), 'HH:mm', { locale })}\n              </DialogDescription>\n            </DialogHeader>\n            {selectedEvent?.description && (\n              <div className='py-4 text-sm whitespace-pre-wrap text-foreground'>\n                {selectedEvent.description as string}\n              </div>\n            )}\n            {selectedEvent?.resourceId && (\n              <div className='mt-2 text-xs font-semibold text-muted-foreground uppercase border-t pt-2'>\n                Resource: {resources.find((r) => r.id === selectedEvent.resourceId)?.title}\n              </div>\n            )}\n          </DialogContent>\n        </Dialog>\n      </div>\n    </CalendarOptionsContext.Provider>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"ResourceCalendar.cjs","names":["React","getLocale","calendarRange","enUS","ja","subMonths","subWeeks","subDays","addMonths","addWeeks","addDays","format","startOfWeek","CalendarOptionsContext","cn","Button","ChevronsLeft","ChevronLeft","ChevronRight","ChevronsRight","Select","SelectTrigger","SelectContent","SelectItem","LayoutGrid","_Fragment","StretchHorizontal","Users","MonthView","TimeGridView","TimelineView","AgendaView","ResourceGridView","Dialog","DialogContent","DialogHeader","DialogTitle","DialogDescription","require_runtime","require_ui_lib_utils","require_ui_components_ui_button_components","require_ui_components_ui_dialog","require_ui_components_ui_select","require_runtime$1","require_calendar_today","require_calendar_view_agenda","require_calendar_view_day","require_calendar_view_grid","require_calendar_view_month","require_calendar_view_resource","require_calendar_view_timeline","require_calendar_view_week","require_tools_components_calendar_calendar_layout","require_tools_components_calendar_calendar_context","require_tools_components_calendar_views_MonthView","require_tools_components_calendar_views_TimeGridView","require_tools_components_calendar_views_TimelineView","require_tools_components_calendar_views_AgendaView","require_tools_components_calendar_views_ResourceView","react_jsx_runtime","react","lucide_react","date_fns_locale","date_fns","ResourceCalendar","controlledView","currentDate","setCurrentDate","defaultDate","internalView","setView","defaultView","view","lastGridView","setLastGridView","timelineDuration","setTimelineDuration","selectedResourceId","setSelectedResourceId","selectedEvent","setSelectedEvent","language","range","rangeStart","rangeEnd","lastNotifiedRange","key","onRangeChange","options","components","businessHours","locale","filteredResources","resources","r","filteredEvents","events","handlePrevious","newDate","handleNext","handlePreviousLarge","handleNextLarge","handleViewChange","v","newView","onViewChange","toggleViewMode","next","mode","headerTitle","start","end","className","defaultBgColor","headerBgColor","showDoubleArrows","res","enabledViews","onEventClick","onDateSelect","resourceId","open"],"sources":["../../../../src/tools/components/calendar/ResourceCalendar.tsx"],"sourcesContent":["import * as React from 'react';\nimport * as m from '../../paraglide/messages.js';\nimport { getLocale } from '../../paraglide/runtime.js';\nimport {\n  format,\n  addMonths,\n  addWeeks,\n  addDays,\n  subMonths,\n  subWeeks,\n  subDays,\n  startOfWeek,\n} from 'date-fns';\nimport { ja, enUS } from 'date-fns/locale';\nimport { ResourceCalendarProps, CalendarViewMode, CalendarEvent } from './types';\nimport { cn } from \"../../lib/utils\";\nimport { Button } from '../ui/button';\nimport {\n  ChevronLeft,\n  ChevronRight,\n  ChevronsLeft,\n  ChevronsRight,\n  LayoutGrid,\n  StretchHorizontal,\n  Users,\n} from 'lucide-react';\nimport { Select, SelectContent, SelectItem, SelectTrigger } from '../ui/select';\nimport { Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription } from '../ui/dialog';\n\nimport { MonthView } from './views/MonthView';\nimport { TimeGridView } from './views/TimeGridView';\nimport { TimelineView } from './views/TimelineView';\nimport { AgendaView } from './views/AgendaView';\nimport { ResourceGridView } from './views/ResourceView';\nimport { CalendarOptionsContext } from './calendar-context';\nimport { calendarRange } from './calendar-layout';\n\n/**\n * Renders resource events in month, week, day, timeline, resource or agenda views.\n * @param props - Event/resource arrays, view settings and interaction callbacks; see {@link ResourceCalendarProps}.\n * @returns The calendar, navigation controls and optional selected-event dialog.\n * @remarks Import Appkit CSS. Event data is supplied by the host; callbacks do not persist changes.\n * resources defaults to an empty array, defaultDate to the mount-time current date and defaultView\n * to week. view controls the displayed mode when supplied; date navigation remains local state.\n * onRangeChange reports the visible date range after rendering. Locale comes from Appkit's\n * Paraglide runtime (Japanese or English); Date values use the runtime's date/time conventions.\n * The root does not expose data-testid, data-view or data-event-count and does not spread arbitrary attributes.\n * @example\n * ```tsx\n * import { ResourceCalendar } from '@alneas/appkit-react/tools/calendar';\n * import '@alneas/appkit-react/styles';\n *\n * export function RoomCalendar() {\n *   return <ResourceCalendar defaultDate={new Date(2026, 0, 15)} defaultView=\"week\"\n *     resources={[{ id: 'room-a', title: 'Room A' }]}\n *     events={[{ id: 'meeting', title: 'Planning', resourceId: 'room-a',\n *       start: new Date(2026, 0, 15, 10), end: new Date(2026, 0, 15, 11) }]} />;\n * }\n * ```\n */\nexport function ResourceCalendar({\n  events,\n  resources = [],\n  defaultDate = new Date(),\n  defaultView = 'week',\n  view: controlledView,\n  className,\n  onEventClick,\n  onDateSelect,\n  onViewChange,\n  onRangeChange,\n  components,\n  businessHours,\n  enabledViews,\n  showDoubleArrows,\n  headerBgColor = 'color-mix(in srgb, hsl(var(--muted)) 50%, hsl(var(--background)))',\n  headingBgColor = 'color-mix(in srgb, hsl(var(--muted)) 30%, hsl(var(--background)))',\n  defaultBgColor = 'hsl(var(--background))',\n}: ResourceCalendarProps) {\n  const [currentDate, setCurrentDate] = React.useState(defaultDate);\n  const [internalView, setView] = React.useState<CalendarViewMode>(defaultView);\n  const view = controlledView ?? internalView;\n\n  const [lastGridView, setLastGridView] = React.useState<CalendarViewMode>('week');\n  const [timelineDuration, setTimelineDuration] = React.useState<'day' | 'week' | 'month'>('week');\n  const [selectedResourceId, setSelectedResourceId] = React.useState<string>('all');\n  const [selectedEvent, setSelectedEvent] = React.useState<CalendarEvent | null>(null);\n  const language = getLocale();\n  const range = calendarRange(currentDate, view, timelineDuration);\n  const rangeStart = +range.start;\n  const rangeEnd = +range.end;\n  const lastNotifiedRange = React.useRef('');\n  React.useEffect(() => {\n    const key = `${rangeStart}:${rangeEnd}`;\n    if (onRangeChange && lastNotifiedRange.current !== key) {\n      lastNotifiedRange.current = key;\n      onRangeChange({ start: new Date(rangeStart), end: new Date(rangeEnd) });\n    }\n  }, [rangeStart, rangeEnd, onRangeChange]);\n  const options = React.useMemo(() => ({ components, businessHours }), [components, businessHours]);\n\n  const locale = React.useMemo(() => {\n    return language === 'en' ? enUS : ja;\n  }, [language]);\n\n  const filteredResources = React.useMemo(() => {\n    if (selectedResourceId === 'all') return resources;\n    return resources.filter((r) => r.id === selectedResourceId);\n  }, [resources, selectedResourceId]);\n\n  const filteredEvents = React.useMemo(() => {\n    if (selectedResourceId === 'all') return events;\n    return events.filter((e) => e.resourceId === selectedResourceId);\n  }, [events, selectedResourceId]);\n\n  const handlePrevious = () => {\n    let newDate: Date;\n    switch (view) {\n      case 'month':\n        newDate = subMonths(currentDate, 1);\n        break;\n      case 'week':\n        newDate = subWeeks(currentDate, 1);\n        break;\n      case 'day':\n        newDate = subDays(currentDate, 1);\n        break;\n      case 'resource':\n        newDate = subDays(currentDate, 1);\n        break;\n      case 'timeline':\n        newDate =\n          timelineDuration === 'day'\n            ? subDays(currentDate, 1)\n            : timelineDuration === 'month'\n              ? subMonths(currentDate, 1)\n              : subWeeks(currentDate, 1);\n        break;\n      default:\n        newDate = subMonths(currentDate, 1);\n    }\n    setCurrentDate(newDate);\n  };\n\n  const handleNext = () => {\n    let newDate: Date;\n    switch (view) {\n      case 'month':\n        newDate = addMonths(currentDate, 1);\n        break;\n      case 'week':\n        newDate = addWeeks(currentDate, 1);\n        break;\n      case 'day':\n        newDate = addDays(currentDate, 1);\n        break;\n      case 'resource':\n        newDate = addDays(currentDate, 1);\n        break;\n      case 'timeline':\n        newDate =\n          timelineDuration === 'day'\n            ? addDays(currentDate, 1)\n            : timelineDuration === 'month'\n              ? addMonths(currentDate, 1)\n              : addWeeks(currentDate, 1);\n        break;\n      default:\n        newDate = addMonths(currentDate, 1);\n    }\n    setCurrentDate(newDate);\n  };\n\n  const handlePreviousLarge = () => {\n    let newDate: Date;\n    switch (view) {\n      case 'month':\n        newDate = subMonths(currentDate, 12);\n        break;\n      case 'week':\n        newDate = subMonths(currentDate, 1);\n        break;\n      case 'day':\n        newDate = subWeeks(currentDate, 1);\n        break;\n      case 'resource':\n        newDate = subWeeks(currentDate, 1);\n        break;\n      case 'timeline':\n        newDate = subMonths(currentDate, 1);\n        break;\n      default:\n        newDate = subMonths(currentDate, 12);\n    }\n    setCurrentDate(newDate);\n  };\n\n  const handleNextLarge = () => {\n    let newDate: Date;\n    switch (view) {\n      case 'month':\n        newDate = addMonths(currentDate, 12);\n        break;\n      case 'week':\n        newDate = addMonths(currentDate, 1);\n        break;\n      case 'day':\n        newDate = addWeeks(currentDate, 1);\n        break;\n      case 'resource':\n        newDate = addWeeks(currentDate, 1);\n        break;\n      case 'timeline':\n        newDate = addMonths(currentDate, 1);\n        break;\n      default:\n        newDate = addMonths(currentDate, 12);\n    }\n    setCurrentDate(newDate);\n  };\n\n  const handleViewChange = (v: string) => {\n    if (view === 'timeline') {\n      if (v === 'day' || v === 'week' || v === 'month') {\n        setTimelineDuration(v as 'day' | 'week' | 'month');\n        return;\n      }\n    }\n\n    const newView = v as CalendarViewMode;\n    setView(newView);\n    onViewChange?.(newView);\n\n    if (newView !== 'timeline' && newView !== 'agenda' && newView !== 'resource') {\n      setLastGridView(newView);\n    }\n  };\n\n  const toggleViewMode = (mode: 'grid' | 'timeline' | 'resource') => {\n    const next = mode === 'grid' ? lastGridView : mode;\n    setView(next);\n    onViewChange?.(next);\n  };\n\n  const headerTitle = React.useMemo(() => {\n    if (\n      view === 'day' ||\n      view === 'resource' ||\n      (view === 'timeline' && timelineDuration === 'day')\n    ) {\n      return format(currentDate, language === 'en' ? 'MMMM d, yyyy' : 'yyyy年 M月 d日', { locale });\n    }\n    if (view === 'week' || (view === 'timeline' && timelineDuration === 'week')) {\n      const start = startOfWeek(currentDate, { weekStartsOn: 0 }); // Assuming Sunday start\n      // To match \"21日-27日\" style roughly\n      // If same month: 10月 21日 - 27日\n      // If different month: 9月 28日 - 10月 4日\n      const end = addDays(start, 6);\n\n      if (language === 'ja') {\n        if (start.getMonth() === end.getMonth()) {\n          return `${format(start, 'yyyy年 M月d日', { locale })} - ${format(end, 'd日', { locale })}`;\n        }\n        return `${format(start, 'yyyy年 M月d日', { locale })} - ${format(end, 'M月d日', { locale })}`;\n      } else {\n        if (start.getMonth() === end.getMonth()) {\n          return `${format(start, 'MMM d')} - ${format(end, 'd, yyyy')}`;\n        }\n        return `${format(start, 'MMM d')} - ${format(end, 'MMM d, yyyy')}`;\n      }\n    }\n    return format(currentDate, language === 'en' ? 'MMMM yyyy' : 'yyyy年 MMMM', { locale });\n  }, [currentDate, locale, language, view, timelineDuration]);\n\n  return (\n    <CalendarOptionsContext.Provider value={options}>\n      <div\n        className={cn(\n          'flex flex-col h-full border overflow-hidden [border-radius:var(--radius-lg)]',\n          className,\n        )}\n        style={{ backgroundColor: defaultBgColor }}\n      >\n        {/* Toolbar */}\n        {components?.toolbar ? (\n          components.toolbar({\n            date: currentDate,\n            view,\n            title: headerTitle,\n            range,\n            timelineDuration,\n            onPrevious: handlePrevious,\n            onNext: handleNext,\n            onToday: () => setCurrentDate(new Date()),\n            onViewChange: handleViewChange,\n          })\n        ) : (\n          <div\n            className='flex items-center justify-between border-b px-4 py-2 overflow-x-auto min-h-[52px]'\n            style={{ backgroundColor: headerBgColor }}\n          >\n            <div className='flex items-center gap-2 flex-none'>\n              {showDoubleArrows && (\n                <Button\n                  variant='outline'\n                  size='icon'\n                  onClick={handlePreviousLarge}\n                  aria-label={language === 'ja' ? '大きく前へ' : 'Previous large interval'}\n                  className='h-8 w-8'\n                >\n                  <ChevronsLeft className='h-4 w-4' />\n                </Button>\n              )}\n              <Button\n                variant='outline'\n                size='icon'\n                onClick={handlePrevious}\n                aria-label={language === 'ja' ? '前の期間' : 'Previous interval'}\n                className='h-8 w-8'\n              >\n                <ChevronLeft className='h-4 w-4' />\n              </Button>\n              <Button variant='outline' size='sm' onClick={() => setCurrentDate(new Date())}>\n                {m.calendar_today()}\n              </Button>\n              <Button\n                variant='outline'\n                size='icon'\n                onClick={handleNext}\n                aria-label={language === 'ja' ? '次の期間' : 'Next interval'}\n                className='h-8 w-8'\n              >\n                <ChevronRight className='h-4 w-4' />\n              </Button>\n              {showDoubleArrows && (\n                <Button\n                  variant='outline'\n                  size='icon'\n                  onClick={handleNextLarge}\n                  aria-label={language === 'ja' ? '大きく次へ' : 'Next large interval'}\n                  className='h-8 w-8'\n                >\n                  <ChevronsRight className='h-4 w-4' />\n                </Button>\n              )}\n              <span className='ml-2 text-lg font-semibold whitespace-nowrap'>{headerTitle}</span>\n            </div>\n\n            <div className='flex items-center gap-2 flex-none ml-4'>\n              {resources.length > 0 && (\n                <Select\n                  value={selectedResourceId}\n                  onValueChange={(v) => v && setSelectedResourceId(v)}\n                >\n                  <SelectTrigger aria-label={language === 'ja' ? 'リソース' : 'Resource'} className='bg-background w-[200px] h-9'>\n                    <span>\n                      {selectedResourceId === 'all'\n                        ? language === 'ja'\n                          ? 'すべてのリソース'\n                          : 'All Resources'\n                        : resources.find((r) => r.id === selectedResourceId)?.title ||\n                          selectedResourceId}\n                    </span>\n                  </SelectTrigger>\n                  <SelectContent className='bg-popover'>\n                    <SelectItem value='all'>\n                      {language === 'ja' ? 'すべてのリソース' : 'All Resources'}\n                    </SelectItem>\n                    {resources.map((res) => (\n                      <SelectItem key={res.id} value={res.id}>\n                        {res.title}\n                      </SelectItem>\n                    ))}\n                  </SelectContent>\n                </Select>\n              )}\n\n              {/* View Type Switcher (Icon Group) */}\n              <div className='flex items-center border overflow-hidden bg-background rounded-md flex-none'>\n                {(!enabledViews ||\n                  enabledViews.includes('week') ||\n                  enabledViews.includes('day') ||\n                  enabledViews.includes('month')) && (\n                  <Button\n                    variant='ghost'\n                    size='icon'\n                    onClick={() => toggleViewMode('grid')}\n                    className={cn(\n                      'rounded-none h-9 w-9',\n                      view !== 'timeline' &&\n                        view !== 'resource' &&\n                        'bg-muted text-accent-foreground',\n                    )}\n                    title={m.calendar_view_grid({ defaultValue: 'Grid' })}\n                  >\n                    <LayoutGrid className='h-4 w-4' />\n                  </Button>\n                )}\n                {(!enabledViews || enabledViews.includes('timeline')) && (\n                  <>\n                    <div className='bg-border w-[1px] h-4' />\n                    <Button\n                      variant='ghost'\n                      size='icon'\n                      onClick={() => toggleViewMode('timeline')}\n                      className={cn(\n                        'rounded-none h-9 w-9',\n                        view === 'timeline' && 'bg-muted text-accent-foreground',\n                      )}\n                      title={m.calendar_view_timeline({ defaultValue: 'Timeline' })}\n                    >\n                      <StretchHorizontal className='h-4 w-4' />\n                    </Button>\n                  </>\n                )}\n                {(!enabledViews || enabledViews.includes('resource')) && (\n                  <>\n                    <div className='bg-border w-[1px] h-4' />\n                    <Button\n                      variant='ghost'\n                      size='icon'\n                      onClick={() => toggleViewMode('resource')}\n                      className={cn(\n                        'rounded-none h-9 w-9',\n                        view === 'resource' && 'bg-muted text-accent-foreground',\n                      )}\n                      title={m.calendar_view_resource({ defaultValue: 'Resource' })}\n                    >\n                      <Users className='h-4 w-4' />\n                    </Button>\n                  </>\n                )}\n              </div>\n\n              {/* Time Scope Switcher (Text Group) */}\n              {view !== 'resource' && (\n                <div className='flex items-center border overflow-hidden bg-background rounded-md flex-none'>\n                  {(!enabledViews || enabledViews.includes('day')) && (\n                    <Button\n                      variant='ghost'\n                      size='sm'\n                      onClick={() => handleViewChange('day')}\n                      className={cn(\n                        'rounded-none px-3 h-9',\n                        (view === 'day' || (view === 'timeline' && timelineDuration === 'day')) &&\n                          'bg-muted font-medium text-accent-foreground',\n                      )}\n                    >\n                      {m.calendar_view_day()}\n                    </Button>\n                  )}\n                  {(!enabledViews || enabledViews.includes('week')) && (\n                    <>\n                      <div className='bg-border w-[1px] h-4' />\n                      <Button\n                        variant='ghost'\n                        size='sm'\n                        onClick={() => handleViewChange('week')}\n                        className={cn(\n                          'rounded-none px-3 h-9',\n                          (view === 'week' ||\n                            (view === 'timeline' && timelineDuration === 'week')) &&\n                            'bg-muted font-medium text-accent-foreground',\n                        )}\n                      >\n                        {m.calendar_view_week()}\n                      </Button>\n                    </>\n                  )}\n                  {(!enabledViews || enabledViews.includes('month')) && (\n                    <>\n                      <div className='bg-border w-[1px] h-4' />\n                      <Button\n                        variant='ghost'\n                        size='sm'\n                        onClick={() => handleViewChange('month')}\n                        className={cn(\n                          'rounded-none px-3 h-9',\n                          (view === 'month' ||\n                            (view === 'timeline' && timelineDuration === 'month')) &&\n                            'bg-muted font-medium text-accent-foreground',\n                        )}\n                      >\n                        {m.calendar_view_month()}\n                      </Button>\n                    </>\n                  )}\n                  {view !== 'timeline' && (!enabledViews || enabledViews.includes('agenda')) && (\n                    <>\n                      <div className='bg-border w-[1px] h-4' />\n                      <Button\n                        variant='ghost'\n                        size='sm'\n                        onClick={() => handleViewChange('agenda')}\n                        className={cn(\n                          'rounded-none px-3 h-9',\n                          view === 'agenda' && 'bg-muted font-medium text-accent-foreground',\n                        )}\n                      >\n                        {m.calendar_view_agenda({ defaultValue: 'List' })}\n                      </Button>\n                    </>\n                  )}\n                </div>\n              )}\n            </div>\n          </div>\n        )}\n        {/* View Content */}\n        <div className='flex-1 overflow-hidden relative min-h-0'>\n          {view === 'month' && (\n            <MonthView\n              currentDate={currentDate}\n              events={filteredEvents}\n              onEventClick={(e) => {\n                setSelectedEvent(e);\n                onEventClick?.(e);\n              }}\n              onDateSelect={onDateSelect}\n              locale={locale}\n              headingBgColor={headingBgColor}\n              defaultBgColor={defaultBgColor}\n            />\n          )}\n          {(view === 'week' || view === 'day') && (\n            <TimeGridView\n              view={view}\n              currentDate={currentDate}\n              events={filteredEvents}\n              resources={filteredResources}\n              onDateSelect={onDateSelect}\n              locale={locale}\n              onEventClick={(e) => {\n                setSelectedEvent(e);\n                onEventClick?.(e);\n              }}\n              headingBgColor={headingBgColor}\n              defaultBgColor={defaultBgColor}\n            />\n          )}\n          {view === 'timeline' && (\n            <TimelineView\n              currentDate={currentDate}\n              events={filteredEvents}\n              resources={filteredResources}\n              locale={locale}\n              duration={timelineDuration}\n              onEventClick={(e) => {\n                setSelectedEvent(e);\n                onEventClick?.(e);\n              }}\n              headingBgColor={headingBgColor}\n              defaultBgColor={defaultBgColor}\n            />\n          )}\n          {view === 'agenda' && (\n            <AgendaView\n              currentDate={currentDate}\n              events={filteredEvents}\n              locale={locale}\n              onEventClick={(e) => {\n                setSelectedEvent(e);\n                onEventClick?.(e);\n              }}\n              headingBgColor={headingBgColor}\n              defaultBgColor={defaultBgColor}\n            />\n          )}\n          {view === 'resource' && (\n            <ResourceGridView\n              date={currentDate}\n              events={filteredEvents}\n              resources={filteredResources}\n              onEmptySlotClick={\n                onDateSelect\n                  ? (resourceId, start) =>\n                      onDateSelect(start, new Date(+start + 30 * 60_000), resourceId)\n                  : undefined\n              }\n              onEventClick={(e) => {\n                setSelectedEvent(e);\n                onEventClick?.(e);\n              }}\n            />\n          )}\n        </div>\n\n        {/* Event Detail Dialog */}\n        <Dialog open={!!selectedEvent} onOpenChange={(open) => !open && setSelectedEvent(null)}>\n          <DialogContent className='bg-popover'>\n            <DialogHeader>\n              <DialogTitle className='text-xl font-bold'>{selectedEvent?.title}</DialogTitle>\n              <DialogDescription className='text-sm text-muted-foreground'>\n                {selectedEvent &&\n                  format(new Date(selectedEvent.start), 'yyyy/MM/dd HH:mm', { locale })}\n                {' - '}\n                {selectedEvent && format(new Date(selectedEvent.end), 'HH:mm', { locale })}\n              </DialogDescription>\n            </DialogHeader>\n            {selectedEvent?.description && (\n              <div className='py-4 text-sm whitespace-pre-wrap text-foreground'>\n                {selectedEvent.description as string}\n              </div>\n            )}\n            {selectedEvent?.resourceId && (\n              <div className='mt-2 text-xs font-semibold text-muted-foreground uppercase border-t pt-2'>\n                Resource: {resources.find((r) => r.id === selectedEvent.resourceId)?.title}\n              </div>\n            )}\n          </DialogContent>\n        </Dialog>\n      </div>\n    </CalendarOptionsContext.Provider>\n  );\n}\n"],"mappings":"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"}

package/dist/tools/components/calendar/ResourceCalendar.d.cts

@@ -1,51 +1,26 @@
 import { ResourceCalendarProps } from './types.cjs';
 import * as React from 'react';
 /**
- * リソースカレンダーコンポーネント
- *
- * 月・週・日・タイムライン・リソース表示に対応した多機能カレンダー。
- *
- * ## Features
- * - 6つのビューモード（month, week, day, timeline, resource, agenda）
- * - リソース別イベント表示
- * - 日付・時間枠の選択（クリック／キーボード）
- * - イベントクリック時の詳細表示
- * - 日本語/英語ローカライズ
- * - カスタムヘッダー/背景色
- *
- * ## AI/Automation Attributes
- * - `data-testid`: Container element
- * - `data-view`: Current view mode
- * - `data-event-count`: Number of events
- *
+ * Renders resource events in month, week, day, timeline, resource or agenda views.
+ * @param props - Event/resource arrays, view settings and interaction callbacks; see {@link ResourceCalendarProps}.
+ * @returns The calendar, navigation controls and optional selected-event dialog.
+ * @remarks Import Appkit CSS. Event data is supplied by the host; callbacks do not persist changes.
+ * resources defaults to an empty array, defaultDate to the mount-time current date and defaultView
+ * to week. view controls the displayed mode when supplied; date navigation remains local state.
+ * onRangeChange reports the visible date range after rendering. Locale comes from Appkit's
+ * Paraglide runtime (Japanese or English); Date values use the runtime's date/time conventions.
+ * The root does not expose data-testid, data-view or data-event-count and does not spread arbitrary attributes.
  * @example
  * ```tsx
  * import { ResourceCalendar } from '@alneas/appkit-react/tools/calendar';
- *
- * const events = [
- *   {
- *     id: '1',
- *     title: '会議',
- *     start: new Date('2024-01-15 10:00'),
- *     end: new Date('2024-01-15 11:00'),
- *     resourceId: 'room-a',
- *   },
- * ];
- *
- * const resources = [
- *   { id: 'room-a', title: '会議室A' },
- *   { id: 'room-b', title: '会議室B' },
- * ];
- *
- * <ResourceCalendar
- *   events={events}
- *   resources={resources}
- *   defaultView="week"
- *   onEventClick={(event) => console.log(event)}
- * />
+ * import '@alneas/appkit-react/styles';
+ *
+ * export function RoomCalendar() {
+ *   return <ResourceCalendar defaultDate={new Date(2026, 0, 15)} defaultView="week"
+ *     resources={[{ id: 'room-a', title: 'Room A' }]}
+ *     events={[{ id: 'meeting', title: 'Planning', resourceId: 'room-a',
+ *       start: new Date(2026, 0, 15, 10), end: new Date(2026, 0, 15, 11) }]} />;
+ * }
  * ```
- *
- * @param props - {@link ResourceCalendarProps}
- * @returns リソースカレンダーコンポーネント
  */
 export declare function ResourceCalendar({ events, resources, defaultDate, defaultView, view: controlledView, className, onEventClick, onDateSelect, onViewChange, onRangeChange, components, businessHours, enabledViews, showDoubleArrows, headerBgColor, headingBgColor, defaultBgColor, }: ResourceCalendarProps): React.JSX.Element;