@sixthshift/design-system 0.1.0 → 0.3.0

package/dist/lib/withSuspense.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"withSuspense.js","sourceRoot":"","sources":["../../src/lib/withSuspense.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,MAAM,UAAU,YAAY,CAAmB,SAA2B,EAAE,QAAmB;IAC7F,SAAS,YAAY,CAAC,KAAQ;QAC5B,OAAO,CACL,KAAC,QAAQ,IAAC,QAAQ,EAAE,QAAQ,YAC1B,KAAC,SAAS,OAAK,KAAK,GAAI,GACf,CACZ,CAAC;IACJ,CAAC;IAED,YAAY,CAAC,WAAW,GAAG,gBAAgB,SAAS,CAAC,WAAW,IAAI,SAAS,CAAC,IAAI,IAAI,WAAW,GAAG,CAAC;IAErG,OAAO,YAAY,CAAC;AACtB,CAAC"}

package/dist/lib/withSuspenseAndErrorBoundary.d.ts

@@ -0,0 +1,12 @@
+import type { ComponentType, ReactNode } from "react";
+import { type ErrorFallbackProps } from "./ErrorBoundary.js";
+type Options = {
+    fallback: ReactNode;
+    errorFallback: ReactNode | ((props: ErrorFallbackProps) => ReactNode);
+};
+export declare function withSuspenseAndErrorBoundary<P extends object>(Component: ComponentType<P>, options: Options): {
+    (props: P): import("react").JSX.Element;
+    displayName: string;
+};
+export {};
+//# sourceMappingURL=withSuspenseAndErrorBoundary.d.ts.map

package/dist/lib/withSuspenseAndErrorBoundary.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"withSuspenseAndErrorBoundary.d.ts","sourceRoot":"","sources":["../../src/lib/withSuspenseAndErrorBoundary.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtD,OAAO,EAAiB,KAAK,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAEzE,KAAK,OAAO,GAAG;IACb,QAAQ,EAAE,SAAS,CAAC;IACpB,aAAa,EAAE,SAAS,GAAG,CAAC,CAAC,KAAK,EAAE,kBAAkB,KAAK,SAAS,CAAC,CAAC;CACvE,CAAC;AAEF,wBAAgB,4BAA4B,CAAC,CAAC,SAAS,MAAM,EAAE,SAAS,EAAE,aAAa,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,OAAO;YAG7D,CAAC;;EAa/C"}

package/dist/lib/withSuspenseAndErrorBoundary.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Suspense } from "react";
+import { ErrorBoundary } from "./ErrorBoundary.js";
+export function withSuspenseAndErrorBoundary(Component, options) {
+    const { fallback, errorFallback } = options;
+    function WithSuspenseAndErrorBoundary(props) {
+        return (_jsx(ErrorBoundary, { fallback: errorFallback, children: _jsx(Suspense, { fallback: fallback, children: _jsx(Component, { ...props }) }) }));
+    }
+    WithSuspenseAndErrorBoundary.displayName = `withSuspenseAndErrorBoundary(${Component.displayName || Component.name || "Component"})`;
+    return WithSuspenseAndErrorBoundary;
+}
+//# sourceMappingURL=withSuspenseAndErrorBoundary.js.map

package/dist/lib/withSuspenseAndErrorBoundary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"withSuspenseAndErrorBoundary.js","sourceRoot":"","sources":["../../src/lib/withSuspenseAndErrorBoundary.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,aAAa,EAA2B,MAAM,iBAAiB,CAAC;AAOzE,MAAM,UAAU,4BAA4B,CAAmB,SAA2B,EAAE,OAAgB;IAC1G,MAAM,EAAE,QAAQ,EAAE,aAAa,EAAE,GAAG,OAAO,CAAC;IAE5C,SAAS,4BAA4B,CAAC,KAAQ;QAC5C,OAAO,CACL,KAAC,aAAa,IAAC,QAAQ,EAAE,aAAa,YACpC,KAAC,QAAQ,IAAC,QAAQ,EAAE,QAAQ,YAC1B,KAAC,SAAS,OAAK,KAAK,GAAI,GACf,GACG,CACjB,CAAC;IACJ,CAAC;IAED,4BAA4B,CAAC,WAAW,GAAG,gCAAgC,SAAS,CAAC,WAAW,IAAI,SAAS,CAAC,IAAI,IAAI,WAAW,GAAG,CAAC;IAErI,OAAO,4BAA4B,CAAC;AACtC,CAAC"}

