@skdx/vue 0.27.0 → 0.29.0

package/dist/time-field/TimeField.vue.d.ts

@@ -1,56 +1,43 @@
-import { type Granularity, type HourCycle, type SegmentType } from '../utils/dateSegments.js';
-/** How far down a `SkdxTimeField` is editable — `Granularity` minus the date-only `'day'`. */
+import { type Granularity, type HourCycle, type SegmentPlaceholderResolver, type SegmentType } from '../utils/date-segments.js';
 type TimeGranularity = Exclude<Granularity, 'day'>;
 /**
- * The Vue implementation of the shared TimeField contract (see `@skdx/shared`'s
- * `timeFieldContract`). Same segment machinery as `SkdxDateField`, restricted to
- * the time segments: a `role="group"` holding one `role="spinbutton"` per
- * segment, ordered by `Intl.DateTimeFormat.formatToParts` for the active
- * locale, with an AM/PM segment whenever the resolved hour cycle is 12.
- *
- * `value` is a 24-hour `HH:mm` string, exactly like `<input type="time">` — a
- * time is not a date, and a `Date` carrying a meaningless epoch day is a trap.
- * `hourCycle` only changes what is rendered, so a value round-trips unchanged
- * through a cycle switch.
- *
- * Arrow Up/Down step the focused segment (wrapping), Arrow Left/Right move
- * between segments, digits type with roll-over, `A`/`P` set the AM/PM segment,
- * and Backspace/Delete clear back to the placeholder.
- *
- * Works controlled (`v-model:value` / `@value-change`) or uncontrolled
- * (`defaultValue`).
- *
- * With a `name`, a visually-hidden input submits the time with the surrounding
- * `<form>`, and `checkValidity()`/`reportValidity()` — exposed on this root —
- * delegate to it. Resetting the form restores the time the field was declared
- * with, emitting `value-change` so a controlled parent follows it.
+ * Vue implementation of the shared TimeField contract: a `role="group"` of `role="spinbutton"` segments for a 24-hour time, working controlled or uncontrolled with optional form submission.
  */
 type __VLS_Props = {
     /**
-     * Current time as a 24-hour `HH:mm` (or `HH:mm:ss`) string, exactly like
-     * `<input type="time">`, for controlled usage. Pair with `v-model:value` or
-     * `@value-change`. `null` while any segment is untyped. Independent of
-     * `hourCycle`, which is display only.
+     * Current time as a 24-hour `HH:mm[:ss]` string or `Date` (local wall-clock time); `null` while any segment is untyped.
      */
-    value?: string | null;
-    /** Initial time, for uncontrolled usage. Same `HH:mm[:ss]` shape as `value`. */
-    defaultValue?: string | null;
+    value?: string | Date | null | undefined;
+    /** Initial time for uncontrolled usage, in the same `HH:mm[:ss]` shape as `value`. */
+    defaultValue?: string | Date | null;
     /**
-     * How far down the field is editable. `'second'` adds a seconds segment;
-     * `'hour'` and `'minute'` both render hour and minute.
+     * How far down the field is editable: `'second'` adds a seconds segment; `'hour'`/`'minute'` render hour and minute.
      */
     granularity?: TimeGranularity;
     /**
-     * Forces 12-hour (with an AM/PM segment) or 24-hour display. Display only —
-     * `value` is always 24 hour, so switching cycles is lossless. Omitted:
-     * whatever the locale resolves to.
+     * Forces 12-hour (with AM/PM) or 24-hour display; display only, `value` stays 24-hour.
      */
-    hourCycle?: HourCycle;
+    hourCycle?: HourCycle | undefined;
     /**
      * BCP-47 locale deciding segment order, the literals between segments and the
      * AM/PM names. Omitted: the runtime's default locale.
      */
-    locale?: string;
+    locale?: string | undefined;
+    /**
+     * Earliest accepted time in 24-hour `HH:mm[:ss]` shape (or `Date`); values before it fail `rangeUnderflow`.
+     * @default undefined — any time of day.
+     */
+    min?: string | Date | undefined;
+    /**
+     * Latest accepted time in 24-hour `HH:mm[:ss]` shape (or `Date`); values after it fail `rangeOverflow`.
+     * @default undefined — any time of day.
+     */
+    max?: string | Date | undefined;
+    /**
+     * Increment the field steps by and accepts, in seconds, exactly like `<input type="time" step>`.
+     * @default undefined — one unit of the finest segment: 60 on a `minute` field, 1 on a `second` one.
+     */
+    step?: number | undefined;
     /** Disables the field and drops every segment out of the tab order. */
     disabled?: boolean;
     /** Segments stay focusable and readable but refuse every edit. */
@@ -60,27 +47,25 @@ type __VLS_Props = {
     /** Marks the field required — an incomplete field is `valueMissing`. */
     required?: boolean;
     /**
-     * Form field name. With it the time submits as the 24-hour `HH:mm[:ss]`
-     * string. Without it the field submits nothing.
+     * Form field name; with it the time submits as the 24-hour `HH:mm[:ss]` string.
+     * @default undefined
      */
-    name?: string;
+    name?: string | undefined;
     /**
-     * Writing direction, which decides whether ArrowLeft moves to the previous or
-     * the next segment. Omitted: read off the nearest `[dir]` ancestor or
-     * `document.dir`.
+     * Id of the `<form>` this field submits into, for a field rendered outside it.
+     * @default undefined — the field belongs to its nearest ancestor `<form>`, if any.
      */
-    dir?: 'ltr' | 'rtl';
+    form?: string | undefined;
     /**
-     * Words the accessible name of one segment. Called per segment type
-     * (`'hour'`, `'minute'`, `'dayPeriod'`, …).
-     *
-     * One of the only two strings here that `locale` cannot translate: segment
-     * order, the literals between segments and the AM/PM names all come from
-     * `Intl.DateTimeFormat` already, but these describe the widget rather than
-     * the value, so no locale data carries them.
+     * Writing direction, deciding whether ArrowLeft moves to the previous or next segment.
+     * @default undefined
+     */
+    dir?: 'ltr' | 'rtl' | undefined;
+    /**
+     * Words the accessible name of one segment, called per segment type (`'hour'`, `'minute'`, `'dayPeriod'`, …).
      * @default undefined — the built-in English names ('hour', 'minute', 'AM/PM', …).
      */
-    getSegmentLabel?: (type: SegmentType) => string;
+    getSegmentLabel?: ((type: SegmentType) => string) | undefined;
     /**
      * The `aria-valuetext` an untyped segment announces instead of a number it
      * does not have — `aria-valuenow` has to stay present for a spinbutton, so
@@ -88,31 +73,35 @@ type __VLS_Props = {
      * @default 'Empty'
      */
     emptySegmentText?: string;
+    /**
+     * Words the placeholder letters one segment shows before it has been typed, called per segment type.
+     * @default undefined — the built-in English letters ('hh', 'mm', 'ss', '--').
+     */
+    getSegmentPlaceholder?: SegmentPlaceholderResolver | undefined;
 };
 declare const _default: import("vue").DefineComponent<__VLS_Props, {
     /** Reports whether the hidden form input satisfies its constraints. `true` without a `name`. */
     checkValidity: () => boolean;
     /** Like `checkValidity()`, but also shows the browser's validation message. */
     reportValidity: () => boolean;
+    /** Pushes an externally-computed error onto the hidden input, like `HTMLInputElement.setCustomValidity()`. */
+    setCustomValidity: (message: string) => void | undefined;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:value": (value: string | null) => any;
     "value-change": (value: string | null) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    "onUpdate:value"?: ((value: string | null) => any) | undefined;
-    "onValue-change"?: ((value: string | null) => any) | undefined;
+    "onUpdate:value"?: (value: string | null) => any;
+    "onValue-change"?: (value: string | null) => any;
 }>, {
     disabled: boolean;
+    defaultValue: string | Date | null;
+    readOnly: boolean;
     required: boolean;
-    name: string;
-    value: string | null;
+    value: string | Date | null | undefined;
     invalid: boolean;
-    defaultValue: string | null;
-    dir: "ltr" | "rtl";
-    readOnly: boolean;
-    locale: string;
-    hourCycle: HourCycle;
+    locale: string | undefined;
+    hourCycle: HourCycle | undefined;
     granularity: TimeGranularity;
-    getSegmentLabel: (type: SegmentType) => string;
     emptySegmentText: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/time-field/TimeField.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const h=require("../utils/useFormReset.cjs"),a=require("../utils/dateSegments.cjs"),p=require("../utils/SegmentedField.vue.cjs");let u=require("vue");var S=(0,u.defineComponent)({__name:"TimeField",props:{value:{default:void 0},defaultValue:{default:null},granularity:{default:"minute"},hourCycle:{default:void 0},locale:{default:void 0},disabled:{type:Boolean,default:!1},readOnly:{type:Boolean,default:!1},invalid:{type:Boolean,default:!1},required:{type:Boolean,default:!1},name:{default:void 0},dir:{default:void 0},getSegmentLabel:{type:Function,default:void 0},emptySegmentText:{default:a.EMPTY_VALUE_TEXT}},emits:["update:value","value-change"],setup(l,{expose:s,emit:y}){const e=l,v=y,n=(0,u.computed)(()=>a.resolveHourCycle(e.locale,e.hourCycle)),m=(0,u.ref)(e.defaultValue??null),d=(0,u.computed)(()=>e.value!==void 0?e.value:m.value),r=(0,u.ref)(d.value?a.timeStringToValues(d.value,n.value):{});(0,u.watch)([d,n,()=>e.granularity],([t,i,T])=>{const f=a.valuesToTimeString(r.value,T,i);if(t===null){f!==null&&(r.value={});return}f!==t&&(r.value=a.timeStringToValues(t,i))});function g(t){r.value=t;const i=a.isComplete(a.buildSegments({kind:"time",granularity:e.granularity,locale:e.locale,hourCycle:n.value,values:t}))?a.valuesToTimeString(t,e.granularity,n.value):null;i!==d.value&&(e.value===void 0&&(m.value=i),v("update:value",i),v("value-change",i))}const c=(0,u.ref)(null),o=e.value??e.defaultValue??null;return h.useFormReset(()=>c.value?.inputEl,()=>{r.value=o?a.timeStringToValues(o,n.value):{},e.value===void 0&&(m.value=o),v("update:value",o),v("value-change",o)}),s({checkValidity:()=>c.value?.inputEl?.checkValidity()??!0,reportValidity:()=>c.value?.inputEl?.reportValidity()??!0}),(t,i)=>((0,u.openBlock)(),(0,u.createBlock)(p.default,{family:"time-field",class:"skdx-time-field","data-part":"root","data-skdx-component":"time-field",ref_key:"fieldRef",ref:c,kind:"time",granularity:l.granularity,locale:l.locale,"hour-cycle":n.value,values:r.value,"form-value":d.value,disabled:l.disabled,"read-only":l.readOnly,invalid:l.invalid,required:l.required,name:l.name,dir:l.dir,"get-segment-label":l.getSegmentLabel,"empty-segment-text":l.emptySegmentText,onValuesChange:g},null,8,["granularity","locale","hour-cycle","values","form-value","disabled","read-only","invalid","required","name","dir","get-segment-label","empty-segment-text"]))}});exports.default=S;
+const C=require("../utils/useFormReset.cjs"),u=require("../utils/date-segments.cjs"),s=require("../utils/date-value.cjs"),E=require("../utils/SegmentedField.vue.cjs");let l=require("vue");var R=(0,l.defineComponent)({__name:"TimeField",props:{value:{default:void 0},defaultValue:{default:null},granularity:{default:"minute"},hourCycle:{default:void 0},locale:{default:void 0},min:{},max:{},step:{},disabled:{type:Boolean,default:!1},readOnly:{type:Boolean,default:!1},invalid:{type:Boolean,default:!1},required:{type:Boolean,default:!1},name:{},form:{},dir:{},getSegmentLabel:{},emptySegmentText:{default:u.EMPTY_VALUE_TEXT},getSegmentPlaceholder:{}},emits:["update:value","value-change"],setup(a,{expose:T,emit:h}){const e=a,c=h,n=(0,l.computed)(()=>u.resolveHourCycle(e.locale,e.hourCycle)),S=(0,l.computed)(()=>e.step??(e.granularity==="second"?1:60)),d=(0,l.computed)(()=>e.value===void 0?void 0:s.toTimeValue(e.value,"value")),p=(0,l.computed)(()=>s.toTimeValue(e.defaultValue,"defaultValue")),f=(0,l.computed)(()=>s.toTimeValue(e.min,"min")??void 0),g=(0,l.computed)(()=>s.toTimeValue(e.max,"max")??void 0),y=(0,l.ref)(p.value),r=(0,l.computed)(()=>d.value!==void 0?d.value:y.value),o=(0,l.ref)(r.value?u.timeStringToValues(r.value,n.value):{});(0,l.watch)([r,n,()=>e.granularity],([t,i,k])=>{const V=u.valuesToTimeString(o.value,k,i);if(t===null){V!==null&&(o.value={});return}V!==t&&(o.value=u.timeStringToValues(t,i))});function q(t){o.value=t;const i=u.isComplete(u.buildSegments({kind:"time",granularity:e.granularity,locale:e.locale,hourCycle:n.value,values:t}))?u.valuesToTimeString(t,e.granularity,n.value):null;i!==r.value&&(d.value===void 0&&(y.value=i),c("update:value",i),c("value-change",i))}const x=(0,l.computed)(()=>u.timeRangeViolation(r.value,f.value,g.value)!==null);function b(t){return u.clampValuesToTimeRange(t,e.granularity,n.value,f.value,g.value)}const m=(0,l.ref)(null),v=d.value??p.value;return C.useFormReset(()=>m.value?.inputEl,()=>{o.value=v?u.timeStringToValues(v,n.value):{},d.value===void 0&&(y.value=v),c("update:value",v),c("value-change",v)}),T({checkValidity:()=>m.value?.inputEl?.checkValidity()??!0,reportValidity:()=>m.value?.inputEl?.reportValidity()??!0,setCustomValidity:t=>m.value?.inputEl?.setCustomValidity(t)}),(t,i)=>((0,l.openBlock)(),(0,l.createBlock)(E.default,{ref_key:"fieldRef",ref:m,family:"time-field",class:"skdx-time-field","data-part":"root","data-skdx-component":"time-field",kind:"time",granularity:e.granularity,locale:a.locale,"hour-cycle":n.value,values:o.value,"form-value":r.value,"form-type":"time","form-min":f.value,"form-max":g.value,step:S.value,"clamp-edge-values":b,disabled:a.disabled,"read-only":a.readOnly,invalid:a.invalid||x.value,required:a.required,name:a.name,form:a.form,dir:a.dir,"get-segment-label":a.getSegmentLabel,"empty-segment-text":a.emptySegmentText,"get-segment-placeholder":a.getSegmentPlaceholder,onValuesChange:q},null,8,["granularity","locale","hour-cycle","values","form-value","form-min","form-max","step","disabled","read-only","invalid","required","name","form","dir","get-segment-label","empty-segment-text","get-segment-placeholder"]))}});exports.default=R;

package/dist/time-field/TimeField.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{useFormReset as e}from"../utils/useFormReset.js";import{EMPTY_VALUE_TEXT as l,buildSegments as a,isComplete as t,resolveHourCycle as u,timeStringToValues as i,valuesToTimeString as d}from"../utils/dateSegments.js";import n from"../utils/SegmentedField.vue.js";import{computed as o,createBlock as r,defineComponent as v,openBlock as s,ref as m,watch as c}from"vue";var f=/* @__PURE__ */v({__name:"TimeField",props:{value:{default:void 0},defaultValue:{default:null},granularity:{default:"minute"},hourCycle:{default:void 0},locale:{default:void 0},disabled:{type:Boolean,default:!1},readOnly:{type:Boolean,default:!1},invalid:{type:Boolean,default:!1},required:{type:Boolean,default:!1},name:{default:void 0},dir:{default:void 0},getSegmentLabel:{type:Function,default:void 0},emptySegmentText:{default:l}},emits:["update:value","value-change"],setup(l,{expose:v,emit:f}){const y=l,p=f,g=o(()=>u(y.locale,y.hourCycle)),h=m(y.defaultValue??null),V=o(()=>void 0!==y.value?y.value:h.value),b=m(V.value?i(V.value,g.value):{});function k(e){b.value=e;const l=t(a({kind:"time",granularity:y.granularity,locale:y.locale,hourCycle:g.value,values:e}))?d(e,y.granularity,g.value):null;l!==V.value&&(void 0===y.value&&(h.value=l),p("update:value",l),p("value-change",l))}c([V,g,()=>y.granularity],([e,l,a])=>{const t=d(b.value,a,l);null!==e?t!==e&&(b.value=i(e,l)):null!==t&&(b.value={})});const S=m(null),T=y.value??y.defaultValue??null;return e(()=>S.value?.inputEl,()=>{b.value=T?i(T,g.value):{},void 0===y.value&&(h.value=T),p("update:value",T),p("value-change",T)}),v({checkValidity:()=>S.value?.inputEl?.checkValidity()??!0,reportValidity:()=>S.value?.inputEl?.reportValidity()??!0}),(e,a)=>(s(),r(n,{family:"time-field",class:"skdx-time-field","data-part":"root","data-skdx-component":"time-field",ref_key:"fieldRef",ref:S,kind:"time",granularity:l.granularity,locale:l.locale,"hour-cycle":g.value,values:b.value,"form-value":V.value,disabled:l.disabled,"read-only":l.readOnly,invalid:l.invalid,required:l.required,name:l.name,dir:l.dir,"get-segment-label":l.getSegmentLabel,"empty-segment-text":l.emptySegmentText,onValuesChange:k},null,8,["granularity","locale","hour-cycle","values","form-value","disabled","read-only","invalid","required","name","dir","get-segment-label","empty-segment-text"]))}});export{f as default};
+import{useFormReset as e}from"../utils/useFormReset.js";import{EMPTY_VALUE_TEXT as a,buildSegments as l,clampValuesToTimeRange as t,isComplete as u,resolveHourCycle as i,timeRangeViolation as o,timeStringToValues as n,valuesToTimeString as r}from"../utils/date-segments.js";import{toTimeValue as d}from"../utils/date-value.js";import m from"../utils/SegmentedField.vue.js";import{computed as v,createBlock as s,defineComponent as c,openBlock as f,ref as g,watch as p}from"vue";var y=/* @__PURE__ */c({__name:"TimeField",props:{value:{default:void 0},defaultValue:{default:null},granularity:{default:"minute"},hourCycle:{default:void 0},locale:{default:void 0},min:{},max:{},step:{},disabled:{type:Boolean,default:!1},readOnly:{type:Boolean,default:!1},invalid:{type:Boolean,default:!1},required:{type:Boolean,default:!1},name:{},form:{},dir:{},getSegmentLabel:{},emptySegmentText:{default:a},getSegmentPlaceholder:{}},emits:["update:value","value-change"],setup(a,{expose:c,emit:y}){const h=a,V=y,x=v(()=>i(h.locale,h.hourCycle)),T=v(()=>h.step??("second"===h.granularity?1:60)),S=v(()=>void 0===h.value?void 0:d(h.value,"value")),b=v(()=>d(h.defaultValue,"defaultValue")),k=v(()=>d(h.min,"min")??void 0),C=v(()=>d(h.max,"max")??void 0),E=g(b.value),B=v(()=>void 0!==S.value?S.value:E.value),R=g(B.value?n(B.value,x.value):{});function _(e){R.value=e;const a=u(l({kind:"time",granularity:h.granularity,locale:h.locale,hourCycle:x.value,values:e}))?r(e,h.granularity,x.value):null;a!==B.value&&(void 0===S.value&&(E.value=a),V("update:value",a),V("value-change",a))}p([B,x,()=>h.granularity],([e,a,l])=>{const t=r(R.value,l,a);null!==e?t!==e&&(R.value=n(e,a)):null!==t&&(R.value={})});const j=v(()=>null!==o(B.value,k.value,C.value));function q(e){return t(e,h.granularity,x.value,k.value,C.value)}const F=g(null),L=S.value??b.value;return e(()=>F.value?.inputEl,()=>{R.value=L?n(L,x.value):{},void 0===S.value&&(E.value=L),V("update:value",L),V("value-change",L)}),c({checkValidity:()=>F.value?.inputEl?.checkValidity()??!0,reportValidity:()=>F.value?.inputEl?.reportValidity()??!0,setCustomValidity:e=>F.value?.inputEl?.setCustomValidity(e)}),(e,l)=>(f(),s(m,{ref_key:"fieldRef",ref:F,family:"time-field",class:"skdx-time-field","data-part":"root","data-skdx-component":"time-field",kind:"time",granularity:h.granularity,locale:a.locale,"hour-cycle":x.value,values:R.value,"form-value":B.value,"form-type":"time","form-min":k.value,"form-max":C.value,step:T.value,"clamp-edge-values":q,disabled:a.disabled,"read-only":a.readOnly,invalid:a.invalid||j.value,required:a.required,name:a.name,form:a.form,dir:a.dir,"get-segment-label":a.getSegmentLabel,"empty-segment-text":a.emptySegmentText,"get-segment-placeholder":a.getSegmentPlaceholder,onValuesChange:_},null,8,["granularity","locale","hour-cycle","values","form-value","form-min","form-max","step","disabled","read-only","invalid","required","name","form","dir","get-segment-label","empty-segment-text","get-segment-placeholder"]))}});export{y as default};

package/dist/time-field/index.d.cts

@@ -1,4 +1,4 @@
-import type { Granularity } from '../utils/dateSegments.cjs';
+import type { Granularity } from '../utils/date-segments.cjs';
 export { default as SkdxTimeField } from './TimeField.vue.cjs';
 /** How far down a `SkdxTimeField` is editable — `Granularity` minus the date-only `'day'`. */
 export type TimeGranularity = Exclude<Granularity, 'day'>;

package/dist/time-field/index.d.ts

@@ -1,4 +1,4 @@
-import type { Granularity } from '../utils/dateSegments.js';
+import type { Granularity } from '../utils/date-segments.js';
 export { default as SkdxTimeField } from './TimeField.vue.js';
 /** How far down a `SkdxTimeField` is editable — `Granularity` minus the date-only `'day'`. */
 export type TimeGranularity = Exclude<Granularity, 'day'>;

package/dist/timeline/Timeline.vue.d.cts

@@ -1,19 +1,34 @@
+import type { TimelineItem } from './types.cjs';
 /**
- * The Vue implementation of the shared Timeline contract (see
- * `@skdx/shared`'s `timelineContract`). Renders an `<ol>`: no ARIA role or
- * keyboard behavior beyond the semantic list — layout and connecting lines
- * are entirely up to consumer CSS.
+ * Renders an `<ol role="list">` (explicit, since `list-style:none` + `display:grid` drops it in Safari/VoiceOver) with no keyboard interaction.
  */
 type __VLS_Props = {
     /** Layout axis, exposed as `data-orientation` — purely a styling hook. */
     orientation?: 'vertical' | 'horizontal';
+    /**
+     * The events, rendered as one derived `<li>` each. Ignored once the
+     * default slot supplies its own `SkdxTimelineItem`s.
+     * @default undefined — no derived anatomy; compose `SkdxTimelineItem`s yourself.
+     */
+    items?: readonly TimelineItem[] | undefined;
+    /**
+     * Which side the skin lays the timeline's entries out on, as `data-align`.
+     * @default undefined — falls back to a `data-align` attribute.
+     */
+    align?: 'end' | 'alternate' | (string & {}) | undefined;
 };
-declare var __VLS_1: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_1) => any;
+type __VLS_Slots = {
+    /** Manual composition of `SkdxTimelineItem` subtrees, replacing the derived `items` anatomy. */
+    default?(): unknown;
+    /** Body of a derived entry, for markup an `items` entry's `content` string cannot express. */
+    content?(props: {
+        item: TimelineItem;
+        index: number;
+    }): unknown;
 };
 declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     orientation: "vertical" | "horizontal";
+    items: readonly TimelineItem[] | undefined;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/dist/timeline/Timeline.vue.d.ts

@@ -1,19 +1,34 @@
+import type { TimelineItem } from './types.js';
 /**
- * The Vue implementation of the shared Timeline contract (see
- * `@skdx/shared`'s `timelineContract`). Renders an `<ol>`: no ARIA role or
- * keyboard behavior beyond the semantic list — layout and connecting lines
- * are entirely up to consumer CSS.
+ * Renders an `<ol role="list">` (explicit, since `list-style:none` + `display:grid` drops it in Safari/VoiceOver) with no keyboard interaction.
  */
 type __VLS_Props = {
     /** Layout axis, exposed as `data-orientation` — purely a styling hook. */
     orientation?: 'vertical' | 'horizontal';
+    /**
+     * The events, rendered as one derived `<li>` each. Ignored once the
+     * default slot supplies its own `SkdxTimelineItem`s.
+     * @default undefined — no derived anatomy; compose `SkdxTimelineItem`s yourself.
+     */
+    items?: readonly TimelineItem[] | undefined;
+    /**
+     * Which side the skin lays the timeline's entries out on, as `data-align`.
+     * @default undefined — falls back to a `data-align` attribute.
+     */
+    align?: 'end' | 'alternate' | (string & {}) | undefined;
 };
-declare var __VLS_1: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_1) => any;
+type __VLS_Slots = {
+    /** Manual composition of `SkdxTimelineItem` subtrees, replacing the derived `items` anatomy. */
+    default?(): unknown;
+    /** Body of a derived entry, for markup an `items` entry's `content` string cannot express. */
+    content?(props: {
+        item: TimelineItem;
+        index: number;
+    }): unknown;
 };
 declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     orientation: "vertical" | "horizontal";
