@namroodinc/liquid-editorial 0.0.0-stage → 0.1.1

package/dist/components/TagsInput/style.css

@@ -0,0 +1,83 @@
+@layer components {
+  .ds-tags {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    gap: var(--space-2);
+    min-block-size: var(--field-height-md);
+    padding: var(--space-1) var(--space-2);
+    cursor: text;
+  }
+
+  .ds-tags[data-size="sm"] {
+    min-block-size: var(--field-height-sm);
+  }
+
+  .ds-tags[data-size="lg"] {
+    min-block-size: var(--field-height-lg);
+  }
+
+  .ds-tags:focus-within {
+    background: var(--field-focus);
+    outline: var(--control-border-width) solid var(--color-focus);
+    outline-offset: 2px;
+  }
+
+  .ds-tags[data-disabled] {
+    opacity: 45%;
+    cursor: not-allowed;
+  }
+
+  .ds-tags__tag {
+    display: inline-flex;
+    align-items: center;
+    gap: var(--space-1);
+    padding: 2px var(--space-1) 2px var(--space-2);
+    border: var(--badge-border-width) solid var(--control-border-color);
+    border-radius: var(--radius-pill);
+    background: var(--color-surface);
+    font-size: var(--font-size-xs);
+    font-weight: var(--font-weight-semibold);
+  }
+
+  .ds-tags__remove {
+    display: grid;
+    place-items: center;
+    inline-size: var(--space-5);
+    block-size: var(--space-5);
+    padding: 0;
+    border: none;
+    border-radius: var(--radius-pill);
+    background: transparent;
+    color: var(--color-text-muted);
+    cursor: pointer;
+  }
+
+  .ds-tags__remove:hover:not(:disabled) {
+    background: var(--field-hover);
+    color: var(--color-text);
+  }
+
+  .ds-tags__remove:focus-visible {
+    outline: var(--control-border-width) solid var(--color-focus);
+    outline-offset: 1px;
+  }
+
+  .ds-tags__input {
+    flex: 1;
+    min-inline-size: 6rem;
+    border: none;
+    background: transparent;
+    color: var(--color-text);
+    font-family: var(--font-sans);
+    font-size: var(--field-font-size-md);
+  }
+
+  .ds-tags__input:focus {
+    outline: none;
+  }
+
+  .ds-tags__input::placeholder {
+    color: var(--color-text-muted);
+  }
+}

package/dist/components/TextField/index.cjs

@@ -0,0 +1,2 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});/* empty css                             */let e=require("react"),t=require("react/jsx-runtime");var n=(0,e.forwardRef)(function({size:e=`md`,className:n,type:r=`text`,...i},a){return(0,t.jsx)(`input`,{ref:a,type:r,"data-size":e,className:[`ds-field-skin`,n].filter(Boolean).join(` `),...i})}),r=(0,e.forwardRef)(function({rows:n=3,className:r,onInput:i,...a},o){let s=(0,e.useCallback)(e=>{let t=e.currentTarget;t.style.height=`auto`,t.style.height=`${t.scrollHeight}px`,i?.(e)},[i]);return(0,t.jsx)(`textarea`,{ref:o,rows:n,onInput:s,className:[`ds-field-skin`,r].filter(Boolean).join(` `),...a})});exports.TextArea=r,exports.TextField=n;
+//# sourceMappingURL=index.cjs.map

package/dist/components/TextField/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","names":["forwardRef","useCallback","react","react_jsx_runtime","TextField","rest","size","className","TextArea","autoGrow","el","event","onInput"],"sources":["../../../src/components/TextField/index.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useCallback,\n  type FormEvent,\n  type InputHTMLAttributes,\n  type TextareaHTMLAttributes,\n} from \"react\";\nimport type { FieldSize } from \"../Field\";\nimport \"../Field/style.css\";\n\nexport interface TextFieldProps\n  extends Omit<InputHTMLAttributes<HTMLInputElement>, \"size\"> {\n  size?: FieldSize;\n}\n\n/** Single-line input wearing the shared field skin. */\nexport const TextField = forwardRef<HTMLInputElement, TextFieldProps>(\n  function TextField({ size = \"md\", className, type = \"text\", ...rest }, ref) {\n    return (\n      <input\n        ref={ref}\n        type={type}\n        data-size={size}\n        className={[\"ds-field-skin\", className].filter(Boolean).join(\" \")}\n        {...rest}\n      />\n    );\n  },\n);\n\nexport type TextAreaProps = TextareaHTMLAttributes<HTMLTextAreaElement>;\n\n/** Multi-line input. Grows to its content and never scrolls. */\nexport const TextArea = forwardRef<HTMLTextAreaElement, TextAreaProps>(\n  function TextArea({ rows = 3, className, onInput, ...rest }, ref) {\n    const autoGrow = useCallback(\n      (event: FormEvent<HTMLTextAreaElement>) => {\n        const el = event.currentTarget;\n        el.style.height = \"auto\";\n        el.style.height = `${el.scrollHeight}px`;\n        onInput?.(event as Parameters<NonNullable<typeof onInput>>[0]);\n      },\n      [onInput],\n    );\n\n    return (\n      <textarea\n        ref={ref}\n        rows={rows}\n        onInput={autoGrow}\n        className={[\"ds-field-skin\", className].filter(Boolean).join(\" \")}\n        {...rest}\n      />\n    );\n  },\n);\n"],"mappings":"A,oKAgBA,IAAaI,GAAA,EAAYJ,EAAAA,WAAAA,CACvB,SAAmB,CAAE,OAAO,KAAM,YAAW,OAAO,OAAQ,GAAGK,GAAQ,EAAK,CAC1E,OACE,EAAAF,EAAA,IAAA,CAAC,QAAD,CACO,MACC,OACN,YAAWG,EACX,UAAW,CAAC,gBAAiBC,CAAS,CAAC,CAAC,OAAO,OAAO,CAAC,CAAC,KAAK,GAAG,EAChE,GAAIF,CACL,CAAA,CAEL,CACF,EAKaG,GAAA,EAAWR,EAAAA,WAAAA,CACtB,SAAkB,CAAE,OAAO,EAAG,YAAW,UAAS,GAAGK,GAAQ,EAAK,CAChE,IAAMI,GAAA,EAAWR,EAAAA,YAAAA,CACd,GAA0C,CACzC,IAAMS,EAAKC,EAAM,cACjB,EAAG,MAAM,OAAS,OAClB,EAAG,MAAM,OAAS,GAAGD,EAAG,aAAa,IACrCE,IAAUD,CAAmD,CAC/D,EACA,CAACC,CAAO,CACV,EAEA,OACE,EAAAT,EAAA,IAAA,CAAC,WAAD,CACO,MACC,OACN,QAASM,EACT,UAAW,CAAC,gBAAiBF,CAAS,CAAC,CAAC,OAAO,OAAO,CAAC,CAAC,KAAK,GAAG,EAChE,GAAIF,CACL,CAAA,CAEL,CACF,E"}

package/dist/components/TextField/index.d.cts

@@ -0,0 +1,11 @@
+import { type InputHTMLAttributes, type TextareaHTMLAttributes } from "react";
+import type { FieldSize } from "../Field/index.cjs";
+export interface TextFieldProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "size"> {
+    size?: FieldSize;
+}
+/** Single-line input wearing the shared field skin. */
+export declare const TextField: import("react").ForwardRefExoticComponent<TextFieldProps & import("react").RefAttributes<HTMLInputElement>>;
+export type TextAreaProps = TextareaHTMLAttributes<HTMLTextAreaElement>;
+/** Multi-line input. Grows to its content and never scrolls. */
+export declare const TextArea: import("react").ForwardRefExoticComponent<TextAreaProps & import("react").RefAttributes<HTMLTextAreaElement>>;
+//# sourceMappingURL=index.d.cts.map

package/dist/components/TextField/index.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.cts","sourceRoot":"","sources":["../../../src/components/TextField/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,mBAAmB,EACxB,KAAK,sBAAsB,EAC5B,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAC1C,OAAO,oBAAoB,CAAC;AAE5B,MAAM,WAAW,cACf,SAAQ,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC3D,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED,uDAAuD;AACvD,eAAO,MAAM,SAAS,6GAYrB,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG,sBAAsB,CAAC,mBAAmB,CAAC,CAAC;AAExE,gEAAgE;AAChE,eAAO,MAAM,QAAQ,+GAsBpB,CAAC"}

