@jbpark/ui-kit 1.0.0

package/dist/Typography-LYvEW-c8.mjs

@@ -0,0 +1,72 @@
+import { t as cn } from "./utils-DEenfsJ-.mjs";
+import { t as TEXT_LEVELS } from "./enums-HFC1lmIX.mjs";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/atoms/Typography/Link/index.tsx
+const Link = ({ children, className, level, ...props }) => {
+	return /* @__PURE__ */ jsx("a", {
+		className: cn("underline-offset-1 hover:underline", level ? TEXT_LEVELS[level] : "", className),
+		...props,
+		children
+	});
+};
+var Link_default = Link;
+
+//#endregion
+//#region src/components/atoms/Typography/Paragraph/index.tsx
+const Paragraph = ({ children, className, level, ...props }) => {
+	return /* @__PURE__ */ jsx("p", {
+		...props,
+		className: cn(level ? TEXT_LEVELS[level] : "", className),
+		children
+	});
+};
+var Paragraph_default = Paragraph;
+
+//#endregion
+//#region src/components/atoms/Typography/Text/index.tsx
+const Text = ({ children, underline, strong, className, level, ...props }) => {
+	return /* @__PURE__ */ jsx("span", {
+		className: cn("text-nowrap", level ? TEXT_LEVELS[level] : "", underline && "underline", strong && "font-bold", className),
+		...props,
+		children
+	});
+};
+var Text_default = Text;
+
+//#endregion
+//#region src/components/atoms/Typography/Title/index.tsx
+const styles = {
+	h1: "text-6xl",
+	h2: "text-5xl",
+	h3: "text-4xl",
+	h4: "text-3xl",
+	h5: "text-2xl",
+	h6: "text-xl"
+};
+const Title = ({ children, level = 1, className, ...props }) => {
+	const Element = level < 1 || level > 6 ? "h1" : `h${level}`;
+	return /* @__PURE__ */ jsx(Element, {
+		className: cn("leading-snug font-bold", styles[Element], className),
+		...props,
+		children
+	});
+};
+var Title_default = Title;
+
+//#endregion
+//#region src/components/atoms/Typography/index.tsx
+const Typography = ({ children, ...props }) => {
+	return /* @__PURE__ */ jsx("article", {
+		...props,
+		children
+	});
+};
+Typography.Link = Link_default;
+Typography.Paragraph = Paragraph_default;
+Typography.Text = Text_default;
+Typography.Title = Title_default;
+var Typography_default = Typography;
+
+//#endregion
+export { Link_default as a, Paragraph_default as i, Title_default as n, Text_default as r, Typography_default as t };

package/dist/Typography.cjs

@@ -0,0 +1,9 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+require('./utils-8r5MlYq5.cjs');
+const require_Typography = require('./Typography-B3MWBAA6.cjs');
+
+exports.Link = require_Typography.Link_default;
+exports.Paragraph = require_Typography.Paragraph_default;
+exports.Text = require_Typography.Text_default;
+exports.Title = require_Typography.Title_default;
+exports.default = require_Typography.Typography_default;

package/dist/Typography.d.cts

@@ -0,0 +1,2 @@
+import { a as Paragraph, i as Text, n as TypographyProps, o as Link, r as Title, t as Typography } from "./index-Cu2qFRc3.cjs";
+export { Link, Paragraph, Text, Title, TypographyProps, Typography as default };

package/dist/Typography.d.mts

@@ -0,0 +1,2 @@
+import { a as Paragraph, i as Text, n as TypographyProps, o as Link, r as Title, t as Typography } from "./index-BqaluEQ4.mjs";
+export { Link, Paragraph, Text, Title, TypographyProps, Typography as default };

package/dist/Typography.mjs

