origam 2.14.1 → 2.16.0

package/dist/src/interfaces/Watermark/watermark.interface.d.ts

@@ -161,3 +161,22 @@ export interface IUseWatermarkOptions {
     /** Same semantics as `IWatermarkProps.zIndex`. */
     zIndex?: number;
 }
+/**
+ * `useWatermark`'s options AFTER defaulting — every field resolved to a
+ * concrete value so the SVG data-URL builder never re-applies a
+ * fallback. Counterpart of `IUseWatermarkOptions`, which is the loose,
+ * all-optional shape a caller passes in.
+ */
+export interface IWatermarkResolvedOptions {
+    text: string;
+    image: string;
+    opacity: number;
+    angle: number;
+    gap: number;
+    fontSize: number;
+    fontFamily: string;
+    color: string;
+    fontWeight: number | string;
+    pointerEvents: 'none' | 'auto';
+    zIndex: number;
+}

package/dist/src/interfaces/Window/window-item.interface.d.ts

@@ -6,3 +6,7 @@ export interface IWindowItemProps extends ICommonsComponentProps, ILazyProps, IG
 /** Emits fired by `<OrigamWindowItem>` — group membership lifecycle. */
 export interface IWindowItemEmits extends IGroupEmits {
 }
+/** Slot signatures for `<OrigamWindowItem>`. */
+export interface IWindowItemSlots {
+    default?: () => any;
+}

package/dist/src/interfaces/Window/window.interface.d.ts

@@ -1,4 +1,4 @@
-import type { IActiveProps, IBgColorProps, IBorderProps, ICommonsComponentEmits, ICommonsComponentProps, IDirectionProps, IElevationProps, IHoverProps, IMarginProps, IPaddingProps, IRoundedProps, ITagProps, ITouchHandlers } from '../../interfaces';
+import type { IActiveProps, IBgColorProps, IBorderProps, ICommonsComponentEmits, ICommonsComponentProps, IDirectionProps, IElevationProps, IGroupProvide, IHoverProps, IMarginProps, IPaddingProps, IRoundedProps, ITagProps, ITouchHandlers } from '../../interfaces';
 import type { TIcon } from '../../types';
 import type { ComputedRef, Ref } from 'vue';
 export interface IWindowProps extends ICommonsComponentProps, ITagProps, IDirectionProps, IBorderProps, IPaddingProps, IMarginProps, IRoundedProps, IElevationProps, IBgColorProps, IHoverProps, IActiveProps {
@@ -23,3 +23,33 @@ export interface IWindowProvide {
 /** Emits fired by `<OrigamWindow>` — v-model on the active slide. */
 export interface IWindowEmits extends ICommonsComponentEmits {
 }
+/** Navigation button props forwarded by `<OrigamWindow>` to its
+ *  prev/next `<origam-btn>` (spread via `v-bind`). */
+export interface IWindowNavBtnProps {
+    icon: TIcon;
+    class: string;
+    onClick: () => void;
+    'aria-label': string;
+}
+/** Slot signatures for `<OrigamWindow>`. `default` / `additional`
+ *  receive the window's own selection/navigation API (`useGroup`
+ *  return value); `arrows` / `prev` / `next` receive the pre-built
+ *  navigation button props. */
+export interface IWindowSlots {
+    default?: (group: IGroupProvide) => any;
+    arrows?: (data: {
+        prevProps: IWindowNavBtnProps;
+        nextProps: IWindowNavBtnProps;
+        canMoveBack: boolean;
+        canMoveForward: boolean;
+    }) => any;
+    prev?: (data: {
+        props: IWindowNavBtnProps;
+        canMove: boolean;
+    }) => any;
+    next?: (data: {
+        props: IWindowNavBtnProps;
+        canMove: boolean;
+    }) => any;
+    additional?: (group: IGroupProvide) => any;
+}

package/dist/src/interfaces/index.cjs

@@ -168,6 +168,17 @@ Object.keys(_bracketRoundComponent).forEach(function (key) {
     }
   });
 });