package/dist/theme/index.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Theme Exports
+ *
+ * The token naming vocabulary and its types. Token *values* live in
+ * src/theme/tokens.css and are read from the stylesheet, not from here.
+ */
+export type { BgKey, BgToken, BorderKey, BorderToken, ColorMode, ColorModeSchema, ColorToken, Context, CSSVarName, Feedback, FgKey, FgToken, HexValue, Hierarchy, HSLValue, Intent, Semantic, StandaloneToken, State, ThemeSchema, TokenKey, TokenName, Weight, } from "./schema.js";
+export { contexts, cssVar, feedback, hierarchy, hsl, intents, semantics, standaloneTokens, states, weights, } from "./schema.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/theme/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/theme/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,YAAY,EACV,KAAK,EACL,OAAO,EACP,SAAS,EACT,WAAW,EACX,SAAS,EACT,eAAe,EACf,UAAU,EACV,OAAO,EACP,UAAU,EACV,QAAQ,EACR,KAAK,EACL,OAAO,EACP,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,eAAe,EACf,KAAK,EACL,WAAW,EACX,QAAQ,EACR,SAAS,EACT,MAAM,GACP,MAAM,UAAU,CAAC;AAElB,OAAO,EACL,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,SAAS,EACT,GAAG,EACH,OAAO,EACP,SAAS,EACT,gBAAgB,EAChB,MAAM,EACN,OAAO,GACR,MAAM,UAAU,CAAC"}

package/dist/theme/index.js

@@ -0,0 +1,8 @@
+/**
+ * Theme Exports
+ *
+ * The token naming vocabulary and its types. Token *values* live in
+ * src/theme/tokens.css and are read from the stylesheet, not from here.
+ */
+export { contexts, cssVar, feedback, hierarchy, hsl, intents, semantics, standaloneTokens, states, weights, } from "./schema.js";
+//# sourceMappingURL=index.js.map

package/dist/theme/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/theme/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AA4BH,OAAO,EACL,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,SAAS,EACT,GAAG,EACH,OAAO,EACP,SAAS,EACT,gBAAgB,EAChB,MAAM,EACN,OAAO,GACR,MAAM,UAAU,CAAC"}

package/dist/theme/schema.d.ts

@@ -0,0 +1,103 @@
+/**
+ * Theme Schema
+ *
+ * The naming convention for design tokens, as types and as data:
+ *
+ *   {context}-[on-]{intent}[-{weight}][-{state}]
+ *
+ * src/theme/tokens.css is the only place tokens are defined, and nothing derives
+ * TypeScript from it. These types describe the *shape* a token name can take
+ * rather than enumerating the names that happen to exist today, which is why the
+ * vocabulary below is the thing to edit when the system grows a new axis.
+ *
+ * The trade that makes explicit: the union is complete but permissive. Every real
+ * token is assignable, and a few combinations it accepts are not defined. Keeping
+ * this vocabulary and tokens.css describing the same system is a manual job — a
+ * token whose name falls outside the grid below is unnameable in TypeScript even
+ * though its utility compiles.
+ *
+ * To read a value, read the CSS: `var(--bg-brand)` in a stylesheet, or
+ * `getComputedStyle(document.documentElement).getPropertyValue("--bg-brand")`
+ * at runtime.
+ */
+/** Hex color value, e.g., "#6366f1" */
+export type HexValue = string;
+/**
+ * HSL color value without wrapper, e.g., "239 84% 67%"
+ *
+ * @deprecated Tokens hold hex values and palette references, never bare HSL
+ * triples. Kept only so the export surface stays stable.
+ */
+export type HSLValue = string;
+/** Color mode */
+export type ColorMode = "light" | "dark";
+/** Contexts - what CSS property this affects */
+export declare const contexts: readonly ["bg", "fg", "border"];
+export type Context = (typeof contexts)[number];
+/** Hierarchy semantics - visual weight */
+export declare const hierarchy: readonly ["strong", "normal", "subtle"];
+export type Hierarchy = (typeof hierarchy)[number];
+/** Feedback semantics - meaning */
+export declare const feedback: readonly ["success", "warning", "danger"];
+export type Feedback = (typeof feedback)[number];
+/** All semantics */
+export declare const semantics: readonly ["strong", "normal", "subtle", "success", "warning", "danger"];
+export type Semantic = (typeof semantics)[number];
+/** Every intent a token can carry, including the ones outside the grid above */
+export declare const intents: readonly ["strong", "normal", "subtle", "success", "warning", "danger", "brand", "overlay"];
+export type Intent = (typeof intents)[number];
+/** Weight modifiers, applied to brand and feedback intents */
+export declare const weights: readonly ["subtle", "strong"];
+export type Weight = (typeof weights)[number];
+/** Interaction states */
+export declare const states: readonly ["hovered", "pressed", "disabled"];
+export type State = (typeof states)[number];
+/** Tokens that are a category of one, outside the grid */
+export declare const standaloneTokens: readonly ["focus-ring"];
+export type StandaloneToken = (typeof standaloneTokens)[number];
+/** Intents that take a weight modifier — the hierarchy trio *is* the weight. */
+type Weightable = Exclude<Intent, Hierarchy>;
+/** `brand` | `brand-subtle` | `danger-strong` | ... */
+type WeightedIntent = Intent | `${Weightable}-${Weight}`;
+/** Any of the above, optionally in an interaction state */
+type Stateful<T extends string> = T | `${T}-${State}`;
+/** Background tokens */
+export type BgToken = Stateful<`bg-${WeightedIntent}`>;
+/** Foreground tokens, including the `fg-on-*` pairs */
+export type FgToken = Stateful<`fg-${WeightedIntent}`> | Stateful<`fg-on-${WeightedIntent}`>;
+/** Border tokens */
+export type BorderToken = Stateful<`border-${WeightedIntent}`>;
+/** Every token name the convention allows */
+export type TokenName = BgToken | FgToken | BorderToken | StandaloneToken;
+/** All color tokens */
+export type ColorToken = TokenName;
+/** CSS variable name format */
+export type CSSVarName = `--${ColorToken}`;
+/** @deprecated Use {@link BgToken}. */
+export type BgKey = BgToken;
+/** @deprecated Use {@link FgToken}. */
+export type FgKey = FgToken;
+/** @deprecated Use {@link BorderToken}. */
+export type BorderKey = BorderToken;
+/** @deprecated Use {@link TokenName}. */
+export type TokenKey = TokenName;
+/** A set of token values for one mode */
+export type ColorModeSchema = Partial<Record<TokenName, HexValue>>;
+/** A complete theme */
+export type ThemeSchema = {
+    name: string;
+    version: string;
+    light: ColorModeSchema;
+    dark: ColorModeSchema;
+};
+/** Type-safe CSS var reference */
+export declare function cssVar(token: ColorToken): string;
+/**
+ * Type-safe HSL wrapper for Tailwind
+ *
+ * @deprecated Token values are hex and palette references, so wrapping one in
+ * `hsl()` yields invalid CSS. Use {@link cssVar}.
+ */
+export declare function hsl(token: ColorToken): string;
+export {};
+//# sourceMappingURL=schema.d.ts.map

