origam 2.14.1 → 2.16.0

package/dist/src/types/Media/index.cjs

@@ -3,25 +3,47 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-var _mediaScrubberOrientation = require("./media-scrubber-orientation.type.cjs");
-Object.keys(_mediaScrubberOrientation).forEach(function (key) {
+var _qualityOption = require("./quality-option.type.cjs");
+Object.keys(_qualityOption).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _mediaScrubberOrientation[key]) return;
+  if (key in exports && exports[key] === _qualityOption[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function () {
-      return _mediaScrubberOrientation[key];
+      return _qualityOption[key];
     }
   });
 });
-var _qualityOption = require("./quality-option.type.cjs");
-Object.keys(_qualityOption).forEach(function (key) {
+var _mediaController = require("./media-controller.type.cjs");
+Object.keys(_mediaController).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _qualityOption[key]) return;
+  if (key in exports && exports[key] === _mediaController[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function () {
-      return _qualityOption[key];
+      return _mediaController[key];
+    }
+  });
+});
+var _mediaScrubber = require("./media-scrubber.type.cjs");
+Object.keys(_mediaScrubber).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _mediaScrubber[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _mediaScrubber[key];
+    }
+  });
+});
+var _mediaVolumeControl = require("./media-volume-control.type.cjs");
+Object.keys(_mediaVolumeControl).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _mediaVolumeControl[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _mediaVolumeControl[key];
     }
   });
 });

package/dist/src/types/Media/index.d.ts

@@ -1,2 +1,4 @@
-export * from './media-scrubber-orientation.type';
 export * from './quality-option.type';
+export * from './media-controller.type';
+export * from './media-scrubber.type';
+export * from './media-volume-control.type';

package/dist/src/types/Media/index.js

@@ -1,2 +1,4 @@
-export * from "./media-scrubber-orientation.type.js";
 export * from "./quality-option.type.js";
+export * from "./media-controller.type.js";
+export * from "./media-scrubber.type.js";
+export * from "./media-volume-control.type.js";

package/dist/src/types/Media/media-controller.type.d.ts

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

package/dist/src/types/Media/media-scrubber.type.d.ts

@@ -0,0 +1,12 @@
+import { OrigamMediaScrubber } from '../../components';
+import type { TDirection } from '../Commons/direction.type';
+export type TOrigamMediaScrubber = InstanceType<typeof OrigamMediaScrubber>;
+/**
+ * Layout axis for `<OrigamMediaScrubber>`. Horizontal is the default,
+ * matches the YouTube timeline shape; vertical is the volume / level
+ * meter shape (top = max, bottom = min).
+ *
+ * Mirrors the global `TDirection` so the scrubber plays nicely with the
+ * rest of the design system's direction props.
+ */
+export type TMediaScrubberOrientation = TDirection;

package/dist/src/types/Media/media-volume-control.type.cjs

@@ -0,0 +1 @@
+"use strict";

package/dist/src/types/Media/media-volume-control.type.d.ts

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

package/dist/src/types/Media/quality-option.type.d.ts

@@ -2,11 +2,22 @@
  * Single entry of the quality drill-down inside the
  * `<OrigamMediaController>` config menu.
  *
- * Shared shape between `<OrigamVideo>` (which derives it from its
- * `<source>` array) and `<OrigamAudio>` (step 4 — will derive it from
- * its own source array). The `quality` field is the stable identifier
- * passed back via `quality-change`; `label` is the human-readable text
- * shown in the menu.
+ * Shared shape, actually consumed by two components: `<OrigamVideo>`
+ * (derives it from its `<source>` array) and `<OrigamMediaController>`
+ * (`qualityOptions` prop). `<OrigamAudio>` will derive it too (step 4 —
+ * from its own source array). The `quality` field is the stable
+ * identifier passed back via `quality-change`; `label` is the
+ * human-readable text shown in the menu.
+ *
+ * Deliberately filed under `types/Media/` rather than under a single
+ * component's folder — a symbol with more than one consumer has no
+ * business living under one component's directory (the next consumer
+ * wouldn't find it there). `Media` is the DS's assumed shared family
+ * for the media-player building blocks (`MediaController`,
+ * `MediaScrubber`, `MediaVolumeControl` — no single owning component),
+ * the same role `Commons/` plays for the whole DS. Not promoted to
+ * `Commons/` itself because the shape (`quality`/`label`/`src`/`type`)
+ * is media-source-specific, not a DS-wide generic concept.
  *
  * Lives in `types/` rather than `interfaces/` because the shape is a
  * plain data record — `T`-prefix per project convention.