package/dist/components/TextField/index.d.ts

@@ -0,0 +1,11 @@
+import { type InputHTMLAttributes, type TextareaHTMLAttributes } from "react";
+import type { FieldSize } from "../Field/index.js";
+export interface TextFieldProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "size"> {
+    size?: FieldSize;
+}
+/** Single-line input wearing the shared field skin. */
+export declare const TextField: import("react").ForwardRefExoticComponent<TextFieldProps & import("react").RefAttributes<HTMLInputElement>>;
+export type TextAreaProps = TextareaHTMLAttributes<HTMLTextAreaElement>;
+/** Multi-line input. Grows to its content and never scrolls. */
+export declare const TextArea: import("react").ForwardRefExoticComponent<TextAreaProps & import("react").RefAttributes<HTMLTextAreaElement>>;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/TextField/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TextField/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,mBAAmB,EACxB,KAAK,sBAAsB,EAC5B,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAC1C,OAAO,oBAAoB,CAAC;AAE5B,MAAM,WAAW,cACf,SAAQ,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC3D,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED,uDAAuD;AACvD,eAAO,MAAM,SAAS,6GAYrB,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG,sBAAsB,CAAC,mBAAmB,CAAC,CAAC;AAExE,gEAAgE;AAChE,eAAO,MAAM,QAAQ,+GAsBpB,CAAC"}

package/dist/components/TextField/index.js

@@ -0,0 +1,29 @@
+/* empty css                          */
+import { forwardRef as e, useCallback as t } from "react";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/TextField/index.tsx
+var r = e(function({ size: e = "md", className: t, type: r = "text", ...i }, a) {
+	return /* @__PURE__ */ n("input", {
+		ref: a,
+		type: r,
+		"data-size": e,
+		className: ["ds-field-skin", t].filter(Boolean).join(" "),
+		...i
+	});
+}), i = e(function({ rows: e = 3, className: r, onInput: i, ...a }, o) {
+	let s = t((e) => {
+		let t = e.currentTarget;
+		t.style.height = "auto", t.style.height = `${t.scrollHeight}px`, i?.(e);
+	}, [i]);
+	return /* @__PURE__ */ n("textarea", {
+		ref: o,
+		rows: e,
+		onInput: s,
+		className: ["ds-field-skin", r].filter(Boolean).join(" "),
+		...a
+	});
+});
+//#endregion
+export { i as TextArea, r as TextField };
+
+//# sourceMappingURL=index.js.map

package/dist/components/TextField/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["TextField","forwardRef","rest","size","className","TextArea","autoGrow","useCallback","el","event","onInput"],"sources":["../../../src/components/TextField/index.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useCallback,\n  type FormEvent,\n  type InputHTMLAttributes,\n  type TextareaHTMLAttributes,\n} from \"react\";\nimport type { FieldSize } from \"../Field\";\nimport \"../Field/style.css\";\n\nexport interface TextFieldProps\n  extends Omit<InputHTMLAttributes<HTMLInputElement>, \"size\"> {\n  size?: FieldSize;\n}\n\n/** Single-line input wearing the shared field skin. */\nexport const TextField = forwardRef<HTMLInputElement, TextFieldProps>(\n  function TextField({ size = \"md\", className, type = \"text\", ...rest }, ref) {\n    return (\n      <input\n        ref={ref}\n        type={type}\n        data-size={size}\n        className={[\"ds-field-skin\", className].filter(Boolean).join(\" \")}\n        {...rest}\n      />\n    );\n  },\n);\n\nexport type TextAreaProps = TextareaHTMLAttributes<HTMLTextAreaElement>;\n\n/** Multi-line input. Grows to its content and never scrolls. */\nexport const TextArea = forwardRef<HTMLTextAreaElement, TextAreaProps>(\n  function TextArea({ rows = 3, className, onInput, ...rest }, ref) {\n    const autoGrow = useCallback(\n      (event: FormEvent<HTMLTextAreaElement>) => {\n        const el = event.currentTarget;\n        el.style.height = \"auto\";\n        el.style.height = `${el.scrollHeight}px`;\n        onInput?.(event as Parameters<NonNullable<typeof onInput>>[0]);\n      },\n      [onInput],\n    );\n\n    return (\n      <textarea\n        ref={ref}\n        rows={rows}\n        onInput={autoGrow}\n        className={[\"ds-field-skin\", className].filter(Boolean).join(\" \")}\n        {...rest}\n      />\n    );\n  },\n);\n"],"mappings":";;;;AAgBA,IAAaA,IAAYC,EACvB,SAAmB,EAAE,UAAO,MAAM,cAAW,UAAO,QAAQ,GAAGC,KAAQ,GAAK;CAC1E,OACE,kBAAC,SAAD;EACO;EACC;EACN,aAAWC;EACX,WAAW,CAAC,iBAAiBC,CAAS,CAAC,CAAC,OAAO,OAAO,CAAC,CAAC,KAAK,GAAG;EAChE,GAAIF;CACL,CAAA;AAEL,CACF,GAKaG,IAAWJ,EACtB,SAAkB,EAAE,UAAO,GAAG,cAAW,YAAS,GAAGC,KAAQ,GAAK;CAChE,IAAMI,IAAWC,GACd,MAA0C;EACzC,IAAMC,IAAKC,EAAM;EAGjB,AAFA,EAAG,MAAM,SAAS,QAClB,EAAG,MAAM,SAAS,GAAGD,EAAG,aAAa,KACrCE,IAAUD,CAAmD;CAC/D,GACA,CAACC,CAAO,CACV;CAEA,OACE,kBAAC,YAAD;EACO;EACC;EACN,SAASJ;EACT,WAAW,CAAC,iBAAiBF,CAAS,CAAC,CAAC,OAAO,OAAO,CAAC,CAAC,KAAK,GAAG;EAChE,GAAIF;CACL,CAAA;AAEL,CACF"}

package/dist/components/TextField/style.css

@@ -0,0 +1 @@
+/* TextField and TextArea use the shared field skin from ../Field/style.css. */

package/dist/components/Time/index.cjs

