@bccampus/ui-components 0.1.0 → 0.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (65) hide show
  1. package/dist/banner.d.ts +16 -0
  2. package/dist/banner.js +42 -0
  3. package/dist/button.d.ts +5 -4
  4. package/dist/button.js +20 -14
  5. package/dist/caption.js +9 -8
  6. package/dist/card.d.ts +15 -9
  7. package/dist/card.js +62 -84
  8. package/dist/createLucideIcon-CzehbSja.js +94 -0
  9. package/dist/horizontal-list.d.ts +9 -2
  10. package/dist/horizontal-list.js +47 -115
  11. package/dist/icon-generator.d.ts +2 -1
  12. package/dist/icon-generator.js +180 -147
  13. package/dist/index-CQhYMnjT.js +34 -0
  14. package/dist/index-DlfV3JTY.js +70 -0
  15. package/dist/input.d.ts +7 -0
  16. package/dist/input.js +18 -0
  17. package/dist/masked-image-generator.d.ts +1 -0
  18. package/dist/overlay.d.ts +13 -0
  19. package/dist/overlay.js +27 -0
  20. package/dist/page-header.d.ts +5 -0
  21. package/dist/page-header.js +943 -0
  22. package/dist/page-section.d.ts +14 -0
  23. package/dist/page-section.js +31 -0
  24. package/dist/page.d.ts +7 -0
  25. package/dist/page.js +8 -0
  26. package/dist/search-input.d.ts +7 -0
  27. package/dist/search-input.js +23 -0
  28. package/dist/tag.d.ts +2 -2
  29. package/dist/tag.js +10 -9
  30. package/dist/ui-components.d.ts +84 -29
  31. package/dist/ui-components.js +42 -27
  32. package/package.json +44 -15
  33. package/src/assets/images/image_06.jpg +0 -0
  34. package/src/components/ui/banner.tsx +48 -0
  35. package/src/components/ui/button.tsx +52 -47
  36. package/src/components/ui/card.tsx +131 -147
  37. package/src/components/ui/horizontal-list.tsx +75 -50
  38. package/src/components/ui/icon-generator/generate-tiles.tsx +243 -243
  39. package/src/components/ui/icon-generator/icon-generator.tsx +84 -51
  40. package/src/components/ui/icon-generator/masked-image-generator.tsx +38 -38
  41. package/src/components/ui/icon-generator/types.ts +53 -52
  42. package/src/components/ui/index.ts +11 -4
  43. package/src/components/ui/input.tsx +17 -0
  44. package/src/components/ui/overlay.tsx +29 -0
  45. package/src/components/ui/page-header.tsx +16 -0
  46. package/src/components/ui/page-section.tsx +33 -0
  47. package/src/components/ui/page.tsx +9 -0
  48. package/src/components/ui/search-input.tsx +16 -0
  49. package/src/components/ui/tag.tsx +39 -39
  50. package/src/components/ui/typography/caption.tsx +32 -32
  51. package/src/styles/all.css +4 -4
  52. package/src/styles/colors.css +9 -10
  53. package/src/styles/index.css +7 -7
  54. package/src/styles/theme.css +56 -2
  55. package/src/styles/typography.css +480 -479
  56. package/tsconfig.app.json +37 -37
  57. package/vite.config.ts +51 -44
  58. package/dist/@bccampus-ui-components-0.1.0.tgz +0 -0
  59. package/dist/index-DcqAdr0d.js +0 -102
  60. package/dist/mockServiceWorker.js +0 -348
  61. package/public/mockServiceWorker.js +0 -348
  62. package/src/assets/images/bg_pattern_01.png +0 -0
  63. package/src/assets/images/bg_pattern_02.png +0 -0
  64. package/src/assets/images/bg_pattern_03.png +0 -0
  65. package/src/assets/images/bg_pattern_04.png +0 -0
