@sewadah/selaras 0.1.1

package/dist/runtime/theme/progress.d.ts

@@ -0,0 +1,185 @@
+export declare const progressTheme: import("tailwind-variants").TVReturnType<{
+    size: {
+        sm: {
+            root: string;
+        };
+        md: {
+            root: string;
+        };
+        lg: {
+            root: string;
+        };
+    };
+    color: {
+        primary: {
+            indicator: string;
+            circleIndicator: string;
+        };
+        neutral: {
+            indicator: string;
+            circleIndicator: string;
+        };
+        secondary: {
+            indicator: string;
+            circleIndicator: string;
+        };
+        success: {
+            indicator: string;
+            circleIndicator: string;
+        };
+        danger: {
+            indicator: string;
+            circleIndicator: string;
+        };
+        info: {
+            indicator: string;
+            circleIndicator: string;
+        };
+        warning: {
+            indicator: string;
+            circleIndicator: string;
+        };
+    };
+    indeterminate: {
+        true: {
+            indicator: string;
+            circleWrapper: string;
+        };
+        false: {
+            indicator: string;
+            circleWrapper: string;
+            circleIndicator: string;
+        };
+    };
+}, {
+    root: string;
+    indicator: string;
+    circleRoot: string;
+    circleWrapper: string;
+    circleTrack: string;
+    circleIndicator: string;
+    label: string;
+}, undefined, {
+    size: {
+        sm: {
+            root: string;
+        };
+        md: {
+            root: string;
+        };
+        lg: {
+            root: string;
+        };
+    };
+    color: {
+        primary: {
+            indicator: string;
+            circleIndicator: string;
+        };
+        neutral: {
+            indicator: string;
+            circleIndicator: string;
+        };
+        secondary: {
+            indicator: string;
+            circleIndicator: string;
+        };
+        success: {
+            indicator: string;
+            circleIndicator: string;
+        };
+        danger: {
+            indicator: string;
+            circleIndicator: string;
+        };
+        info: {
+            indicator: string;
+            circleIndicator: string;
+        };
+        warning: {
+            indicator: string;
+            circleIndicator: string;
+        };
+    };
+    indeterminate: {
+        true: {
+            indicator: string;
+            circleWrapper: string;
+        };
+        false: {
+            indicator: string;
+            circleWrapper: string;
+            circleIndicator: string;
+        };
+    };
+}, {
+    root: string;
+    indicator: string;
+    circleRoot: string;
+    circleWrapper: string;
+    circleTrack: string;
+    circleIndicator: string;
+    label: string;
+}, import("tailwind-variants").TVReturnTypeLike<{
+    size: {
+        sm: {
+            root: string;
+        };
+        md: {
+            root: string;
+        };
+        lg: {
+            root: string;
+        };
+    };
+    color: {
+        primary: {
+            indicator: string;
+            circleIndicator: string;
+        };
+        neutral: {
+            indicator: string;
+            circleIndicator: string;
+        };
+        secondary: {
+            indicator: string;
+            circleIndicator: string;
+        };
+        success: {
+            indicator: string;
+            circleIndicator: string;
+        };
+        danger: {
+            indicator: string;
+            circleIndicator: string;
+        };
+        info: {
+            indicator: string;
+            circleIndicator: string;
+        };
+        warning: {
+            indicator: string;
+            circleIndicator: string;
+        };
+    };
+    indeterminate: {
+        true: {
+            indicator: string;
+            circleWrapper: string;
+        };
+        false: {
+            indicator: string;
+            circleWrapper: string;
+            circleIndicator: string;
+        };
+    };
+}, {
+    root: string;
+    indicator: string;
+    circleRoot: string;
+    circleWrapper: string;
+    circleTrack: string;
+    circleIndicator: string;
+    label: string;
+}>>;
+export type ProgressThemeSlots = keyof (typeof progressTheme)['slots'];

package/dist/runtime/theme/progress.js