@@ -0,0 +1,2 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../Popover/index.cjs");let t=require("react"),n=require("react/jsx-runtime");function r(...e){return e.filter(Boolean).join(` `)}var i=[`Jan`,`Feb`,`Mar`,`Apr`,`May`,`Jun`,`Jul`,`Aug`,`Sep`,`Oct`,`Nov`,`Dec`],a=6e4,o=60*a,s=24*o,c=7*s;function l(e){return String(e).padStart(2,`0`)}function u(e,t={}){let{hasYear:n=!0}=t,r=`${e.getDate()} ${i[e.getMonth()]}`;return n?`${r} ${e.getFullYear()}`:r}function d(e,t={}){let{hasTimeZone:n=!0}=t,r=`${u(e)}, ${l(e.getHours())}:${l(e.getMinutes())}`;if(!n)return r;let i=new Intl.DateTimeFormat(void 0,{timeZoneName:`short`}).formatToParts(e).find(e=>e.type===`timeZoneName`)?.value;return i?`${r} ${i}`:r}function f(e,t=new Date){let n=t.getTime()-e.getTime();if(n<0)return u(e,{hasYear:e.getFullYear()!==t.getFullYear()});if(n<a)return`Just now`;if(n<o)return`${Math.floor(n/a)}m ago`;if(n<s)return`${Math.floor(n/o)}h ago`;if(n<c){let e=Math.floor(n/s);return`${e} ${e===1?`day`:`days`} ago`}return u(e,{hasYear:e.getFullYear()!==t.getFullYear()})}var p=(0,t.forwardRef)(function({value:i,format:a=`auto`,hasTooltip:o=!0,hasTimeZone:s=!0,now:c,refreshInterval:l=3e4,className:p,tabIndex:m,title:h,onMouseEnter:g,onMouseLeave:_,onFocus:v,onBlur:y,onKeyDown:b,"aria-describedby":x,...S},C){let w=i instanceof Date?i:new Date(i),T=(0,t.useRef)(null),[E,D]=(0,t.useState)(!1),O=(0,t.useId)(),[,k]=(0,t.useState)(0);if((0,t.useEffect)(()=>{if(a===`absolute`||c)return;let e=window.setInterval(()=>k(e=>e+1),l);return()=>window.clearInterval(e)},[a,c,l]),Number.isNaN(w.getTime()))return null;let A=a===`absolute`?u(w):f(w,c??new Date),j=d(w,{hasTimeZone:s}),M=o&&A!==j;return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(`time`,{ref:e=>{T.current=e,typeof C==`function`?C(e):C&&(C.current=e)},dateTime:w.toISOString(),suppressHydrationWarning:!0,className:r(`ds-time`,!M&&`ds-time--plain`,p),tabIndex:m??(M?0:void 0),"aria-describedby":[x,M&&E&&O].filter(Boolean).join(` `)||void 0,title:h??(M?void 0:j),onMouseEnter:e=>{g?.(e),M&&!e.defaultPrevented&&D(!0)},onMouseLeave:e=>{_?.(e),M&&!e.defaultPrevented&&D(!1)},onFocus:e=>{v?.(e),M&&!e.defaultPrevented&&D(!0)},onBlur:e=>{y?.(e),M&&!e.defaultPrevented&&D(!1)},onKeyDown:e=>{b?.(e),M&&!e.defaultPrevented&&e.key===`Escape`&&D(!1)},...S,children:A}),M&&(0,n.jsx)(e.Popover,{anchorRef:T,isOpen:E,id:O,role:`tooltip`,className:`ds-surface-raised ds-time-tooltip`,children:j})]})});exports.Time=p,exports.formatAbsoluteDate=u,exports.formatAbsoluteTime=d,exports.formatRelativeTime=f;
+//# sourceMappingURL=index.cjs.map

package/dist/components/Time/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","names":["forwardRef","useRef","useState","useId","_Fragment","Popover","require_components_Popover_index","react","react_jsx_runtime","cx","parts","MONTHS","MINUTE","HOUR","DAY","WEEK","pad","value","formatAbsoluteDate","options","stem","date","hasYear","formatAbsoluteTime","stamp","hasTimeZone","zone","part","formatRelativeTime","delta","now","days","Time","describedBy","rest","anchorRef","isOpen","setIsOpen","tooltipId","setTick","format","id","t","refreshInterval","label","isTipped","hasTooltip","node","ref","className","tabIndex","title","onMouseEnter","event","onMouseLeave","onFocus","onBlur","onKeyDown"],"sources":["../../../src/components/Time/index.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useEffect,\n  useId,\n  useRef,\n  useState,\n  type HTMLAttributes,\n} from \"react\";\nimport { Popover } from \"../Popover\";\nimport \"./style.css\";\n\nfunction cx(...parts: (string | undefined | false)[]) {\n  return parts.filter(Boolean).join(\" \");\n}\n\nconst MONTHS = [\n  \"Jan\",\n  \"Feb\",\n  \"Mar\",\n  \"Apr\",\n  \"May\",\n  \"Jun\",\n  \"Jul\",\n  \"Aug\",\n  \"Sep\",\n  \"Oct\",\n  \"Nov\",\n  \"Dec\",\n];\n\nconst MINUTE = 60_000;\nconst HOUR = 60 * MINUTE;\nconst DAY = 24 * HOUR;\nconst WEEK = 7 * DAY;\n\nfunction pad(value: number) {\n  return String(value).padStart(2, \"0\");\n}\n\n/** Day before month, one order everywhere: `12 Jun 2026`. */\nexport function formatAbsoluteDate(date: Date, options: { hasYear?: boolean } = {}) {\n  const { hasYear = true } = options;\n  const stem = `${date.getDate()} ${MONTHS[date.getMonth()]}`;\n  return hasYear ? `${stem} ${date.getFullYear()}` : stem;\n}\n\n/** The tooltip form: `6 Aug 2026, 11:05`, with the reader's zone appended. */\nexport function formatAbsoluteTime(date: Date, options: { hasTimeZone?: boolean } = {}) {\n  const { hasTimeZone = true } = options;\n  const stamp = `${formatAbsoluteDate(date)}, ${pad(date.getHours())}:${pad(date.getMinutes())}`;\n  if (!hasTimeZone) return stamp;\n  const zone = new Intl.DateTimeFormat(undefined, { timeZoneName: \"short\" })\n    .formatToParts(date)\n    .find((part) => part.type === \"timeZoneName\")?.value;\n  return zone ? `${stamp} ${zone}` : stamp;\n}\n\n/**\n * Relative up to a week, absolute after. Future dates are always absolute — a\n * scheduled publish reads `12 Jun`, never `in 3 days`.\n */\nexport function formatRelativeTime(date: Date, now: Date = new Date()) {\n  const delta = now.getTime() - date.getTime();\n  if (delta < 0) {\n    return formatAbsoluteDate(date, { hasYear: date.getFullYear() !== now.getFullYear() });\n  }\n  if (delta < MINUTE) return \"Just now\";\n  if (delta < HOUR) return `${Math.floor(delta / MINUTE)}m ago`;\n  if (delta < DAY) return `${Math.floor(delta / HOUR)}h ago`;\n  if (delta < WEEK) {\n    const days = Math.floor(delta / DAY);\n    return `${days} ${days === 1 ? \"day\" : \"days\"} ago`;\n  }\n  return formatAbsoluteDate(date, { hasYear: date.getFullYear() !== now.getFullYear() });\n}\n\nexport type TimeFormat = \"auto\" | \"relative\" | \"absolute\";\n\nexport interface TimeProps extends Omit<HTMLAttributes<HTMLElement>, \"children\"> {\n  /** The instant to print — Date, epoch ms, or an ISO string. */\n  value: Date | string | number;\n  /** `auto` ages the value; `absolute` always prints the date. */\n  format?: TimeFormat;\n  /** Show the absolute stamp on hover and focus. */\n  hasTooltip?: boolean;\n  /** Append the reader's time zone to the tooltip. */\n  hasTimeZone?: boolean;\n  /** Pin \"now\" — useful for tests and stories. */\n  now?: Date;\n  /** Re-render interval in ms while the value is still relative. */\n  refreshInterval?: number;\n}\n\n/**\n * A machine-readable `<time>` that ages itself. One form per cell: relative or\n * absolute, never both side by side.\n */\nexport const Time = forwardRef<HTMLTimeElement, TimeProps>(function Time(\n  {\n    value,\n    format = \"auto\",\n    hasTooltip = true,\n    hasTimeZone = true,\n    now,\n    refreshInterval = 30_000,\n    className,\n    tabIndex,\n    title,\n    onMouseEnter,\n    onMouseLeave,\n    onFocus,\n    onBlur,\n    onKeyDown,\n    \"aria-describedby\": describedBy,\n    ...rest\n  },\n  ref,\n) {\n  const date = value instanceof Date ? value : new Date(value);\n  const anchorRef = useRef<HTMLTimeElement | null>(null);\n  const [isOpen, setIsOpen] = useState(false);\n  const tooltipId = useId();\n  const [, setTick] = useState(0);\n\n  useEffect(() => {\n    if (format === \"absolute\" || now) return;\n    const id = window.setInterval(() => setTick((t) => t + 1), refreshInterval);\n    return () => window.clearInterval(id);\n  }, [format, now, refreshInterval]);\n\n  if (Number.isNaN(date.getTime())) return null;\n\n  const reference = now ?? new Date();\n  const label =\n    format === \"absolute\"\n      ? formatAbsoluteDate(date)\n      : formatRelativeTime(date, reference);\n  const stamp = formatAbsoluteTime(date, { hasTimeZone });\n  const isTipped = hasTooltip && label !== stamp;\n\n  return (\n    <>\n      <time\n        ref={(node) => {\n          anchorRef.current = node;\n          if (typeof ref === \"function\") ref(node);\n          else if (ref) ref.current = node;\n        }}\n        dateTime={date.toISOString()}\n        suppressHydrationWarning\n        className={cx(\"ds-time\", !isTipped && \"ds-time--plain\", className)}\n        tabIndex={tabIndex ?? (isTipped ? 0 : undefined)}\n        aria-describedby={[describedBy, isTipped && isOpen && tooltipId].filter(Boolean).join(\" \") || undefined}\n        title={title ?? (isTipped ? undefined : stamp)}\n        onMouseEnter={(event) => {\n          onMouseEnter?.(event);\n          if (isTipped && !event.defaultPrevented) setIsOpen(true);\n        }}\n        onMouseLeave={(event) => {\n          onMouseLeave?.(event);\n          if (isTipped && !event.defaultPrevented) setIsOpen(false);\n        }}\n        onFocus={(event) => {\n          onFocus?.(event);\n          if (isTipped && !event.defaultPrevented) setIsOpen(true);\n        }}\n        onBlur={(event) => {\n          onBlur?.(event);\n          if (isTipped && !event.defaultPrevented) setIsOpen(false);\n        }}\n        onKeyDown={(event) => {\n          onKeyDown?.(event);\n          if (isTipped && !event.defaultPrevented && event.key === \"Escape\") setIsOpen(false);\n        }}\n        {...rest}\n      >\n        {label}\n      </time>\n      {isTipped && (\n        <Popover\n          anchorRef={anchorRef}\n          isOpen={isOpen}\n          id={tooltipId}\n          role=\"tooltip\"\n          className=\"ds-surface-raised ds-time-tooltip\"\n        >\n          {stamp}\n        </Popover>\n      )}\n    </>\n  );\n});\n"],"mappings":"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"}

