@rimelight/ui 0.0.37 → 0.0.39

package/src/themes/page-body.theme.ts

@@ -1,13 +0,0 @@
-import { defineTheme } from "../utils/defineTheme"
-
-export const createPageBodyTheme = () =>
-  defineTheme({
-    slots: ["root"],
-    base: {
-      root: ""
-    },
-    variants: {},
-    defaultVariants: {}
-  })
-
-export default createPageBodyTheme()

package/src/themes/page-header.theme.ts

@@ -1,13 +0,0 @@
-import { defineTheme } from "../utils/defineTheme"
-
-export const createPageHeaderTheme = () =>
-  defineTheme({
-    slots: ["root"],
-    base: {
-      root: ""
-    },
-    variants: {},
-    defaultVariants: {}
-  })
-
-export default createPageHeaderTheme()

package/src/themes/page-section.theme.ts

@@ -1,189 +0,0 @@
-import { defineTheme } from "../utils/defineTheme"
-
-export const createPageSectionTheme = () =>
-  defineTheme({
-    slots: [
-      "root",
-      "background",
-      "container",
-      "wrapper",
-      "header",
-      "leading",
-      "leadingIcon",
-      "headline",
-      "title",
-      "description",
-      "body",
-      "footer",
-      "links"
-    ],
-    base: {
-      root: "relative isolate",
-      background: "absolute inset-0 -z-1 overflow-hidden",
-      container:
-        "mx-auto w-full max-w-[1440px] px-xs sm:px-md md:px-xl lg:px-xl flex flex-col lg:grid",
-      wrapper: "",
-      header: "",
-      leading: "flex items-center mb-6",
-      leadingIcon: "size-10 shrink-0 text-primary",
-      headline: "",
-      title: "text-pretty tracking-tight font-bold",
-      description: "text-muted-foreground",
-      body: "",
-      footer: "",
-      links: "flex flex-wrap"
-    },
-    variants: {
-      variant: {
-        default: {
-          container: "py-16 sm:py-24 lg:py-32 gap-8 sm:gap-16",
-          headline: "mb-3",
-          title: "text-3xl sm:text-4xl lg:text-5xl text-highlighted",
-          description: "text-base sm:text-lg",
-          body: "mt-8",
-          footer: "mt-8",
-          links: "gap-x-6 gap-y-3"
-        },
-        hero: {
-          container: "py-24 sm:py-32 lg:py-40 gap-16 sm:gap-y-24",
-          headline: "mb-4",
-          title: "text-5xl sm:text-7xl text-highlighted",
-          description: "text-lg sm:text-xl/8",
-          leading: "mb-6",
-          body: "mt-10",
-          footer: "mt-10",
-          links: "gap-x-6 gap-y-3"
-        },
-        cta: {
-          root: "rounded-xl overflow-hidden",
-          container:
-            "mx-auto w-full max-w-[1440px] px-xs sm:px-md md:px-xl lg:px-xl lg:grid py-12 sm:py-24 lg:py-24 gap-8 sm:gap-16",
-          title: "text-3xl sm:text-4xl",
-          description: "text-base sm:text-lg",
-          body: "mt-8",
-          footer: "mt-8",
-          links: "gap-x-6 gap-y-3"
-        }
-      },
-      ctaVariant: {
-        solid: {
-          root: "bg-inverted text-inverted",
-          description: "text-dimmed"
-        },
-        outline: {
-          root: "bg-default ring ring-default",
-          description: "text-muted"
-        },
-        soft: {
-          root: "bg-elevated/50",
-          description: "text-toned"
-        },
-        subtle: {
-          root: "bg-elevated/50 ring ring-default",
-          description: "text-toned"
-        },
-        naked: {
-          description: "text-muted"
-        }
-      },
-      orientation: {
-        horizontal: {
-          container: "lg:grid-cols-2 lg:items-center",
-          description: "text-pretty"
-        },
-        vertical: {
-          container: "",
-          headline: "justify-center",
-          leading: "justify-center",
-          title: "text-center",
-          description: "text-center text-balance",
-          links: "justify-center"
-        }
-      },
-      reverse: {
-        true: {
-          wrapper: "order-last"
-        }
-      },
-      headline: {
-        true: {
-          headline: "font-semibold text-primary flex items-center gap-1.5"
-        }
-      },
-      title: {
-        true: {
-          description: "mt-6"
-        }
-      },
-      description: {
-        true: {}
-      },
-      body: {
-        true: {}
-      }
-    },
-    compoundVariants: [
-      {
-        variant: "default",
-        orientation: "vertical",
-        title: true,
-        classNames: {
-          body: "mt-16"
-        }
-      },
-      {
-        variant: "default",
-        orientation: "vertical",
-        description: true,
-        classNames: {
-          body: "mt-16"
-        }
-      },
-      {
-        variant: "default",
-        orientation: "vertical",
-        body: true,
-        classNames: {
-          footer: "mt-16"
-        }
-      },
-      {
-        variant: "cta",
-        ctaVariant: "outline",
-        classNames: {
-          root: "bg-default ring ring-default"
-        }
-      },
-      {
-        variant: "cta",
-        ctaVariant: "solid",
-        classNames: {
-          root: "bg-inverted text-inverted",
-          title: "text-inverted",
-          description: "text-dimmed"
-        }
-      },
-      {
-        variant: "cta",
-        ctaVariant: "soft",
-        classNames: {
-          root: "bg-elevated/50",
-          description: "text-toned"
-        }
-      },
-      {
-        variant: "cta",
-        ctaVariant: "subtle",
-        classNames: {
-          root: "bg-elevated/50 ring ring-default",
-          description: "text-toned"
-        }
-      }
-    ],
-    defaultVariants: {
-      variant: "default",
-      orientation: "vertical"
-    }
-  })
-
-export default createPageSectionTheme()