package/dist/theme/schema.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"schema.d.ts","sourceRoot":"","sources":["../../src/theme/schema.ts"],"names":[],"mappings":"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"}

package/dist/theme/schema.js

@@ -0,0 +1,58 @@
+/**
+ * Theme Schema
+ *
+ * The naming convention for design tokens, as types and as data:
+ *
+ *   {context}-[on-]{intent}[-{weight}][-{state}]
+ *
+ * src/theme/tokens.css is the only place tokens are defined, and nothing derives
+ * TypeScript from it. These types describe the *shape* a token name can take
+ * rather than enumerating the names that happen to exist today, which is why the
+ * vocabulary below is the thing to edit when the system grows a new axis.
+ *
+ * The trade that makes explicit: the union is complete but permissive. Every real
+ * token is assignable, and a few combinations it accepts are not defined. Keeping
+ * this vocabulary and tokens.css describing the same system is a manual job — a
+ * token whose name falls outside the grid below is unnameable in TypeScript even
+ * though its utility compiles.
+ *
+ * To read a value, read the CSS: `var(--bg-brand)` in a stylesheet, or
+ * `getComputedStyle(document.documentElement).getPropertyValue("--bg-brand")`
+ * at runtime.
+ */
+// =============================================================================
+// VOCABULARY
+// =============================================================================
+/** Contexts - what CSS property this affects */
+export const contexts = ["bg", "fg", "border"];
+/** Hierarchy semantics - visual weight */
+export const hierarchy = ["strong", "normal", "subtle"];
+/** Feedback semantics - meaning */
+export const feedback = ["success", "warning", "danger"];
+/** All semantics */
+export const semantics = [...hierarchy, ...feedback];
+/** Every intent a token can carry, including the ones outside the grid above */
+export const intents = [...semantics, "brand", "overlay"];
+/** Weight modifiers, applied to brand and feedback intents */
+export const weights = ["subtle", "strong"];
+/** Interaction states */
+export const states = ["hovered", "pressed", "disabled"];
+/** Tokens that are a category of one, outside the grid */
+export const standaloneTokens = ["focus-ring"];
+// =============================================================================
+// UTILITIES
+// =============================================================================
+/** Type-safe CSS var reference */
+export function cssVar(token) {
+    return `var(--${token})`;
+}
+/**
+ * Type-safe HSL wrapper for Tailwind
+ *
+ * @deprecated Token values are hex and palette references, so wrapping one in
+ * `hsl()` yields invalid CSS. Use {@link cssVar}.
+ */
+export function hsl(token) {
+    return `hsl(var(--${token}))`;
+}
+//# sourceMappingURL=schema.js.map

