@oneplatformdev/ui 0.0.1-beta.100

package/Select/SelectRoot.mjs

@@ -0,0 +1,126 @@
+import { jsxs as n, jsx as t } from "react/jsx-runtime";
+import * as l from "react";
+import * as e from "@radix-ui/react-select";
+import { ChevronDown as i, ChevronUp as u, Check as h } from "lucide-react";
+import { cn as s } from "@oneplatformdev/utils";
+const R = e.Root, C = e.Group, I = e.Value, w = l.forwardRef(({ className: o, children: r, ...a }, d) => /* @__PURE__ */ n(
+  e.Trigger,
+  {
+    ref: d,
+    className: s(
+      "flex h-9 w-full items-center justify-between whitespace-nowrap rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-1 focus:ring-ring disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
+      "[&>svg]:disabled:hidden",
+      o
+    ),
+    ...a,
+    children: [
+      r,
+      /* @__PURE__ */ t(e.Icon, { asChild: !0, children: /* @__PURE__ */ t(i, { className: "h-4 w-4 opacity-50" }) })
+    ]
+  }
+));
+w.displayName = e.Trigger.displayName;
+const c = l.forwardRef(({ className: o, ...r }, a) => /* @__PURE__ */ t(
+  e.ScrollUpButton,
+  {
+    ref: a,
+    className: s(
+      "flex cursor-default items-center justify-center py-1",
+      o
+    ),
+    ...r,
+    children: /* @__PURE__ */ t(u, { className: "h-4 w-4" })
+  }
+));
+c.displayName = e.ScrollUpButton.displayName;
+const m = l.forwardRef(({ className: o, ...r }, a) => /* @__PURE__ */ t(
+  e.ScrollDownButton,
+  {
+    ref: a,
+    className: s(
+      "flex cursor-default items-center justify-center py-1",
+      o
+    ),
+    ...r,
+    children: /* @__PURE__ */ t(i, { className: "h-4 w-4" })
+  }
+));
+m.displayName = e.ScrollDownButton.displayName;
+const y = l.forwardRef(({ className: o, children: r, position: a = "popper", style: d, ...p }, f) => /* @__PURE__ */ t(e.Portal, { children: /* @__PURE__ */ n(
+  e.Content,
+  {
+    ref: f,
+    className: s(
+      "relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+      a === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
+      o
+    ),
+    position: a,
+    style: {
+      pointerEvents: "auto",
+      ...d
+    },
+    ...p,
+    children: [
+      /* @__PURE__ */ t(c, {}),
+      /* @__PURE__ */ t(
+        e.Viewport,
+        {
+          className: s(
+            "p-1",
+            a === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
+          ),
+          children: r
+        }
+      ),
+      /* @__PURE__ */ t(m, {})
+    ]
+  }
+) }));
+y.displayName = e.Content.displayName;
+const g = l.forwardRef(({ className: o, ...r }, a) => /* @__PURE__ */ t(
+  e.Label,
+  {
+    ref: a,
+    className: s("px-2 py-1.5 text-sm font-semibold", o),
+    ...r
+  }
+));
+g.displayName = e.Label.displayName;
+const N = l.forwardRef(({ className: o, children: r, ...a }, d) => /* @__PURE__ */ n(
+  e.Item,
+  {
+    ref: d,
+    className: s(
+      "relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-2 pr-8 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      o
+    ),
+    ...a,
+    children: [
+      /* @__PURE__ */ t("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ t(e.ItemIndicator, { children: /* @__PURE__ */ t(h, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ t(e.ItemText, { children: r })
+    ]
+  }
+));
+N.displayName = e.Item.displayName;
+const x = l.forwardRef(({ className: o, ...r }, a) => /* @__PURE__ */ t(
+  e.Separator,
+  {
+    ref: a,
+    className: s("-mx-1 my-1 h-px bg-muted", o),
+    ...r
+  }
+));
+x.displayName = e.Separator.displayName;
+export {
+  y as SelectContent,
+  C as SelectGroup,
+  N as SelectItem,
+  g as SelectLabel,
+  R as SelectRoot,
+  m as SelectScrollDownButton,
+  c as SelectScrollUpButton,
+  x as SelectSeparator,
+  w as SelectTrigger,
+  I as SelectValue
+};

package/Select/index.d.ts

@@ -0,0 +1,3 @@
+export * from './SelectRoot';
+export * from './Select';
+export type * from './Select.types';

package/Select/index.mjs

@@ -0,0 +1,15 @@
+import { SelectContent as l, SelectGroup as o, SelectItem as S, SelectLabel as c, SelectRoot as r, SelectScrollDownButton as n, SelectScrollUpButton as p, SelectSeparator as a, SelectTrigger as u, SelectValue as m } from "./SelectRoot.mjs";
+import { Select as g } from "./Select.mjs";
+export {
+  g as Select,
+  l as SelectContent,
+  o as SelectGroup,
+  S as SelectItem,
+  c as SelectLabel,
+  r as SelectRoot,
+  n as SelectScrollDownButton,
+  p as SelectScrollUpButton,
+  a as SelectSeparator,
+  u as SelectTrigger,
+  m as SelectValue
+};

package/Select/package.json

@@ -0,0 +1,7 @@
+{
+  "sideEffects": false,
+  "main": "./index.mjs",
+  "module": "./index.mjs",
+  "default": "./index.mjs",
+  "types": "./index.d.ts"
+}

package/Separator/Separator.d.ts

@@ -0,0 +1,4 @@
+import * as React from "react";
+import * as SeparatorPrimitive from "@radix-ui/react-separator";
+declare const Separator: React.ForwardRefExoticComponent<Omit<SeparatorPrimitive.SeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Separator };