@@ -0,0 +1,34 @@
1
+ import { a as O } from "./utils-CRiPKpXj.js";
2
+ const m = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, y = O, j = (e, l) => (n) => {
3
+ var u;
4
+ if (l?.variants == null) return y(e, n?.class, n?.className);
5
+ const { variants: r, defaultVariants: d } = l, V = Object.keys(r).map((t) => {
6
+ const a = n?.[t], s = d?.[t];
7
+ if (a === null) return null;
8
+ const i = m(a) || m(s);
9
+ return r[t][i];
10
+ }), v = n && Object.entries(n).reduce((t, a) => {
11
+ let [s, i] = a;
12
+ return i === void 0 || (t[s] = i), t;
13
+ }, {}), N = l == null || (u = l.compoundVariants) === null || u === void 0 ? void 0 : u.reduce((t, a) => {
14
+ let { class: s, className: i, ...f } = a;
15
+ return Object.entries(f).every((C) => {
16
+ let [c, o] = C;
17
+ return Array.isArray(o) ? o.includes({
18
+ ...d,
19
+ ...v
20
+ }[c]) : {
21
+ ...d,
22
+ ...v
23
+ }[c] === o;
24
+ }) ? [
25
+ ...t,
26
+ s,
27
+ i
28
+ ] : t;
29
+ }, []);
30
+ return y(e, V, N, n?.class, n?.className);
31
+ };
32
+ export {
33
+ j as c
34
+ };
@@ -0,0 +1,70 @@
1
+ import * as i from "react";
2
+ import { j as p } from "./jsx-runtime-BzflLqGi.js";
3
+ function d(n, t) {
4
+ if (typeof n == "function")
5
+ return n(t);
6
+ n != null && (n.current = t);
7
+ }
8
+ function m(...n) {
9
+ return (t) => {
10
+ let r = !1;
11
+ const o = n.map((e) => {
12
+ const l = d(e, t);
13
+ return !r && typeof l == "function" && (r = !0), l;
14
+ });
15
+ if (r)
16
+ return () => {
17
+ for (let e = 0; e < o.length; e++) {
18
+ const l = o[e];
19
+ typeof l == "function" ? l() : d(n[e], null);
20
+ }
21
+ };
22
+ };
23
+ }
24
+ // @__NO_SIDE_EFFECTS__
25
+ function S(n) {
26
+ const t = /* @__PURE__ */ g(n), r = i.forwardRef((o, e) => {
27
+ const { children: l, ...c } = o, s = i.Children.toArray(l), a = s.find(C);
28
+ if (a) {
29
+ const u = a.props.children, y = s.map((f) => f === a ? i.Children.count(u) > 1 ? i.Children.only(null) : i.isValidElement(u) ? u.props.children : null : f);
30
+ return /* @__PURE__ */ p.jsx(t, { ...c, ref: e, children: i.isValidElement(u) ? i.cloneElement(u, void 0, y) : null });
31
+ }
32
+ return /* @__PURE__ */ p.jsx(t, { ...c, ref: e, children: l });
33
+ });
34
+ return r.displayName = `${n}.Slot`, r;
35
+ }
36
+ var j = /* @__PURE__ */ S("Slot");
37
+ // @__NO_SIDE_EFFECTS__
38
+ function g(n) {
39
+ const t = i.forwardRef((r, o) => {
40
+ const { children: e, ...l } = r;
41
+ if (i.isValidElement(e)) {
42
+ const c = h(e), s = R(l, e.props);
43
+ return e.type !== i.Fragment && (s.ref = o ? m(o, c) : c), i.cloneElement(e, s);
44
+ }
45
+ return i.Children.count(e) > 1 ? i.Children.only(null) : null;
46
+ });
47
+ return t.displayName = `${n}.SlotClone`, t;
48
+ }
49
+ var E = Symbol("radix.slottable");
50
+ function C(n) {
51
+ return i.isValidElement(n) && typeof n.type == "function" && "__radixId" in n.type && n.type.__radixId === E;
52
+ }
53
+ function R(n, t) {
54
+ const r = { ...t };
55
+ for (const o in t) {
56
+ const e = n[o], l = t[o];
57
+ /^on[A-Z]/.test(o) ? e && l ? r[o] = (...s) => {
58
+ const a = l(...s);
59
+ return e(...s), a;
60
+ } : e && (r[o] = e) : o === "style" ? r[o] = { ...e, ...l } : o === "className" && (r[o] = [e, l].filter(Boolean).join(" "));
61
+ }
62
+ return { ...n, ...r };
63
+ }
64
+ function h(n) {
65
+ let t = Object.getOwnPropertyDescriptor(n.props, "ref")?.get, r = t && "isReactWarning" in t && t.isReactWarning;
66
+ return r ? n.ref : (t = Object.getOwnPropertyDescriptor(n, "ref")?.get, r = t && "isReactWarning" in t && t.isReactWarning, r ? n.props.ref : n.props.ref || n.ref);
67
+ }
68
+ export {
69
+ j as S
70
+ };
@@ -0,0 +1,7 @@
1
+ import { JSX } from 'react/jsx-runtime';
2
+
3
+ export declare function Input({ className, ...props }: InputProps): JSX.Element;
4
+
5
+ export declare type InputProps = React.ComponentProps<"input">;
6
+
7
+ export { }
package/dist/input.js ADDED
@@ -0,0 +1,18 @@
1
+ import { j as n } from "./jsx-runtime-BzflLqGi.js";
2
+ import { c as i } from "./utils-CRiPKpXj.js";
3
+ function t({ className: r, ...e }) {
4
+ return /* @__PURE__ */ n.jsx(
5
+ "input",
6
+ {
7
+ className: i(
8
+ "w-full p-2 pr-8 text-brand-1 placeholder:text-brand-1 rounded-sm bg-complement-1-50 outline-none focus-visible:border-ring focus-visible:ring-ring focus-visible:ring-2",
9
+ r
10
+ ),
11
+ name: "search",
12
+ ...e
13
+ }
14
+ );
15
+ }
16
+ export {
17
+ t as Input
18
+ };
@@ -6,6 +6,7 @@ declare interface IconGeneratorProps extends Omit<React.ComponentProps<"svg">, "
6
6
  tileSize?: number;