+    items: readonly TimelineItem[] | undefined;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/dist/timeline/Timeline.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-let e=require("vue");var n=["data-orientation"],o=(0,e.defineComponent)({__name:"Timeline",props:{orientation:{default:"vertical"}},setup(t){return(a,i)=>((0,e.openBlock)(),(0,e.createElementBlock)("ol",{class:"skdx-timeline","data-part":"root","data-skdx-component":"timeline","data-orientation":t.orientation},[(0,e.renderSlot)(a.$slots,"default")],8,n))}});exports.default=o;
+const r=require("../utils/appearance.cjs"),i=require("./TimelineAnatomy.vue.cjs");let e=require("vue");var o=["data-orientation"],l=(0,e.defineComponent)({inheritAttrs:!1,__name:"Timeline",props:{orientation:{default:"vertical"},items:{default:void 0},align:{}},setup(a){return(t,s)=>((0,e.openBlock)(),(0,e.createElementBlock)("ol",(0,e.mergeProps)({class:"skdx-timeline","data-part":"root","data-skdx-component":"timeline",role:"list","data-orientation":a.orientation},{...t.$attrs,...(0,e.unref)(r.appearanceAttrs)({align:a.align},t.$attrs)}),[(0,e.renderSlot)(t.$slots,"default",{},()=>[a.items?((0,e.openBlock)(),(0,e.createBlock)(i.default,{key:0,items:a.items},(0,e.createSlots)({_:2},[t.$slots.content?{name:"content",fn:(0,e.withCtx)(n=>[(0,e.renderSlot)(t.$slots,"content",(0,e.normalizeProps)((0,e.guardReactiveProps)(n)))]),key:"0"}:void 0]),1032,["items"])):(0,e.createCommentVNode)("",!0)])],16,o))}});exports.default=l;