package/dist/components/Time/index.d.cts

@@ -0,0 +1,35 @@
+import { type HTMLAttributes } from "react";
+/** Day before month, one order everywhere: `12 Jun 2026`. */
+export declare function formatAbsoluteDate(date: Date, options?: {
+    hasYear?: boolean;
+}): string;
+/** The tooltip form: `6 Aug 2026, 11:05`, with the reader's zone appended. */
+export declare function formatAbsoluteTime(date: Date, options?: {
+    hasTimeZone?: boolean;
+}): string;
+/**
+ * Relative up to a week, absolute after. Future dates are always absolute — a
+ * scheduled publish reads `12 Jun`, never `in 3 days`.
+ */
+export declare function formatRelativeTime(date: Date, now?: Date): string;
+export type TimeFormat = "auto" | "relative" | "absolute";
+export interface TimeProps extends Omit<HTMLAttributes<HTMLElement>, "children"> {
+    /** The instant to print — Date, epoch ms, or an ISO string. */
+    value: Date | string | number;
+    /** `auto` ages the value; `absolute` always prints the date. */
+    format?: TimeFormat;
+    /** Show the absolute stamp on hover and focus. */
+    hasTooltip?: boolean;
+    /** Append the reader's time zone to the tooltip. */
+    hasTimeZone?: boolean;
+    /** Pin "now" — useful for tests and stories. */
+    now?: Date;
+    /** Re-render interval in ms while the value is still relative. */
+    refreshInterval?: number;
+}
+/**
+ * A machine-readable `<time>` that ages itself. One form per cell: relative or
+ * absolute, never both side by side.
+ */
+export declare const Time: import("react").ForwardRefExoticComponent<TimeProps & import("react").RefAttributes<HTMLTimeElement>>;
+//# sourceMappingURL=index.d.cts.map

package/dist/components/Time/index.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.cts","sourceRoot":"","sources":["../../../src/components/Time/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAML,KAAK,cAAc,EACpB,MAAM,OAAO,CAAC;AAEf,OAAO,aAAa,CAAC;AA8BrB,6DAA6D;AAC7D,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,IAAI,EAAE,OAAO,GAAE;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAO,UAIjF;AAED,8EAA8E;AAC9E,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,IAAI,EAAE,OAAO,GAAE;IAAE,WAAW,CAAC,EAAE,OAAO,CAAA;CAAO,UAQrF;AAED;;;GAGG;AACH,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,IAAI,EAAE,GAAG,GAAE,IAAiB,UAapE;AAED,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,UAAU,GAAG,UAAU,CAAC;AAE1D,MAAM,WAAW,SAAU,SAAQ,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,UAAU,CAAC;IAC9E,+DAA+D;IAC/D,KAAK,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,CAAC;IAC9B,gEAAgE;IAChE,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,kDAAkD;IAClD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,oDAAoD;IACpD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,gDAAgD;IAChD,GAAG,CAAC,EAAE,IAAI,CAAC;IACX,kEAAkE;IAClE,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED;;;GAGG;AACH,eAAO,MAAM,IAAI,uGA8Ff,CAAC"}

package/dist/components/Time/index.d.ts

@@ -0,0 +1,35 @@
+import { type HTMLAttributes } from "react";
+/** Day before month, one order everywhere: `12 Jun 2026`. */
+export declare function formatAbsoluteDate(date: Date, options?: {
+    hasYear?: boolean;
+}): string;
+/** The tooltip form: `6 Aug 2026, 11:05`, with the reader's zone appended. */
+export declare function formatAbsoluteTime(date: Date, options?: {
+    hasTimeZone?: boolean;
+}): string;
+/**
+ * Relative up to a week, absolute after. Future dates are always absolute — a
+ * scheduled publish reads `12 Jun`, never `in 3 days`.
+ */
+export declare function formatRelativeTime(date: Date, now?: Date): string;
+export type TimeFormat = "auto" | "relative" | "absolute";
+export interface TimeProps extends Omit<HTMLAttributes<HTMLElement>, "children"> {
+    /** The instant to print — Date, epoch ms, or an ISO string. */
+    value: Date | string | number;
+    /** `auto` ages the value; `absolute` always prints the date. */
+    format?: TimeFormat;
+    /** Show the absolute stamp on hover and focus. */
+    hasTooltip?: boolean;
+    /** Append the reader's time zone to the tooltip. */
+    hasTimeZone?: boolean;
+    /** Pin "now" — useful for tests and stories. */
+    now?: Date;
+    /** Re-render interval in ms while the value is still relative. */
+    refreshInterval?: number;
+}
+/**
+ * A machine-readable `<time>` that ages itself. One form per cell: relative or
+ * absolute, never both side by side.
+ */
+export declare const Time: import("react").ForwardRefExoticComponent<TimeProps & import("react").RefAttributes<HTMLTimeElement>>;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Time/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Time/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAML,KAAK,cAAc,EACpB,MAAM,OAAO,CAAC;AAEf,OAAO,aAAa,CAAC;AA8BrB,6DAA6D;AAC7D,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,IAAI,EAAE,OAAO,GAAE;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAO,UAIjF;AAED,8EAA8E;AAC9E,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,IAAI,EAAE,OAAO,GAAE;IAAE,WAAW,CAAC,EAAE,OAAO,CAAA;CAAO,UAQrF;AAED;;;GAGG;AACH,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,IAAI,EAAE,GAAG,GAAE,IAAiB,UAapE;AAED,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,UAAU,GAAG,UAAU,CAAC;AAE1D,MAAM,WAAW,SAAU,SAAQ,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,UAAU,CAAC;IAC9E,+DAA+D;IAC/D,KAAK,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,CAAC;IAC9B,gEAAgE;IAChE,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,kDAAkD;IAClD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,oDAAoD;IACpD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,gDAAgD;IAChD,GAAG,CAAC,EAAE,IAAI,CAAC;IACX,kEAAkE;IAClE,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED;;;GAGG;AACH,eAAO,MAAM,IAAI,uGA8Ff,CAAC"}

package/dist/components/Time/index.js