package/dist/src/types/NumberFormat/number-format.type.cjs

@@ -0,0 +1 @@
+"use strict";

package/dist/src/types/NumberFormat/{number-format-format.type.d.ts → number-format.type.d.ts}

@@ -1,3 +1,6 @@
+import { OrigamNumberFormat } from '../../components';
+import { NUMBER_FORMAT_COMPACT_DISPLAY, NUMBER_FORMAT_CURRENCY_DISPLAY, NUMBER_FORMAT_FORMAT, NUMBER_FORMAT_NOTATION, NUMBER_FORMAT_SIGN_DISPLAY, NUMBER_FORMAT_UNIT_DISPLAY, NUMBER_FORMAT_USE_GROUPING } from '../../enums';
+export type TOrigamNumberFormat = InstanceType<typeof OrigamNumberFormat>;
 /**
  * High-level format dialect understood by `<OrigamNumberFormat>` and
  * `useNumberFormat`. Each value maps to a known `Intl.NumberFormat`
@@ -14,39 +17,39 @@
  * - `scientific` — exponent notation (1.234E5).
  * - `engineering` — engineering-style exponent (multiples of 3).
  */
-export type TNumberFormatFormat = 'decimal' | 'currency' | 'percent' | 'unit' | 'compact' | 'scientific' | 'engineering';
+export type TNumberFormatFormat = `${NUMBER_FORMAT_FORMAT}`;
 /**
  * Currency-symbol rendering — forwarded to `Intl.NumberFormat`'s
  * `currencyDisplay` option.
  */
-export type TNumberFormatCurrencyDisplay = 'symbol' | 'narrowSymbol' | 'code' | 'name';
+export type TNumberFormatCurrencyDisplay = `${NUMBER_FORMAT_CURRENCY_DISPLAY}`;
 /**
  * Unit-label rendering — forwarded to `Intl.NumberFormat`'s
  * `unitDisplay` option.
  */
-export type TNumberFormatUnitDisplay = 'short' | 'long' | 'narrow';
+export type TNumberFormatUnitDisplay = `${NUMBER_FORMAT_UNIT_DISPLAY}`;
 /**
  * Compact-notation rendering — forwarded to `Intl.NumberFormat`'s
  * `compactDisplay` option. Only applies when `notation === 'compact'`.
  */
-export type TNumberFormatCompactDisplay = 'short' | 'long';
+export type TNumberFormatCompactDisplay = `${NUMBER_FORMAT_COMPACT_DISPLAY}`;
 /**
  * Raw `notation` mirror — exposed for advanced callers who set
  * `format: 'decimal'` but still want scientific / engineering output.
  */
-export type TNumberFormatNotation = 'standard' | 'compact' | 'scientific' | 'engineering';
+export type TNumberFormatNotation = `${NUMBER_FORMAT_NOTATION}`;
 /**
  * Sign-display strategy — forwarded to `Intl.NumberFormat`'s
  * `signDisplay` option.
  */
-export type TNumberFormatSignDisplay = 'auto' | 'always' | 'except-zero' | 'negative' | 'never';
+export type TNumberFormatSignDisplay = `${NUMBER_FORMAT_SIGN_DISPLAY}`;
 /**
  * Grouping (thousands separator) strategy — boolean kept for backwards
  * compat with the original `Intl.NumberFormat` API; the string variants
  * (`'always' | 'auto' | 'min2'`) match the modern proposal landed in
  * Chrome 106+ / Safari 16.4+.
  */