package/dist/timeline/Timeline.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{createElementBlock as e,defineComponent as t,openBlock as a,renderSlot as o}from"vue";var n=["data-orientation"],i=/* @__PURE__ */t({__name:"Timeline",props:{orientation:{default:"vertical"}},setup:t=>(i,r)=>(a(),e("ol",{class:"skdx-timeline","data-part":"root","data-skdx-component":"timeline","data-orientation":t.orientation},[o(i.$slots,"default")],8,n))});export{i as default};
+import{appearanceAttrs as t}from"../utils/appearance.js";import e from"./TimelineAnatomy.vue.js";import{createBlock as a,createCommentVNode as o,createElementBlock as s,createSlots as n,defineComponent as i,guardReactiveProps as r,mergeProps as l,normalizeProps as m,openBlock as p,renderSlot as c,unref as d,withCtx as f}from"vue";var u=["data-orientation"],k=/* @__PURE__ */i({inheritAttrs:!1,__name:"Timeline",props:{orientation:{default:"vertical"},items:{default:void 0},align:{}},setup:i=>(k,v)=>(p(),s("ol",l({class:"skdx-timeline","data-part":"root","data-skdx-component":"timeline",role:"list","data-orientation":i.orientation},{...k.$attrs,...d(t)({align:i.align},k.$attrs)}),[c(k.$slots,"default",{},()=>[i.items?(p(),a(e,{key:0,items:i.items},n({_:2},[k.$slots.content?{name:"content",fn:f(t=>[c(k.$slots,"content",m(r(t)))]),key:"0"}:void 0]),1032,["items"])):o("",!0)])],16,u))});export{k as default};

