@bccampus/ui-components 0.4.2 → 0.5.0

package/dist/MultipleSelectionProvider.js

@@ -1,19 +0,0 @@
-import { C as c } from "./CompositeDataItem-DuHOHCWy.js";
-import { A as i, u as l, d as n } from "./AbstractSelectionProvider-BtaROstC.js";
-class f extends i {
-  select(e, t = !1) {
-    const s = e instanceof c ? e : this.data.lookup.get(e);
-    if (!s) return;
-    const o = s.select(t);
-    this.selectedKeys.set(l(this.selectedKeys.get(), o));
-  }
-  deselect(e, t = !1) {
-    const s = e instanceof c ? e : this.data.lookup.get(e);
-    if (!s) return;
-    const o = s.deselect(t);
-    this.selectedKeys.set(n(this.selectedKeys.get(), o));
-  }
-}
-export {
-  f as SingleSelectionProvider
-};

package/dist/SingleSelectionProvider.d.ts

@@ -1,141 +0,0 @@
-import { PreinitializedMapStore } from 'nanostores';
-import { PreinitializedWritableAtom } from 'nanostores';
-
-declare abstract class AbstractFocusProvider<T extends object> implements FocusProvider {
-    protected data: CompositeData<T>;
-    protected dataOptions: CompositeDataOptions<T>;
-    firstFocusableItem: CompositeDataItem<T> | null;
-    lastFocusableItem: CompositeDataItem<T> | null;
-    focusedItem: PreinitializedWritableAtom<CompositeDataItem<T> | null>;
-    init(data: CompositeData<T>, dataOptions: CompositeDataOptions<T>): void;
-    isFocusable(itemAtom: CompositeDataItem<T>): boolean;
-    focus(itemKey: CompositeItemKey): void;
-    focus(item: CompositeDataItem<T>): void;
-    abstract setFocusPointers(): readonly [first: CompositeDataItem<T> | null, last: CompositeDataItem<T> | null];
-    abstract focusUp(): void;
-    abstract focusDown(): void;
-    abstract focusLeft(): void;
-    abstract focusRight(): void;
-    abstract focusPageUp(): void;
-    abstract focesPageDown(): void;
-    abstract focusToFirst(): void;
-    abstract focusToLast(): void;
-    abstract focusToFirstInRow(): void;
-    abstract focusToLastInRow(): void;
-    abstract focusToTypeAheadMatch(): void;
-}
-
-declare abstract class AbstractSelectionProvider<T extends object> {
-    protected data: CompositeData<T>;
-    protected dataOptions: CompositeDataOptions<T>;
-    selectedKeys: PreinitializedWritableAtom<Set<CompositeItemKey>>;
-    init(data: CompositeData<T>, dataOptions: CompositeDataOptions<T>): void;
-    abstract select(itemKey?: CompositeItemKey, recursive?: boolean): void;
-    abstract select(item: CompositeDataItem<T>, recursive?: boolean): void;
-    abstract select(item?: CompositeDataItem<T> | CompositeItemKey, recursive?: boolean): void;
-    abstract deselect(itemKey?: CompositeItemKey, recursive?: boolean): void;
-    abstract deselect(item: CompositeDataItem<T>, recursive?: boolean): void;
-    abstract deselect(item?: CompositeDataItem<T> | CompositeItemKey, recursive?: boolean): void;
-    toggleSelect(itemKey?: CompositeItemKey, recursive?: boolean): void;
-    toggleSelect(item: CompositeDataItem<T>, recursive?: boolean): void;
-}
-
-declare class CompositeData<T extends object> implements Iterable<CompositeDataItem<T>> {
-    #private;
-    lookup: Map<CompositeItemKey, CompositeDataItem<T>>;
-    focusProvider: AbstractFocusProvider<T>;
-    selectionProvider?: AbstractSelectionProvider<T>;
-    disabledKeys: Set<CompositeItemKey>;
-    root: CompositeDataItem<T>;
-    constructor(items: T[], providerOptions: CompositeProviderOptions<T>, options?: CompositeOptions);
-    [Symbol.iterator](): Iterator<CompositeDataItem<T>>;
-    toJSON(): T[];
-    init(items: T[]): void;
-    item(key: CompositeItemKey): CompositeDataItem<T> | undefined;
-    descendants(itemKey: CompositeItemKey): CompositeDataItem<T>[] | undefined;
-    ancestors(itemKey: CompositeItemKey): CompositeDataItem<T>[] | undefined;
-    updateItem(key: CompositeItemKey, data: Partial<T> | ((item: T) => Partial<T>)): void;
-}
-
-declare class CompositeDataItem<T extends object> implements Iterable<CompositeDataItem<T>> {
-    #private;
-    parent: CompositeDataItem<T> | null;
-    children?: CompositeDataItem<T>[];
-    level: number;
-    data: PreinitializedMapStore<T>;
-    state: PreinitializedMapStore<CompositeDataItemState>;
-    pointers: {
-        left?: CompositeItemKey;
-        right?: CompositeItemKey;
-        up?: CompositeItemKey;
-        down?: CompositeItemKey;
-    };
-    childrenProp: string;
-    constructor(item: T, options: CompositeDataItemOptions<T>, parent: CompositeDataItem<T> | null);
-    get key(): CompositeItemKey;
-    [Symbol.iterator](): Iterator<CompositeDataItem<T>>;
-    toJSON(): T;
-    descendants(): CompositeDataItem<T>[];
-    ancestors(): CompositeDataItem<T>[];
-    toggleSelect(recursive?: boolean): void;
-    select(recursive?: boolean): CompositeItemKey[];
-    deselect(recursive?: boolean): CompositeItemKey[];
-    disable(recursive?: boolean): CompositeItemKey[];
-    enable(recursive?: boolean): CompositeItemKey[];
-}
-
-declare type CompositeDataItemOptions<T> = CompositeDataPropGetters<T> & {
-    initialState?: CompositeDataItemState;
-    itemChildrenProp: string;
-};
-
-declare interface CompositeDataItemState {
-    focused: boolean;
-    selected: boolean;
-    disabled: boolean;
-}
-
-declare type CompositeDataOptions<T> = Required<CompositeOptions> & CompositeDataPropGetters<T>;
-
-declare interface CompositeDataPropGetters<T> {
-    getItemKey: (item: T) => CompositeItemKey;
-    getItemChildren: (item: T) => T[] | undefined;
-}
-
-declare type CompositeItemKey = string | number;
-
-declare interface CompositeOptions {
-    disabledKeys?: CompositeItemKey[];
-    selectedKeys?: CompositeItemKey[];
-    itemKeyProp?: string;
-    itemChildrenProp?: string;
-}
-
-declare interface CompositeProviderOptions<T extends object> {
-    focusProvider: AbstractFocusProvider<T>;
-    selectionProvider?: AbstractSelectionProvider<T>;
-}
-
-declare interface FocusProvider {
-    focus(itemKey: CompositeItemKey): void;
-    focusUp(): void;
-    focusDown(): void;
-    focusLeft(): void;
-    focusRight(): void;
-    focusPageUp(): void;
-    focesPageDown(): void;
-    focusToFirst(): void;
-    focusToLast(): void;
-    focusToFirstInRow(): void;
-    focusToLastInRow(): void;
-    focusToTypeAheadMatch(): void;
-}
-
-export declare class SingleSelectionProvider<T extends object> extends AbstractSelectionProvider<T> {
-    select(itemKey?: CompositeItemKey, recursive?: boolean): void;
-    select(item: CompositeDataItem<T>, recursive?: boolean): void;
-    deselect(itemKey?: CompositeItemKey, recursive?: boolean): void;
-    deselect(item: CompositeDataItem<T>, recursive?: boolean): void;
-}
-
-export { }

