@rimelight/ui 0.0.37 → 0.0.39

package/src/themes/confirm.theme.ts

@@ -1,48 +0,0 @@
-import { defaultColors } from "../presets/defaults"
-import { defineTheme } from "../utils/defineTheme"
-
-export const createConfirmTheme = (_colors: readonly string[] = defaultColors) =>
-  defineTheme({
-    slots: [
-      "root",
-      "trigger",
-      "backdrop",
-      "content",
-      "header",
-      "title",
-      "description",
-      "footer",
-      "cancelButton",
-      "actionButton"
-    ],
-    base: {
-      root: "relative inline-block",
-      trigger: "",
-      backdrop: "fixed inset-0 z-50 bg-black/60 backdrop-blur-sm transition-all duration-300",
-      content: [
-        "fixed left-1/2 top-1/2 z-50 w-full max-w-md -translate-x-1/2 -translate-y-1/2 rounded-xl border border-border",
-        "bg-background p-6 shadow-xl transition-all duration-300 outline-none",
-        "data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-1/2",
-        "data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-1/2"
-      ],
-      header: "flex flex-col gap-1.5 text-center sm:text-left mb-4",
-      title: "text-lg font-semibold leading-none tracking-tight text-foreground",
-      description: "text-sm text-muted-foreground leading-relaxed",
-      footer: "flex flex-col-reverse sm:flex-row sm:justify-end gap-2 mt-6",
-      cancelButton: "w-full sm:w-auto",
-      actionButton: "w-full sm:w-auto"
-    },
-    variants: {
-      variant: {
-        default: { actionButton: "" },
-        destructive: {
-          actionButton: "bg-error-500 hover:bg-error-600 focus-visible:ring-error-500/50"
-        }
-      }
-    },
-    defaultVariants: {
-      variant: "default"
-    }
-  })
-
-export default createConfirmTheme()

package/src/themes/container.theme.ts

@@ -1,13 +0,0 @@
-import { defineTheme } from "../utils/defineTheme"
-
-export const createContainerTheme = () =>
-  defineTheme({
-    slots: ["root"],
-    base: {
-      root: "w-full max-w-[var(--rl-container)] mx-auto px-xs sm:px-md md:px-xl lg:px-xl"
-    },
-    variants: {},
-    defaultVariants: {}
-  })
-
-export default createContainerTheme()

package/src/themes/context-menu.theme.ts

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

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

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

package/src/themes/dashboard-navbar.theme.ts

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

package/src/themes/dashboard-panel.theme.ts

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

package/src/themes/dashboard-resize-handle.theme.ts

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

package/src/themes/dashboard-search-button.theme.ts

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

package/src/themes/dashboard-search.theme.ts

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

package/src/themes/dashboard-sidebar-collapse.theme.ts

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

package/src/themes/dashboard-sidebar-toggle.theme.ts

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

package/src/themes/dashboard-sidebar.theme.ts

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

package/src/themes/dashboard-toolbar.theme.ts

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

package/src/themes/dock.theme.ts

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

package/src/themes/drawer.theme.ts

@@ -1,61 +0,0 @@
-import { defaultColors } from "../presets/defaults"
-import { defineTheme } from "../utils/defineTheme"
-
-export const createDrawerTheme = (_colors: readonly string[] = defaultColors) =>
-  defineTheme({
-    slots: [
-      "root",
-      "trigger",
-      "backdrop",
-      "content",
-      "handle",
-      "header",
-      "title",
-      "description",
-      "footer",
-      "closeButton"
-    ],
-    base: {
-      root: "relative inline-block",
-      trigger: "",
-      backdrop: "fixed inset-0 z-50 bg-black/60 backdrop-blur-sm transition-all duration-300",
-      content: [
-        "fixed z-50 bg-background p-6 shadow-xl border-border transition-all duration-300 outline-none",
-        "data-[state=open]:animate-in data-[state=closed]:animate-out"
-      ],
-      handle: "mx-auto h-1.5 w-[100px] rounded-full bg-muted mb-4",
-      header: "flex flex-col gap-1.5 mb-4 text-center",
-      title: "text-lg font-semibold leading-none tracking-tight text-foreground",
-      description: "text-sm text-muted-foreground leading-relaxed",
-      footer: "flex flex-col gap-2 mt-6",
-      closeButton: [
-        "absolute right-4 top-4 rounded-sm opacity-70 transition-opacity hover:opacity-100",
-        "focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none"
-      ]
-    },
-    variants: {
-      direction: {
-        top: {
-          content:
-            "inset-x-0 top-0 border-b rounded-b-xl data-[state=open]:slide-in-from-top data-[state=closed]:slide-out-to-top"
-        },
-        bottom: {
-          content:
-            "inset-x-0 bottom-0 border-t rounded-t-xl data-[state=open]:slide-in-from-bottom data-[state=closed]:slide-out-to-bottom"
-        },
-        left: {
-          content:
-            "inset-y-0 left-0 h-full w-3/4 max-w-sm border-r rounded-r-xl data-[state=open]:slide-in-from-left data-[state=closed]:slide-out-to-left"
-        },
-        right: {
-          content:
-            "inset-y-0 right-0 h-full w-3/4 max-w-sm border-l rounded-l-xl data-[state=open]:slide-in-from-right data-[state=closed]:slide-out-to-right"
-        }
-      }
-    },
-    defaultVariants: {
-      direction: "bottom"
-    }
-  })
-
-export default createDrawerTheme()