package/dist/timeline/TimelineAnatomy.vue.cjs

@@ -0,0 +1 @@
+const e=require("./TimelineAnatomy.vue_vue_type_script_setup_true_lang.cjs");var t=e.default;exports.default=t;

package/dist/timeline/TimelineAnatomy.vue.d.cts

@@ -0,0 +1,22 @@
+import type { TimelineItem } from './types.cjs';
+/**
+ * Anatomy when the default slot is empty: one `<li>` per entry, ordered opposite, marker, line, content.
+ * @internal
+ */
+type __VLS_Props = {
+    items: readonly TimelineItem[];
+};
+type __VLS_Slots = {
+    content?(props: {
+        item: TimelineItem;
+        index: number;
+    }): unknown;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/timeline/TimelineAnatomy.vue.d.ts

@@ -0,0 +1,22 @@
+import type { TimelineItem } from './types.js';
+/**
+ * Anatomy when the default slot is empty: one `<li>` per entry, ordered opposite, marker, line, content.
+ * @internal
+ */
+type __VLS_Props = {
+    items: readonly TimelineItem[];
+};
+type __VLS_Slots = {
+    content?(props: {
+        item: TimelineItem;
+        index: number;
+    }): unknown;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/timeline/TimelineAnatomy.vue.js

@@ -0,0 +1 @@
+import e from"./TimelineAnatomy.vue_vue_type_script_setup_true_lang.js";var t=e;export{t as default};

package/dist/timeline/TimelineAnatomy.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const l=require("../utils/renderProp.cjs"),i=require("./TimelineContent.vue.cjs"),n=require("./TimelineIndicator.vue.cjs"),u=require("./TimelineItem.vue.cjs"),c=require("./TimelineOpposite.vue.cjs"),d=require("./TimelineSeparator.vue.cjs");let e=require("vue");var s=(0,e.defineComponent)({__name:"TimelineAnatomy",props:{items:{}},setup(o){return(a,p)=>((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)(o.items,(t,r)=>((0,e.openBlock)(),(0,e.createBlock)(u.default,{key:r,"data-state":t.state},{default:(0,e.withCtx)(()=>[t.opposite?((0,e.openBlock)(),(0,e.createBlock)(c.default,{key:0},{default:(0,e.withCtx)(()=>[(0,e.createTextVNode)((0,e.toDisplayString)(t.opposite),1)]),_:2},1024)):(0,e.createCommentVNode)("",!0),t.indicator?((0,e.openBlock)(),(0,e.createBlock)(n.default,{key:1,"aria-label":t.indicatorLabel},{default:(0,e.withCtx)(()=>[(0,e.createVNode)((0,e.unref)(l.RenderProp),{render:()=>t.indicator},null,8,["render"])]),_:2},1032,["aria-label"])):((0,e.openBlock)(),(0,e.createBlock)(n.default,{key:2})),r<o.items.length-1?((0,e.openBlock)(),(0,e.createBlock)(d.default,{key:3})):(0,e.createCommentVNode)("",!0),(0,e.createVNode)(i.default,null,{default:(0,e.withCtx)(()=>[(0,e.renderSlot)(a.$slots,"content",{item:t,index:r},()=>[(0,e.createTextVNode)((0,e.toDisplayString)(t.content),1)])]),_:2},1024)]),_:2},1032,["data-state"]))),128))}});exports.default=s;

package/dist/timeline/TimelineAnatomy.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{RenderProp as e}from"../utils/renderProp.js";import t from"./TimelineContent.vue.js";import a from"./TimelineIndicator.vue.js";import r from"./TimelineItem.vue.js";import o from"./TimelineOpposite.vue.js";import i from"./TimelineSeparator.vue.js";import{Fragment as n,createBlock as s,createCommentVNode as m,createElementBlock as l,createTextVNode as p,createVNode as d,defineComponent as u,openBlock as c,renderList as f,renderSlot as k,toDisplayString as v,unref as y,withCtx as T}from"vue";var j=/* @__PURE__ */u({__name:"TimelineAnatomy",props:{items:{}},setup:u=>(j,_)=>(c(!0),l(n,null,f(u.items,(n,l)=>(c(),s(r,{key:l,"data-state":n.state},{default:T(()=>[n.opposite?(c(),s(o,{key:0},{default:T(()=>[p(v(n.opposite),1)]),_:2},1024)):m("",!0),n.indicator?(c(),s(a,{key:1,"aria-label":n.indicatorLabel},{default:T(()=>[d(y(e),{render:()=>n.indicator},null,8,["render"])]),_:2},1032,["aria-label"])):(c(),s(a,{key:2})),l<u.items.length-1?(c(),s(i,{key:3})):m("",!0),d(t,null,{default:T(()=>[k(j.$slots,"content",{item:n,index:l},()=>[p(v(n.content),1)])]),_:2},1024)]),_:2},1032,["data-state"]))),128))});export{j as default};

package/dist/timeline/TimelineIndicator.vue.d.cts

@@ -1,4 +1,3 @@
-/** The dot/icon marker for a `SkdxTimelineItem`. */
 type __VLS_Props = {};
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {

package/dist/timeline/TimelineIndicator.vue.d.ts

@@ -1,4 +1,3 @@
-/** The dot/icon marker for a `SkdxTimelineItem`. */
 type __VLS_Props = {};
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {

package/dist/timeline/TimelineIndicator.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-let e=require("vue");var r={class:"skdx-timeline__indicator","data-part":"indicator"},a=(0,e.defineComponent)({__name:"TimelineIndicator",setup(i){return(t,n)=>((0,e.openBlock)(),(0,e.createElementBlock)("div",r,[(0,e.renderSlot)(t.$slots,"default")]))}});exports.default=a;
+let e=require("vue");var n=["aria-hidden","role"],o=(0,e.defineComponent)({__name:"TimelineIndicator",setup(d){const a=(0,e.useSlots)(),r=(0,e.useAttrs)();function i(){if(r["aria-label"]!==void 0||r["aria-labelledby"]!==void 0)return!1;const t=a.default?.();return t===void 0||t.length===0}return(t,l)=>((0,e.openBlock)(),(0,e.createElementBlock)("div",{class:"skdx-timeline__indicator","data-part":"indicator","aria-hidden":i()?"true":void 0,role:i()?void 0:"img"},[(0,e.renderSlot)(t.$slots,"default")],8,n))}});exports.default=o;

package/dist/timeline/TimelineIndicator.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{createElementBlock as e,defineComponent as a,openBlock as t,renderSlot as o}from"vue";var i={class:"skdx-timeline__indicator","data-part":"indicator"},n=/* @__PURE__ */a({__name:"TimelineIndicator",setup:a=>(a,n)=>(t(),e("div",i,[o(a.$slots,"default")]))});export{n as default};
+import{createElementBlock as e,defineComponent as a,openBlock as t,renderSlot as i,useAttrs as r,useSlots as o}from"vue";var n=["aria-hidden","role"],d=/* @__PURE__ */a({__name:"TimelineIndicator",setup(a){const d=o(),l=r();function s(){if(void 0!==l["aria-label"]||void 0!==l["aria-labelledby"])return!1;const e=d.default?.();return void 0===e||0===e.length}return(a,r)=>(t(),e("div",{class:"skdx-timeline__indicator","data-part":"indicator","aria-hidden":s()?"true":void 0,role:s()?void 0:"img"},[i(a.$slots,"default")],8,n))}});export{d as default};

package/dist/timeline/TimelineItem.vue.d.cts

@@ -1,5 +1,10 @@
-/** A single `<li>` entry in a `SkdxTimeline`. */
-type __VLS_Props = {};
+type __VLS_Props = {
+    /**
+     * Where the event sits in the sequence, reflected as `data-state`.
+     * @default undefined — falls back to a `data-state` attribute.
+     */
+    state?: 'complete' | 'current' | 'pending' | undefined;
+};
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;

package/dist/timeline/TimelineItem.vue.d.ts

@@ -1,5 +1,10 @@
-/** A single `<li>` entry in a `SkdxTimeline`. */
-type __VLS_Props = {};
+type __VLS_Props = {
+    /**
+     * Where the event sits in the sequence, reflected as `data-state`.
+     * @default undefined — falls back to a `data-state` attribute.
+     */
+    state?: 'complete' | 'current' | 'pending' | undefined;
+};
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;

package/dist/timeline/TimelineItem.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-let e=require("vue");var _={class:"skdx-timeline__item","data-part":"item"},l=(0,e.defineComponent)({__name:"TimelineItem",setup(r){return(t,a)=>((0,e.openBlock)(),(0,e.createElementBlock)("li",_,[(0,e.renderSlot)(t.$slots,"default")]))}});exports.default=l;
+const a=require("../utils/appearance.cjs");let e=require("vue");var s=(0,e.defineComponent)({inheritAttrs:!1,__name:"TimelineItem",props:{state:{}},setup(r){return(t,i)=>((0,e.openBlock)(),(0,e.createElementBlock)("li",(0,e.mergeProps)({class:"skdx-timeline__item","data-part":"item",role:"listitem"},{...t.$attrs,...(0,e.unref)(a.appearanceAttrs)({state:r.state},t.$attrs)}),[(0,e.renderSlot)(t.$slots,"default")],16))}});exports.default=s;

package/dist/timeline/TimelineItem.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{createElementBlock as e,defineComponent as t,openBlock as a,renderSlot as l}from"vue";var s={class:"skdx-timeline__item","data-part":"item"},m=/* @__PURE__ */t({__name:"TimelineItem",setup:t=>(t,m)=>(a(),e("li",s,[l(t.$slots,"default")]))});export{m as default};
+import{appearanceAttrs as e}from"../utils/appearance.js";import{createElementBlock as t,defineComponent as a,mergeProps as s,openBlock as r,renderSlot as i,unref as o}from"vue";var l=/* @__PURE__ */a({inheritAttrs:!1,__name:"TimelineItem",props:{state:{}},setup:a=>(l,m)=>(r(),t("li",s({class:"skdx-timeline__item","data-part":"item",role:"listitem"},{...l.$attrs,...o(e)({state:a.state},l.$attrs)}),[i(l.$slots,"default")],16))});export{l as default};

package/dist/timeline/TimelineOpposite.vue.cjs

@@ -0,0 +1 @@
+const e=require("./TimelineOpposite.vue_vue_type_script_setup_true_lang.cjs");var t=e.default;exports.default=t;

package/dist/timeline/TimelineOpposite.vue.d.cts

@@ -0,0 +1,16 @@
+/**
+ * The metadata region opposite a timeline item, in its own grid column ordered before the indicator for correct reading order.
+ */
+type __VLS_Props = {};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/timeline/TimelineOpposite.vue.d.ts

@@ -0,0 +1,16 @@
+/**
+ * The metadata region opposite a timeline item, in its own grid column ordered before the indicator for correct reading order.
+ */
+type __VLS_Props = {};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/timeline/TimelineOpposite.vue.js

@@ -0,0 +1 @@
+import e from"./TimelineOpposite.vue_vue_type_script_setup_true_lang.js";var t=e;export{t as default};

package/dist/timeline/TimelineOpposite.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+let e=require("vue");var p={class:"skdx-timeline__opposite","data-part":"opposite"},_=(0,e.defineComponent)({__name:"TimelineOpposite",setup(i){return(t,o)=>((0,e.openBlock)(),(0,e.createElementBlock)("div",p,[(0,e.renderSlot)(t.$slots,"default")]))}});exports.default=_;

package/dist/timeline/TimelineOpposite.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{createElementBlock as e,defineComponent as t,openBlock as o,renderSlot as a}from"vue";var s={class:"skdx-timeline__opposite","data-part":"opposite"},p=/* @__PURE__ */t({__name:"TimelineOpposite",setup:t=>(t,p)=>(o(),e("div",s,[a(t.$slots,"default")]))});export{p as default};

package/dist/timeline/index.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Timeline.vue.cjs"),i=require("./TimelineItem.vue.cjs"),r=require("./TimelineIndicator.vue.cjs"),t=require("./TimelineSeparator.vue.cjs"),n=require("./TimelineContent.vue.cjs");exports.SkdxTimeline=e.default;exports.SkdxTimelineContent=n.default;exports.SkdxTimelineIndicator=r.default;exports.SkdxTimelineItem=i.default;exports.SkdxTimelineSeparator=t.default;
+Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Timeline.vue.cjs");exports.SkdxTimeline=e.default;

package/dist/timeline/index.d.cts

@@ -1,5 +1,2 @@
 export { default as SkdxTimeline } from './Timeline.vue.cjs';
-export { default as SkdxTimelineItem } from './TimelineItem.vue.cjs';
-export { default as SkdxTimelineIndicator } from './TimelineIndicator.vue.cjs';
-export { default as SkdxTimelineSeparator } from './TimelineSeparator.vue.cjs';
-export { default as SkdxTimelineContent } from './TimelineContent.vue.cjs';
+export type { TimelineItem } from './types.cjs';

package/dist/timeline/index.d.ts

@@ -1,5 +1,2 @@
 export { default as SkdxTimeline } from './Timeline.vue.js';
-export { default as SkdxTimelineItem } from './TimelineItem.vue.js';
-export { default as SkdxTimelineIndicator } from './TimelineIndicator.vue.js';
-export { default as SkdxTimelineSeparator } from './TimelineSeparator.vue.js';
-export { default as SkdxTimelineContent } from './TimelineContent.vue.js';
+export type { TimelineItem } from './types.js';

package/dist/timeline/index.js

@@ -1 +1 @@
-import e from"./Timeline.vue.js";import i from"./TimelineItem.vue.js";import m from"./TimelineIndicator.vue.js";import o from"./TimelineSeparator.vue.js";import r from"./TimelineContent.vue.js";export{e as SkdxTimeline,r as SkdxTimelineContent,m as SkdxTimelineIndicator,i as SkdxTimelineItem,o as SkdxTimelineSeparator};
+import e from"./Timeline.vue.js";export{e as SkdxTimeline};

package/dist/timeline/primitives.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./TimelineContent.vue.cjs"),i=require("./TimelineIndicator.vue.cjs"),r=require("./TimelineItem.vue.cjs"),t=require("./TimelineOpposite.vue.cjs"),n=require("./TimelineSeparator.vue.cjs"),l=require("./Timeline.vue.cjs");exports.SkdxTimeline=l.default;exports.SkdxTimelineContent=e.default;exports.SkdxTimelineIndicator=i.default;exports.SkdxTimelineItem=r.default;exports.SkdxTimelineOpposite=t.default;exports.SkdxTimelineSeparator=n.default;

package/dist/timeline/primitives.d.cts

@@ -0,0 +1,28 @@
+/**
+ * Advanced primitives for custom `SkdxTimeline` layouts, built from the same parts as the default recipe.
+ *
+ * @example
+ * ```vue
+ * <script setup lang="ts">
+ * import { SkdxTimeline, SkdxTimelineContent, SkdxTimelineIndicator, SkdxTimelineItem, SkdxTimelineOpposite, SkdxTimelineSeparator } from '@skdx/vue/primitives/timeline';
+ * </script>
+ *
+ * <template>
+ *   <SkdxTimeline>
+ *     <SkdxTimelineItem>
+ *       <SkdxTimelineOpposite>09:24</SkdxTimelineOpposite>
+ *       <SkdxTimelineIndicator />
+ *       <SkdxTimelineSeparator />
+ *       <SkdxTimelineContent>Order placed</SkdxTimelineContent>
+ *     </SkdxTimelineItem>
+ *   </SkdxTimeline>
+ * </template>
+ * ```
+ */
+export { default as SkdxTimeline } from './Timeline.vue.cjs';
+export { default as SkdxTimelineItem } from './TimelineItem.vue.cjs';
+export { default as SkdxTimelineIndicator } from './TimelineIndicator.vue.cjs';
+export { default as SkdxTimelineSeparator } from './TimelineSeparator.vue.cjs';
+export { default as SkdxTimelineContent } from './TimelineContent.vue.cjs';
+export { default as SkdxTimelineOpposite } from './TimelineOpposite.vue.cjs';
+export type { TimelineItem } from './types.cjs';

package/dist/timeline/primitives.d.ts

@@ -0,0 +1,28 @@
+/**
+ * Advanced primitives for custom `SkdxTimeline` layouts, built from the same parts as the default recipe.
+ *
+ * @example
+ * ```vue
+ * <script setup lang="ts">
+ * import { SkdxTimeline, SkdxTimelineContent, SkdxTimelineIndicator, SkdxTimelineItem, SkdxTimelineOpposite, SkdxTimelineSeparator } from '@skdx/vue/primitives/timeline';
+ * </script>
+ *
+ * <template>
+ *   <SkdxTimeline>
+ *     <SkdxTimelineItem>
+ *       <SkdxTimelineOpposite>09:24</SkdxTimelineOpposite>
+ *       <SkdxTimelineIndicator />
+ *       <SkdxTimelineSeparator />
+ *       <SkdxTimelineContent>Order placed</SkdxTimelineContent>
+ *     </SkdxTimelineItem>
+ *   </SkdxTimeline>
+ * </template>
+ * ```
+ */
+export { default as SkdxTimeline } from './Timeline.vue.js';
+export { default as SkdxTimelineItem } from './TimelineItem.vue.js';
+export { default as SkdxTimelineIndicator } from './TimelineIndicator.vue.js';
+export { default as SkdxTimelineSeparator } from './TimelineSeparator.vue.js';
+export { default as SkdxTimelineContent } from './TimelineContent.vue.js';
+export { default as SkdxTimelineOpposite } from './TimelineOpposite.vue.js';
+export type { TimelineItem } from './types.js';

package/dist/timeline/primitives.js

@@ -0,0 +1 @@
+import e from"./TimelineContent.vue.js";import i from"./TimelineIndicator.vue.js";import m from"./TimelineItem.vue.js";import o from"./TimelineOpposite.vue.js";import r from"./TimelineSeparator.vue.js";import t from"./Timeline.vue.js";export{t as SkdxTimeline,e as SkdxTimelineContent,i as SkdxTimelineIndicator,m as SkdxTimelineItem,o as SkdxTimelineOpposite,r as SkdxTimelineSeparator};