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

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

@@ -1,6 +1,5 @@
-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 = [
+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 = [
   "text",
   "text.accent",
   "text.accentSubtle",
@@ -23,7 +22,7 @@ const k = [
   "text.subtle.contrast",
   "text.success",
   "text.warning"
-], i = [
+], a = [
   "background.accent",
   "background.accentSubtle",
   "background.ai",
@@ -90,7 +89,7 @@ const k = [
   "background.success.contrast",
   "background.warning",
   "background.warning.contrast"
-], l = ["divider", "divider.default"], p = [
+], o = ["divider", "divider.default"], e = [
   "border",
   "border.accent",
   "border.accentSubtle",
@@ -109,40 +108,17 @@ const k = [
   "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 {
-  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
+  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
 };
 //# 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","../../../../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;"}
+{"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;"}

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

@@ -1,6 +1,5 @@
 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
@@ -16,22 +15,5 @@ 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, footer, ...rest }: CalendarProps) => React.JSX.Element;
+export declare const Calendar: ({ ["data-testid"]: dataTestId, withDateRange, withHeaderTriggers, ...rest }: CalendarProps) => React.JSX.Element;

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

@@ -1,3 +1 @@
 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/index.ts').FontWeight, SystemStyleObject>;
+    fontWeight: Record<import('../../../packages/kibble-primitives/src/core/typography/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/index.ts').FontWeight, import('@chakra-ui/react').SystemStyleObject>;
+    fontWeight: Record<import('../../../packages/kibble-primitives/src/core/typography/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" | "backdrop" | "closeTrigger", {
+export declare const modalRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"body" | "content" | "trigger" | "positioner" | "description" | "footer" | "header" | "title" | "closeTrigger" | "backdrop", {
     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/index.ts').FontWeight, SystemStyleObject>;
+    fontWeight: Record<import('../../../packages/kibble-primitives/src/core/typography/index.ts').FontWeight, SystemStyleObject>;
 }>;

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

@@ -1,2 +1,2 @@
-export type { ColorMode } from '../../../packages/kibble-primitives/src/index.ts';
+export type ColorMode = 'light' | 'dark';
 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/index.ts').SemanticTokenDefinition;
-                hover: import('../../../packages/kibble-primitives/src/index.ts').SemanticTokenDefinition;
-                pressed: import('../../../packages/kibble-primitives/src/index.ts').SemanticTokenDefinition;
+                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;
             };
         };
         secondary: {
@@ -21,9 +21,9 @@ export declare const semanticColorTokens: {
             hover: any;
             pressed: any;
             contrast: {
-                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;
+                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;
             };
         };
         brand: any;
@@ -65,9 +65,9 @@ export declare const semanticColorTokens: {
             hover: any;
             pressed: any;
             contrast: {
-                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;
+                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;
             };
         };
         primaryAlpha: {
@@ -75,9 +75,9 @@ export declare const semanticColorTokens: {
             hover: any;
             pressed: any;
             contrast: {
-                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;
+                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;
             };
         };
         secondaryAlpha: {
@@ -85,9 +85,9 @@ export declare const semanticColorTokens: {
             hover: any;
             pressed: any;
             contrast: {
-                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;
+                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;
             };
         };
         destructiveAlpha: {
@@ -95,20 +95,20 @@ export declare const semanticColorTokens: {
             hover: any;
             pressed: any;
             contrast: {
-                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;
+                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;
             };
         };
         overlay: {
             DEFAULT: any;
-            contrast: import('../../../packages/kibble-primitives/src/index.ts').SemanticTokenDefinition;
+            contrast: import('../../../packages/kibble-primitives/src/semantic/index.ts').SemanticTokenDefinition;
         };
         backdrop: any;
         contrast: {
-            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;
+            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;
             mostSubtle: any;
         };
         gradientFull: {
@@ -116,9 +116,9 @@ export declare const semanticColorTokens: {
             hover: any;
             pressed: any;
             contrast: {
-                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;
+                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;
             };
         };
         gradientPink: {
@@ -134,15 +134,15 @@ export declare const semanticColorTokens: {
         subtle: any;
         strong: {
             DEFAULT: any;
-            contrast: import('../../../packages/kibble-primitives/src/index.ts').SemanticTokenDefinition;
+            contrast: import('../../../packages/kibble-primitives/src/semantic/index.ts').SemanticTokenDefinition;
         };
         focus: {
             DEFAULT: any;
-            contrast: import('../../../packages/kibble-primitives/src/index.ts').SemanticTokenDefinition;
+            contrast: import('../../../packages/kibble-primitives/src/semantic/index.ts').SemanticTokenDefinition;
         };
         brand: {
             DEFAULT: any;
-            contrast: import('../../../packages/kibble-primitives/src/index.ts').SemanticTokenDefinition;
+            contrast: import('../../../packages/kibble-primitives/src/semantic/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/index.ts').SemanticTokenDefinition;
-        'contrast.subtle': import('../../../packages/kibble-primitives/src/index.ts').SemanticTokenDefinition;
+        contrast: import('../../../packages/kibble-primitives/src/semantic/index.ts').SemanticTokenDefinition;
+        'contrast.subtle': import('../../../packages/kibble-primitives/src/semantic/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/index.ts').SemanticTokenDefinition;
+            contrast: import('../../../packages/kibble-primitives/src/semantic/index.ts').SemanticTokenDefinition;
         };
         interactive: {
             DEFAULT: any;
             hover: any;
             contrast: {
-                DEFAULT: import('../../../packages/kibble-primitives/src/index.ts').SemanticTokenDefinition;
-                hover: import('../../../packages/kibble-primitives/src/index.ts').SemanticTokenDefinition;
+                DEFAULT: import('../../../packages/kibble-primitives/src/semantic/index.ts').SemanticTokenDefinition;
+                hover: import('../../../packages/kibble-primitives/src/semantic/index.ts').SemanticTokenDefinition;
             };
         };
         brand: {
             DEFAULT: any;
             hover: any;
             contrast: {
-                DEFAULT: import('../../../packages/kibble-primitives/src/index.ts').SemanticTokenDefinition;
-                hover: import('../../../packages/kibble-primitives/src/index.ts').SemanticTokenDefinition;
+                DEFAULT: import('../../../packages/kibble-primitives/src/semantic/index.ts').SemanticTokenDefinition;
+                hover: import('../../../packages/kibble-primitives/src/semantic/index.ts').SemanticTokenDefinition;
             };
         };
         info: any;
@@ -196,12 +196,12 @@ export declare const semanticColorTokens: {
         };
         placeholder: {
             DEFAULT: any;
-            contrast: import('../../../packages/kibble-primitives/src/index.ts').SemanticTokenDefinition;
+            contrast: import('../../../packages/kibble-primitives/src/semantic/index.ts').SemanticTokenDefinition;
         };
         accent: {
             DEFAULT: any;
             subtle: any;
         };
-        contrast: import('../../../packages/kibble-primitives/src/index.ts').SemanticTokenDefinition;
+        contrast: import('../../../packages/kibble-primitives/src/semantic/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/index.ts').CoreColor, Record<import('../../../../packages/kibble-primitives/src/index.ts').ColorValue, {
+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, {
     value: string;
 }>>;

package/package.json

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

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

@@ -1,2 +0,0 @@
-"use strict";const s=require("./jsx-runtime-BjDatQAs.js"),h=require("./index-BQRnVsAg.js"),o=require("./datePicker.provider-i35-VNAb.js"),D=require("./divider.component-BX3zyB7O.js"),b=require("./button.component-DjdgBXDC.js"),x=require("./format-CK7Imh-5.js"),u=require("./endOfMonth-ClO3w4vF.js"),E={today:"Today",thisWeek:"This Week",thisMonth:"This Month"},k=({footer:e,["data-testid"]:d="kibble-calendar-footer"})=>{const{goToDate:a,onDateSelect:n,onQuickOptionSelect:i,firstDayOfWeek:l}=o.useDatePickerContext(),m=()=>{if(e.type==="custom"){e.onClick();return}const r=new Date;switch(e.value){case"today":{const t=x.startOfDay(r);a(t),n(t);break}case"thisWeek":{const t=l??1,c=x.startOfWeek(r,{weekStartsOn:t}),R=u.endOfWeek(r,{weekStartsOn:t});a(c),i({startDate:c,endDate:R});break}case"thisMonth":{const t=u.startOfMonth(r),c=u.endOfMonth(r);a(t),i({startDate:t,endDate:c});break}}e.onClick?.()},j=e.type==="custom"?e.label:e.label??E[e.value];return s.jsxRuntimeExports.jsx(h.Box,{"data-testid":d,bg:"background.secondaryAlpha",borderRadius:"md",p:2,w:"full",children:s.jsxRuntimeExports.jsx(b.Button,{variant:"secondarySubtle",size:"md",w:"full",onClick:m,children:j})})},y=new Set(["thisWeek","thisMonth"]),p=e=>y.has(e),C=({["data-testid"]:e="kibble-calendar",withDateRange:d=!0,withHeaderTriggers:a=!1,footer:n,...i})=>{const l=d||n?.type==="preset"&&p(n.value);return s.jsxRuntimeExports.jsx(h.Box,{className:"Calendar","data-testid":e,maxW:n?"360px":"340px",children:s.jsxRuntimeExports.jsxs(o.DatePickerProvider,{withDateRange:l,...i,standalone:!0,children:[s.jsxRuntimeExports.jsx(o.DatePickerHeader,{withTriggers:a}),s.jsxRuntimeExports.jsx(D.Divider,{}),s.jsxRuntimeExports.jsx(o.DatePickerCalendar,{}),n&&s.jsxRuntimeExports.jsx(k,{footer:n})]})})};exports.Calendar=C;exports.CalendarFooterButton=k;exports.isRangePreset=p;
-//# sourceMappingURL=calendar.component-CFBrrBSJ.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"calendar.component-CFBrrBSJ.js","sources":["../../src/components/Calendar/calendarFooterButton.component.tsx","../../src/components/Calendar/calendar.utils.ts","../../src/components/Calendar/calendar.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Box } from '@chakra-ui/react/box';\nimport { Button } from 'components/Button/button.component';\nimport { useDatePickerContext } from 'components/DatePicker/context/datePicker.context';\nimport startOfDay from 'date-fns/startOfDay';\nimport startOfWeek from 'date-fns/startOfWeek';\nimport startOfMonth from 'date-fns/startOfMonth';\nimport endOfWeek from 'date-fns/endOfWeek';\nimport endOfMonth from 'date-fns/endOfMonth';\n\n/**\n * The built-in preset values for CalendarFooterButton.\n *\n * Intentionally kept as plain string literals rather than re-using\n * DateTimePickerDefaultOptionValue to avoid a duplicate star-export conflict:\n * both Calendar and DateTimePicker barrel-export from components/index.ts,\n * and TypeScript silently drops ambiguous re-exports when two barrels supply\n * the same identifier. Keeping CalendarPreset self-contained prevents that\n * collision and makes the Calendar API standalone.\n */\nexport type CalendarPreset = 'today' | 'thisWeek' | 'thisMonth';\n\nexport interface CalendarFooterPresetConfig {\n  type: 'preset';\n  /** The built-in preset to apply when the button is clicked. */\n  value: CalendarPreset;\n  /**\n   * Override the button label.\n   * Defaults: 'today' → 'Today', 'thisWeek' → 'This Week', 'thisMonth' → 'This Month'.\n   */\n  label?: string;\n  /** Optional callback fired after the preset date is selected. */\n  onClick?: () => void;\n}\n\nexport interface CalendarFooterCustomConfig {\n  type: 'custom';\n  /** Button label — required for custom type. */\n  label: string;\n  /** Handler called when the button is clicked. Full control — no date selection is performed. */\n  onClick: () => void;\n}\n\nexport type CalendarFooterConfig = CalendarFooterPresetConfig | CalendarFooterCustomConfig;\n\nconst PRESET_LABELS: Record<CalendarPreset, string> = {\n  today: 'Today',\n  thisWeek: 'This Week',\n  thisMonth: 'This Month',\n};\n\ninterface CalendarFooterButtonProps {\n  footer: CalendarFooterConfig;\n  /** Data test id for the footer container.\n   * @default kibble-calendar-footer\n   */\n  'data-testid'?: string;\n}\n\nexport const CalendarFooterButton = ({\n  footer,\n  ['data-testid']: dataTestId = 'kibble-calendar-footer',\n}: CalendarFooterButtonProps): React.JSX.Element => {\n  const { goToDate, onDateSelect, onQuickOptionSelect, firstDayOfWeek } = useDatePickerContext();\n\n  const handleClick = (): void => {\n    if (footer.type === 'custom') {\n      footer.onClick();\n      return;\n    }\n\n    const today = new Date();\n\n    switch (footer.value) {\n      case 'today': {\n        const date = startOfDay(today);\n        goToDate(date);\n        onDateSelect(date);\n        break;\n      }\n      case 'thisWeek': {\n        const weekStartsOn = (firstDayOfWeek ?? 1) as 0 | 1 | 2 | 3 | 4 | 5 | 6;\n        const start = startOfWeek(today, { weekStartsOn });\n        const end = endOfWeek(today, { weekStartsOn });\n        goToDate(start);\n        // onQuickOptionSelect sets both dates atomically, avoiding the two-click range flow\n        onQuickOptionSelect({ startDate: start, endDate: end });\n        break;\n      }\n      case 'thisMonth': {\n        const start = startOfMonth(today);\n        const end = endOfMonth(today);\n        goToDate(start);\n        onQuickOptionSelect({ startDate: start, endDate: end });\n        break;\n      }\n    }\n\n    footer.onClick?.();\n  };\n\n  const label = footer.type === 'custom' ? footer.label : (footer.label ?? PRESET_LABELS[footer.value]);\n\n  return (\n    <Box data-testid={dataTestId} bg=\"background.secondaryAlpha\" borderRadius=\"md\" p={2} w=\"full\">\n      <Button variant=\"secondarySubtle\" size=\"md\" w=\"full\" onClick={handleClick}>\n        {label}\n      </Button>\n    </Box>\n  );\n};\n","import { CalendarPreset } from './calendarFooterButton.component';\n\n// Explicit allowlist — new presets default to single-day unless listed here\nconst RANGE_PRESETS = new Set<CalendarPreset>(['thisWeek', 'thisMonth']);\n\n/** Returns true when the preset requires date range selection (week, month). */\nexport const isRangePreset = (value: CalendarPreset): boolean => RANGE_PRESETS.has(value);\n","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';\nimport { CalendarFooterButton, CalendarFooterConfig } from './calendarFooterButton.component';\nimport { isRangePreset } from './calendar.utils';\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   * Optional footer button configuration. Renders a styled button below the calendar grid.\n   *\n   * Use `type: 'preset'` for built-in shortcuts ('today' | 'thisWeek' | 'thisMonth') — the\n   * component handles the date selection logic automatically.\n   *\n   * Use `type: 'custom'` to supply your own label and click handler with no built-in date logic.\n   *\n   * @example\n   * // Preset\n   * footer={{ type: 'preset', value: 'today', onClick: () => setOpen(false) }}\n   *\n   * @example\n   * // Custom\n   * footer={{ type: 'custom', label: 'Reset', onClick: handleReset }}\n   */\n  footer?: CalendarFooterConfig;\n}\n\nexport const Calendar = ({\n  ['data-testid']: dataTestId = 'kibble-calendar',\n  withDateRange = true,\n  withHeaderTriggers = false,\n  footer,\n  ...rest\n}: CalendarProps): React.JSX.Element => {\n  // Range presets (thisWeek, thisMonth) require date range mode regardless of the withDateRange prop\n  const effectiveDateRange = withDateRange || (footer?.type === 'preset' && isRangePreset(footer.value));\n\n  return (\n    <Box className=\"Calendar\" data-testid={dataTestId} maxW={footer ? '360px' : '340px'}>\n      <DatePickerProvider withDateRange={effectiveDateRange} {...rest} standalone>\n        <DatePickerHeader withTriggers={withHeaderTriggers} />\n        <Divider />\n        <DatePickerCalendar />\n        {footer && <CalendarFooterButton footer={footer} />}\n      </DatePickerProvider>\n    </Box>\n  );\n};\n"],"names":["PRESET_LABELS","CalendarFooterButton","footer","dataTestId","goToDate","onDateSelect","onQuickOptionSelect","firstDayOfWeek","useDatePickerContext","handleClick","today","date","startOfDay","weekStartsOn","start","startOfWeek","end","endOfWeek","startOfMonth","endOfMonth","label","jsx","Box","Button","RANGE_PRESETS","isRangePreset","value","Calendar","withDateRange","withHeaderTriggers","rest","effectiveDateRange","DatePickerProvider","DatePickerHeader","Divider","DatePickerCalendar"],"mappings":"2SA6CMA,EAAgD,CACpD,MAAO,QACP,SAAU,YACV,UAAW,YACb,EAUaC,EAAuB,CAAC,CACnC,OAAAC,EACA,CAAC,eAAgBC,EAAa,wBAChC,IAAoD,CAClD,KAAM,CAAE,SAAAC,EAAU,aAAAC,EAAc,oBAAAC,EAAqB,eAAAC,CAAA,EAAmBC,EAAAA,qBAAqB,EAEvFC,EAAc,IAAY,CAC1B,GAAAP,EAAO,OAAS,SAAU,CAC5BA,EAAO,QAAQ,EACf,MAAA,CAGI,MAAAQ,MAAY,KAElB,OAAQR,EAAO,MAAO,CACpB,IAAK,QAAS,CACN,MAAAS,EAAOC,aAAWF,CAAK,EAC7BN,EAASO,CAAI,EACbN,EAAaM,CAAI,EACjB,KAAA,CAEF,IAAK,WAAY,CACf,MAAME,EAAgBN,GAAkB,EAClCO,EAAQC,EAAA,YAAYL,EAAO,CAAE,aAAAG,EAAc,EAC3CG,EAAMC,EAAA,UAAUP,EAAO,CAAE,aAAAG,EAAc,EAC7CT,EAASU,CAAK,EAEdR,EAAoB,CAAE,UAAWQ,EAAO,QAASE,EAAK,EACtD,KAAA,CAEF,IAAK,YAAa,CACV,MAAAF,EAAQI,eAAaR,CAAK,EAC1BM,EAAMG,aAAWT,CAAK,EAC5BN,EAASU,CAAK,EACdR,EAAoB,CAAE,UAAWQ,EAAO,QAASE,EAAK,EACtD,KAAA,CACF,CAGFd,EAAO,UAAU,CACnB,EAEMkB,EAAQlB,EAAO,OAAS,SAAWA,EAAO,MAASA,EAAO,OAASF,EAAcE,EAAO,KAAK,EAGjG,OAAAmB,EAAA,kBAAA,IAACC,OAAI,cAAanB,EAAY,GAAG,4BAA4B,aAAa,KAAK,EAAG,EAAG,EAAE,OACrF,SAACkB,EAAA,kBAAA,IAAAE,EAAA,OAAA,CAAO,QAAQ,kBAAkB,KAAK,KAAK,EAAE,OAAO,QAASd,EAC3D,SAAAW,CAAA,CACH,CACF,CAAA,CAEJ,EC3GMI,EAAoB,IAAA,IAAoB,CAAC,WAAY,WAAW,CAAC,EAG1DC,EAAiBC,GAAmCF,EAAc,IAAIE,CAAK,ECsC3EC,EAAW,CAAC,CACvB,CAAC,eAAgBxB,EAAa,kBAC9B,cAAAyB,EAAgB,GAChB,mBAAAC,EAAqB,GACrB,OAAA3B,EACA,GAAG4B,CACL,IAAwC,CAEtC,MAAMC,EAAqBH,GAAkB1B,GAAQ,OAAS,UAAYuB,EAAcvB,EAAO,KAAK,EAEpG,+BACGoB,MAAI,CAAA,UAAU,WAAW,cAAanB,EAAY,KAAMD,EAAS,QAAU,QAC1E,kCAAC8B,EAAmB,mBAAA,CAAA,cAAeD,EAAqB,GAAGD,EAAM,WAAU,GACzE,SAAA,CAACT,EAAAA,kBAAAA,IAAAY,EAAA,iBAAA,CAAiB,aAAcJ,CAAoB,CAAA,0BACnDK,EAAQ,QAAA,EAAA,0BACRC,EAAmB,mBAAA,EAAA,EACnBjC,GAAWmB,EAAA,kBAAA,IAAApB,EAAA,CAAqB,OAAAC,CAAgB,CAAA,CAAA,CAAA,CACnD,CACF,CAAA,CAEJ"}

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

@@ -1,62 +0,0 @@
-import { j as a } from "./jsx-runtime-C5mzlN2N.js";
-import { B as l } from "./index-9BerxEcw.js";
-import { u, a as p, b as D, c as x } from "./datePicker.provider-C1vLiJEb.js";
-import { D as b } from "./divider.component-CFOh4Nw3.js";
-import { B as y } from "./button.component-BO6oee_V.js";
-import { s as f, a as j } from "./format-dJJ72A--.js";
-import { s as C, e as S, a as g } from "./endOfMonth-D0kCU08_.js";
-const w = {
-  today: "Today",
-  thisWeek: "This Week",
-  thisMonth: "This Month"
-}, O = ({
-  footer: t,
-  ["data-testid"]: o = "kibble-calendar-footer"
-}) => {
-  const { goToDate: n, onDateSelect: s, onQuickOptionSelect: i, firstDayOfWeek: d } = u(), h = () => {
-    if (t.type === "custom") {
-      t.onClick();
-      return;
-    }
-    const r = /* @__PURE__ */ new Date();
-    switch (t.value) {
-      case "today": {
-        const e = j(r);
-        n(e), s(e);
-        break;
-      }
-      case "thisWeek": {
-        const e = d ?? 1, c = f(r, { weekStartsOn: e }), m = g(r, { weekStartsOn: e });
-        n(c), i({ startDate: c, endDate: m });
-        break;
-      }
-      case "thisMonth": {
-        const e = C(r), c = S(r);
-        n(e), i({ startDate: e, endDate: c });
-        break;
-      }
-    }
-    t.onClick?.();
-  }, k = t.type === "custom" ? t.label : t.label ?? w[t.value];
-  return /* @__PURE__ */ a.jsx(l, { "data-testid": o, bg: "background.secondaryAlpha", borderRadius: "md", p: 2, w: "full", children: /* @__PURE__ */ a.jsx(y, { variant: "secondarySubtle", size: "md", w: "full", onClick: h, children: k }) });
-}, P = /* @__PURE__ */ new Set(["thisWeek", "thisMonth"]), R = (t) => P.has(t), L = ({
-  ["data-testid"]: t = "kibble-calendar",
-  withDateRange: o = !0,
-  withHeaderTriggers: n = !1,
-  footer: s,
-  ...i
-}) => {
-  const d = o || s?.type === "preset" && R(s.value);
-  return /* @__PURE__ */ a.jsx(l, { className: "Calendar", "data-testid": t, maxW: s ? "360px" : "340px", children: /* @__PURE__ */ a.jsxs(p, { withDateRange: d, ...i, standalone: !0, children: [
-    /* @__PURE__ */ a.jsx(D, { withTriggers: n }),
-    /* @__PURE__ */ a.jsx(b, {}),
-    /* @__PURE__ */ a.jsx(x, {}),
-    s && /* @__PURE__ */ a.jsx(O, { footer: s })
-  ] }) });
-};
-export {
-  L as C,
-  O as a,
-  R as i
-};
-//# sourceMappingURL=calendar.component-Dz_YhuJT.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"calendar.component-Dz_YhuJT.js","sources":["../../src/components/Calendar/calendarFooterButton.component.tsx","../../src/components/Calendar/calendar.utils.ts","../../src/components/Calendar/calendar.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Box } from '@chakra-ui/react/box';\nimport { Button } from 'components/Button/button.component';\nimport { useDatePickerContext } from 'components/DatePicker/context/datePicker.context';\nimport startOfDay from 'date-fns/startOfDay';\nimport startOfWeek from 'date-fns/startOfWeek';\nimport startOfMonth from 'date-fns/startOfMonth';\nimport endOfWeek from 'date-fns/endOfWeek';\nimport endOfMonth from 'date-fns/endOfMonth';\n\n/**\n * The built-in preset values for CalendarFooterButton.\n *\n * Intentionally kept as plain string literals rather than re-using\n * DateTimePickerDefaultOptionValue to avoid a duplicate star-export conflict:\n * both Calendar and DateTimePicker barrel-export from components/index.ts,\n * and TypeScript silently drops ambiguous re-exports when two barrels supply\n * the same identifier. Keeping CalendarPreset self-contained prevents that\n * collision and makes the Calendar API standalone.\n */\nexport type CalendarPreset = 'today' | 'thisWeek' | 'thisMonth';\n\nexport interface CalendarFooterPresetConfig {\n  type: 'preset';\n  /** The built-in preset to apply when the button is clicked. */\n  value: CalendarPreset;\n  /**\n   * Override the button label.\n   * Defaults: 'today' → 'Today', 'thisWeek' → 'This Week', 'thisMonth' → 'This Month'.\n   */\n  label?: string;\n  /** Optional callback fired after the preset date is selected. */\n  onClick?: () => void;\n}\n\nexport interface CalendarFooterCustomConfig {\n  type: 'custom';\n  /** Button label — required for custom type. */\n  label: string;\n  /** Handler called when the button is clicked. Full control — no date selection is performed. */\n  onClick: () => void;\n}\n\nexport type CalendarFooterConfig = CalendarFooterPresetConfig | CalendarFooterCustomConfig;\n\nconst PRESET_LABELS: Record<CalendarPreset, string> = {\n  today: 'Today',\n  thisWeek: 'This Week',\n  thisMonth: 'This Month',\n};\n\ninterface CalendarFooterButtonProps {\n  footer: CalendarFooterConfig;\n  /** Data test id for the footer container.\n   * @default kibble-calendar-footer\n   */\n  'data-testid'?: string;\n}\n\nexport const CalendarFooterButton = ({\n  footer,\n  ['data-testid']: dataTestId = 'kibble-calendar-footer',\n}: CalendarFooterButtonProps): React.JSX.Element => {\n  const { goToDate, onDateSelect, onQuickOptionSelect, firstDayOfWeek } = useDatePickerContext();\n\n  const handleClick = (): void => {\n    if (footer.type === 'custom') {\n      footer.onClick();\n      return;\n    }\n\n    const today = new Date();\n\n    switch (footer.value) {\n      case 'today': {\n        const date = startOfDay(today);\n        goToDate(date);\n        onDateSelect(date);\n        break;\n      }\n      case 'thisWeek': {\n        const weekStartsOn = (firstDayOfWeek ?? 1) as 0 | 1 | 2 | 3 | 4 | 5 | 6;\n        const start = startOfWeek(today, { weekStartsOn });\n        const end = endOfWeek(today, { weekStartsOn });\n        goToDate(start);\n        // onQuickOptionSelect sets both dates atomically, avoiding the two-click range flow\n        onQuickOptionSelect({ startDate: start, endDate: end });\n        break;\n      }\n      case 'thisMonth': {\n        const start = startOfMonth(today);\n        const end = endOfMonth(today);\n        goToDate(start);\n        onQuickOptionSelect({ startDate: start, endDate: end });\n        break;\n      }\n    }\n\n    footer.onClick?.();\n  };\n\n  const label = footer.type === 'custom' ? footer.label : (footer.label ?? PRESET_LABELS[footer.value]);\n\n  return (\n    <Box data-testid={dataTestId} bg=\"background.secondaryAlpha\" borderRadius=\"md\" p={2} w=\"full\">\n      <Button variant=\"secondarySubtle\" size=\"md\" w=\"full\" onClick={handleClick}>\n        {label}\n      </Button>\n    </Box>\n  );\n};\n","import { CalendarPreset } from './calendarFooterButton.component';\n\n// Explicit allowlist — new presets default to single-day unless listed here\nconst RANGE_PRESETS = new Set<CalendarPreset>(['thisWeek', 'thisMonth']);\n\n/** Returns true when the preset requires date range selection (week, month). */\nexport const isRangePreset = (value: CalendarPreset): boolean => RANGE_PRESETS.has(value);\n","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';\nimport { CalendarFooterButton, CalendarFooterConfig } from './calendarFooterButton.component';\nimport { isRangePreset } from './calendar.utils';\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   * Optional footer button configuration. Renders a styled button below the calendar grid.\n   *\n   * Use `type: 'preset'` for built-in shortcuts ('today' | 'thisWeek' | 'thisMonth') — the\n   * component handles the date selection logic automatically.\n   *\n   * Use `type: 'custom'` to supply your own label and click handler with no built-in date logic.\n   *\n   * @example\n   * // Preset\n   * footer={{ type: 'preset', value: 'today', onClick: () => setOpen(false) }}\n   *\n   * @example\n   * // Custom\n   * footer={{ type: 'custom', label: 'Reset', onClick: handleReset }}\n   */\n  footer?: CalendarFooterConfig;\n}\n\nexport const Calendar = ({\n  ['data-testid']: dataTestId = 'kibble-calendar',\n  withDateRange = true,\n  withHeaderTriggers = false,\n  footer,\n  ...rest\n}: CalendarProps): React.JSX.Element => {\n  // Range presets (thisWeek, thisMonth) require date range mode regardless of the withDateRange prop\n  const effectiveDateRange = withDateRange || (footer?.type === 'preset' && isRangePreset(footer.value));\n\n  return (\n    <Box className=\"Calendar\" data-testid={dataTestId} maxW={footer ? '360px' : '340px'}>\n      <DatePickerProvider withDateRange={effectiveDateRange} {...rest} standalone>\n        <DatePickerHeader withTriggers={withHeaderTriggers} />\n        <Divider />\n        <DatePickerCalendar />\n        {footer && <CalendarFooterButton footer={footer} />}\n      </DatePickerProvider>\n    </Box>\n  );\n};\n"],"names":["PRESET_LABELS","CalendarFooterButton","footer","dataTestId","goToDate","onDateSelect","onQuickOptionSelect","firstDayOfWeek","useDatePickerContext","handleClick","today","date","startOfDay","weekStartsOn","start","startOfWeek","end","endOfWeek","startOfMonth","endOfMonth","label","jsx","Box","Button","RANGE_PRESETS","isRangePreset","value","Calendar","withDateRange","withHeaderTriggers","rest","effectiveDateRange","DatePickerProvider","DatePickerHeader","Divider","DatePickerCalendar"],"mappings":";;;;;;;AA6CA,MAAMA,IAAgD;AAAA,EACpD,OAAO;AAAA,EACP,UAAU;AAAA,EACV,WAAW;AACb,GAUaC,IAAuB,CAAC;AAAA,EACnC,QAAAC;AAAA,EACA,CAAC,gBAAgBC,IAAa;AAChC,MAAoD;AAClD,QAAM,EAAE,UAAAC,GAAU,cAAAC,GAAc,qBAAAC,GAAqB,gBAAAC,EAAA,IAAmBC,EAAqB,GAEvFC,IAAc,MAAY;AAC1B,QAAAP,EAAO,SAAS,UAAU;AAC5B,MAAAA,EAAO,QAAQ;AACf;AAAA,IAAA;AAGI,UAAAQ,wBAAY,KAAK;AAEvB,YAAQR,EAAO,OAAO;AAAA,MACpB,KAAK,SAAS;AACN,cAAAS,IAAOC,EAAWF,CAAK;AAC7B,QAAAN,EAASO,CAAI,GACbN,EAAaM,CAAI;AACjB;AAAA,MAAA;AAAA,MAEF,KAAK,YAAY;AACf,cAAME,IAAgBN,KAAkB,GAClCO,IAAQC,EAAYL,GAAO,EAAE,cAAAG,GAAc,GAC3CG,IAAMC,EAAUP,GAAO,EAAE,cAAAG,GAAc;AAC7C,QAAAT,EAASU,CAAK,GAEdR,EAAoB,EAAE,WAAWQ,GAAO,SAASE,GAAK;AACtD;AAAA,MAAA;AAAA,MAEF,KAAK,aAAa;AACV,cAAAF,IAAQI,EAAaR,CAAK,GAC1BM,IAAMG,EAAWT,CAAK;AAC5B,QAAAN,EAASU,CAAK,GACdR,EAAoB,EAAE,WAAWQ,GAAO,SAASE,GAAK;AACtD;AAAA,MAAA;AAAA,IACF;AAGF,IAAAd,EAAO,UAAU;AAAA,EACnB,GAEMkB,IAAQlB,EAAO,SAAS,WAAWA,EAAO,QAASA,EAAO,SAASF,EAAcE,EAAO,KAAK;AAGjG,SAAAmB,gBAAAA,EAAA,IAACC,KAAI,eAAanB,GAAY,IAAG,6BAA4B,cAAa,MAAK,GAAG,GAAG,GAAE,QACrF,UAACkB,gBAAAA,EAAA,IAAAE,GAAA,EAAO,SAAQ,mBAAkB,MAAK,MAAK,GAAE,QAAO,SAASd,GAC3D,UAAAW,EAAA,CACH,EACF,CAAA;AAEJ,GC3GMI,IAAoB,oBAAA,IAAoB,CAAC,YAAY,WAAW,CAAC,GAG1DC,IAAgB,CAACC,MAAmCF,EAAc,IAAIE,CAAK,GCsC3EC,IAAW,CAAC;AAAA,EACvB,CAAC,gBAAgBxB,IAAa;AAAA,EAC9B,eAAAyB,IAAgB;AAAA,EAChB,oBAAAC,IAAqB;AAAA,EACrB,QAAA3B;AAAA,EACA,GAAG4B;AACL,MAAwC;AAEtC,QAAMC,IAAqBH,KAAkB1B,GAAQ,SAAS,YAAYuB,EAAcvB,EAAO,KAAK;AAEpG,+BACGoB,GAAI,EAAA,WAAU,YAAW,eAAanB,GAAY,MAAMD,IAAS,UAAU,SAC1E,iCAAC8B,GAAmB,EAAA,eAAeD,GAAqB,GAAGD,GAAM,YAAU,IACzE,UAAA;AAAA,IAACT,gBAAAA,EAAAA,IAAAY,GAAA,EAAiB,cAAcJ,EAAoB,CAAA;AAAA,0BACnDK,GAAQ,EAAA;AAAA,0BACRC,GAAmB,EAAA;AAAA,IACnBjC,KAAWmB,gBAAAA,EAAA,IAAApB,GAAA,EAAqB,QAAAC,EAAgB,CAAA;AAAA,EAAA,EAAA,CACnD,EACF,CAAA;AAEJ;"}