ods-ant 0.2.0 → 0.4.1

package/dist-lib/Steps-Dhq_inin.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Steps-Dhq_inin.cjs","names":[],"sources":["../src/ds/navigation/stepsStyles.ts","../src/ds/navigation/Steps.tsx"],"sourcesContent":["import { CORE_COLORS } from '../../tokens/core';\n\nconst STYLE_ID = 'ds-steps-styles';\n\nexport const DS_STEPS_CLASS = 'ds-steps';\n\nexport const mergeStepsClassNames = (...classNames: Array<string | undefined>): string =>\n  classNames.filter(Boolean).join(' ').trim();\n\nexport const ensureStepsStyles = () => {\n  if (typeof document === 'undefined' || document.getElementById(STYLE_ID)) {\n    return;\n  }\n\n  const style = document.createElement('style');\n  style.id = STYLE_ID;\n  style.textContent = `\n    .${DS_STEPS_CLASS}.ant-steps {\n      --ds-steps-complete: ${CORE_COLORS.status.success};\n      --ds-steps-progress: ${CORE_COLORS.text.muted};\n      --ds-steps-next: ${CORE_COLORS.text.disabled};\n      --ds-steps-line-complete: ${CORE_COLORS.text.muted};\n      --ds-steps-line-wait: ${CORE_COLORS.surface.divider};\n      --ds-steps-text: ${CORE_COLORS.text.primary};\n      --ds-steps-error: ${CORE_COLORS.status.errorDark};\n    }\n\n    .${DS_STEPS_CLASS}.ant-steps .ant-steps-item-tail::after {\n      height: 2px !important;\n      background-image: none !important;\n      background: var(--ds-steps-line-wait) !important;\n    }\n\n    .${DS_STEPS_CLASS}.ant-steps .ant-steps-item-rail {\n      border-color: var(--ds-steps-line-wait) !important;\n      border-top-color: var(--ds-steps-line-wait) !important;\n      border-top-width: 2px !important;\n    }\n\n    .${DS_STEPS_CLASS}.ant-steps .ant-steps-item-rail-process,\n    .${DS_STEPS_CLASS}.ant-steps .ant-steps-item-rail-wait {\n      border-color: var(--ds-steps-line-wait) !important;\n      border-top-color: var(--ds-steps-line-wait) !important;\n    }\n\n    .${DS_STEPS_CLASS}.ant-steps .ant-steps-item-rail-finish {\n      border-color: var(--ds-steps-line-complete) !important;\n      border-top-color: var(--ds-steps-line-complete) !important;\n    }\n\n    .${DS_STEPS_CLASS}.ant-steps.ant-steps-vertical .ant-steps-item-rail {\n      inset-inline-start: 12px !important;\n      top: 24px !important;\n      bottom: 0 !important;\n      width: 2px !important;\n      border-inline-start-width: 2px !important;\n    }\n\n    .${DS_STEPS_CLASS}.ant-steps.ant-steps-vertical.ant-steps-small .ant-steps-item-rail {\n      inset-inline-start: 8px !important;\n      top: 16px !important;\n      bottom: 0 !important;\n      width: 2px !important;\n      border-inline-start-width: 2px !important;\n    }\n\n    .${DS_STEPS_CLASS}.ant-steps .ant-steps-item-finish .ant-steps-item-rail-process {\n      border-color: var(--ds-steps-line-complete) !important;\n      border-top-color: var(--ds-steps-line-complete) !important;\n    }\n\n    .${DS_STEPS_CLASS}.ant-steps .ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-tail::after,\n    .${DS_STEPS_CLASS}.ant-steps .ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-tail::after,\n    .${DS_STEPS_CLASS}.ant-steps .ant-steps-item-process .ant-steps-item-tail::after,\n    .${DS_STEPS_CLASS}.ant-steps .ant-steps-item-wait .ant-steps-item-tail::after {\n      background-image: none !important;\n      background: var(--ds-steps-line-wait) !important;\n    }\n\n    .${DS_STEPS_CLASS}.ant-steps .ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-tail::after,\n    .${DS_STEPS_CLASS}.ant-steps .ant-steps-item-finish .ant-steps-item-tail::after {\n      background-image: none !important;\n      background: var(--ds-steps-line-complete) !important;\n    }\n\n    .${DS_STEPS_CLASS}.ant-steps.ant-steps-horizontal.ant-steps-label-vertical .ant-steps-item-tail {\n      top: 12px !important;\n      padding: 0 !important;\n      inset-inline-start: calc(50% + 12px) !important;\n      inset-inline-end: calc(-50% + 12px) !important;\n      width: auto !important;\n    }\n\n    .${DS_STEPS_CLASS}.ant-steps.ant-steps-horizontal.ant-steps-title-vertical > .ant-steps-item .ant-steps-item-rail {\n      margin-top: 13px !important;\n      width: calc(100% - 24px) !important;\n      inset-inline-start: calc(50% + 8px) !important;\n    }\n\n    .${DS_STEPS_CLASS}.ant-steps.ant-steps-horizontal.ant-steps-label-vertical .ant-steps-item-icon {\n      margin-inline-end: 0 !important;\n    }\n\n    .${DS_STEPS_CLASS}.ant-steps.ant-steps-horizontal.ant-steps-label-vertical.ant-steps-small .ant-steps-item-tail {\n      top: 8px !important;\n      inset-inline-start: calc(50% + 8px) !important;\n      inset-inline-end: calc(-50% + 8px) !important;\n    }\n\n    .${DS_STEPS_CLASS}.ant-steps.ant-steps-horizontal.ant-steps-title-vertical.ant-steps-small > .ant-steps-item .ant-steps-item-rail {\n      margin-top: 9px !important;\n      width: calc(100% - 16px) !important;\n      inset-inline-start: calc(50% + 5px) !important;\n    }\n\n    .${DS_STEPS_CLASS}.ant-steps.ant-steps-horizontal.ant-steps-label-vertical .ant-steps-item-container {\n      display: flex !important;\n      flex-direction: column !important;\n      align-items: center !important;\n    }\n\n    .${DS_STEPS_CLASS}.ant-steps.ant-steps-horizontal.ant-steps-label-vertical .ant-steps-item-content {\n      width: auto !important;\n      margin-top: 8px !important;\n      text-align: center !important;\n      min-width: 52px !important;\n    }\n\n    .${DS_STEPS_CLASS}.ant-steps .ant-steps-item-icon {\n      width: 24px !important;\n      height: 24px !important;\n      margin-inline-end: 8px !important;\n      border: 0 !important;\n      background: var(--ds-steps-next) !important;\n      display: inline-flex !important;\n      align-items: center !important;\n      justify-content: center !important;\n      box-shadow: none !important;\n    }\n\n    .${DS_STEPS_CLASS}.ant-steps.ant-steps-small .ant-steps-item-icon {\n      width: 16px !important;\n      height: 16px !important;\n      margin-inline-end: 6px !important;\n    }\n\n    .${DS_STEPS_CLASS}.ant-steps .ant-steps-item-process .ant-steps-item-icon {\n      background: var(--ds-steps-progress) !important;\n      color: ${CORE_COLORS.text.inverse} !important;\n    }\n\n    .${DS_STEPS_CLASS}.ant-steps .ant-steps-item-finish .ant-steps-item-icon {\n      background: var(--ds-steps-complete) !important;\n      color: ${CORE_COLORS.text.inverse} !important;\n    }\n\n    .${DS_STEPS_CLASS}.ant-steps .ant-steps-item-error .ant-steps-item-icon {\n      background: var(--ds-steps-error) !important;\n    }\n\n    .${DS_STEPS_CLASS}.ant-steps .ant-steps-item:not(.ant-steps-item-custom) .ant-steps-item-icon .ant-steps-icon {\n      color: ${CORE_COLORS.text.inverse} !important;\n      font-size: 0 !important;\n      line-height: 1 !important;\n    }\n\n    .${DS_STEPS_CLASS}.ant-steps .ant-steps-item-finish:not(.ant-steps-item-custom) .ant-steps-item-icon .ant-steps-icon .anticon {\n      font-size: 11px !important;\n      color: ${CORE_COLORS.text.inverse} !important;\n    }\n\n    .${DS_STEPS_CLASS}.ant-steps .ant-steps-item-finish:not(.ant-steps-item-custom) .ant-steps-item-icon .anticon {\n      color: ${CORE_COLORS.text.inverse} !important;\n    }\n\n    .${DS_STEPS_CLASS}.ant-steps .ant-steps-item-finish:not(.ant-steps-item-custom) .ant-steps-item-icon .ant-steps-icon .anticon svg,\n    .${DS_STEPS_CLASS}.ant-steps .ant-steps-item-finish:not(.ant-steps-item-custom) .ant-steps-item-icon .ant-steps-icon .anticon path {\n      fill: currentColor !important;\n      stroke: currentColor !important;\n    }\n\n    .${DS_STEPS_CLASS}.ant-steps .ant-steps-item-title {\n      color: var(--ds-steps-text) !important;\n      font-size: 14px !important;\n      font-weight: 600 !important;\n      line-height: 18px !important;\n      letter-spacing: 0 !important;\n      padding-right: 0 !important;\n    }\n\n    .${DS_STEPS_CLASS}.ant-steps.ant-steps-small .ant-steps-item-title {\n      font-size: 12px !important;\n      line-height: 16px !important;\n      letter-spacing: 0.012px !important;\n    }\n\n    .${DS_STEPS_CLASS}.ant-steps .ant-steps-item-title::after {\n      display: none !important;\n    }\n\n    .${DS_STEPS_CLASS}.ant-steps .ant-steps-item-description {\n      color: ${CORE_COLORS.text.secondary} !important;\n      font-size: 12px !important;\n      line-height: 16px !important;\n    }\n  `;\n\n  document.head.appendChild(style);\n};\n","import { Steps as AntSteps } from 'antd';\nimport type { StepsProps } from 'antd';\nimport { useEffect } from 'react';\nimport { DS_STEPS_CLASS, ensureStepsStyles, mergeStepsClassNames } from './stepsStyles';\n\nexport type DSStepsVariant = 'ant' | 'ontada-progress';\n\nexport type DSStepsProps = StepsProps & {\n  /** Opt-in DS styling variant. Defaults to Ant-native rendering. */\n  dsVariant?: DSStepsVariant;\n};\n\nexport const Steps = ({\n  className: providedClassName,\n  dsVariant = 'ant',\n  ...props\n}: DSStepsProps) => {\n  useEffect(() => {\n    ensureStepsStyles();\n  }, []);\n\n  const isDsVariant = dsVariant === 'ontada-progress';\n  const mergedClassName = mergeStepsClassNames(\n    isDsVariant ? DS_STEPS_CLASS : undefined,\n    providedClassName,\n  );\n  const resolvedLabelPlacement =\n    isDsVariant\n      ? props.labelPlacement ?? (props.direction === 'vertical' ? undefined : 'vertical')\n      : props.labelPlacement;\n\n  return <AntSteps {...props} labelPlacement={resolvedLabelPlacement} className={mergedClassName} />;\n};\n\nSteps.displayName = 'Steps';\n"],"mappings":"+IAEA,IAAM,EAAW,kBAEJ,EAAiB,WAEjB,GAAwB,GAAG,IACtC,EAAW,OAAO,QAAQ,CAAC,KAAK,IAAI,CAAC,MAAM,CAEhC,MAA0B,CACrC,GAAI,OAAO,SAAa,KAAe,SAAS,eAAe,EAAS,CACtE,OAGF,IAAM,EAAQ,SAAS,cAAc,QAAQ,CAC7C,EAAM,GAAK,EACX,EAAM,YAAc;OACf,EAAe;6BACO,EAAA,EAAY,OAAO,QAAQ;6BAC3B,EAAA,EAAY,KAAK,MAAM;yBAC3B,EAAA,EAAY,KAAK,SAAS;kCACjB,EAAA,EAAY,KAAK,MAAM;8BAC3B,EAAA,EAAY,QAAQ,QAAQ;yBACjC,EAAA,EAAY,KAAK,QAAQ;0BACxB,EAAA,EAAY,OAAO,UAAU;;;OAGhD,EAAe;;;;;;OAMf,EAAe;;;;;;OAMf,EAAe;OACf,EAAe;;;;;OAKf,EAAe;;;;;OAKf,EAAe;;;;;;;;OAQf,EAAe;;;;;;;;OAQf,EAAe;;;;;OAKf,EAAe;OACf,EAAe;OACf,EAAe;OACf,EAAe;;;;;OAKf,EAAe;OACf,EAAe;;;;;OAKf,EAAe;;;;;;;;OAQf,EAAe;;;;;;OAMf,EAAe;;;;OAIf,EAAe;;;;;;OAMf,EAAe;;;;;;OAMf,EAAe;;;;;;OAMf,EAAe;;;;;;;OAOf,EAAe;;;;;;;;;;;;OAYf,EAAe;;;;;;OAMf,EAAe;;eAEP,EAAA,EAAY,KAAK,QAAQ;;;OAGjC,EAAe;;eAEP,EAAA,EAAY,KAAK,QAAQ;;;OAGjC,EAAe;;;;OAIf,EAAe;eACP,EAAA,EAAY,KAAK,QAAQ;;;;;OAKjC,EAAe;;eAEP,EAAA,EAAY,KAAK,QAAQ;;;OAGjC,EAAe;eACP,EAAA,EAAY,KAAK,QAAQ;;;OAGjC,EAAe;OACf,EAAe;;;;;OAKf,EAAe;;;;;;;;;OASf,EAAe;;;;;;OAMf,EAAe;;;;OAIf,EAAe;eACP,EAAA,EAAY,KAAK,UAAU;;;;IAMxC,SAAS,KAAK,YAAY,EAAM,ECnMrB,GAAS,CACpB,UAAW,EACX,YAAY,MACZ,GAAG,KACe,EAClB,EAAA,EAAA,eAAgB,CACd,GAAmB,EAClB,EAAE,CAAC,CAEN,IAAM,EAAc,IAAc,kBAC5B,EAAkB,EACtB,EAAc,EAAiB,IAAA,GAC/B,EACD,CACK,EACJ,EACI,EAAM,iBAAmB,EAAM,YAAc,WAAa,IAAA,GAAY,YACtE,EAAM,eAEZ,OAAO,EAAA,EAAA,KAAC,EAAA,MAAD,CAAU,GAAI,EAAO,eAAgB,EAAwB,UAAW,EAAmB,CAAA,EAGpG,EAAM,YAAc"}