@@ -0,0 +1,98 @@
+import { Popover as e } from "../Popover/index.js";
+import { forwardRef as t, useEffect as n, useId as r, useRef as i, useState as a } from "react";
+import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region src/components/Time/index.tsx
+function l(...e) {
+	return e.filter(Boolean).join(" ");
+}
+var u = [
+	"Jan",
+	"Feb",
+	"Mar",
+	"Apr",
+	"May",
+	"Jun",
+	"Jul",
+	"Aug",
+	"Sep",
+	"Oct",
+	"Nov",
+	"Dec"
+], d = 6e4, f = 60 * d, p = 24 * f, m = 7 * p;
+function h(e) {
+	return String(e).padStart(2, "0");
+}
+function g(e, t = {}) {
+	let { hasYear: n = !0 } = t, r = `${e.getDate()} ${u[e.getMonth()]}`;
+	return n ? `${r} ${e.getFullYear()}` : r;
+}
+function _(e, t = {}) {
+	let { hasTimeZone: n = !0 } = t, r = `${g(e)}, ${h(e.getHours())}:${h(e.getMinutes())}`;
+	if (!n) return r;
+	let i = new Intl.DateTimeFormat(void 0, { timeZoneName: "short" }).formatToParts(e).find((e) => e.type === "timeZoneName")?.value;
+	return i ? `${r} ${i}` : r;
+}
+function v(e, t = /* @__PURE__ */ new Date()) {
+	let n = t.getTime() - e.getTime();
+	if (n < 0) return g(e, { hasYear: e.getFullYear() !== t.getFullYear() });
+	if (n < d) return "Just now";
+	if (n < f) return `${Math.floor(n / d)}m ago`;
+	if (n < p) return `${Math.floor(n / f)}h ago`;
+	if (n < m) {
+		let e = Math.floor(n / p);
+		return `${e} ${e === 1 ? "day" : "days"} ago`;
+	}
+	return g(e, { hasYear: e.getFullYear() !== t.getFullYear() });
+}
+var y = t(function({ value: t, format: u = "auto", hasTooltip: d = !0, hasTimeZone: f = !0, now: p, refreshInterval: m = 3e4, className: h, tabIndex: y, title: b, onMouseEnter: x, onMouseLeave: S, onFocus: C, onBlur: w, onKeyDown: T, "aria-describedby": E, ...D }, O) {
+	let k = t instanceof Date ? t : new Date(t), A = i(null), [j, M] = a(!1), N = r(), [, P] = a(0);
+	if (n(() => {
+		if (u === "absolute" || p) return;
+		let e = window.setInterval(() => P((e) => e + 1), m);
+		return () => window.clearInterval(e);
+	}, [
+		u,
+		p,
+		m
+	]), Number.isNaN(k.getTime())) return null;
+	let F = u === "absolute" ? g(k) : v(k, p ?? /* @__PURE__ */ new Date()), I = _(k, { hasTimeZone: f }), L = d && F !== I;
+	return /* @__PURE__ */ c(o, { children: [/* @__PURE__ */ s("time", {
+		ref: (e) => {
+			A.current = e, typeof O == "function" ? O(e) : O && (O.current = e);
+		},
+		dateTime: k.toISOString(),
+		suppressHydrationWarning: !0,
+		className: l("ds-time", !L && "ds-time--plain", h),
+		tabIndex: y ?? (L ? 0 : void 0),
+		"aria-describedby": [E, L && j && N].filter(Boolean).join(" ") || void 0,
+		title: b ?? (L ? void 0 : I),
+		onMouseEnter: (e) => {
+			x?.(e), L && !e.defaultPrevented && M(!0);
+		},
+		onMouseLeave: (e) => {
+			S?.(e), L && !e.defaultPrevented && M(!1);
+		},
+		onFocus: (e) => {
+			C?.(e), L && !e.defaultPrevented && M(!0);
+		},
+		onBlur: (e) => {
+			w?.(e), L && !e.defaultPrevented && M(!1);
+		},
+		onKeyDown: (e) => {
+			T?.(e), L && !e.defaultPrevented && e.key === "Escape" && M(!1);
+		},
+		...D,
+		children: F
+	}), L && /* @__PURE__ */ s(e, {
+		anchorRef: A,
+		isOpen: j,
+		id: N,
+		role: "tooltip",
+		className: "ds-surface-raised ds-time-tooltip",
+		children: I
+	})] });
+});
+//#endregion
+export { y as Time, g as formatAbsoluteDate, _ as formatAbsoluteTime, v as formatRelativeTime };
+
+//# sourceMappingURL=index.js.map