package/dist/theme/schema.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"schema.js","sourceRoot":"","sources":["../../src/theme/schema.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;GAqBG;AAoBH,gFAAgF;AAChF,aAAa;AACb,gFAAgF;AAEhF,gDAAgD;AAChD,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,CAAU,CAAC;AAGxD,0CAA0C;AAC1C,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,QAAQ,EAAE,QAAQ,EAAE,QAAQ,CAAU,CAAC;AAGjE,mCAAmC;AACnC,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,SAAS,EAAE,SAAS,EAAE,QAAQ,CAAU,CAAC;AAGlE,oBAAoB;AACpB,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,GAAG,SAAS,EAAE,GAAG,QAAQ,CAAU,CAAC;AAG9D,gFAAgF;AAChF,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,GAAG,SAAS,EAAE,OAAO,EAAE,SAAS,CAAU,CAAC;AAGnE,8DAA8D;AAC9D,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,QAAQ,EAAE,QAAQ,CAAU,CAAC;AAGrD,yBAAyB;AACzB,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,SAAS,EAAE,SAAS,EAAE,UAAU,CAAU,CAAC;AAGlE,0DAA0D;AAC1D,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,YAAY,CAAU,CAAC;AA0DxD,gFAAgF;AAChF,YAAY;AACZ,gFAAgF;AAEhF,kCAAkC;AAClC,MAAM,UAAU,MAAM,CAAC,KAAiB;IACtC,OAAO,SAAS,KAAK,GAAG,CAAC;AAC3B,CAAC;AAED;;;;;GAKG;AACH,MAAM,UAAU,GAAG,CAAC,KAAiB;IACnC,OAAO,aAAa,KAAK,IAAI,CAAC;AAChC,CAAC"}

package/dist/typography/Body.d.ts

@@ -0,0 +1,5 @@
+import * as React from "react";
+export declare const Body: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
+    as?: import("@sixthshift/design-system/text").TextElement;
+} & React.RefAttributes<HTMLElement>>;
+//# sourceMappingURL=Body.d.ts.map

package/dist/typography/Body.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Body.d.ts","sourceRoot":"","sources":["../../src/typography/Body.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,eAAO,MAAM,IAAI;;qCAEf,CAAC"}

package/dist/typography/Body.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Text } from "@sixthshift/design-system/text";
+import { cn } from "@sixthshift/design-system/utils";
+import * as React from "react";
+export const Body = React.forwardRef(({ as = "p", className, ...props }, ref) => (_jsx(Text, { ref: ref, as: as, className: cn("text-fg-normal text-sm", className), ...props })));
+Body.displayName = "Body";
+//# sourceMappingURL=Body.js.map

package/dist/typography/Body.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Body.js","sourceRoot":"","sources":["../../src/typography/Body.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAkB,MAAM,gCAAgC,CAAC;AACtE,OAAO,EAAE,EAAE,EAAE,MAAM,iCAAiC,CAAC;AACrD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,CAAC,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAAyB,CAAC,EAAE,EAAE,GAAG,GAAG,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACvG,KAAC,IAAI,IAAC,GAAG,EAAE,GAAG,EAAE,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,EAAE,CAAC,wBAAwB,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAC1F,CAAC,CAAC;AACH,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC"}

package/dist/typography/Caption.d.ts

@@ -0,0 +1,5 @@
+import * as React from "react";
+export declare const Caption: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
+    as?: import("@sixthshift/design-system/text").TextElement;
+} & React.RefAttributes<HTMLElement>>;
+//# sourceMappingURL=Caption.d.ts.map

package/dist/typography/Caption.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Caption.d.ts","sourceRoot":"","sources":["../../src/typography/Caption.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,eAAO,MAAM,OAAO;;qCAElB,CAAC"}

package/dist/typography/Caption.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Text } from "@sixthshift/design-system/text";
+import { cn } from "@sixthshift/design-system/utils";
+import * as React from "react";
+export const Caption = React.forwardRef(({ className, ...props }, ref) => (_jsx(Text, { ref: ref, className: cn("text-fg-subtle text-xs", className), ...props })));
+Caption.displayName = "Caption";
+//# sourceMappingURL=Caption.js.map

package/dist/typography/Caption.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Caption.js","sourceRoot":"","sources":["../../src/typography/Caption.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAkB,MAAM,gCAAgC,CAAC;AACtE,OAAO,EAAE,EAAE,EAAE,MAAM,iCAAiC,CAAC;AACrD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,CAAC,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAyB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAChG,KAAC,IAAI,IAAC,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,wBAAwB,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAClF,CAAC,CAAC;AACH,OAAO,CAAC,WAAW,GAAG,SAAS,CAAC"}