-export type TNumberFormatUseGrouping = boolean | 'always' | 'auto' | 'min2';
+export type TNumberFormatUseGrouping = boolean | `${NUMBER_FORMAT_USE_GROUPING}`;
 /**
  * Sentinel for the locale prop — `'auto'` triggers the runtime
  * resolution chain (`<html lang>` → `navigator.language` → `'en-US'`).

package/dist/src/types/Parallax/parallax-layer.type.cjs

@@ -0,0 +1 @@
+"use strict";

package/dist/src/types/Parallax/parallax-layer.type.d.ts

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

package/dist/src/types/Parallax/parallax.type.d.ts

@@ -1,4 +1,7 @@
+import { PARALLAX_DIRECTION, PARALLAX_EASING } from '../../enums';
 import { OrigamParallax } from "../../components";
 import { PARALLAX_EVENT } from '../../enums';
+export type TParallaxDirection = `${PARALLAX_DIRECTION}`;
+export type TParallaxEasing = `${PARALLAX_EASING}`;
 export type TParallaxEvent = `${PARALLAX_EVENT}`;
 export type TOrigamParallax = InstanceType<typeof OrigamParallax>;

package/dist/src/types/PasswordField/password-field.type.d.ts

@@ -1,2 +1,18 @@
 import { OrigamPasswordField } from "../../components";
+import { PASSWORD_STRENGTH_LEVEL } from "../../enums";
 export type TOrigamPasswordField = InstanceType<typeof OrigamPasswordField>;
+/**
+ * `TPasswordStrengthLevel` — discrete bucket emitted by the
+ * `computeStrength()` heuristic from
+ * `composables/PasswordField/passwordStrength.composable.ts`.
+ *
+ * The value also doubles as a CSS modifier on the strength-bar segments
+ * (`origam-password-field__strength-segment--{level}`) and as the lookup
+ * key into the `--origam-password-field__strength---bg-{level}` token.
+ */
+export type TPasswordStrengthLevel = `${PASSWORD_STRENGTH_LEVEL}`;
+/**
+ * `TPasswordStrengthScore` — integer 0..4 returned by `computeStrength()`.
+ * Drives how many segments of the bar are filled (0 = empty, 4 = full).
+ */
+export type TPasswordStrengthScore = 0 | 1 | 2 | 3 | 4;

package/dist/src/types/QrCode/qr-code.type.cjs

@@ -0,0 +1 @@
+"use strict";

package/dist/src/types/QrCode/{qr-code-error-correction.type.d.ts → qr-code.type.d.ts}

@@ -1,3 +1,6 @@
+import { OrigamQrCode } from '../../components';
+import { QR_CODE_ERROR_CORRECTION_LEVEL } from '../../enums';
+export type TOrigamQrCode = InstanceType<typeof OrigamQrCode>;
 /**
  * QR Code error-correction level (Reed-Solomon redundancy budget).
  * The higher the level, the more of the matrix is reserved for
@@ -19,4 +22,4 @@
  * for ≥20%. Below `Q`, the redundancy budget is too thin for any
  * meaningful overlay.
  */
-export type TQrCodeErrorCorrectionLevel = 'L' | 'M' | 'Q' | 'H';
+export type TQrCodeErrorCorrectionLevel = `${QR_CODE_ERROR_CORRECTION_LEVEL}`;

package/dist/src/types/RichToolbar/rich-toolbar.type.cjs

@@ -0,0 +1 @@
+"use strict";

package/dist/src/types/RichToolbar/rich-toolbar.type.d.ts

@@ -0,0 +1,5 @@
+import type { TEXTAREA_TOOLBAR_COMMAND, TEXTAREA_TOOLBAR_POSITION } from '../../enums';
+import { OrigamRichToolbar } from '../../components';
+export type TOrigamRichToolbar = InstanceType<typeof OrigamRichToolbar>;
+export type TTextareaToolbarCommand = `${TEXTAREA_TOOLBAR_COMMAND}`;
+export type TTextareaToolbarPosition = `${TEXTAREA_TOOLBAR_POSITION}`;