package/dist/components/Time/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_Fragment","cx","parts","MONTHS","MINUTE","HOUR","DAY","WEEK","pad","value","formatAbsoluteDate","options","stem","date","hasYear","formatAbsoluteTime","stamp","hasTimeZone","zone","part","formatRelativeTime","delta","now","days","Time","forwardRef","describedBy","rest","anchorRef","useRef","isOpen","setIsOpen","useState","tooltipId","useId","setTick","useEffect","format","id","t","refreshInterval","label","isTipped","hasTooltip","Fragment","node","ref","className","tabIndex","title","onMouseEnter","event","onMouseLeave","onFocus","onBlur","onKeyDown","Popover"],"sources":["../../../src/components/Time/index.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useEffect,\n  useId,\n  useRef,\n  useState,\n  type HTMLAttributes,\n} from \"react\";\nimport { Popover } from \"../Popover\";\nimport \"./style.css\";\n\nfunction cx(...parts: (string | undefined | false)[]) {\n  return parts.filter(Boolean).join(\" \");\n}\n\nconst MONTHS = [\n  \"Jan\",\n  \"Feb\",\n  \"Mar\",\n  \"Apr\",\n  \"May\",\n  \"Jun\",\n  \"Jul\",\n  \"Aug\",\n  \"Sep\",\n  \"Oct\",\n  \"Nov\",\n  \"Dec\",\n];\n\nconst MINUTE = 60_000;\nconst HOUR = 60 * MINUTE;\nconst DAY = 24 * HOUR;\nconst WEEK = 7 * DAY;\n\nfunction pad(value: number) {\n  return String(value).padStart(2, \"0\");\n}\n\n/** Day before month, one order everywhere: `12 Jun 2026`. */\nexport function formatAbsoluteDate(date: Date, options: { hasYear?: boolean } = {}) {\n  const { hasYear = true } = options;\n  const stem = `${date.getDate()} ${MONTHS[date.getMonth()]}`;\n  return hasYear ? `${stem} ${date.getFullYear()}` : stem;\n}\n\n/** The tooltip form: `6 Aug 2026, 11:05`, with the reader's zone appended. */\nexport function formatAbsoluteTime(date: Date, options: { hasTimeZone?: boolean } = {}) {\n  const { hasTimeZone = true } = options;\n  const stamp = `${formatAbsoluteDate(date)}, ${pad(date.getHours())}:${pad(date.getMinutes())}`;\n  if (!hasTimeZone) return stamp;\n  const zone = new Intl.DateTimeFormat(undefined, { timeZoneName: \"short\" })\n    .formatToParts(date)\n    .find((part) => part.type === \"timeZoneName\")?.value;\n  return zone ? `${stamp} ${zone}` : stamp;\n}\n\n/**\n * Relative up to a week, absolute after. Future dates are always absolute — a\n * scheduled publish reads `12 Jun`, never `in 3 days`.\n */\nexport function formatRelativeTime(date: Date, now: Date = new Date()) {\n  const delta = now.getTime() - date.getTime();\n  if (delta < 0) {\n    return formatAbsoluteDate(date, { hasYear: date.getFullYear() !== now.getFullYear() });\n  }\n  if (delta < MINUTE) return \"Just now\";\n  if (delta < HOUR) return `${Math.floor(delta / MINUTE)}m ago`;\n  if (delta < DAY) return `${Math.floor(delta / HOUR)}h ago`;\n  if (delta < WEEK) {\n    const days = Math.floor(delta / DAY);\n    return `${days} ${days === 1 ? \"day\" : \"days\"} ago`;\n  }\n  return formatAbsoluteDate(date, { hasYear: date.getFullYear() !== now.getFullYear() });\n}\n\nexport type TimeFormat = \"auto\" | \"relative\" | \"absolute\";\n\nexport interface TimeProps extends Omit<HTMLAttributes<HTMLElement>, \"children\"> {\n  /** The instant to print — Date, epoch ms, or an ISO string. */\n  value: Date | string | number;\n  /** `auto` ages the value; `absolute` always prints the date. */\n  format?: TimeFormat;\n  /** Show the absolute stamp on hover and focus. */\n  hasTooltip?: boolean;\n  /** Append the reader's time zone to the tooltip. */\n  hasTimeZone?: boolean;\n  /** Pin \"now\" — useful for tests and stories. */\n  now?: Date;\n  /** Re-render interval in ms while the value is still relative. */\n  refreshInterval?: number;\n}\n\n/**\n * A machine-readable `<time>` that ages itself. One form per cell: relative or\n * absolute, never both side by side.\n */\nexport const Time = forwardRef<HTMLTimeElement, TimeProps>(function Time(\n  {\n    value,\n    format = \"auto\",\n    hasTooltip = true,\n    hasTimeZone = true,\n    now,\n    refreshInterval = 30_000,\n    className,\n    tabIndex,\n    title,\n    onMouseEnter,\n    onMouseLeave,\n    onFocus,\n    onBlur,\n    onKeyDown,\n    \"aria-describedby\": describedBy,\n    ...rest\n  },\n  ref,\n) {\n  const date = value instanceof Date ? value : new Date(value);\n  const anchorRef = useRef<HTMLTimeElement | null>(null);\n  const [isOpen, setIsOpen] = useState(false);\n  const tooltipId = useId();\n  const [, setTick] = useState(0);\n\n  useEffect(() => {\n    if (format === \"absolute\" || now) return;\n    const id = window.setInterval(() => setTick((t) => t + 1), refreshInterval);\n    return () => window.clearInterval(id);\n  }, [format, now, refreshInterval]);\n\n  if (Number.isNaN(date.getTime())) return null;\n\n  const reference = now ?? new Date();\n  const label =\n    format === \"absolute\"\n      ? formatAbsoluteDate(date)\n      : formatRelativeTime(date, reference);\n  const stamp = formatAbsoluteTime(date, { hasTimeZone });\n  const isTipped = hasTooltip && label !== stamp;\n\n  return (\n    <>\n      <time\n        ref={(node) => {\n          anchorRef.current = node;\n          if (typeof ref === \"function\") ref(node);\n          else if (ref) ref.current = node;\n        }}\n        dateTime={date.toISOString()}\n        suppressHydrationWarning\n        className={cx(\"ds-time\", !isTipped && \"ds-time--plain\", className)}\n        tabIndex={tabIndex ?? (isTipped ? 0 : undefined)}\n        aria-describedby={[describedBy, isTipped && isOpen && tooltipId].filter(Boolean).join(\" \") || undefined}\n        title={title ?? (isTipped ? undefined : stamp)}\n        onMouseEnter={(event) => {\n          onMouseEnter?.(event);\n          if (isTipped && !event.defaultPrevented) setIsOpen(true);\n        }}\n        onMouseLeave={(event) => {\n          onMouseLeave?.(event);\n          if (isTipped && !event.defaultPrevented) setIsOpen(false);\n        }}\n        onFocus={(event) => {\n          onFocus?.(event);\n          if (isTipped && !event.defaultPrevented) setIsOpen(true);\n        }}\n        onBlur={(event) => {\n          onBlur?.(event);\n          if (isTipped && !event.defaultPrevented) setIsOpen(false);\n        }}\n        onKeyDown={(event) => {\n          onKeyDown?.(event);\n          if (isTipped && !event.defaultPrevented && event.key === \"Escape\") setIsOpen(false);\n        }}\n        {...rest}\n      >\n        {label}\n      </time>\n      {isTipped && (\n        <Popover\n          anchorRef={anchorRef}\n          isOpen={isOpen}\n          id={tooltipId}\n          role=\"tooltip\"\n          className=\"ds-surface-raised ds-time-tooltip\"\n        >\n          {stamp}\n        </Popover>\n      )}\n    </>\n  );\n});\n"],"mappings":";;;;AAWA,SAASC,EAAG,GAAGC,GAAuC;CACpD,OAAOA,EAAM,OAAO,OAAO,CAAC,CAAC,KAAK,GAAG;AACvC;AAEA,IAAMC,IAAS;CACb;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF,GAEMC,IAAS,KACTC,IAAO,KAAKD,GACZE,IAAM,KAAKD,GACXE,IAAO,IAAID;AAEjB,SAASE,EAAI,GAAe;CAC1B,OAAO,OAAOC,CAAK,CAAC,CAAC,SAAS,GAAG,GAAG;AACtC;AAGA,SAAgBC,EAAmB,GAAY,IAAiC,CAAC,GAAG;CAClF,IAAM,EAAE,aAAU,OAASC,GACrBC,IAAO,GAAGC,EAAK,QAAQ,EAAE,GAAGV,EAAOU,EAAK,SAAS;CACvD,OAAOC,IAAU,GAAGF,EAAK,GAAGC,EAAK,YAAY,MAAMD;AACrD;AAGA,SAAgBG,EAAmB,GAAY,IAAqC,CAAC,GAAG;CACtF,IAAM,EAAE,iBAAc,OAASJ,GACzBK,IAAQ,GAAGN,EAAmBG,CAAI,EAAE,IAAIL,EAAIK,EAAK,SAAS,CAAC,EAAE,GAAGL,EAAIK,EAAK,WAAW,CAAC;CAC3F,IAAI,CAACI,GAAa,OAAOD;CACzB,IAAME,IAAO,IAAI,KAAK,eAAe,KAAA,GAAW,EAAE,cAAc,QAAQ,CAAC,CAAC,CACvE,cAAcL,CAAI,CAAC,CACnB,MAAM,MAASM,EAAK,SAAS,cAAc,CAAC,EAAE;CACjD,OAAOD,IAAO,GAAGF,EAAM,GAAGE,MAASF;AACrC;AAMA,SAAgBI,EAAmB,GAAY,oBAAY,IAAI,KAAK,GAAG;CACrE,IAAMC,IAAQC,EAAI,QAAQ,IAAIT,EAAK,QAAQ;CAC3C,IAAIQ,IAAQ,GACV,OAAOX,EAAmBG,GAAM,EAAE,SAASA,EAAK,YAAY,MAAMS,EAAI,YAAY,EAAE,CAAC;CAEvF,IAAID,IAAQjB,GAAQ,OAAO;CAC3B,IAAIiB,IAAQhB,GAAM,OAAO,GAAG,KAAK,MAAMgB,IAAQjB,CAAM,EAAE;CACvD,IAAIiB,IAAQf,GAAK,OAAO,GAAG,KAAK,MAAMe,IAAQhB,CAAI,EAAE;CACpD,IAAIgB,IAAQd,GAAM;EAChB,IAAMgB,IAAO,KAAK,MAAMF,IAAQf,CAAG;EACnC,OAAO,GAAGiB,EAAK,GAAGA,MAAS,IAAI,QAAQ,OAAO;CAChD;CACA,OAAOb,EAAmBG,GAAM,EAAE,SAASA,EAAK,YAAY,MAAMS,EAAI,YAAY,EAAE,CAAC;AACvF;AAuBA,IAAaE,IAAOC,EAAuC,SACzD,EACE,UACA,YAAS,QACT,gBAAa,IACb,iBAAc,IACd,QACA,qBAAkB,KAClB,cACA,aACA,UACA,iBACA,iBACA,YACA,WACA,cACA,oBAAoBC,GACpB,GAAGC,KAEL,GACA;CACA,IAAMd,IAAOJ,aAAiB,OAAOA,IAAQ,IAAI,KAAKA,CAAK,GACrDmB,IAAYC,EAA+B,IAAI,GAC/C,CAACC,GAAQC,KAAaC,EAAS,EAAK,GACpCC,IAAYC,EAAM,GAClB,GAAGC,KAAWH,EAAS,CAAC;CAQ9B,IANAI,QAAgB;EACd,IAAIC,MAAW,cAAcf,GAAK;EAClC,IAAMgB,IAAK,OAAO,kBAAkBH,GAAS,MAAMI,IAAI,CAAC,GAAGC,CAAe;EAC1E,aAAa,OAAO,cAAcF,CAAE;CACtC,GAAG;EAACD;EAAQf;EAAKkB;CAAe,CAAC,GAE7B,OAAO,MAAM3B,EAAK,QAAQ,CAAC,GAAG,OAAO;CAGzC,IAAM4B,IACJJ,MAAW,aACP3B,EAAmBG,CAAI,IACvBO,EAAmBP,GAJPS,qBAAO,IAAI,KAAK,CAIM,GAClCN,IAAQD,EAAmBF,GAAM,EAAE,eAAY,CAAC,GAChD6B,IAAWC,KAAcF,MAAUzB;CAEzC,OACE,kBAAAhB,GAAA,EAAA,UAAA,CACE,kBAAC,QAAD;EACE,MAAM,MAAS;GAEb,AADA,EAAU,UAAU6C,GAChB,OAAOC,KAAQ,aAAYA,EAAID,CAAI,IAC9BC,MAAK,EAAI,UAAUD;EAC9B;EACA,UAAUhC,EAAK,YAAY;EAC3B,0BAAA;EACA,WAAWZ,EAAG,WAAW,CAACyC,KAAY,kBAAkBK,CAAS;EACjE,UAAUC,MAAaN,IAAW,IAAI,KAAA;EACtC,oBAAkB,CAAChB,GAAagB,KAAYZ,KAAUG,CAAS,CAAC,CAAC,OAAO,OAAO,CAAC,CAAC,KAAK,GAAG,KAAK,KAAA;EAC9F,OAAOgB,MAAUP,IAAW,KAAA,IAAY1B;EACxC,eAAe,MAAU;GAEvB,AADAkC,IAAeC,CAAK,GAChBT,KAAY,CAACS,EAAM,oBAAkBpB,EAAU,EAAI;EACzD;EACA,eAAe,MAAU;GAEvB,AADAqB,IAAeD,CAAK,GAChBT,KAAY,CAACS,EAAM,oBAAkBpB,EAAU,EAAK;EAC1D;EACA,UAAU,MAAU;GAElB,AADAsB,IAAUF,CAAK,GACXT,KAAY,CAACS,EAAM,oBAAkBpB,EAAU,EAAI;EACzD;EACA,SAAS,MAAU;GAEjB,AADAuB,IAASH,CAAK,GACVT,KAAY,CAACS,EAAM,oBAAkBpB,EAAU,EAAK;EAC1D;EACA,YAAY,MAAU;GAEpB,AADAwB,IAAYJ,CAAK,GACbT,KAAY,CAACS,EAAM,oBAAoBA,EAAM,QAAQ,YAAUpB,EAAU,EAAK;EACpF;EACA,GAAIJ;EAEH,UAAAc;CACG,CAAA,GACLC,KACC,kBAACc,GAAD;EACa;EACH;EACR,IAAIvB;EACJ,MAAK;EACL,WAAU;EAET,UAAAjB;CACM,CAAA,CAEX,EAAA,CAAA;AAEN,CAAC"}