package/dist/typography/Code.d.ts

@@ -0,0 +1,5 @@
+import * as React from "react";
+export declare const Code: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
+    as?: import("@sixthshift/design-system/text").TextElement;
+} & React.RefAttributes<HTMLElement>>;
+//# sourceMappingURL=Code.d.ts.map

package/dist/typography/Code.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Code.d.ts","sourceRoot":"","sources":["../../src/typography/Code.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,eAAO,MAAM,IAAI;;qCAEf,CAAC"}

package/dist/typography/Code.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Text } from "@sixthshift/design-system/text";
+import { cn } from "@sixthshift/design-system/utils";
+import * as React from "react";
+export const Code = React.forwardRef(({ className, ...props }, ref) => (_jsx(Text, { ref: ref, as: "code", className: cn("rounded bg-bg-subtle px-1.5 py-0.5 font-mono text-sm", className), ...props })));
+Code.displayName = "Code";
+//# sourceMappingURL=Code.js.map

package/dist/typography/Code.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Code.js","sourceRoot":"","sources":["../../src/typography/Code.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAkB,MAAM,gCAAgC,CAAC;AACtE,OAAO,EAAE,EAAE,EAAE,MAAM,iCAAiC,CAAC;AACrD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,CAAC,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAAyB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAC7F,KAAC,IAAI,IAAC,GAAG,EAAE,GAAG,EAAE,EAAE,EAAC,MAAM,EAAC,SAAS,EAAE,EAAE,CAAC,sDAAsD,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAC1H,CAAC,CAAC;AACH,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC"}

package/dist/typography/Display.d.ts

@@ -0,0 +1,5 @@
+import * as React from "react";
+export declare const Display: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
+    as?: import("@sixthshift/design-system/text").TextElement;
+} & React.RefAttributes<HTMLElement>>;
+//# sourceMappingURL=Display.d.ts.map

package/dist/typography/Display.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Display.d.ts","sourceRoot":"","sources":["../../src/typography/Display.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,eAAO,MAAM,OAAO;;qCAElB,CAAC"}

package/dist/typography/Display.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Text } from "@sixthshift/design-system/text";
+import { cn } from "@sixthshift/design-system/utils";
+import * as React from "react";
+export const Display = React.forwardRef(({ className, ...props }, ref) => (_jsx(Text, { ref: ref, className: cn("font-bold text-3xl", className), ...props })));
+Display.displayName = "Display";
+//# sourceMappingURL=Display.js.map

package/dist/typography/Display.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Display.js","sourceRoot":"","sources":["../../src/typography/Display.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAkB,MAAM,gCAAgC,CAAC;AACtE,OAAO,EAAE,EAAE,EAAE,MAAM,iCAAiC,CAAC;AACrD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,CAAC,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAyB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAChG,KAAC,IAAI,IAAC,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,oBAAoB,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAC9E,CAAC,CAAC;AACH,OAAO,CAAC,WAAW,GAAG,SAAS,CAAC"}

package/dist/typography/Emphasis.d.ts

@@ -0,0 +1,5 @@
+import * as React from "react";
+export declare const Emphasis: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
+    as?: import("@sixthshift/design-system/text").TextElement;
+} & React.RefAttributes<HTMLElement>>;
+//# sourceMappingURL=Emphasis.d.ts.map

package/dist/typography/Emphasis.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Emphasis.d.ts","sourceRoot":"","sources":["../../src/typography/Emphasis.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,eAAO,MAAM,QAAQ;;qCAEnB,CAAC"}

package/dist/typography/Emphasis.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Text } from "@sixthshift/design-system/text";
+import { cn } from "@sixthshift/design-system/utils";
+import * as React from "react";
+export const Emphasis = React.forwardRef(({ className, ...props }, ref) => (_jsx(Text, { ref: ref, className: cn("font-medium text-sm", className), ...props })));
+Emphasis.displayName = "Emphasis";
+//# sourceMappingURL=Emphasis.js.map

package/dist/typography/Emphasis.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Emphasis.js","sourceRoot":"","sources":["../../src/typography/Emphasis.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAkB,MAAM,gCAAgC,CAAC;AACtE,OAAO,EAAE,EAAE,EAAE,MAAM,iCAAiC,CAAC;AACrD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,CAAC,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAyB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACjG,KAAC,IAAI,IAAC,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,qBAAqB,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAC/E,CAAC,CAAC;AACH,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC"}

package/dist/typography/Heading.d.ts

