@televet/kibble-ui 5.0.28-rb.0 → 5.0.28

package/dist/esm/theme/semanticTokens/index.js

@@ -1,5 +1,6 @@
-import { c, i as d, d as s, b, e as u, a as g, s as k } from "../../../chunks/semanticTokens.records-C_ewkfqj.js";
-const r = [
+import { s, a as d, b as u, c as b } from "../../../chunks/semanticTokens.records-Di2_gv9n.js";
+import { d as x, i as m, e as f } from "../../../chunks/semanticTokens.records-Di2_gv9n.js";
+const k = [
   "text",
   "text.accent",
   "text.accentSubtle",
@@ -22,7 +23,7 @@ const r = [
   "text.subtle.contrast",
   "text.success",
   "text.warning"
-], a = [
+], i = [
   "background.accent",
   "background.accentSubtle",
   "background.ai",
@@ -89,7 +90,7 @@ const r = [
   "background.success.contrast",
   "background.warning",
   "background.warning.contrast"
-], o = ["divider", "divider.default"], e = [
+], l = ["divider", "divider.default"], p = [
   "border",
   "border.accent",
   "border.accentSubtle",
@@ -108,17 +109,40 @@ const r = [
   "border.success",
   "border.warning"
 ];
+function o(r, t) {
+  if (r !== null && typeof r == "object" && "value" in r && typeof r.value == "object" && r.value !== null && t in r.value)
+    return r.value[t];
+  if (r !== null && typeof r == "object") {
+    const e = {};
+    for (const [a, n] of Object.entries(r))
+      e[a === "DEFAULT" ? "default" : a] = o(n, t);
+    return e;
+  }
+  return r;
+}
+const c = /* @__PURE__ */ new Map(), h = (r) => {
+  const t = c.get(r);
+  if (t) return t;
+  const e = r === "light" ? "_light" : "_dark", a = {
+    background: o(b, e),
+    text: o(u, e),
+    border: o(d, e),
+    divider: o(s, e)
+  };
+  return c.set(r, a), a;
+};
 export {
-  c as colorSchemeToCoreColorMap,
-  d as invertToken,
-  s as semanticBackgroundColorTokens,
-  a as semanticBackgroundTokens,
-  b as semanticBorderColorTokens,
-  e as semanticBorderTokens,
-  u as semanticColorTokenRecord,
-  g as semanticDividerColorTokens,
-  o as semanticDividerTokens,
-  k as semanticTextColorTokens,
-  r as semanticTypographyTokens
+  x as colorSchemeToCoreColorMap,
+  m as invertToken,
+  h as resolveTokens,
+  b as semanticBackgroundColorTokens,
+  i as semanticBackgroundTokens,
+  d as semanticBorderColorTokens,
+  p as semanticBorderTokens,
+  f as semanticColorTokenRecord,
+  s as semanticDividerColorTokens,
+  l as semanticDividerTokens,
+  u as semanticTextColorTokens,
+  k as semanticTypographyTokens
 };
 //# sourceMappingURL=index.js.map

package/dist/esm/theme/semanticTokens/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../packages/kibble-primitives/src/semantic/semanticTokens.types.ts"],"sourcesContent":["export type SemanticProperty = 'text' | 'background' | 'border' | 'divider';\n\nexport type SemanticColorScheme =\n  | 'primary'\n  | 'secondary'\n  | 'danger'\n  | 'warning'\n  | 'success'\n  | 'neutral'\n  | 'primaryAlpha'\n  | 'secondaryAlpha'\n  | 'dangerAlpha'\n  | 'neutralAlpha'\n  | 'gradientFull'\n  | 'gradientPink'\n  | 'gradientGreen';\n\nexport type SemanticTokenDefinition = {\n  value: {\n    _light: string | number;\n    _dark: string | number;\n  };\n};\n\nexport const semanticTypographyTokens = [\n  'text',\n  'text.accent',\n  'text.accentSubtle',\n  'text.brand',\n  'text.brand.contrast',\n  'text.brand.contrast.hover',\n  'text.brand.hover',\n  'text.contrast',\n  'text.danger',\n  'text.danger.contrast',\n  'text.default',\n  'text.info',\n  'text.interactive',\n  'text.interactive.contrast',\n  'text.interactive.contrast.hover',\n  'text.interactive.hover',\n  'text.placeholder',\n  'text.placeholder.contrast',\n  'text.subtle',\n  'text.subtle.contrast',\n  'text.success',\n  'text.warning',\n] as const;\nexport type SemanticTypographyToken = (typeof semanticTypographyTokens)[number];\n\nexport const semanticBackgroundTokens = [\n  'background.accent',\n  'background.accentSubtle',\n  'background.ai',\n  'background.ai.hover',\n  'background.ai.pressed',\n  'background.alpha',\n  'background.alpha.contrast',\n  'background.alpha.contrast.hover',\n  'background.alpha.contrast.pressed',\n  'background.alpha.hover',\n  'background.alpha.pressed',\n  'background.backdrop',\n  'background.brand',\n  'background.contrast',\n  'background.danger',\n  'background.danger.contrast',\n  'background.default',\n  'background.destructive',\n  'background.destructive.hover',\n  'background.destructive.pressed',\n  'background.destructive.contrast',\n  'background.destructive.contrast.hover',\n  'background.destructive.contrast.pressed',\n  'background.destructiveAlpha',\n  'background.destructiveAlpha.contrast',\n  'background.destructiveAlpha.contrast.hover',\n  'background.destructiveAlpha.contrast.pressed',\n  'background.destructiveAlpha.hover',\n  'background.destructiveAlpha.pressed',\n  'background.info',\n  'background.note',\n  'background.note.hover',\n  'background.overlay',\n  'background.primary',\n  'background.primary.contrast',\n  'background.primary.contrast.hover',\n  'background.primary.contrast.pressed',\n  'background.primary.hover',\n  'background.primary.pressed',\n  'background.primaryAlpha',\n  'background.primaryAlpha.contrast',\n  'background.primaryAlpha.contrast.hover',\n  'background.primaryAlpha.contrast.pressed',\n  'background.primaryAlpha.hover',\n  'background.primaryAlpha.pressed',\n  'background.secondary',\n  'background.secondary.contrast',\n  'background.secondary.contrast.hover',\n  'background.secondary.contrast.pressed',\n  'background.secondary.hover',\n  'background.secondary.pressed',\n  'background.secondaryAlpha',\n  'background.secondaryAlpha.contrast',\n  'background.secondaryAlpha.contrast.hover',\n  'background.secondaryAlpha.contrast.pressed',\n  'background.secondaryAlpha.hover',\n  'background.secondaryAlpha.pressed',\n  'background.subtle',\n  'background.contrast.subtle',\n  'background.subtle.less',\n  'background.contrast.moreSubtle',\n  'background.contrast.mostSubtle',\n  'background.success',\n  'background.success.contrast',\n  'background.warning',\n  'background.warning.contrast',\n] as const;\nexport type SemanticBackgroundColorToken = (typeof semanticBackgroundTokens)[number];\n\nexport const semanticDividerTokens = ['divider', 'divider.default'] as const;\nexport type SemanticDividerColorToken = (typeof semanticDividerTokens)[number];\n\nexport const semanticBorderTokens = [\n  'border',\n  'border.accent',\n  'border.accentSubtle',\n  'border.brand',\n  'border.contrast',\n  'border.danger',\n  'border.danger.contrast',\n  'border.default',\n  'border.focus',\n  'border.focus.contrast',\n  'border.info',\n  'border.strong',\n  'border.strong.contrast',\n  'border.subtle',\n  'border.contrast.subtle',\n  'border.success',\n  'border.warning',\n] as const;\nexport type SemanticBorderColorToken = (typeof semanticBorderTokens)[number];\n\nexport type KibbleSemanticColorToken =\n  | SemanticBackgroundColorToken\n  | SemanticBorderColorToken\n  | SemanticDividerColorToken\n  | SemanticTypographyToken;\n"],"names":["semanticTypographyTokens","semanticBackgroundTokens","semanticDividerTokens","semanticBorderTokens"],"mappings":";AAwBO,MAAMA,IAA2B;AAAA,EACtC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAGaC,IAA2B;AAAA,EACtC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAGaC,IAAwB,CAAC,WAAW,iBAAiB,GAGrDC,IAAuB;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;"}
+{"version":3,"file":"index.js","sources":["../../../../packages/kibble-primitives/src/semantic/semanticTokens.types.ts","../../../../packages/kibble-primitives/src/semantic/resolveTokens.ts"],"sourcesContent":["export type SemanticProperty = 'text' | 'background' | 'border' | 'divider';\n\nexport type SemanticColorScheme =\n  | 'primary'\n  | 'secondary'\n  | 'danger'\n  | 'warning'\n  | 'success'\n  | 'neutral'\n  | 'primaryAlpha'\n  | 'secondaryAlpha'\n  | 'dangerAlpha'\n  | 'neutralAlpha'\n  | 'gradientFull'\n  | 'gradientPink'\n  | 'gradientGreen';\n\nexport type SemanticTokenDefinition = {\n  value: {\n    _light: string | number;\n    _dark: string | number;\n  };\n};\n\nexport const semanticTypographyTokens = [\n  'text',\n  'text.accent',\n  'text.accentSubtle',\n  'text.brand',\n  'text.brand.contrast',\n  'text.brand.contrast.hover',\n  'text.brand.hover',\n  'text.contrast',\n  'text.danger',\n  'text.danger.contrast',\n  'text.default',\n  'text.info',\n  'text.interactive',\n  'text.interactive.contrast',\n  'text.interactive.contrast.hover',\n  'text.interactive.hover',\n  'text.placeholder',\n  'text.placeholder.contrast',\n  'text.subtle',\n  'text.subtle.contrast',\n  'text.success',\n  'text.warning',\n] as const;\nexport type SemanticTypographyToken = (typeof semanticTypographyTokens)[number];\n\nexport const semanticBackgroundTokens = [\n  'background.accent',\n  'background.accentSubtle',\n  'background.ai',\n  'background.ai.hover',\n  'background.ai.pressed',\n  'background.alpha',\n  'background.alpha.contrast',\n  'background.alpha.contrast.hover',\n  'background.alpha.contrast.pressed',\n  'background.alpha.hover',\n  'background.alpha.pressed',\n  'background.backdrop',\n  'background.brand',\n  'background.contrast',\n  'background.danger',\n  'background.danger.contrast',\n  'background.default',\n  'background.destructive',\n  'background.destructive.hover',\n  'background.destructive.pressed',\n  'background.destructive.contrast',\n  'background.destructive.contrast.hover',\n  'background.destructive.contrast.pressed',\n  'background.destructiveAlpha',\n  'background.destructiveAlpha.contrast',\n  'background.destructiveAlpha.contrast.hover',\n  'background.destructiveAlpha.contrast.pressed',\n  'background.destructiveAlpha.hover',\n  'background.destructiveAlpha.pressed',\n  'background.info',\n  'background.note',\n  'background.note.hover',\n  'background.overlay',\n  'background.primary',\n  'background.primary.contrast',\n  'background.primary.contrast.hover',\n  'background.primary.contrast.pressed',\n  'background.primary.hover',\n  'background.primary.pressed',\n  'background.primaryAlpha',\n  'background.primaryAlpha.contrast',\n  'background.primaryAlpha.contrast.hover',\n  'background.primaryAlpha.contrast.pressed',\n  'background.primaryAlpha.hover',\n  'background.primaryAlpha.pressed',\n  'background.secondary',\n  'background.secondary.contrast',\n  'background.secondary.contrast.hover',\n  'background.secondary.contrast.pressed',\n  'background.secondary.hover',\n  'background.secondary.pressed',\n  'background.secondaryAlpha',\n  'background.secondaryAlpha.contrast',\n  'background.secondaryAlpha.contrast.hover',\n  'background.secondaryAlpha.contrast.pressed',\n  'background.secondaryAlpha.hover',\n  'background.secondaryAlpha.pressed',\n  'background.subtle',\n  'background.contrast.subtle',\n  'background.subtle.less',\n  'background.contrast.moreSubtle',\n  'background.contrast.mostSubtle',\n  'background.success',\n  'background.success.contrast',\n  'background.warning',\n  'background.warning.contrast',\n] as const;\nexport type SemanticBackgroundColorToken = (typeof semanticBackgroundTokens)[number];\n\nexport const semanticDividerTokens = ['divider', 'divider.default'] as const;\nexport type SemanticDividerColorToken = (typeof semanticDividerTokens)[number];\n\nexport const semanticBorderTokens = [\n  'border',\n  'border.accent',\n  'border.accentSubtle',\n  'border.brand',\n  'border.contrast',\n  'border.danger',\n  'border.danger.contrast',\n  'border.default',\n  'border.focus',\n  'border.focus.contrast',\n  'border.info',\n  'border.strong',\n  'border.strong.contrast',\n  'border.subtle',\n  'border.contrast.subtle',\n  'border.success',\n  'border.warning',\n] as const;\nexport type SemanticBorderColorToken = (typeof semanticBorderTokens)[number];\n\nexport type KibbleSemanticColorToken =\n  | SemanticBackgroundColorToken\n  | SemanticBorderColorToken\n  | SemanticDividerColorToken\n  | SemanticTypographyToken;\n","import {\n  semanticBackgroundColorTokens,\n  semanticBorderColorTokens,\n  semanticDividerColorTokens,\n  semanticTextColorTokens,\n} from './semanticTokens.records';\n\nexport type ColorMode = 'light' | 'dark';\n\ntype ModeKey = '_light' | '_dark';\n\ntype ResolvedTokenTree<T> = T extends { value: { _light: string; _dark: string } }\n  ? string\n  : T extends object\n    ? { [K in keyof T as K extends 'DEFAULT' ? 'default' : K]: ResolvedTokenTree<T[K]> }\n    : never;\n\nfunction resolveNode<T>(node: T, modeKey: ModeKey): ResolvedTokenTree<T> {\n  if (\n    node !== null &&\n    typeof node === 'object' &&\n    'value' in node &&\n    typeof (node as Record<string, unknown>).value === 'object' &&\n    (node as Record<string, unknown>).value !== null &&\n    modeKey in (node as { value: Record<string, unknown> }).value\n  ) {\n    return (node as { value: Record<string, string> }).value[modeKey] as ResolvedTokenTree<T>;\n  }\n\n  if (node !== null && typeof node === 'object') {\n    const result: Record<string, unknown> = {};\n    for (const [key, value] of Object.entries(node)) {\n      result[key === 'DEFAULT' ? 'default' : key] = resolveNode(value, modeKey);\n    }\n    return result as ResolvedTokenTree<T>;\n  }\n\n  return node as ResolvedTokenTree<T>;\n}\n\ntype ResolvedTokens = {\n  background: ResolvedTokenTree<typeof semanticBackgroundColorTokens>;\n  text: ResolvedTokenTree<typeof semanticTextColorTokens>;\n  border: ResolvedTokenTree<typeof semanticBorderColorTokens>;\n  divider: ResolvedTokenTree<typeof semanticDividerColorTokens>;\n};\n\nconst cache = new Map<ColorMode, ResolvedTokens>();\n\nexport const resolveTokens = (mode: ColorMode): ResolvedTokens => {\n  const cached = cache.get(mode);\n  if (cached) return cached;\n\n  const modeKey: ModeKey = mode === 'light' ? '_light' : '_dark';\n  const resolved: ResolvedTokens = {\n    background: resolveNode(semanticBackgroundColorTokens, modeKey),\n    text: resolveNode(semanticTextColorTokens, modeKey),\n    border: resolveNode(semanticBorderColorTokens, modeKey),\n    divider: resolveNode(semanticDividerColorTokens, modeKey),\n  };\n  cache.set(mode, resolved);\n  return resolved;\n};\n"],"names":["semanticTypographyTokens","semanticBackgroundTokens","semanticDividerTokens","semanticBorderTokens","resolveNode","node","modeKey","result","key","value","cache","resolveTokens","mode","cached","resolved","semanticBackgroundColorTokens","semanticTextColorTokens","semanticBorderColorTokens","semanticDividerColorTokens"],"mappings":";;AAwBO,MAAMA,IAA2B;AAAA,EACtC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAGaC,IAA2B;AAAA,EACtC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAGaC,IAAwB,CAAC,WAAW,iBAAiB,GAGrDC,IAAuB;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AC5HA,SAASC,EAAeC,GAASC,GAAwC;AACvE,MACED,MAAS,QACT,OAAOA,KAAS,YAChB,WAAWA,KACX,OAAQA,EAAiC,SAAU,YAClDA,EAAiC,UAAU,QAC5CC,KAAYD,EAA4C;AAEhD,WAAAA,EAA2C,MAAMC,CAAO;AAGlE,MAAID,MAAS,QAAQ,OAAOA,KAAS,UAAU;AAC7C,UAAME,IAAkC,CAAC;AACzC,eAAW,CAACC,GAAKC,CAAK,KAAK,OAAO,QAAQJ,CAAI;AAC5C,MAAAE,EAAOC,MAAQ,YAAY,YAAYA,CAAG,IAAIJ,EAAYK,GAAOH,CAAO;AAEnE,WAAAC;AAAA,EAAA;AAGF,SAAAF;AACT;AASA,MAAMK,wBAAY,IAA+B,GAEpCC,IAAgB,CAACC,MAAoC;AAC1D,QAAAC,IAASH,EAAM,IAAIE,CAAI;AAC7B,MAAIC,EAAe,QAAAA;AAEb,QAAAP,IAAmBM,MAAS,UAAU,WAAW,SACjDE,IAA2B;AAAA,IAC/B,YAAYV,EAAYW,GAA+BT,CAAO;AAAA,IAC9D,MAAMF,EAAYY,GAAyBV,CAAO;AAAA,IAClD,QAAQF,EAAYa,GAA2BX,CAAO;AAAA,IACtD,SAASF,EAAYc,GAA4BZ,CAAO;AAAA,EAC1D;AACM,SAAAI,EAAA,IAAIE,GAAME,CAAQ,GACjBA;AACT;"}

package/dist/types/components/Calendar/calendar.component.d.ts

@@ -1,5 +1,6 @@
 import { default as React } from 'react';
 import { DateProps } from '../DatePicker/datePicker.types';
+import { CalendarFooterConfig } from './calendarFooterButton.component';
 export interface CalendarProps extends DateProps {
     /** Data test id for the calendar.
      * @default kibble-calendar
@@ -15,5 +16,22 @@ export interface CalendarProps extends DateProps {
      * @default false
      */
     withHeaderTriggers?: boolean;
+    /**
+     * Optional footer button configuration. Renders a styled button below the calendar grid.
+     *
+     * Use `type: 'preset'` for built-in shortcuts ('today' | 'thisWeek' | 'thisMonth') — the
+     * component handles the date selection logic automatically.
+     *
+     * Use `type: 'custom'` to supply your own label and click handler with no built-in date logic.
+     *
+     * @example
+     * // Preset
+     * footer={{ type: 'preset', value: 'today', onClick: () => setOpen(false) }}
+     *
+     * @example
+     * // Custom
+     * footer={{ type: 'custom', label: 'Reset', onClick: handleReset }}
+     */
+    footer?: CalendarFooterConfig;
 }
-export declare const Calendar: ({ ["data-testid"]: dataTestId, withDateRange, withHeaderTriggers, ...rest }: CalendarProps) => React.JSX.Element;
+export declare const Calendar: ({ ["data-testid"]: dataTestId, withDateRange, withHeaderTriggers, footer, ...rest }: CalendarProps) => React.JSX.Element;

package/dist/types/components/Calendar/calendar.utils.d.ts

@@ -0,0 +1,3 @@
+import { CalendarPreset } from './calendarFooterButton.component';
+/** Returns true when the preset requires date range selection (week, month). */
+export declare const isRangePreset: (value: CalendarPreset) => boolean;

package/dist/types/components/Calendar/calendarFooterButton.component.d.ts

@@ -0,0 +1,41 @@
+import { default as React } from 'react';
+/**
+ * The built-in preset values for CalendarFooterButton.
+ *
+ * Intentionally kept as plain string literals rather than re-using
+ * DateTimePickerDefaultOptionValue to avoid a duplicate star-export conflict:
+ * both Calendar and DateTimePicker barrel-export from components/index.ts,
+ * and TypeScript silently drops ambiguous re-exports when two barrels supply
+ * the same identifier. Keeping CalendarPreset self-contained prevents that
+ * collision and makes the Calendar API standalone.
+ */
+export type CalendarPreset = 'today' | 'thisWeek' | 'thisMonth';
+export interface CalendarFooterPresetConfig {
+    type: 'preset';
+    /** The built-in preset to apply when the button is clicked. */
+    value: CalendarPreset;
+    /**
+     * Override the button label.
+     * Defaults: 'today' → 'Today', 'thisWeek' → 'This Week', 'thisMonth' → 'This Month'.
+     */
+    label?: string;
+    /** Optional callback fired after the preset date is selected. */
+    onClick?: () => void;
+}
+export interface CalendarFooterCustomConfig {
+    type: 'custom';
+    /** Button label — required for custom type. */
+    label: string;
+    /** Handler called when the button is clicked. Full control — no date selection is performed. */
+    onClick: () => void;
+}
+export type CalendarFooterConfig = CalendarFooterPresetConfig | CalendarFooterCustomConfig;
+interface CalendarFooterButtonProps {
+    footer: CalendarFooterConfig;
+    /** Data test id for the footer container.
+     * @default kibble-calendar-footer
+     */
+    'data-testid'?: string;
+}
+export declare const CalendarFooterButton: ({ footer, ["data-testid"]: dataTestId, }: CalendarFooterButtonProps) => React.JSX.Element;
+export {};

package/dist/types/components/Calendar/index.d.ts

@@ -1 +1,3 @@
 export * from './calendar.component';
+export * from './calendarFooterButton.component';
+export * from './calendar.utils';

package/dist/types/components/Heading/heading.recipe.d.ts

@@ -3,5 +3,5 @@ import { HeadingSize } from './heading.types';
 export declare const headingRecipe: import('@chakra-ui/react').RecipeDefinition<{
     variant: Record<"accent" | "accentSubtle" | "brand" | "brandOnContrast" | "danger" | "dangerOnContrast" | "default" | "info" | "interactive" | "interactiveOnContrast" | "onContrast" | "placeholder" | "placeholderOnContrast" | "subtle" | "subtleOnContrast" | "success" | "warning", SystemStyleObject>;
     size: Record<HeadingSize, SystemStyleObject>;
-    fontWeight: Record<import('../../../packages/kibble-primitives/src/core/typography/index.ts').FontWeight, SystemStyleObject>;
+    fontWeight: Record<import('../../../packages/kibble-primitives/src/index.ts').FontWeight, SystemStyleObject>;
 }>;

package/dist/types/components/Link/link.recipe.d.ts

@@ -1,5 +1,5 @@
 export declare const linkRecipe: import('@chakra-ui/react').RecipeDefinition<{
     variant: Record<"accent" | "accentSubtle" | "brand" | "brandOnContrast" | "danger" | "dangerOnContrast" | "default" | "info" | "interactive" | "interactiveOnContrast" | "onContrast" | "placeholder" | "placeholderOnContrast" | "subtle" | "subtleOnContrast" | "success" | "warning", import('@chakra-ui/react').SystemStyleObject>;
     size: Record<import('..').TextSize, import('@chakra-ui/react').SystemStyleObject>;
-    fontWeight: Record<import('../../../packages/kibble-primitives/src/core/typography/index.ts').FontWeight, import('@chakra-ui/react').SystemStyleObject>;
+    fontWeight: Record<import('../../../packages/kibble-primitives/src/index.ts').FontWeight, import('@chakra-ui/react').SystemStyleObject>;
 }>;

package/dist/types/components/Modal/modal.recipe.d.ts

@@ -1,4 +1,4 @@
-export declare const modalRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"body" | "content" | "trigger" | "positioner" | "description" | "footer" | "header" | "title" | "closeTrigger" | "backdrop", {
+export declare const modalRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"body" | "content" | "trigger" | "positioner" | "description" | "footer" | "header" | "title" | "backdrop" | "closeTrigger", {
     expanded: {
         true: {
             backdrop: {

package/dist/types/components/Text/text.recipe.d.ts

@@ -4,5 +4,5 @@ export declare const textSizeStyles: Record<TextSize, SystemStyleObject>;
 export declare const textRecipe: import('@chakra-ui/react').RecipeDefinition<{
     variant: Record<"accent" | "accentSubtle" | "brand" | "brandOnContrast" | "danger" | "dangerOnContrast" | "default" | "info" | "interactive" | "interactiveOnContrast" | "onContrast" | "placeholder" | "placeholderOnContrast" | "subtle" | "subtleOnContrast" | "success" | "warning", SystemStyleObject>;
     size: Record<TextSize, SystemStyleObject>;
-    fontWeight: Record<import('../../../packages/kibble-primitives/src/core/typography/index.ts').FontWeight, SystemStyleObject>;
+    fontWeight: Record<import('../../../packages/kibble-primitives/src/index.ts').FontWeight, SystemStyleObject>;
 }>;

package/dist/types/shared/types/theme.d.ts

@@ -1,2 +1,2 @@
-export type ColorMode = 'light' | 'dark';
+export type { ColorMode } from '../../../packages/kibble-primitives/src/index.ts';
 export declare const colorModeThemeKey = "kibble-theme";

package/dist/types/theme/semanticTokens/semanticTokens.config.d.ts

@@ -11,9 +11,9 @@ export declare const semanticColorTokens: {
             hover: any;
             pressed: any;
             contrast: {
-                DEFAULT: import('../../../packages/kibble-primitives/src/semantic/index.ts').SemanticTokenDefinition;
-                hover: import('../../../packages/kibble-primitives/src/semantic/index.ts').SemanticTokenDefinition;
-                pressed: import('../../../packages/kibble-primitives/src/semantic/index.ts').SemanticTokenDefinition;
+                DEFAULT: import('../../../packages/kibble-primitives/src/index.ts').SemanticTokenDefinition;
+                hover: import('../../../packages/kibble-primitives/src/index.ts').SemanticTokenDefinition;
+                pressed: import('../../../packages/kibble-primitives/src/index.ts').SemanticTokenDefinition;
             };
         };
         secondary: {
@@ -21,9 +21,9 @@ export declare const semanticColorTokens: {
             hover: any;
             pressed: any;
             contrast: {
-                DEFAULT: import('../../../packages/kibble-primitives/src/semantic/index.ts').SemanticTokenDefinition;
-                hover: import('../../../packages/kibble-primitives/src/semantic/index.ts').SemanticTokenDefinition;
-                pressed: import('../../../packages/kibble-primitives/src/semantic/index.ts').SemanticTokenDefinition;
+                DEFAULT: import('../../../packages/kibble-primitives/src/index.ts').SemanticTokenDefinition;
+                hover: import('../../../packages/kibble-primitives/src/index.ts').SemanticTokenDefinition;
+                pressed: import('../../../packages/kibble-primitives/src/index.ts').SemanticTokenDefinition;
             };
         };
         brand: any;
@@ -65,9 +65,9 @@ export declare const semanticColorTokens: {
             hover: any;
             pressed: any;
             contrast: {
-                DEFAULT: import('../../../packages/kibble-primitives/src/semantic/index.ts').SemanticTokenDefinition;
-                hover: import('../../../packages/kibble-primitives/src/semantic/index.ts').SemanticTokenDefinition;
-                pressed: import('../../../packages/kibble-primitives/src/semantic/index.ts').SemanticTokenDefinition;
+                DEFAULT: import('../../../packages/kibble-primitives/src/index.ts').SemanticTokenDefinition;
+                hover: import('../../../packages/kibble-primitives/src/index.ts').SemanticTokenDefinition;
+                pressed: import('../../../packages/kibble-primitives/src/index.ts').SemanticTokenDefinition;
             };
         };
         primaryAlpha: {
@@ -75,9 +75,9 @@ export declare const semanticColorTokens: {
             hover: any;
             pressed: any;
             contrast: {
-                DEFAULT: import('../../../packages/kibble-primitives/src/semantic/index.ts').SemanticTokenDefinition;
-                hover: import('../../../packages/kibble-primitives/src/semantic/index.ts').SemanticTokenDefinition;
-                pressed: import('../../../packages/kibble-primitives/src/semantic/index.ts').SemanticTokenDefinition;
+                DEFAULT: import('../../../packages/kibble-primitives/src/index.ts').SemanticTokenDefinition;
+                hover: import('../../../packages/kibble-primitives/src/index.ts').SemanticTokenDefinition;
+                pressed: import('../../../packages/kibble-primitives/src/index.ts').SemanticTokenDefinition;
             };
         };
         secondaryAlpha: {
@@ -85,9 +85,9 @@ export declare const semanticColorTokens: {
             hover: any;
             pressed: any;
             contrast: {
-                DEFAULT: import('../../../packages/kibble-primitives/src/semantic/index.ts').SemanticTokenDefinition;
-                hover: import('../../../packages/kibble-primitives/src/semantic/index.ts').SemanticTokenDefinition;
-                pressed: import('../../../packages/kibble-primitives/src/semantic/index.ts').SemanticTokenDefinition;
+                DEFAULT: import('../../../packages/kibble-primitives/src/index.ts').SemanticTokenDefinition;
+                hover: import('../../../packages/kibble-primitives/src/index.ts').SemanticTokenDefinition;
+                pressed: import('../../../packages/kibble-primitives/src/index.ts').SemanticTokenDefinition;
             };
         };
         destructiveAlpha: {
@@ -95,20 +95,20 @@ export declare const semanticColorTokens: {
             hover: any;
             pressed: any;
             contrast: {
-                DEFAULT: import('../../../packages/kibble-primitives/src/semantic/index.ts').SemanticTokenDefinition;
-                hover: import('../../../packages/kibble-primitives/src/semantic/index.ts').SemanticTokenDefinition;
-                pressed: import('../../../packages/kibble-primitives/src/semantic/index.ts').SemanticTokenDefinition;
+                DEFAULT: import('../../../packages/kibble-primitives/src/index.ts').SemanticTokenDefinition;
+                hover: import('../../../packages/kibble-primitives/src/index.ts').SemanticTokenDefinition;
+                pressed: import('../../../packages/kibble-primitives/src/index.ts').SemanticTokenDefinition;
             };
         };
         overlay: {
             DEFAULT: any;
-            contrast: import('../../../packages/kibble-primitives/src/semantic/index.ts').SemanticTokenDefinition;
+            contrast: import('../../../packages/kibble-primitives/src/index.ts').SemanticTokenDefinition;
         };
         backdrop: any;
         contrast: {
-            DEFAULT: import('../../../packages/kibble-primitives/src/semantic/index.ts').SemanticTokenDefinition;
-            subtle: import('../../../packages/kibble-primitives/src/semantic/index.ts').SemanticTokenDefinition;
-            moreSubtle: import('../../../packages/kibble-primitives/src/semantic/index.ts').SemanticTokenDefinition;
+            DEFAULT: import('../../../packages/kibble-primitives/src/index.ts').SemanticTokenDefinition;
+            subtle: import('../../../packages/kibble-primitives/src/index.ts').SemanticTokenDefinition;
+            moreSubtle: import('../../../packages/kibble-primitives/src/index.ts').SemanticTokenDefinition;
             mostSubtle: any;
         };
         gradientFull: {
@@ -116,9 +116,9 @@ export declare const semanticColorTokens: {
             hover: any;
             pressed: any;
             contrast: {
-                DEFAULT: import('../../../packages/kibble-primitives/src/semantic/index.ts').SemanticTokenDefinition;
-                hover: import('../../../packages/kibble-primitives/src/semantic/index.ts').SemanticTokenDefinition;
-                pressed: import('../../../packages/kibble-primitives/src/semantic/index.ts').SemanticTokenDefinition;
+                DEFAULT: import('../../../packages/kibble-primitives/src/index.ts').SemanticTokenDefinition;
+                hover: import('../../../packages/kibble-primitives/src/index.ts').SemanticTokenDefinition;
+                pressed: import('../../../packages/kibble-primitives/src/index.ts').SemanticTokenDefinition;
             };
         };
         gradientPink: {
@@ -134,15 +134,15 @@ export declare const semanticColorTokens: {
         subtle: any;
         strong: {
             DEFAULT: any;
-            contrast: import('../../../packages/kibble-primitives/src/semantic/index.ts').SemanticTokenDefinition;
+            contrast: import('../../../packages/kibble-primitives/src/index.ts').SemanticTokenDefinition;
         };
         focus: {
             DEFAULT: any;
-            contrast: import('../../../packages/kibble-primitives/src/semantic/index.ts').SemanticTokenDefinition;
+            contrast: import('../../../packages/kibble-primitives/src/index.ts').SemanticTokenDefinition;
         };
         brand: {
             DEFAULT: any;
-            contrast: import('../../../packages/kibble-primitives/src/semantic/index.ts').SemanticTokenDefinition;
+            contrast: import('../../../packages/kibble-primitives/src/index.ts').SemanticTokenDefinition;
         };
         info: any;
         success: any;
@@ -155,8 +155,8 @@ export declare const semanticColorTokens: {
             DEFAULT: any;
             subtle: any;
         };
-        contrast: import('../../../packages/kibble-primitives/src/semantic/index.ts').SemanticTokenDefinition;
-        'contrast.subtle': import('../../../packages/kibble-primitives/src/semantic/index.ts').SemanticTokenDefinition;
+        contrast: import('../../../packages/kibble-primitives/src/index.ts').SemanticTokenDefinition;
+        'contrast.subtle': import('../../../packages/kibble-primitives/src/index.ts').SemanticTokenDefinition;
     };
     divider: {
         DEFAULT: any;
@@ -167,22 +167,22 @@ export declare const semanticColorTokens: {
         default: any;
         subtle: {
             DEFAULT: any;
-            contrast: import('../../../packages/kibble-primitives/src/semantic/index.ts').SemanticTokenDefinition;
+            contrast: import('../../../packages/kibble-primitives/src/index.ts').SemanticTokenDefinition;
         };
         interactive: {
             DEFAULT: any;
             hover: any;
             contrast: {
-                DEFAULT: import('../../../packages/kibble-primitives/src/semantic/index.ts').SemanticTokenDefinition;
-                hover: import('../../../packages/kibble-primitives/src/semantic/index.ts').SemanticTokenDefinition;
+                DEFAULT: import('../../../packages/kibble-primitives/src/index.ts').SemanticTokenDefinition;
+                hover: import('../../../packages/kibble-primitives/src/index.ts').SemanticTokenDefinition;
             };
         };
         brand: {
             DEFAULT: any;
             hover: any;
             contrast: {
-                DEFAULT: import('../../../packages/kibble-primitives/src/semantic/index.ts').SemanticTokenDefinition;
-                hover: import('../../../packages/kibble-primitives/src/semantic/index.ts').SemanticTokenDefinition;
+                DEFAULT: import('../../../packages/kibble-primitives/src/index.ts').SemanticTokenDefinition;
+                hover: import('../../../packages/kibble-primitives/src/index.ts').SemanticTokenDefinition;
             };
         };
         info: any;
@@ -196,12 +196,12 @@ export declare const semanticColorTokens: {
         };
         placeholder: {
             DEFAULT: any;
-            contrast: import('../../../packages/kibble-primitives/src/semantic/index.ts').SemanticTokenDefinition;
+            contrast: import('../../../packages/kibble-primitives/src/index.ts').SemanticTokenDefinition;
         };
         accent: {
             DEFAULT: any;
             subtle: any;
         };
-        contrast: import('../../../packages/kibble-primitives/src/semantic/index.ts').SemanticTokenDefinition;
+        contrast: import('../../../packages/kibble-primitives/src/index.ts').SemanticTokenDefinition;
     };
 };

package/dist/types/theme/tokens/colors/colors.config.d.ts

@@ -1,3 +1,3 @@
-export declare const colorTokens: Record<import('../../../../packages/kibble-primitives/src/core/colors/index.ts').CoreColor, Record<import('../../../../packages/kibble-primitives/src/core/colors/index.ts').ColorValue, {
+export declare const colorTokens: Record<import('../../../../packages/kibble-primitives/src/index.ts').CoreColor, Record<import('../../../../packages/kibble-primitives/src/index.ts').ColorValue, {
     value: string;
 }>>;

package/package.json

@@ -4,7 +4,7 @@
     "packages/*"
   ],
   "description": "Kibble Design System by Otto",
-  "version": "5.0.28-rb.0",
+  "version": "5.0.28",
   "type": "module",
   "main": "./dist/cjs/index.cjs",
   "module": "./dist/esm/index.js",

package/dist/chunks/calendar.component-BFSyxaB6.js

@@ -1,2 +0,0 @@
-"use strict";const e=require("./jsx-runtime-BjDatQAs.js"),n=require("./index-BQRnVsAg.js"),r=require("./datePicker.provider-i35-VNAb.js"),d=require("./divider.component-BX3zyB7O.js"),x=({["data-testid"]:t="kibble-calendar",withDateRange:s=!0,withHeaderTriggers:i=!1,...a})=>e.jsxRuntimeExports.jsx(n.Box,{className:"Calendar","data-testid":t,maxW:"340px",children:e.jsxRuntimeExports.jsxs(r.DatePickerProvider,{withDateRange:s,...a,standalone:!0,children:[e.jsxRuntimeExports.jsx(r.DatePickerHeader,{withTriggers:i}),e.jsxRuntimeExports.jsx(d.Divider,{}),e.jsxRuntimeExports.jsx(r.DatePickerCalendar,{})]})});exports.Calendar=x;
-//# sourceMappingURL=calendar.component-BFSyxaB6.js.map

package/dist/chunks/calendar.component-BFSyxaB6.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"calendar.component-BFSyxaB6.js","sources":["../../src/components/Calendar/calendar.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Box } from '@chakra-ui/react/box';\nimport { DatePickerCalendar } from 'components/DatePicker/components/DatePickerCalendar/datePickerCalendar.component';\nimport { DatePickerHeader } from 'components/DatePicker/components/DatePickerHeader/datePickerHeader.component';\nimport { Divider } from 'components/Divider';\nimport { DatePickerProvider } from 'components/DatePicker/context/datePicker.provider';\nimport { DateProps } from 'components/DatePicker/datePicker.types';\n\nexport interface CalendarProps extends DateProps {\n  /** Data test id for the calendar.\n   * @default kibble-calendar\n   */\n  'data-testid'?: string;\n  /**\n   * If true, the calendar will allow for a date range selection.\n   * @default true\n   */\n  withDateRange?: boolean;\n  /**\n   * If true, the calendar will show the month and year selectors in the header.\n   * @default false\n   */\n  withHeaderTriggers?: boolean;\n}\n\nexport const Calendar = ({\n  ['data-testid']: dataTestId = 'kibble-calendar',\n  withDateRange = true,\n  withHeaderTriggers = false,\n  ...rest\n}: CalendarProps): React.JSX.Element => {\n  return (\n    <Box className=\"Calendar\" data-testid={dataTestId} maxW=\"340px\">\n      <DatePickerProvider withDateRange={withDateRange} {...rest} standalone>\n        <DatePickerHeader withTriggers={withHeaderTriggers} />\n        <Divider />\n        <DatePickerCalendar />\n      </DatePickerProvider>\n    </Box>\n  );\n};\n"],"names":["Calendar","dataTestId","withDateRange","withHeaderTriggers","rest","jsx","Box","jsxs","DatePickerProvider","DatePickerHeader","Divider","DatePickerCalendar"],"mappings":"uLAyBaA,EAAW,CAAC,CACvB,CAAC,eAAgBC,EAAa,kBAC9B,cAAAC,EAAgB,GAChB,mBAAAC,EAAqB,GACrB,GAAGC,CACL,IAEKC,EAAAA,kBAAAA,IAAAC,EAAAA,IAAA,CAAI,UAAU,WAAW,cAAaL,EAAY,KAAK,QACtD,SAAAM,EAAA,kBAAA,KAACC,EAAmB,mBAAA,CAAA,cAAAN,EAA+B,GAAGE,EAAM,WAAU,GACpE,SAAA,CAACC,EAAAA,kBAAAA,IAAAI,EAAA,iBAAA,CAAiB,aAAcN,CAAoB,CAAA,0BACnDO,EAAQ,QAAA,EAAA,0BACRC,EAAmB,mBAAA,CAAA,CAAA,CAAA,CAAA,CACtB,CACF,CAAA"}

package/dist/chunks/calendar.component-CegJR9ey.js

@@ -1,18 +0,0 @@
-import { j as a } from "./jsx-runtime-C5mzlN2N.js";
-import { B as i } from "./index-9BerxEcw.js";
-import { a as d, b as o, c as m } from "./datePicker.provider-CttuPiiS.js";
-import { D as n } from "./divider.component-CFOh4Nw3.js";
-const p = ({
-  ["data-testid"]: r = "kibble-calendar",
-  withDateRange: e = !0,
-  withHeaderTriggers: s = !1,
-  ...t
-}) => /* @__PURE__ */ a.jsx(i, { className: "Calendar", "data-testid": r, maxW: "340px", children: /* @__PURE__ */ a.jsxs(d, { withDateRange: e, ...t, standalone: !0, children: [
-  /* @__PURE__ */ a.jsx(o, { withTriggers: s }),
-  /* @__PURE__ */ a.jsx(n, {}),
-  /* @__PURE__ */ a.jsx(m, {})
-] }) });
-export {
-  p as C
-};
-//# sourceMappingURL=calendar.component-CegJR9ey.js.map

package/dist/chunks/calendar.component-CegJR9ey.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"calendar.component-CegJR9ey.js","sources":["../../src/components/Calendar/calendar.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Box } from '@chakra-ui/react/box';\nimport { DatePickerCalendar } from 'components/DatePicker/components/DatePickerCalendar/datePickerCalendar.component';\nimport { DatePickerHeader } from 'components/DatePicker/components/DatePickerHeader/datePickerHeader.component';\nimport { Divider } from 'components/Divider';\nimport { DatePickerProvider } from 'components/DatePicker/context/datePicker.provider';\nimport { DateProps } from 'components/DatePicker/datePicker.types';\n\nexport interface CalendarProps extends DateProps {\n  /** Data test id for the calendar.\n   * @default kibble-calendar\n   */\n  'data-testid'?: string;\n  /**\n   * If true, the calendar will allow for a date range selection.\n   * @default true\n   */\n  withDateRange?: boolean;\n  /**\n   * If true, the calendar will show the month and year selectors in the header.\n   * @default false\n   */\n  withHeaderTriggers?: boolean;\n}\n\nexport const Calendar = ({\n  ['data-testid']: dataTestId = 'kibble-calendar',\n  withDateRange = true,\n  withHeaderTriggers = false,\n  ...rest\n}: CalendarProps): React.JSX.Element => {\n  return (\n    <Box className=\"Calendar\" data-testid={dataTestId} maxW=\"340px\">\n      <DatePickerProvider withDateRange={withDateRange} {...rest} standalone>\n        <DatePickerHeader withTriggers={withHeaderTriggers} />\n        <Divider />\n        <DatePickerCalendar />\n      </DatePickerProvider>\n    </Box>\n  );\n};\n"],"names":["Calendar","dataTestId","withDateRange","withHeaderTriggers","rest","jsx","Box","jsxs","DatePickerProvider","DatePickerHeader","Divider","DatePickerCalendar"],"mappings":";;;;AAyBO,MAAMA,IAAW,CAAC;AAAA,EACvB,CAAC,gBAAgBC,IAAa;AAAA,EAC9B,eAAAC,IAAgB;AAAA,EAChB,oBAAAC,IAAqB;AAAA,EACrB,GAAGC;AACL,MAEKC,gBAAAA,EAAAA,IAAAC,GAAA,EAAI,WAAU,YAAW,eAAaL,GAAY,MAAK,SACtD,UAAAM,gBAAAA,EAAA,KAACC,GAAmB,EAAA,eAAAN,GAA+B,GAAGE,GAAM,YAAU,IACpE,UAAA;AAAA,EAACC,gBAAAA,EAAAA,IAAAI,GAAA,EAAiB,cAAcN,EAAoB,CAAA;AAAA,wBACnDO,GAAQ,EAAA;AAAA,wBACRC,GAAmB,CAAA,CAAA;AAAA,EAAA,CACtB,EACF,CAAA;"}

package/dist/chunks/dateTimePicker.component-BlWhC5aT.js

@@ -1,2 +0,0 @@
-"use strict";const s=require("./jsx-runtime-BjDatQAs.js"),d=require("react"),O=require("./button.component-DjdgBXDC.js"),u=require("./datePicker.provider-i35-VNAb.js"),N=require("./usePortalContentRef-CTrvBQ7I.js"),I=require("./popover.recipe-CtptsJg6.js"),l=require("./format-CK7Imh-5.js"),v=require("./isToday-BgNkHh5t.js"),Y=require("./popover-root-provider-CZDbUJ2K.js"),E=require("./flex-BOU6tYUd.js"),L=require("../cjs/hooks/useBreakpoint/index.cjs"),j=require("./index-BQRnVsAg.js"),B=require("./text.component-BDDz5KQP.js"),H=require("./textInput.component-CwTc0h_F.js"),$=require("./timePicker.component-D5hw80VV.js"),f=require("./grid-item-CH3dbZHL.js"),G=require("./divider.component-BX3zyB7O.js"),z=require("./create-slot-recipe-context-HXE1VazG.js"),A=require("./index-Ts8g8jZd.js"),R=require("./popover-C7aj8Iwj.js");var o=(t=>(t.Today="Today",t.Yesterday="Yesterday",t.ThisWeek="ThisWeek",t.LastWeek="LastWeek",t.ThisMonth="ThisMonth",t.LastMonth="LastMonth",t.Custom="Custom",t))(o||{});const Q=["single","double"],V=[{label:"Today",value:o.Today},{label:"Yesterday",value:o.Yesterday},{label:"This Week",value:o.ThisWeek},{label:"Last Week",value:o.LastWeek},{label:"This Month",value:o.ThisMonth},{label:"Last Month",value:o.LastMonth},{label:"Custom",value:o.Custom,iconName:"calendarPen"}],J={single:1,double:2};function K(t){return l.startOfDay(Date.now(),t)}function U(t){return u.endOfDay(Date.now(),t)}function X(t){const e=v.constructNow(t?.in),n=e.getFullYear(),r=e.getMonth(),a=e.getDate(),i=v.constructNow(t?.in);return i.setFullYear(n,r,a-1),i.setHours(0,0,0,0),i}function Z(t){const e=v.constructNow(t?.in),n=l.constructFrom(t?.in,0);return n.setFullYear(e.getFullYear(),e.getMonth(),e.getDate()-1),n.setHours(23,59,59,999),n}function M(t,e){const n=l.getDefaultOptions(),r=e?.weekStartsOn??e?.locale?.options?.weekStartsOn??n.weekStartsOn??n.locale?.options?.weekStartsOn??0,a=l.toDate(t,e?.in),i=a.getDay(),m=(i<r?-7:0)+6-(i-r);return a.setDate(a.getDate()+m),a.setHours(23,59,59,999),a}function P(t,e){const n=l.toDate(t,e?.in);return n.setDate(1),n.setHours(0,0,0,0),n}function _(t,e){const n=l.toDate(t,e?.in),r=n.getMonth();return n.setFullYear(n.getFullYear(),r+1,0),n.setHours(23,59,59,999),n}function ee(t,e,n){return u.addDays(t,e*7,n)}function te(t,e,n){return ee(t,-1,n)}function ne(t,e,n){return u.addMonths(t,-1,n)}function w(t,e){return+l.toDate(t)==+l.toDate(e)}const W=t=>{const e=new Date;switch(t){case o.Today:return{startDate:K(),endDate:U()};case o.Yesterday:return{startDate:X(),endDate:Z()};case o.ThisWeek:return{startDate:l.startOfWeek(e,{weekStartsOn:1}),endDate:M(e,{weekStartsOn:1})};case o.LastWeek:{const n=te(e);return{startDate:l.startOfWeek(n,{weekStartsOn:1}),endDate:M(n,{weekStartsOn:1})}}case o.ThisMonth:return{startDate:P(e),endDate:_(e)};case o.LastMonth:{const n=ne(e);return{startDate:P(n),endDate:_(n)}}default:return null}},se=(t,e)=>{if(!t||!e)return o.Today;const n=[o.Today,o.Yesterday,o.ThisWeek,o.LastWeek,o.ThisMonth,o.LastMonth];for(const r of n){const a=W(r);if(a&&w(t,a.startDate)&&w(e,a.endDate))return r}return o.Custom},oe=({selectedQuickOption:t,setSelectedQuickOption:e,["data-testid"]:n="kibble-datetime-picker-quick-options"})=>{const{setFocusedInput:r,onQuickOptionSelect:a}=u.useDatePickerContext(),{setOpen:i}=Y.usePopoverContext(),m=c=>{if(e(c),c===o.Custom){r(u.FocusedInput.StartDate);return}const p=W(c);p&&(a(p),i(!1))};return s.jsxRuntimeExports.jsx(E.Flex,{className:"DateTimePicker__QuickFilters",flexDirection:"column",gap:2,w:"100%",maxW:"120px",children:V.map(c=>s.jsxRuntimeExports.jsx(O.Button,{className:"DateTimePicker__Option","data-testid":`${n}-option-${c.value}`,variant:"secondarySubtle",...c.iconName&&{iconName:c.iconName,iconPosition:"right"},...t===c.value&&{active:!0},onClick:()=>m(c.value),children:c.label},c.value))})},S=({label:t,rangeType:e})=>{const{startDate:n,endDate:r,dateFormat:a,focusedInput:i,setFocusedInput:m,onTimeChange:c}=u.useDatePickerContext(),p=d.useMemo(()=>(e===u.FocusedInput.StartDate?n:r)||new Date,[n,r,e]),g=d.useMemo(()=>l.format(p,a),[p,a]),D=x=>{x&&c(x,e)};return s.jsxRuntimeExports.jsxs(f.Grid,{alignItems:"center",templateColumns:"repeat(5, 1fr)",gap:1,bgColor:"background.secondaryAlpha",borderRadius:"md",p:1,flex:"0 0 50%",children:[s.jsxRuntimeExports.jsx(f.GridItem,{colSpan:1,children:s.jsxRuntimeExports.jsx(B.WrappedText,{size:"sm",fontWeight:"semibold",textAlign:"center",children:t})}),s.jsxRuntimeExports.jsx(f.GridItem,{colSpan:2,children:s.jsxRuntimeExports.jsx(H.WrappedTextInput,{readOnly:!0,value:g,onClick:()=>m(e),...i===e&&{"data-focus":!0}})}),s.jsxRuntimeExports.jsx(f.GridItem,{colSpan:2,children:s.jsxRuntimeExports.jsx($.TimePicker,{minuteInterval:1,initialTime:p,onClose:x=>D(x),inputProps:{rightElement:void 0,onClick:()=>m(e)}})})]})},re=({isSingleView:t})=>{const{focusedInput:e,setFocusedInput:n}=u.useDatePickerContext();return d.useEffect(()=>{e||n(u.FocusedInput.StartDate)},[e,n]),s.jsxRuntimeExports.jsxs(j.Box,{className:"DateTimePicker__CustomFilters",mt:-1,children:[s.jsxRuntimeExports.jsxs(E.Flex,{className:"DateTimePicker__CustomFilters__RangeSelectors",flexDirection:t?"column":"row",alignItems:"center",gap:2,justifyContent:"space-between",children:[s.jsxRuntimeExports.jsx(S,{label:"Start",rangeType:u.FocusedInput.StartDate}),s.jsxRuntimeExports.jsx(S,{label:"End",rangeType:u.FocusedInput.EndDate})]}),s.jsxRuntimeExports.jsxs(j.Box,{className:"CalendarView",bgColor:"background.secondaryAlpha",borderRadius:"md",p:1,mt:5,children:[s.jsxRuntimeExports.jsx(j.Box,{className:"CalendarView__Header",bgColor:"background.accent.subtle",borderRadius:"md",children:s.jsxRuntimeExports.jsx(u.DatePickerHeader,{triggerProps:{variant:"ghostNeutral"}})}),s.jsxRuntimeExports.jsx(j.Box,{className:"CalendarView__Body",children:s.jsxRuntimeExports.jsx(u.DatePickerCalendar,{showMonthLabels:!0})})]})]})},ae=({trigger:t,calendarView:e="double",portalled:n=!0,showQuickOptions:r=!0,["data-testid"]:a="kibble-datetime-picker",...i})=>{const m=d.useMemo(()=>{const T=new Date;return{startDate:l.startOfDay(T),endDate:u.endOfDay(T)}},[]),{contentRef:c}=N.usePortalContentRef(),g=z.useSlotRecipe({recipe:I.popoverRecipe})(),D=L.useBreakpoint(),x=d.useMemo(()=>r?se(i.startDate||null,i.endDate||null):o.Custom,[r,i.startDate,i.endDate]),[h,y]=d.useState(x);d.useEffect(()=>{y(x)},[x]);const k=d.useMemo(()=>["base","sm"].includes(D)?"single":e,[e,D]),F=d.useMemo(()=>J[k],[k]),C=d.useMemo(()=>k==="single",[k]),b=d.useMemo(()=>h===o.Custom,[h]),q=d.useMemo(()=>b?"max-content":"160px",[b]);return s.jsxRuntimeExports.jsxs(u.DatePickerProvider,{...i,startDate:i.startDate||m.startDate,endDate:i.endDate||m.endDate,withDateRange:!0,numberOfMonths:F,sameWidth:!0,children:[s.jsxRuntimeExports.jsx(R.PopoverTrigger,{asChild:!0,w:"max-content",children:t||s.jsxRuntimeExports.jsx(O.Button,{variant:"secondarySubtle",iconName:"calendarInfo","data-testid":`${a}-default-trigger`,children:"Date/Time Range"})}),s.jsxRuntimeExports.jsx(A.Portal,{container:c||void 0,disabled:!n,children:s.jsxRuntimeExports.jsx(R.PopoverPositioner,{className:"DateTimePicker","data-testid":a,children:s.jsxRuntimeExports.jsx(R.PopoverContent,{className:"DateTimePicker__Content","data-testid":`${a}-content`,css:{...g.content,"--popover-size":q,maxW:r?C?"550px":"890px":C?"390px":"730px",...b&&{minW:r?"550px":"390px"}},children:s.jsxRuntimeExports.jsx(R.PopoverBody,{css:{"--popover-padding":0},children:s.jsxRuntimeExports.jsxs(E.Flex,{className:"DateTimePicker__Container","data-testid":`${a}-container`,p:5,children:[r&&s.jsxRuntimeExports.jsx(oe,{selectedQuickOption:h,setSelectedQuickOption:y}),h===o.Custom&&s.jsxRuntimeExports.jsxs(s.jsxRuntimeExports.Fragment,{children:[r&&s.jsxRuntimeExports.jsx(G.Divider,{orientation:"vertical",my:-5,mx:5}),s.jsxRuntimeExports.jsx(re,{isSingleView:C})]})]})})})})})]})};exports.DateTimePicker=ae;exports.DateTimePickerDefaultOptionValue=o;exports.calendarViews=Q;
-//# sourceMappingURL=dateTimePicker.component-BlWhC5aT.js.map