@oneplatformdev/ui 0.0.1-beta.11

package/Aside/Aside.types.d.ts

@@ -0,0 +1,18 @@
+import { SidebarHeader, SidebarContent, SidebarFooter, Sidebar } from '../Sidebar';
+import * as React from "react";
+export interface AsideProps {
+    header?: React.ReactNode;
+    sidebar?: React.ReactElement<typeof Sidebar>;
+}
+export interface AsideSidebarProps extends Partial<Omit<React.ComponentPropsWithRef<typeof Sidebar>, 'slot' | 'content'>> {
+    header?: React.ReactNode | React.ReactElement<typeof SidebarHeader>;
+    content?: React.ReactNode | React.ReactElement<typeof SidebarContent>;
+    footer?: React.ReactNode | React.ReactElement<typeof SidebarFooter>;
+    slot?: {
+        sidebar?: React.ComponentProps<typeof Sidebar>["slot"];
+        header?: React.ComponentPropsWithoutRef<typeof SidebarHeader>;
+        content?: React.ComponentPropsWithoutRef<typeof SidebarContent>;
+        footer?: React.ComponentPropsWithoutRef<typeof SidebarFooter>;
+    };
+    hiddenRail?: boolean;
+}

package/Aside/AsideSidebar.d.ts

@@ -0,0 +1,3 @@
+import { AsideSidebarProps } from './Aside.types';
+import * as React from "react";
+export declare const AsideSidebar: React.FC<React.PropsWithChildren<AsideSidebarProps>>;

package/Aside/AsideSidebar.mjs

@@ -0,0 +1,37 @@
+import { jsxs as l, Fragment as S, jsx as a } from "react/jsx-runtime";
+import * as c from "react";
+import { Sidebar as s, SidebarHeader as p, SidebarContent as m, SidebarFooter as h, SidebarRail as E } from "../Sidebar/Sidebar.mjs";
+function t(d, r) {
+  return c.isValidElement(d) && d.type === r;
+}
+const R = (d) => {
+  const {
+    children: r,
+    header: n,
+    content: i,
+    footer: o,
+    slot: e,
+    hiddenRail: b,
+    ...f
+  } = d;
+  return /* @__PURE__ */ l(s, { collapsible: "icon", ...f, children: [
+    r || /* @__PURE__ */ l(S, { children: [
+      !r && n && t(n, p) ? c.cloneElement(n, {
+        ...n.props,
+        ...(e == null ? void 0 : e.header) || {}
+      }) : /* @__PURE__ */ a(p, { ...(e == null ? void 0 : e.header) || {}, children: /* @__PURE__ */ a("div", { className: "grid gap-2 text-center", children: n }) }),
+      !r && i && t(i, m) ? c.cloneElement(i, {
+        ...i.props,
+        ...(e == null ? void 0 : e.content) || {}
+      }) : /* @__PURE__ */ a(m, { ...(e == null ? void 0 : e.content) || {}, children: i }),
+      !r && o && t(o, h) ? c.cloneElement(o, {
+        ...o.props,
+        ...(e == null ? void 0 : e.footer) || {}
+      }) : /* @__PURE__ */ a(h, { ...(e == null ? void 0 : e.footer) || {}, children: o })
+    ] }),
+    !b && /* @__PURE__ */ a(E, {})
+  ] });
+};
+export {
+  R as AsideSidebar
+};

package/Aside/index.d.ts

@@ -0,0 +1,3 @@
+export { Aside, default } from './Aside';
+export { AsideSidebar } from './AsideSidebar';
+export type * from './Aside.types';

package/Aside/index.mjs

@@ -0,0 +1,7 @@
+import { Aside as r, Aside as i } from "./Aside.mjs";
+import { AsideSidebar as s } from "./AsideSidebar.mjs";
+export {
+  r as Aside,
+  s as AsideSidebar,
+  i as default
+};

package/Aside/package.json

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

package/AspectRatio/AspectRatio.d.ts