package/src/themes/page.theme.ts

@@ -1,13 +0,0 @@
-import { defineTheme } from "../utils/defineTheme"
-
-export const createPageTheme = () =>
-  defineTheme({
-    slots: ["root"],
-    base: {
-      root: ""
-    },
-    variants: {},
-    defaultVariants: {}
-  })
-
-export default createPageTheme()

package/src/themes/pagination.theme.ts

@@ -1,28 +0,0 @@
-import { defaultColors } from "../presets/defaults"
-import { defineTheme } from "../utils/defineTheme"
-
-export const createPaginationTheme = (_colors: readonly string[] = defaultColors) =>
-  defineTheme({
-    slots: ["root", "list", "item", "link", "ellipsis"],
-    base: {
-      root: "mx-auto flex w-full justify-center",
-      list: "flex flex-row items-center gap-1",
-      item: "",
-      link: [
-        "inline-flex items-center justify-center rounded-md text-sm font-medium transition-all size-9 cursor-pointer border border-border bg-background hover:bg-muted text-foreground decoration-none",
-        "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50"
-      ],
-      ellipsis: "flex size-9 items-center justify-center text-muted-foreground"
-    },
-    variants: {
-      active: {
-        true: { link: "border-primary bg-primary text-primary-foreground hover:bg-primary/95" },
-        false: { link: "" }
-      }
-    },
-    defaultVariants: {
-      active: false
-    }
-  })
-
-export default createPaginationTheme()

package/src/themes/password.theme.ts

@@ -1,13 +0,0 @@
-import { defineTheme } from "../utils/defineTheme"
-
-export const createPasswordTheme = () =>
-  defineTheme({
-    slots: ["root"],
-    base: {
-      root: ""
-    },
-    variants: {},
-    defaultVariants: {}
-  })
-
-export default createPasswordTheme()

package/src/themes/phone-mockup.theme.ts

@@ -1,13 +0,0 @@
-import { defineTheme } from "../utils/defineTheme"
-
-export const createPhoneMockupTheme = () =>
-  defineTheme({
-    slots: ["root"],
-    base: {
-      root: ""
-    },
-    variants: {},
-    defaultVariants: {}
-  })
-
-export default createPhoneMockupTheme()

package/src/themes/pin-input.theme.ts

@@ -1,14 +0,0 @@
-import { defaultColors } from "../presets/defaults"
-import { defineTheme } from "../utils/defineTheme"
-
-export const createPinInputTheme = (_colors: readonly string[] = defaultColors) =>
-  defineTheme({
-    slots: ["root"],
-    base: {
-      root: ""
-    },
-    variants: {},
-    defaultVariants: {}
-  })
-
-export default createPinInputTheme()

package/src/themes/placeholder.theme.ts