@@ -0,0 +1,54 @@
+import { tv } from "tailwind-variants";
+export const progressTheme = tv({
+  slots: {
+    // Linear
+    root: "relative w-full overflow-hidden rounded-full bg-[var(--ui-bg-elevated)]",
+    indicator: "h-full rounded-full bg-[var(--ui-primary)]",
+    // Circular - a relative wrapper (for the centered label overlay) around
+    // an SVG pair: a static background track circle plus an animated
+    // foreground arc whose stroke-dasharray/dashoffset (computed in the
+    // component, from the real geometry) draws the current percentage.
+    circleRoot: "relative inline-flex items-center justify-center",
+    circleWrapper: "",
+    circleTrack: "stroke-[var(--ui-bg-elevated)]",
+    circleIndicator: "stroke-[var(--ui-primary)]",
+    label: "absolute inset-0 flex items-center justify-center text-xs font-medium text-[var(--ui-text)]"
+  },
+  variants: {
+    size: {
+      sm: { root: "h-1.5" },
+      md: { root: "h-2" },
+      lg: { root: "h-3" }
+    },
+    color: {
+      primary: { indicator: "bg-[var(--ui-primary)]", circleIndicator: "stroke-[var(--ui-primary)]" },
+      neutral: { indicator: "bg-[var(--ui-text)]", circleIndicator: "stroke-[var(--ui-text)]" },
+      secondary: { indicator: "bg-[var(--ui-secondary)]", circleIndicator: "stroke-[var(--ui-secondary)]" },
+      success: { indicator: "bg-[var(--ui-success)]", circleIndicator: "stroke-[var(--ui-success)]" },
+      danger: { indicator: "bg-[var(--ui-danger)]", circleIndicator: "stroke-[var(--ui-danger)]" },
+      info: { indicator: "bg-[var(--ui-info)]", circleIndicator: "stroke-[var(--ui-info)]" },
+      warning: { indicator: "bg-[var(--ui-warning)]", circleIndicator: "stroke-[var(--ui-warning)]" }
+    },
+    // No `value` (Reka's own ProgressRoot "indeterminate" semantics) - the
+    // linear indicator slides back and forth instead of tracking a width,
+    // the circular one spins continuously instead of tracking an angle.
+    // The two need genuinely different treatment (transitioned width vs. a
+    // fixed static rotation), so both branches are spelled out rather than
+    // just adding classes on `true` and leaving `false` empty.
+    indeterminate: {
+      true: {
+        indicator: "w-1/3 animate-[selaras-progress-indeterminate_1.5s_ease-in-out_infinite]",
+        circleWrapper: "animate-spin"
+      },
+      false: {
+        indicator: "transition-[width] duration-300 ease-out",
+        circleWrapper: "-rotate-90",
+        circleIndicator: "transition-[stroke-dashoffset] duration-300 ease-out"
+      }
+    }
+  },
+  defaultVariants: {
+    size: "md",
+    color: "primary"
+  }
+});

package/dist/runtime/theme/prose.d.ts