@@ -0,0 +1,4 @@
+import "./utils-DEenfsJ-.mjs";
+import { a as Link_default, i as Paragraph_default, n as Title_default, r as Text_default, t as Typography_default } from "./Typography-LYvEW-c8.mjs";
+
+export { Link_default as Link, Paragraph_default as Paragraph, Text_default as Text, Title_default as Title, Typography_default as default };

package/dist/enums-CP_LwqBM.cjs

@@ -0,0 +1,18 @@
+
+//#region src/lib/enums/index.ts
+const TEXT_LEVELS = {
+	1: "text-2xl",
+	2: "text-xl",
+	3: "text-lg",
+	4: "text-base",
+	5: "text-sm",
+	6: "text-xs"
+};
+
+//#endregion
+Object.defineProperty(exports, 'TEXT_LEVELS', {
+  enumerable: true,
+  get: function () {
+    return TEXT_LEVELS;
+  }
+});

package/dist/enums-HFC1lmIX.mjs

@@ -0,0 +1,12 @@
+//#region src/lib/enums/index.ts
+const TEXT_LEVELS = {
+	1: "text-2xl",
+	2: "text-xl",
+	3: "text-lg",
+	4: "text-base",
+	5: "text-sm",
+	6: "text-xs"
+};
+
+//#endregion
+export { TEXT_LEVELS as t };

package/dist/enums.cjs

@@ -0,0 +1,3 @@
+const require_enums = require('./enums-CP_LwqBM.cjs');
+
+exports.TEXT_LEVELS = require_enums.TEXT_LEVELS;

package/dist/enums.d.cts

@@ -0,0 +1,4 @@
+//#region src/lib/enums/index.d.ts
+declare const TEXT_LEVELS: Record<string, string>;
+//#endregion
+export { TEXT_LEVELS };

package/dist/enums.d.mts

@@ -0,0 +1,4 @@
+//#region src/lib/enums/index.d.ts
+declare const TEXT_LEVELS: Record<string, string>;
+//#endregion
+export { TEXT_LEVELS };

package/dist/enums.mjs

@@ -0,0 +1,3 @@
+import { t as TEXT_LEVELS } from "./enums-HFC1lmIX.mjs";
+
+export { TEXT_LEVELS };

package/dist/globals.css

