@bigtablet/design-system 1.1.3 → 1.2.2

package/dist/next.d.ts

@@ -0,0 +1,24 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+
+interface SidebarItem {
+    href: string;
+    label: React.ReactNode;
+    icon?: React.ComponentType<{
+        size?: number;
+    }>;
+}
+type MatchMode = "startsWith" | "exact";
+interface SidebarProps {
+    items?: SidebarItem[];
+    activePath?: string;
+    onItemSelect?: (href: string) => void;
+    width?: number;
+    className?: string;
+    style?: React.CSSProperties;
+    match?: MatchMode;
+    brandHref?: string;
+}
+declare const Sidebar: ({ items, activePath, onItemSelect, width, className, style, match, brandHref, }: SidebarProps) => react_jsx_runtime.JSX.Element;
+
+export { Sidebar, type SidebarItem, type SidebarProps };

package/dist/next.js

@@ -0,0 +1,68 @@
+import * as React from 'react';
+import Link from 'next/link';
+import Image from 'next/image';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+// src/ui/navigation/sidebar/index.tsx
+var Sidebar = ({
+  items = [],
+  activePath,
+  onItemSelect,
+  width = 240,
+  className,
+  style,
+  match = "startsWith",
+  brandHref = "/main"
+}) => {
+  const isActive = (href) => {
+    if (!activePath) return false;
+    return match === "exact" ? activePath === href : activePath.startsWith(href);
+  };
+  return /* @__PURE__ */ jsxs(
+    "aside",
+    {
+      className: ["sidebar", className].filter(Boolean).join(" "),
+      style: { width, ...style },
+      children: [
+        /* @__PURE__ */ jsx("div", { className: "sidebar__brand", children: /* @__PURE__ */ jsx(
+          Link,
+          {
+            href: brandHref,
+            className: "sidebar__brand-link",
+            "aria-label": "Bigtablet \uD648\uC73C\uB85C",
+            children: /* @__PURE__ */ jsx(
+              Image,
+              {
+                src: "/assets/images/logo/bigtablet.svg",
+                alt: "Bigtablet",
+                width: 200,
+                height: 44,
+                priority: true,
+                className: "sidebar__brand-img"
+              }
+            )
+          }
+        ) }),
+        /* @__PURE__ */ jsx("nav", { className: "sidebar__nav", children: items.map((it) => {
+          const active = isActive(it.href);
+          return /* @__PURE__ */ jsxs(
+            Link,
+            {
+              href: it.href,
+              className: ["sidebar__item", active && "is-active"].filter(Boolean).join(" "),
+              onClick: () => onItemSelect?.(it.href),
+              title: typeof it.label === "string" ? it.label : void 0,
+              children: [
+                it.icon && /* @__PURE__ */ jsx("span", { className: "sidebar__icon", children: React.createElement(it.icon, { size: 16 }) }),
+                /* @__PURE__ */ jsx("span", { className: "sidebar__label", children: it.label })
+              ]
+            },
+            it.href
+          );
+        }) })
+      ]
+    }
+  );
+};
+
+export { Sidebar };

package/package.json

@@ -1,20 +1,20 @@
 {
   "name": "@bigtablet/design-system",
-  "version": "1.1.3",
+  "version": "1.2.2",
   "description": "Bigtablet Design System UI Components",
   "type": "module",
-  "types": "dist/index.d.ts",
-  "style": "dist/index.css",
+  "types": "dist/next.d.ts",
+  "style": "dist/next.css",
   "exports": {
     ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/index.js"
+      "types": "./dist/next.d.ts",
+      "import": "./dist/next.js"
     },
-    "./client": {
-      "types": "./dist/client.d.ts",
-      "import": "./dist/client.js"
+    "./next": {
+      "types": "./dist/next.d.ts",
+      "import": "./dist/next.js"
     },
-    "./styles.css": "./dist/index.css"
+    "./style.css": "./dist/next.css"
   },
   "files": [
     "dist",
@@ -22,7 +22,9 @@
     "LICENSE"
   ],
   "sideEffects": [
-    "*.css"
+    "**/*.css",
+    "**/*.scss",
+    "./dist/next.css"
   ],
   "scripts": {
     "build": "tsup",
@@ -48,8 +50,12 @@
     "react-dom": "^19",
     "react-toastify": ">=11.0.5"
   },
+  "peerDependenciesMeta": {
+    "next": {
+      "optional": true
+    }
+  },
   "devDependencies": {
-    "@changesets/cli": "^2.29.7",
     "@semantic-release/changelog": "^6.0.3",
     "@semantic-release/git": "^10.0.1",
     "@semantic-release/github": "^12.0.1",
@@ -62,12 +68,13 @@
     "@types/react-dom": "^19",
     "chromatic": "^13.3.3",
     "esbuild-sass-plugin": "^3",
-    "gh-pages": "^6.3.0",
     "lucide-react": "^0.552.0",
     "next": "16.0.1",
     "react": "19.2.0",
     "react-dom": "19.2.0",
+    "react-markdown": "^10.1.0",
     "react-toastify": "^11.0.5",
+    "remark-gfm": "^4.0.1",
     "sass-embedded": "^1.93.3",
     "semantic-release": "^25.0.1",
     "storybook": "8.6.14",