package/dist-lib/TimePicker-BgaELcl_.js

@@ -0,0 +1,277 @@
+import { appTheme as e, dsSemanticTokens as t } from "./theme.js";
+import { FieldShell as n } from "./forms/FieldShell.js";
+import { t as r } from "./fieldProps-EeYy2kXb.js";
+import { TimePicker as i } from "antd";
+import { useEffect as a, useId as o } from "react";
+import { jsx as s } from "react/jsx-runtime";
+//#region src/ds/forms/timePickerStyles.ts
+var c = "ds-time-picker-styles", l = "ds-time-picker", u = "ds-time-picker-panel", d = (...e) => e.filter(Boolean).join(" ").trim(), f = () => {
+	if (typeof document > "u") return;
+	let { input: n, picker: r } = t, i = e.token ?? {}, a = String(i.colorText), o = String(i.colorWarning), s = r.selected.background, d = r.selected.border, f = r.selected.text, p = n.text.focus, m = n.background.default, h = document.getElementById(c);
+	h || (h = document.createElement("style"), h.id = c, document.head.appendChild(h)), h.textContent = `
+    /* TimePicker trigger: base */
+
+    .${l}.ant-picker {
+      border-color: ${n.border.default} !important;
+      border-width: ${n.border.widthDefault} !important;
+      border-style: solid !important;
+      border-radius: ${n.border.radius} !important;
+      background-color: ${n.background.default} !important;
+      box-shadow: none !important;
+      min-height: ${n.height.middle} !important;
+      height: ${n.height.middle} !important;
+      padding: 0 ${n.padding.middle.x} !important;
+      display: inline-flex !important;
+      align-items: center !important;
+      color: ${n.text.default} !important;
+      font-family: 'Nunito', 'Segoe UI', Roboto, sans-serif !important;
+      font-size: 14px !important;
+      line-height: 1.5 !important;
+      transition: none !important;
+    }
+
+    .${l}.ant-picker.ant-picker-outlined {
+      border-color: ${n.border.default} !important;
+      box-shadow: none !important;
+    }
+
+    .${l}.ant-picker.ant-picker-small {
+      min-height: ${n.height.small} !important;
+      height: ${n.height.small} !important;
+      padding: 0 ${n.padding.small.x} !important;
+    }
+
+    .${l}.ant-picker.ant-picker-large {
+      min-height: ${n.height.large} !important;
+      height: ${n.height.large} !important;
+      padding: 0 ${n.padding.large.x} !important;
+    }
+
+    /* Trigger: hover */
+
+    .${l}.ant-picker:not(.ant-picker-disabled):hover,
+    .${l}.ant-picker.ant-picker-outlined:not(.ant-picker-disabled):hover {
+      border-color: ${n.border.hover} !important;
+      box-shadow: none !important;
+    }
+
+    /* Trigger: focus / open */
+
+    .${l}.ant-picker.ant-picker-focused,
+    .${l}.ant-picker.ant-picker-outlined.ant-picker-focused {
+      border-color: ${n.border.focus} !important;
+      border-width: ${n.border.widthFocus} !important;
+      box-shadow: none !important;
+      background-color: ${n.background.focus} !important;
+      outline: none !important;
+    }
+
+    .${l}.ant-picker.ant-picker-focused:hover,
+    .${l}.ant-picker.ant-picker-outlined.ant-picker-focused:hover {
+      border-color: ${n.border.focus} !important;
+      border-width: ${n.border.widthFocus} !important;
+      box-shadow: none !important;
+      outline: none !important;
+    }
+
+    .${l}.ant-picker:focus-within,
+    .${l}.ant-picker .ant-picker-input > input:focus,
+    .${l}.ant-picker .ant-picker-input > input:focus-visible {
+      outline: none !important;
+      box-shadow: none !important;
+    }
+
+    /* Trigger: status */
+
+    .${l}.ant-picker.ant-picker-status-error,
+    .${l}.ant-picker.ant-picker-outlined.ant-picker-status-error {
+      border-color: ${n.border.error} !important;
+      box-shadow: none !important;
+    }
+
+    .${l}.ant-picker.ant-picker-status-warning,
+    .${l}.ant-picker.ant-picker-outlined.ant-picker-status-warning {
+      border-color: ${o} !important;
+      box-shadow: none !important;
+    }
+
+    .${l}.ant-picker.ant-picker-status-success,
+    .${l}.ant-picker.ant-picker-outlined.ant-picker-status-success {
+      border-color: ${n.border.success} !important;
+      box-shadow: none !important;
+    }
+
+    /* Trigger: disabled */
+
+    .${l}.ant-picker.ant-picker-disabled {
+      border-color: ${n.text.disabled} !important;
+      background-color: ${n.background.disabled} !important;
+      box-shadow: none !important;
+      color: ${n.text.disabled} !important;
+    }
+
+    .${l}.ant-picker .ant-picker-input > input {
+      font-size: 14px !important;
+      line-height: 18px !important;
+      font-weight: 400 !important;
+      color: ${a} !important;
+    }
+
+    .${l}.ant-picker .ant-picker-input > input::placeholder {
+      color: ${n.text.placeholder} !important;
+      font-weight: 400 !important;
+      opacity: 1 !important;
+    }
+
+    .${l}.ant-picker.ant-picker-disabled input {
+      color: ${n.text.disabled} !important;
+    }
+
+    /* Clear button */
+
+    .${l}.ant-picker .ant-picker-clear {
+      color: ${n.text.default} !important;
+      background: ${n.background.default} !important;
+    }
+
+    .${l}.ant-picker .ant-picker-clear:hover {
+      color: ${n.text.focus} !important;
+    }
+
+    /* Panel container */
+
+    .${u}.ant-picker-dropdown .ant-picker-panel-container {
+      border: 1px solid ${n.text.focus} !important;
+      border-radius: 4px !important;
+      background: ${n.background.default} !important;
+      box-shadow: 0 2px 4px color-mix(in srgb, ${p} 30%, ${m}) !important;
+      overflow: hidden !important;
+      font-family: 'Nunito', 'Segoe UI', Roboto, sans-serif !important;
+    }
+
+    /* Panel body */
+
+    .${u}.ant-picker-dropdown .ant-picker-panel {
+      border: 0 !important;
+      border-radius: 0 !important;
+      background: ${n.background.default} !important;
+      font-family: 'Nunito', 'Segoe UI', Roboto, sans-serif !important;
+    }
+
+    .${u}.ant-picker-dropdown .ant-picker-time-panel {
+      width: 232px !important;
+      padding: 8px !important;
+    }
+
+    /* Time columns */
+
+    .${u}.ant-picker-dropdown .ant-picker-time-panel-column {
+      padding: 0 !important;
+      width: 64px !important;
+      min-width: 64px !important;
+    }
+
+    .${u}.ant-picker-dropdown .ant-picker-time-panel-column li {
+      color: ${n.text.default} !important;
+      line-height: 32px !important;
+      padding-inline: 4px !important;
+    }
+
+    .${u}.ant-picker-dropdown .ant-picker-time-panel-column li .ant-picker-time-panel-cell-inner {
+      box-sizing: border-box !important;
+      width: calc(100% - 8px) !important;
+      min-width: 40px !important;
+      margin-inline: 4px !important;
+      text-align: center !important;
+    }
+
+    .${u}.ant-picker-dropdown .ant-picker-time-panel-column li:hover {
+      background: ${n.background.focus} !important;
+    }
+
+    .${u}.ant-picker-dropdown .ant-picker-time-panel-column li.ant-picker-time-panel-cell-selected,
+    .${u}.ant-picker-dropdown .ant-picker-time-panel-column li.ant-picker-time-panel-cell-selected:hover {
+      background: none !important;
+      background-color: unset !important;
+      background-image: none !important;
+      color: ${f} !important;
+      font-weight: 700 !important;
+      opacity: 1 !important;
+    }
+
+    .${u}.ant-picker-dropdown .ant-picker-time-panel-column li.ant-picker-time-panel-cell-selected .ant-picker-time-panel-cell-inner,
+    .${u}.ant-picker-dropdown .ant-picker-time-panel-column li.ant-picker-time-panel-cell-selected:hover .ant-picker-time-panel-cell-inner {
+      background: ${s} !important;
+      background-color: ${s} !important;
+      background-image: none !important;
+      border: 0 !important;
+      box-shadow: inset 0 0 0 ${n.border.widthDefault} ${d} !important;
+      color: ${f} !important;
+      font-weight: 700 !important;
+      opacity: 1 !important;
+    }
+
+    .${u}.ant-picker-dropdown .ant-picker-time-panel-column li.ant-picker-time-panel-cell-selected::before,
+    .${u}.ant-picker-dropdown .ant-picker-time-panel-column li.ant-picker-time-panel-cell-selected .ant-picker-time-panel-cell-inner::before {
+      background: ${s} !important;
+      background-color: ${s} !important;
+      background-image: none !important;
+      border: 0 !important;
+      box-shadow: none !important;
+    }
+
+    .${u}.ant-picker-dropdown .ant-picker-ok {
+      float: right !important;
+    }
+  `;
+}, p = ({ className: e, popupClassName: t, classNames: c, dsFormat: p = "24h", use12Hours: m, format: h, fieldLabel: g, fieldRequired: _, fieldDescription: v, fieldError: y, fieldActions: b, containerStyle: x, clear: S, clearable: C = !1, clearLabel: w, clearVisibility: T = "always", onClear: E, onValueChange: D, id: O, ...k }) => {
+	let A = o();
+	a(() => {
+		f();
+	}, []);
+	let j = !!(g || _ || v || y || b || C || S || E), M = O ?? (j ? A : void 0), N = M ? `${M}-description` : void 0, P = M ? `${M}-error` : void 0, F = S?.onClear ?? E, I = p === "12h" || m, L = p === "12h" ? h ?? "h:mm A" : h ?? "HH:mm:ss", R = d(l, e), z = d(u, c?.popup?.root, t), B = {
+		...c ?? {},
+		popup: {
+			...c?.popup ?? {},
+			root: z
+		}
+	}, V = r(v ? N : void 0, y ? P : void 0), H = /* @__PURE__ */ s(i, {
+		...k,
+		id: M,
+		className: R,
+		classNames: B,
+		use12Hours: I,
+		format: L,
+		status: y ? "error" : k.status,
+		"aria-describedby": V,
+		"aria-invalid": y ? !0 : void 0,
+		onChange: (e, t) => {
+			k.onChange?.(e, t), D?.(e);
+		}
+	});
+	return j ? /* @__PURE__ */ s(n, {
+		label: g,
+		required: _,
+		htmlFor: M,
+		description: v,
+		descriptionId: N,
+		error: y,
+		errorId: P,
+		clear: S,
+		clearable: C,
+		clearLabel: w,
+		clearVisibility: T,
+		clearValue: k.value,
+		onClear: () => {
+			F?.(), D?.(null), k.onChange?.(null, "");
+		},
+		extraActions: b,
+		style: x,
+		children: H
+	}) : H;
+};
+p.displayName = "TimePicker";
+//#endregion
+export { p as t };
+
+//# sourceMappingURL=TimePicker-BgaELcl_.js.map