package/dist/src/types/Section/section.type.cjs

@@ -0,0 +1 @@
+"use strict";

package/dist/src/types/Section/section.type.d.ts

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

package/dist/src/types/Sheet/sheet.type.d.ts

@@ -1,2 +1,25 @@
 import { OrigamSheet } from "../../components";
+import { SHEET_SNAP_ID } from "../../enums";
 export type TOrigamSheet = InstanceType<typeof OrigamSheet>;
+/**
+ * Sheet bottom-swipe snap-point typings.
+ *
+ * The bottom-sheet pattern (see `OrigamSheet` with `swipeable + side="bottom"`)
+ * relies on a discrete set of "snap" heights the gesture composable will
+ * settle on at the end of every drag. These types describe that contract.
+ *
+ * - `TSheetSnapId` — well-known id strings the component understands by
+ *   default (`closed`, `peek`, `half`, `full`). It also accepts arbitrary
+ *   strings so brand integrations can extend the set without forking.
+ * - `TSheetSnapPoint` — a `{ id, height }` tuple. Heights may be a number
+ *   (interpreted as px) or any CSS length (`'120px'`, `'50vh'`, `'90%'`).
+ *
+ * Use site: `OrigamSheet`, `sheetSwipe.composable.ts`,
+ * `sheetSwipe.composable.spec.ts`, the `Bottom — swipeable` story Variant
+ * and `tests/e2e/sheet.spec.ts`.
+ */
+export type TSheetSnapId = `${SHEET_SNAP_ID}` | (string & {});
+export type TSheetSnapPoint = {
+    id: TSheetSnapId;
+    height: number | string;
+};

package/dist/src/types/Skeleton/skeleton.type.d.ts

@@ -1,3 +1,4 @@
 import { OrigamSkeleton } from '../../components';
+import { SKELETON_VARIANT } from '../../enums';
 export type TOrigamSkeleton = InstanceType<typeof OrigamSkeleton>;
-export type TSkeletonVariant = 'text' | 'rectangular' | 'circular' | 'card' | 'list-item';
+export type TSkeletonVariant = `${SKELETON_VARIANT}`;

package/dist/src/types/SliderField/slider-field.type.d.ts

@@ -1,4 +1,14 @@
+import { SLIDER_FIELD_VARIANT } from '../../enums';
 import { OrigamSliderField } from '../../components';