@@ -0,0 +1,2 @@
+import * as AspectRatioPrimitive from "@radix-ui/react-aspect-ratio";
+export declare const AspectRatio: import('react').ForwardRefExoticComponent<AspectRatioPrimitive.AspectRatioProps & import('react').RefAttributes<HTMLDivElement>>;

package/AspectRatio/AspectRatio.mjs

@@ -0,0 +1,5 @@
+import * as t from "@radix-ui/react-aspect-ratio";
+const o = t.Root;
+export {
+  o as AspectRatio
+};

package/AspectRatio/index.d.ts

@@ -0,0 +1 @@
+export { AspectRatio as default, AspectRatio } from './AspectRatio';

package/AspectRatio/index.mjs

@@ -0,0 +1,5 @@
+import { AspectRatio as e, AspectRatio as o } from "./AspectRatio.mjs";
+export {
+  e as AspectRatio,
+  o as default
+};

package/AspectRatio/package.json

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

package/Avatar/Avatar.d.ts

@@ -0,0 +1,5 @@
+import * as React from "react";
+import * as AvatarPrimitive from "@radix-ui/react-avatar";
+export declare const Avatar: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+export declare const AvatarImage: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarImageProps & React.RefAttributes<HTMLImageElement>, "ref"> & React.RefAttributes<HTMLImageElement>>;
+export declare const AvatarFallback: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarFallbackProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;

package/Avatar/Avatar.mjs

@@ -0,0 +1,42 @@
+import { jsx as m } from "react/jsx-runtime";
+import * as o from "react";
+import * as a from "@radix-ui/react-avatar";
+import { cn as s } from "@oneplatformdev/utils";
+const t = o.forwardRef(({ className: e, ...l }, r) => /* @__PURE__ */ m(
+  a.Root,
+  {
+    ref: r,
+    className: s(
+      "relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full",
+      e
+    ),
+    ...l
+  }
+));
+t.displayName = a.Root.displayName;
+const f = o.forwardRef(({ className: e, ...l }, r) => /* @__PURE__ */ m(
+  a.Image,
+  {
+    ref: r,
+    className: s("aspect-square h-full w-full", e),
+    ...l
+  }
+));
+f.displayName = a.Image.displayName;
+const i = o.forwardRef(({ className: e, ...l }, r) => /* @__PURE__ */ m(
+  a.Fallback,
+  {
+    ref: r,
+    className: s(
+      "flex h-full w-full items-center justify-center rounded-full bg-muted",
+      e
+    ),
+    ...l
+  }
+));
+i.displayName = a.Fallback.displayName;
+export {
+  t as Avatar,
+  i as AvatarFallback,
+  f as AvatarImage
+};

package/Avatar/index.d.ts

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

package/Avatar/index.mjs

@@ -0,0 +1,6 @@
+import { Avatar as t, AvatarFallback as v, AvatarImage as A } from "./Avatar.mjs";
+export {
+  t as Avatar,
+  v as AvatarFallback,
+  A as AvatarImage
+};

package/Avatar/package.json

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

package/Badge/Badge.d.ts

@@ -0,0 +1,5 @@
+import { BadgeProps } from './/Badge.types';
+import { badgeVariants } from './badgeVariants';
+
+declare function Badge({ className, variant, ...props }: BadgeProps): import("react/jsx-runtime").JSX.Element;
+export { Badge, badgeVariants };

package/Badge/Badge.mjs

@@ -0,0 +1,10 @@
+import { jsx as t } from "react/jsx-runtime";
+import { cn as a } from "@oneplatformdev/utils";
+import { badgeVariants as i } from "./badgeVariants.mjs";
+function p({ className: r, variant: o, ...m }) {
+  return /* @__PURE__ */ t("div", { className: a(i({ variant: o }), r), ...m });
+}
+export {
+  p as Badge,
+  i as badgeVariants
+};

package/Badge/Badge.types.d.ts