package/dist-lib/TimePicker-BgaELcl_.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimePicker-BgaELcl_.js","names":[],"sources":["../src/ds/forms/timePickerStyles.ts","../src/ds/forms/TimePicker.tsx"],"sourcesContent":["import { appTheme, dsSemanticTokens } from '../../theme/ontadaTheme';\n\nconst STYLE_ID = 'ds-time-picker-styles';\n\nexport const DS_TIME_PICKER_CLASS = 'ds-time-picker';\nexport const DS_TIME_PICKER_PANEL_CLASS = 'ds-time-picker-panel';\n\nexport const mergeTimePickerClassNames = (...classNames: Array<string | undefined>): string =>\n  classNames.filter(Boolean).join(' ').trim();\n\nexport const ensureTimePickerStyles = () => {\n  if (typeof document === 'undefined') {\n    return;\n  }\n\n  const { input, picker } = dsSemanticTokens;\n  const antTokens = appTheme.token ?? {};\n  const textColor = String(antTokens.colorText);\n  const warningColor = String(antTokens.colorWarning);\n  const selectedBackground = picker.selected.background;\n  const selectedBorder = picker.selected.border;\n  const selectedText = picker.selected.text;\n  const panelShadowColor = input.text.focus;\n  const panelShadowBlendColor = input.background.default;\n  let style = document.getElementById(STYLE_ID) as HTMLStyleElement | null;\n  if (!style) {\n    style = document.createElement('style');\n    style.id = STYLE_ID;\n    document.head.appendChild(style);\n  }\n\n  style.textContent = `\n    /* TimePicker trigger: base */\n\n    .${DS_TIME_PICKER_CLASS}.ant-picker {\n      border-color: ${input.border.default} !important;\n      border-width: ${input.border.widthDefault} !important;\n      border-style: solid !important;\n      border-radius: ${input.border.radius} !important;\n      background-color: ${input.background.default} !important;\n      box-shadow: none !important;\n      min-height: ${input.height.middle} !important;\n      height: ${input.height.middle} !important;\n      padding: 0 ${input.padding.middle.x} !important;\n      display: inline-flex !important;\n      align-items: center !important;\n      color: ${input.text.default} !important;\n      font-family: 'Nunito', 'Segoe UI', Roboto, sans-serif !important;\n      font-size: 14px !important;\n      line-height: 1.5 !important;\n      transition: none !important;\n    }\n\n    .${DS_TIME_PICKER_CLASS}.ant-picker.ant-picker-outlined {\n      border-color: ${input.border.default} !important;\n      box-shadow: none !important;\n    }\n\n    .${DS_TIME_PICKER_CLASS}.ant-picker.ant-picker-small {\n      min-height: ${input.height.small} !important;\n      height: ${input.height.small} !important;\n      padding: 0 ${input.padding.small.x} !important;\n    }\n\n    .${DS_TIME_PICKER_CLASS}.ant-picker.ant-picker-large {\n      min-height: ${input.height.large} !important;\n      height: ${input.height.large} !important;\n      padding: 0 ${input.padding.large.x} !important;\n    }\n\n    /* Trigger: hover */\n\n    .${DS_TIME_PICKER_CLASS}.ant-picker:not(.ant-picker-disabled):hover,\n    .${DS_TIME_PICKER_CLASS}.ant-picker.ant-picker-outlined:not(.ant-picker-disabled):hover {\n      border-color: ${input.border.hover} !important;\n      box-shadow: none !important;\n    }\n\n    /* Trigger: focus / open */\n\n    .${DS_TIME_PICKER_CLASS}.ant-picker.ant-picker-focused,\n    .${DS_TIME_PICKER_CLASS}.ant-picker.ant-picker-outlined.ant-picker-focused {\n      border-color: ${input.border.focus} !important;\n      border-width: ${input.border.widthFocus} !important;\n      box-shadow: none !important;\n      background-color: ${input.background.focus} !important;\n      outline: none !important;\n    }\n\n    .${DS_TIME_PICKER_CLASS}.ant-picker.ant-picker-focused:hover,\n    .${DS_TIME_PICKER_CLASS}.ant-picker.ant-picker-outlined.ant-picker-focused:hover {\n      border-color: ${input.border.focus} !important;\n      border-width: ${input.border.widthFocus} !important;\n      box-shadow: none !important;\n      outline: none !important;\n    }\n\n    .${DS_TIME_PICKER_CLASS}.ant-picker:focus-within,\n    .${DS_TIME_PICKER_CLASS}.ant-picker .ant-picker-input > input:focus,\n    .${DS_TIME_PICKER_CLASS}.ant-picker .ant-picker-input > input:focus-visible {\n      outline: none !important;\n      box-shadow: none !important;\n    }\n\n    /* Trigger: status */\n\n    .${DS_TIME_PICKER_CLASS}.ant-picker.ant-picker-status-error,\n    .${DS_TIME_PICKER_CLASS}.ant-picker.ant-picker-outlined.ant-picker-status-error {\n      border-color: ${input.border.error} !important;\n      box-shadow: none !important;\n    }\n\n    .${DS_TIME_PICKER_CLASS}.ant-picker.ant-picker-status-warning,\n    .${DS_TIME_PICKER_CLASS}.ant-picker.ant-picker-outlined.ant-picker-status-warning {\n      border-color: ${warningColor} !important;\n      box-shadow: none !important;\n    }\n\n    .${DS_TIME_PICKER_CLASS}.ant-picker.ant-picker-status-success,\n    .${DS_TIME_PICKER_CLASS}.ant-picker.ant-picker-outlined.ant-picker-status-success {\n      border-color: ${input.border.success} !important;\n      box-shadow: none !important;\n    }\n\n    /* Trigger: disabled */\n\n    .${DS_TIME_PICKER_CLASS}.ant-picker.ant-picker-disabled {\n      border-color: ${input.text.disabled} !important;\n      background-color: ${input.background.disabled} !important;\n      box-shadow: none !important;\n      color: ${input.text.disabled} !important;\n    }\n\n    .${DS_TIME_PICKER_CLASS}.ant-picker .ant-picker-input > input {\n      font-size: 14px !important;\n      line-height: 18px !important;\n      font-weight: 400 !important;\n      color: ${textColor} !important;\n    }\n\n    .${DS_TIME_PICKER_CLASS}.ant-picker .ant-picker-input > input::placeholder {\n      color: ${input.text.placeholder} !important;\n      font-weight: 400 !important;\n      opacity: 1 !important;\n    }\n\n    .${DS_TIME_PICKER_CLASS}.ant-picker.ant-picker-disabled input {\n      color: ${input.text.disabled} !important;\n    }\n\n    /* Clear button */\n\n    .${DS_TIME_PICKER_CLASS}.ant-picker .ant-picker-clear {\n      color: ${input.text.default} !important;\n      background: ${input.background.default} !important;\n    }\n\n    .${DS_TIME_PICKER_CLASS}.ant-picker .ant-picker-clear:hover {\n      color: ${input.text.focus} !important;\n    }\n\n    /* Panel container */\n\n    .${DS_TIME_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-panel-container {\n      border: 1px solid ${input.text.focus} !important;\n      border-radius: 4px !important;\n      background: ${input.background.default} !important;\n      box-shadow: 0 2px 4px color-mix(in srgb, ${panelShadowColor} 30%, ${panelShadowBlendColor}) !important;\n      overflow: hidden !important;\n      font-family: 'Nunito', 'Segoe UI', Roboto, sans-serif !important;\n    }\n\n    /* Panel body */\n\n    .${DS_TIME_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-panel {\n      border: 0 !important;\n      border-radius: 0 !important;\n      background: ${input.background.default} !important;\n      font-family: 'Nunito', 'Segoe UI', Roboto, sans-serif !important;\n    }\n\n    .${DS_TIME_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-time-panel {\n      width: 232px !important;\n      padding: 8px !important;\n    }\n\n    /* Time columns */\n\n    .${DS_TIME_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-time-panel-column {\n      padding: 0 !important;\n      width: 64px !important;\n      min-width: 64px !important;\n    }\n\n    .${DS_TIME_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-time-panel-column li {\n      color: ${input.text.default} !important;\n      line-height: 32px !important;\n      padding-inline: 4px !important;\n    }\n\n    .${DS_TIME_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-time-panel-column li .ant-picker-time-panel-cell-inner {\n      box-sizing: border-box !important;\n      width: calc(100% - 8px) !important;\n      min-width: 40px !important;\n      margin-inline: 4px !important;\n      text-align: center !important;\n    }\n\n    .${DS_TIME_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-time-panel-column li:hover {\n      background: ${input.background.focus} !important;\n    }\n\n    .${DS_TIME_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-time-panel-column li.ant-picker-time-panel-cell-selected,\n    .${DS_TIME_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-time-panel-column li.ant-picker-time-panel-cell-selected:hover {\n      background: none !important;\n      background-color: unset !important;\n      background-image: none !important;\n      color: ${selectedText} !important;\n      font-weight: 700 !important;\n      opacity: 1 !important;\n    }\n\n    .${DS_TIME_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-time-panel-column li.ant-picker-time-panel-cell-selected .ant-picker-time-panel-cell-inner,\n    .${DS_TIME_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-time-panel-column li.ant-picker-time-panel-cell-selected:hover .ant-picker-time-panel-cell-inner {\n      background: ${selectedBackground} !important;\n      background-color: ${selectedBackground} !important;\n      background-image: none !important;\n      border: 0 !important;\n      box-shadow: inset 0 0 0 ${input.border.widthDefault} ${selectedBorder} !important;\n      color: ${selectedText} !important;\n      font-weight: 700 !important;\n      opacity: 1 !important;\n    }\n\n    .${DS_TIME_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-time-panel-column li.ant-picker-time-panel-cell-selected::before,\n    .${DS_TIME_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-time-panel-column li.ant-picker-time-panel-cell-selected .ant-picker-time-panel-cell-inner::before {\n      background: ${selectedBackground} !important;\n      background-color: ${selectedBackground} !important;\n      background-image: none !important;\n      border: 0 !important;\n      box-shadow: none !important;\n    }\n\n    .${DS_TIME_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-ok {\n      float: right !important;\n    }\n  `;\n\n};\n","import { TimePicker as AntTimePicker } from 'antd';\nimport type { TimePickerProps } from 'antd';\nimport { useEffect, useId } from 'react';\nimport { FieldShell } from './FieldShell';\nimport type { DSFieldShellProps } from './fieldProps';\nimport { joinDescribedByIds } from './fieldProps';\nimport {\n  DS_TIME_PICKER_CLASS,\n  DS_TIME_PICKER_PANEL_CLASS,\n  ensureTimePickerStyles,\n  mergeTimePickerClassNames,\n} from './timePickerStyles';\n\nexport type DSTimePickerFormat = '24h' | '12h';\n\nexport type DSTimePickerProps = TimePickerProps & {\n  /**\n   * DS time format variant.\n   * 24h: 24-hour format (HH:mm:ss).\n   * 12h: 12-hour format with AM/PM (h:mm A).\n   */\n  dsFormat?: DSTimePickerFormat;\n} & DSFieldShellProps & {\n  onValueChange?: (nextValue: any) => void;\n};\n\nexport const TimePicker = ({\n  className: providedClassName,\n  popupClassName: providedPopupClassName,\n  classNames: providedClassNames,\n  dsFormat = '24h',\n  use12Hours: provided12Hours,\n  format: providedFormat,\n  fieldLabel,\n  fieldRequired,\n  fieldDescription,\n  fieldError,\n  fieldActions,\n  containerStyle,\n  clear,\n  clearable = false,\n  clearLabel,\n  clearVisibility = 'always',\n  onClear,\n  onValueChange,\n  id,\n  ...props\n}: DSTimePickerProps) => {\n  const generatedId = useId();\n  useEffect(() => {\n    ensureTimePickerStyles();\n  }, []);\n\n  const shouldWrapInFieldShell = Boolean(\n    fieldLabel ||\n      fieldRequired ||\n      fieldDescription ||\n      fieldError ||\n      fieldActions ||\n      clearable ||\n      clear ||\n      onClear,\n  );\n  const controlId = id ?? (shouldWrapInFieldShell ? generatedId : undefined);\n  const descriptionId = controlId ? `${controlId}-description` : undefined;\n  const errorId = controlId ? `${controlId}-error` : undefined;\n  const clearAction = clear?.onClear ?? onClear;\n\n  const use12Hours = dsFormat === '12h' || provided12Hours;\n  const finalFormat = dsFormat === '12h' ? (providedFormat ?? 'h:mm A') : (providedFormat ?? 'HH:mm:ss');\n  const mergedClassName = mergeTimePickerClassNames(DS_TIME_PICKER_CLASS, providedClassName);\n  const mergedPopupClassName = mergeTimePickerClassNames(\n    DS_TIME_PICKER_PANEL_CLASS,\n    (providedClassNames as any)?.popup?.root,\n    providedPopupClassName,\n  );\n  const mergedClassNames = {\n    ...(providedClassNames ?? {}),\n    popup: {\n      ...((providedClassNames as any)?.popup ?? {}),\n      root: mergedPopupClassName,\n    },\n  } as TimePickerProps['classNames'];\n\n  const describedBy = joinDescribedByIds(\n    fieldDescription ? descriptionId : undefined,\n    fieldError ? errorId : undefined,\n  );\n\n  const control = (\n    <AntTimePicker\n      {...props}\n      id={controlId}\n      className={mergedClassName}\n      classNames={mergedClassNames}\n      use12Hours={use12Hours}\n      format={finalFormat}\n      status={fieldError ? 'error' : props.status}\n      aria-describedby={describedBy}\n      aria-invalid={fieldError ? true : undefined}\n      onChange={(nextTime, timeString) => {\n        props.onChange?.(nextTime, timeString);\n        onValueChange?.(nextTime);\n      }}\n    />\n  );\n\n  if (!shouldWrapInFieldShell) {\n    return control;\n  }\n\n  return (\n    <FieldShell\n      label={fieldLabel}\n      required={fieldRequired}\n      htmlFor={controlId}\n      description={fieldDescription}\n      descriptionId={descriptionId}\n      error={fieldError}\n      errorId={errorId}\n      clear={clear}\n      clearable={clearable}\n      clearLabel={clearLabel}\n      clearVisibility={clearVisibility}\n      clearValue={props.value}\n      onClear={() => {\n        clearAction?.();\n        onValueChange?.(null);\n        props.onChange?.(null, '');\n      }}\n      extraActions={fieldActions}\n      style={containerStyle}\n    >\n      {control}\n    </FieldShell>\n  );\n};\n\nTimePicker.displayName = 'TimePicker';\n"],"mappings":"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"}