+var _bracketSurface = require("./Bracket/bracket-surface.interface.cjs");
+Object.keys(_bracketSurface).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _bracketSurface[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _bracketSurface[key];
+    }
+  });
+});
 var _breadcrumb = require("./Breadcrumb/breadcrumb.interface.cjs");
 Object.keys(_breadcrumb).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -344,6 +355,17 @@ Object.keys(_chipGroup).forEach(function (key) {
     }
   });
 });
+var _clientOnly = require("./ClientOnly/client-only.interface.cjs");
+Object.keys(_clientOnly).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _clientOnly[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _clientOnly[key];
+    }
+  });
+});
 var _clipboard = require("./Clipboard/clipboard.interface.cjs");
 Object.keys(_clipboard).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -2324,6 +2346,17 @@ Object.keys(_textMask).forEach(function (key) {
     }
   });
 });
+var _themeProvider = require("./ThemeProvider/theme-provider.interface.cjs");
+Object.keys(_themeProvider).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _themeProvider[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _themeProvider[key];
+    }
+  });
+});
 var _title = require("./Title/title.interface.cjs");
 Object.keys(_title).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -2588,6 +2621,28 @@ Object.keys(_calendar2).forEach(function (key) {
     }
   });
 });
+var _rrule = require("./Calendar/rrule.interface.cjs");
+Object.keys(_rrule).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _rrule[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _rrule[key];
+    }
+  });
+});
+var _cssSupport = require("./CssSupport/css-support.interface.cjs");
+Object.keys(_cssSupport).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _cssSupport[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _cssSupport[key];
+    }
+  });
+});
 var _chartSeries = require("./Chart/chart-series.interface.cjs");
 Object.keys(_chartSeries).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/dist/src/interfaces/index.d.ts

@@ -13,6 +13,7 @@ export * from './Bracket/bracket-round.interface';
 export * from './Bracket/bracket-match-component.interface';
 export * from './Bracket/bracket-competitor-component.interface';
 export * from './Bracket/bracket-round-component.interface';
+export * from './Bracket/bracket-surface.interface';
 export * from './Breadcrumb/breadcrumb.interface';
 export * from './Breadcrumb/breadcrumb-item.interface';
 export * from './Breadcrumb/breadcrumb-divider.interface';
@@ -29,6 +30,7 @@ export * from './Checkbox/checkbox.interface';
 export * from './Checkbox/checkbox-btn.interface';
 export * from './Chip/chip.interface';
 export * from './Chip/chip-group.interface';
+export * from './ClientOnly/client-only.interface';
 export * from './Clipboard/clipboard.interface';
 export * from './Code/code.interface';
 export * from './ColorPicker/color-picker.interface';
@@ -209,6 +211,7 @@ export * from './Textarea/textarea-rich.interface';
 export * from './Textarea/textarea-toolbar.interface';
 export * from './TextField/text-field.interface';
 export * from './TextMask/text-mask.interface';
+export * from './ThemeProvider/theme-provider.interface';
 export * from './Title/title.interface';
 export * from './Toolbar/toolbar.interface';
 export * from './Tooltip/tooltip.interface';
@@ -233,6 +236,8 @@ export * from './Video/video.interface';
 export * from './Video/video-track.interface';
 export * from './Calendar/event.interface';
 export * from './Calendar/calendar.interface';
+export * from './Calendar/rrule.interface';
+export * from './CssSupport/css-support.interface';
 export * from './Chart/chart-series.interface';
 export * from './Chart/chart-point.interface';
 export * from './Chart/chart-drilldown.interface';

package/dist/src/interfaces/index.js

@@ -13,6 +13,7 @@ export * from "./Bracket/bracket-round.interface.js";
 export * from "./Bracket/bracket-match-component.interface.js";
 export * from "./Bracket/bracket-competitor-component.interface.js";
 export * from "./Bracket/bracket-round-component.interface.js";
+export * from "./Bracket/bracket-surface.interface.js";
 export * from "./Breadcrumb/breadcrumb.interface.js";
 export * from "./Breadcrumb/breadcrumb-item.interface.js";
 export * from "./Breadcrumb/breadcrumb-divider.interface.js";
@@ -29,6 +30,7 @@ export * from "./Checkbox/checkbox.interface.js";
 export * from "./Checkbox/checkbox-btn.interface.js";
 export * from "./Chip/chip.interface.js";
 export * from "./Chip/chip-group.interface.js";