package/Separator/Separator.mjs

@@ -0,0 +1,24 @@
+import { jsx as e } from "react/jsx-runtime";
+import * as i from "react";
+import * as o from "@radix-ui/react-separator";
+import { cn as l } from "@oneplatformdev/utils";
+const s = i.forwardRef(
+  ({ className: a, orientation: r = "horizontal", decorative: t = !0, ...m }, p) => /* @__PURE__ */ e(
+    o.Root,
+    {
+      ref: p,
+      decorative: t,
+      orientation: r,
+      className: l(
+        "shrink-0 bg-border",
+        r === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]",
+        a
+      ),
+      ...m
+    }
+  )
+);
+s.displayName = o.Root.displayName;
+export {
+  s as Separator
+};

package/Separator/index.d.ts

@@ -0,0 +1 @@
+export * from './Separator';

package/Separator/index.mjs

@@ -0,0 +1,4 @@
+import { Separator as a } from "./Separator.mjs";
+export {
+  a as Separator
+};

package/Separator/package.json

@@ -0,0 +1,7 @@
+{
+  "sideEffects": false,
+  "main": "./index.mjs",
+  "module": "./index.mjs",
+  "default": "./index.mjs",
+  "types": "./index.d.ts"
+}

package/Sheet/Sheet.d.ts

@@ -0,0 +1,28 @@
+import { VariantProps } from 'class-variance-authority';
+import * as React from 'react';
+import * as SheetPrimitive from '@radix-ui/react-dialog';
+declare const Sheet: React.FC<SheetPrimitive.DialogProps>;
+declare const SheetTrigger: React.ForwardRefExoticComponent<SheetPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const SheetClose: React.ForwardRefExoticComponent<SheetPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
+declare const SheetPortal: React.FC<SheetPrimitive.DialogPortalProps>;
+declare const SheetOverlay: React.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const sheetVariants: (props?: ({
+    side?: "top" | "right" | "bottom" | "left" | null | undefined;
+} & import('class-variance-authority/dist/types').ClassProp) | undefined) => string;
+interface SheetContentProps extends React.ComponentPropsWithoutRef<typeof SheetPrimitive.Content>, VariantProps<typeof sheetVariants> {
+    slotProps?: {
+        overlay?: React.ComponentPropsWithoutRef<typeof SheetPrimitive.Overlay>;
+    };
+}
+declare const SheetContent: React.ForwardRefExoticComponent<SheetContentProps & React.RefAttributes<HTMLDivElement>>;
+declare const SheetHeader: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const SheetFooter: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const SheetTitle: React.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+declare const SheetDescription: React.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+export { Sheet, SheetPortal, SheetOverlay, SheetTrigger, SheetClose, SheetContent, SheetHeader, SheetFooter, SheetTitle, SheetDescription, };