package/src/themes/dropdown-menu.theme.ts

@@ -1,29 +0,0 @@
-import { defineTheme } from "../utils/defineTheme"
-
-export const createDropdownMenuTheme = () =>
-  defineTheme({
-    slots: ["root", "trigger", "content", "item", "shortcut", "separator", "label"],
-    base: {
-      root: "relative inline-block text-left",
-      trigger:
-        "inline-flex justify-center w-full rounded-md border border-input bg-background px-4 py-2 text-sm font-medium shadow-sm hover:bg-muted focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
-      content:
-        "absolute right-0 z-50 mt-2 w-56 origin-top-right rounded-md border bg-popover p-1 text-popover-foreground shadow-md ring-1 ring-black ring-opacity-5 focus:outline-none",
-      item: "group flex w-full items-center rounded-md px-2 py-1.5 text-sm hover:bg-accent hover:text-accent-foreground cursor-pointer disabled:pointer-events-none disabled:opacity-50",
-      shortcut: "ml-auto text-xs tracking-widest opacity-60",
-      separator: "-mx-1 my-1 h-px bg-muted",
-      label: "px-2 py-1.5 text-xs font-semibold tracking-wider text-muted-foreground uppercase"
-    },
-    variants: {
-      size: {
-        sm: { trigger: "px-3 py-1.5 text-xs", item: "px-2 py-1 text-xs" },
-        md: { trigger: "px-4 py-2 text-sm", item: "px-2 py-1.5 text-sm" },
-        lg: { trigger: "px-5 py-2.5 text-base", item: "px-3 py-2 text-base" }
-      }
-    },
-    defaultVariants: {
-      size: "md"
-    }
-  })
-
-export default createDropdownMenuTheme()

package/src/themes/editor.theme.ts

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

package/src/themes/empty.theme.ts

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

package/src/themes/error.theme.ts

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

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

@@ -1,24 +0,0 @@
-import { defineTheme } from "../utils/defineTheme"
-
-export const createFieldGroupTheme = () =>
-  defineTheme({
-    slots: ["root", "prepend", "append"],
-    base: {
-      root: "relative flex items-stretch w-full rounded-md border border-input bg-background shadow-sm focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2 overflow-hidden",
-      prepend:
-        "flex items-center bg-muted px-3 text-sm text-muted-foreground border-r border-input",
-      append: "flex items-center bg-muted px-3 text-sm text-muted-foreground border-l border-input"
-    },
-    variants: {
-      size: {
-        sm: { prepend: "px-2 text-xs", append: "px-2 text-xs" },
-        md: { prepend: "px-3 text-sm", append: "px-3 text-sm" },
-        lg: { prepend: "px-4 text-base", append: "px-4 text-base" }
-      }
-    },
-    defaultVariants: {
-      size: "md"
-    }
-  })
-
-export default createFieldGroupTheme()

package/src/themes/fieldset.theme.ts

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

package/src/themes/file-upload.theme.ts

@@ -1,24 +0,0 @@
-import { defineTheme } from "../utils/defineTheme"
-
-export const createFileUploadTheme = () =>
-  defineTheme({
-    slots: ["root", "input", "content", "icon", "title", "description"],
-    base: {
-      root: "flex flex-col items-center justify-center w-full min-h-[150px] border-2 border-dashed border-border rounded-lg bg-background/50 hover:bg-muted/30 transition-colors cursor-pointer select-none focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2",
-      input: "absolute opacity-0 size-0 pointer-events-none",
-      content: "flex flex-col items-center justify-center p-6 text-center gap-1.5",
-      icon: "size-8 text-muted-foreground",
-      title: "text-sm font-semibold text-foreground",
-      description: "text-xs text-muted-foreground"
-    },
-    variants: {
-      disabled: {
-        true: { root: "opacity-50 cursor-not-allowed pointer-events-none" }
-      }
-    },
-    defaultVariants: {
-      disabled: false
-    }
-  })
-
-export default createFileUploadTheme()

package/src/themes/floating-action.theme.ts

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

package/src/themes/footer.theme.ts

@@ -1,30 +0,0 @@
-import { defineTheme } from "../utils/defineTheme"
-
-export const createFooterTheme = () =>
-  defineTheme({
-    slots: ["root", "container", "left", "center", "right"],
-    base: {
-      root: "py-8 lg:py-12 overflow-hidden",
-      container:
-        "box-border flex flex-col justify-between gap-xl lg:flex-row lg:items-stretch px-xs sm:px-md md:px-xl lg:px-xl w-full",
-      left: "order-last flex flex-col items-center justify-between gap-xl lg:order-1 lg:flex-none lg:items-start",
-      center: "flex flex-col items-center justify-start lg:order-2 lg:flex-1",
-      right:
-        "order-first flex flex-col items-center justify-between gap-xl lg:order-3 lg:flex-none lg:items-end"
-    },
-    variants: {
-      contain: {
-        true: {
-          container: "mx-auto max-w-(--rl-container)"
-        },
-        false: {
-          container: "w-full"
-        }
-      }
-    },
-    defaultVariants: {
-      contain: false
-    }
-  })
-
-export default createFooterTheme()