package/dist/components/Time/style.css

@@ -0,0 +1,30 @@
+@layer components {
+  /* The dotted underline is the only affordance — no icon, no colour change. */
+  .ds-time {
+    font-variant-numeric: tabular-nums;
+    text-decoration: underline dotted
+      color-mix(in srgb, var(--color-text) 45%, transparent);
+    text-underline-offset: 3px;
+    cursor: help;
+  }
+
+  .ds-time:focus-visible {
+    outline: var(--control-border-width) solid var(--color-focus);
+    outline-offset: 2px;
+    border-radius: var(--radius-sm);
+    text-decoration: none;
+  }
+
+  .ds-time--plain {
+    text-decoration: none;
+    cursor: auto;
+  }
+
+  .ds-time-tooltip {
+    padding: var(--space-2) var(--space-3);
+    color: var(--color-text);
+    font-size: var(--font-size-xs);
+    white-space: nowrap;
+    font-variant-numeric: tabular-nums;
+  }
+}

package/dist/components/Toast/index.cjs

@@ -0,0 +1,2 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../chunks/Icon-CWsA1W83.cjs"),t=require("../Button/index.cjs");let n=require("react"),r=require("react/jsx-runtime");var i={neutral:`info`,info:`info`,success:`check`,warning:`alert-triangle`,danger:`alert-triangle`},a=(0,n.forwardRef)(function({tone:n=`neutral`,title:a,description:o,onDismiss:s,className:c,...l},u){return(0,r.jsxs)(`div`,{ref:u,role:`status`,"data-tone":n===`neutral`?void 0:n,className:[`ds-toast`,c].filter(Boolean).join(` `),...l,children:[(0,r.jsx)(e.t,{name:i[n],size:20,className:`ds-toast__icon`}),(0,r.jsxs)(`div`,{className:`ds-toast__body`,children:[(0,r.jsx)(`span`,{className:`ds-toast__title`,children:a}),o&&(0,r.jsx)(`span`,{className:`ds-toast__description`,children:o})]}),s&&(0,r.jsx)(t.Button,{variant:`simple`,size:`sm`,isIconOnly:!0,iconStart:`x`,"aria-label":`Dismiss notification`,onClick:s})]})}),o=(0,n.createContext)(null);function s({children:e}){let[t,i]=(0,n.useState)([]),a=(0,n.useRef)(0),s=(0,n.useCallback)(e=>{i(t=>t.filter(t=>t.id!==e))},[]),l=(0,n.useCallback)(e=>{i(t=>[...t,{...e,id:a.current++}])},[]),u=(0,n.useMemo)(()=>({toast:l,dismiss:s}),[l,s]);return(0,r.jsxs)(o.Provider,{value:u,children:[e,(0,r.jsx)(c,{items:t,onDismiss:s})]})}function c({items:e,onDismiss:t}){return e.length===0?null:(0,r.jsx)(`div`,{className:`ds-toast-region`,role:`region`,"aria-label":`Notifications`,children:e.map(e=>(0,r.jsx)(l,{item:e,onDismiss:t},e.id))})}function l({item:e,onDismiss:t}){return(0,n.useEffect)(()=>{let n=window.setTimeout(()=>t(e.id),e.duration??5e3);return()=>window.clearTimeout(n)},[e,t]),(0,r.jsx)(a,{tone:e.tone,title:e.title,description:e.description,onDismiss:()=>t(e.id)})}function u(){let e=(0,n.useContext)(o);if(!e)throw Error(`useToast must be used inside a <ToastProvider>.`);return e}exports.Toast=a,exports.ToastProvider=s,exports.useToast=u;
+//# sourceMappingURL=index.cjs.map