@@ -0,0 +1,11 @@
+import { type TextProps } from "@sixthshift/design-system/text";
+import * as React from "react";
+type HeadingLevel = "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
+export type HeadingProps = Omit<TextProps, "as"> & {
+    as?: HeadingLevel;
+};
+export declare const Heading: React.ForwardRefExoticComponent<Omit<TextProps, "as"> & {
+    as?: HeadingLevel;
+} & React.RefAttributes<HTMLElement>>;
+export {};
+//# sourceMappingURL=Heading.d.ts.map

package/dist/typography/Heading.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Heading.d.ts","sourceRoot":"","sources":["../../src/typography/Heading.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAEtE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,KAAK,YAAY,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE5D,MAAM,MAAM,YAAY,GAAG,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,GAAG;IACjD,EAAE,CAAC,EAAE,YAAY,CAAC;CACnB,CAAC;AAEF,eAAO,MAAM,OAAO;SAHb,YAAY;qCAKjB,CAAC"}

package/dist/typography/Heading.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Text } from "@sixthshift/design-system/text";
+import { cn } from "@sixthshift/design-system/utils";
+import * as React from "react";
+const headingSizes = {
+    h1: "text-4xl",
+    h2: "text-3xl",
+    h3: "text-2xl",
+    h4: "text-xl",
+    h5: "text-lg",
+    h6: "text-base",
+};
+export const Heading = React.forwardRef(({ as = "h2", className, ...props }, ref) => (_jsx(Text, { ref: ref, as: as, className: cn("font-semibold tracking-tight", headingSizes[as], className), ...props })));
+Heading.displayName = "Heading";
+//# sourceMappingURL=Heading.js.map

package/dist/typography/Heading.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Heading.js","sourceRoot":"","sources":["../../src/typography/Heading.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAkB,MAAM,gCAAgC,CAAC;AACtE,OAAO,EAAE,EAAE,EAAE,MAAM,iCAAiC,CAAC;AACrD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,YAAY,GAAG;IACnB,EAAE,EAAE,UAAU;IACd,EAAE,EAAE,UAAU;IACd,EAAE,EAAE,UAAU;IACd,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,WAAW;CACP,CAAC;AAQX,MAAM,CAAC,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAA4B,CAAC,EAAE,EAAE,GAAG,IAAI,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAC9G,KAAC,IAAI,IAAC,GAAG,EAAE,GAAG,EAAE,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,EAAE,CAAC,8BAA8B,EAAE,YAAY,CAAC,EAAE,CAAC,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAClH,CAAC,CAAC;AACH,OAAO,CAAC,WAAW,GAAG,SAAS,CAAC"}

package/dist/typography/Label.d.ts

@@ -0,0 +1,4 @@
+import * as React from "react";
+export type LabelProps = React.LabelHTMLAttributes<HTMLLabelElement>;
+export declare const Label: React.ForwardRefExoticComponent<LabelProps & React.RefAttributes<HTMLLabelElement>>;
+//# sourceMappingURL=Label.d.ts.map

package/dist/typography/Label.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Label.d.ts","sourceRoot":"","sources":["../../src/typography/Label.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,MAAM,UAAU,GAAG,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;AAErE,eAAO,MAAM,KAAK,qFAGhB,CAAC"}

package/dist/typography/Label.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from "@sixthshift/design-system/utils";
+import * as React from "react";
+export const Label = React.forwardRef(({ className, ...props }, ref) => (
+// biome-ignore lint/a11y/noLabelWithoutControl: Generic label component can be used with or without controls via htmlFor prop
+_jsx("label", { ref: ref, className: cn("font-medium text-sm", className), ...props })));
+Label.displayName = "Label";
+//# sourceMappingURL=Label.js.map

package/dist/typography/Label.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Label.js","sourceRoot":"","sources":["../../src/typography/Label.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,iCAAiC,CAAC;AACrD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,CAAC,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAA+B,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC;AACpG,8HAA8H;AAC9H,gBAAO,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,qBAAqB,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAChF,CAAC,CAAC;AACH,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC"}

package/dist/typography/Lead.d.ts

@@ -0,0 +1,5 @@
+import * as React from "react";
+export declare const Lead: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
+    as?: import("@sixthshift/design-system/text").TextElement;
+} & React.RefAttributes<HTMLElement>>;
+//# sourceMappingURL=Lead.d.ts.map

package/dist/typography/Lead.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Lead.d.ts","sourceRoot":"","sources":["../../src/typography/Lead.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,eAAO,MAAM,IAAI;;qCAEf,CAAC"}