@@ -0,0 +1,125 @@
+@import 'tailwindcss';
+@import 'tw-animate-css';
+
+@config "../tailwind.config.js";
+
+@custom-variant dark (&:is(.dark *));
+
+:root {
+  --background: oklch(1 0 0);
+  --foreground: oklch(0.145 0 0);
+  --card: oklch(1 0 0);
+  --card-foreground: oklch(0.145 0 0);
+  --popover: oklch(1 0 0);
+  --popover-foreground: oklch(0.145 0 0);
+  --primary: oklch(0.205 0 0);
+  --primary-foreground: oklch(0.985 0 0);
+  --secondary: oklch(0.97 0 0);
+  --secondary-foreground: oklch(0.205 0 0);
+  --muted: oklch(0.97 0 0);
+  --muted-foreground: oklch(0.556 0 0);
+  --accent: oklch(0.97 0 0);
+  --accent-foreground: oklch(0.205 0 0);
+  --destructive: oklch(0.577 0.245 27.325);
+  --destructive-foreground: oklch(0.577 0.245 27.325);
+  --border: oklch(0.922 0 0);
+  --input: oklch(0.922 0 0);
+  --ring: oklch(0.708 0 0);
+  --chart-1: oklch(0.646 0.222 41.116);
+  --chart-2: oklch(0.6 0.118 184.704);
+  --chart-3: oklch(0.398 0.07 227.392);
+  --chart-4: oklch(0.828 0.189 84.429);
+  --chart-5: oklch(0.769 0.188 70.08);
+  --radius: 0.625rem;
+  --sidebar: oklch(0.985 0 0);
+  --sidebar-foreground: oklch(0.145 0 0);
+  --sidebar-primary: oklch(0.205 0 0);
+  --sidebar-primary-foreground: oklch(0.985 0 0);
+  --sidebar-accent: oklch(0.97 0 0);
+  --sidebar-accent-foreground: oklch(0.205 0 0);
+  --sidebar-border: oklch(0.922 0 0);
+  --sidebar-ring: oklch(0.708 0 0);
+}
+
+.dark {
+  --background: oklch(0.145 0 0);
+  --foreground: oklch(0.985 0 0);
+  --card: oklch(0.145 0 0);
+  --card-foreground: oklch(0.985 0 0);
+  --popover: oklch(0.145 0 0);
+  --popover-foreground: oklch(0.985 0 0);
+  --primary: oklch(0.985 0 0);
+  --primary-foreground: oklch(0.205 0 0);
+  --secondary: oklch(0.269 0 0);
+  --secondary-foreground: oklch(0.985 0 0);
+  --muted: oklch(0.269 0 0);
+  --muted-foreground: oklch(0.708 0 0);
+  --accent: oklch(0.269 0 0);
+  --accent-foreground: oklch(0.985 0 0);
+  --destructive: oklch(0.396 0.141 25.723);
+  --destructive-foreground: oklch(0.637 0.237 25.331);
+  --border: oklch(0.269 0 0);
+  --input: oklch(0.269 0 0);
+  --ring: oklch(0.439 0 0);
+  --chart-1: oklch(0.488 0.243 264.376);
+  --chart-2: oklch(0.696 0.17 162.48);
+  --chart-3: oklch(0.769 0.188 70.08);
+  --chart-4: oklch(0.627 0.265 303.9);
+  --chart-5: oklch(0.645 0.246 16.439);
+  --sidebar: oklch(0.205 0 0);
+  --sidebar-foreground: oklch(0.985 0 0);
+  --sidebar-primary: oklch(0.488 0.243 264.376);
+  --sidebar-primary-foreground: oklch(0.985 0 0);
+  --sidebar-accent: oklch(0.269 0 0);
+  --sidebar-accent-foreground: oklch(0.985 0 0);
+  --sidebar-border: oklch(0.269 0 0);
+  --sidebar-ring: oklch(0.439 0 0);
+}
+
+@theme inline {
+  --color-background: var(--background);
+  --color-foreground: var(--foreground);
+  --color-card: var(--card);
+  --color-card-foreground: var(--card-foreground);
+  --color-popover: var(--popover);
+  --color-popover-foreground: var(--popover-foreground);
+  --color-primary: var(--primary);
+  --color-primary-foreground: var(--primary-foreground);
+  --color-secondary: var(--secondary);
+  --color-secondary-foreground: var(--secondary-foreground);
+  --color-muted: var(--muted);
+  --color-muted-foreground: var(--muted-foreground);
+  --color-accent: var(--accent);
+  --color-accent-foreground: var(--accent-foreground);
+  --color-destructive: var(--destructive);
+  --color-destructive-foreground: var(--destructive-foreground);
+  --color-border: var(--border);
+  --color-input: var(--input);
+  --color-ring: var(--ring);
+  --color-chart-1: var(--chart-1);
+  --color-chart-2: var(--chart-2);
+  --color-chart-3: var(--chart-3);
+  --color-chart-4: var(--chart-4);
+  --color-chart-5: var(--chart-5);
+  --radius-sm: calc(var(--radius) - 4px);
+  --radius-md: calc(var(--radius) - 2px);
+  --radius-lg: var(--radius);
+  --radius-xl: calc(var(--radius) + 4px);
+  --color-sidebar: var(--sidebar);
+  --color-sidebar-foreground: var(--sidebar-foreground);
+  --color-sidebar-primary: var(--sidebar-primary);
+  --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
+  --color-sidebar-accent: var(--sidebar-accent);
+  --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
+  --color-sidebar-border: var(--sidebar-border);
+  --color-sidebar-ring: var(--sidebar-ring);
+}
+
+@layer base {
+  * {
+    @apply border-border outline-ring/50;
+  }
+  body {
+    @apply bg-background text-foreground;
+  }
+}