package/dist-lib/TimePicker-D4iKsUck.cjs

@@ -0,0 +1,217 @@
+require(`./chunk-Bmb41Sf3.cjs`);const e=require(`./theme.cjs`),t=require(`./forms/FieldShell.cjs`),n=require(`./fieldProps-CuWfEbFx.cjs`);let r=require(`antd`),i=require(`react`),a=require(`react/jsx-runtime`);var o=`ds-time-picker-styles`,s=`ds-time-picker`,c=`ds-time-picker-panel`,l=(...e)=>e.filter(Boolean).join(` `).trim(),u=()=>{if(typeof document>`u`)return;let{input:t,picker:n}=e.dsSemanticTokens,r=e.appTheme.token??{},i=String(r.colorText),a=String(r.colorWarning),l=n.selected.background,u=n.selected.border,d=n.selected.text,f=t.text.focus,p=t.background.default,m=document.getElementById(o);m||(m=document.createElement(`style`),m.id=o,document.head.appendChild(m)),m.textContent=`
+    /* TimePicker trigger: base */
+
+    .${s}.ant-picker {
+      border-color: ${t.border.default} !important;
+      border-width: ${t.border.widthDefault} !important;
+      border-style: solid !important;
+      border-radius: ${t.border.radius} !important;
+      background-color: ${t.background.default} !important;
+      box-shadow: none !important;
+      min-height: ${t.height.middle} !important;
+      height: ${t.height.middle} !important;
+      padding: 0 ${t.padding.middle.x} !important;
+      display: inline-flex !important;
+      align-items: center !important;
+      color: ${t.text.default} !important;
+      font-family: 'Nunito', 'Segoe UI', Roboto, sans-serif !important;
+      font-size: 14px !important;
+      line-height: 1.5 !important;
+      transition: none !important;
+    }
+
+    .${s}.ant-picker.ant-picker-outlined {
+      border-color: ${t.border.default} !important;
+      box-shadow: none !important;
+    }
+
+    .${s}.ant-picker.ant-picker-small {
+      min-height: ${t.height.small} !important;
+      height: ${t.height.small} !important;
+      padding: 0 ${t.padding.small.x} !important;
+    }
+
+    .${s}.ant-picker.ant-picker-large {
+      min-height: ${t.height.large} !important;
+      height: ${t.height.large} !important;
+      padding: 0 ${t.padding.large.x} !important;
+    }
+
+    /* Trigger: hover */
+
+    .${s}.ant-picker:not(.ant-picker-disabled):hover,
+    .${s}.ant-picker.ant-picker-outlined:not(.ant-picker-disabled):hover {
+      border-color: ${t.border.hover} !important;
+      box-shadow: none !important;
+    }
+
+    /* Trigger: focus / open */
+
+    .${s}.ant-picker.ant-picker-focused,
+    .${s}.ant-picker.ant-picker-outlined.ant-picker-focused {
+      border-color: ${t.border.focus} !important;
+      border-width: ${t.border.widthFocus} !important;
+      box-shadow: none !important;
+      background-color: ${t.background.focus} !important;
+      outline: none !important;
+    }
+
+    .${s}.ant-picker.ant-picker-focused:hover,
+    .${s}.ant-picker.ant-picker-outlined.ant-picker-focused:hover {
+      border-color: ${t.border.focus} !important;
+      border-width: ${t.border.widthFocus} !important;
+      box-shadow: none !important;
+      outline: none !important;
+    }
+
+    .${s}.ant-picker:focus-within,
+    .${s}.ant-picker .ant-picker-input > input:focus,
+    .${s}.ant-picker .ant-picker-input > input:focus-visible {
+      outline: none !important;
+      box-shadow: none !important;
+    }
+
+    /* Trigger: status */
+
+    .${s}.ant-picker.ant-picker-status-error,
+    .${s}.ant-picker.ant-picker-outlined.ant-picker-status-error {
+      border-color: ${t.border.error} !important;
+      box-shadow: none !important;
+    }
+
+    .${s}.ant-picker.ant-picker-status-warning,
+    .${s}.ant-picker.ant-picker-outlined.ant-picker-status-warning {
+      border-color: ${a} !important;
+      box-shadow: none !important;
+    }
+
+    .${s}.ant-picker.ant-picker-status-success,
+    .${s}.ant-picker.ant-picker-outlined.ant-picker-status-success {
+      border-color: ${t.border.success} !important;
+      box-shadow: none !important;
+    }
+
+    /* Trigger: disabled */
+
+    .${s}.ant-picker.ant-picker-disabled {
+      border-color: ${t.text.disabled} !important;
+      background-color: ${t.background.disabled} !important;
+      box-shadow: none !important;
+      color: ${t.text.disabled} !important;
+    }
+
+    .${s}.ant-picker .ant-picker-input > input {
+      font-size: 14px !important;
+      line-height: 18px !important;
+      font-weight: 400 !important;
+      color: ${i} !important;
+    }
+
+    .${s}.ant-picker .ant-picker-input > input::placeholder {
+      color: ${t.text.placeholder} !important;
+      font-weight: 400 !important;
+      opacity: 1 !important;
+    }
+
+    .${s}.ant-picker.ant-picker-disabled input {
+      color: ${t.text.disabled} !important;
+    }
+
+    /* Clear button */
+
+    .${s}.ant-picker .ant-picker-clear {
+      color: ${t.text.default} !important;
+      background: ${t.background.default} !important;
+    }
+
+    .${s}.ant-picker .ant-picker-clear:hover {
+      color: ${t.text.focus} !important;
+    }
+
+    /* Panel container */
+
+    .${c}.ant-picker-dropdown .ant-picker-panel-container {
+      border: 1px solid ${t.text.focus} !important;
+      border-radius: 4px !important;
+      background: ${t.background.default} !important;
+      box-shadow: 0 2px 4px color-mix(in srgb, ${f} 30%, ${p}) !important;
+      overflow: hidden !important;
+      font-family: 'Nunito', 'Segoe UI', Roboto, sans-serif !important;
+    }
+
+    /* Panel body */
+
+    .${c}.ant-picker-dropdown .ant-picker-panel {
+      border: 0 !important;
+      border-radius: 0 !important;
+      background: ${t.background.default} !important;
+      font-family: 'Nunito', 'Segoe UI', Roboto, sans-serif !important;
+    }
+
+    .${c}.ant-picker-dropdown .ant-picker-time-panel {
+      width: 232px !important;
+      padding: 8px !important;
+    }
+
+    /* Time columns */
+
+    .${c}.ant-picker-dropdown .ant-picker-time-panel-column {
+      padding: 0 !important;
+      width: 64px !important;
+      min-width: 64px !important;
+    }
+
+    .${c}.ant-picker-dropdown .ant-picker-time-panel-column li {
+      color: ${t.text.default} !important;
+      line-height: 32px !important;
+      padding-inline: 4px !important;
+    }
+
+    .${c}.ant-picker-dropdown .ant-picker-time-panel-column li .ant-picker-time-panel-cell-inner {
+      box-sizing: border-box !important;
+      width: calc(100% - 8px) !important;
+      min-width: 40px !important;
+      margin-inline: 4px !important;
+      text-align: center !important;
+    }
+
+    .${c}.ant-picker-dropdown .ant-picker-time-panel-column li:hover {
+      background: ${t.background.focus} !important;
+    }
+
+    .${c}.ant-picker-dropdown .ant-picker-time-panel-column li.ant-picker-time-panel-cell-selected,
+    .${c}.ant-picker-dropdown .ant-picker-time-panel-column li.ant-picker-time-panel-cell-selected:hover {
+      background: none !important;
+      background-color: unset !important;
+      background-image: none !important;
+      color: ${d} !important;
+      font-weight: 700 !important;
+      opacity: 1 !important;
+    }
+
+    .${c}.ant-picker-dropdown .ant-picker-time-panel-column li.ant-picker-time-panel-cell-selected .ant-picker-time-panel-cell-inner,
+    .${c}.ant-picker-dropdown .ant-picker-time-panel-column li.ant-picker-time-panel-cell-selected:hover .ant-picker-time-panel-cell-inner {
+      background: ${l} !important;
+      background-color: ${l} !important;
+      background-image: none !important;
+      border: 0 !important;
+      box-shadow: inset 0 0 0 ${t.border.widthDefault} ${u} !important;
+      color: ${d} !important;
+      font-weight: 700 !important;
+      opacity: 1 !important;
+    }
+
+    .${c}.ant-picker-dropdown .ant-picker-time-panel-column li.ant-picker-time-panel-cell-selected::before,
+    .${c}.ant-picker-dropdown .ant-picker-time-panel-column li.ant-picker-time-panel-cell-selected .ant-picker-time-panel-cell-inner::before {
+      background: ${l} !important;
+      background-color: ${l} !important;
+      background-image: none !important;
+      border: 0 !important;
+      box-shadow: none !important;
+    }
+
+    .${c}.ant-picker-dropdown .ant-picker-ok {
+      float: right !important;
+    }
+  `},d=({className:e,popupClassName:o,classNames:d,dsFormat:f=`24h`,use12Hours:p,format:m,fieldLabel:h,fieldRequired:g,fieldDescription:_,fieldError:v,fieldActions:y,containerStyle:b,clear:x,clearable:S=!1,clearLabel:C,clearVisibility:w=`always`,onClear:T,onValueChange:E,id:D,...O})=>{let k=(0,i.useId)();(0,i.useEffect)(()=>{u()},[]);let A=!!(h||g||_||v||y||S||x||T),j=D??(A?k:void 0),M=j?`${j}-description`:void 0,N=j?`${j}-error`:void 0,P=x?.onClear??T,F=f===`12h`||p,I=f===`12h`?m??`h:mm A`:m??`HH:mm:ss`,L=l(s,e),R=l(c,d?.popup?.root,o),z={...d??{},popup:{...d?.popup??{},root:R}},B=n.t(_?M:void 0,v?N:void 0),V=(0,a.jsx)(r.TimePicker,{...O,id:j,className:L,classNames:z,use12Hours:F,format:I,status:v?`error`:O.status,"aria-describedby":B,"aria-invalid":v?!0:void 0,onChange:(e,t)=>{O.onChange?.(e,t),E?.(e)}});return A?(0,a.jsx)(t.FieldShell,{label:h,required:g,htmlFor:j,description:_,descriptionId:M,error:v,errorId:N,clear:x,clearable:S,clearLabel:C,clearVisibility:w,clearValue:O.value,onClear:()=>{P?.(),E?.(null),O.onChange?.(null,``)},extraActions:y,style:b,children:V}):V};d.displayName=`TimePicker`,Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return d}});
+//# sourceMappingURL=TimePicker-D4iKsUck.cjs.map