package/dist/typography/Lead.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Text } from "@sixthshift/design-system/text";
+import { cn } from "@sixthshift/design-system/utils";
+import * as React from "react";
+export const Lead = React.forwardRef(({ as = "p", className, ...props }, ref) => (_jsx(Text, { ref: ref, as: as, className: cn("text-fg-subtle text-lg leading-relaxed", className), ...props })));
+Lead.displayName = "Lead";
+//# sourceMappingURL=Lead.js.map

package/dist/typography/Lead.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Lead.js","sourceRoot":"","sources":["../../src/typography/Lead.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAkB,MAAM,gCAAgC,CAAC;AACtE,OAAO,EAAE,EAAE,EAAE,MAAM,iCAAiC,CAAC;AACrD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,CAAC,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAAyB,CAAC,EAAE,EAAE,GAAG,GAAG,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACvG,KAAC,IAAI,IAAC,GAAG,EAAE,GAAG,EAAE,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,EAAE,CAAC,wCAAwC,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAC1G,CAAC,CAAC;AACH,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC"}

package/dist/typography/Mono.d.ts

@@ -0,0 +1,5 @@
+import * as React from "react";
+export declare const Mono: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
+    as?: import("@sixthshift/design-system/text").TextElement;
+} & React.RefAttributes<HTMLElement>>;
+//# sourceMappingURL=Mono.d.ts.map

package/dist/typography/Mono.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Mono.d.ts","sourceRoot":"","sources":["../../src/typography/Mono.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,eAAO,MAAM,IAAI;;qCAEf,CAAC"}

package/dist/typography/Mono.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Text } from "@sixthshift/design-system/text";
+import { cn } from "@sixthshift/design-system/utils";
+import * as React from "react";
+export const Mono = React.forwardRef(({ className, ...props }, ref) => (_jsx(Text, { ref: ref, className: cn("font-mono text-fg-subtle text-sm", className), ...props })));
+Mono.displayName = "Mono";
+//# sourceMappingURL=Mono.js.map

package/dist/typography/Mono.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Mono.js","sourceRoot":"","sources":["../../src/typography/Mono.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAkB,MAAM,gCAAgC,CAAC;AACtE,OAAO,EAAE,EAAE,EAAE,MAAM,iCAAiC,CAAC;AACrD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,CAAC,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAAyB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAC7F,KAAC,IAAI,IAAC,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,kCAAkC,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAC5F,CAAC,CAAC;AACH,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC"}

package/dist/typography/Muted.d.ts

@@ -0,0 +1,5 @@
+import * as React from "react";
+export declare const Muted: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
+    as?: import("@sixthshift/design-system/text").TextElement;
+} & React.RefAttributes<HTMLElement>>;
+//# sourceMappingURL=Muted.d.ts.map

package/dist/typography/Muted.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Muted.d.ts","sourceRoot":"","sources":["../../src/typography/Muted.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,eAAO,MAAM,KAAK;;qCAEhB,CAAC"}

package/dist/typography/Muted.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Text } from "@sixthshift/design-system/text";
+import { cn } from "@sixthshift/design-system/utils";
+import * as React from "react";
+export const Muted = React.forwardRef(({ className, ...props }, ref) => (_jsx(Text, { ref: ref, className: cn("text-fg-subtle text-sm", className), ...props })));
+Muted.displayName = "Muted";
+//# sourceMappingURL=Muted.js.map

package/dist/typography/Muted.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Muted.js","sourceRoot":"","sources":["../../src/typography/Muted.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAkB,MAAM,gCAAgC,CAAC;AACtE,OAAO,EAAE,EAAE,EAAE,MAAM,iCAAiC,CAAC;AACrD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,CAAC,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAAyB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAC9F,KAAC,IAAI,IAAC,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,wBAAwB,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAClF,CAAC,CAAC;AACH,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC"}

package/dist/typography/SectionTitle.d.ts

@@ -0,0 +1,5 @@
+import * as React from "react";
+export declare const SectionTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
+    as?: import("@sixthshift/design-system/text").TextElement;
+} & React.RefAttributes<HTMLElement>>;
+//# sourceMappingURL=SectionTitle.d.ts.map

package/dist/typography/SectionTitle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SectionTitle.d.ts","sourceRoot":"","sources":["../../src/typography/SectionTitle.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,eAAO,MAAM,YAAY;;qCAEvB,CAAC"}

package/dist/typography/SectionTitle.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Text } from "@sixthshift/design-system/text";
+import { cn } from "@sixthshift/design-system/utils";
+import * as React from "react";
+export const SectionTitle = React.forwardRef(({ className, ...props }, ref) => (_jsx(Text, { ref: ref, className: cn("font-medium text-fg-subtle text-sm uppercase tracking-wide", className), ...props })));
+SectionTitle.displayName = "SectionTitle";
+//# sourceMappingURL=SectionTitle.js.map