package/dist/SingleSelectionProvider.js

@@ -1,23 +0,0 @@
-import { C as c } from "./CompositeDataItem-DuHOHCWy.js";
-import { A as d, d as i } from "./AbstractSelectionProvider-BtaROstC.js";
-class u extends d {
-  select(e, r = !1) {
-    const t = e ? e instanceof c ? e : this.data.lookup.get(e) : this.data.focusProvider.focusedItem.get();
-    if (!t) return;
-    this.selectedKeys.get().forEach((a) => {
-      const o = this.data.lookup.get(a);
-      o && o.deselect(!1);
-    });
-    const s = t.select(!1);
-    this.selectedKeys.set(new Set(s));
-  }
-  deselect(e, r = !1) {
-    const t = e ? e instanceof c ? e : this.data.lookup.get(e) : this.data.focusProvider.focusedItem.get();
-    if (!t) return;
-    const s = t.deselect(!1);
-    this.selectedKeys.set(i(this.selectedKeys.get(), s));
-  }
-}
-export {
-  u as SingleSelectionProvider
-};

package/dist/banner.d.ts

@@ -1,16 +0,0 @@
-import { ClassProp } from 'class-variance-authority/types';
-import { JSX } from 'react/jsx-runtime';
-import { VariantProps } from 'class-variance-authority';
-
-export declare function Banner({ className, size, variant, dismissible, children, ...props }: BannerProps): JSX.Element | null;
-
-export declare interface BannerProps extends VariantProps<typeof bannerVariants>, React.ComponentProps<"div"> {
-    dismissible?: boolean;
-}
-
-declare const bannerVariants: (props?: ({
-    variant?: "default" | "alert" | null | undefined;
-    size?: "default" | "sm" | "lg" | null | undefined;
-} & ClassProp) | undefined) => string;
-
-export { }