@@ -1,15 +0,0 @@
-import { defineTheme } from "../utils/defineTheme"
-
-export const createPlaceholderTheme = () =>
-  defineTheme({
-    slots: ["base", "svg"],
-    base: {
-      base: "relative flex items-center justify-center overflow-hidden rounded-sm border-1 border-dashed border-primary px-4 opacity-75",
-      svg: "absolute inset-0 h-full w-full stroke-primary/10"
-    },
-    variants: {},
-    compoundVariants: [],
-    defaultVariants: {}
-  })
-
-export default createPlaceholderTheme()

package/src/themes/popover.theme.ts

@@ -1,27 +0,0 @@
-import { defaultColors } from "../presets/defaults"
-import { defineTheme } from "../utils/defineTheme"
-
-export const createPopoverTheme = (_colors: readonly string[] = defaultColors) =>
-  defineTheme({
-    slots: ["root", "trigger", "content"],
-    base: {
-      root: "relative inline-block",
-      trigger: "",
-      content: [
-        "absolute z-50 w-72 rounded-xl border border-border bg-background p-4 text-foreground shadow-lg outline-none"
-      ]
-    },
-    variants: {
-      placement: {
-        top: { content: "bottom-full left-1/2 -translate-x-1/2 mb-2" },
-        bottom: { content: "top-full left-1/2 -translate-x-1/2 mt-2" },
-        left: { content: "right-full top-1/2 -translate-y-1/2 mr-2" },
-        right: { content: "left-full top-1/2 -translate-y-1/2 ml-2" }
-      }
-    },
-    defaultVariants: {
-      placement: "bottom"
-    }
-  })
-
-export default createPopoverTheme()

package/src/themes/post.theme.ts

@@ -1,53 +0,0 @@
-import { defineTheme } from "../utils/defineTheme"
-
-export const createPostTheme = () =>
-  defineTheme({
-    slots: [
-      "root",
-      "imageWrapper",
-      "image",
-      "content",
-      "title",
-      "description",
-      "badge",
-      "date",
-      "footer"
-    ],
-    base: {
-      root: "group relative flex overflow-hidden transition-all duration-300",
-      imageWrapper: "relative overflow-hidden aspect-video",
-      image: "absolute inset-0 w-full h-full object-cover transition-transform duration-500",
-      content: "flex-1 p-4",
-      title: "font-bold text-xl line-clamp-2",
-      description: "text-neutral-500 text-sm mt-1 line-clamp-3",
-      date: "text-xs text-neutral-400 mt-2",
-      footer: "p-4 border-t border-neutral-100"
-    },
-    variants: {
-      orientation: {
-        vertical: {
-          root: "flex-col"
-        },
-        horizontal: {
-          root: "flex-col md:flex-row",
-          imageWrapper: "w-full md:w-80 md:shrink-0 md:aspect-auto"
-        }
-      },
-      variant: {
-        soft: {
-          root: "bg-white rounded-2xl shadow-xl hover:shadow-2xl border border-neutral-100",
-          image: "group-hover:scale-105"
-        },
-        ghost: {
-          root: "bg-transparent",
-          image: "rounded-xl group-hover:opacity-90"
-        }
-      }
-    },
-    defaultVariants: {
-      orientation: "vertical",
-      variant: "soft"
-    }
-  })
-
-export default createPostTheme()

package/src/themes/pricing-plan.theme.ts

@@ -1,13 +0,0 @@
-import { defineTheme } from "../utils/defineTheme"
-
-export const createPricingPlanTheme = () =>
-  defineTheme({
-    slots: ["root"],
-    base: {
-      root: ""
-    },
-    variants: {},
-    defaultVariants: {}
-  })
-
-export default createPricingPlanTheme()

package/src/themes/pricing-table.theme.ts

@@ -1,13 +0,0 @@
-import { defineTheme } from "../utils/defineTheme"
-
-export const createPricingTableTheme = () =>
-  defineTheme({
-    slots: ["root"],
-    base: {
-      root: ""
-    },
-    variants: {},
-    defaultVariants: {}
-  })
-
-export default createPricingTableTheme()

package/src/themes/progress.theme.ts