@@ -0,0 +1,5 @@
+import { badgeVariants } from './badgeVariants';
+import { VariantProps } from 'class-variance-authority';
+import * as React from "react";
+export interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
+}

package/Badge/badgeVariants.d.ts

@@ -0,0 +1,3 @@
+export declare const badgeVariants: (props?: ({
+    variant?: "default" | "destructive" | "outline" | "secondary" | null | undefined;
+} & import('class-variance-authority/dist/types').ClassProp) | undefined) => string;

package/Badge/badgeVariants.mjs

@@ -0,0 +1,20 @@
+import { cva as r } from "class-variance-authority";
+const t = r(
+  "inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
+  {
+    variants: {
+      variant: {
+        default: "border-transparent bg-primary text-primary-foreground shadow hover:bg-primary/80",
+        secondary: "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",
+        destructive: "border-transparent bg-destructive text-destructive-foreground shadow hover:bg-destructive/80",
+        outline: "text-foreground"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+export {
+  t as badgeVariants
+};

package/Badge/index.d.ts

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

package/Badge/index.mjs

@@ -0,0 +1,6 @@
+import { Badge as e } from "./Badge.mjs";
+import { badgeVariants as t } from "./badgeVariants.mjs";
+export {
+  e as Badge,
+  t as badgeVariants
+};

package/Badge/package.json

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

package/Breadcrumb/Breadcrumb.d.ts

@@ -0,0 +1,19 @@
+import * as React from "react";
+declare const Breadcrumb: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
+    separator?: React.ReactNode;
+} & React.RefAttributes<HTMLElement>>;
+declare const BreadcrumbList: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.OlHTMLAttributes<HTMLOListElement>, HTMLOListElement>, "ref"> & React.RefAttributes<HTMLOListElement>>;
+declare const BreadcrumbItem: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React.RefAttributes<HTMLLIElement>>;
+declare const BreadcrumbLink: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & {
+    asChild?: boolean;
+} & React.RefAttributes<HTMLAnchorElement>>;
+declare const BreadcrumbPage: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+declare const BreadcrumbSeparator: {
+    ({ children, className, ...props }: React.ComponentProps<"li">): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const BreadcrumbEllipsis: {
+    ({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export { Breadcrumb, BreadcrumbList, BreadcrumbItem, BreadcrumbLink, BreadcrumbPage, BreadcrumbSeparator, BreadcrumbEllipsis, };

package/Breadcrumb/Breadcrumb.mjs

@@ -0,0 +1,90 @@
+import { jsx as s, jsxs as i } from "react/jsx-runtime";
+import * as t from "react";
+import { Slot as n } from "@radix-ui/react-slot";
+import { ChevronRight as c, MoreHorizontal as d } from "lucide-react";
+import { cn as o } from "@oneplatformdev/utils";
+const l = t.forwardRef(({ ...r }, e) => /* @__PURE__ */ s("nav", { ref: e, "aria-label": "breadcrumb", ...r }));
+l.displayName = "Breadcrumb";
+const p = t.forwardRef(({ className: r, ...e }, a) => /* @__PURE__ */ s(
+  "ol",
+  {
+    ref: a,
+    className: o(
+      "flex flex-wrap items-center gap-1.5 break-words text-sm text-muted-foreground sm:gap-2.5",
+      r
+    ),
+    ...e
+  }
+));
+p.displayName = "BreadcrumbList";
+const u = t.forwardRef(({ className: r, ...e }, a) => /* @__PURE__ */ s(
+  "li",
+  {
+    ref: a,
+    className: o("inline-flex items-center gap-1.5", r),
+    ...e
+  }
+));
+u.displayName = "BreadcrumbItem";
+const f = t.forwardRef(({ asChild: r, className: e, ...a }, m) => /* @__PURE__ */ s(
+  r ? n : "a",
+  {
+    ref: m,
+    className: o("transition-colors hover:text-foreground", e),
+    ...a
+  }
+));
+f.displayName = "BreadcrumbLink";
+const b = t.forwardRef(({ className: r, ...e }, a) => /* @__PURE__ */ s(
+  "span",
+  {
+    ref: a,
+    role: "link",
+    "aria-disabled": "true",
+    "aria-current": "page",
+    className: o("font-normal text-foreground", r),
+    ...e
+  }
+));
+b.displayName = "BreadcrumbPage";
+const N = ({
+  children: r,
+  className: e,
+  ...a
+}) => /* @__PURE__ */ s(
+  "li",
+  {
+    role: "presentation",
+    "aria-hidden": "true",
+    className: o("[&>svg]:w-3.5 [&>svg]:h-3.5", e),
+    ...a,
+    children: r ?? /* @__PURE__ */ s(c, {})
+  }
+);
+N.displayName = "BreadcrumbSeparator";
+const B = ({
+  className: r,
+  ...e
+}) => /* @__PURE__ */ i(
+  "span",
+  {
+    role: "presentation",
+    "aria-hidden": "true",
+    className: o("flex h-9 w-9 items-center justify-center", r),
+    ...e,
+    children: [
+      /* @__PURE__ */ s(d, { className: "h-4 w-4" }),
+      /* @__PURE__ */ s("span", { className: "sr-only", children: "More" })
+    ]
+  }
+);
+B.displayName = "BreadcrumbElipssis";
+export {
+  l as Breadcrumb,
+  B as BreadcrumbEllipsis,
+  u as BreadcrumbItem,
+  f as BreadcrumbLink,
+  p as BreadcrumbList,
+  b as BreadcrumbPage,
+  N as BreadcrumbSeparator
+};

package/Breadcrumb/index.d.ts

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

package/Breadcrumb/index.mjs

@@ -0,0 +1,10 @@
+import { Breadcrumb as a, BreadcrumbEllipsis as m, BreadcrumbItem as b, BreadcrumbLink as c, BreadcrumbList as d, BreadcrumbPage as u, BreadcrumbSeparator as B } from "./Breadcrumb.mjs";
+export {
+  a as Breadcrumb,
+  m as BreadcrumbEllipsis,
+  b as BreadcrumbItem,
+  c as BreadcrumbLink,
+  d as BreadcrumbList,
+  u as BreadcrumbPage,
+  B as BreadcrumbSeparator
+};

package/Breadcrumb/package.json

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

package/Button/Button.d.ts

@@ -0,0 +1,4 @@
+import { ButtonProps } from './Button.types';
+import * as React from "react";
+export declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export default Button;

package/Button/Button.mjs

@@ -0,0 +1,31 @@
+import { jsx as m } from "react/jsx-runtime";
+import * as i from "react";
+import { Slot as u } from "@radix-ui/react-slot";
+import { cn as c } from "@oneplatformdev/utils";
+import { buttonVariants as l } from "./buttonVariants.mjs";
+import "../Tooltip/TooltipRoot.mjs";
+import { Tooltip as d } from "../Tooltip/Tooltip.mjs";
+const x = i.forwardRef(
+  ({ disabled: o, className: a, variant: e, size: n, asChild: f = !1, title: r = "", tooltip: t, ...p }, s) => /* @__PURE__ */ m(
+    d,
+    {
+      open: o || !r && !t ? !1 : void 0,
+      message: t || r,
+      delay: 300,
+      children: /* @__PURE__ */ m(
+        f ? u : "button",
+        {
+          className: c(l({ variant: e, size: n, className: a })),
+          ref: s,
+          disabled: o,
+          ...p
+        }
+      )
+    }
+  )
+);
+x.displayName = "Button";
+export {
+  x as Button,
+  x as default
+};

package/Button/Button.types.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+import { buttonVariants } from './buttonVariants';
+import { VariantProps } from 'class-variance-authority';
+import * as React from "react";
+export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
+    asChild?: boolean;
+    tooltip?: ReactNode;
+}

package/Button/buttonVariants.d.ts

@@ -0,0 +1,4 @@
+export declare const buttonVariants: (props?: ({
+    variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
+    size?: "default" | "sm" | "lg" | "icon" | null | undefined;
+} & import('class-variance-authority/dist/types').ClassProp) | undefined) => string;

package/Button/buttonVariants.mjs

@@ -0,0 +1,29 @@
+import { cva as e } from "class-variance-authority";
+const t = e(
+  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground shadow hover:bg-primary/90",
+        destructive: "bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90",
+        outline: "border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground",
+        secondary: "bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80",
+        ghost: "hover:bg-accent hover:text-accent-foreground",
+        link: "text-primary underline-offset-4 hover:underline"
+      },
+      size: {
+        default: "h-9 px-4 py-2",
+        sm: "h-8 rounded-md px-3 text-xs",
+        lg: "h-10 rounded-md px-8",
+        icon: "h-9 w-9"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+export {
+  t as buttonVariants
+};

package/Button/index.d.ts

@@ -0,0 +1,3 @@
+export { Button as default, Button } from './Button';
+export * from './buttonVariants';
+export type * from './Button.types';

package/Button/index.mjs

@@ -0,0 +1,7 @@
+import { Button as r, Button as a } from "./Button.mjs";
+import { buttonVariants as u } from "./buttonVariants.mjs";
+export {
+  r as Button,
+  u as buttonVariants,
+  a as default
+};

package/Button/package.json

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

package/ButtonIcon/ButtonIcon.d.ts

@@ -0,0 +1,3 @@
+import { ButtonIconProps } from './ButtonIcon.types';
+import * as React from "react";
+export declare const ButtonIcon: React.ForwardRefExoticComponent<ButtonIconProps & React.RefAttributes<HTMLButtonElement>>;

package/ButtonIcon/ButtonIcon.mjs

@@ -0,0 +1,29 @@
+import { jsx as r } from "react/jsx-runtime";
+import * as c from "react";
+import { cn as l } from "@oneplatformdev/utils";
+import { buttonIconVariants as u } from "./buttonIconVariants.mjs";
+import "../Tooltip/TooltipRoot.mjs";
+import { Tooltip as d } from "../Tooltip/Tooltip.mjs";
+const h = c.forwardRef(
+  ({ disabled: o, className: e, variant: m, color: p, size: a, rounded: s, title: t = "", tooltip: n, ...i }, f) => /* @__PURE__ */ r(
+    d,
+    {
+      open: o || !t && !n ? !1 : void 0,
+      message: n || t,
+      delay: 300,
+      children: /* @__PURE__ */ r(
+        "button",
+        {
+          className: l(u({ variant: m, size: a, color: p, disabled: o, rounded: s, className: e })),
+          ref: f,
+          disabled: !!o,
+          ...i
+        }
+      )
+    }
+  )
+);
+h.displayName = "Button";
+export {
+  h as ButtonIcon
+};

package/ButtonIcon/ButtonIcon.types.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+import { buttonIconVariants } from './buttonIconVariants';
+import { VariantProps } from 'class-variance-authority';
+import * as React from "react";
+export interface ButtonIconProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'color' | 'disabled'>, VariantProps<typeof buttonIconVariants> {
+    tooltip?: ReactNode;
+}

package/ButtonIcon/buttonIconVariants.d.ts

@@ -0,0 +1,7 @@
+export declare const buttonIconVariants: (props?: ({
+    variant?: "link" | "ghost" | "contained" | "outlined" | null | undefined;
+    color?: "disabled" | "secondary" | "error" | "primary" | "success" | null | undefined;
+    size?: "sm" | "lg" | "icon" | "md" | null | undefined;
+    disabled?: boolean | null | undefined;
+    rounded?: boolean | null | undefined;
+} & import('class-variance-authority/dist/types').ClassProp) | undefined) => string;