@oneplatformdev/ui 0.1.0-8 → 0.1.9-10

package/Pagination/Pagination.d.ts

@@ -0,0 +1,29 @@
+import { ButtonProps } from '../Button';
+import * as React from "react";
+declare const Pagination: {
+    ({ className, ...props }: React.ComponentProps<"nav">): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const PaginationContent: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & React.RefAttributes<HTMLUListElement>>;
+declare const PaginationItem: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React.RefAttributes<HTMLLIElement>>;
+type PaginationLinkProps = {
+    isActive?: boolean;
+} & Pick<ButtonProps, "size"> & React.ComponentProps<"a">;
+declare const PaginationLink: {
+    ({ className, isActive, size, ...props }: PaginationLinkProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const PaginationPrevious: {
+    ({ className, ...props }: React.ComponentProps<typeof PaginationLink>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const PaginationNext: {
+    ({ className, ...props }: React.ComponentProps<typeof PaginationLink>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const PaginationEllipsis: {
+    ({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export { Pagination, PaginationContent, PaginationLink, PaginationItem, PaginationPrevious, PaginationNext, PaginationEllipsis, };
+//# sourceMappingURL=Pagination.d.ts.map

package/Pagination/Pagination.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../src/Pagination/Pagination.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,OAAO,EAAE,WAAW,EAAkB,MAAM,WAAW,CAAC;AAExD,QAAA,MAAM,UAAU;8BAA6B,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC;;CAOvE,CAAA;AAGD,QAAA,MAAM,iBAAiB,yKASrB,CAAA;AAGF,QAAA,MAAM,cAAc,kKAKlB,CAAA;AAGF,KAAK,mBAAmB,GAAG;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,GAAG,IAAI,CAAC,WAAW,EAAE,MAAM,CAAC,GAC3B,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,CAAA;AAE3B,QAAA,MAAM,cAAc;8CAKjB,mBAAmB;;CAYrB,CAAA;AAGD,QAAA,MAAM,kBAAkB;8BAGrB,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC;;CAU7C,CAAA;AAGD,QAAA,MAAM,cAAc;8BAGjB,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC;;CAU7C,CAAA;AAGD,QAAA,MAAM,kBAAkB;8BAGrB,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC;;CAS9B,CAAA;AAGD,OAAO,EACL,UAAU,EACV,iBAAiB,EACjB,cAAc,EACd,cAAc,EACd,kBAAkB,EAClB,cAAc,EACd,kBAAkB,GACnB,CAAA"}

package/Pagination/Pagination.js

@@ -0,0 +1,106 @@
+import { jsx as e, jsxs as o } from "react/jsx-runtime";
+import * as l from "react";
+import { ChevronLeft as m, ChevronRight as c, MoreHorizontal as p } from "lucide-react";
+import { cn as n } from "@oneplatformdev/utils";
+import "../Button/Button.js";
+import { buttonVariants as g } from "../Button/buttonVariants.js";
+const d = ({ className: i, ...a }) => /* @__PURE__ */ e(
+  "nav",
+  {
+    role: "navigation",
+    "aria-label": "pagination",
+    className: n("mx-auto flex w-full justify-center", i),
+    ...a
+  }
+);
+d.displayName = "Pagination";
+const N = l.forwardRef(({ className: i, ...a }, t) => /* @__PURE__ */ e(
+  "ul",
+  {
+    ref: t,
+    className: n("flex flex-row items-center gap-1", i),
+    ...a
+  }
+));
+N.displayName = "PaginationContent";
+const f = l.forwardRef(({ className: i, ...a }, t) => /* @__PURE__ */ e("li", { ref: t, className: n("", i), ...a }));
+f.displayName = "PaginationItem";
+const s = ({
+  className: i,
+  isActive: a,
+  size: t = "icon",
+  ...r
+}) => /* @__PURE__ */ e(
+  "a",
+  {
+    "aria-current": a ? "page" : void 0,
+    className: n(
+      g({
+        variant: a ? "outline-solid" : "ghost",
+        size: t
+      }),
+      i
+    ),
+    ...r
+  }
+);
+s.displayName = "PaginationLink";
+const P = ({
+  className: i,
+  ...a
+}) => /* @__PURE__ */ o(
+  s,
+  {
+    "aria-label": "Go to previous page",
+    size: "default",
+    className: n("gap-1 pl-2.5", i),
+    ...a,
+    children: [
+      /* @__PURE__ */ e(m, { className: "h-4 w-4" }),
+      /* @__PURE__ */ e("span", { children: "Previous" })
+    ]
+  }
+);
+P.displayName = "PaginationPrevious";
+const h = ({
+  className: i,
+  ...a
+}) => /* @__PURE__ */ o(
+  s,
+  {
+    "aria-label": "Go to next page",
+    size: "default",
+    className: n("gap-1 pr-2.5", i),
+    ...a,
+    children: [
+      /* @__PURE__ */ e("span", { children: "Next" }),
+      /* @__PURE__ */ e(c, { className: "h-4 w-4" })
+    ]
+  }
+);
+h.displayName = "PaginationNext";
+const u = ({
+  className: i,
+  ...a
+}) => /* @__PURE__ */ o(
+  "span",
+  {
+    "aria-hidden": !0,
+    className: n("flex h-9 w-9 items-center justify-center", i),
+    ...a,
+    children: [
+      /* @__PURE__ */ e(p, { className: "h-4 w-4" }),
+      /* @__PURE__ */ e("span", { className: "sr-only", children: "More pages" })
+    ]
+  }
+);
+u.displayName = "PaginationEllipsis";
+export {
+  d as Pagination,
+  N as PaginationContent,
+  u as PaginationEllipsis,
+  f as PaginationItem,
+  s as PaginationLink,
+  h as PaginationNext,
+  P as PaginationPrevious
+};

package/Pagination/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Pagination';
+//# sourceMappingURL=index.d.ts.map

package/Pagination/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Pagination/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}

package/Pagination/index.js

@@ -0,0 +1,10 @@
+import { Pagination as a, PaginationContent as t, PaginationEllipsis as o, PaginationItem as P, PaginationLink as g, PaginationNext as e, PaginationPrevious as r } from "./Pagination.js";
+export {
+  a as Pagination,
+  t as PaginationContent,
+  o as PaginationEllipsis,
+  P as PaginationItem,
+  g as PaginationLink,
+  e as PaginationNext,
+  r as PaginationPrevious
+};

package/Popover/Popover.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import * as PopoverPrimitive from '@radix-ui/react-popover';
+declare const Popover: (props: React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Root>) => import("react/jsx-runtime").JSX.Element;
+declare const PopoverTrigger: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const PopoverAnchor: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverAnchorProps & React.RefAttributes<HTMLDivElement>>;
+declare const PopoverContent: React.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Popover, PopoverTrigger, PopoverContent, PopoverAnchor };
+//# sourceMappingURL=Popover.d.ts.map

package/Popover/Popover.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../src/Popover/Popover.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAC;AAK5D,QAAA,MAAM,OAAO,GACX,OAAO,KAAK,CAAC,wBAAwB,CAAC,OAAO,gBAAgB,CAAC,IAAI,CAAC,4CAIpE,CAAC;AAEF,QAAA,MAAM,cAAc,gHAA2B,CAAA;AAE/C,QAAA,MAAM,aAAa,4GAA0B,CAAA;AAE7C,QAAA,MAAM,cAAc,gKAwBlB,CAAA;AAGF,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,aAAa,EAAE,CAAA"}

package/Popover/Popover.js

@@ -0,0 +1,36 @@
+import { jsx as a } from "react/jsx-runtime";
+import * as p from "react";
+import * as o from "@radix-ui/react-popover";
+import { cn as l } from "@oneplatformdev/utils";
+import { useDialogOverlayContainer as c } from "../Dialog/DialogOverlayScope.js";
+const h = (t) => {
+  const { modal: e, ...r } = t;
+  return /* @__PURE__ */ a(o.Root, { modal: e, ...r });
+}, P = o.Trigger, b = o.Anchor, f = p.forwardRef(({ className: t, align: e = "center", sideOffset: r = 4, style: n, avoidCollisions: i = !0, ...d }, s) => {
+  const m = c();
+  return /* @__PURE__ */ a(o.Portal, { container: m, children: /* @__PURE__ */ a(
+    o.Content,
+    {
+      ref: s,
+      align: e,
+      sideOffset: r,
+      className: l(
+        "z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-hidden 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",
+        t
+      ),
+      style: {
+        pointerEvents: "auto",
+        ...n
+      },
+      ...d,
+      avoidCollisions: i
+    }
+  ) });
+});
+f.displayName = o.Content.displayName;
+export {
+  h as Popover,
+  b as PopoverAnchor,
+  f as PopoverContent,
+  P as PopoverTrigger
+};

package/Popover/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Popover';
+//# sourceMappingURL=index.d.ts.map

package/Popover/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Popover/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC"}

package/Popover/index.js

@@ -0,0 +1,7 @@
+import { Popover as e, PopoverAnchor as p, PopoverContent as v, PopoverTrigger as P } from "./Popover.js";
+export {
+  e as Popover,
+  p as PopoverAnchor,
+  v as PopoverContent,
+  P as PopoverTrigger
+};

package/Progress/Progress.d.ts

@@ -0,0 +1,5 @@
+import * as React from "react";
+import * as ProgressPrimitive from "@radix-ui/react-progress";
+declare const Progress: React.ForwardRefExoticComponent<Omit<ProgressPrimitive.ProgressProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Progress };
+//# sourceMappingURL=Progress.d.ts.map

package/Progress/Progress.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Progress.d.ts","sourceRoot":"","sources":["../../src/Progress/Progress.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,iBAAiB,MAAM,0BAA0B,CAAA;AAI7D,QAAA,MAAM,QAAQ,2JAiBZ,CAAA;AAGF,OAAO,EAAE,QAAQ,EAAE,CAAA"}

package/Progress/Progress.js

@@ -0,0 +1,26 @@
+import { jsx as o } from "react/jsx-runtime";
+import * as t from "react";
+import * as r from "@radix-ui/react-progress";
+import { cn as i } from "@oneplatformdev/utils";
+const m = t.forwardRef(({ className: a, value: l, ...e }, s) => /* @__PURE__ */ o(
+  r.Root,
+  {
+    ref: s,
+    className: i(
+      "relative h-2 w-full overflow-hidden rounded-full bg-primary/20",
+      a
+    ),
+    ...e,
+    children: /* @__PURE__ */ o(
+      r.Indicator,
+      {
+        className: "h-full w-full flex-1 bg-primary transition-all",
+        style: { transform: `translateX(-${100 - (l || 0)}%)` }
+      }
+    )
+  }
+));
+m.displayName = r.Root.displayName;
+export {
+  m as Progress
+};

package/Progress/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Progress';
+//# sourceMappingURL=index.d.ts.map

package/Progress/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Progress/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC"}

package/Progress/index.js

@@ -0,0 +1,4 @@
+import { Progress as e } from "./Progress.js";
+export {
+  e as Progress
+};

package/Radio/Radio.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { RadioProps } from './Radio.types';
+export declare const Radio: FC<RadioProps>;
+//# sourceMappingURL=Radio.d.ts.map

package/Radio/Radio.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Radio.d.ts","sourceRoot":"","sources":["../../src/Radio/Radio.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAE3B,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAI3C,eAAO,MAAM,KAAK,EAAE,EAAE,CAAC,UAAU,CAgBhC,CAAC"}

package/Radio/Radio.js

@@ -0,0 +1,12 @@
+import { jsx as n } from "react/jsx-runtime";
+import { RadioGroup as d, RadioGroupLabel as t } from "../RadioGroup/RadioGroup.js";
+const s = (u) => {
+  const { options: i = [], renderOption: r, ...a } = u;
+  return /* @__PURE__ */ n(d, { ...a, children: i.map((e) => {
+    const o = /* @__PURE__ */ n(t, { ...e }, e.value);
+    return !r || typeof r != "function" || !r?.(e, t) ? o : r?.(e, t);
+  }) });
+};
+export {
+  s as Radio
+};

package/Radio/Radio.types.d.ts

@@ -0,0 +1,11 @@
+import { ComponentPropsWithoutRef, FC, ReactNode } from 'react';
+import { RadioGroup, RadioGroupLabel } from '../RadioGroup/RadioGroup';
+export interface RadioOptionProps<Value extends string | number = string> {
+    value: Value;
+    label: ReactNode;
+}
+export interface RadioProps extends Partial<ComponentPropsWithoutRef<typeof RadioGroup>> {
+    options?: RadioOptionProps[];
+    renderOption?: (option: RadioOptionProps, DefaultOptionComponent: FC<ComponentPropsWithoutRef<typeof RadioGroupLabel>>) => ReactNode | null;
+}
+//# sourceMappingURL=Radio.types.d.ts.map

package/Radio/Radio.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Radio.types.d.ts","sourceRoot":"","sources":["../../src/Radio/Radio.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEhE,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAEvE,MAAM,WAAW,gBAAgB,CAAC,KAAK,SAAS,MAAM,GAAG,MAAM,GAAG,MAAM;IACtE,KAAK,EAAE,KAAK,CAAC;IACb,KAAK,EAAE,SAAS,CAAC;CAClB;AAED,MAAM,WAAW,UAChB,SAAQ,OAAO,CAAC,wBAAwB,CAAC,OAAO,UAAU,CAAC,CAAC;IAC5D,OAAO,CAAC,EAAE,gBAAgB,EAAE,CAAC;IAC7B,YAAY,CAAC,EAAE,CACd,MAAM,EAAE,gBAAgB,EACxB,sBAAsB,EAAE,EAAE,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,CAAC,KACxE,SAAS,GAAG,IAAI,CAAC;CACtB"}

package/Radio/Radio.types.js

@@ -0,0 +1 @@
+

package/Radio/index.d.ts

@@ -0,0 +1,3 @@
+export * from './Radio';
+export type * from './Radio.types.ts';
+//# sourceMappingURL=index.d.ts.map

package/Radio/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Radio/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,mBAAmB,kBAAkB,CAAC"}

package/Radio/index.js

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

package/RadioGroup/RadioGroup.d.ts

@@ -0,0 +1,12 @@
+import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
+import * as React from 'react';
+declare const RadioGroup: React.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const RadioGroupItem: React.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupItemProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const RadioGroupLabel: React.ForwardRefExoticComponent<{
+    label: React.ReactNode;
+    value: string;
+} & {
+    children?: React.ReactNode | undefined;
+} & React.RefAttributes<HTMLLabelElement>>;
+export { RadioGroup, RadioGroupItem, RadioGroupLabel };
+//# sourceMappingURL=RadioGroup.d.ts.map

package/RadioGroup/RadioGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../../src/RadioGroup/RadioGroup.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,mBAAmB,MAAM,6BAA6B,CAAC;AAEnE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,QAAA,MAAM,UAAU,+JAWd,CAAC;AAGH,QAAA,MAAM,cAAc,yKAkBlB,CAAC;AAGH,QAAA,MAAM,eAAe;WAEO,KAAK,CAAC,SAAS;WAAS,MAAM;;;0CAexD,CAAC;AAGH,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,eAAe,EAAE,CAAC"}

package/RadioGroup/RadioGroup.js

@@ -0,0 +1,49 @@
+import { jsx as e, jsxs as l } from "react/jsx-runtime";
+import * as o from "@radix-ui/react-radio-group";
+import { Circle as c } from "lucide-react";
+import * as s from "react";
+import { cn as t } from "@oneplatformdev/utils";
+import { Label as p } from "../Label/Label.js";
+const f = s.forwardRef(({ className: r, ...a }, i) => /* @__PURE__ */ e(
+  o.Root,
+  {
+    className: t("grid gap-0", r),
+    ...a,
+    ref: i
+  }
+));
+f.displayName = o.Root.displayName;
+const m = s.forwardRef(({ className: r, ...a }, i) => /* @__PURE__ */ e(
+  o.Item,
+  {
+    ref: i,
+    className: t(
+      "aspect-square size-4 rounded-full border border-primary text-primary shadow-sm focus:outline-hidden focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50",
+      r
+    ),
+    ...a,
+    children: /* @__PURE__ */ e(o.Indicator, { className: "flex items-center justify-center ", children: /* @__PURE__ */ e(c, { className: "size-2.5 fill-primary" }) })
+  }
+));
+m.displayName = o.Item.displayName;
+const n = s.forwardRef(({ value: r, label: a, children: i }, d) => /* @__PURE__ */ l(
+  p,
+  {
+    ref: d,
+    htmlFor: r,
+    className: "flex w-full items-start gap-3 font-normal py-3 cursor-pointer",
+    children: [
+      /* @__PURE__ */ e(m, { value: r, id: r }),
+      /* @__PURE__ */ l("div", { className: "flex flex-col w-full gap-3", children: [
+        /* @__PURE__ */ e("span", { className: "flex flex-col justify-start leading-[16px]", children: a }),
+        i
+      ] })
+    ]
+  }
+));
+n.displayName = "RadioGroupLabel";
+export {
+  f as RadioGroup,
+  m as RadioGroupItem,
+  n as RadioGroupLabel
+};

package/RadioGroup/index.d.ts

@@ -0,0 +1,2 @@
+export * from './RadioGroup';
+//# sourceMappingURL=index.d.ts.map

package/RadioGroup/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/RadioGroup/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}

package/RadioGroup/index.js

@@ -0,0 +1,6 @@
+import { RadioGroup as a, RadioGroupItem as p, RadioGroupLabel as d } from "./RadioGroup.js";
+export {
+  a as RadioGroup,
+  p as RadioGroupItem,
+  d as RadioGroupLabel
+};

package/Resizable/Resizable.d.ts

@@ -0,0 +1,24 @@
+import * as ResizablePrimitive from "react-resizable-panels";
+declare const ResizablePanelGroup: ({ className, ...props }: React.ComponentProps<typeof ResizablePrimitive.PanelGroup>) => import("react/jsx-runtime").JSX.Element;
+declare const ResizablePanel: import('react').ForwardRefExoticComponent<Omit<import('react').HTMLAttributes<any>, "id" | "onResize"> & {
+    className?: string;
+    collapsedSize?: number | undefined;
+    collapsible?: boolean | undefined;
+    defaultSize?: number | undefined;
+    id?: string;
+    maxSize?: number | undefined;
+    minSize?: number | undefined;
+    onCollapse?: ResizablePrimitive.PanelOnCollapse;
+    onExpand?: ResizablePrimitive.PanelOnExpand;
+    onResize?: ResizablePrimitive.PanelOnResize;
+    order?: number;
+    style?: object;
+    tagName?: keyof HTMLElementTagNameMap | undefined;
+} & {
+    children?: import('react').ReactNode | undefined;
+} & import('react').RefAttributes<ResizablePrimitive.ImperativePanelHandle>>;
+declare const ResizableHandle: ({ withHandle, className, ...props }: React.ComponentProps<typeof ResizablePrimitive.PanelResizeHandle> & {
+    withHandle?: boolean;
+}) => import("react/jsx-runtime").JSX.Element;
+export { ResizablePanelGroup, ResizablePanel, ResizableHandle };
+//# sourceMappingURL=Resizable.d.ts.map

package/Resizable/Resizable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Resizable.d.ts","sourceRoot":"","sources":["../../src/Resizable/Resizable.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,kBAAkB,MAAM,wBAAwB,CAAA;AAI5D,QAAA,MAAM,mBAAmB,GAAI,yBAG1B,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,UAAU,CAAC,4CAQ5D,CAAA;AAED,QAAA,MAAM,cAAc;;;;;;;;;;;;;oBAyB47D,qBAAsB;;;4EAzBv7D,CAAA;AAE/C,QAAA,MAAM,eAAe,GAAI,qCAItB,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,iBAAiB,CAAC,GAAG;IACrE,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB,4CAcA,CAAA;AAED,OAAO,EAAE,mBAAmB,EAAE,cAAc,EAAE,eAAe,EAAE,CAAA"}

package/Resizable/Resizable.js

@@ -0,0 +1,36 @@
+import { jsx as e } from "react/jsx-runtime";
+import { GripVertical as n } from "lucide-react";
+import * as t from "react-resizable-panels";
+import { cn as i } from "@oneplatformdev/utils";
+const f = ({
+  className: a,
+  ...r
+}) => /* @__PURE__ */ e(
+  t.PanelGroup,
+  {
+    className: i(
+      "flex h-full w-full data-[panel-group-direction=vertical]:flex-col",
+      a
+    ),
+    ...r
+  }
+), d = t.Panel, p = ({
+  withHandle: a,
+  className: r,
+  ...l
+}) => /* @__PURE__ */ e(
+  t.PanelResizeHandle,
+  {
+    className: i(
+      "relative flex w-px items-center justify-center bg-border after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-1 data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:-translate-y-1/2 data-[panel-group-direction=vertical]:after:translate-x-0 [&[data-panel-group-direction=vertical]>div]:rotate-90",
+      r
+    ),
+    ...l,
+    children: a && /* @__PURE__ */ e("div", { className: "z-10 flex h-4 w-3 items-center justify-center rounded-sm border bg-border", children: /* @__PURE__ */ e(n, { className: "h-2.5 w-2.5" }) })
+  }
+);
+export {
+  p as ResizableHandle,
+  d as ResizablePanel,
+  f as ResizablePanelGroup
+};

package/Resizable/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Resizable';
+//# sourceMappingURL=index.d.ts.map

package/Resizable/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Resizable/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC"}

package/Resizable/index.js

@@ -0,0 +1,6 @@
+import { ResizableHandle as l, ResizablePanel as b, ResizablePanelGroup as i } from "./Resizable.js";
+export {
+  l as ResizableHandle,
+  b as ResizablePanel,
+  i as ResizablePanelGroup
+};

package/ScrollArea/ScrollArea.d.ts

@@ -0,0 +1,6 @@
+import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
+import * as React from 'react';
+declare const ScrollArea: React.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const ScrollBar: React.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaScrollbarProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { ScrollArea, ScrollBar };
+//# sourceMappingURL=ScrollArea.d.ts.map

package/ScrollArea/ScrollArea.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollArea.d.ts","sourceRoot":"","sources":["../../src/ScrollArea/ScrollArea.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,mBAAmB,MAAM,6BAA6B,CAAC;AACnE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,QAAA,MAAM,UAAU,+JAmBd,CAAC;AAGH,QAAA,MAAM,SAAS,wKAyBb,CAAC;AAGH,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,CAAC"}

package/ScrollArea/ScrollArea.js

@@ -0,0 +1,51 @@
+import { jsxs as i, jsx as e } from "react/jsx-runtime";
+import * as r from "@radix-ui/react-scroll-area";
+import * as t from "react";
+import { cn as s } from "@oneplatformdev/utils";
+const m = t.forwardRef(({ className: o, children: l, ...a }, c) => /* @__PURE__ */ i(
+  r.Root,
+  {
+    ref: c,
+    className: s(
+      "relative overflow-hidden pr-2",
+      // '[&:has([data-orientation=vertical])]:pr-2',
+      o
+    ),
+    ...a,
+    children: [
+      /* @__PURE__ */ e(r.Viewport, { className: "h-full w-full rounded-[inherit]", children: l }),
+      /* @__PURE__ */ e(d, {}),
+      /* @__PURE__ */ e(r.Corner, {})
+    ]
+  }
+));
+m.displayName = r.Root.displayName;
+const d = t.forwardRef(({ className: o, orientation: l = "vertical", ...a }, c) => /* @__PURE__ */ e(
+  r.ScrollAreaScrollbar,
+  {
+    ref: c,
+    orientation: l,
+    className: s(
+      "flex touch-none select-none transition-colors",
+      "p-px bg-[#DCDDE1] rounded-full",
+      l === "vertical" && "h-full w-1.5 border-l border-l-transparent",
+      l === "horizontal" && "h-1.5 flex-col border-t border-t-transparent",
+      o
+    ),
+    ...a,
+    children: /* @__PURE__ */ e(
+      r.ScrollAreaThumb,
+      {
+        className: s(
+          "relative flex-1 rounded-full bg-border",
+          "bg-[#FCFCFC]"
+        )
+      }
+    )
+  }
+));
+d.displayName = r.ScrollAreaScrollbar.displayName;
+export {
+  m as ScrollArea,
+  d as ScrollBar
+};

package/ScrollArea/index.d.ts

@@ -0,0 +1,2 @@
+export * from './ScrollArea';
+//# sourceMappingURL=index.d.ts.map

package/ScrollArea/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ScrollArea/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}

package/ScrollArea/index.js

@@ -0,0 +1,5 @@
+import { ScrollArea as o, ScrollBar as a } from "./ScrollArea.js";
+export {
+  o as ScrollArea,
+  a as ScrollBar
+};

package/Search/Search.d.ts

@@ -0,0 +1,3 @@
+import { SearchProps } from './Search.types';
+export declare const Search: (props: SearchProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Search.d.ts.map

package/Search/Search.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Search.d.ts","sourceRoot":"","sources":["../../src/Search/Search.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAO7C,eAAO,MAAM,MAAM,GAAI,OAAO,WAAW,4CA4CxC,CAAC"}

package/Search/Search.js

@@ -0,0 +1,45 @@
+import { jsx as r } from "react/jsx-runtime";
+import { useState as g } from "react";
+import { Input as v } from "../Input/Input.js";
+import { useDebounceCallback as C } from "@oneplatformdev/hooks";
+import { cn as b } from "@oneplatformdev/utils";
+import { SearchIcon as x } from "lucide-react";
+import { LoadedIcon as I } from "../LoadedIcon/LoadedIcon.js";
+const D = (a) => {
+  const {
+    search: t,
+    onChange: n,
+    onSearch: s,
+    placeholder: c = "Search",
+    className: m,
+    loading: i = !1,
+    slotProps: e,
+    name: l = "search",
+    ...h
+  } = a, [p, u] = g(t), d = C(s, 1e3), f = (o) => {
+    const S = o.target.value;
+    u(S), n?.(o), d(o.target.value);
+  };
+  return /* @__PURE__ */ r(
+    v,
+    {
+      name: l,
+      placeholder: c,
+      value: p,
+      className: b("min-w-[340px]", m),
+      onChange: f,
+      ...h,
+      ...e || {},
+      slotProps: {
+        ...e || {},
+        input: {
+          startAdornment: /* @__PURE__ */ r(I, { loading: i, size: "sm", children: /* @__PURE__ */ r(x, {}) }),
+          ...e?.input || {}
+        }
+      }
+    }
+  );
+};
+export {
+  D as Search
+};