package/Sheet/Sheet.mjs

@@ -0,0 +1,110 @@
+import { jsx as o, jsxs as d } from "react/jsx-runtime";
+import * as r from "react";
+import * as e from "@radix-ui/react-dialog";
+import { cva as f } from "class-variance-authority";
+import { X as p } from "lucide-react";
+import { cn as i } from "@oneplatformdev/utils";
+const R = e.Root, T = e.Trigger, j = e.Close, h = e.Portal, l = r.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ o(
+  e.Overlay,
+  {
+    className: i(
+      "fixed inset-0 z-50 bg-black/80  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+      t
+    ),
+    ...a,
+    ref: s
+  }
+));
+l.displayName = e.Overlay.displayName;
+const g = f(
+  "fixed z-50 gap-4 bg-background p-6 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500 data-[state=open]:animate-in data-[state=closed]:animate-out",
+  {
+    variants: {
+      side: {
+        top: "inset-x-0 top-0 border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top",
+        bottom: "inset-x-0 bottom-0 border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom",
+        left: "inset-y-0 left-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm",
+        right: "inset-y-0 right-0 h-full w-3/4 border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm"
+      }
+    },
+    defaultVariants: {
+      side: "right"
+    }
+  }
+), u = r.forwardRef(({ side: t = "right", className: a, children: s, slotProps: n, ...m }, c) => /* @__PURE__ */ d(h, { children: [
+  /* @__PURE__ */ o(l, { ...(n == null ? void 0 : n.overlay) || {} }),
+  /* @__PURE__ */ d(
+    e.Content,
+    {
+      ref: c,
+      className: i(g({ side: t }), a),
+      ...m,
+      children: [
+        /* @__PURE__ */ d(e.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary", children: [
+          /* @__PURE__ */ o(p, { className: "h-4 w-4" }),
+          /* @__PURE__ */ o("span", { className: "sr-only", children: "Close" })
+        ] }),
+        s
+      ]
+    }
+  )
+] }));
+u.displayName = e.Content.displayName;
+const y = ({
+  className: t,
+  ...a
+}) => /* @__PURE__ */ o(
+  "div",
+  {
+    className: i(
+      "flex flex-col space-y-2 text-center sm:text-left",
+      t
+    ),
+    ...a
+  }
+);
+y.displayName = "SheetHeader";
+const x = ({
+  className: t,
+  ...a
+}) => /* @__PURE__ */ o(
+  "div",
+  {
+    className: i(
+      "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
+      t
+    ),
+    ...a
+  }
+);
+x.displayName = "SheetFooter";
+const N = r.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ o(
+  e.Title,
+  {
+    ref: s,
+    className: i("text-lg font-semibold text-foreground", t),
+    ...a
+  }
+));
+N.displayName = e.Title.displayName;
+const b = r.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ o(
+  e.Description,
+  {
+    ref: s,
+    className: i("text-sm text-muted-foreground", t),
+    ...a
+  }
+));
+b.displayName = e.Description.displayName;
+export {
+  R as Sheet,
+  j as SheetClose,
+  u as SheetContent,
+  b as SheetDescription,
+  x as SheetFooter,
+  y as SheetHeader,
+  l as SheetOverlay,
+  h as SheetPortal,
+  N as SheetTitle,
+  T as SheetTrigger
+};

package/Sheet/index.d.ts