@@ -1,37 +0,0 @@
-import { defaultColors } from "../presets/defaults"
-import { defineTheme } from "../utils/defineTheme"
-
-export const createProgressTheme = (colors: readonly string[] = defaultColors) =>
-  defineTheme({
-    slots: ["root", "indicator"],
-    base: {
-      root: "relative w-full overflow-hidden rounded-full bg-muted shadow-inner",
-      indicator: "h-full w-full flex-1 transition-all duration-300 ease-in-out"
-    },
-    variants: {
-      color: Object.fromEntries(
-        colors.map((color) => [
-          color,
-          {
-            root: "rl-color-" + color,
-            indicator: `bg-[var(--rl-bg)]`
-          }
-        ])
-      ),
-      size: {
-        sm: { root: "h-1.5" },
-        md: { root: "h-3" },
-        lg: { root: "h-5" }
-      },
-      theme: {
-        light: { root: "rl-light" },
-        dark: { root: "rl-dark" }
-      }
-    },
-    defaultVariants: {
-      color: "primary",
-      size: "md"
-    }
-  })
-
-export default createProgressTheme()

package/src/themes/prose.theme.ts

@@ -1,13 +0,0 @@
-import { defineTheme } from "../utils/defineTheme"
-
-export const createProseTheme = () =>
-  defineTheme({
-    slots: ["root"],
-    base: {
-      root: ""
-    },
-    variants: {},
-    defaultVariants: {}
-  })
-
-export default createProseTheme()

package/src/themes/qr-code.theme.ts

@@ -1,13 +0,0 @@
-import { defineTheme } from "../utils/defineTheme"
-
-export const createQrCodeTheme = () =>
-  defineTheme({
-    slots: ["root"],
-    base: {
-      root: ""
-    },
-    variants: {},
-    defaultVariants: {}
-  })
-
-export default createQrCodeTheme()

package/src/themes/quote.theme.ts

@@ -1,13 +0,0 @@
-import { defineTheme } from "../utils/defineTheme"
-
-export const createQuoteTheme = () =>
-  defineTheme({
-    slots: ["root"],
-    base: {
-      root: ""
-    },
-    variants: {},
-    defaultVariants: {}
-  })
-
-export default createQuoteTheme()

package/src/themes/radio-group.theme.ts

@@ -1,13 +0,0 @@
-import { defineTheme } from "../utils/defineTheme"
-
-export const createRadioGroupTheme = () =>
-  defineTheme({
-    slots: ["root"],
-    base: {
-      root: ""
-    },
-    variants: {},
-    defaultVariants: {}
-  })
-
-export default createRadioGroupTheme()

package/src/themes/rating.theme.ts

@@ -1,13 +0,0 @@
-import { defineTheme } from "../utils/defineTheme"
-
-export const createRatingTheme = () =>
-  defineTheme({
-    slots: ["root"],
-    base: {
-      root: ""
-    },
-    variants: {},
-    defaultVariants: {}
-  })
-
-export default createRatingTheme()

package/src/themes/scroll-area.theme.ts

@@ -1,26 +0,0 @@
-import { defineTheme } from "../utils/defineTheme"
-
-export const createScrollAreaTheme = () =>
-  defineTheme({
-    slots: ["root", "viewport", "scrollbar", "thumb"],
-    base: {
-      root: "relative overflow-hidden w-full",
-      viewport:
-        "h-full w-full rounded-[inherit] overflow-auto [scrollbar-width:none] [-ms-overflow-style:none] [&::-webkit-scrollbar]:hidden",
-      scrollbar:
-        "absolute flex user-select-none touch-action-none p-0.5 bg-transparent transition-colors duration-150 ease-out hover:bg-muted/10",
-      thumb: "relative flex-1 rounded-full bg-border transition-colors hover:bg-muted-foreground/45"
-    },
-    variants: {
-      orientation: {
-        vertical: { scrollbar: "right-0 top-0 bottom-0 w-2.5 flex-col" },
-        horizontal: { scrollbar: "bottom-0 left-0 right-0 h-2.5 flex-row" },
-        both: { scrollbar: "" }
-      }
-    },
-    defaultVariants: {
-      orientation: "vertical"
-    }
-  })
-
-export default createScrollAreaTheme()

package/src/themes/scroll-to-top.theme.ts