package/dist/banner.js

@@ -1,42 +0,0 @@
-import { jsxs as m, jsx as t } from "react/jsx-runtime";
-import { c as l } from "./index-CQhYMnjT.js";
-import { c as d } from "./utils-CRiPKpXj.js";
-import { useState as f } from "react";
-import { Button as p } from "./button.js";
-import { c as u } from "./createLucideIcon-CzehbSja.js";
-/**
- * @license lucide-react v0.544.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const x = [
-  ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
-  ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
-], b = u("x", x), v = l("flex flex-row items-center justify-between px-(--spacing-section) text-sm", {
-  variants: {
-    variant: {
-      default: "bg-complement-3 text-white",
-      alert: "bg-complement-2-200 text-black"
-    },
-    size: {
-      default: "py-2",
-      sm: "py-1",
-      lg: "py-3 text-md font-semibold"
-    }
-  },
-  defaultVariants: {
-    variant: "default",
-    size: "default"
-  }
-});
-function N({ className: e, size: a, variant: s, dismissible: i, children: n, ...r }) {
-  const [o, c] = f(!1);
-  return o ? null : /* @__PURE__ */ m("div", { "data-slot": "banner", className: d(v({ variant: s, size: a }), e), ...r, children: [
-    /* @__PURE__ */ t("div", { className: "flex-auto text-center", children: n }),
-    i && /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(p, { variant: "ghost", size: "icon", className: "size-6 text-white", onClick: () => c(!0), children: /* @__PURE__ */ t(b, {}) }) })
-  ] });
-}
-export {
-  N as Banner
-};

package/dist/button.d.ts

@@ -1,17 +0,0 @@
-import { ClassProp } from 'class-variance-authority/types';
-import { JSX } from 'react/jsx-runtime';
-import { VariantProps } from 'class-variance-authority';
-
-export declare function Button({ className, variant, size, block, asChild, ...props }: ButtonProps): JSX.Element;
-
-export declare type ButtonProps = React.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
-    asChild?: boolean;
-};
-
-export declare const buttonVariants: (props?: ({
-    variant?: "default" | "secondary" | "outline" | "ghost" | "item" | "destructive" | null | undefined;
-    block?: boolean | null | undefined;
-    size?: "text" | "default" | "sm" | "lg" | "icon" | null | undefined;
-} & ClassProp) | undefined) => string;
-
-export { }

package/dist/caption.d.ts

@@ -1,13 +0,0 @@
-import { ClassProp } from 'class-variance-authority/types';
-import { JSX } from 'react/jsx-runtime';
-import { VariantProps } from 'class-variance-authority';
-
-export declare function Caption({ className, variant, asChild, ...props }: React.ComponentProps<"div"> & VariantProps<typeof captionVariants> & {
-    asChild?: boolean;
-}): JSX.Element;
-
-export declare const captionVariants: (props?: ({
-    variant?: "default" | "light" | null | undefined;
-} & ClassProp) | undefined) => string;
-
-export { }

package/dist/caption.js

@@ -1,27 +0,0 @@
-import { jsx as n } from "react/jsx-runtime";
-import { S as i } from "./index-U7DVCmS_.js";
-import { c as e } from "./index-CQhYMnjT.js";
-import { c as m } from "./utils-CRiPKpXj.js";
-const s = e("tracking-tight text-balance", {
-  variants: {
-    variant: {
-      default: "scroll-mr-5 text-lg/5 font-bold text-secondary dark:text-foreground",
-      light: "scroll-mr-4 text-sm/4 font-normal text-primary"
-    }
-  },
-  defaultVariants: {
-    variant: "default"
-  }
-});
-function x({
-  className: t,
-  variant: a,
-  asChild: r = !1,
-  ...o
-}) {
-  return /* @__PURE__ */ n(r ? i : "div", { className: m(s({ variant: a, className: t })), ...o });
-}
-export {
-  x as Caption,
-  s as captionVariants
-};

package/dist/card.d.ts

