@ktnpm_devops/react-component 0.12.1 → 0.13.0

package/dist/index26.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index26.cjs","sources":["../src/composites/DatePickerDropdown/DatePickerDropdown.tsx"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport clsx from 'clsx';\nimport { useClickOutside } from '../../hooks/useClickOutside';\nimport { useEscapeKey } from '../../hooks/useEscapeKey';\nimport type { DatePickerDropdownProps } from './DatePickerDropdown.types';\nimport styles from './DatePickerDropdown.module.css';\n\nconst MONTHS = [\n  'January', 'February', 'March', 'April', 'May', 'June',\n  'July', 'August', 'September', 'October', 'November', 'December',\n];\nconst MONTHS_SHORT = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];\nconst WEEKDAYS = ['M', 'T', 'W', 'T', 'F', 'S', 'S'];\n\nconst pad2 = (n: number) => String(n).padStart(2, '0');\nconst toIso = (y: number, m: number, d: number) => `${y}-${pad2(m + 1)}-${pad2(d)}`;\n\nfunction defaultFormat(iso: string): string {\n  const match = /^(\\d{4})-(\\d{2})-(\\d{2})$/.exec(iso);\n  if (!match) return iso;\n  return `${+match[3]} ${MONTHS_SHORT[+match[2] - 1]} ${match[1]}`;\n}\n\n/** Month/year to display first: the selected value, else the latest allowed date, else today. */\nfunction anchorMonth(value: string | null, allowedDates: string[]): { year: number; month: number } {\n  const anchor = value ?? [...allowedDates].sort().at(-1);\n  if (anchor) {\n    const [y, m] = anchor.split('-').map(Number);\n    return { year: y, month: m - 1 };\n  }\n  const now = new Date();\n  return { year: now.getFullYear(), month: now.getMonth() };\n}\n\nexport const DatePickerDropdown = ({\n  value,\n  onChange,\n  allowedDates,\n  formatLabel = defaultFormat,\n  placeholder = 'Select date',\n  monthLabels = MONTHS,\n  weekdayLabels = WEEKDAYS,\n  'aria-label': ariaLabel,\n  className,\n}: DatePickerDropdownProps) => {\n  const [isOpen, setIsOpen] = useState(false);\n  const [view, setView] = useState(() => anchorMonth(value, allowedDates));\n  const containerRef = useRef<HTMLDivElement>(null);\n\n  // Read latest props inside the open effect without making it re-run on every\n  // render (callers often pass an inline `allowedDates` array).\n  const anchorArgs = useRef({ value, allowedDates });\n  anchorArgs.current = { value, allowedDates };\n\n  const close = useCallback(() => setIsOpen(false), []);\n  useClickOutside(containerRef, close);\n  useEscapeKey(close, isOpen);\n\n  // Reset the visible month to the anchor whenever the popover opens.\n  useEffect(() => {\n    if (isOpen) setView(anchorMonth(anchorArgs.current.value, anchorArgs.current.allowedDates));\n  }, [isOpen]);\n\n  const allowedSet = useMemo(() => new Set(allowedDates), [allowedDates]);\n\n  const { year, month } = view;\n  const startDow = (new Date(year, month, 1).getDay() + 6) % 7;\n  const daysInMonth = new Date(year, month + 1, 0).getDate();\n\n  const pick = (iso: string) => {\n    onChange(iso);\n    setIsOpen(false);\n  };\n\n  const shiftMonth = (delta: number) => {\n    const next = new Date(year, month + delta, 1);\n    setView({ year: next.getFullYear(), month: next.getMonth() });\n  };\n\n  return (\n    <div ref={containerRef} className={clsx(styles.root, className)}>\n      <button\n        type=\"button\"\n        className={clsx(styles.trigger, isOpen && styles.isOpen)}\n        aria-haspopup=\"dialog\"\n        aria-expanded={isOpen}\n        aria-label={ariaLabel}\n        onClick={() => setIsOpen((open) => !open)}\n      >\n        <svg\n          className={styles.icon}\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          strokeWidth=\"2\"\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n          aria-hidden=\"true\"\n        >\n          <rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" />\n          <line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\" />\n          <line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\" />\n          <line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\" />\n        </svg>\n        <span>{value ? formatLabel(value) : placeholder}</span>\n        <span className={styles.arrow}>{isOpen ? '▲' : '▼'}</span>\n      </button>\n\n      {isOpen && (\n        <div className={styles.pop} role=\"dialog\" aria-label={ariaLabel ?? 'Calendar'}>\n          <div className={styles.head}>\n            <button\n              type=\"button\"\n              className={styles.nav}\n              aria-label=\"Previous month\"\n              onClick={() => shiftMonth(-1)}\n            >\n              {'‹'}\n            </button>\n            <span className={styles.title}>\n              {monthLabels[month]} {year}\n            </span>\n            <button\n              type=\"button\"\n              className={styles.nav}\n              aria-label=\"Next month\"\n              onClick={() => shiftMonth(1)}\n            >\n              {'›'}\n            </button>\n          </div>\n          <div className={styles.dows}>\n            {weekdayLabels.map((d, i) => (\n              <span key={i}>{d}</span>\n            ))}\n          </div>\n          <div className={styles.grid}>\n            {Array.from({ length: startDow }).map((_, i) => (\n              <span key={`e${i}`} className={clsx(styles.day, styles.empty)} />\n            ))}\n            {Array.from({ length: daysInMonth }).map((_, i) => {\n              const d = i + 1;\n              const iso = toIso(year, month, d);\n              const able = allowedSet.has(iso);\n              const selected = iso === value;\n              if (!able) {\n                return (\n                  <span key={iso} className={clsx(styles.day, styles.off)} aria-disabled=\"true\">\n                    {d}\n                  </span>\n                );\n              }\n              return (\n                <button\n                  key={iso}\n                  type=\"button\"\n                  className={clsx(styles.day, styles.able, selected && styles.selected)}\n                  aria-label={formatLabel(iso)}\n                  aria-current={selected ? 'date' : undefined}\n                  onClick={() => pick(iso)}\n                >\n                  {d}\n                </button>\n              );\n            })}\n          </div>\n        </div>\n      )}\n    </div>\n  );\n};\n\nDatePickerDropdown.displayName = 'DatePickerDropdown';\n"],"names":["useState","useRef","useCallback","useClickOutside","useEscapeKey","useEffect","useMemo","jsxs","clsx","styles","jsx"],"mappings":"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"}
+{"version":3,"file":"index26.cjs","sources":["../src/layouts/DashboardLayout/DashboardLayout.tsx"],"sourcesContent":["import clsx from 'clsx';\nimport type { DashboardLayoutProps } from './DashboardLayout.types';\nimport styles from './DashboardLayout.module.css';\n\nexport const DashboardLayout = ({\n  sidebar,\n  filterBar,\n  children,\n  sidebarCollapsed = false,\n  className,\n}: DashboardLayoutProps) => (\n  <div className={clsx(styles.root, className)}>\n    {sidebar && (\n      <aside className={clsx(styles.sidebar, { [styles.sidebarCollapsed]: sidebarCollapsed })}>\n        {sidebar}\n      </aside>\n    )}\n    <main className={styles.main}>\n      {filterBar && <div className={styles.filterBar}>{filterBar}</div>}\n      <div className={styles.content}>{children}</div>\n    </main>\n  </div>\n);\n\nDashboardLayout.displayName = 'DashboardLayout';\n"],"names":["clsx","styles","jsx","jsxs"],"mappings":";;;;;AAIO,MAAM,kBAAkB,CAAC;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA,mBAAmB;AAAA,EACnB;AACF,sCACG,OAAA,EAAI,WAAWA,KAAAA,KAAKC,uBAAAA,QAAO,MAAM,SAAS,GACxC,UAAA;AAAA,EAAA,WACCC,2BAAAA,IAAC,SAAA,EAAM,WAAWF,KAAAA,KAAKC,uBAAAA,QAAO,SAAS,EAAE,CAACA,uBAAAA,QAAO,gBAAgB,GAAG,iBAAA,CAAkB,GACnF,UAAA,SACH;AAAA,EAEFE,2BAAAA,KAAC,QAAA,EAAK,WAAWF,uBAAAA,QAAO,MACrB,UAAA;AAAA,IAAA,aAAaC,2BAAAA,IAAC,OAAA,EAAI,WAAWD,uBAAAA,QAAO,WAAY,UAAA,WAAU;AAAA,IAC3DC,2BAAAA,IAAC,OAAA,EAAI,WAAWD,uBAAAA,QAAO,SAAU,SAAA,CAAS;AAAA,EAAA,EAAA,CAC5C;AAAA,EAAA,CACF;AAGF,gBAAgB,cAAc;;"}

