@djangocfg/ui-tools 2.1.133 → 2.1.135

package/dist/{CronScheduler.client-G65DNGCA.cjs → CronScheduler.client-Q6HLKGLR.cjs}

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var chunkCBGBDVUG_cjs = require('./chunk-CBGBDVUG.cjs');
+var chunkWU6ZLOL4_cjs = require('./chunk-WU6ZLOL4.cjs');
 var chunkWGEGR3DF_cjs = require('./chunk-WGEGR3DF.cjs');
 var lib = require('@djangocfg/ui-core/lib');
 var jsxRuntime = require('react/jsx-runtime');
@@ -15,15 +15,15 @@ function CronSchedulerInner({
   disabled,
   className
 }) {
-  const { type } = chunkCBGBDVUG_cjs.useCronType();
+  const { type } = chunkWU6ZLOL4_cjs.useCronType();
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: lib.cn("space-y-3", className), children: [
-    /* @__PURE__ */ jsxRuntime.jsx(chunkCBGBDVUG_cjs.ScheduleTypeSelector, { disabled }),
-    type !== "custom" && /* @__PURE__ */ jsxRuntime.jsx(chunkCBGBDVUG_cjs.TimeSelector, { format: timeFormat, disabled }),
-    type === "weekly" && /* @__PURE__ */ jsxRuntime.jsx(chunkCBGBDVUG_cjs.DayChips, { disabled, showPresets: true }),
-    type === "monthly" && /* @__PURE__ */ jsxRuntime.jsx(chunkCBGBDVUG_cjs.MonthDayGrid, { disabled, showPresets: true }),
-    type === "custom" && /* @__PURE__ */ jsxRuntime.jsx(chunkCBGBDVUG_cjs.CustomInput, { disabled }),
+    /* @__PURE__ */ jsxRuntime.jsx(chunkWU6ZLOL4_cjs.ScheduleTypeSelector, { disabled }),
+    type !== "custom" && /* @__PURE__ */ jsxRuntime.jsx(chunkWU6ZLOL4_cjs.TimeSelector, { format: timeFormat, disabled }),
+    type === "weekly" && /* @__PURE__ */ jsxRuntime.jsx(chunkWU6ZLOL4_cjs.DayChips, { disabled, showPresets: true }),
+    type === "monthly" && /* @__PURE__ */ jsxRuntime.jsx(chunkWU6ZLOL4_cjs.MonthDayGrid, { disabled, showPresets: true }),
+    type === "custom" && /* @__PURE__ */ jsxRuntime.jsx(chunkWU6ZLOL4_cjs.CustomInput, { disabled }),
     showPreview && /* @__PURE__ */ jsxRuntime.jsx(
-      chunkCBGBDVUG_cjs.SchedulePreview,
+      chunkWU6ZLOL4_cjs.SchedulePreview,
       {
         showCronExpression: true,
         allowCopy
@@ -44,7 +44,7 @@ function CronScheduler({
   className
 }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkCBGBDVUG_cjs.CronSchedulerProvider,
+    chunkWU6ZLOL4_cjs.CronSchedulerProvider,
     {
       value,
       onChange,
@@ -68,5 +68,5 @@ var CronScheduler_client_default = CronScheduler;
 
 exports.CronScheduler = CronScheduler;
 exports.default = CronScheduler_client_default;
-//# sourceMappingURL=CronScheduler.client-G65DNGCA.cjs.map
-//# sourceMappingURL=CronScheduler.client-G65DNGCA.cjs.map
+//# sourceMappingURL=CronScheduler.client-Q6HLKGLR.cjs.map
+//# sourceMappingURL=CronScheduler.client-Q6HLKGLR.cjs.map

package/dist/{CronScheduler.client-G65DNGCA.cjs.map → CronScheduler.client-Q6HLKGLR.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/tools/CronScheduler/CronScheduler.client.tsx"],"names":["useCronType","cn","jsx","ScheduleTypeSelector","TimeSelector","DayChips","MonthDayGrid","CustomInput","SchedulePreview","__name","CronSchedulerProvider"],"mappings":";;;;;;;;;AAmCA,SAAS,kBAAA,CAAmB;AAAA,EAC1B,WAAA;AAAA,EACA,kBAAA;AAAA,EACA,SAAA;AAAA,EACA,UAAA;AAAA,EACA,QAAA;AAAA,EACA;AACF,CAAA,EAA4B;AAC1B,EAAA,MAAM,EAAE,IAAA,EAAK,GAAIA,6BAAA,EAAY;AAE7B,EAAA,uCACG,KAAA,EAAA,EAAI,SAAA,EAAWC,MAAA,CAAG,WAAA,EAAa,SAAS,CAAA,EAEvC,QAAA,EAAA;AAAA,oBAAAC,cAAA,CAACC,0CAAqB,QAAA,EAAoB,CAAA;AAAA,IAGzC,SAAS,QAAA,oBACRD,cAAA,CAACE,8BAAA,EAAA,EAAa,MAAA,EAAQ,YAAY,QAAA,EAAoB,CAAA;AAAA,IAIvD,SAAS,QAAA,oBACRF,cAAA,CAACG,0BAAA,EAAA,EAAS,QAAA,EAAoB,aAAW,IAAA,EAAC,CAAA;AAAA,IAI3C,SAAS,SAAA,oBACRH,cAAA,CAACI,8BAAA,EAAA,EAAa,QAAA,EAAoB,aAAW,IAAA,EAAC,CAAA;AAAA,IAI/C,IAAA,KAAS,QAAA,oBACRJ,cAAA,CAACK,6BAAA,EAAA,EAAY,QAAA,EAAoB,CAAA;AAAA,IAIlC,WAAA,oBACCL,cAAA;AAAA,MAACM,iCAAA;AAAA,MAAA;AAAA,QACC,kBAAA,EAAkB,IAAA;AAAA,QAClB;AAAA;AAAA;AACF,GAAA,EAEJ,CAAA;AAEJ;AA5CSC,wBAAA,CAAA,kBAAA,EAAA,oBAAA,CAAA;AA2EF,SAAS,aAAA,CAAc;AAAA,EAC5B,KAAA;AAAA,EACA,QAAA;AAAA,EACA,WAAA,GAAc,OAAA;AAAA,EACd,WAAA,GAAc,IAAA;AAAA,EACd,kBAAA,GAAqB,KAAA;AAAA,EACrB,SAAA,GAAY,KAAA;AAAA,EACZ,UAAA,GAAa,KAAA;AAAA,EACb,QAAA,GAAW,KAAA;AAAA,EACX;AACF,CAAA,EAAuB;AACrB,EAAA,uBACEP,cAAA;AAAA,IAACQ,uCAAA;AAAA,IAAA;AAAA,MACC,KAAA;AAAA,MACA,QAAA;AAAA,MACA,WAAA;AAAA,MAEA,QAAA,kBAAAR,cAAA;AAAA,QAAC,kBAAA;AAAA,QAAA;AAAA,UACC,WAAA;AAAA,UACA,kBAAA;AAAA,UACA,SAAA;AAAA,UACA,UAAA;AAAA,UACA,QAAA;AAAA,UACA;AAAA;AAAA;AACF;AAAA,GACF;AAEJ;AA3BgBO,wBAAA,CAAA,aAAA,EAAA,eAAA,CAAA;AA6BhB,IAAO,4BAAA,GAAQ","file":"CronScheduler.client-G65DNGCA.cjs","sourcesContent":["'use client';\n\n/**\n * CronScheduler Client Component\n *\n * Compact cron expression builder following Apple HIG principles.\n * Uses context-based architecture for state management.\n */\n\nimport { cn } from '@djangocfg/ui-core/lib';\nimport { CronSchedulerProvider } from './context/CronSchedulerContext';\nimport { useCronType } from './context/hooks';\nimport {\n  ScheduleTypeSelector,\n  TimeSelector,\n  DayChips,\n  MonthDayGrid,\n  CustomInput,\n  SchedulePreview,\n} from './components';\nimport type { CronSchedulerProps } from './types';\n\n// ============================================================================\n// Inner Component (uses context)\n// ============================================================================\n\ninterface CronSchedulerInnerProps {\n  showPreview: boolean;\n  showCronExpression: boolean;\n  allowCopy: boolean;\n  timeFormat: '12h' | '24h';\n  disabled: boolean;\n  className?: string;\n}\n\nfunction CronSchedulerInner({\n  showPreview,\n  showCronExpression,\n  allowCopy,\n  timeFormat,\n  disabled,\n  className,\n}: CronSchedulerInnerProps) {\n  const { type } = useCronType();\n\n  return (\n    <div className={cn('space-y-3', className)}>\n      {/* Schedule Type Selector */}\n      <ScheduleTypeSelector disabled={disabled} />\n\n      {/* Time Selector (shown for daily, weekly, monthly) */}\n      {type !== 'custom' && (\n        <TimeSelector format={timeFormat} disabled={disabled} />\n      )}\n\n      {/* Day Chips (weekly only) */}\n      {type === 'weekly' && (\n        <DayChips disabled={disabled} showPresets />\n      )}\n\n      {/* Month Day Grid (monthly only) */}\n      {type === 'monthly' && (\n        <MonthDayGrid disabled={disabled} showPresets />\n      )}\n\n      {/* Custom Input (custom only) */}\n      {type === 'custom' && (\n        <CustomInput disabled={disabled} />\n      )}\n\n      {/* Preview - always show cron expression */}\n      {showPreview && (\n        <SchedulePreview\n          showCronExpression\n          allowCopy={allowCopy}\n        />\n      )}\n    </div>\n  );\n}\n\n// ============================================================================\n// Main Component (with Provider)\n// ============================================================================\n\n/**\n * CronScheduler - Compact cron expression builder\n *\n * A user-friendly interface for creating cron schedules without\n * needing to know cron syntax. Follows Apple HIG design principles.\n *\n * @example\n * // Basic usage\n * <CronScheduler\n *   value={cronExpression}\n *   onChange={setCronExpression}\n * />\n *\n * @example\n * // With all options\n * <CronScheduler\n *   value=\"0 9 * * 1-5\"\n *   onChange={handleChange}\n *   defaultType=\"weekly\"\n *   showPreview\n *   showCronExpression\n *   allowCopy\n *   timeFormat=\"24h\"\n * />\n */\nexport function CronScheduler({\n  value,\n  onChange,\n  defaultType = 'daily',\n  showPreview = true,\n  showCronExpression = false,\n  allowCopy = false,\n  timeFormat = '24h',\n  disabled = false,\n  className,\n}: CronSchedulerProps) {\n  return (\n    <CronSchedulerProvider\n      value={value}\n      onChange={onChange}\n      defaultType={defaultType}\n    >\n      <CronSchedulerInner\n        showPreview={showPreview}\n        showCronExpression={showCronExpression}\n        allowCopy={allowCopy}\n        timeFormat={timeFormat}\n        disabled={disabled}\n        className={className}\n      />\n    </CronSchedulerProvider>\n  );\n}\n\nexport default CronScheduler;\n"]}
+{"version":3,"sources":["../src/tools/CronScheduler/CronScheduler.client.tsx"],"names":["useCronType","cn","jsx","ScheduleTypeSelector","TimeSelector","DayChips","MonthDayGrid","CustomInput","SchedulePreview","__name","CronSchedulerProvider"],"mappings":";;;;;;;;;AAmCA,SAAS,kBAAA,CAAmB;AAAA,EAC1B,WAAA;AAAA,EACA,kBAAA;AAAA,EACA,SAAA;AAAA,EACA,UAAA;AAAA,EACA,QAAA;AAAA,EACA;AACF,CAAA,EAA4B;AAC1B,EAAA,MAAM,EAAE,IAAA,EAAK,GAAIA,6BAAA,EAAY;AAE7B,EAAA,uCACG,KAAA,EAAA,EAAI,SAAA,EAAWC,MAAA,CAAG,WAAA,EAAa,SAAS,CAAA,EAEvC,QAAA,EAAA;AAAA,oBAAAC,cAAA,CAACC,0CAAqB,QAAA,EAAoB,CAAA;AAAA,IAGzC,SAAS,QAAA,oBACRD,cAAA,CAACE,8BAAA,EAAA,EAAa,MAAA,EAAQ,YAAY,QAAA,EAAoB,CAAA;AAAA,IAIvD,SAAS,QAAA,oBACRF,cAAA,CAACG,0BAAA,EAAA,EAAS,QAAA,EAAoB,aAAW,IAAA,EAAC,CAAA;AAAA,IAI3C,SAAS,SAAA,oBACRH,cAAA,CAACI,8BAAA,EAAA,EAAa,QAAA,EAAoB,aAAW,IAAA,EAAC,CAAA;AAAA,IAI/C,IAAA,KAAS,QAAA,oBACRJ,cAAA,CAACK,6BAAA,EAAA,EAAY,QAAA,EAAoB,CAAA;AAAA,IAIlC,WAAA,oBACCL,cAAA;AAAA,MAACM,iCAAA;AAAA,MAAA;AAAA,QACC,kBAAA,EAAkB,IAAA;AAAA,QAClB;AAAA;AAAA;AACF,GAAA,EAEJ,CAAA;AAEJ;AA5CSC,wBAAA,CAAA,kBAAA,EAAA,oBAAA,CAAA;AA2EF,SAAS,aAAA,CAAc;AAAA,EAC5B,KAAA;AAAA,EACA,QAAA;AAAA,EACA,WAAA,GAAc,OAAA;AAAA,EACd,WAAA,GAAc,IAAA;AAAA,EACd,kBAAA,GAAqB,KAAA;AAAA,EACrB,SAAA,GAAY,KAAA;AAAA,EACZ,UAAA,GAAa,KAAA;AAAA,EACb,QAAA,GAAW,KAAA;AAAA,EACX;AACF,CAAA,EAAuB;AACrB,EAAA,uBACEP,cAAA;AAAA,IAACQ,uCAAA;AAAA,IAAA;AAAA,MACC,KAAA;AAAA,MACA,QAAA;AAAA,MACA,WAAA;AAAA,MAEA,QAAA,kBAAAR,cAAA;AAAA,QAAC,kBAAA;AAAA,QAAA;AAAA,UACC,WAAA;AAAA,UACA,kBAAA;AAAA,UACA,SAAA;AAAA,UACA,UAAA;AAAA,UACA,QAAA;AAAA,UACA;AAAA;AAAA;AACF;AAAA,GACF;AAEJ;AA3BgBO,wBAAA,CAAA,aAAA,EAAA,eAAA,CAAA;AA6BhB,IAAO,4BAAA,GAAQ","file":"CronScheduler.client-Q6HLKGLR.cjs","sourcesContent":["'use client';\n\n/**\n * CronScheduler Client Component\n *\n * Compact cron expression builder following Apple HIG principles.\n * Uses context-based architecture for state management.\n */\n\nimport { cn } from '@djangocfg/ui-core/lib';\nimport { CronSchedulerProvider } from './context/CronSchedulerContext';\nimport { useCronType } from './context/hooks';\nimport {\n  ScheduleTypeSelector,\n  TimeSelector,\n  DayChips,\n  MonthDayGrid,\n  CustomInput,\n  SchedulePreview,\n} from './components';\nimport type { CronSchedulerProps } from './types';\n\n// ============================================================================\n// Inner Component (uses context)\n// ============================================================================\n\ninterface CronSchedulerInnerProps {\n  showPreview: boolean;\n  showCronExpression: boolean;\n  allowCopy: boolean;\n  timeFormat: '12h' | '24h';\n  disabled: boolean;\n  className?: string;\n}\n\nfunction CronSchedulerInner({\n  showPreview,\n  showCronExpression,\n  allowCopy,\n  timeFormat,\n  disabled,\n  className,\n}: CronSchedulerInnerProps) {\n  const { type } = useCronType();\n\n  return (\n    <div className={cn('space-y-3', className)}>\n      {/* Schedule Type Selector */}\n      <ScheduleTypeSelector disabled={disabled} />\n\n      {/* Time Selector (shown for daily, weekly, monthly) */}\n      {type !== 'custom' && (\n        <TimeSelector format={timeFormat} disabled={disabled} />\n      )}\n\n      {/* Day Chips (weekly only) */}\n      {type === 'weekly' && (\n        <DayChips disabled={disabled} showPresets />\n      )}\n\n      {/* Month Day Grid (monthly only) */}\n      {type === 'monthly' && (\n        <MonthDayGrid disabled={disabled} showPresets />\n      )}\n\n      {/* Custom Input (custom only) */}\n      {type === 'custom' && (\n        <CustomInput disabled={disabled} />\n      )}\n\n      {/* Preview - always show cron expression */}\n      {showPreview && (\n        <SchedulePreview\n          showCronExpression\n          allowCopy={allowCopy}\n        />\n      )}\n    </div>\n  );\n}\n\n// ============================================================================\n// Main Component (with Provider)\n// ============================================================================\n\n/**\n * CronScheduler - Compact cron expression builder\n *\n * A user-friendly interface for creating cron schedules without\n * needing to know cron syntax. Follows Apple HIG design principles.\n *\n * @example\n * // Basic usage\n * <CronScheduler\n *   value={cronExpression}\n *   onChange={setCronExpression}\n * />\n *\n * @example\n * // With all options\n * <CronScheduler\n *   value=\"0 9 * * 1-5\"\n *   onChange={handleChange}\n *   defaultType=\"weekly\"\n *   showPreview\n *   showCronExpression\n *   allowCopy\n *   timeFormat=\"24h\"\n * />\n */\nexport function CronScheduler({\n  value,\n  onChange,\n  defaultType = 'daily',\n  showPreview = true,\n  showCronExpression = false,\n  allowCopy = false,\n  timeFormat = '24h',\n  disabled = false,\n  className,\n}: CronSchedulerProps) {\n  return (\n    <CronSchedulerProvider\n      value={value}\n      onChange={onChange}\n      defaultType={defaultType}\n    >\n      <CronSchedulerInner\n        showPreview={showPreview}\n        showCronExpression={showCronExpression}\n        allowCopy={allowCopy}\n        timeFormat={timeFormat}\n        disabled={disabled}\n        className={className}\n      />\n    </CronSchedulerProvider>\n  );\n}\n\nexport default CronScheduler;\n"]}

package/dist/{CronScheduler.client-HLABENG7.mjs → CronScheduler.client-T42ZXXOG.mjs}

@@ -1,4 +1,4 @@
-import { useCronType, ScheduleTypeSelector, TimeSelector, DayChips, MonthDayGrid, CustomInput, SchedulePreview, CronSchedulerProvider } from './chunk-CDUFZ24N.mjs';
+import { useCronType, ScheduleTypeSelector, TimeSelector, DayChips, MonthDayGrid, CustomInput, SchedulePreview, CronSchedulerProvider } from './chunk-7H4LDBIH.mjs';
 import { __name } from './chunk-CGILA3WO.mjs';
 import { cn } from '@djangocfg/ui-core/lib';
 import { jsxs, jsx } from 'react/jsx-runtime';
@@ -63,5 +63,5 @@ __name(CronScheduler, "CronScheduler");
 var CronScheduler_client_default = CronScheduler;
 
 export { CronScheduler, CronScheduler_client_default as default };
-//# sourceMappingURL=CronScheduler.client-HLABENG7.mjs.map
-//# sourceMappingURL=CronScheduler.client-HLABENG7.mjs.map
+//# sourceMappingURL=CronScheduler.client-T42ZXXOG.mjs.map
+//# sourceMappingURL=CronScheduler.client-T42ZXXOG.mjs.map

package/dist/{CronScheduler.client-HLABENG7.mjs.map → CronScheduler.client-T42ZXXOG.mjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/tools/CronScheduler/CronScheduler.client.tsx"],"names":[],"mappings":";;;;;AAmCA,SAAS,kBAAA,CAAmB;AAAA,EAC1B,WAAA;AAAA,EACA,kBAAA;AAAA,EACA,SAAA;AAAA,EACA,UAAA;AAAA,EACA,QAAA;AAAA,EACA;AACF,CAAA,EAA4B;AAC1B,EAAA,MAAM,EAAE,IAAA,EAAK,GAAI,WAAA,EAAY;AAE7B,EAAA,4BACG,KAAA,EAAA,EAAI,SAAA,EAAW,EAAA,CAAG,WAAA,EAAa,SAAS,CAAA,EAEvC,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,wBAAqB,QAAA,EAAoB,CAAA;AAAA,IAGzC,SAAS,QAAA,oBACR,GAAA,CAAC,YAAA,EAAA,EAAa,MAAA,EAAQ,YAAY,QAAA,EAAoB,CAAA;AAAA,IAIvD,SAAS,QAAA,oBACR,GAAA,CAAC,QAAA,EAAA,EAAS,QAAA,EAAoB,aAAW,IAAA,EAAC,CAAA;AAAA,IAI3C,SAAS,SAAA,oBACR,GAAA,CAAC,YAAA,EAAA,EAAa,QAAA,EAAoB,aAAW,IAAA,EAAC,CAAA;AAAA,IAI/C,IAAA,KAAS,QAAA,oBACR,GAAA,CAAC,WAAA,EAAA,EAAY,QAAA,EAAoB,CAAA;AAAA,IAIlC,WAAA,oBACC,GAAA;AAAA,MAAC,eAAA;AAAA,MAAA;AAAA,QACC,kBAAA,EAAkB,IAAA;AAAA,QAClB;AAAA;AAAA;AACF,GAAA,EAEJ,CAAA;AAEJ;AA5CS,MAAA,CAAA,kBAAA,EAAA,oBAAA,CAAA;AA2EF,SAAS,aAAA,CAAc;AAAA,EAC5B,KAAA;AAAA,EACA,QAAA;AAAA,EACA,WAAA,GAAc,OAAA;AAAA,EACd,WAAA,GAAc,IAAA;AAAA,EACd,kBAAA,GAAqB,KAAA;AAAA,EACrB,SAAA,GAAY,KAAA;AAAA,EACZ,UAAA,GAAa,KAAA;AAAA,EACb,QAAA,GAAW,KAAA;AAAA,EACX;AACF,CAAA,EAAuB;AACrB,EAAA,uBACE,GAAA;AAAA,IAAC,qBAAA;AAAA,IAAA;AAAA,MACC,KAAA;AAAA,MACA,QAAA;AAAA,MACA,WAAA;AAAA,MAEA,QAAA,kBAAA,GAAA;AAAA,QAAC,kBAAA;AAAA,QAAA;AAAA,UACC,WAAA;AAAA,UACA,kBAAA;AAAA,UACA,SAAA;AAAA,UACA,UAAA;AAAA,UACA,QAAA;AAAA,UACA;AAAA;AAAA;AACF;AAAA,GACF;AAEJ;AA3BgB,MAAA,CAAA,aAAA,EAAA,eAAA,CAAA;AA6BhB,IAAO,4BAAA,GAAQ","file":"CronScheduler.client-HLABENG7.mjs","sourcesContent":["'use client';\n\n/**\n * CronScheduler Client Component\n *\n * Compact cron expression builder following Apple HIG principles.\n * Uses context-based architecture for state management.\n */\n\nimport { cn } from '@djangocfg/ui-core/lib';\nimport { CronSchedulerProvider } from './context/CronSchedulerContext';\nimport { useCronType } from './context/hooks';\nimport {\n  ScheduleTypeSelector,\n  TimeSelector,\n  DayChips,\n  MonthDayGrid,\n  CustomInput,\n  SchedulePreview,\n} from './components';\nimport type { CronSchedulerProps } from './types';\n\n// ============================================================================\n// Inner Component (uses context)\n// ============================================================================\n\ninterface CronSchedulerInnerProps {\n  showPreview: boolean;\n  showCronExpression: boolean;\n  allowCopy: boolean;\n  timeFormat: '12h' | '24h';\n  disabled: boolean;\n  className?: string;\n}\n\nfunction CronSchedulerInner({\n  showPreview,\n  showCronExpression,\n  allowCopy,\n  timeFormat,\n  disabled,\n  className,\n}: CronSchedulerInnerProps) {\n  const { type } = useCronType();\n\n  return (\n    <div className={cn('space-y-3', className)}>\n      {/* Schedule Type Selector */}\n      <ScheduleTypeSelector disabled={disabled} />\n\n      {/* Time Selector (shown for daily, weekly, monthly) */}\n      {type !== 'custom' && (\n        <TimeSelector format={timeFormat} disabled={disabled} />\n      )}\n\n      {/* Day Chips (weekly only) */}\n      {type === 'weekly' && (\n        <DayChips disabled={disabled} showPresets />\n      )}\n\n      {/* Month Day Grid (monthly only) */}\n      {type === 'monthly' && (\n        <MonthDayGrid disabled={disabled} showPresets />\n      )}\n\n      {/* Custom Input (custom only) */}\n      {type === 'custom' && (\n        <CustomInput disabled={disabled} />\n      )}\n\n      {/* Preview - always show cron expression */}\n      {showPreview && (\n        <SchedulePreview\n          showCronExpression\n          allowCopy={allowCopy}\n        />\n      )}\n    </div>\n  );\n}\n\n// ============================================================================\n// Main Component (with Provider)\n// ============================================================================\n\n/**\n * CronScheduler - Compact cron expression builder\n *\n * A user-friendly interface for creating cron schedules without\n * needing to know cron syntax. Follows Apple HIG design principles.\n *\n * @example\n * // Basic usage\n * <CronScheduler\n *   value={cronExpression}\n *   onChange={setCronExpression}\n * />\n *\n * @example\n * // With all options\n * <CronScheduler\n *   value=\"0 9 * * 1-5\"\n *   onChange={handleChange}\n *   defaultType=\"weekly\"\n *   showPreview\n *   showCronExpression\n *   allowCopy\n *   timeFormat=\"24h\"\n * />\n */\nexport function CronScheduler({\n  value,\n  onChange,\n  defaultType = 'daily',\n  showPreview = true,\n  showCronExpression = false,\n  allowCopy = false,\n  timeFormat = '24h',\n  disabled = false,\n  className,\n}: CronSchedulerProps) {\n  return (\n    <CronSchedulerProvider\n      value={value}\n      onChange={onChange}\n      defaultType={defaultType}\n    >\n      <CronSchedulerInner\n        showPreview={showPreview}\n        showCronExpression={showCronExpression}\n        allowCopy={allowCopy}\n        timeFormat={timeFormat}\n        disabled={disabled}\n        className={className}\n      />\n    </CronSchedulerProvider>\n  );\n}\n\nexport default CronScheduler;\n"]}
+{"version":3,"sources":["../src/tools/CronScheduler/CronScheduler.client.tsx"],"names":[],"mappings":";;;;;AAmCA,SAAS,kBAAA,CAAmB;AAAA,EAC1B,WAAA;AAAA,EACA,kBAAA;AAAA,EACA,SAAA;AAAA,EACA,UAAA;AAAA,EACA,QAAA;AAAA,EACA;AACF,CAAA,EAA4B;AAC1B,EAAA,MAAM,EAAE,IAAA,EAAK,GAAI,WAAA,EAAY;AAE7B,EAAA,4BACG,KAAA,EAAA,EAAI,SAAA,EAAW,EAAA,CAAG,WAAA,EAAa,SAAS,CAAA,EAEvC,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,wBAAqB,QAAA,EAAoB,CAAA;AAAA,IAGzC,SAAS,QAAA,oBACR,GAAA,CAAC,YAAA,EAAA,EAAa,MAAA,EAAQ,YAAY,QAAA,EAAoB,CAAA;AAAA,IAIvD,SAAS,QAAA,oBACR,GAAA,CAAC,QAAA,EAAA,EAAS,QAAA,EAAoB,aAAW,IAAA,EAAC,CAAA;AAAA,IAI3C,SAAS,SAAA,oBACR,GAAA,CAAC,YAAA,EAAA,EAAa,QAAA,EAAoB,aAAW,IAAA,EAAC,CAAA;AAAA,IAI/C,IAAA,KAAS,QAAA,oBACR,GAAA,CAAC,WAAA,EAAA,EAAY,QAAA,EAAoB,CAAA;AAAA,IAIlC,WAAA,oBACC,GAAA;AAAA,MAAC,eAAA;AAAA,MAAA;AAAA,QACC,kBAAA,EAAkB,IAAA;AAAA,QAClB;AAAA;AAAA;AACF,GAAA,EAEJ,CAAA;AAEJ;AA5CS,MAAA,CAAA,kBAAA,EAAA,oBAAA,CAAA;AA2EF,SAAS,aAAA,CAAc;AAAA,EAC5B,KAAA;AAAA,EACA,QAAA;AAAA,EACA,WAAA,GAAc,OAAA;AAAA,EACd,WAAA,GAAc,IAAA;AAAA,EACd,kBAAA,GAAqB,KAAA;AAAA,EACrB,SAAA,GAAY,KAAA;AAAA,EACZ,UAAA,GAAa,KAAA;AAAA,EACb,QAAA,GAAW,KAAA;AAAA,EACX;AACF,CAAA,EAAuB;AACrB,EAAA,uBACE,GAAA;AAAA,IAAC,qBAAA;AAAA,IAAA;AAAA,MACC,KAAA;AAAA,MACA,QAAA;AAAA,MACA,WAAA;AAAA,MAEA,QAAA,kBAAA,GAAA;AAAA,QAAC,kBAAA;AAAA,QAAA;AAAA,UACC,WAAA;AAAA,UACA,kBAAA;AAAA,UACA,SAAA;AAAA,UACA,UAAA;AAAA,UACA,QAAA;AAAA,UACA;AAAA;AAAA;AACF;AAAA,GACF;AAEJ;AA3BgB,MAAA,CAAA,aAAA,EAAA,eAAA,CAAA;AA6BhB,IAAO,4BAAA,GAAQ","file":"CronScheduler.client-T42ZXXOG.mjs","sourcesContent":["'use client';\n\n/**\n * CronScheduler Client Component\n *\n * Compact cron expression builder following Apple HIG principles.\n * Uses context-based architecture for state management.\n */\n\nimport { cn } from '@djangocfg/ui-core/lib';\nimport { CronSchedulerProvider } from './context/CronSchedulerContext';\nimport { useCronType } from './context/hooks';\nimport {\n  ScheduleTypeSelector,\n  TimeSelector,\n  DayChips,\n  MonthDayGrid,\n  CustomInput,\n  SchedulePreview,\n} from './components';\nimport type { CronSchedulerProps } from './types';\n\n// ============================================================================\n// Inner Component (uses context)\n// ============================================================================\n\ninterface CronSchedulerInnerProps {\n  showPreview: boolean;\n  showCronExpression: boolean;\n  allowCopy: boolean;\n  timeFormat: '12h' | '24h';\n  disabled: boolean;\n  className?: string;\n}\n\nfunction CronSchedulerInner({\n  showPreview,\n  showCronExpression,\n  allowCopy,\n  timeFormat,\n  disabled,\n  className,\n}: CronSchedulerInnerProps) {\n  const { type } = useCronType();\n\n  return (\n    <div className={cn('space-y-3', className)}>\n      {/* Schedule Type Selector */}\n      <ScheduleTypeSelector disabled={disabled} />\n\n      {/* Time Selector (shown for daily, weekly, monthly) */}\n      {type !== 'custom' && (\n        <TimeSelector format={timeFormat} disabled={disabled} />\n      )}\n\n      {/* Day Chips (weekly only) */}\n      {type === 'weekly' && (\n        <DayChips disabled={disabled} showPresets />\n      )}\n\n      {/* Month Day Grid (monthly only) */}\n      {type === 'monthly' && (\n        <MonthDayGrid disabled={disabled} showPresets />\n      )}\n\n      {/* Custom Input (custom only) */}\n      {type === 'custom' && (\n        <CustomInput disabled={disabled} />\n      )}\n\n      {/* Preview - always show cron expression */}\n      {showPreview && (\n        <SchedulePreview\n          showCronExpression\n          allowCopy={allowCopy}\n        />\n      )}\n    </div>\n  );\n}\n\n// ============================================================================\n// Main Component (with Provider)\n// ============================================================================\n\n/**\n * CronScheduler - Compact cron expression builder\n *\n * A user-friendly interface for creating cron schedules without\n * needing to know cron syntax. Follows Apple HIG design principles.\n *\n * @example\n * // Basic usage\n * <CronScheduler\n *   value={cronExpression}\n *   onChange={setCronExpression}\n * />\n *\n * @example\n * // With all options\n * <CronScheduler\n *   value=\"0 9 * * 1-5\"\n *   onChange={handleChange}\n *   defaultType=\"weekly\"\n *   showPreview\n *   showCronExpression\n *   allowCopy\n *   timeFormat=\"24h\"\n * />\n */\nexport function CronScheduler({\n  value,\n  onChange,\n  defaultType = 'daily',\n  showPreview = true,\n  showCronExpression = false,\n  allowCopy = false,\n  timeFormat = '24h',\n  disabled = false,\n  className,\n}: CronSchedulerProps) {\n  return (\n    <CronSchedulerProvider\n      value={value}\n      onChange={onChange}\n      defaultType={defaultType}\n    >\n      <CronSchedulerInner\n        showPreview={showPreview}\n        showCronExpression={showCronExpression}\n        allowCopy={allowCopy}\n        timeFormat={timeFormat}\n        disabled={disabled}\n        className={className}\n      />\n    </CronSchedulerProvider>\n  );\n}\n\nexport default CronScheduler;\n"]}

package/dist/{chunk-CDUFZ24N.mjs → chunk-7H4LDBIH.mjs}

@@ -7,24 +7,29 @@ import { Clock, CheckCircle2, AlertCircle, HelpCircle, Calendar, Check, Copy } f
 
 // src/tools/CronScheduler/utils/cron-builder.ts
 function buildCron(state) {
-  const { type, hour, minute, weekDays, monthDays, customCron } = state;
-  const h = Math.max(0, Math.min(23, hour));
-  const m = Math.max(0, Math.min(59, minute));
+  if (!state || typeof state !== "object") {
+    return "0 0 * * *";
+  }
+  const { type, hour = 0, minute = 0, weekDays = [], monthDays = [], customCron = "" } = state;
+  const h = Math.max(0, Math.min(23, Number(hour) || 0));
+  const m = Math.max(0, Math.min(59, Number(minute) || 0));
+  const safeWeekDays = Array.isArray(weekDays) ? weekDays : [];
+  const safeMonthDays = Array.isArray(monthDays) ? monthDays : [];
   switch (type) {
     case "daily":
       return `${m} ${h} * * *`;
     case "weekly": {
-      const sortedDays = [...weekDays].sort((a, b) => a - b);
+      const sortedDays = [...safeWeekDays].sort((a, b) => a - b);
       const daysStr = sortedDays.length > 0 ? formatNumberList(sortedDays) : "*";
       return `${m} ${h} * * ${daysStr}`;
     }
     case "monthly": {
-      const sortedDays = [...monthDays].sort((a, b) => a - b);
+      const sortedDays = [...safeMonthDays].sort((a, b) => a - b);
       const daysStr = sortedDays.length > 0 ? formatNumberList(sortedDays) : "1";
       return `${m} ${h} ${daysStr} * *`;
     }
     case "custom":
-      return customCron.trim() || "* * * * *";
+      return (customCron || "").trim() || "* * * * *";
     default:
       return "0 0 * * *";
   }
@@ -57,10 +62,13 @@ function parseCron(cron) {
   const parts = cron.trim().split(/\s+/);
   if (parts.length !== 5) return null;
   const [minutePart, hourPart, dayOfMonthPart, monthPart, dayOfWeekPart] = parts;
-  const minute = parseField(minutePart, 0, 59);
-  if (minute === null && minutePart !== "*") return null;
-  const hour = parseField(hourPart, 0, 23);
-  if (hour === null && hourPart !== "*") return null;
+  if (!isValidCronField(minutePart, 0, 59)) return null;
+  if (!isValidCronField(hourPart, 0, 23)) return null;
+  if (!isValidCronField(dayOfMonthPart, 1, 31)) return null;
+  if (!isValidCronField(monthPart, 1, 12)) return null;
+  if (!isValidCronField(dayOfWeekPart, 0, 6)) return null;
+  const minute = parseField(minutePart);
+  const hour = parseField(hourPart);
   const result = detectScheduleType(
     minutePart,
     hourPart,
@@ -95,10 +103,31 @@ function detectScheduleType(_minutePart, _hourPart, dayOfMonthPart, monthPart, d
   return { type, weekDays, monthDays };
 }
 __name(detectScheduleType, "detectScheduleType");
-function parseField(part, min, max) {
+function isValidCronField(part, min, max) {
+  if (part === "*") return true;
+  if (part.includes("/")) {
+    const [base, step] = part.split("/");
+    if (!step || !/^\d+$/.test(step)) return false;
+    if (base === "*") return true;
+    return isValidCronField(base, min, max);
+  }
+  if (part.includes("-") && !part.includes(",")) {
+    const [start, end] = part.split("-").map((s) => parseInt(s, 10));
+    return !isNaN(start) && !isNaN(end) && start >= min && end <= max && start <= end;
+  }
+  if (part.includes(",")) {
+    return part.split(",").every((p) => isValidCronField(p.trim(), min, max));
+  }
   if (/^\d+$/.test(part)) {
     const num = parseInt(part, 10);
-    if (num >= min && num <= max) return num;
+    return num >= min && num <= max;
+  }
+  return false;
+}
+__name(isValidCronField, "isValidCronField");
+function parseField(part, _min, _max) {
+  if (/^\d+$/.test(part)) {
+    return parseInt(part, 10);
   }
   return null;
 }
@@ -147,19 +176,8 @@ function isValidCron(cron) {
   if (!cron || typeof cron !== "string") return false;
   const parts = cron.trim().split(/\s+/);
   if (parts.length !== 5) return false;
-  const patterns = [
-    /^(\*|\d{1,2}|\d{1,2}-\d{1,2}|\d{1,2}(,\d{1,2})*|\*\/\d{1,2})$/,
-    // minute
-    /^(\*|\d{1,2}|\d{1,2}-\d{1,2}|\d{1,2}(,\d{1,2})*|\*\/\d{1,2})$/,
-    // hour
-    /^(\*|\d{1,2}|\d{1,2}-\d{1,2}|\d{1,2}(,\d{1,2})*|\*\/\d{1,2})$/,
-    // day of month
-    /^(\*|\d{1,2}|\d{1,2}-\d{1,2}|\d{1,2}(,\d{1,2})*|\*\/\d{1,2})$/,
-    // month
-    /^(\*|\d{1}|\d{1}-\d{1}|\d{1}(,\d{1})*|\*\/\d{1,2})$/
-    // day of week
-  ];
-  return parts.every((part, i) => patterns[i].test(part));
+  const [minutePart, hourPart, dayOfMonthPart, monthPart, dayOfWeekPart] = parts;
+  return isValidCronField(minutePart, 0, 59) && isValidCronField(hourPart, 0, 23) && isValidCronField(dayOfMonthPart, 1, 31) && isValidCronField(monthPart, 1, 12) && isValidCronField(dayOfWeekPart, 0, 6);
 }
 __name(isValidCron, "isValidCron");
 
@@ -309,21 +327,27 @@ function CronSchedulerProvider({
   const onChangeRef = useRef(onChange);
   onChangeRef.current = onChange;
   const [state, setState] = useState(() => {
-    if (value) {
-      const parsed = parseCron(value);
-      if (parsed) return parsed;
+    try {
+      if (value) {
+        const parsed = parseCron(value);
+        if (parsed) return parsed;
+      }
+    } catch {
     }
     return { ...DEFAULT_STATE, type: defaultType };
   });
   useEffect(() => {
-    if (value) {
-      const parsed = parseCron(value);
-      if (parsed) {
-        const currentCron = buildCron(state);
-        if (value !== currentCron) {
-          setState(parsed);
+    try {
+      if (value) {
+        const parsed = parseCron(value);
+        if (parsed) {
+          const currentCron = buildCron(state);
+          if (value !== currentCron) {
+            setState(parsed);
+          }
         }
       }
+    } catch {
     }
   }, [value]);
   const cronExpression = useMemo(() => buildCron(state), [state]);
@@ -493,25 +517,32 @@ function ScheduleTypeSelector({
   className
 }) {
   const { type, setType } = useCronType();
+  const triggerClassName = cn(
+    "text-xs font-medium px-2 py-1.5",
+    "data-[state=active]:shadow-sm",
+    "transition-all duration-150"
+  );
+  const triggers = SCHEDULE_TYPES.map(({ value, label }) => ({
+    value,
+    label,
+    disabled,
+    className: triggerClassName
+  }));
   return /* @__PURE__ */ jsx(
     Tabs,
     {
       value: type,
       onValueChange: (v) => setType(v),
       className: cn("w-full", className),
-      children: /* @__PURE__ */ jsx(TabsList, { className: "!grid w-full !grid-cols-4 h-9 p-0.5", children: SCHEDULE_TYPES.map(({ value, label }) => /* @__PURE__ */ jsx(
+      children: /* @__PURE__ */ jsx(TabsList, { className: "grid w-full grid-cols-4 h-9 p-0.5", children: triggers.map((trigger) => /* @__PURE__ */ jsx(
         TabsTrigger,
         {
-          value,
-          disabled,
-          className: cn(
-            "text-xs font-medium px-2 py-1.5",
-            "data-[state=active]:shadow-sm",
-            "transition-all duration-150"
-          ),
-          children: label
+          value: trigger.value,
+          disabled: trigger.disabled,
+          className: trigger.className,
+          children: trigger.label
         },
-        value
+        trigger.value
       )) })
     }
   );
@@ -612,66 +643,60 @@ function DayChips({
   className
 }) {
   const { weekDays, toggleWeekDay, setWeekDays } = useCronWeekDays();
-  const isWeekdays2 = weekDays.length === 5 && [1, 2, 3, 4, 5].every((d) => weekDays.includes(d));
-  const isWeekend2 = weekDays.length === 2 && [0, 6].every((d) => weekDays.includes(d));
-  const isEveryday = weekDays.length === 7;
-  return /* @__PURE__ */ jsxs("div", { className: cn("space-y-3", className), children: [
-    /* @__PURE__ */ jsx("div", { className: "grid grid-cols-7 gap-1", children: DAYS.map(({ value, label }) => {
-      const isSelected = weekDays.includes(value);
-      const isWeekend3 = value === 0 || value === 6;
-      return /* @__PURE__ */ jsx(
-        "button",
-        {
-          type: "button",
-          disabled,
-          onClick: () => toggleWeekDay(value),
-          "aria-pressed": isSelected,
-          className: cn(
-            "flex flex-col items-center justify-center",
-            "py-2.5 rounded-lg text-xs font-medium",
-            "transition-all duration-150",
-            "focus:outline-none focus-visible:ring-2 focus-visible:ring-primary/50",
-            "active:scale-[0.97]",
-            isSelected ? "bg-primary text-primary-foreground shadow-sm" : cn(
-              "bg-muted/50 hover:bg-muted",
-              isWeekend3 ? "text-muted-foreground/70" : "text-muted-foreground"
-            ),
-            disabled && "opacity-50 cursor-not-allowed pointer-events-none"
-          ),
-          children: /* @__PURE__ */ jsx("span", { children: label })
-        },
-        value
-      );
-    }) }),
-    showPresets && /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
-      /* @__PURE__ */ jsx(
-        PresetButton,
-        {
-          label: "Weekdays",
-          isActive: isWeekdays2,
-          onClick: () => setWeekDays([1, 2, 3, 4, 5]),
-          disabled
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        PresetButton,
-        {
-          label: "Weekends",
-          isActive: isWeekend2,
-          onClick: () => setWeekDays([0, 6]),
-          disabled
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        PresetButton,
-        {
-          label: "Every day",
-          isActive: isEveryday,
-          onClick: () => setWeekDays([0, 1, 2, 3, 4, 5, 6]),
-          disabled
-        }
+  const safeWeekDays = Array.isArray(weekDays) ? weekDays : [];
+  const isWeekdays2 = safeWeekDays.length === 5 && [1, 2, 3, 4, 5].every((d) => safeWeekDays.includes(d));
+  const isWeekendPreset = safeWeekDays.length === 2 && [0, 6].every((d) => safeWeekDays.includes(d));
+  const isEveryday = safeWeekDays.length === 7;
+  const dayButtons = DAYS.map(({ value, label }) => {
+    const isSelected = safeWeekDays.includes(value);
+    const isWeekendDay = value === 0 || value === 6;
+    return {
+      value,
+      label,
+      isSelected,
+      isWeekendDay,
+      className: cn(
+        "flex flex-col items-center justify-center",
+        "py-2.5 rounded-lg text-xs font-medium",
+        "transition-all duration-150",
+        "focus:outline-none focus-visible:ring-2 focus-visible:ring-primary/50",
+        "active:scale-[0.97]",
+        isSelected ? "bg-primary text-primary-foreground shadow-sm" : cn(
+          "bg-muted/50 hover:bg-muted",
+          isWeekendDay ? "text-muted-foreground/70" : "text-muted-foreground"
+        ),
+        disabled && "opacity-50 cursor-not-allowed pointer-events-none"
       )
-    ] })
+    };
+  });
+  const presets = [
+    { label: "Weekdays", isActive: isWeekdays2, days: [1, 2, 3, 4, 5] },
+    { label: "Weekends", isActive: isWeekendPreset, days: [0, 6] },
+    { label: "Every day", isActive: isEveryday, days: [0, 1, 2, 3, 4, 5, 6] }
+  ];
+  return /* @__PURE__ */ jsxs("div", { className: cn("space-y-3", className), children: [
+    /* @__PURE__ */ jsx("div", { className: "grid grid-cols-7 gap-1", children: dayButtons.map((day) => /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        disabled,
+        onClick: () => toggleWeekDay(day.value),
+        "aria-pressed": day.isSelected,
+        className: day.className,
+        children: /* @__PURE__ */ jsx("span", { children: day.label })
+      },
+      day.value
+    )) }),
+    showPresets && /* @__PURE__ */ jsx("div", { className: "flex gap-2", children: presets.map((preset) => /* @__PURE__ */ jsx(
+      PresetButton,
+      {
+        label: preset.label,
+        isActive: preset.isActive,
+        onClick: () => setWeekDays(preset.days),
+        disabled
+      },
+      preset.label
+    )) })
   ] });
 }
 __name(DayChips, "DayChips");
@@ -702,74 +727,74 @@ function MonthDayGrid({
   className
 }) {
   const { monthDays, toggleMonthDay, setMonthDays } = useCronMonthDays();
-  const is1st = monthDays.length === 1 && monthDays[0] === 1;
-  const is15th = monthDays.length === 1 && monthDays[0] === 15;
-  const is1stAnd15th = monthDays.length === 2 && monthDays.includes(1) && monthDays.includes(15);
-  return /* @__PURE__ */ jsxs("div", { className: cn("space-y-3", className), children: [
-    showPresets && /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
-      /* @__PURE__ */ jsx(
-        PresetButton2,
-        {
-          label: "1st",
-          isActive: is1st,
-          onClick: () => setMonthDays([1]),
-          disabled
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        PresetButton2,
-        {
-          label: "15th",
-          isActive: is15th,
-          onClick: () => setMonthDays([15]),
-          disabled
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        PresetButton2,
-        {
-          label: "1st & 15th",
-          isActive: is1stAnd15th,
-          onClick: () => setMonthDays([1, 15]),
-          disabled
-        }
+  const safeMonthDays = Array.isArray(monthDays) ? monthDays : [];
+  const is1st = safeMonthDays.length === 1 && safeMonthDays[0] === 1;
+  const is15th = safeMonthDays.length === 1 && safeMonthDays[0] === 15;
+  const is1stAnd15th = safeMonthDays.length === 2 && safeMonthDays.includes(1) && safeMonthDays.includes(15);
+  const presets = [
+    { label: "1st", isActive: is1st, days: [1] },
+    { label: "15th", isActive: is15th, days: [15] },
+    { label: "1st & 15th", isActive: is1stAnd15th, days: [1, 15] }
+  ];
+  const gridCells = Array.from({ length: GRID_SIZE }, (_, i) => {
+    const day = i + 1;
+    const isValidDay = day <= 31;
+    const isSelected = isValidDay && safeMonthDays.includes(day);
+    const isPartialMonth = day > 28;
+    if (!isValidDay) {
+      return { type: "empty", key: i };
+    }
+    return {
+      type: "day",
+      key: day,
+      day,
+      isSelected,
+      className: cn(
+        "aspect-square flex items-center justify-center",
+        "rounded-lg text-sm font-medium",
+        "transition-all duration-150",
+        "focus:outline-none focus-visible:ring-2 focus-visible:ring-primary/50",
+        "active:scale-[0.95]",
+        isSelected ? "bg-primary text-primary-foreground shadow-sm" : cn(
+          "bg-muted/30 hover:bg-muted/60",
+          isPartialMonth ? "text-muted-foreground/50" : "text-muted-foreground"
+        ),
+        disabled && "opacity-50 cursor-not-allowed pointer-events-none"
       )
-    ] }),
-    /* @__PURE__ */ jsx("div", { className: "grid grid-cols-7 gap-1", children: Array.from({ length: GRID_SIZE }, (_, i) => {
-      const day = i + 1;
-      const isValidDay = day <= 31;
-      const isSelected = isValidDay && monthDays.includes(day);
-      const isPartialMonth = day > 28;
-      if (!isValidDay) {
-        return /* @__PURE__ */ jsx("div", { className: "aspect-square" }, i);
+    };
+  });
+  const selectionCount = safeMonthDays.length;
+  return /* @__PURE__ */ jsxs("div", { className: cn("space-y-3", className), children: [
+    showPresets && /* @__PURE__ */ jsx("div", { className: "flex gap-2", children: presets.map((preset) => /* @__PURE__ */ jsx(
+      PresetButton2,
+      {
+        label: preset.label,
+        isActive: preset.isActive,
+        onClick: () => setMonthDays(preset.days),
+        disabled
+      },
+      preset.label
+    )) }),
+    /* @__PURE__ */ jsx("div", { className: "grid grid-cols-7 gap-1", children: gridCells.map((cell) => {
+      if (cell.type === "empty") {
+        return /* @__PURE__ */ jsx("div", { className: "aspect-square" }, cell.key);
       }
       return /* @__PURE__ */ jsx(
         "button",
         {
           type: "button",
           disabled,
-          onClick: () => toggleMonthDay(day),
-          "aria-pressed": isSelected,
-          "aria-label": `Day ${day}`,
-          className: cn(
-            "aspect-square flex items-center justify-center",
-            "rounded-lg text-sm font-medium",
-            "transition-all duration-150",
-            "focus:outline-none focus-visible:ring-2 focus-visible:ring-primary/50",
-            "active:scale-[0.95]",
-            isSelected ? "bg-primary text-primary-foreground shadow-sm" : cn(
-              "bg-muted/30 hover:bg-muted/60",
-              isPartialMonth ? "text-muted-foreground/50" : "text-muted-foreground"
-            ),
-            disabled && "opacity-50 cursor-not-allowed pointer-events-none"
-          ),
-          children: day
+          onClick: () => toggleMonthDay(cell.day),
+          "aria-pressed": cell.isSelected,
+          "aria-label": `Day ${cell.day}`,
+          className: cell.className,
+          children: cell.day
         },
-        day
+        cell.key
       );
     }) }),
-    monthDays.length > 1 && /* @__PURE__ */ jsxs("p", { className: "text-xs text-muted-foreground text-center", children: [
-      monthDays.length,
+    selectionCount > 1 && /* @__PURE__ */ jsxs("p", { className: "text-xs text-muted-foreground text-center", children: [
+      selectionCount,
       " days selected"
     ] })
   ] });
@@ -991,5 +1016,5 @@ function SchedulePreview({
 __name(SchedulePreview, "SchedulePreview");
 
 export { CronSchedulerProvider, CustomInput, DayChips, MonthDayGrid, SchedulePreview, ScheduleTypeSelector, TimeSelector, buildCron, humanizeCron, isValidCron, parseCron, useCronCustom, useCronMonthDays, useCronPreview, useCronScheduler, useCronSchedulerContext, useCronTime, useCronType, useCronWeekDays };
-//# sourceMappingURL=chunk-CDUFZ24N.mjs.map
-//# sourceMappingURL=chunk-CDUFZ24N.mjs.map
+//# sourceMappingURL=chunk-7H4LDBIH.mjs.map
+//# sourceMappingURL=chunk-7H4LDBIH.mjs.map