@youcan/celeste 0.6.75 → 0.6.76

package/dist/celeste.css

@@ -4962,6 +4962,100 @@ to {
 .celeste-tab-menu-root[data-orientation='horizontal'][data-v-b5afb6cc] {
     flex-direction: column;
 }
+
+.celeste-table-body[data-v-b9eb0cd1] {
+  font: var(--paragraph-sm);
+}
+
+.celeste-table-caption[data-v-13a21605] {
+  padding-block: var(--spacing-16);
+  color: var(--color-text-soft-400);
+  font: var(--paragraph-sm);
+}
+
+.celeste-table-cell[data-v-5f65ee4a] {
+  padding: var(--spacing-12) var(--spacing-12);
+  transition: background-color var(--animation-fast) ease;
+  background-color: var(--color-bg-white-0);
+}
+.celeste-table-cell[data-v-5f65ee4a]:first-child {
+  position: relative;
+  border-start-start-radius: var(--radius-12);
+  border-end-start-radius: var(--radius-12);
+}
+.celeste-table-cell[data-v-5f65ee4a]:last-child {
+  border-start-end-radius: var(--radius-12);
+  border-end-end-radius: var(--radius-12);
+}
+.celeste-table-cell-align-end[data-v-5f65ee4a] {
+  text-align: end;
+}
+
+.celeste-table-empty[data-v-1c0042ab] {
+  align-self: middle;
+  white-space: nowrap;
+}
+.celeste-table-empty-content[data-v-1c0042ab] {
+  display: flex;
+  place-items: center;
+  justify-content: center;
+}
+
+.celeste-table-footer[data-v-50b76b8f] {
+  background-color: var(--color-bg-weak-50);
+}
+
+.celeste-table-head[data-v-76a52252] {
+  padding: var(--spacing-8) var(--spacing-12);
+  background: var(--color-bg-weak-50);
+  color: var(--color-text-sub-600);
+  font: var(--paragraph-sm);
+}
+.celeste-table-head-align-end[data-v-76a52252] {
+  text-align: end;
+}
+.celeste-table-head[data-v-76a52252]:first-child {
+  border-start-start-radius: var(--radius-8);
+  border-end-start-radius: var(--radius-8);
+}
+.celeste-table-head[data-v-76a52252]:last-child {
+  border-start-end-radius: var(--radius-8);
+  border-end-end-radius: var(--radius-8);
+}
+
+.celeste-table-row[data-v-5a7011d2] {
+  transition:
+    color,
+    background-color var(--animation-fast) ease;
+}
+.celeste-table-row-divider[data-v-5a7011d2] {
+  height: 0;
+}
+.celeste-table-row-divider td[data-v-5a7011d2] {
+  height: 0;
+  padding: var(--spacing-0);
+  border-bottom: 1px solid var(--color-stroke-soft-200);
+  line-height: 0;
+}
+.celeste-table-row-divider[data-v-5a7011d2]:last-child {
+  display: none;
+}
+.celeste-table-row-hoverable[data-v-5a7011d2]:hover .celeste-table-cell {
+  background-color: var(--color-bg-weak-50);
+}
+
+.celeste-table-wrapper[data-v-8ed967fe] {
+  position: relative;
+  width: 100%;
+  overflow: auto;
+}
+.celeste-table-wrapper .celeste-table[data-v-8ed967fe] {
+  width: 100%;
+  caption-side: bottom;
+  border-spacing: var(--spacing-0) var(--spacing-4);
+  border-collapse: separate;
+  font: var(--paragraph-sm);
+}
 .celeste-tag[data-v-368b7ec0] {
   display: inline-flex;
   align-items: center;
@@ -5131,100 +5225,6 @@ to {
   margin-inline: var(--spacing-4);
 }
 
-.celeste-table-wrapper[data-v-8ed967fe] {
-  position: relative;
-  width: 100%;
-  overflow: auto;
-}
-.celeste-table-wrapper .celeste-table[data-v-8ed967fe] {
-  width: 100%;
-  caption-side: bottom;
-  border-spacing: var(--spacing-0) var(--spacing-4);
-  border-collapse: separate;
-  font: var(--paragraph-sm);
-}
-
-.celeste-table-head[data-v-76a52252] {
-  padding: var(--spacing-8) var(--spacing-12);
-  background: var(--color-bg-weak-50);
-  color: var(--color-text-sub-600);
-  font: var(--paragraph-sm);
-}
-.celeste-table-head-align-end[data-v-76a52252] {
-  text-align: end;
-}
-.celeste-table-head[data-v-76a52252]:first-child {
-  border-start-start-radius: var(--radius-8);
-  border-end-start-radius: var(--radius-8);
-}
-.celeste-table-head[data-v-76a52252]:last-child {
-  border-start-end-radius: var(--radius-8);
-  border-end-end-radius: var(--radius-8);
-}
-
-.celeste-table-footer[data-v-50b76b8f] {
-  background-color: var(--color-bg-weak-50);
-}
-
-.celeste-table-caption[data-v-13a21605] {
-  padding-block: var(--spacing-16);
-  color: var(--color-text-soft-400);
-  font: var(--paragraph-sm);
-}
-
-.celeste-table-body[data-v-b9eb0cd1] {
-  font: var(--paragraph-sm);
-}
-
-.celeste-table-cell[data-v-5f65ee4a] {
-  padding: var(--spacing-12) var(--spacing-12);
-  transition: background-color var(--animation-fast) ease;
-  background-color: var(--color-bg-white-0);
-}
-.celeste-table-cell[data-v-5f65ee4a]:first-child {
-  position: relative;
-  border-start-start-radius: var(--radius-12);
-  border-end-start-radius: var(--radius-12);
-}
-.celeste-table-cell[data-v-5f65ee4a]:last-child {
-  border-start-end-radius: var(--radius-12);
-  border-end-end-radius: var(--radius-12);
-}
-.celeste-table-cell-align-end[data-v-5f65ee4a] {
-  text-align: end;
-}
-
-.celeste-table-row[data-v-5a7011d2] {
-  transition:
-    color,
-    background-color var(--animation-fast) ease;
-}
-.celeste-table-row-divider[data-v-5a7011d2] {
-  height: 0;
-}
-.celeste-table-row-divider td[data-v-5a7011d2] {
-  height: 0;
-  padding: var(--spacing-0);
-  border-bottom: 1px solid var(--color-stroke-soft-200);
-  line-height: 0;
-}
-.celeste-table-row-divider[data-v-5a7011d2]:last-child {
-  display: none;
-}
-.celeste-table-row-hoverable[data-v-5a7011d2]:hover .celeste-table-cell {
-  background-color: var(--color-bg-weak-50);
-}
-
-.celeste-table-empty[data-v-1c0042ab] {
-  align-self: middle;
-  white-space: nowrap;
-}
-.celeste-table-empty-content[data-v-1c0042ab] {
-  display: flex;
-  place-items: center;
-  justify-content: center;
-}
-
 .celeste-command-separator[data-v-547148a7] {
   width: 100%;
   height: 1px;

package/dist/cjs/chunks/sidebar-separator.vue_vue_type_style_index_0_lang.js

@@ -109,6 +109,14 @@ require("./sidebar-provider.vue_vue_type_style_index_0_lang.js");
 ;/* empty css                                                               */
 ;/* empty css                                                               */
 ;/* empty css                                                          */
+;/* empty css                                                            */
+;/* empty css                                                               */
+;/* empty css                                                            */
+;/* empty css                                                             */
+;/* empty css                                                              */
+;/* empty css                                                            */
+;/* empty css                                                           */
+;/* empty css                                                       */
 ;/* empty css                                                     */
 ;/* empty css                                                          */
 const _sfc_main = /* @__PURE__ */ No.defineComponent({

package/dist/cjs/chunks/table-header.js

@@ -0,0 +1,20 @@
+"use strict";
+const No = require("vue");
+const clsx = require("./clsx.js");
+const _sfc_main = /* @__PURE__ */ No.defineComponent({
+  __name: "table-header",
+  props: {
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return No.openBlock(), No.createElementBlock("thead", {
+        class: No.normalizeClass(No.unref(clsx.clsx)("celeste-table-header", props.class))
+      }, [
+        No.renderSlot(_ctx.$slots, "default")
+      ], 2);
+    };
+  }
+});
+exports._sfc_main = _sfc_main;

package/dist/cjs/index.js

@@ -141,6 +141,15 @@ const tabMenuContent = require("./tab-menu-content.js");
 const tabMenuItem = require("./tab-menu-item.js");
 const tabMenuList = require("./tab-menu-list.js");
 const tabMenu = require("./tab-menu.js");
+const tableBody = require("./table-body.js");
+const tableCaption = require("./table-caption.js");
+const tableCell = require("./table-cell.js");
+const tableEmpty = require("./table-empty.js");
+const tableFooter = require("./table-footer.js");
+const tableHead = require("./table-head.js");
+const tableHeader_vue_vue_type_script_setup_true_lang = require("./chunks/table-header.js");
+const tableRow = require("./table-row.js");
+const table = require("./table.js");
 const tag = require("./tag.js");
 const textInputAffix = require("./text-input-affix.js");
 const textInputButton = require("./text-input-button.js");
@@ -277,6 +286,15 @@ const components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePr
   TabMenuContent: tabMenuContent,
   TabMenuItem: tabMenuItem,
   TabMenuList: tabMenuList,
+  Table: table,
+  TableBody: tableBody,
+  TableCaption: tableCaption,
+  TableCell: tableCell,
+  TableEmpty: tableEmpty,
+  TableFooter: tableFooter,
+  TableHead: tableHead,
+  TableHeader: tableHeader_vue_vue_type_script_setup_true_lang._sfc_main,
+  TableRow: tableRow,
   Tag: tag,
   TextInput: textInput,
   TextInputAffix: textInputAffix,
@@ -463,6 +481,15 @@ exports.TabMenuContent = tabMenuContent;
 exports.TabMenuItem = tabMenuItem;
 exports.TabMenuList = tabMenuList;
 exports.TabMenu = tabMenu;
+exports.TableBody = tableBody;
+exports.TableCaption = tableCaption;
+exports.TableCell = tableCell;
+exports.TableEmpty = tableEmpty;
+exports.TableFooter = tableFooter;
+exports.TableHead = tableHead;
+exports.TableHeader = tableHeader_vue_vue_type_script_setup_true_lang._sfc_main;
+exports.TableRow = tableRow;
+exports.Table = table;
 exports.Tag = tag;
 exports.TextInputAffix = textInputAffix;
 exports.TextInputButton = textInputButton;

package/dist/cjs/table-cell.js

@@ -1,6 +1,7 @@
 "use strict";
 const No = require("vue");
 const clsx = require("./chunks/clsx.js");
+;/* empty css                                                                   */
 const _pluginVue_exportHelper = require("./chunks/_plugin-vue_export-helper.js");
 const _sfc_main = /* @__PURE__ */ No.defineComponent({
   __name: "table-cell",

package/dist/cjs/table-empty.js

@@ -5,6 +5,7 @@ const clsx = require("./chunks/clsx.js");
 ;/* empty css                                                                      */
 const tableCell = require("./table-cell.js");
 const useDelegatedProps = require("./use-delegated-props.js");
+;/* empty css                                                                    */
 ;/* empty css                                                                     */
 ;/* empty css                                                                   */
 const tableRow = require("./table-row.js");

package/dist/cjs/table-header.js

@@ -1,20 +1,3 @@
 "use strict";
-const No = require("vue");
-const clsx = require("./chunks/clsx.js");
-const _sfc_main = /* @__PURE__ */ No.defineComponent({
-  __name: "table-header",
-  props: {
-    class: {}
-  },
-  setup(__props) {
-    const props = __props;
-    return (_ctx, _cache) => {
-      return No.openBlock(), No.createElementBlock("thead", {
-        class: No.normalizeClass(No.unref(clsx.clsx)("celeste-table-header", props.class))
-      }, [
-        No.renderSlot(_ctx.$slots, "default")
-      ], 2);
-    };
-  }
-});
-module.exports = _sfc_main;
+const tableHeader_vue_vue_type_script_setup_true_lang = require("./chunks/table-header.js");
+module.exports = tableHeader_vue_vue_type_script_setup_true_lang._sfc_main;

package/dist/cjs/table-row.js

@@ -1,6 +1,7 @@
 "use strict";
 const No = require("vue");
 const clsx = require("./chunks/clsx.js");
+;/* empty css                                                                  */
 const _pluginVue_exportHelper = require("./chunks/_plugin-vue_export-helper.js");
 const _sfc_main = /* @__PURE__ */ No.defineComponent({
   __name: "table-row",
@@ -27,5 +28,5 @@ const _sfc_main = /* @__PURE__ */ No.defineComponent({
     };
   }
 });
-const TableRow = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-5a7011d2"]]);
-module.exports = TableRow;
+const tableRow = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-5a7011d2"]]);
+module.exports = tableRow;

package/dist/components/index.d.ts

@@ -27,6 +27,7 @@ export * from './slider';
 export * from './sonner';
 export * from './switch';
 export * from './tab-menu';
+export * from './table';
 export * from './tag';
 export * from './text-input';
 export * from './textarea';

package/dist/es/chunks/sidebar-separator.vue_vue_type_style_index_0_lang.js

@@ -108,6 +108,14 @@ import "./sidebar-provider.vue_vue_type_style_index_0_lang.js";
 /* empty css                                                              */
 /* empty css                                                              */
 /* empty css                                                         */
+/* empty css                                                           */
+/* empty css                                                              */
+/* empty css                                                           */
+/* empty css                                                            */
+/* empty css                                                             */
+/* empty css                                                           */
+/* empty css                                                          */
+/* empty css                                                      */
 /* empty css                                                    */
 /* empty css                                                         */
 const _sfc_main = /* @__PURE__ */ defineComponent({

package/dist/es/chunks/table-header.js

@@ -0,0 +1,21 @@
+import { defineComponent, createElementBlock, openBlock, normalizeClass, unref, renderSlot } from "vue";
+import { c as clsx } from "./clsx.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "table-header",
+  props: {
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("thead", {
+        class: normalizeClass(unref(clsx)("celeste-table-header", props.class))
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 2);
+    };
+  }
+});
+export {
+  _sfc_main as _
+};

package/dist/es/index.js

@@ -139,16 +139,25 @@ import tabMenuContent from "./tab-menu-content.js";
 import tabMenuItem from "./tab-menu-item.js";
 import tabMenuList from "./tab-menu-list.js";
 import tabMenu from "./tab-menu.js";
+import tableBody from "./table-body.js";
+import tableCaption from "./table-caption.js";
+import TableCell from "./table-cell.js";
+import tableEmpty from "./table-empty.js";
+import tableFooter from "./table-footer.js";
+import tableHead from "./table-head.js";
+import { _ as _sfc_main$I } from "./chunks/table-header.js";
+import tableRow from "./table-row.js";
+import table from "./table.js";
 import tag from "./tag.js";
 import TextInputAffix from "./text-input-affix.js";
 import TextInputButton from "./text-input-button.js";
 import TextInput from "./text-input.js";
 import textarea from "./textarea.js";
 import TooltipContent from "./tooltip-content.js";
-import { _ as _sfc_main$J } from "./chunks/tooltip-provider.js";
-import { _ as _sfc_main$K } from "./chunks/tooltip-root.js";
-import { _ as _sfc_main$L } from "./chunks/tooltip-trigger.js";
-import { _ as _sfc_main$I } from "./chunks/tooltip.js";
+import { _ as _sfc_main$K } from "./chunks/tooltip-provider.js";
+import { _ as _sfc_main$L } from "./chunks/tooltip-root.js";
+import { _ as _sfc_main$M } from "./chunks/tooltip-trigger.js";
+import { _ as _sfc_main$J } from "./chunks/tooltip.js";
 import { useDelegatedProps } from "./use-delegated-props.js";
 import { SIDEBAR_COOKIE_MAX_AGE, SIDEBAR_COOKIE_NAME, SIDEBAR_KEYBOARD_SHORTCUT, SIDEBAR_WIDTH, SIDEBAR_WIDTH_ICON, SIDEBAR_WIDTH_MOBILE, provideSidebarContext, useSidebar } from "./use-sidebar.js";
 import { COLOR_NUMBER_VALIDATION_PATTERN, DEFAULT_SWATCH, HEX_VALIDATION_PATTERN, bumpColorValue, clamp, getAbsolutePosition, getColorConstraints, getFractionDigit, getPageXYFromEvent, getScrollXY, resolveArrowDirection, truncColorValue } from "./color.js";
@@ -275,16 +284,25 @@ const components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePr
   TabMenuContent: tabMenuContent,
   TabMenuItem: tabMenuItem,
   TabMenuList: tabMenuList,
+  Table: table,
+  TableBody: tableBody,
+  TableCaption: tableCaption,
+  TableCell,
+  TableEmpty: tableEmpty,
+  TableFooter: tableFooter,
+  TableHead: tableHead,
+  TableHeader: _sfc_main$I,
+  TableRow: tableRow,
   Tag: tag,
   TextInput,
   TextInputAffix,
   TextInputButton,
   Textarea: textarea,
-  Tooltip: _sfc_main$I,
+  Tooltip: _sfc_main$J,
   TooltipContent,
-  TooltipProvider: _sfc_main$J,
-  TooltipRoot: _sfc_main$K,
-  TooltipTrigger: _sfc_main$L
+  TooltipProvider: _sfc_main$K,
+  TooltipRoot: _sfc_main$L,
+  TooltipTrigger: _sfc_main$M
 }, Symbol.toStringTag, { value: "Module" }));
 function createToast(title, data) {
   const {
@@ -472,16 +490,25 @@ export {
   tabMenuContent as TabMenuContent,
   tabMenuItem as TabMenuItem,
   tabMenuList as TabMenuList,
+  table as Table,
+  tableBody as TableBody,
+  tableCaption as TableCaption,
+  TableCell,
+  tableEmpty as TableEmpty,
+  tableFooter as TableFooter,
+  tableHead as TableHead,
+  _sfc_main$I as TableHeader,
+  tableRow as TableRow,
   tag as Tag,
   TextInput,
   TextInputAffix,
   TextInputButton,
   textarea as Textarea,
-  _sfc_main$I as Tooltip,
+  _sfc_main$J as Tooltip,
   TooltipContent,
-  _sfc_main$J as TooltipProvider,
-  _sfc_main$K as TooltipRoot,
-  _sfc_main$L as TooltipTrigger,
+  _sfc_main$K as TooltipProvider,
+  _sfc_main$L as TooltipRoot,
+  _sfc_main$M as TooltipTrigger,
   bumpColorValue,
   clamp,
   getAbsolutePosition,

package/dist/es/table-cell.js

@@ -1,5 +1,6 @@
 import { defineComponent, createElementBlock, openBlock, normalizeClass, unref, renderSlot } from "vue";
 import { c as clsx } from "./chunks/clsx.js";
+/* empty css                                                                  */
 import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "table-cell",

package/dist/es/table-empty.js

@@ -4,9 +4,10 @@ import { c as clsx } from "./chunks/clsx.js";
 /* empty css                                                                     */
 import TableCell from "./table-cell.js";
 import { useDelegatedProps } from "./use-delegated-props.js";
+/* empty css                                                                   */
 /* empty css                                                                    */
 /* empty css                                                                  */
-import TableRow from "./table-row.js";
+import tableRow from "./table-row.js";
 /* empty css                                                             */
 import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
 const _hoisted_1 = { class: "celeste-table-empty-content" };
@@ -20,7 +21,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const props = __props;
     const delegated = useDelegatedProps(props, "class");
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(TableRow), null, {
+      return openBlock(), createBlock(unref(tableRow), null, {
         default: withCtx(() => [
           createVNode(unref(TableCell), mergeProps(unref(delegated), {
             class: unref(clsx)("celeste-table-empty", props.class)

package/dist/es/table-header.js

@@ -1,21 +1,4 @@
-import { defineComponent, createElementBlock, openBlock, normalizeClass, unref, renderSlot } from "vue";
-import { c as clsx } from "./chunks/clsx.js";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "table-header",
-  props: {
-    class: {}
-  },
-  setup(__props) {
-    const props = __props;
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("thead", {
-        class: normalizeClass(unref(clsx)("celeste-table-header", props.class))
-      }, [
-        renderSlot(_ctx.$slots, "default")
-      ], 2);
-    };
-  }
-});
+import { _ as _sfc_main } from "./chunks/table-header.js";
 export {
   _sfc_main as default
 };

package/dist/es/table-row.js

@@ -1,5 +1,6 @@
 import { defineComponent, createElementBlock, openBlock, Fragment, createElementVNode, normalizeClass, unref, renderSlot } from "vue";
 import { c as clsx } from "./chunks/clsx.js";
+/* empty css                                                                 */
 import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "table-row",
@@ -26,7 +27,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TableRow = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-5a7011d2"]]);
+const tableRow = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-5a7011d2"]]);
 export {
-  TableRow as default
+  tableRow as default
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@youcan/celeste",
   "type": "module",
-  "version": "0.6.75",
+  "version": "0.6.76",
   "author": "YouCan <tech@youcan.shop>",
   "keywords": [
     "youcan",
@@ -44,8 +44,8 @@
     "radix-vue": "^1.9.17",
     "tinycolor2": "^1.6.0",
     "vue-sonner": "^2.0.9",
-    "@youcan/celeste-icons": "0.6.75",
-    "@youcan/celeste-tokens": "0.6.75"
+    "@youcan/celeste-icons": "0.6.76",
+    "@youcan/celeste-tokens": "0.6.76"
   },
   "devDependencies": {
     "@chromatic-com/storybook": "^4.1.3",

package/src/components/index.ts

@@ -27,6 +27,7 @@ export * from './slider';
 export * from './sonner';
 export * from './switch';
 export * from './tab-menu';
+export * from './table';
 export * from './tag';
 export * from './text-input';
 export * from './textarea';