package/dist/index-BO7hcWjo.d.mts

@@ -0,0 +1,59 @@
+import * as react_jsx_runtime6 from "react/jsx-runtime";
+
+//#region src/components/molecules/Menu/index.d.ts
+interface MenuItem {
+  label: React.ReactNode;
+  key: React.Key;
+  type?: string;
+  itemKey?: React.Key;
+  keyPath?: React.Key[];
+  path?: string;
+  children?: MenuItem[];
+}
+interface Props {
+  fullSize?: boolean;
+  mode?: 'horizontal' | 'vertical' | 'inline';
+  selectedKeys?: React.Key[];
+  defaultSelectedKeys?: React.Key[];
+  offset?: [number, number];
+  inlineOffset?: number;
+  classNames?: {
+    rootItem?: string;
+    subMenu?: string;
+    item?: string;
+    label?: string;
+  };
+  styles?: {
+    rootItem?: React.CSSProperties;
+    subMenu?: React.CSSProperties;
+    item?: React.CSSProperties;
+    label?: React.CSSProperties;
+  };
+  onClick?: ClickEventHandler;
+}
+interface MenuProps extends Props, Omit<React.HTMLAttributes<HTMLElement>, 'onClick'> {
+  items?: MenuItem[];
+}
+type ClickEventHandler = (params: {
+  domEvent: React.MouseEvent;
+  key: React.Key;
+  keyPath: React.Key[];
+  item: MenuItem;
+}) => void;
+declare function findKey(menu: MenuItem, targetKeys: React.Key[]): boolean;
+declare const Menu: ({
+  items,
+  mode,
+  fullSize,
+  defaultSelectedKeys: _defaultSelectedKeys,
+  selectedKeys: _selectedKeys,
+  className,
+  classNames,
+  styles,
+  offset,
+  inlineOffset,
+  onClick,
+  ...props
+}: MenuProps) => react_jsx_runtime6.JSX.Element;
+//#endregion
+export { findKey as a, MenuProps as i, Menu as n, MenuItem as r, ClickEventHandler as t };

package/dist/index-BqaluEQ4.d.mts

@@ -0,0 +1,83 @@
+import * as react_jsx_runtime8 from "react/jsx-runtime";
+
+//#region src/components/atoms/Typography/Link/index.d.ts
+interface Props$3 extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
+  level?: TypographyProps['level'];
+}
+declare const Link: ({
+  children,
+  className,
+  level,
+  ...props
+}: Props$3) => react_jsx_runtime8.JSX.Element;
+//#endregion
+//#region src/components/atoms/Typography/Paragraph/index.d.ts
+interface Props$2 extends TypographyProps {}
+declare const Paragraph: ({
+  children,
+  className,
+  level,
+  ...props
+}: Props$2) => react_jsx_runtime8.JSX.Element;
+//#endregion
+//#region src/components/atoms/Typography/Text/index.d.ts
+interface Props$1 extends TypographyProps {
+  underline?: boolean;
+  strong?: boolean;
+}
+declare const Text: ({
+  children,
+  underline,
+  strong,
+  className,
+  level,
+  ...props
+}: Props$1) => react_jsx_runtime8.JSX.Element;
+//#endregion
+//#region src/components/atoms/Typography/Title/index.d.ts
+interface Props extends TypographyProps {}
+declare const Title: ({
+  children,
+  level,
+  className,
+  ...props
+}: Props) => react_jsx_runtime8.JSX.Element;
+//#endregion
+//#region src/components/atoms/Typography/index.d.ts
+interface TypographyProps extends React.HTMLAttributes<HTMLElement> {
+  level?: 1 | 2 | 3 | 4 | 5 | 6;
+}
+declare const Typography: {
+  ({
+    children,
+    ...props
+  }: TypographyProps): react_jsx_runtime8.JSX.Element;
+  Link: ({
+    children,
+    className,
+    level,
+    ...props
+  }: Props$3) => react_jsx_runtime8.JSX.Element;
+  Paragraph: ({
+    children,
+    className,
+    level,
+    ...props
+  }: Props$2) => react_jsx_runtime8.JSX.Element;
+  Text: ({
+    children,
+    underline,
+    strong,
+    className,
+    level,
+    ...props
+  }: Props$1) => react_jsx_runtime8.JSX.Element;
+  Title: ({
+    children,
+    level,
+    className,
+    ...props
+  }: Props) => react_jsx_runtime8.JSX.Element;
+};
+//#endregion
+export { Paragraph as a, Text as i, TypographyProps as n, Link as o, Title as r, Typography as t };

