@demokit-ui/demokit 0.1.0 → 0.1.2

package/dist/kit/components/navigation/tabs/tabs.examples.js

@@ -0,0 +1,43 @@
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+import { Tabs as l, TabsList as r, TabsTrigger as n, TabsContent as a } from "./tabs.js";
+import { Badge as i } from "../../data-display/badge/badge.js";
+function s() {
+  return /* @__PURE__ */ t(l, { defaultValue: "pending", children: [
+    /* @__PURE__ */ t(r, { variant: "line", className: "w-full justify-start", children: [
+      /* @__PURE__ */ t(n, { value: "pending", className: "gap-1.5", children: [
+        "待我审批",
+        /* @__PURE__ */ e(i, { variant: "destructive", appearance: "light", size: "xs", children: "7" })
+      ] }),
+      /* @__PURE__ */ e(n, { value: "done", children: "我已处理" }),
+      /* @__PURE__ */ e(n, { value: "mine", children: "我发起的" })
+    ] }),
+    /* @__PURE__ */ e(a, { value: "pending", className: "pt-4 text-sm text-muted-foreground", children: "待我审批内容占位" }),
+    /* @__PURE__ */ e(a, { value: "done", className: "pt-4 text-sm text-muted-foreground", children: "我已处理内容占位" }),
+    /* @__PURE__ */ e(a, { value: "mine", className: "pt-4 text-sm text-muted-foreground", children: "我发起的内容占位" })
+  ] });
+}
+function d() {
+  return /* @__PURE__ */ e(l, { defaultValue: "week", children: /* @__PURE__ */ t(r, { variant: "button", children: [
+    /* @__PURE__ */ e(n, { value: "day", children: "日" }),
+    /* @__PURE__ */ e(n, { value: "week", children: "周" }),
+    /* @__PURE__ */ e(n, { value: "month", children: "月" }),
+    /* @__PURE__ */ e(n, { value: "quarter", children: "季" })
+  ] }) });
+}
+function m() {
+  return /* @__PURE__ */ t("div", { className: "flex flex-col gap-8 max-w-xl", children: [
+    /* @__PURE__ */ t("section", { children: [
+      /* @__PURE__ */ e("h3", { className: "text-sm font-semibold mb-3", children: "Line variant（卡内筛选）" }),
+      /* @__PURE__ */ e(s, {})
+    ] }),
+    /* @__PURE__ */ t("section", { children: [
+      /* @__PURE__ */ e("h3", { className: "text-sm font-semibold mb-3", children: "Button variant（独立切换组）" }),
+      /* @__PURE__ */ e(d, {})
+    ] })
+  ] });
+}
+export {
+  d as TabsButton,
+  s as TabsLine,
+  m as TabsShowcase
+};

package/dist/styles.css

@@ -93,7 +93,8 @@
   gap: var(--dk-page-gap);
 }
 
-:where(.demo-tweak-scope, .demokit-tweak-scope) [data-slot='page-header']
+:where(.demo-tweak-scope, .demokit-tweak-scope)
+  [data-slot='page-header']
   > :not([hidden])
   ~ :not([hidden]) {
   margin-top: 0 !important;
@@ -104,11 +105,13 @@
 }
 
 :where(.demo-tweak-scope, .demokit-tweak-scope) [data-slot='filter-panel-body'],
-:where(.demo-tweak-scope, .demokit-tweak-scope) [data-slot='filter-panel-grid'] {
+:where(.demo-tweak-scope, .demokit-tweak-scope)
+  [data-slot='filter-panel-grid'] {
   gap: var(--dk-filter-gap);
 }
 
-:where(.demo-tweak-scope, .demokit-tweak-scope) [data-slot='filter-panel-footer'] {
+:where(.demo-tweak-scope, .demokit-tweak-scope)
+  [data-slot='filter-panel-footer'] {
   margin-top: var(--dk-filter-gap);
   padding-top: var(--dk-filter-gap);
 }
@@ -117,14 +120,16 @@
 :where(.demo-tweak-scope, .demokit-tweak-scope) [data-slot='input-wrapper'],
 :where(.demo-tweak-scope, .demokit-tweak-scope) [data-slot='select-trigger'],
 :where(.demo-tweak-scope, .demokit-tweak-scope) [data-slot='toggle-group'],
-:where(.demo-tweak-scope, .demokit-tweak-scope) [data-slot='toggle-group-item'] {
+:where(.demo-tweak-scope, .demokit-tweak-scope)
+  [data-slot='toggle-group-item'] {
   border-radius: var(--dk-radius-control);
 }
 
 :where(.demo-tweak-scope, .demokit-tweak-scope) [data-slot='input'],
 :where(.demo-tweak-scope, .demokit-tweak-scope) [data-slot='input-wrapper'],
 :where(.demo-tweak-scope, .demokit-tweak-scope) [data-slot='select-trigger'],
-:where(.demo-tweak-scope, .demokit-tweak-scope) [data-slot='toggle-group-item'] {
+:where(.demo-tweak-scope, .demokit-tweak-scope)
+  [data-slot='toggle-group-item'] {
   height: var(--dk-control-height);
 }
 
@@ -181,14 +186,20 @@
   color: var(--muted-foreground);
   border-radius: 0 6px 6px 0;
 }
-.kit-markdown ul, .kit-markdown ol {
+.kit-markdown ul,
+.kit-markdown ol {
   padding-inline-start: 1.5rem;
   margin: 0.5rem 0;
 }
-.kit-markdown li { margin: 0.25rem 0; }
-.kit-markdown li > ul, .kit-markdown li > ol { margin: 0.25rem 0; }
+.kit-markdown li {
+  margin: 0.25rem 0;
+}
+.kit-markdown li > ul,
+.kit-markdown li > ol {
+  margin: 0.25rem 0;
+}
 .kit-markdown code {
-  font-family: var(--font-mono, "SF Mono", "Menlo", monospace);
+  font-family: var(--font-mono, 'SF Mono', 'Menlo', monospace);
   background: var(--muted);
   padding: 0.12rem 0.4rem;
   border-radius: 4px;
@@ -215,8 +226,11 @@
   font-size: 13px;
   width: 100%;
 }
-.kit-markdown thead { background: var(--muted); }
-.kit-markdown th, .kit-markdown td {
+.kit-markdown thead {
+  background: var(--muted);
+}
+.kit-markdown th,
+.kit-markdown td {
   border: 1px solid var(--border);
   padding: 0.5rem 0.75rem;
   text-align: left;
@@ -234,4 +248,7 @@
   border-top: 1px solid var(--border);
   margin: 1.5rem 0;
 }
-.kit-markdown strong { color: var(--foreground); font-weight: 600; }
+.kit-markdown strong {
+  color: var(--foreground);
+  font-weight: 600;
+}

package/package.json

@@ -1,12 +1,17 @@
 {
   "name": "@demokit-ui/demokit",
-  "version": "0.1.0",
+  "version": "0.1.2",
   "description": "Open-source React component library with provider, styles, and composable UI primitives",
   "license": "MIT",
   "repository": {
     "type": "git",
-    "url": "https://gitee.com/fanyunyun97/demokit.git"
+    "url": "git+https://github.com/fan18660557495/demokit.git",
+    "directory": "packages/demokit"
   },
+  "bugs": {
+    "url": "https://github.com/fan18660557495/demokit/issues"
+  },
+  "homepage": "https://github.com/fan18660557495/demokit/tree/main/packages/demokit#readme",
   "type": "module",
   "files": [
     "dist"