@@ -1,46 +0,0 @@
-import { ClassProp } from 'class-variance-authority/types';
-import { JSX } from 'react/jsx-runtime';
-import { VariantProps } from 'class-variance-authority';
-
-export declare function Card<T extends boolean = false>({ className, asLink, bordered, rounded, ...props }: CardProps<T>): JSX.Element;
-
-export declare function CardArea({ name, className, ...props }: CardAreaProps): JSX.Element;
-
-declare type CardAreaProps = React.ComponentProps<"div"> & {
-    name: string;
-};
-
-export declare function CardCaption(props: React.ComponentProps<"div">): JSX.Element;
-
-export declare function CardContent(props: React.ComponentProps<"div">): JSX.Element;
-
-export declare function CardImage({ className, ...props }: React.ComponentProps<"img">): JSX.Element;
-
-export declare function CardItemGroup({ className, ...props }: React.ComponentProps<"div">): JSX.Element;
-
-export declare function CardMedia({ className, ...props }: React.ComponentProps<"div">): JSX.Element;
-
-export declare function CardMeta(props: React.ComponentProps<"div">): JSX.Element;
-
-export declare type CardProps<T extends boolean> = (T extends true ? React.ComponentProps<"a"> : React.ComponentProps<"div">) & VariantProps<typeof cardVariants> & {
-    asLink?: T;
-};
-
-export declare function CardSubcaption(props: React.ComponentProps<"div">): JSX.Element;
-
-export declare function CardSubtitle({ size, className, ...props }: CardTitleProps): JSX.Element;
-
-export declare function CardTitle({ size, className, ...props }: CardTitleProps): JSX.Element;
-
-declare type CardTitleProps = React.ComponentProps<"div"> & {
-    size?: "sm" | "md" | "lg";
-};
-
-export declare function CardToolbar({ className, ...props }: React.ComponentProps<"div">): JSX.Element;
-
-declare const cardVariants: (props?: ({
-    bordered?: boolean | null | undefined;
-    rounded?: boolean | null | undefined;
-} & ClassProp) | undefined) => string;
-
-export { }

package/dist/card.js

@@ -1,108 +0,0 @@
-import { jsx as e } from "react/jsx-runtime";
-import { c as t } from "./utils-CRiPKpXj.js";
-import { Caption as d } from "./caption.js";
-import { c as u } from "./index-CQhYMnjT.js";
-const m = u("group @container/card w-full max-w-full bg-card text-card-foreground grid gap-(--gap-card)", {
-  variants: {
-    bordered: {
-      true: "p-(--spacing-card) border border-complement-1-100  dark:border-brand-1-900 ",
-      false: ""
-    },
-    rounded: {
-      true: "rounded-2xl",
-      false: ""
-    }
-  },
-  defaultVariants: {
-    bordered: !1,
-    rounded: !1
-  }
-});
-function C({ className: r, asLink: a, bordered: n, rounded: o, ...c }) {
-  const i = a ? "a" : "div", l = a ? "transition-all hover:bg-complement-1-50 dark:hover:bg-gray-900" : "";
-  return (
-    //@ts-expect-error: props type will be correct
-    /* @__PURE__ */ e(i, { "data-slot": "card", className: t(m({ bordered: n, rounded: o }), l, r), ...c })
-  );
-}
-function b({ name: r, className: a, ...n }) {
-  return /* @__PURE__ */ e(
-    "div",
-    {
-      style: { gridArea: r },
-      className: t("@container/card-area relative flex flex-col gap-(--gap-card-area)", a),
-      ...n
-    }
-  );
-}
-function h({ className: r, ...a }) {
-  return /* @__PURE__ */ e("div", { className: t("flex flex-col gap-(--gap-card-item-group)", r), ...a });
-}
-function x({ size: r = "md", className: a, ...n }) {
-  return /* @__PURE__ */ e(
-    "div",
-    {
-      className: t(
-        {
-          "heading-1": r === "lg",
-          "heading-2": r === "md",
-          "heading-3": r === "sm"
-        },
-        a
-      ),
-      ...n
-    }
-  );
-}
-function N({ size: r = "md", className: a, ...n }) {
-  return /* @__PURE__ */ e(
-    "div",
-    {
-      className: t(
-        "text-secondary",
-        {
-          "heading-1": r === "lg",
-          "heading-2": r === "md",
-          "heading-3": r === "sm"
-        },
-        a
-      ),
-      ...n
-    }
-  );
-}
-function w(r) {
-  return /* @__PURE__ */ e(d, { ...r });
-}
-function j(r) {
-  return /* @__PURE__ */ e(d, { variant: "light", ...r });
-}
-function y(r) {
-  return /* @__PURE__ */ e(d, { variant: "light", ...r });
-}
-function k(r) {
-  return /* @__PURE__ */ e("div", { ...r });
-}
-function A({ className: r, ...a }) {
-  return /* @__PURE__ */ e("div", { className: t("flex flex-wrap items-center gap-(--gap-card-item-group)", r), ...a });
-}
-function s({ className: r, ...a }) {
-  return /* @__PURE__ */ e("div", { className: t("relative w-full h-full", r), ...a });
-}
-function I({ className: r, ...a }) {
-  return /* @__PURE__ */ e(s, { children: /* @__PURE__ */ e("img", { className: t("w-full h-full rounded-lg aspect-9/5 object-cover object-top", r), ...a }) });
-}
-export {
-  C as Card,
-  b as CardArea,
-  w as CardCaption,
-  k as CardContent,
-  I as CardImage,
-  h as CardItemGroup,
-  s as CardMedia,
-  y as CardMeta,
-  j as CardSubcaption,
-  N as CardSubtitle,
-  x as CardTitle,
-  A as CardToolbar
-};