package/dist/index-CdyEmwZC.d.cts

@@ -0,0 +1,97 @@
+import * as react_jsx_runtime11 from "react/jsx-runtime";
+import { MotionProps } from "motion/react";
+
+//#region src/components/molecules/Reveals/Item/index.d.ts
+declare const effectVariants: {
+  fadeIn: {
+    offscreen: {
+      opacity: number;
+    };
+    onscreen: {
+      opacity: number;
+    };
+  };
+  fadeInUp: {
+    offscreen: {
+      opacity: number;
+      y: number;
+    };
+    onscreen: {
+      opacity: number;
+      y: number;
+    };
+  };
+  slideInUp: {
+    offscreen: {
+      opacity: number;
+      y: number;
+    };
+    onscreen: {
+      opacity: number;
+      y: number;
+    };
+  };
+};
+interface ItemProps {
+  effect?: keyof typeof effectVariants;
+  delay?: number;
+  once?: boolean;
+  duration?: number;
+  className?: string;
+  children?: React.ReactNode;
+  viewport?: MotionProps['viewport'];
+  variants?: MotionProps['variants'];
+  transition?: MotionProps['transition'];
+}
+declare const Item: ({
+  effect,
+  children,
+  once,
+  viewport,
+  variants,
+  duration,
+  delay,
+  transition,
+  className,
+  ...props
+}: ItemProps) => react_jsx_runtime11.JSX.Element;
+//#endregion
+//#region src/components/molecules/Reveals/index.d.ts
+interface Props extends React.HTMLAttributes<HTMLDivElement>, ItemProps {
+  cascade?: number;
+  classNames?: {
+    root?: string;
+    item?: string;
+  };
+  once?: boolean;
+  items?: ItemProps[];
+}
+declare const DURATION = 0.6;
+declare const DELAY = 0;
+declare const CASCADE = 0.1;
+declare const Reveals: {
+  ({
+    children,
+    className,
+    classNames,
+    items,
+    cascade,
+    duration,
+    delay,
+    ...props
+  }: Props): react_jsx_runtime11.JSX.Element;
+  Item: ({
+    effect,
+    children,
+    once,
+    viewport,
+    variants,
+    duration,
+    delay,
+    transition,
+    className,
+    ...props
+  }: ItemProps) => react_jsx_runtime11.JSX.Element;
+};
+//#endregion
+export { Reveals as a, Props as i, DELAY as n, Item as o, DURATION as r, ItemProps as s, CASCADE as t };

package/dist/index-Cu2qFRc3.d.cts