package/dist-lib/TimePicker-D4iKsUck.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimePicker-D4iKsUck.cjs","names":[],"sources":["../src/ds/forms/timePickerStyles.ts","../src/ds/forms/TimePicker.tsx"],"sourcesContent":["import { appTheme, dsSemanticTokens } from '../../theme/ontadaTheme';\n\nconst STYLE_ID = 'ds-time-picker-styles';\n\nexport const DS_TIME_PICKER_CLASS = 'ds-time-picker';\nexport const DS_TIME_PICKER_PANEL_CLASS = 'ds-time-picker-panel';\n\nexport const mergeTimePickerClassNames = (...classNames: Array<string | undefined>): string =>\n  classNames.filter(Boolean).join(' ').trim();\n\nexport const ensureTimePickerStyles = () => {\n  if (typeof document === 'undefined') {\n    return;\n  }\n\n  const { input, picker } = dsSemanticTokens;\n  const antTokens = appTheme.token ?? {};\n  const textColor = String(antTokens.colorText);\n  const warningColor = String(antTokens.colorWarning);\n  const selectedBackground = picker.selected.background;\n  const selectedBorder = picker.selected.border;\n  const selectedText = picker.selected.text;\n  const panelShadowColor = input.text.focus;\n  const panelShadowBlendColor = input.background.default;\n  let style = document.getElementById(STYLE_ID) as HTMLStyleElement | null;\n  if (!style) {\n    style = document.createElement('style');\n    style.id = STYLE_ID;\n    document.head.appendChild(style);\n  }\n\n  style.textContent = `\n    /* TimePicker trigger: base */\n\n    .${DS_TIME_PICKER_CLASS}.ant-picker {\n      border-color: ${input.border.default} !important;\n      border-width: ${input.border.widthDefault} !important;\n      border-style: solid !important;\n      border-radius: ${input.border.radius} !important;\n      background-color: ${input.background.default} !important;\n      box-shadow: none !important;\n      min-height: ${input.height.middle} !important;\n      height: ${input.height.middle} !important;\n      padding: 0 ${input.padding.middle.x} !important;\n      display: inline-flex !important;\n      align-items: center !important;\n      color: ${input.text.default} !important;\n      font-family: 'Nunito', 'Segoe UI', Roboto, sans-serif !important;\n      font-size: 14px !important;\n      line-height: 1.5 !important;\n      transition: none !important;\n    }\n\n    .${DS_TIME_PICKER_CLASS}.ant-picker.ant-picker-outlined {\n      border-color: ${input.border.default} !important;\n      box-shadow: none !important;\n    }\n\n    .${DS_TIME_PICKER_CLASS}.ant-picker.ant-picker-small {\n      min-height: ${input.height.small} !important;\n      height: ${input.height.small} !important;\n      padding: 0 ${input.padding.small.x} !important;\n    }\n\n    .${DS_TIME_PICKER_CLASS}.ant-picker.ant-picker-large {\n      min-height: ${input.height.large} !important;\n      height: ${input.height.large} !important;\n      padding: 0 ${input.padding.large.x} !important;\n    }\n\n    /* Trigger: hover */\n\n    .${DS_TIME_PICKER_CLASS}.ant-picker:not(.ant-picker-disabled):hover,\n    .${DS_TIME_PICKER_CLASS}.ant-picker.ant-picker-outlined:not(.ant-picker-disabled):hover {\n      border-color: ${input.border.hover} !important;\n      box-shadow: none !important;\n    }\n\n    /* Trigger: focus / open */\n\n    .${DS_TIME_PICKER_CLASS}.ant-picker.ant-picker-focused,\n    .${DS_TIME_PICKER_CLASS}.ant-picker.ant-picker-outlined.ant-picker-focused {\n      border-color: ${input.border.focus} !important;\n      border-width: ${input.border.widthFocus} !important;\n      box-shadow: none !important;\n      background-color: ${input.background.focus} !important;\n      outline: none !important;\n    }\n\n    .${DS_TIME_PICKER_CLASS}.ant-picker.ant-picker-focused:hover,\n    .${DS_TIME_PICKER_CLASS}.ant-picker.ant-picker-outlined.ant-picker-focused:hover {\n      border-color: ${input.border.focus} !important;\n      border-width: ${input.border.widthFocus} !important;\n      box-shadow: none !important;\n      outline: none !important;\n    }\n\n    .${DS_TIME_PICKER_CLASS}.ant-picker:focus-within,\n    .${DS_TIME_PICKER_CLASS}.ant-picker .ant-picker-input > input:focus,\n    .${DS_TIME_PICKER_CLASS}.ant-picker .ant-picker-input > input:focus-visible {\n      outline: none !important;\n      box-shadow: none !important;\n    }\n\n    /* Trigger: status */\n\n    .${DS_TIME_PICKER_CLASS}.ant-picker.ant-picker-status-error,\n    .${DS_TIME_PICKER_CLASS}.ant-picker.ant-picker-outlined.ant-picker-status-error {\n      border-color: ${input.border.error} !important;\n      box-shadow: none !important;\n    }\n\n    .${DS_TIME_PICKER_CLASS}.ant-picker.ant-picker-status-warning,\n    .${DS_TIME_PICKER_CLASS}.ant-picker.ant-picker-outlined.ant-picker-status-warning {\n      border-color: ${warningColor} !important;\n      box-shadow: none !important;\n    }\n\n    .${DS_TIME_PICKER_CLASS}.ant-picker.ant-picker-status-success,\n    .${DS_TIME_PICKER_CLASS}.ant-picker.ant-picker-outlined.ant-picker-status-success {\n      border-color: ${input.border.success} !important;\n      box-shadow: none !important;\n    }\n\n    /* Trigger: disabled */\n\n    .${DS_TIME_PICKER_CLASS}.ant-picker.ant-picker-disabled {\n      border-color: ${input.text.disabled} !important;\n      background-color: ${input.background.disabled} !important;\n      box-shadow: none !important;\n      color: ${input.text.disabled} !important;\n    }\n\n    .${DS_TIME_PICKER_CLASS}.ant-picker .ant-picker-input > input {\n      font-size: 14px !important;\n      line-height: 18px !important;\n      font-weight: 400 !important;\n      color: ${textColor} !important;\n    }\n\n    .${DS_TIME_PICKER_CLASS}.ant-picker .ant-picker-input > input::placeholder {\n      color: ${input.text.placeholder} !important;\n      font-weight: 400 !important;\n      opacity: 1 !important;\n    }\n\n    .${DS_TIME_PICKER_CLASS}.ant-picker.ant-picker-disabled input {\n      color: ${input.text.disabled} !important;\n    }\n\n    /* Clear button */\n\n    .${DS_TIME_PICKER_CLASS}.ant-picker .ant-picker-clear {\n      color: ${input.text.default} !important;\n      background: ${input.background.default} !important;\n    }\n\n    .${DS_TIME_PICKER_CLASS}.ant-picker .ant-picker-clear:hover {\n      color: ${input.text.focus} !important;\n    }\n\n    /* Panel container */\n\n    .${DS_TIME_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-panel-container {\n      border: 1px solid ${input.text.focus} !important;\n      border-radius: 4px !important;\n      background: ${input.background.default} !important;\n      box-shadow: 0 2px 4px color-mix(in srgb, ${panelShadowColor} 30%, ${panelShadowBlendColor}) !important;\n      overflow: hidden !important;\n      font-family: 'Nunito', 'Segoe UI', Roboto, sans-serif !important;\n    }\n\n    /* Panel body */\n\n    .${DS_TIME_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-panel {\n      border: 0 !important;\n      border-radius: 0 !important;\n      background: ${input.background.default} !important;\n      font-family: 'Nunito', 'Segoe UI', Roboto, sans-serif !important;\n    }\n\n    .${DS_TIME_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-time-panel {\n      width: 232px !important;\n      padding: 8px !important;\n    }\n\n    /* Time columns */\n\n    .${DS_TIME_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-time-panel-column {\n      padding: 0 !important;\n      width: 64px !important;\n      min-width: 64px !important;\n    }\n\n    .${DS_TIME_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-time-panel-column li {\n      color: ${input.text.default} !important;\n      line-height: 32px !important;\n      padding-inline: 4px !important;\n    }\n\n    .${DS_TIME_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-time-panel-column li .ant-picker-time-panel-cell-inner {\n      box-sizing: border-box !important;\n      width: calc(100% - 8px) !important;\n      min-width: 40px !important;\n      margin-inline: 4px !important;\n      text-align: center !important;\n    }\n\n    .${DS_TIME_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-time-panel-column li:hover {\n      background: ${input.background.focus} !important;\n    }\n\n    .${DS_TIME_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-time-panel-column li.ant-picker-time-panel-cell-selected,\n    .${DS_TIME_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-time-panel-column li.ant-picker-time-panel-cell-selected:hover {\n      background: none !important;\n      background-color: unset !important;\n      background-image: none !important;\n      color: ${selectedText} !important;\n      font-weight: 700 !important;\n      opacity: 1 !important;\n    }\n\n    .${DS_TIME_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-time-panel-column li.ant-picker-time-panel-cell-selected .ant-picker-time-panel-cell-inner,\n    .${DS_TIME_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-time-panel-column li.ant-picker-time-panel-cell-selected:hover .ant-picker-time-panel-cell-inner {\n      background: ${selectedBackground} !important;\n      background-color: ${selectedBackground} !important;\n      background-image: none !important;\n      border: 0 !important;\n      box-shadow: inset 0 0 0 ${input.border.widthDefault} ${selectedBorder} !important;\n      color: ${selectedText} !important;\n      font-weight: 700 !important;\n      opacity: 1 !important;\n    }\n\n    .${DS_TIME_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-time-panel-column li.ant-picker-time-panel-cell-selected::before,\n    .${DS_TIME_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-time-panel-column li.ant-picker-time-panel-cell-selected .ant-picker-time-panel-cell-inner::before {\n      background: ${selectedBackground} !important;\n      background-color: ${selectedBackground} !important;\n      background-image: none !important;\n      border: 0 !important;\n      box-shadow: none !important;\n    }\n\n    .${DS_TIME_PICKER_PANEL_CLASS}.ant-picker-dropdown .ant-picker-ok {\n      float: right !important;\n    }\n  `;\n\n};\n","import { TimePicker as AntTimePicker } from 'antd';\nimport type { TimePickerProps } from 'antd';\nimport { useEffect, useId } from 'react';\nimport { FieldShell } from './FieldShell';\nimport type { DSFieldShellProps } from './fieldProps';\nimport { joinDescribedByIds } from './fieldProps';\nimport {\n  DS_TIME_PICKER_CLASS,\n  DS_TIME_PICKER_PANEL_CLASS,\n  ensureTimePickerStyles,\n  mergeTimePickerClassNames,\n} from './timePickerStyles';\n\nexport type DSTimePickerFormat = '24h' | '12h';\n\nexport type DSTimePickerProps = TimePickerProps & {\n  /**\n   * DS time format variant.\n   * 24h: 24-hour format (HH:mm:ss).\n   * 12h: 12-hour format with AM/PM (h:mm A).\n   */\n  dsFormat?: DSTimePickerFormat;\n} & DSFieldShellProps & {\n  onValueChange?: (nextValue: any) => void;\n};\n\nexport const TimePicker = ({\n  className: providedClassName,\n  popupClassName: providedPopupClassName,\n  classNames: providedClassNames,\n  dsFormat = '24h',\n  use12Hours: provided12Hours,\n  format: providedFormat,\n  fieldLabel,\n  fieldRequired,\n  fieldDescription,\n  fieldError,\n  fieldActions,\n  containerStyle,\n  clear,\n  clearable = false,\n  clearLabel,\n  clearVisibility = 'always',\n  onClear,\n  onValueChange,\n  id,\n  ...props\n}: DSTimePickerProps) => {\n  const generatedId = useId();\n  useEffect(() => {\n    ensureTimePickerStyles();\n  }, []);\n\n  const shouldWrapInFieldShell = Boolean(\n    fieldLabel ||\n      fieldRequired ||\n      fieldDescription ||\n      fieldError ||\n      fieldActions ||\n      clearable ||\n      clear ||\n      onClear,\n  );\n  const controlId = id ?? (shouldWrapInFieldShell ? generatedId : undefined);\n  const descriptionId = controlId ? `${controlId}-description` : undefined;\n  const errorId = controlId ? `${controlId}-error` : undefined;\n  const clearAction = clear?.onClear ?? onClear;\n\n  const use12Hours = dsFormat === '12h' || provided12Hours;\n  const finalFormat = dsFormat === '12h' ? (providedFormat ?? 'h:mm A') : (providedFormat ?? 'HH:mm:ss');\n  const mergedClassName = mergeTimePickerClassNames(DS_TIME_PICKER_CLASS, providedClassName);\n  const mergedPopupClassName = mergeTimePickerClassNames(\n    DS_TIME_PICKER_PANEL_CLASS,\n    (providedClassNames as any)?.popup?.root,\n    providedPopupClassName,\n  );\n  const mergedClassNames = {\n    ...(providedClassNames ?? {}),\n    popup: {\n      ...((providedClassNames as any)?.popup ?? {}),\n      root: mergedPopupClassName,\n    },\n  } as TimePickerProps['classNames'];\n\n  const describedBy = joinDescribedByIds(\n    fieldDescription ? descriptionId : undefined,\n    fieldError ? errorId : undefined,\n  );\n\n  const control = (\n    <AntTimePicker\n      {...props}\n      id={controlId}\n      className={mergedClassName}\n      classNames={mergedClassNames}\n      use12Hours={use12Hours}\n      format={finalFormat}\n      status={fieldError ? 'error' : props.status}\n      aria-describedby={describedBy}\n      aria-invalid={fieldError ? true : undefined}\n      onChange={(nextTime, timeString) => {\n        props.onChange?.(nextTime, timeString);\n        onValueChange?.(nextTime);\n      }}\n    />\n  );\n\n  if (!shouldWrapInFieldShell) {\n    return control;\n  }\n\n  return (\n    <FieldShell\n      label={fieldLabel}\n      required={fieldRequired}\n      htmlFor={controlId}\n      description={fieldDescription}\n      descriptionId={descriptionId}\n      error={fieldError}\n      errorId={errorId}\n      clear={clear}\n      clearable={clearable}\n      clearLabel={clearLabel}\n      clearVisibility={clearVisibility}\n      clearValue={props.value}\n      onClear={() => {\n        clearAction?.();\n        onValueChange?.(null);\n        props.onChange?.(null, '');\n      }}\n      extraActions={fieldActions}\n      style={containerStyle}\n    >\n      {control}\n    </FieldShell>\n  );\n};\n\nTimePicker.displayName = 'TimePicker';\n"],"mappings":"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"}