+/**
+ * Visual variant of `<OrigamSliderField>`. Drives the rendering path:
+ * - `'field'`  → wrapped in `<origam-input>` (label, messages, …).
+ * - `'timer'`  → bare wrapper, sober video-scrubber look.
+ * - `'audio'`  → bare wrapper + waveform background painted from `peaks`.
+ *
+ * Default is `'field'` (no behavioural break vs. Phase 1).
+ */
+export type TSliderFieldVariant = `${SLIDER_FIELD_VARIANT}`;
 export type TAlways = boolean | 'always';
 export type TSliderData = {
     value: number;

package/dist/src/types/Snackbar/snackbar-group.type.d.ts

@@ -1,2 +1,23 @@
 import type { OrigamSnackbarGroup } from "../../components";
+import { SNACKBAR_GROUP_DIRECTION, SNACKBAR_GROUP_LOCATION } from "../../enums";
 export type TOrigamSnackbarGroup = InstanceType<typeof OrigamSnackbarGroup>;
+/**
+ * Stacking direction for `OrigamSnackbarGroup`.
+ *
+ * - `top-down` — newest item appended at the bottom of the visible
+ *   list (older items drift upward as the stack grows). Default for
+ *   locations anchored to the top edge.
+ * - `bottom-up` — newest item appears at the top of the visible list
+ *   (older items drift downward). Default for locations anchored to
+ *   the bottom edge.
+ */
+export type TSnackbarGroupDirection = `${SNACKBAR_GROUP_DIRECTION}`;
+/**
+ * Anchor locations supported by `OrigamSnackbarGroup`.
+ *
+ * Two-keyword strings (e.g. `'top-right'`) describe a corner, single
+ * keyword strings (`'top'`, `'bottom'`) describe a viewport edge with
+ * horizontal centering. Each location maps to a CSS pinning pair on
+ * the stack root (`top` / `bottom` + `left` / `right` / centered).
+ */
+export type TSnackbarGroupLocation = `${SNACKBAR_GROUP_LOCATION}`;

package/dist/src/types/Snackbar/snackbar-item.type.cjs

@@ -0,0 +1 @@
+"use strict";

package/dist/src/types/Snackbar/snackbar-item.type.d.ts

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

package/dist/src/types/Stepper/stepper.type.d.ts

@@ -1,5 +1,12 @@
 import type { OrigamStepper, OrigamStepperItem } from '../../components';
+import { STEPPER_ITEM_STATUS } from '../../enums';
+import type { TDirection } from '../Commons/direction.type';
 export type TOrigamStepper = InstanceType<typeof OrigamStepper>;
 export type TOrigamStepperItem = InstanceType<typeof OrigamStepperItem>;
-export type TStepperOrientation = 'horizontal' | 'vertical';
-export type TStepperItemStatus = 'pending' | 'active' | 'done' | 'error';
+/**
+ * Layout axis of `<OrigamStepper>`. Mirrors the global `TDirection` so
+ * the stepper plays nicely with the rest of the design system's
+ * direction props.
+ */
+export type TStepperOrientation = TDirection;
+export type TStepperItemStatus = `${STEPPER_ITEM_STATUS}`;

package/dist/src/types/Tabs/tab.type.d.ts

@@ -1,2 +1,4 @@
+import { TAB_VARIANT } from '../../enums';
 import { OrigamTab } from '../../components';
+export type TTabVariant = `${TAB_VARIANT}`;
 export type TOrigamTab = InstanceType<typeof OrigamTab>;

package/dist/src/types/TextField/text-field.type.d.ts

@@ -1,4 +1,44 @@
+import type { BUILT_IN_PATTERN, PATTERN_VALIDATOR } from '../../enums';
+import type { IMaskOptions } from '../../interfaces';
 import { OrigamTextField } from '../../components';
-import { TEXT_FIELD_TYPE } from "../../enums";
+import { MASK_TOKEN_KIND, TEXT_FIELD_TYPE } from "../../enums";
 export type TTextFieldType = `${TEXT_FIELD_TYPE}`;
 export type TOrigamTextField = InstanceType<typeof OrigamTextField>;
+/**
+ * Discriminated union of every curated mask preset shipped
+ * with origam. New presets must be added to
+ * `BUILT_IN_PATTERN` AND `BUILT_IN_PATTERNS` (const map).
+ */
+export type TBuiltInPattern = typeof BUILT_IN_PATTERN[keyof typeof BUILT_IN_PATTERN];
+/**
+ * Accepted value for the `OrigamTextField.mask` prop and the
+ * `useMask` first arg. Either a built-in preset key, a raw
+ * pattern string (with `#`, `A`, `*`, literals), or a full
+ * options object.
+ */
+export type TMask = TBuiltInPattern | string | IMaskOptions | null;
+/**
+ * Token kinds recognised by the in-house token-walker.
+ *
+ * - `digit`    : consumer slot, accepts `[0-9]` only.    (`#`)
+ * - `letter`   : consumer slot, accepts `[a-zA-Z]` only. (`A`)
+ * - `any`      : consumer slot, accepts any character.   (`*`)
+ * - `literal`  : emitted as-is, does NOT consume the
+ *                input character.
+ */
+export type TMaskTokenKind = `${MASK_TOKEN_KIND}`;
+/**
+ * Built-in validator name (string) — recognised by
+ * `validatePattern`.
+ */
+export type TPatternValidatorName = typeof PATTERN_VALIDATOR[keyof typeof PATTERN_VALIDATOR];
+/**
+ * User-supplied validator function — receives the UNMASKED
+ * value and returns `true` if it passes business rules.
+ */
+export type TPatternValidatorFn = (unmasked: string) => boolean;
+/**
+ * Validator passed to `useMask` / accepted by `resolveMaskConfig`.
+ * Either a registered name, or an arbitrary function.
+ */
+export type TPatternValidator = TPatternValidatorName | TPatternValidatorFn;

package/dist/src/types/TextMask/text-mask.type.d.ts

@@ -1,2 +1,19 @@
 import { OrigamTextMask } from "../../components";
+import { TEXT_MASK_ANIMATION } from "../../enums";
 export type TOrigamTextMask = InstanceType<typeof OrigamTextMask>;
+/**
+ * Animation strategy applied to the background painted under the
+ * `background-clip: text` mask.
+ *
+ *   - `pan`    — translate the gradient horizontally (default; great for
+ *                long horizontal `linear-gradient` ramps).
+ *   - `rotate` — rotate the background-image (best fit for `conic` gradients
+ *                where every angle is meaningful).
+ *   - `pulse`  — scale 1 → 1.2 → 1 (subtle breathing effect).
+ *   - `zoom`   — continuous scale 1 → 2 (cinematic "moving forward" feel).
+ *
+ * Every animation respects `prefers-reduced-motion: reduce` — the SCSS
+ * disables the keyframes entirely so users opting out of motion get a
+ * static painted text without flashes or transforms.
+ */
+export type TTextMaskAnimation = `${TEXT_MASK_ANIMATION}`;

package/dist/src/types/TextareaField/textarea-field.type.d.ts

@@ -1,2 +1,5 @@
+import type { TEXTAREA_MODE, TEXTAREA_OUTPUT } from '../../enums';
 import { OrigamTextareaField } from "../../components";
 export type TOrigamTextareaField = InstanceType<typeof OrigamTextareaField>;
+export type TTextareaMode = `${TEXTAREA_MODE}`;
+export type TTextareaOutput = `${TEXTAREA_OUTPUT}`;

package/dist/src/types/Theme/theme.type.d.ts

@@ -1,3 +1,4 @@
+import { COLOR_MODE } from '../../enums';
 /**
  * Runtime theme (brand) name applied to `<html data-theme="…">` (or to a
  * sub-tree via `<OrigamThemeProvider>`).
@@ -12,7 +13,7 @@
  * - any other string is treated as a custom theme (e.g. `'brand-a'`) — the
  *   matching CSS file must be loaded by the consumer.
  */
-export type TTheme = 'auto' | 'light' | 'dark' | (string & {});
+export type TTheme = `${COLOR_MODE}` | (string & {});
 /**
  * Concrete (resolved) theme — what `data-theme` actually equals after
  * resolving `'auto'`. Useful for components that need to know the
@@ -31,7 +32,7 @@ export type TThemeResolved = Exclude<TTheme, 'auto'>;
  * - `'light'` : forced light mode.
  * - `'dark'`  : forced dark mode.
  */
-export type TMode = 'auto' | 'light' | 'dark';
+export type TMode = `${COLOR_MODE}`;
 /**
  * Concrete (resolved) mode — what `data-mode` actually equals after
  * resolving `'auto'` against `prefers-color-scheme`.

package/dist/src/types/ThemeProvider/theme-provider.type.cjs

@@ -0,0 +1 @@
+"use strict";

package/dist/src/types/ThemeProvider/theme-provider.type.d.ts

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

package/dist/src/types/Timeline/timeline.type.d.ts

@@ -1,5 +1,12 @@
 import type { OrigamTimeline, OrigamTimelineItem } from '../../components';
+import { TIMELINE_SIDE } from '../../enums';
+import type { TDirection } from '../Commons/direction.type';
 export type TOrigamTimeline = InstanceType<typeof OrigamTimeline>;
 export type TOrigamTimelineItem = InstanceType<typeof OrigamTimelineItem>;
-export type TTimelineSide = 'start' | 'end' | 'alternating';
-export type TTimelineOrientation = 'vertical' | 'horizontal';
+export type TTimelineSide = `${TIMELINE_SIDE}`;
+/**
+ * Layout axis of `<OrigamTimeline>`. Mirrors the global `TDirection` so
+ * the timeline plays nicely with the rest of the design system's
+ * direction props.
+ */
+export type TTimelineOrientation = TDirection;

package/dist/src/types/Transition/reverse-translate-picker.type.cjs

@@ -0,0 +1 @@
+"use strict";

package/dist/src/types/Transition/reverse-translate-picker.type.d.ts

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

package/dist/src/types/Transition/translate-picker.type.cjs

@@ -0,0 +1 @@
+"use strict";

package/dist/src/types/Transition/translate-picker.type.d.ts

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

package/dist/src/types/Treeview/treeview.type.d.ts

@@ -1,5 +1,6 @@
 import type { OrigamTreeview, OrigamTreeviewNode } from '../../components';
+import { TREEVIEW_SELECT_MODE, TREEVIEW_SELECTABLE_NODES } from '../../enums';
 export type TOrigamTreeview = InstanceType<typeof OrigamTreeview>;
 export type TOrigamTreeviewNode = InstanceType<typeof OrigamTreeviewNode>;
-export type TTreeviewSelectMode = 'single' | 'multiple' | 'none';
-export type TTreeviewSelectableNodes = 'leaf' | 'all';
+export type TTreeviewSelectMode = `${TREEVIEW_SELECT_MODE}`;
+export type TTreeviewSelectableNodes = `${TREEVIEW_SELECTABLE_NODES}`;

package/dist/src/types/Video/video.type.cjs

@@ -0,0 +1 @@
+"use strict";

package/dist/src/types/Video/video.type.d.ts

@@ -0,0 +1,36 @@
+import { OrigamVideo } from '../../components';
+import { VIDEO_TRACK_KIND } from '../../enums';
+import type { TControlsSource } from '../Commons/controls.type';
+export type TOrigamVideo = InstanceType<typeof OrigamVideo>;
+/**
+ * Controls rendering strategy for `<OrigamVideo>`.
+ *
+ * - `'custom'` (default): the component paints its own toolbar with
+ *   play/pause, scrubber, volume, captions, PIP and fullscreen buttons.
+ *   The `<video>` element is rendered WITHOUT the native `controls`
+ *   attribute so the two UIs do not stack.
+ * - `'native'`: the `<video>` element receives the native `controls`
+ *   attribute and the browser paints its own toolbar. No custom UI is
+ *   rendered. Useful when the consumer needs the platform-specific
+ *   accessibility shortcuts (e.g. AirPlay button on Safari) or when
+ *   rendering inside a Tauri shell that talks to native players.
+ * - `'none'`: neither the custom nor the native toolbar is rendered.
+ *   The consumer drives playback programmatically through the
+ *   `#controls` slot or the exposed composable methods.
+ *
+ * Full range of the Commons `TControlsSource` (see
+ * `Commons/controls.type.ts`) — mirrors `TAudioControls`, which is the
+ * `custom | native` subset (Audio has no `none`).
+ */
+export type TVideoControls = TControlsSource;
+/**
+ * `kind` attribute of a WebVTT `<track>` element. We expose the four
+ * values that are useful in a player UI — `'metadata'` is left out
+ * because it is invisible by design and meant for programmatic
+ * consumption only (out of scope for the default toolbar's caption
+ * switcher).
+ *
+ * See https://html.spec.whatwg.org/multipage/media.html#attr-track-kind
+ * for the full list of legal values.
+ */
+export type TVideoTrackKind = `${VIDEO_TRACK_KIND}`;

package/dist/src/types/Watermark/watermark.type.cjs

@@ -0,0 +1 @@
+"use strict";

package/dist/src/types/Watermark/watermark.type.d.ts

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