package/src/themes/form-field.theme.ts

@@ -1,24 +0,0 @@
-import { defineTheme } from "../utils/defineTheme"
-
-export const createFormFieldTheme = () =>
-  defineTheme({
-    slots: ["root", "label", "description", "error"],
-    base: {
-      root: "flex flex-col gap-1.5 w-full",
-      label: "text-sm font-medium text-foreground",
-      description: "text-xs text-muted-foreground leading-normal",
-      error: "text-xs font-medium text-error-500 leading-normal"
-    },
-    variants: {
-      size: {
-        sm: { label: "text-xs", description: "text-[10px]", error: "text-[10px]" },
-        md: { label: "text-sm", description: "text-xs", error: "text-xs" },
-        lg: { label: "text-base", description: "text-sm", error: "text-sm" }
-      }
-    },
-    defaultVariants: {
-      size: "md"
-    }
-  })
-
-export default createFormFieldTheme()

package/src/themes/form.theme.ts

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

package/src/themes/gallery.theme.ts

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

package/src/themes/grid.theme.ts

@@ -1,38 +0,0 @@
-import { defineTheme } from "../utils/defineTheme"
-
-export const createGridTheme = () =>
-  defineTheme({
-    slots: ["root"],
-    base: {
-      root: "grid w-full [&>*]:mt-0!"
-    },
-    variants: {
-      cols: {
-        1: { root: "grid-cols-1" },
-        2: { root: "grid-cols-1 sm:grid-cols-2" },
-        3: { root: "grid-cols-1 sm:grid-cols-2 md:grid-cols-3" },
-        4: { root: "grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4" },
-        5: { root: "grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-5" },
-        6: { root: "grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-6" }
-      },
-      gap: {
-        none: { root: "gap-0" },
-        xs: { root: "gap-1 sm:gap-2" },
-        sm: { root: "gap-2 sm:gap-4" },
-        md: { root: "gap-4 sm:gap-6" },
-        lg: { root: "gap-6 sm:gap-8" },
-        xl: { root: "gap-8 sm:gap-12" }
-      },
-      stagger: {
-        true: { root: "pb-20 [&>:nth-child(2n)]:translate-y-20" },
-        false: { root: "" }
-      }
-    },
-    defaultVariants: {
-      cols: 2,
-      gap: "md",
-      stagger: false
-    }
-  })
-
-export default createGridTheme()

package/src/themes/head.theme.ts

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

package/src/themes/header.theme.ts

@@ -1,46 +0,0 @@
-import { defineTheme } from "../utils/defineTheme"
-
-export const createHeaderTheme = () =>
-  defineTheme({
-    slots: ["root", "content", "container", "left", "center", "right"],
-    base: {
-      root: "w-full",
-      content: "w-full",
-      container:
-        "flex flex-row items-center justify-between gap-4xs h-16 md:h-18 px-xs sm:px-md md:px-xl lg:px-xl",
-      left: "flex-1 min-w-0 flex items-center justify-start truncate",
-      center: "flex-none flex items-center justify-center mx-4",
-      right: "flex-1 min-w-0 flex items-center justify-end truncate"
-    },
-    variants: {
-      contain: {
-        true: {
-          container: "mx-auto max-w-90rem"
-        },
-        false: {
-          container: "max-w-none"
-        }
-      },
-      sticky: {
-        true: {
-          root: "sticky top-0 inset-x-0 z-50"
-        },
-        false: {
-          root: ""
-        }
-      },
-      fixed: {
-        true: {
-          root: "fixed left-0 right-0 transition-[top,opacity] duration-200 ease-in-out"
-        },
-        false: {}
-      }
-    },
-    defaultVariants: {
-      contain: true,
-      sticky: true,
-      fixed: false
-    }
-  })
-
-export default createHeaderTheme()

package/src/themes/hover-card.theme.ts

@@ -1,29 +0,0 @@
-import { defaultColors } from "../presets/defaults"
-import { defineTheme } from "../utils/defineTheme"
-
-export const createHoverCardTheme = (_colors: readonly string[] = defaultColors) =>
-  defineTheme({
-    slots: ["root", "trigger", "content"],
-    base: {
-      root: "relative inline-block group/hover-card",
-      trigger: "",
-      content: [
-        "absolute z-50 w-80 rounded-lg border border-border bg-card p-4 text-card-foreground shadow-md outline-none",
-        "transition-all duration-200 invisible opacity-0 scale-95 origin-center pointer-events-none",
-        "group-hover/hover-card:visible group-hover/hover-card:opacity-100 group-hover/hover-card:scale-100 group-hover/hover-card:pointer-events-auto"
-      ]
-    },
-    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 createHoverCardTheme()