package/dist/composite-component-DSUbd1XS.js

@@ -1,122 +0,0 @@
-import { jsxs as h, jsx as b } from "react/jsx-runtime";
-import { useRef as S, useCallback as $, useSyncExternalStore as C, useMemo as g, useId as P, useImperativeHandle as m } from "react";
-function w(o, r, e) {
-  let t = new Set(r).add(void 0);
-  return o.listen((s, l, n) => {
-    t.has(n) && e(s, l, n);
-  });
-}
-let f = (o, r) => (e) => {
-  o.current !== e && (o.current = e, r());
-};
-function R(o, { keys: r, deps: e = [o, r] } = {}) {
-  let t = S();
-  t.current = o.get();
-  let s = $((n) => (f(t, n)(o.value), r?.length > 0 ? w(o, r, f(t, n)) : o.listen(f(t, n))), e), l = () => t.current;
-  return C(s, l, l);
-}
-function v({
-  id: o,
-  className: r,
-  item: e,
-  role: t,
-  itemMouseEventHandler: s,
-  itemKeyboardEventHandler: l,
-  render: n
-}) {
-  const i = R(e.data), u = R(e.state), c = g(() => u.disabled ? {} : {
-    mouseEventHandler: () => s?.(e),
-    keyboardEventHandler: () => l?.(e)
-  }, [u.disabled, e, l, s]);
-  return /* @__PURE__ */ h(
-    "div",
-    {
-      id: o,
-      role: t,
-      "aria-disabled": u.disabled,
-      "data-key": e.key,
-      tabIndex: u.disabled ? void 0 : u.focused ? 0 : -1,
-      className: r,
-      children: [
-        n({ data: i, key: e.key, level: e.level }, u, c),
-        e.children && e.children.length > 0 && [...e.children].map((d) => /* @__PURE__ */ b(
-          v,
-          {
-            id: `${o}-${e.key}`,
-            role: t,
-            item: d,
-            render: n,
-            className: r,
-            itemMouseEventHandler: s,
-            itemKeyboardEventHandler: l
-          },
-          d.key
-        ))
-      ]
-    }
-  );
-}
-function j(o) {
-  return o ?? P();
-}
-const q = {
-  listbox: {
-    rootRole: "listbox",
-    groupRole: "group",
-    itemRole: "option"
-  },
-  grid: {
-    rootRole: "grid",
-    groupRole: "rowgroup",
-    itemRole: "row"
-  },
-  custom: void 0
-};
-function B({
-  data: o,
-  variant: r,
-  rootRole: e,
-  itemRole: t,
-  groupRole: s,
-  renderItem: l,
-  className: n,
-  itemClassName: i,
-  ref: u,
-  handleRef: c,
-  id: d,
-  itemMouseEventHandler: x,
-  itemKeyboardEventHandler: y,
-  ...I
-}) {
-  const k = j(d);
-  m(
-    c,
-    () => ({
-      focusProvider: o.focusProvider,
-      selectionProvider: o.selectionProvider
-    }),
-    [o]
-  );
-  const a = g(
-    () => q[r] ?? { rootRole: e, groupRole: s, itemRole: t },
-    [s, t, e, r]
-  );
-  return /* @__PURE__ */ b("div", { ref: u, id: k, className: n, tabIndex: -1, role: a.rootRole, ...I, children: [...o].map((p) => /* @__PURE__ */ b(
-    v,
-    {
-      className: i,
-      id: `${k}-${p.key}`,
-      role: a.itemRole,
-      groupRole: a.groupRole,
-      item: p,
-      render: l,
-      itemMouseEventHandler: x,
-      itemKeyboardEventHandler: y
-    },
-    p.key
-  )) });
-}
-export {
-  B as C,
-  v as a
-};