@djangocfg/ui-tools 2.1.134 → 2.1.136

package/dist/{CronScheduler.client-X74RLZLW.cjs → CronScheduler.client-3JXCOKFY.cjs}

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var chunkD3TZQSX6_cjs = require('./chunk-D3TZQSX6.cjs');
+var chunkAL7PTAS5_cjs = require('./chunk-AL7PTAS5.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 } = chunkD3TZQSX6_cjs.useCronType();
+  const { type } = chunkAL7PTAS5_cjs.useCronType();
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: lib.cn("space-y-3", className), children: [
-    /* @__PURE__ */ jsxRuntime.jsx(chunkD3TZQSX6_cjs.ScheduleTypeSelector, { disabled }),
-    type !== "custom" && /* @__PURE__ */ jsxRuntime.jsx(chunkD3TZQSX6_cjs.TimeSelector, { format: timeFormat, disabled }),
-    type === "weekly" && /* @__PURE__ */ jsxRuntime.jsx(chunkD3TZQSX6_cjs.DayChips, { disabled, showPresets: true }),
-    type === "monthly" && /* @__PURE__ */ jsxRuntime.jsx(chunkD3TZQSX6_cjs.MonthDayGrid, { disabled, showPresets: true }),
-    type === "custom" && /* @__PURE__ */ jsxRuntime.jsx(chunkD3TZQSX6_cjs.CustomInput, { disabled }),
+    /* @__PURE__ */ jsxRuntime.jsx(chunkAL7PTAS5_cjs.ScheduleTypeSelector, { disabled }),
+    type !== "custom" && /* @__PURE__ */ jsxRuntime.jsx(chunkAL7PTAS5_cjs.TimeSelector, { format: timeFormat, disabled }),
+    type === "weekly" && /* @__PURE__ */ jsxRuntime.jsx(chunkAL7PTAS5_cjs.DayChips, { disabled, showPresets: true }),
+    type === "monthly" && /* @__PURE__ */ jsxRuntime.jsx(chunkAL7PTAS5_cjs.MonthDayGrid, { disabled, showPresets: true }),
+    type === "custom" && /* @__PURE__ */ jsxRuntime.jsx(chunkAL7PTAS5_cjs.CustomInput, { disabled }),
     showPreview && /* @__PURE__ */ jsxRuntime.jsx(
-      chunkD3TZQSX6_cjs.SchedulePreview,
+      chunkAL7PTAS5_cjs.SchedulePreview,
       {
         showCronExpression: true,
         allowCopy
@@ -44,7 +44,7 @@ function CronScheduler({
   className
 }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkD3TZQSX6_cjs.CronSchedulerProvider,
+    chunkAL7PTAS5_cjs.CronSchedulerProvider,
     {
       value,
       onChange,
@@ -68,5 +68,5 @@ var CronScheduler_client_default = CronScheduler;
 
 exports.CronScheduler = CronScheduler;
 exports.default = CronScheduler_client_default;
-//# sourceMappingURL=CronScheduler.client-X74RLZLW.cjs.map
-//# sourceMappingURL=CronScheduler.client-X74RLZLW.cjs.map
+//# sourceMappingURL=CronScheduler.client-3JXCOKFY.cjs.map
+//# sourceMappingURL=CronScheduler.client-3JXCOKFY.cjs.map

package/dist/{CronScheduler.client-X74RLZLW.cjs.map → CronScheduler.client-3JXCOKFY.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-X74RLZLW.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-3JXCOKFY.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-BYKMIOZJ.mjs → CronScheduler.client-MCNY3POV.mjs}

@@ -1,4 +1,4 @@
-import { useCronType, ScheduleTypeSelector, TimeSelector, DayChips, MonthDayGrid, CustomInput, SchedulePreview, CronSchedulerProvider } from './chunk-HVRP57NM.mjs';
+import { useCronType, ScheduleTypeSelector, TimeSelector, DayChips, MonthDayGrid, CustomInput, SchedulePreview, CronSchedulerProvider } from './chunk-QIAP4G5L.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-BYKMIOZJ.mjs.map
-//# sourceMappingURL=CronScheduler.client-BYKMIOZJ.mjs.map
+//# sourceMappingURL=CronScheduler.client-MCNY3POV.mjs.map
+//# sourceMappingURL=CronScheduler.client-MCNY3POV.mjs.map

package/dist/{CronScheduler.client-BYKMIOZJ.mjs.map → CronScheduler.client-MCNY3POV.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-BYKMIOZJ.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-MCNY3POV.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-D3TZQSX6.cjs → chunk-AL7PTAS5.cjs}

@@ -9,24 +9,29 @@ var lucideReact = require('lucide-react');
 
 // 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 * * *";
   }
@@ -59,10 +64,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,
@@ -81,10 +89,17 @@ function parseCron(cron) {
   };
 }
 chunkWGEGR3DF_cjs.__name(parseCron, "parseCron");
-function detectScheduleType(_minutePart, _hourPart, dayOfMonthPart, monthPart, dayOfWeekPart) {
+function isSimpleField(part) {
+  return part === "*" || /^\d+$/.test(part);
+}
+chunkWGEGR3DF_cjs.__name(isSimpleField, "isSimpleField");
+function detectScheduleType(minutePart, hourPart, dayOfMonthPart, monthPart, dayOfWeekPart) {
   let type = "custom";
   let weekDays = [1, 2, 3, 4, 5];
   let monthDays = [1];
+  if (!isSimpleField(minutePart) || !isSimpleField(hourPart)) {
+    return { type: "custom", weekDays, monthDays };
+  }
   if (dayOfMonthPart === "*" && monthPart === "*" && dayOfWeekPart === "*") {
     type = "daily";
   } else if (dayOfMonthPart === "*" && monthPart === "*" && dayOfWeekPart !== "*") {
@@ -97,10 +112,31 @@ function detectScheduleType(_minutePart, _hourPart, dayOfMonthPart, monthPart, d
   return { type, weekDays, monthDays };
 }
 chunkWGEGR3DF_cjs.__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;
+}
+chunkWGEGR3DF_cjs.__name(isValidCronField, "isValidCronField");
+function parseField(part, _min, _max) {
+  if (/^\d+$/.test(part)) {
+    return parseInt(part, 10);
   }
   return null;
 }
@@ -149,19 +185,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);
 }
 chunkWGEGR3DF_cjs.__name(isValidCron, "isValidCron");
 
@@ -310,22 +335,29 @@ function CronSchedulerProvider({
   const isInitialMount = react.useRef(true);
   const onChangeRef = react.useRef(onChange);
   onChangeRef.current = onChange;
+  const [initialValue] = react.useState(() => value || null);
   const [state, setState] = react.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 };
   });
   react.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 = react.useMemo(() => buildCron(state), [state]);
@@ -401,6 +433,7 @@ function CronSchedulerProvider({
       // Computed
       cronExpression,
       humanDescription,
+      initialValue,
       // Actions
       setType,
       setTime,
@@ -415,6 +448,7 @@ function CronSchedulerProvider({
       state,
       cronExpression,
       humanDescription,
+      initialValue,
       setType,
       setTime,
       toggleWeekDay,
@@ -473,10 +507,10 @@ function useCronCustom() {
 }
 chunkWGEGR3DF_cjs.__name(useCronCustom, "useCronCustom");
 function useCronPreview() {
-  const { cronExpression, humanDescription, isValid } = useCronSchedulerContext();
+  const { cronExpression, humanDescription, isValid, initialValue } = useCronSchedulerContext();
   return react.useMemo(
-    () => ({ cronExpression, humanDescription, isValid }),
-    [cronExpression, humanDescription, isValid]
+    () => ({ cronExpression, humanDescription, isValid, initialValue }),
+    [cronExpression, humanDescription, isValid, initialValue]
   );
 }
 chunkWGEGR3DF_cjs.__name(useCronPreview, "useCronPreview");
@@ -621,11 +655,12 @@ function DayChips({
   className
 }) {
   const { weekDays, toggleWeekDay, setWeekDays } = useCronWeekDays();
-  const isWeekdays2 = weekDays.length === 5 && [1, 2, 3, 4, 5].every((d) => weekDays.includes(d));
-  const isWeekendPreset = weekDays.length === 2 && [0, 6].every((d) => weekDays.includes(d));
-  const isEveryday = weekDays.length === 7;
+  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 = weekDays.includes(value);
+    const isSelected = safeWeekDays.includes(value);
     const isWeekendDay = value === 0 || value === 6;
     return {
       value,
@@ -704,9 +739,10 @@ 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);
+  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] },
@@ -715,7 +751,7 @@ function MonthDayGrid({
   const gridCells = Array.from({ length: GRID_SIZE }, (_, i) => {
     const day = i + 1;
     const isValidDay = day <= 31;
-    const isSelected = isValidDay && monthDays.includes(day);
+    const isSelected = isValidDay && safeMonthDays.includes(day);
     const isPartialMonth = day > 28;
     if (!isValidDay) {
       return { type: "empty", key: i };
@@ -739,7 +775,7 @@ function MonthDayGrid({
       )
     };
   });
-  const selectionCount = monthDays.length;
+  const selectionCount = safeMonthDays.length;
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: lib.cn("space-y-3", className), children: [
     showPresets && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex gap-2", children: presets.map((preset) => /* @__PURE__ */ jsxRuntime.jsx(
       PresetButton2,
@@ -920,9 +956,14 @@ chunkWGEGR3DF_cjs.__name(CronCheatsheet, "CronCheatsheet");
 function SchedulePreview({
   showCronExpression = true,
   allowCopy = false,
+  showInitialValue = true,
   className
 }) {
-  const { cronExpression, humanDescription, isValid } = useCronPreview();
+  const { cronExpression, humanDescription, isValid, initialValue } = useCronPreview();
+  const hasChanged = react.useMemo(
+    () => showInitialValue && initialValue && initialValue !== cronExpression,
+    [showInitialValue, initialValue, cronExpression]
+  );
   const [copied, setCopied] = react.useState(false);
   const handleCopy = react.useCallback(async () => {
     try {
@@ -982,7 +1023,13 @@ function SchedulePreview({
           )
         ] }),
         showCronExpression && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-1.5 pt-1.5 border-t border-border/30 flex items-center justify-between", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("code", { className: "text-xs font-mono text-muted-foreground", children: cronExpression }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1.5 min-w-0", children: [
+            hasChanged && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+              /* @__PURE__ */ jsxRuntime.jsx("code", { className: "text-xs font-mono text-muted-foreground/60 line-through", children: initialValue }),
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowRight, { className: "h-3 w-3 text-muted-foreground/40 shrink-0" })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx("code", { className: "text-xs font-mono text-muted-foreground", children: cronExpression })
+          ] }),
           /* @__PURE__ */ jsxRuntime.jsx(CronCheatsheet, {})
         ] })
       ]
@@ -1010,5 +1057,5 @@ exports.useCronSchedulerContext = useCronSchedulerContext;
 exports.useCronTime = useCronTime;
 exports.useCronType = useCronType;
 exports.useCronWeekDays = useCronWeekDays;
-//# sourceMappingURL=chunk-D3TZQSX6.cjs.map
-//# sourceMappingURL=chunk-D3TZQSX6.cjs.map
+//# sourceMappingURL=chunk-AL7PTAS5.cjs.map
+//# sourceMappingURL=chunk-AL7PTAS5.cjs.map