@@ -0,0 +1,92 @@
+export declare const proseTheme: import("tailwind-variants").TVReturnType<{
+    [key: string]: {
+        [key: string]: import("tailwind-variants").ClassValue | {
+            h1?: import("tailwind-variants").ClassValue;
+            h2?: import("tailwind-variants").ClassValue;
+            h3?: import("tailwind-variants").ClassValue;
+            h4?: import("tailwind-variants").ClassValue;
+            h5?: import("tailwind-variants").ClassValue;
+            h6?: import("tailwind-variants").ClassValue;
+            pre?: import("tailwind-variants").ClassValue;
+            headingAnchor?: import("tailwind-variants").ClassValue;
+            preWrapper?: import("tailwind-variants").ClassValue;
+            preHeader?: import("tailwind-variants").ClassValue;
+            preFilename?: import("tailwind-variants").ClassValue;
+            preCopyButton?: import("tailwind-variants").ClassValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: import("tailwind-variants").ClassValue | {
+            h1?: import("tailwind-variants").ClassValue;
+            h2?: import("tailwind-variants").ClassValue;
+            h3?: import("tailwind-variants").ClassValue;
+            h4?: import("tailwind-variants").ClassValue;
+            h5?: import("tailwind-variants").ClassValue;
+            h6?: import("tailwind-variants").ClassValue;
+            pre?: import("tailwind-variants").ClassValue;
+            headingAnchor?: import("tailwind-variants").ClassValue;
+            preWrapper?: import("tailwind-variants").ClassValue;
+            preHeader?: import("tailwind-variants").ClassValue;
+            preFilename?: import("tailwind-variants").ClassValue;
+            preCopyButton?: import("tailwind-variants").ClassValue;
+        };
+    };
+} | {}, {
+    h1: string;
+    h2: string;
+    h3: string;
+    h4: string;
+    h5: string;
+    h6: string;
+    headingAnchor: string;
+    preWrapper: string;
+    preHeader: string;
+    preFilename: string;
+    preCopyButton: string;
+    pre: string;
+}, undefined, {
+    [key: string]: {
+        [key: string]: import("tailwind-variants").ClassValue | {
+            h1?: import("tailwind-variants").ClassValue;
+            h2?: import("tailwind-variants").ClassValue;
+            h3?: import("tailwind-variants").ClassValue;
+            h4?: import("tailwind-variants").ClassValue;
+            h5?: import("tailwind-variants").ClassValue;
+            h6?: import("tailwind-variants").ClassValue;
+            pre?: import("tailwind-variants").ClassValue;
+            headingAnchor?: import("tailwind-variants").ClassValue;
+            preWrapper?: import("tailwind-variants").ClassValue;
+            preHeader?: import("tailwind-variants").ClassValue;
+            preFilename?: import("tailwind-variants").ClassValue;
+            preCopyButton?: import("tailwind-variants").ClassValue;
+        };
+    };
+} | {}, {
+    h1: string;
+    h2: string;
+    h3: string;
+    h4: string;
+    h5: string;
+    h6: string;
+    headingAnchor: string;
+    preWrapper: string;
+    preHeader: string;
+    preFilename: string;
+    preCopyButton: string;
+    pre: string;
+}, import("tailwind-variants").TVReturnTypeLike<unknown, {
+    h1: string;
+    h2: string;
+    h3: string;
+    h4: string;
+    h5: string;
+    h6: string;
+    headingAnchor: string;
+    preWrapper: string;
+    preHeader: string;
+    preFilename: string;
+    preCopyButton: string;
+    pre: string;
+}>>;
+export type ProseThemeSlots = keyof (typeof proseTheme)['slots'];

package/dist/runtime/theme/prose.js

@@ -0,0 +1,17 @@
+import { tv } from "tailwind-variants";
+export const proseTheme = tv({
+  slots: {
+    h1: "text-3xl font-semibold tracking-tight text-[var(--ui-text)] scroll-mt-20",
+    h2: "text-2xl font-semibold tracking-tight text-[var(--ui-text)] scroll-mt-20",
+    h3: "text-xl font-semibold tracking-tight text-[var(--ui-text)] scroll-mt-20",
+    h4: "text-lg font-semibold text-[var(--ui-text)] scroll-mt-20",
+    h5: "text-base font-semibold text-[var(--ui-text)] scroll-mt-20",
+    h6: "text-sm font-semibold text-[var(--ui-text)] scroll-mt-20",
+    headingAnchor: "no-underline hover:underline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--ui-primary)]",
+    preWrapper: "overflow-hidden rounded-[var(--ui-radius-md)] ring-1 ring-[var(--ui-border)]",
+    preHeader: "flex items-center justify-between gap-2 border-b border-[var(--ui-border)] bg-[var(--ui-bg-elevated)] px-3 py-1.5",
+    preFilename: "font-mono text-xs text-[var(--ui-text-muted)]",
+    preCopyButton: "shrink-0",
+    pre: "overflow-x-auto bg-[var(--ui-bg-elevated)] p-4 font-mono text-sm leading-relaxed"
+  }
+});

package/dist/runtime/theme/radio-group.d.ts

@@ -0,0 +1,239 @@
+export declare const radioGroupTheme: import("tailwind-variants").TVReturnType<{
+    size: {
+        sm: {
+            item: string;
+            indicator: string;
+            label: string;
+            description: string;
+        };
+        md: {
+            item: string;
+            indicator: string;
+            label: string;
+            description: string;
+        };
+        lg: {
+            item: string;
+            indicator: string;
+            label: string;
+            description: string;
+        };
+    };
+    orientation: {
+        vertical: {
+            root: string;
+        };
+        horizontal: {
+            root: string;
+        };
+    };
+    variant: {
+        default: {};
+        card: {
+            itemWrapper: string;
+            item: string;
+        };
+    };
+    color: {
+        primary: {
+            item: string;
+            indicator: string;
+        };
+        neutral: {
+            item: string;
+            indicator: string;
+        };
+        secondary: {
+            item: string;
+            indicator: string;
+        };
+        success: {
+            item: string;
+            indicator: string;
+        };
+        danger: {
+            item: string;
+            indicator: string;
+        };
+        info: {
+            item: string;
+            indicator: string;
+        };
+        warning: {
+            item: string;
+            indicator: string;
+        };
+    };
+    invalid: {
+        true: {
+            item: string;
+        };
+    };
+}, {
+    root: string;
+    itemWrapper: string;
+    item: string;
+    indicator: string;
+    label: string;
+    description: string;
+    labelGroup: string;
+}, undefined, {
+    size: {
+        sm: {
+            item: string;
+            indicator: string;
+            label: string;
+            description: string;
+        };
+        md: {
+            item: string;
+            indicator: string;
+            label: string;
+            description: string;
+        };
+        lg: {
+            item: string;
+            indicator: string;
+            label: string;
+            description: string;
+        };
+    };
+    orientation: {
+        vertical: {
+            root: string;
+        };
+        horizontal: {
+            root: string;
+        };
+    };
+    variant: {
+        default: {};
+        card: {
+            itemWrapper: string;
+            item: string;
+        };
+    };
+    color: {
+        primary: {
+            item: string;
+            indicator: string;
+        };
+        neutral: {
+            item: string;
+            indicator: string;
+        };
+        secondary: {
+            item: string;
+            indicator: string;
+        };
+        success: {
+            item: string;
+            indicator: string;
+        };
+        danger: {
+            item: string;
+            indicator: string;
+        };
+        info: {
+            item: string;
+            indicator: string;
+        };
+        warning: {
+            item: string;
+            indicator: string;
+        };
+    };
+    invalid: {
+        true: {
+            item: string;
+        };
+    };
+}, {
+    root: string;
+    itemWrapper: string;
+    item: string;
+    indicator: string;
+    label: string;
+    description: string;
+    labelGroup: string;
+}, import("tailwind-variants").TVReturnTypeLike<{
+    size: {
+        sm: {
+            item: string;
+            indicator: string;
+            label: string;
+            description: string;
+        };
+        md: {
+            item: string;
+            indicator: string;
+            label: string;
+            description: string;
+        };
+        lg: {
+            item: string;
+            indicator: string;
+            label: string;
+            description: string;
+        };
+    };
+    orientation: {
+        vertical: {
+            root: string;
+        };
+        horizontal: {
+            root: string;
+        };
+    };
+    variant: {
+        default: {};
+        card: {
+            itemWrapper: string;
+            item: string;
+        };
+    };
+    color: {
+        primary: {
+            item: string;
+            indicator: string;
+        };
+        neutral: {
+            item: string;
+            indicator: string;
+        };
+        secondary: {
+            item: string;
+            indicator: string;
+        };
+        success: {
+            item: string;
+            indicator: string;
+        };
+        danger: {
+            item: string;
+            indicator: string;
+        };
+        info: {
+            item: string;
+            indicator: string;
+        };
+        warning: {
+            item: string;
+            indicator: string;
+        };
+    };
+    invalid: {
+        true: {
+            item: string;
+        };
+    };
+}, {
+    root: string;
+    itemWrapper: string;
+    item: string;
+    indicator: string;
+    label: string;
+    description: string;
+    labelGroup: string;
+}>>;
+export type RadioGroupThemeSlots = keyof (typeof radioGroupTheme)['slots'];