package/dist/components/Toast/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","names":["forwardRef","Icon","Button","createContext","useState","useRef","useCallback","useMemo","useContext","require_Icon","require_components_Button_index","react","react_jsx_runtime","TONE_ICON","Toast","rest","tone","className","title","description","onDismiss","ToastContext","ToastProvider","items","setItems","nextId","dismiss","current","item","id","toast","options","value","children","ToastRegion","TimedToast","timer","useToast","context"],"sources":["../../../src/components/Toast/index.tsx"],"sourcesContent":["import {\n  createContext,\n  forwardRef,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  type HTMLAttributes,\n  type ReactNode,\n} from \"react\";\nimport { Button } from \"../Button\";\nimport { Icon } from \"../Icon\";\nimport type { IconName } from \"../Icon/icons\";\nimport \"./style.css\";\n\nexport type ToastTone = \"neutral\" | \"info\" | \"success\" | \"warning\" | \"danger\";\n\nconst TONE_ICON: Record<ToastTone, IconName> = {\n  neutral: \"info\",\n  info: \"info\",\n  success: \"check\",\n  warning: \"alert-triangle\",\n  danger: \"alert-triangle\",\n};\n\nexport interface ToastProps extends HTMLAttributes<HTMLDivElement> {\n  tone?: ToastTone;\n  title: string;\n  description?: string;\n  /** Renders a dismiss button. Omit for a toast that only times out. */\n  onDismiss?: () => void;\n}\n\n/** One fact about something that already happened. Never a question. */\nexport const Toast = forwardRef<HTMLDivElement, ToastProps>(function Toast(\n  { tone = \"neutral\", title, description, onDismiss, className, ...rest },\n  ref,\n) {\n  return (\n    <div\n      ref={ref}\n      role=\"status\"\n      data-tone={tone === \"neutral\" ? undefined : tone}\n      className={[\"ds-toast\", className].filter(Boolean).join(\" \")}\n      {...rest}\n    >\n      <Icon name={TONE_ICON[tone]} size={20} className=\"ds-toast__icon\" />\n      <div className=\"ds-toast__body\">\n        <span className=\"ds-toast__title\">{title}</span>\n        {description && <span className=\"ds-toast__description\">{description}</span>}\n      </div>\n      {onDismiss && (\n        <Button\n          variant=\"simple\"\n          size=\"sm\"\n          isIconOnly\n          iconStart=\"x\"\n          aria-label=\"Dismiss notification\"\n          onClick={onDismiss}\n        />\n      )}\n    </div>\n  );\n});\n\nexport interface ToastOptions {\n  tone?: ToastTone;\n  title: string;\n  description?: string;\n  /** Milliseconds before it dismisses itself. Defaults to `--toast-duration`. */\n  duration?: number;\n}\n\ninterface ToastRecord extends ToastOptions {\n  id: number;\n}\n\ninterface ToastContextValue {\n  toast: (options: ToastOptions) => void;\n  dismiss: (id: number) => void;\n}\n\nconst ToastContext = createContext<ToastContextValue | null>(null);\n\nexport interface ToastProviderProps {\n  children: ReactNode;\n}\n\n/** Mount once, near the root. Everything below it can call `useToast()`. */\nexport function ToastProvider({ children }: ToastProviderProps) {\n  const [items, setItems] = useState<ToastRecord[]>([]);\n  const nextId = useRef(0);\n\n  const dismiss = useCallback((id: number) => {\n    setItems((current) => current.filter((item) => item.id !== id));\n  }, []);\n\n  const toast = useCallback((options: ToastOptions) => {\n    setItems((current) => [...current, { ...options, id: nextId.current++ }]);\n  }, []);\n\n  const value = useMemo(() => ({ toast, dismiss }), [toast, dismiss]);\n\n  return (\n    <ToastContext.Provider value={value}>\n      {children}\n      <ToastRegion items={items} onDismiss={dismiss} />\n    </ToastContext.Provider>\n  );\n}\n\nfunction ToastRegion({\n  items,\n  onDismiss,\n}: {\n  items: ToastRecord[];\n  onDismiss: (id: number) => void;\n}) {\n  if (items.length === 0) return null;\n  return (\n    <div className=\"ds-toast-region\" role=\"region\" aria-label=\"Notifications\">\n      {items.map((item) => (\n        <TimedToast key={item.id} item={item} onDismiss={onDismiss} />\n      ))}\n    </div>\n  );\n}\n\nfunction TimedToast({\n  item,\n  onDismiss,\n}: {\n  item: ToastRecord;\n  onDismiss: (id: number) => void;\n}) {\n  useEffect(() => {\n    const timer = window.setTimeout(() => onDismiss(item.id), item.duration ?? 5000);\n    return () => window.clearTimeout(timer);\n  }, [item, onDismiss]);\n\n  return (\n    <Toast\n      tone={item.tone}\n      title={item.title}\n      description={item.description}\n      onDismiss={() => onDismiss(item.id)}\n    />\n  );\n}\n\nexport function useToast(): ToastContextValue {\n  const context = useContext(ToastContext);\n  if (!context) throw new Error(\"useToast must be used inside a <ToastProvider>.\");\n  return context;\n}\n"],"mappings":"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"}

package/dist/components/Toast/index.d.cts

@@ -0,0 +1,30 @@
+import { type HTMLAttributes, type ReactNode } from "react";
+export type ToastTone = "neutral" | "info" | "success" | "warning" | "danger";
+export interface ToastProps extends HTMLAttributes<HTMLDivElement> {
+    tone?: ToastTone;
+    title: string;
+    description?: string;
+    /** Renders a dismiss button. Omit for a toast that only times out. */
+    onDismiss?: () => void;
+}
+/** One fact about something that already happened. Never a question. */
+export declare const Toast: import("react").ForwardRefExoticComponent<ToastProps & import("react").RefAttributes<HTMLDivElement>>;
+export interface ToastOptions {
+    tone?: ToastTone;
+    title: string;
+    description?: string;
+    /** Milliseconds before it dismisses itself. Defaults to `--toast-duration`. */
+    duration?: number;
+}
+interface ToastContextValue {
+    toast: (options: ToastOptions) => void;
+    dismiss: (id: number) => void;
+}
+export interface ToastProviderProps {
+    children: ReactNode;
+}
+/** Mount once, near the root. Everything below it can call `useToast()`. */
+export declare function ToastProvider({ children }: ToastProviderProps): import("react").JSX.Element;
+export declare function useToast(): ToastContextValue;
+export {};
+//# sourceMappingURL=index.d.cts.map

package/dist/components/Toast/index.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.cts","sourceRoot":"","sources":["../../../src/components/Toast/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EASL,KAAK,cAAc,EACnB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAIf,OAAO,aAAa,CAAC;AAErB,MAAM,MAAM,SAAS,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;AAU9E,MAAM,WAAW,UAAW,SAAQ,cAAc,CAAC,cAAc,CAAC;IAChE,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,sEAAsE;IACtE,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AAED,wEAAwE;AACxE,eAAO,MAAM,KAAK,uGA6BhB,CAAC;AAEH,MAAM,WAAW,YAAY;IAC3B,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,+EAA+E;IAC/E,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAMD,UAAU,iBAAiB;IACzB,KAAK,EAAE,CAAC,OAAO,EAAE,YAAY,KAAK,IAAI,CAAC;IACvC,OAAO,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CAC/B;AAID,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,4EAA4E;AAC5E,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,EAAE,kBAAkB,+BAoB7D;AAyCD,wBAAgB,QAAQ,IAAI,iBAAiB,CAI5C"}

package/dist/components/Toast/index.d.ts

@@ -0,0 +1,30 @@
+import { type HTMLAttributes, type ReactNode } from "react";
+export type ToastTone = "neutral" | "info" | "success" | "warning" | "danger";
+export interface ToastProps extends HTMLAttributes<HTMLDivElement> {
+    tone?: ToastTone;
+    title: string;
+    description?: string;
+    /** Renders a dismiss button. Omit for a toast that only times out. */
+    onDismiss?: () => void;
+}
+/** One fact about something that already happened. Never a question. */
+export declare const Toast: import("react").ForwardRefExoticComponent<ToastProps & import("react").RefAttributes<HTMLDivElement>>;
+export interface ToastOptions {
+    tone?: ToastTone;
+    title: string;
+    description?: string;
+    /** Milliseconds before it dismisses itself. Defaults to `--toast-duration`. */
+    duration?: number;
+}
+interface ToastContextValue {
+    toast: (options: ToastOptions) => void;
+    dismiss: (id: number) => void;
+}
+export interface ToastProviderProps {
+    children: ReactNode;
+}
+/** Mount once, near the root. Everything below it can call `useToast()`. */
+export declare function ToastProvider({ children }: ToastProviderProps): import("react").JSX.Element;
+export declare function useToast(): ToastContextValue;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Toast/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EASL,KAAK,cAAc,EACnB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAIf,OAAO,aAAa,CAAC;AAErB,MAAM,MAAM,SAAS,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;AAU9E,MAAM,WAAW,UAAW,SAAQ,cAAc,CAAC,cAAc,CAAC;IAChE,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,sEAAsE;IACtE,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AAED,wEAAwE;AACxE,eAAO,MAAM,KAAK,uGA6BhB,CAAC;AAEH,MAAM,WAAW,YAAY;IAC3B,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,+EAA+E;IAC/E,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAMD,UAAU,iBAAiB;IACzB,KAAK,EAAE,CAAC,OAAO,EAAE,YAAY,KAAK,IAAI,CAAC;IACvC,OAAO,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CAC/B;AAID,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,4EAA4E;AAC5E,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,EAAE,kBAAkB,+BAoB7D;AAyCD,wBAAgB,QAAQ,IAAI,iBAAiB,CAI5C"}