@@ -0,0 +1 @@
+export * from './Sheet';

package/Sheet/index.mjs

@@ -0,0 +1,13 @@
+import { Sheet as h, SheetClose as S, SheetContent as r, SheetDescription as o, SheetFooter as i, SheetHeader as l, SheetOverlay as a, SheetPortal as n, SheetTitle as g, SheetTrigger as p } from "./Sheet.mjs";
+export {
+  h as Sheet,
+  S as SheetClose,
+  r as SheetContent,
+  o as SheetDescription,
+  i as SheetFooter,
+  l as SheetHeader,
+  a as SheetOverlay,
+  n as SheetPortal,
+  g as SheetTitle,
+  p as SheetTrigger
+};

package/Sheet/package.json

@@ -0,0 +1,7 @@
+{
+  "sideEffects": false,
+  "main": "./index.mjs",
+  "module": "./index.mjs",
+  "default": "./index.mjs",
+  "types": "./index.d.ts"
+}

package/Sidebar/Sidebar.d.ts

@@ -0,0 +1,66 @@
+import { TooltipContent } from '../Tooltip';
+import { VariantProps } from 'class-variance-authority';
+import * as React from "react";
+type SidebarContext = {
+    state: "expanded" | "collapsed";
+    open: boolean;
+    setOpen: (open: boolean) => void;
+    openMobile: boolean;
+    setOpenMobile: (open: boolean) => void;
+    isMobile: boolean;
+    toggleSidebar: () => void;
+};
+declare const SidebarContext: React.Context<SidebarContext | null>;
+declare function useSidebar(): SidebarContext;
+declare const SidebarProvider: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
+    defaultOpen?: boolean;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+}, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const Sidebar: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
+    side?: "left" | "right";
+    variant?: "sidebar" | "floating" | "inset";
+    collapsible?: "offcanvas" | "icon" | "none";
+}, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SidebarTrigger: React.ForwardRefExoticComponent<Omit<import('../Button').ButtonProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const SidebarRail: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const SidebarInset: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SidebarInput: React.ForwardRefExoticComponent<Omit<import('../Input').InputProps & React.RefAttributes<HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
+declare const SidebarHeader: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SidebarFooter: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SidebarSeparator: React.ForwardRefExoticComponent<Omit<Omit<import('@radix-ui/react-separator').SeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SidebarContent: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SidebarGroup: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SidebarGroupLabel: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
+    asChild?: boolean;
+}, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SidebarGroupAction: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLButtonElement> & React.ButtonHTMLAttributes<HTMLButtonElement> & {
+    asChild?: boolean;
+}, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const SidebarGroupContent: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SidebarMenu: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & React.RefAttributes<HTMLUListElement>>;
+declare const SidebarMenuItem: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React.RefAttributes<HTMLLIElement>>;
+declare const SidebarMenuButton: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLButtonElement> & React.ButtonHTMLAttributes<HTMLButtonElement> & {
+    asChild?: boolean;
+    isActive?: boolean;
+    tooltip?: string | React.ComponentProps<typeof TooltipContent>;
+} & VariantProps<(props?: ({
+    variant?: "default" | "outline" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & import('class-variance-authority/dist/types').ClassProp) | undefined) => string>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const SidebarMenuAction: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLButtonElement> & React.ButtonHTMLAttributes<HTMLButtonElement> & {
+    asChild?: boolean;
+    showOnHover?: boolean;
+}, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const SidebarMenuBadge: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SidebarMenuSkeleton: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
+    showIcon?: boolean;
+}, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SidebarMenuSub: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & React.RefAttributes<HTMLUListElement>>;
+declare const SidebarMenuSubItem: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React.RefAttributes<HTMLLIElement>>;
+declare const SidebarMenuSubButton: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLAnchorElement> & React.AnchorHTMLAttributes<HTMLAnchorElement> & {
+    asChild?: boolean;
+    size?: "sm" | "md";
+    isActive?: boolean;
+}, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
+export { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, useSidebar, };