@@ -0,0 +1,83 @@
+import * as react_jsx_runtime10 from "react/jsx-runtime";
+
+//#region src/components/atoms/Typography/Link/index.d.ts
+interface Props$3 extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
+  level?: TypographyProps['level'];
+}
+declare const Link: ({
+  children,
+  className,
+  level,
+  ...props
+}: Props$3) => react_jsx_runtime10.JSX.Element;
+//#endregion
+//#region src/components/atoms/Typography/Paragraph/index.d.ts
+interface Props$2 extends TypographyProps {}
+declare const Paragraph: ({
+  children,
+  className,
+  level,
+  ...props
+}: Props$2) => react_jsx_runtime10.JSX.Element;
+//#endregion
+//#region src/components/atoms/Typography/Text/index.d.ts
+interface Props$1 extends TypographyProps {
+  underline?: boolean;
+  strong?: boolean;
+}
+declare const Text: ({
+  children,
+  underline,
+  strong,
+  className,
+  level,
+  ...props
+}: Props$1) => react_jsx_runtime10.JSX.Element;
+//#endregion
+//#region src/components/atoms/Typography/Title/index.d.ts
+interface Props extends TypographyProps {}
+declare const Title: ({
+  children,
+  level,
+  className,
+  ...props
+}: Props) => react_jsx_runtime10.JSX.Element;
+//#endregion
+//#region src/components/atoms/Typography/index.d.ts
+interface TypographyProps extends React.HTMLAttributes<HTMLElement> {
+  level?: 1 | 2 | 3 | 4 | 5 | 6;
+}
+declare const Typography: {
+  ({
+    children,
+    ...props
+  }: TypographyProps): react_jsx_runtime10.JSX.Element;
+  Link: ({
+    children,
+    className,
+    level,
+    ...props
+  }: Props$3) => react_jsx_runtime10.JSX.Element;
+  Paragraph: ({
+    children,
+    className,
+    level,
+    ...props
+  }: Props$2) => react_jsx_runtime10.JSX.Element;
+  Text: ({
+    children,
+    underline,
+    strong,
+    className,
+    level,
+    ...props
+  }: Props$1) => react_jsx_runtime10.JSX.Element;
+  Title: ({
+    children,
+    level,
+    className,
+    ...props
+  }: Props) => react_jsx_runtime10.JSX.Element;
+};
+//#endregion
+export { Paragraph as a, Text as i, TypographyProps as n, Link as o, Title as r, Typography as t };

package/dist/index-D1Bkn0Xy.d.cts

@@ -0,0 +1,59 @@
+import * as react_jsx_runtime6 from "react/jsx-runtime";
+
+//#region src/components/molecules/Menu/index.d.ts
+interface MenuItem {
+  label: React.ReactNode;
+  key: React.Key;
+  type?: string;
+  itemKey?: React.Key;
+  keyPath?: React.Key[];
+  path?: string;
+  children?: MenuItem[];
+}
+interface Props {
+  fullSize?: boolean;
+  mode?: 'horizontal' | 'vertical' | 'inline';
+  selectedKeys?: React.Key[];
+  defaultSelectedKeys?: React.Key[];
+  offset?: [number, number];
+  inlineOffset?: number;
+  classNames?: {
+    rootItem?: string;
+    subMenu?: string;
+    item?: string;
+    label?: string;
+  };
+  styles?: {
+    rootItem?: React.CSSProperties;
+    subMenu?: React.CSSProperties;
+    item?: React.CSSProperties;
+    label?: React.CSSProperties;
+  };
+  onClick?: ClickEventHandler;
+}
+interface MenuProps extends Props, Omit<React.HTMLAttributes<HTMLElement>, 'onClick'> {
+  items?: MenuItem[];
+}
+type ClickEventHandler = (params: {
+  domEvent: React.MouseEvent;
+  key: React.Key;
+  keyPath: React.Key[];
+  item: MenuItem;
+}) => void;
+declare function findKey(menu: MenuItem, targetKeys: React.Key[]): boolean;
+declare const Menu: ({
+  items,
+  mode,
+  fullSize,
+  defaultSelectedKeys: _defaultSelectedKeys,
+  selectedKeys: _selectedKeys,
+  className,
+  classNames,
+  styles,
+  offset,
+  inlineOffset,
+  onClick,
+  ...props
+}: MenuProps) => react_jsx_runtime6.JSX.Element;
+//#endregion
+export { findKey as a, MenuProps as i, Menu as n, MenuItem as r, ClickEventHandler as t };