package/dist/index26.js

@@ -1,168 +1,21 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { useState, useRef, useCallback, useEffect, useMemo } from "react";
-import { clsx } from "./index55.js";
-import { useClickOutside } from "./index4.js";
-import { useEscapeKey } from "./index5.js";
-import styles from "./index86.js";
-const MONTHS = [
-  "January",
-  "February",
-  "March",
-  "April",
-  "May",
-  "June",
-  "July",
-  "August",
-  "September",
-  "October",
-  "November",
-  "December"
-];
-const MONTHS_SHORT = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];
-const WEEKDAYS = ["M", "T", "W", "T", "F", "S", "S"];
-const pad2 = (n) => String(n).padStart(2, "0");
-const toIso = (y, m, d) => `${y}-${pad2(m + 1)}-${pad2(d)}`;
-function defaultFormat(iso) {
-  const match = /^(\d{4})-(\d{2})-(\d{2})$/.exec(iso);
-  if (!match) return iso;
-  return `${+match[3]} ${MONTHS_SHORT[+match[2] - 1]} ${match[1]}`;
-}
-function anchorMonth(value, allowedDates) {
-  const anchor = value ?? [...allowedDates].sort().at(-1);
-  if (anchor) {
-    const [y, m] = anchor.split("-").map(Number);
-    return { year: y, month: m - 1 };
-  }
-  const now = /* @__PURE__ */ new Date();
-  return { year: now.getFullYear(), month: now.getMonth() };
-}
-const DatePickerDropdown = ({
-  value,
-  onChange,
-  allowedDates,
-  formatLabel = defaultFormat,
-  placeholder = "Select date",
-  monthLabels = MONTHS,
-  weekdayLabels = WEEKDAYS,
-  "aria-label": ariaLabel,
+import { clsx } from "./index57.js";
+import styles from "./index96.js";
+const DashboardLayout = ({
+  sidebar,
+  filterBar,
+  children,
+  sidebarCollapsed = false,
   className
-}) => {
-  const [isOpen, setIsOpen] = useState(false);
-  const [view, setView] = useState(() => anchorMonth(value, allowedDates));
-  const containerRef = useRef(null);
-  const anchorArgs = useRef({ value, allowedDates });
-  anchorArgs.current = { value, allowedDates };
-  const close = useCallback(() => setIsOpen(false), []);
-  useClickOutside(containerRef, close);
-  useEscapeKey(close, isOpen);
-  useEffect(() => {
-    if (isOpen) setView(anchorMonth(anchorArgs.current.value, anchorArgs.current.allowedDates));
-  }, [isOpen]);
-  const allowedSet = useMemo(() => new Set(allowedDates), [allowedDates]);
-  const { year, month } = view;
-  const startDow = (new Date(year, month, 1).getDay() + 6) % 7;
-  const daysInMonth = new Date(year, month + 1, 0).getDate();
-  const pick = (iso) => {
-    onChange(iso);
-    setIsOpen(false);
-  };
-  const shiftMonth = (delta) => {
-    const next = new Date(year, month + delta, 1);
-    setView({ year: next.getFullYear(), month: next.getMonth() });
-  };
-  return /* @__PURE__ */ jsxs("div", { ref: containerRef, className: clsx(styles.root, className), children: [
-    /* @__PURE__ */ jsxs(
-      "button",
-      {
-        type: "button",
-        className: clsx(styles.trigger, isOpen && styles.isOpen),
-        "aria-haspopup": "dialog",
-        "aria-expanded": isOpen,
-        "aria-label": ariaLabel,
-        onClick: () => setIsOpen((open) => !open),
-        children: [
-          /* @__PURE__ */ jsxs(
-            "svg",
-            {
-              className: styles.icon,
-              viewBox: "0 0 24 24",
-              fill: "none",
-              stroke: "currentColor",
-              strokeWidth: "2",
-              strokeLinecap: "round",
-              strokeLinejoin: "round",
-              "aria-hidden": "true",
-              children: [
-                /* @__PURE__ */ jsx("rect", { x: "3", y: "4", width: "18", height: "18", rx: "2" }),
-                /* @__PURE__ */ jsx("line", { x1: "16", y1: "2", x2: "16", y2: "6" }),
-                /* @__PURE__ */ jsx("line", { x1: "8", y1: "2", x2: "8", y2: "6" }),
-                /* @__PURE__ */ jsx("line", { x1: "3", y1: "10", x2: "21", y2: "10" })
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsx("span", { children: value ? formatLabel(value) : placeholder }),
-          /* @__PURE__ */ jsx("span", { className: styles.arrow, children: isOpen ? "▲" : "▼" })
-        ]
-      }
-    ),
-    isOpen && /* @__PURE__ */ jsxs("div", { className: styles.pop, role: "dialog", "aria-label": ariaLabel ?? "Calendar", children: [
-      /* @__PURE__ */ jsxs("div", { className: styles.head, children: [
-        /* @__PURE__ */ jsx(
-          "button",
-          {
-            type: "button",
-            className: styles.nav,
-            "aria-label": "Previous month",
-            onClick: () => shiftMonth(-1),
-            children: "‹"
-          }
-        ),
-        /* @__PURE__ */ jsxs("span", { className: styles.title, children: [
-          monthLabels[month],
-          " ",
-          year
-        ] }),
-        /* @__PURE__ */ jsx(
-          "button",
-          {
-            type: "button",
-            className: styles.nav,
-            "aria-label": "Next month",
-            onClick: () => shiftMonth(1),
-            children: "›"
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsx("div", { className: styles.dows, children: weekdayLabels.map((d, i) => /* @__PURE__ */ jsx("span", { children: d }, i)) }),
-      /* @__PURE__ */ jsxs("div", { className: styles.grid, children: [
-        Array.from({ length: startDow }).map((_, i) => /* @__PURE__ */ jsx("span", { className: clsx(styles.day, styles.empty) }, `e${i}`)),
-        Array.from({ length: daysInMonth }).map((_, i) => {
-          const d = i + 1;
-          const iso = toIso(year, month, d);
-          const able = allowedSet.has(iso);
-          const selected = iso === value;
-          if (!able) {
-            return /* @__PURE__ */ jsx("span", { className: clsx(styles.day, styles.off), "aria-disabled": "true", children: d }, iso);
-          }
-          return /* @__PURE__ */ jsx(
-            "button",
-            {
-              type: "button",
-              className: clsx(styles.day, styles.able, selected && styles.selected),
-              "aria-label": formatLabel(iso),
-              "aria-current": selected ? "date" : void 0,
-              onClick: () => pick(iso),
-              children: d
-            },
-            iso
-          );
-        })
-      ] })
-    ] })
-  ] });
-};
-DatePickerDropdown.displayName = "DatePickerDropdown";
+}) => /* @__PURE__ */ jsxs("div", { className: clsx(styles.root, className), children: [
+  sidebar && /* @__PURE__ */ jsx("aside", { className: clsx(styles.sidebar, { [styles.sidebarCollapsed]: sidebarCollapsed }), children: sidebar }),
+  /* @__PURE__ */ jsxs("main", { className: styles.main, children: [
+    filterBar && /* @__PURE__ */ jsx("div", { className: styles.filterBar, children: filterBar }),
+    /* @__PURE__ */ jsx("div", { className: styles.content, children })
+  ] })
+] });
+DashboardLayout.displayName = "DashboardLayout";
 export {
-  DatePickerDropdown
+  DashboardLayout
 };
 //# sourceMappingURL=index26.js.map

package/dist/index26.js.map

@@ -1 +1 @@
-{"version":3,"file":"index26.js","sources":["../src/composites/DatePickerDropdown/DatePickerDropdown.tsx"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport clsx from 'clsx';\nimport { useClickOutside } from '../../hooks/useClickOutside';\nimport { useEscapeKey } from '../../hooks/useEscapeKey';\nimport type { DatePickerDropdownProps } from './DatePickerDropdown.types';\nimport styles from './DatePickerDropdown.module.css';\n\nconst MONTHS = [\n  'January', 'February', 'March', 'April', 'May', 'June',\n  'July', 'August', 'September', 'October', 'November', 'December',\n];\nconst MONTHS_SHORT = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];\nconst WEEKDAYS = ['M', 'T', 'W', 'T', 'F', 'S', 'S'];\n\nconst pad2 = (n: number) => String(n).padStart(2, '0');\nconst toIso = (y: number, m: number, d: number) => `${y}-${pad2(m + 1)}-${pad2(d)}`;\n\nfunction defaultFormat(iso: string): string {\n  const match = /^(\\d{4})-(\\d{2})-(\\d{2})$/.exec(iso);\n  if (!match) return iso;\n  return `${+match[3]} ${MONTHS_SHORT[+match[2] - 1]} ${match[1]}`;\n}\n\n/** Month/year to display first: the selected value, else the latest allowed date, else today. */\nfunction anchorMonth(value: string | null, allowedDates: string[]): { year: number; month: number } {\n  const anchor = value ?? [...allowedDates].sort().at(-1);\n  if (anchor) {\n    const [y, m] = anchor.split('-').map(Number);\n    return { year: y, month: m - 1 };\n  }\n  const now = new Date();\n  return { year: now.getFullYear(), month: now.getMonth() };\n}\n\nexport const DatePickerDropdown = ({\n  value,\n  onChange,\n  allowedDates,\n  formatLabel = defaultFormat,\n  placeholder = 'Select date',\n  monthLabels = MONTHS,\n  weekdayLabels = WEEKDAYS,\n  'aria-label': ariaLabel,\n  className,\n}: DatePickerDropdownProps) => {\n  const [isOpen, setIsOpen] = useState(false);\n  const [view, setView] = useState(() => anchorMonth(value, allowedDates));\n  const containerRef = useRef<HTMLDivElement>(null);\n\n  // Read latest props inside the open effect without making it re-run on every\n  // render (callers often pass an inline `allowedDates` array).\n  const anchorArgs = useRef({ value, allowedDates });\n  anchorArgs.current = { value, allowedDates };\n\n  const close = useCallback(() => setIsOpen(false), []);\n  useClickOutside(containerRef, close);\n  useEscapeKey(close, isOpen);\n\n  // Reset the visible month to the anchor whenever the popover opens.\n  useEffect(() => {\n    if (isOpen) setView(anchorMonth(anchorArgs.current.value, anchorArgs.current.allowedDates));\n  }, [isOpen]);\n\n  const allowedSet = useMemo(() => new Set(allowedDates), [allowedDates]);\n\n  const { year, month } = view;\n  const startDow = (new Date(year, month, 1).getDay() + 6) % 7;\n  const daysInMonth = new Date(year, month + 1, 0).getDate();\n\n  const pick = (iso: string) => {\n    onChange(iso);\n    setIsOpen(false);\n  };\n\n  const shiftMonth = (delta: number) => {\n    const next = new Date(year, month + delta, 1);\n    setView({ year: next.getFullYear(), month: next.getMonth() });\n  };\n\n  return (\n    <div ref={containerRef} className={clsx(styles.root, className)}>\n      <button\n        type=\"button\"\n        className={clsx(styles.trigger, isOpen && styles.isOpen)}\n        aria-haspopup=\"dialog\"\n        aria-expanded={isOpen}\n        aria-label={ariaLabel}\n        onClick={() => setIsOpen((open) => !open)}\n      >\n        <svg\n          className={styles.icon}\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          strokeWidth=\"2\"\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n          aria-hidden=\"true\"\n        >\n          <rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" />\n          <line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\" />\n          <line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\" />\n          <line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\" />\n        </svg>\n        <span>{value ? formatLabel(value) : placeholder}</span>\n        <span className={styles.arrow}>{isOpen ? '▲' : '▼'}</span>\n      </button>\n\n      {isOpen && (\n        <div className={styles.pop} role=\"dialog\" aria-label={ariaLabel ?? 'Calendar'}>\n          <div className={styles.head}>\n            <button\n              type=\"button\"\n              className={styles.nav}\n              aria-label=\"Previous month\"\n              onClick={() => shiftMonth(-1)}\n            >\n              {'‹'}\n            </button>\n            <span className={styles.title}>\n              {monthLabels[month]} {year}\n            </span>\n            <button\n              type=\"button\"\n              className={styles.nav}\n              aria-label=\"Next month\"\n              onClick={() => shiftMonth(1)}\n            >\n              {'›'}\n            </button>\n          </div>\n          <div className={styles.dows}>\n            {weekdayLabels.map((d, i) => (\n              <span key={i}>{d}</span>\n            ))}\n          </div>\n          <div className={styles.grid}>\n            {Array.from({ length: startDow }).map((_, i) => (\n              <span key={`e${i}`} className={clsx(styles.day, styles.empty)} />\n            ))}\n            {Array.from({ length: daysInMonth }).map((_, i) => {\n              const d = i + 1;\n              const iso = toIso(year, month, d);\n              const able = allowedSet.has(iso);\n              const selected = iso === value;\n              if (!able) {\n                return (\n                  <span key={iso} className={clsx(styles.day, styles.off)} aria-disabled=\"true\">\n                    {d}\n                  </span>\n                );\n              }\n              return (\n                <button\n                  key={iso}\n                  type=\"button\"\n                  className={clsx(styles.day, styles.able, selected && styles.selected)}\n                  aria-label={formatLabel(iso)}\n                  aria-current={selected ? 'date' : undefined}\n                  onClick={() => pick(iso)}\n                >\n                  {d}\n                </button>\n              );\n            })}\n          </div>\n        </div>\n      )}\n    </div>\n  );\n};\n\nDatePickerDropdown.displayName = 'DatePickerDropdown';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"index26.js","sources":["../src/layouts/DashboardLayout/DashboardLayout.tsx"],"sourcesContent":["import clsx from 'clsx';\nimport type { DashboardLayoutProps } from './DashboardLayout.types';\nimport styles from './DashboardLayout.module.css';\n\nexport const DashboardLayout = ({\n  sidebar,\n  filterBar,\n  children,\n  sidebarCollapsed = false,\n  className,\n}: DashboardLayoutProps) => (\n  <div className={clsx(styles.root, className)}>\n    {sidebar && (\n      <aside className={clsx(styles.sidebar, { [styles.sidebarCollapsed]: sidebarCollapsed })}>\n        {sidebar}\n      </aside>\n    )}\n    <main className={styles.main}>\n      {filterBar && <div className={styles.filterBar}>{filterBar}</div>}\n      <div className={styles.content}>{children}</div>\n    </main>\n  </div>\n);\n\nDashboardLayout.displayName = 'DashboardLayout';\n"],"names":[],"mappings":";;;AAIO,MAAM,kBAAkB,CAAC;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA,mBAAmB;AAAA,EACnB;AACF,2BACG,OAAA,EAAI,WAAW,KAAK,OAAO,MAAM,SAAS,GACxC,UAAA;AAAA,EAAA,WACC,oBAAC,SAAA,EAAM,WAAW,KAAK,OAAO,SAAS,EAAE,CAAC,OAAO,gBAAgB,GAAG,iBAAA,CAAkB,GACnF,UAAA,SACH;AAAA,EAEF,qBAAC,QAAA,EAAK,WAAW,OAAO,MACrB,UAAA;AAAA,IAAA,aAAa,oBAAC,OAAA,EAAI,WAAW,OAAO,WAAY,UAAA,WAAU;AAAA,IAC3D,oBAAC,OAAA,EAAI,WAAW,OAAO,SAAU,SAAA,CAAS;AAAA,EAAA,EAAA,CAC5C;AAAA,EAAA,CACF;AAGF,gBAAgB,cAAc;"}

package/dist/index27.cjs

@@ -2,25 +2,167 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");
-const clsx = require("./index55.cjs");
-const EmptyState_module = require("./index60.cjs");
-const EmptyState = react.forwardRef(
-  ({ title, description, icon, action, variant = "default", className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
-    "div",
-    {
-      ref,
-      role: "status",
-      className: clsx.clsx(EmptyState_module.default.root, variant !== "default" && EmptyState_module.default[variant], className),
-      ...props,
-      children: [
-        icon != null && /* @__PURE__ */ jsxRuntime.jsx("div", { className: EmptyState_module.default.icon, "aria-hidden": "true", children: icon }),
-        /* @__PURE__ */ jsxRuntime.jsx("p", { className: EmptyState_module.default.title, children: title }),
-        description != null && /* @__PURE__ */ jsxRuntime.jsx("p", { className: EmptyState_module.default.description, children: description }),
-        action != null && /* @__PURE__ */ jsxRuntime.jsx("div", { className: EmptyState_module.default.action, children: action })
-      ]
-    }
-  )
-);
-EmptyState.displayName = "EmptyState";
-exports.EmptyState = EmptyState;
+const clsx = require("./index57.cjs");
+const useClickOutside = require("./index4.cjs");
+const useEscapeKey = require("./index5.cjs");
+const DatePickerDropdown_module = require("./index73.cjs");
+const MONTHS = [
+  "January",
+  "February",
+  "March",
+  "April",
+  "May",
+  "June",
+  "July",
+  "August",
+  "September",
+  "October",
+  "November",
+  "December"
+];
+const MONTHS_SHORT = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];
+const WEEKDAYS = ["M", "T", "W", "T", "F", "S", "S"];
+const pad2 = (n) => String(n).padStart(2, "0");
+const toIso = (y, m, d) => `${y}-${pad2(m + 1)}-${pad2(d)}`;
+function defaultFormat(iso) {
+  const match = /^(\d{4})-(\d{2})-(\d{2})$/.exec(iso);
+  if (!match) return iso;
+  return `${+match[3]} ${MONTHS_SHORT[+match[2] - 1]} ${match[1]}`;
+}
+function anchorMonth(value, allowedDates) {
+  const anchor = value ?? [...allowedDates].sort().at(-1);
+  if (anchor) {
+    const [y, m] = anchor.split("-").map(Number);
+    return { year: y, month: m - 1 };
+  }
+  const now = /* @__PURE__ */ new Date();
+  return { year: now.getFullYear(), month: now.getMonth() };
+}
+const DatePickerDropdown = ({
+  value,
+  onChange,
+  allowedDates,
+  formatLabel = defaultFormat,
+  placeholder = "Select date",
+  monthLabels = MONTHS,
+  weekdayLabels = WEEKDAYS,
+  "aria-label": ariaLabel,
+  className
+}) => {
+  const [isOpen, setIsOpen] = react.useState(false);
+  const [view, setView] = react.useState(() => anchorMonth(value, allowedDates));
+  const containerRef = react.useRef(null);
+  const anchorArgs = react.useRef({ value, allowedDates });
+  anchorArgs.current = { value, allowedDates };
+  const close = react.useCallback(() => setIsOpen(false), []);
+  useClickOutside.useClickOutside(containerRef, close);
+  useEscapeKey.useEscapeKey(close, isOpen);
+  react.useEffect(() => {
+    if (isOpen) setView(anchorMonth(anchorArgs.current.value, anchorArgs.current.allowedDates));
+  }, [isOpen]);
+  const allowedSet = react.useMemo(() => new Set(allowedDates), [allowedDates]);
+  const { year, month } = view;
+  const startDow = (new Date(year, month, 1).getDay() + 6) % 7;
+  const daysInMonth = new Date(year, month + 1, 0).getDate();
+  const pick = (iso) => {
+    onChange(iso);
+    setIsOpen(false);
+  };
+  const shiftMonth = (delta) => {
+    const next = new Date(year, month + delta, 1);
+    setView({ year: next.getFullYear(), month: next.getMonth() });
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: containerRef, className: clsx.clsx(DatePickerDropdown_module.default.root, className), children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "button",
+      {
+        type: "button",
+        className: clsx.clsx(DatePickerDropdown_module.default.trigger, isOpen && DatePickerDropdown_module.default.isOpen),
+        "aria-haspopup": "dialog",
+        "aria-expanded": isOpen,
+        "aria-label": ariaLabel,
+        onClick: () => setIsOpen((open) => !open),
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            "svg",
+            {
+              className: DatePickerDropdown_module.default.icon,
+              viewBox: "0 0 24 24",
+              fill: "none",
+              stroke: "currentColor",
+              strokeWidth: "2",
+              strokeLinecap: "round",
+              strokeLinejoin: "round",
+              "aria-hidden": "true",
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "3", y: "4", width: "18", height: "18", rx: "2" }),
+                /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "16", y1: "2", x2: "16", y2: "6" }),
+                /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "8", y1: "2", x2: "8", y2: "6" }),
+                /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "3", y1: "10", x2: "21", y2: "10" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { children: value ? formatLabel(value) : placeholder }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: DatePickerDropdown_module.default.arrow, children: isOpen ? "▲" : "▼" })
+        ]
+      }
+    ),
+    isOpen && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: DatePickerDropdown_module.default.pop, role: "dialog", "aria-label": ariaLabel ?? "Calendar", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: DatePickerDropdown_module.default.head, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            className: DatePickerDropdown_module.default.nav,
+            "aria-label": "Previous month",
+            onClick: () => shiftMonth(-1),
+            children: "‹"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxs("span", { className: DatePickerDropdown_module.default.title, children: [
+          monthLabels[month],
+          " ",
+          year
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            className: DatePickerDropdown_module.default.nav,
+            "aria-label": "Next month",
+            onClick: () => shiftMonth(1),
+            children: "›"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: DatePickerDropdown_module.default.dows, children: weekdayLabels.map((d, i) => /* @__PURE__ */ jsxRuntime.jsx("span", { children: d }, i)) }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: DatePickerDropdown_module.default.grid, children: [
+        Array.from({ length: startDow }).map((_, i) => /* @__PURE__ */ jsxRuntime.jsx("span", { className: clsx.clsx(DatePickerDropdown_module.default.day, DatePickerDropdown_module.default.empty) }, `e${i}`)),
+        Array.from({ length: daysInMonth }).map((_, i) => {
+          const d = i + 1;
+          const iso = toIso(year, month, d);
+          const able = allowedSet.has(iso);
+          const selected = iso === value;
+          if (!able) {
+            return /* @__PURE__ */ jsxRuntime.jsx("span", { className: clsx.clsx(DatePickerDropdown_module.default.day, DatePickerDropdown_module.default.off), "aria-disabled": "true", children: d }, iso);
+          }
+          return /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              type: "button",
+              className: clsx.clsx(DatePickerDropdown_module.default.day, DatePickerDropdown_module.default.able, selected && DatePickerDropdown_module.default.selected),
+              "aria-label": formatLabel(iso),
+              "aria-current": selected ? "date" : void 0,
+              onClick: () => pick(iso),
+              children: d
+            },
+            iso
+          );
+        })
+      ] })
+    ] })
+  ] });
+};
+DatePickerDropdown.displayName = "DatePickerDropdown";
+exports.DatePickerDropdown = DatePickerDropdown;
 //# sourceMappingURL=index27.cjs.map