@@ -1,51 +0,0 @@
-import { defineTheme } from "../utils/defineTheme"
-
-export const createScrollToTopTheme = (colors: readonly string[] = ["primary", "secondary"]) =>
-  defineTheme({
-    slots: ["root", "button", "progressBase", "svg", "iconContainer", "icon"],
-    base: {
-      root: "fixed bottom-6 right-6 z-50",
-      button: "size-14 lg:size-12 p-0 rounded-full bg-black/85",
-      progressBase: "progress-circle-base size-full",
-      svg: "size-full",
-      iconContainer: "absolute inset-0 flex items-center justify-center text-center",
-      icon: "size-6 text-white"
-    },
-    variants: {
-      color: Object.fromEntries(
-        colors.map((color) => [
-          color,
-          {
-            root: "rl-color-" + color,
-            progressBase: "",
-            svg: "",
-            iconContainer: "",
-            icon: ""
-          }
-        ])
-      ),
-      theme: {
-        light: { root: "rl-light" },
-        dark: { root: "rl-dark" }
-      }
-    },
-    compoundVariants: [
-      {
-        color: "primary",
-        classNames: {
-          icon: "text-primary-foreground"
-        }
-      },
-      {
-        color: "secondary",
-        classNames: {
-          icon: "text-secondary-foreground"
-        }
-      }
-    ],
-    defaultVariants: {
-      color: "primary"
-    }
-  })
-
-export default createScrollToTopTheme()

package/src/themes/search.theme.ts

@@ -1,64 +0,0 @@
-import { defineTheme } from "../utils/defineTheme"
-
-export const createSearchTheme = () =>
-  defineTheme({
-    slots: [
-      "root",
-      "trigger",
-      "triggerIcon",
-      "triggerLabel",
-      "triggerKbd",
-      "modal",
-      "dialog",
-      "header",
-      "headerIcon",
-      "input",
-      "close",
-      "closeIcon",
-      "results",
-      "resultItem",
-      "resultHeader",
-      "resultTitle",
-      "resultBadge",
-      "resultSnippet",
-      "empty",
-      "footer",
-      "footerHint"
-    ],
-    base: {
-      root: "relative inline-block",
-      trigger:
-        "flex items-center gap-xs text-neutral-400 hover:text-white transition-colors bg-neutral-900 border border-neutral-800 rounded-full px-3 py-1.5 text-sm cursor-pointer",
-      triggerIcon: "i-lucide-search w-4 h-4",
-      triggerLabel: "hidden lg:inline text-xs opacity-60",
-      triggerKbd:
-        "hidden lg:inline-flex items-center gap-0.5 text-[10px] bg-neutral-800 border border-neutral-700 px-1.5 py-0.5 rounded font-sans text-neutral-400",
-      modal:
-        "fixed inset-0 z-[1000] hidden items-start justify-center pt-[10vh] px-4 bg-black/70 backdrop-blur-sm",
-      dialog:
-        "bg-neutral-900 border border-neutral-800 rounded-xl w-full max-w-xl shadow-2xl overflow-hidden flex flex-col",
-      header: "flex items-center border-b border-neutral-800 px-4 py-3",
-      headerIcon: "i-lucide-search text-neutral-400 w-5 h-5 mr-3",
-      input:
-        "bg-transparent text-white placeholder-neutral-500 focus:outline-none flex-1 text-base border-none p-0",
-      close:
-        "text-neutral-400 hover:text-white transition-colors bg-transparent border-0 cursor-pointer p-0 flex items-center justify-center",
-      closeIcon: "i-lucide-x w-5 h-5",
-      results: "max-h-[350px] overflow-y-auto p-2 empty:hidden flex flex-col gap-1",
-      resultItem:
-        "flex flex-col gap-1 p-3 hover:bg-neutral-800 rounded-lg transition-colors border border-transparent hover:border-neutral-700 text-left decoration-none",
-      resultHeader: "flex items-center justify-between",
-      resultTitle: "text-sm font-semibold text-white",
-      resultBadge:
-        "text-[10px] uppercase tracking-wider px-1.5 py-0.5 rounded bg-neutral-800 text-neutral-400 font-mono",
-      resultSnippet: "text-xs text-neutral-400 line-clamp-2 m-0",
-      empty: "p-6 text-center text-neutral-500 text-sm hidden",
-      footer:
-        "bg-neutral-950 border-t border-neutral-800 px-4 py-2 flex items-center justify-between text-[11px] text-neutral-500",
-      footerHint: "flex items-center gap-1"
-    },
-    variants: {},
-    defaultVariants: {}
-  })
-
-export default createSearchTheme()