package/dist-lib/chunk-Bmb41Sf3.cjs

@@ -0,0 +1 @@
+var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=Object.getOwnPropertyNames,i=Object.getPrototypeOf,a=Object.prototype.hasOwnProperty,o=(e,i,o,s)=>{if(i&&typeof i==`object`||typeof i==`function`)for(var c=r(i),l=0,u=c.length,d;l<u;l++)d=c[l],!a.call(e,d)&&d!==o&&t(e,d,{get:(e=>i[e]).bind(null,d),enumerable:!(s=n(i,d))||s.enumerable});return e},s=(n,r,a)=>(a=n==null?{}:e(i(n)),o(r||!n||!n.__esModule?t(a,`default`,{value:n,enumerable:!0}):a,n));Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return s}});

package/dist-lib/core-C-tv3mqr.js

@@ -0,0 +1,57 @@
+//#region src/tokens/core.ts
+var e = {
+	brand: {
+		primary: "#007CC1",
+		primaryHover: "#00669E",
+		primaryPressed: "#005483",
+		brandTint: "#80BDE0",
+		deepBrand: "#163E5E"
+	},
+	text: {
+		primary: "#1E394E",
+		secondary: "#3C5C6E",
+		disabled: "#BAC5CC",
+		strong: "#181818",
+		inverse: "#FFFFFF",
+		muted: "#627386",
+		iconMuted: "#7A8A95"
+	},
+	status: {
+		success: "#36B35B",
+		successDark: "#277036",
+		successDeep: "#2E8540",
+		warning: "#D3722E",
+		warningDark: "#B05D23",
+		warningDeep: "#975220",
+		error: "#DB3A29",
+		errorDark: "#C53026",
+		errorDeep: "#AE2522"
+	},
+	surface: {
+		layout: "#FBFBFA",
+		container: "#FFFFFF",
+		subtle: "#F2F6FA",
+		canvas: "#F3F2F1",
+		neutralSoft: "#E5E8EA",
+		divider: "#E5E7EB",
+		successSoft: "#E7F4E4",
+		warningSoft: "#F9E6CF",
+		errorSoft: "#F9E9E8"
+	},
+	accent: {
+		highlight: "#F7C91E",
+		highlightBg: "#FAF5E2",
+		highlightSoft: "#FAF0C8",
+		signal: "#F6BE00"
+	},
+	semantic: {
+		successBg: "#EBF7F0",
+		warningBg: "#FDF5EE",
+		errorBg: "#FEF1F0",
+		infoBg: "#F0F5FD"
+	}
+};
+//#endregion
+export { e as t };
+
+//# sourceMappingURL=core-C-tv3mqr.js.map