package/dist/index27.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index27.cjs","sources":["../src/primitives/EmptyState/EmptyState.tsx"],"sourcesContent":["import { forwardRef } from 'react';\nimport clsx from 'clsx';\nimport type { EmptyStateProps } from './EmptyState.types';\nimport styles from './EmptyState.module.css';\n\nexport const EmptyState = forwardRef<HTMLDivElement, EmptyStateProps>(\n  ({ title, description, icon, action, variant = 'default', className, ...props }, ref) => (\n    <div\n      ref={ref}\n      role=\"status\"\n      className={clsx(styles.root, variant !== 'default' && styles[variant], className)}\n      {...props}\n    >\n      {icon != null && (\n        <div className={styles.icon} aria-hidden=\"true\">\n          {icon}\n        </div>\n      )}\n      <p className={styles.title}>{title}</p>\n      {description != null && <p className={styles.description}>{description}</p>}\n      {action != null && <div className={styles.action}>{action}</div>}\n    </div>\n  ),\n);\n\nEmptyState.displayName = 'EmptyState';\n"],"names":["forwardRef","jsxs","clsx","styles","jsx"],"mappings":";;;;;;AAKO,MAAM,aAAaA,MAAAA;AAAAA,EACxB,CAAC,EAAE,OAAO,aAAa,MAAM,QAAQ,UAAU,WAAW,WAAW,GAAG,MAAA,GAAS,QAC/EC,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA,MAAK;AAAA,MACL,WAAWC,KAAAA,KAAKC,kBAAAA,QAAO,MAAM,YAAY,aAAaA,kBAAAA,QAAO,OAAO,GAAG,SAAS;AAAA,MAC/E,GAAG;AAAA,MAEH,UAAA;AAAA,QAAA,QAAQ,uCACN,OAAA,EAAI,WAAWA,0BAAO,MAAM,eAAY,QACtC,UAAA,KAAA,CACH;AAAA,QAEFC,2BAAAA,IAAC,KAAA,EAAE,WAAWD,kBAAAA,QAAO,OAAQ,UAAA,OAAM;AAAA,QAClC,eAAe,QAAQC,2BAAAA,IAAC,OAAE,WAAWD,kBAAAA,QAAO,aAAc,UAAA,aAAY;AAAA,QACtE,UAAU,QAAQC,2BAAAA,IAAC,SAAI,WAAWD,0BAAO,QAAS,UAAA,OAAA,CAAO;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGhE;AAEA,WAAW,cAAc;;"}
+{"version":3,"file":"index27.cjs","sources":["../src/composites/DatePickerDropdown/DatePickerDropdown.tsx"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport clsx from 'clsx';\nimport { useClickOutside } from '../../hooks/useClickOutside';\nimport { useEscapeKey } from '../../hooks/useEscapeKey';\nimport type { DatePickerDropdownProps } from './DatePickerDropdown.types';\nimport styles from './DatePickerDropdown.module.css';\n\nconst MONTHS = [\n  'January', 'February', 'March', 'April', 'May', 'June',\n  'July', 'August', 'September', 'October', 'November', 'December',\n];\nconst MONTHS_SHORT = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];\nconst WEEKDAYS = ['M', 'T', 'W', 'T', 'F', 'S', 'S'];\n\nconst pad2 = (n: number) => String(n).padStart(2, '0');\nconst toIso = (y: number, m: number, d: number) => `${y}-${pad2(m + 1)}-${pad2(d)}`;\n\nfunction defaultFormat(iso: string): string {\n  const match = /^(\\d{4})-(\\d{2})-(\\d{2})$/.exec(iso);\n  if (!match) return iso;\n  return `${+match[3]} ${MONTHS_SHORT[+match[2] - 1]} ${match[1]}`;\n}\n\n/** Month/year to display first: the selected value, else the latest allowed date, else today. */\nfunction anchorMonth(value: string | null, allowedDates: string[]): { year: number; month: number } {\n  const anchor = value ?? [...allowedDates].sort().at(-1);\n  if (anchor) {\n    const [y, m] = anchor.split('-').map(Number);\n    return { year: y, month: m - 1 };\n  }\n  const now = new Date();\n  return { year: now.getFullYear(), month: now.getMonth() };\n}\n\nexport const DatePickerDropdown = ({\n  value,\n  onChange,\n  allowedDates,\n  formatLabel = defaultFormat,\n  placeholder = 'Select date',\n  monthLabels = MONTHS,\n  weekdayLabels = WEEKDAYS,\n  'aria-label': ariaLabel,\n  className,\n}: DatePickerDropdownProps) => {\n  const [isOpen, setIsOpen] = useState(false);\n  const [view, setView] = useState(() => anchorMonth(value, allowedDates));\n  const containerRef = useRef<HTMLDivElement>(null);\n\n  // Read latest props inside the open effect without making it re-run on every\n  // render (callers often pass an inline `allowedDates` array).\n  const anchorArgs = useRef({ value, allowedDates });\n  anchorArgs.current = { value, allowedDates };\n\n  const close = useCallback(() => setIsOpen(false), []);\n  useClickOutside(containerRef, close);\n  useEscapeKey(close, isOpen);\n\n  // Reset the visible month to the anchor whenever the popover opens.\n  useEffect(() => {\n    if (isOpen) setView(anchorMonth(anchorArgs.current.value, anchorArgs.current.allowedDates));\n  }, [isOpen]);\n\n  const allowedSet = useMemo(() => new Set(allowedDates), [allowedDates]);\n\n  const { year, month } = view;\n  const startDow = (new Date(year, month, 1).getDay() + 6) % 7;\n  const daysInMonth = new Date(year, month + 1, 0).getDate();\n\n  const pick = (iso: string) => {\n    onChange(iso);\n    setIsOpen(false);\n  };\n\n  const shiftMonth = (delta: number) => {\n    const next = new Date(year, month + delta, 1);\n    setView({ year: next.getFullYear(), month: next.getMonth() });\n  };\n\n  return (\n    <div ref={containerRef} className={clsx(styles.root, className)}>\n      <button\n        type=\"button\"\n        className={clsx(styles.trigger, isOpen && styles.isOpen)}\n        aria-haspopup=\"dialog\"\n        aria-expanded={isOpen}\n        aria-label={ariaLabel}\n        onClick={() => setIsOpen((open) => !open)}\n      >\n        <svg\n          className={styles.icon}\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          strokeWidth=\"2\"\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n          aria-hidden=\"true\"\n        >\n          <rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" />\n          <line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\" />\n          <line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\" />\n          <line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\" />\n        </svg>\n        <span>{value ? formatLabel(value) : placeholder}</span>\n        <span className={styles.arrow}>{isOpen ? '▲' : '▼'}</span>\n      </button>\n\n      {isOpen && (\n        <div className={styles.pop} role=\"dialog\" aria-label={ariaLabel ?? 'Calendar'}>\n          <div className={styles.head}>\n            <button\n              type=\"button\"\n              className={styles.nav}\n              aria-label=\"Previous month\"\n              onClick={() => shiftMonth(-1)}\n            >\n              {'‹'}\n            </button>\n            <span className={styles.title}>\n              {monthLabels[month]} {year}\n            </span>\n            <button\n              type=\"button\"\n              className={styles.nav}\n              aria-label=\"Next month\"\n              onClick={() => shiftMonth(1)}\n            >\n              {'›'}\n            </button>\n          </div>\n          <div className={styles.dows}>\n            {weekdayLabels.map((d, i) => (\n              <span key={i}>{d}</span>\n            ))}\n          </div>\n          <div className={styles.grid}>\n            {Array.from({ length: startDow }).map((_, i) => (\n              <span key={`e${i}`} className={clsx(styles.day, styles.empty)} />\n            ))}\n            {Array.from({ length: daysInMonth }).map((_, i) => {\n              const d = i + 1;\n              const iso = toIso(year, month, d);\n              const able = allowedSet.has(iso);\n              const selected = iso === value;\n              if (!able) {\n                return (\n                  <span key={iso} className={clsx(styles.day, styles.off)} aria-disabled=\"true\">\n                    {d}\n                  </span>\n                );\n              }\n              return (\n                <button\n                  key={iso}\n                  type=\"button\"\n                  className={clsx(styles.day, styles.able, selected && styles.selected)}\n                  aria-label={formatLabel(iso)}\n                  aria-current={selected ? 'date' : undefined}\n                  onClick={() => pick(iso)}\n                >\n                  {d}\n                </button>\n              );\n            })}\n          </div>\n        </div>\n      )}\n    </div>\n  );\n};\n\nDatePickerDropdown.displayName = 'DatePickerDropdown';\n"],"names":["useState","useRef","useCallback","useClickOutside","useEscapeKey","useEffect","useMemo","jsxs","clsx","styles","jsx"],"mappings":"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"}