package/dist/typography/SectionTitle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SectionTitle.js","sourceRoot":"","sources":["../../src/typography/SectionTitle.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAkB,MAAM,gCAAgC,CAAC;AACtE,OAAO,EAAE,EAAE,EAAE,MAAM,iCAAiC,CAAC;AACrD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,CAAC,MAAM,YAAY,GAAG,KAAK,CAAC,UAAU,CAAyB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACrG,KAAC,IAAI,IAAC,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,4DAA4D,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CACtH,CAAC,CAAC;AACH,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC"}

package/dist/typography/Subtitle.d.ts

@@ -0,0 +1,5 @@
+import * as React from "react";
+export declare const Subtitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
+    as?: import("@sixthshift/design-system/text").TextElement;
+} & React.RefAttributes<HTMLElement>>;
+//# sourceMappingURL=Subtitle.d.ts.map

package/dist/typography/Subtitle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Subtitle.d.ts","sourceRoot":"","sources":["../../src/typography/Subtitle.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,eAAO,MAAM,QAAQ;;qCAEnB,CAAC"}

package/dist/typography/Subtitle.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Text } from "@sixthshift/design-system/text";
+import { cn } from "@sixthshift/design-system/utils";
+import * as React from "react";
+export const Subtitle = React.forwardRef(({ className, ...props }, ref) => (_jsx(Text, { ref: ref, className: cn("text-fg-subtle", className), ...props })));
+Subtitle.displayName = "Subtitle";
+//# sourceMappingURL=Subtitle.js.map

package/dist/typography/Subtitle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Subtitle.js","sourceRoot":"","sources":["../../src/typography/Subtitle.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAkB,MAAM,gCAAgC,CAAC;AACtE,OAAO,EAAE,EAAE,EAAE,MAAM,iCAAiC,CAAC;AACrD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,CAAC,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAyB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACjG,KAAC,IAAI,IAAC,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,gBAAgB,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAC1E,CAAC,CAAC;AACH,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC"}

package/dist/typography/Timestamp.d.ts

@@ -0,0 +1,5 @@
+import * as React from "react";
+export declare const Timestamp: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
+    as?: import("@sixthshift/design-system/text").TextElement;
+} & React.RefAttributes<HTMLElement>>;
+//# sourceMappingURL=Timestamp.d.ts.map

package/dist/typography/Timestamp.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Timestamp.d.ts","sourceRoot":"","sources":["../../src/typography/Timestamp.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,eAAO,MAAM,SAAS;;qCAEpB,CAAC"}

package/dist/typography/Timestamp.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Text } from "@sixthshift/design-system/text";
+import { cn } from "@sixthshift/design-system/utils";
+import * as React from "react";
+export const Timestamp = React.forwardRef(({ className, ...props }, ref) => (_jsx(Text, { ref: ref, className: cn("font-mono text-fg-subtle text-xs", className), ...props })));
+Timestamp.displayName = "Timestamp";
+//# sourceMappingURL=Timestamp.js.map

package/dist/typography/Timestamp.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Timestamp.js","sourceRoot":"","sources":["../../src/typography/Timestamp.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAkB,MAAM,gCAAgC,CAAC;AACtE,OAAO,EAAE,EAAE,EAAE,MAAM,iCAAiC,CAAC;AACrD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,CAAC,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAAyB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAClG,KAAC,IAAI,IAAC,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,kCAAkC,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAC5F,CAAC,CAAC;AACH,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC"}

package/dist/typography/index.d.ts

@@ -0,0 +1,11 @@
+export { Body } from "./Body.js";
+export { Caption } from "./Caption.js";
+export { Code } from "./Code.js";
+export { Display } from "./Display.js";
+export { Emphasis } from "./Emphasis.js";
+export { Heading, type HeadingProps } from "./Heading.js";
+export { Label, type LabelProps } from "./Label.js";
+export { Lead } from "./Lead.js";
+export { Muted } from "./Muted.js";
+export { SectionTitle } from "./SectionTitle.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/typography/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/typography/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,WAAW,CAAC;AACvD,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,SAAS,CAAC;AACjD,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/typography/index.js

@@ -0,0 +1,11 @@
+export { Body } from "./Body.js";
+export { Caption } from "./Caption.js";
+export { Code } from "./Code.js";
+export { Display } from "./Display.js";
+export { Emphasis } from "./Emphasis.js";
+export { Heading } from "./Heading.js";
+export { Label } from "./Label.js";
+export { Lead } from "./Lead.js";
+export { Muted } from "./Muted.js";
+export { SectionTitle } from "./SectionTitle.js";
+//# sourceMappingURL=index.js.map