package/dist-lib/core-C-tv3mqr.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"core-C-tv3mqr.js","names":[],"sources":["../src/tokens/core.ts"],"sourcesContent":["export const CORE_COLORS = {\n  brand: {\n    primary: '#007CC1',\n    primaryHover: '#00669E',\n    primaryPressed: '#005483',\n    brandTint: '#80BDE0',\n    deepBrand: '#163E5E',\n  },\n  text: {\n    primary: '#1E394E',\n    secondary: '#3C5C6E',\n    disabled: '#BAC5CC',\n    strong: '#181818',\n    inverse: '#FFFFFF',\n    muted: '#627386',\n    iconMuted: '#7A8A95',\n  },\n  status: {\n    success: '#36B35B',\n    successDark: '#277036',\n    successDeep: '#2E8540',\n    warning: '#D3722E',\n    warningDark: '#B05D23',\n    warningDeep: '#975220',\n    error: '#DB3A29',\n    errorDark: '#C53026',\n    errorDeep: '#AE2522',\n  },\n  surface: {\n    layout: '#FBFBFA',\n    container: '#FFFFFF',\n    subtle: '#F2F6FA',\n    canvas: '#F3F2F1',\n    neutralSoft: '#E5E8EA',\n    divider: '#E5E7EB',\n    successSoft: '#E7F4E4',\n    warningSoft: '#F9E6CF',\n    errorSoft: '#F9E9E8',\n  },\n  accent: {\n    highlight: '#F7C91E',\n    highlightBg: '#FAF5E2',\n    highlightSoft: '#FAF0C8',\n    signal: '#F6BE00',\n  },\n  semantic: {\n    successBg: '#EBF7F0',\n    warningBg: '#FDF5EE',\n    errorBg: '#FEF1F0',\n    infoBg: '#F0F5FD',\n  },\n} as const\n\nexport type CoreColors = typeof CORE_COLORS\n"],"mappings":";AAAA,IAAa,IAAc;CACzB,OAAO;EACL,SAAS;EACT,cAAc;EACd,gBAAgB;EAChB,WAAW;EACX,WAAW;EACZ;CACD,MAAM;EACJ,SAAS;EACT,WAAW;EACX,UAAU;EACV,QAAQ;EACR,SAAS;EACT,OAAO;EACP,WAAW;EACZ;CACD,QAAQ;EACN,SAAS;EACT,aAAa;EACb,aAAa;EACb,SAAS;EACT,aAAa;EACb,aAAa;EACb,OAAO;EACP,WAAW;EACX,WAAW;EACZ;CACD,SAAS;EACP,QAAQ;EACR,WAAW;EACX,QAAQ;EACR,QAAQ;EACR,aAAa;EACb,SAAS;EACT,aAAa;EACb,aAAa;EACb,WAAW;EACZ;CACD,QAAQ;EACN,WAAW;EACX,aAAa;EACb,eAAe;EACf,QAAQ;EACT;CACD,UAAU;EACR,WAAW;EACX,WAAW;EACX,SAAS;EACT,QAAQ;EACT;CACF"}