+export * from "./ClientOnly/client-only.interface.js";
 export * from "./Clipboard/clipboard.interface.js";
 export * from "./Code/code.interface.js";
 export * from "./ColorPicker/color-picker.interface.js";
@@ -209,6 +211,7 @@ export * from "./Textarea/textarea-rich.interface.js";
 export * from "./Textarea/textarea-toolbar.interface.js";
 export * from "./TextField/text-field.interface.js";
 export * from "./TextMask/text-mask.interface.js";
+export * from "./ThemeProvider/theme-provider.interface.js";
 export * from "./Title/title.interface.js";
 export * from "./Toolbar/toolbar.interface.js";
 export * from "./Tooltip/tooltip.interface.js";
@@ -233,6 +236,8 @@ export * from "./Video/video.interface.js";
 export * from "./Video/video-track.interface.js";
 export * from "./Calendar/event.interface.js";
 export * from "./Calendar/calendar.interface.js";
+export * from "./Calendar/rrule.interface.js";
+export * from "./CssSupport/css-support.interface.js";
 export * from "./Chart/chart-series.interface.js";
 export * from "./Chart/chart-point.interface.js";
 export * from "./Chart/chart-drilldown.interface.js";

package/dist/src/origam.cjs

@@ -32,6 +32,7 @@ function createOrigam(origam = {}) {
   const installedThemes = (0, _utils.installedThemesFromList)(allThemes);
   const defaultsRef = (0, _composables.createDefaults)({});
   defaultsRef.value = activeDefaultsFor(allThemes, allThemes[0]?.name ?? "", void 0);
+  const themedKeysUnion = (0, _composables.themedPropKeysUnion)(allThemes.map(theme => theme.components).filter(components2 => !!components2));
   const scope = (0, _vue.effectScope)();
   return scope.run(() => {
     const icons = (0, _composables.createIcons)(options.icons);
@@ -67,6 +68,7 @@ function createOrigam(origam = {}) {
       app.provide(_consts.ORIGAM_GO_TO_KEY, goTo);
       app.provide(_consts.ORIGAM_THEMES_KEY, installedThemes);
       app.provide(_consts.ORIGAM_DEFAULTS_KEY, defaultsRef);
+      (0, _composables.installThemePropsResolver)(app, themedKeysUnion);
       app.provide(_consts.ORIGAM_THEME_DEFAULTS_KEY, (brand, mode) => activeDefaultsFor(allThemes, brand, mode));
       if (_consts.IN_BROWSER && options.ssr) {
         const nuxt = app.$nuxt;

package/dist/src/origam.js

@@ -1,5 +1,14 @@
 import * as origamComponents from "./components/index.js";
-import { createDate, createDefaults, createDisplay, createGoTo, createIcons, createLocale } from "./composables/index.js";
+import {
+  createDate,
+  createDefaults,
+  createDisplay,
+  createGoTo,
+  createIcons,
+  createLocale,
+  installThemePropsResolver,
+  themedPropKeysUnion
+} from "./composables/index.js";
 import {
   IN_BROWSER,
   ORIGAM_DATE_ADAPTER_KEY,
@@ -34,6 +43,9 @@ export function createOrigam(origam = {}) {
   const installedThemes = installedThemesFromList(allThemes);
   const defaultsRef = createDefaults({});
   defaultsRef.value = activeDefaultsFor(allThemes, allThemes[0]?.name ?? "", void 0);
+  const themedKeysUnion = themedPropKeysUnion(
+    allThemes.map((theme) => theme.components).filter((components2) => !!components2)
+  );
   const scope = effectScope();
   return scope.run(() => {
     const icons = createIcons(options.icons);
@@ -69,6 +81,7 @@ export function createOrigam(origam = {}) {
       app.provide(ORIGAM_GO_TO_KEY, goTo);
       app.provide(ORIGAM_THEMES_KEY, installedThemes);
       app.provide(ORIGAM_DEFAULTS_KEY, defaultsRef);
+      installThemePropsResolver(app, themedKeysUnion);
       app.provide(ORIGAM_THEME_DEFAULTS_KEY, (brand, mode) => activeDefaultsFor(allThemes, brand, mode));
       if (IN_BROWSER && options.ssr) {
         const nuxt = app.$nuxt;

package/dist/src/types/Audio/audio.type.d.ts

@@ -0,0 +1,37 @@
+import { OrigamAudio } from '../../components';
+import { AUDIO_LOOP_MODE, AUDIO_VARIANT } from '../../enums';
+import type { TControlsSource } from '../Commons/controls.type';
+import type { TInline } from '../Commons/anchor.type';
+export type TOrigamAudio = InstanceType<typeof OrigamAudio>;
+/**
+ * Controls rendering strategy for `<OrigamAudio>`.
+ *
+ * - `'custom'` (default): the component paints `<OrigamMediaController>`
+ *   on top of the `<audio>` element. The `<audio>` is rendered WITHOUT
+ *   the native `controls` attribute so the two UIs do not stack.
+ * - `'native'`: the `<audio>` element receives the native `controls`
+ *   attribute and the browser paints its own bar. No custom UI is
+ *   rendered. Useful when the platform's accessibility shortcuts
+ *   matter more than a unified visual identity.
+ *
+ * `custom | native` subset of the Commons `TControlsSource` (see
+ * `Commons/controls.type.ts`) — Audio has no `'none'` variant, unlike
+ * `TVideoControls`.
+ */
+export type TAudioControls = Exclude<TControlsSource, 'none'>;
+/**
+ * String-typed equivalent of {@link AUDIO_LOOP_MODE}.
+ */
+export type TAudioLoopMode = `${AUDIO_LOOP_MODE}`;
+/**
+ * String-typed equivalent of {@link AUDIO_VARIANT}. Lets callers pass
+ * literal `'normal' | 'minimal'` strings on the SFC prop API while the
+ * runtime still recognises the enum members.
+ */
+export type TAudioVariant = `${AUDIO_VARIANT}`;
+/**
+ * String-typed equivalent of {@link COVER_POSITION}, which itself
+ * mirrors {@link INLINE} (see `Commons/anchor.enum.ts`). Drives the
+ * `coverPosition` prop of `<OrigamAudio>`.
+ */
+export type TCoverPosition = TInline;

package/dist/src/types/Blockquote/blockquote.type.d.ts

@@ -0,0 +1,43 @@
+import { OrigamBlockquote } from '../../components';
+import { BLOCKQUOTE_LANG, BLOCKQUOTE_VARIANT, TEXT_ALIGN } from '../../enums';
+export type TOrigamBlockquote = InstanceType<typeof OrigamBlockquote>;
+/**
+ * Horizontal alignment of the citation body. `pull` variant defaults to
+ * `'center'`; every other variant defaults to `'left'`.
+ */
+export type TBlockquoteAlign = `${TEXT_ALIGN}`;
+/**
+ * Locale hint for `<OrigamBlockquote>` decorative quote marks. Only
+ * relevant for `variant="quoted"` — the other variants ignore the prop.
+ *
+ * - `'fr'`   — French guillemets : « … »
+ * - `'en'`   — Curly double quotes: “ … ”
+ * - `'es'`   — Spanish angular quotes: « … » (same glyphs as fr,
+ *              kept distinct so future tweaks — e.g. spanish prefers
+ *              corner marks ｢ ｣ in some fonts — can branch cleanly).
+ * - `'de'`   — German low-9 / high-6 pair: „ … “
+ * - `'auto'` — honour the consumer-provided `lang` attribute on the
+ *              element OR `<html lang>` if none. Falls back to `'en'`
+ *              when no locale is reachable.
+ *
+ * Resolution lives in `src/consts/Blockquote/blockquote.const.ts`
+ * (`QUOTE_MARKS_BY_LANG`).
+ */
+export type TBlockquoteLang = `${BLOCKQUOTE_LANG}`;
+/**
+ * Visual variants for `<OrigamBlockquote>`. Each variant is a self
+ * contained typographic treatment; consumers do not mix them — pick the
+ * one that fits the surrounding content density.
+ *
+ * - `default`  — left accent bar + comfortable padding-inline. Neutral
+ *                rhythm, fits most prose contexts.
+ * - `elegant`  — serif face, italic, more breathing room. Editorial
+ *                long-form content (essays, articles).
+ * - `quoted`   — large decorative open/close marks (locale-aware,
+ *                see `TBlockquoteLang`). Marketing pages, hero quotes.
+ * - `minimal`  — bare italic + small indent. Inline citations inside
+ *                technical docs where the visual must stay quiet.
+ * - `pull`     — pull quote: large body type, centred, extracted out of
+ *                the flow. Use sparingly — one per article max.
+ */
+export type TBlockquoteVariant = `${BLOCKQUOTE_VARIANT}`;

package/dist/src/types/BottomNav/bottom-nav.type.d.ts

@@ -1,4 +1,9 @@
 import { OrigamBottomNav } from '../../components';
 import type { BOTTOM_NAV_POSITION } from '../../enums';
 export type TOrigamBottomNav = InstanceType<typeof OrigamBottomNav>;
+/**
+ * String-typed equivalent of {@link BOTTOM_NAV_POSITION}, a strict
+ * `start | center | end` subset of the Commons `TAlign` scale — see
+ * `enums/BottomNav/bottom-nav-position.enum.ts`.
+ */
 export type TBottomNavPosition = `${BOTTOM_NAV_POSITION}`;

package/dist/src/types/Bracket/bracket-competitor.type.d.ts

@@ -0,0 +1,2 @@
+import { OrigamBracketCompetitor } from '../../components';
+export type TOrigamBracketCompetitor = InstanceType<typeof OrigamBracketCompetitor>;

package/dist/src/types/Bracket/bracket-match.type.d.ts

@@ -0,0 +1,4 @@
+import { BRACKET_MATCH_STATUS } from '../../enums';
+import { OrigamBracketMatch } from '../../components';
+export type TBracketMatchStatus = `${BRACKET_MATCH_STATUS}`;
+export type TOrigamBracketMatch = InstanceType<typeof OrigamBracketMatch>;

package/dist/src/types/Bracket/{bracket-round-side.type.d.ts → bracket-round.type.d.ts}

@@ -1,3 +1,5 @@
+import { OrigamBracketRound } from '../../components';
+import { BRACKET_ROUND_SIDE } from '../../enums';
 /**
  * Optional side marker for double-elimination tournaments.
  *
@@ -9,4 +11,5 @@
  * Single-elimination tournaments do not need to set this — leave it
  * `undefined`.
  */
-export type TBracketRoundSide = 'winner' | 'loser' | 'grand-final';
+export type TBracketRoundSide = `${BRACKET_ROUND_SIDE}`;
+export type TOrigamBracketRound = InstanceType<typeof OrigamBracketRound>;

package/dist/src/types/Bracket/bracket.type.d.ts

@@ -0,0 +1,104 @@
+import type { IBracketMatch, IBracketRound } from '../../interfaces';
+import type { IBorderProps } from '../../interfaces/Commons/border.interface';
+import type { IRoundedProps } from '../../interfaces/Commons/rounded.interface';
+import type { TColor } from '../Commons/color.type';
+import type { TDirection } from '../Commons/direction.type';
+import type { TElevation } from '../Commons/elevation.type';
+import { BRACKET_VARIANT } from '../../enums';
+import { OrigamBracket } from '../../components';
+/**
+ * One measured SVG connector link between two match cards
+ * (`<OrigamBracket>`'s `connectorPaths`). Computed from the LIVE DOM rects
+ * of the match cards (not a formula) so the link always lands on the
+ * exact centre of the card it leaves / enters — see the "Connector
+ * measurement" block in `OrigamBracket.vue` for why a formula was not
+ * reliable across density / title / score variations.
+ */
+export type TBracketConnectorPath = {
+    key: string;
+    d: string;
+    from: {
+        matchId: IBracketMatch['id'];
+        x: number;
+        y: number;
+    };
+    to: {
+        matchId: IBracketMatch['id'];
+        x: number;
+        y: number;
+    };
+    winner: boolean;
+};
+/**
+ * Layout axis of the bracket tree.
+ *
+ * - `'horizontal'` — each round is a column, matches stack vertically
+ *   within the column, connectors flow left-to-right.
+ * - `'vertical'`   — each round is a row, matches lay out horizontally,
+ *   connectors flow top-to-bottom.
+ *
+ * Mirrors the global `TDirection` so the bracket plays nicely with the
+ * rest of the design system's direction props.
+ */
+export type TBracketDirection = TDirection;
+/**
+ * One rendered tree of a double-elimination bracket (`<OrigamBracket>`'s
+ * `doubleSections` computed). A double-elimination tournament is really
+ * two independent trees — Winner Bracket and Loser Bracket — converging on
+ * a single Grand Final, so each section carries its own pre-translated
+ * label and the subset of `IBracketRound[]` that belongs to it. Empty
+ * sections are filtered out before render.
+ */
+export type TBracketDoubleSection = {
+    key: 'winners' | 'losers' | 'grand-final';
+    label: string;
+    rounds: IBracketRound[];
+};
+export type TBracketVariant = `${BRACKET_VARIANT}`;
+export type TOrigamBracket = InstanceType<typeof OrigamBracket>;
+/**
+ * Input vocabularies accepted by the `resolveBracket*` helpers in
+ * `src/utils/Bracket/bracket-surface.util.ts`.
+ *
+ * Each one is DERIVED from the matching Commons surface rather than
+ * restated as a literal union. The four started life as four hand-typed
+ * unions — three of which (`rounded`, `elevation`, `border`) had
+ * collapsed to the byte-identical `string | number | boolean | null |
+ * undefined`, so nothing in the type system stopped them drifting apart
+ * from the props they are fed by, nor from each other. Deriving them
+ * means a widening of `IRoundedProps['rounded']` (or of `TElevation`)
+ * reaches the resolver's signature on its own.
+ *
+ * They are LOOSER than the props they mirror on one axis: the resolvers
+ * are called with raw prop bags through a cast (see
+ * `bracketSurfaceVars(props as IBracketSurfaceInput)` in
+ * `OrigamBracket.vue`), so `null` and a bare `true` opt-in both have to
+ * be accepted and are handled explicitly at runtime.
+ */
+/**
+ * Colour input — the string half of {@link TColor}. The bracket
+ * resolvers deliberately do NOT accept `IGradient`: they emit
+ * `--origam-bracket-match---*` custom properties that feed
+ * `background-color` / `border-color`, and neither CSS property has a
+ * gradient form.
+ */
+export type TBracketColor = Extract<TColor, string> | null | undefined;
+/** Corner-radius input — the exact vocabulary of `IRoundedProps['rounded']`. */
+export type TBracketRounded = IRoundedProps['rounded'];
+/**
+ * Elevation input — {@link TElevation} plus the boolean opt-in
+ * (`true` → the default `md` rung) and the falsy opt-out.
+ */
+export type TBracketElevation = TElevation | boolean | null | undefined;
+/**
+ * Border-width input — the per-side vocabulary of
+ * `IBorderProps['borderTop']`, plus the falsy opt-out.
+ *
+ * The per-SIDE prop is the right reference here, not the global
+ * `IBorderProps['border']`: the latter also accepts a
+ * `TDirectionBoth[]` ("border on these edges only"), which is an edge
+ * SELECTOR, not a width. `resolveBracketBorderWidth` resolves a width
+ * for one already-chosen edge, so the array form has no meaning at this
+ * layer.
+ */
+export type TBracketBorder = IBorderProps['borderTop'] | null | undefined;

package/dist/src/types/Calendar/calendar.type.d.ts

@@ -0,0 +1,26 @@
+import { OrigamCalendar } from '../../components';
+import { CALENDAR_NAVIGATE, CALENDAR_TIME_FORMAT, CALENDAR_VIEW } from '../../enums';
+export type TOrigamCalendar = InstanceType<typeof OrigamCalendar>;
+/**
+ * Clock format for time labels in week / day / agenda views.
+ *
+ * `'24h'` — 00:00 → 23:59. Default for everywhere except en-US.
+ * `'12h'` — 12:00 AM → 11:59 PM. Honours locale-specific AM/PM.
+ */
+export type TCalendarTimeFormat = `${CALENDAR_TIME_FORMAT}`;
+/**
+ * Navigation direction passed to `useCalendar().navigate(...)` and
+ * the `navigate` event. `'today'` jumps to "now" regardless of the
+ * current view.
+ */
+export type TCalendarNavigate = `${CALENDAR_NAVIGATE}`;
+/**
+ * Top-level view modes supported by `<OrigamCalendar>`.
+ *
+ * - `'month'` — 6×7 day grid; the canonical "month at a glance" view.
+ * - `'week'`  — 7-column vertical timeline with one row per slot.
+ * - `'day'`   — single-column vertical timeline (zoom into one day).
+ * - `'agenda'`— flat list grouped by day, useful for screen readers
+ *               and dense schedules.
+ */
+export type TCalendarView = `${CALENDAR_VIEW}`;

package/dist/src/types/Chart/chart-axis.type.d.ts

@@ -0,0 +1,2 @@
+import { OrigamChartAxis } from '../../components';
+export type TOrigamChartAxis = InstanceType<typeof OrigamChartAxis>;

package/dist/src/types/Chart/chart-box-plot.type.d.ts

@@ -0,0 +1,2 @@
+import { OrigamChartBoxPlot } from '../../components';
+export type TOrigamChartBoxPlot = InstanceType<typeof OrigamChartBoxPlot>;

package/dist/src/types/Chart/chart-bullet.type.d.ts

@@ -0,0 +1,2 @@
+import { OrigamChartBullet } from '../../components';
+export type TOrigamChartBullet = InstanceType<typeof OrigamChartBullet>;

package/dist/src/types/Chart/chart-candlestick.type.d.ts

@@ -0,0 +1,2 @@
+import { OrigamChartCandlestick } from '../../components';
+export type TOrigamChartCandlestick = InstanceType<typeof OrigamChartCandlestick>;

package/dist/src/types/Chart/{chart-cartesian-kind.type.d.ts → chart-cartesian.type.d.ts}

@@ -1,3 +1,5 @@
+import { OrigamChartCartesian } from '../../components';
+import { CHART_CARTESIAN_KIND } from '../../enums';
 /**
  * Cartesian chart topology — the subset of `TChartType` that
  * `<OrigamChartCartesian>` knows how to render. Each value implies
@@ -15,4 +17,5 @@
  * `TChartType` because the family-level component only accepts
  * this narrower subset — the SFC's `defineProps` enforces it.
  */
-export type TChartCartesianKind = 'line' | 'area' | 'bar' | 'column' | 'scatter' | 'spline' | 'stepped-line';
+export type TChartCartesianKind = `${CHART_CARTESIAN_KIND}`;
+export type TOrigamChartCartesian = InstanceType<typeof OrigamChartCartesian>;

package/dist/src/types/Chart/chart-gauge.type.d.ts

@@ -0,0 +1,2 @@
+import { OrigamChartGauge } from '../../components';
+export type TOrigamChartGauge = InstanceType<typeof OrigamChartGauge>;

package/dist/src/types/Chart/chart-heatmap.type.d.ts

@@ -0,0 +1,2 @@
+import { OrigamChartHeatmap } from '../../components';
+export type TOrigamChartHeatmap = InstanceType<typeof OrigamChartHeatmap>;

package/dist/src/types/Chart/chart-honeycomb.type.d.ts

@@ -0,0 +1,5 @@
+import type { CHART_HONEYCOMB_COLOR_MODE, CHART_HONEYCOMB_ORIENTATION } from '../../enums';
+import { OrigamChartHoneycomb } from '../../components';
+export type TChartHoneycombColorMode = `${CHART_HONEYCOMB_COLOR_MODE}`;
+export type TChartHoneycombOrientation = `${CHART_HONEYCOMB_ORIENTATION}`;
+export type TOrigamChartHoneycomb = InstanceType<typeof OrigamChartHoneycomb>;

package/dist/src/types/Chart/chart-legend.type.d.ts

@@ -0,0 +1,12 @@
+import { OrigamChartLegend } from '../../components';
+import type { TDirectionBoth } from '../Commons/anchor.type';
+/**
+ * Anchor position of the legend block inside `<OrigamChart>`. The
+ * SVG plotting area shrinks or grows depending on the value — the
+ * flex layout in the SCSS handles the box arithmetic.
+ *
+ * Aliases the Commons physical-side vocabulary (`BLOCK` + `INLINE` =
+ * top/bottom/left/right) rather than redeclaring its four literals.
+ */
+export type TChartLegendPosition = TDirectionBoth;
+export type TOrigamChartLegend = InstanceType<typeof OrigamChartLegend>;

package/dist/src/types/Chart/{chart-map-mode.type.d.ts → chart-map.type.d.ts}

@@ -1,4 +1,5 @@
-import type { CHART_MAP_MODE } from '../../enums/Chart/chart-map-mode.enum';
+import type { CHART_MAP_MODE } from '../../enums/Chart/chart-map.enum';
+import { OrigamChartMap } from '../../components';
 /**
  * Rendering mode for `<OrigamChartMap>`.
  *
@@ -6,3 +7,4 @@ import type { CHART_MAP_MODE } from '../../enums/Chart/chart-map-mode.enum';
  * - `'flight-routes'` — curved arcs drawn between country pairs.
  */
 export type TChartMapMode = `${CHART_MAP_MODE}`;
+export type TOrigamChartMap = InstanceType<typeof OrigamChartMap>;

package/dist/src/types/Chart/chart-pareto.type.d.ts

@@ -0,0 +1,2 @@
+import { OrigamChartPareto } from '../../components';
+export type TOrigamChartPareto = InstanceType<typeof OrigamChartPareto>;

package/dist/src/types/Chart/chart-pictorial.type.d.ts

@@ -0,0 +1,4 @@
+import { OrigamChartPictorial } from '../../components';
+import { CHART_PICTORIAL_MODE } from '../../enums';
+export type TChartPictorialMode = `${CHART_PICTORIAL_MODE}`;
+export type TOrigamChartPictorial = InstanceType<typeof OrigamChartPictorial>;

package/dist/src/types/Chart/chart-polar-bar.type.d.ts

@@ -0,0 +1,2 @@
+import { OrigamChartPolarBar } from '../../components';
+export type TOrigamChartPolarBar = InstanceType<typeof OrigamChartPolarBar>;

package/dist/src/types/Chart/{chart-polar-kind.type.d.ts → chart-polar.type.d.ts}

@@ -1,3 +1,5 @@
+import { OrigamChartPolar } from '../../components';
+import { CHART_POLAR_KIND } from '../../enums';
 /**
  * Polar chart topology — the subset of `TChartType` that
  * `<OrigamChartPolar>` knows how to render. Two values, two arc
@@ -11,4 +13,5 @@
  * reason (the legacy `<OrigamChart>` shell painted axis lines
  * behind pie/donut slices, which is the user's primary complaint).
  */
-export type TChartPolarKind = 'pie' | 'donut';
+export type TChartPolarKind = `${CHART_POLAR_KIND}`;
+export type TOrigamChartPolar = InstanceType<typeof OrigamChartPolar>;

package/dist/src/types/Chart/{chart-pyramid-kind.type.d.ts → chart-pyramid.type.d.ts}

@@ -1,4 +1,5 @@
 import { CHART_PYRAMID_KIND } from '../../enums';
+import { OrigamChartPyramid } from '../../components';
 /**
  * The two rendering modes of the pyramid / funnel family.
  *
@@ -7,3 +8,4 @@ import { CHART_PYRAMID_KIND } from '../../enums';
  *                 (classic conversion funnel shape).
  */
 export type TChartPyramidKind = `${CHART_PYRAMID_KIND}`;
+export type TOrigamChartPyramid = InstanceType<typeof OrigamChartPyramid>;

package/dist/src/types/Chart/chart-radar.type.d.ts

@@ -0,0 +1,2 @@
+import { OrigamChartRadar } from '../../components';
+export type TOrigamChartRadar = InstanceType<typeof OrigamChartRadar>;

package/dist/src/types/Chart/chart-range-selector.type.d.ts

@@ -0,0 +1,2 @@
+import { OrigamChartRangeSelector } from '../../components';
+export type TOrigamChartRangeSelector = InstanceType<typeof OrigamChartRangeSelector>;