7
7
  tileClassName?: string;
8
8
  tileBgClassName?: string;
9
+ fit?: "none" | "fill" | "width" | "height";
9
10
  renderChildren?: (paths: (JSX.Element | null)[], width: number, height: number) => React.ReactNode;
10
11
  }
11
12
 
@@ -0,0 +1,13 @@
1
+ import { ClassProp } from 'class-variance-authority/types';
2
+ import { JSX } from 'react/jsx-runtime';
3
+ import { VariantProps } from 'class-variance-authority';
4
+
5
+ export declare function Overlay({ className, position, ...props }: OverlayProps): JSX.Element;
6
+
7
+ export declare type OverlayProps = React.ComponentProps<"div"> & VariantProps<typeof overlayVariants>;
8
+
9
+ declare const overlayVariants: (props?: ({
10
+ position?: "b" | "br" | "tr" | "r" | "t" | "l" | "tl" | "bl" | "c" | null | undefined;
11
+ } & ClassProp) | undefined) => string;
12
+
13
+ export { }
@@ -0,0 +1,27 @@
1
+ import { j as a } from "./jsx-runtime-BzflLqGi.js";
2
+ import { c as e } from "./utils-CRiPKpXj.js";
3
+ import { c as n } from "./index-CQhYMnjT.js";
4
+ const i = n("absolute w-fit h-fit z-1 overflow-hidden p-0.25", {
5
+ variants: {
6
+ position: {
7
+ t: "top-0 left-1/2 -translate-x-1/2",
8
+ b: "bottom-0 left-1/2 -translate-x-1/2",
9
+ l: "top-1/2 left-0 -translate-y-1/2",
10
+ r: "top-1/2 right-0 -translate-y-1/2",
11
+ tl: "top-0 left-0 rounded-tl-container",
12
+ tr: "top-0 right-0 rounded-tr-container",
13
+ bl: "bottom-0 left-0 rounded-bl-container",
14
+ br: "bottom-0 right-0 rounded-br-container",
15
+ c: "top-1/2 left-1/2 -translate-1/2"
16
+ }
17
+ },
18
+ defaultVariants: {
19
+ position: "br"
20
+ }
21
+ });
22
+ function p({ className: t, position: o, ...r }) {
23
+ return /* @__PURE__ */ a.jsx("div", { className: e(i({ position: o }), t), ...r });
24
+ }
25
+ export {
26
+ p as Overlay
27
+ };
@@ -0,0 +1,5 @@
1
+ import { JSX } from 'react/jsx-runtime';
2
+
3
+ export declare function PageHeader({ children, ...props }: React.ComponentProps<"div">): JSX.Element;
4
+
5
+ export { }