@cssui/react 1.0.0 → 1.0.2

package/dist/toast/index.js

@@ -1,3 +1,38 @@
-import { Toast } from '@cssui/adapter-react';
-export { Toast } from '@cssui/adapter-react';
-export default Toast;
+import 'react';
+import '../adapter-react/components/button/Button.js';
+import '../adapter-react/components/input/Input.js';
+import '../adapter-react/components/checkbox/Checkbox.js';
+import '../adapter-react/components/checkbox/CheckboxGroup.js';
+import '../adapter-react/components/radio/Radio.js';
+import '../adapter-react/components/radio/RadioGroup.js';
+import '../adapter-react/components/switch/Switch.js';
+import '../adapter-react/components/divider/Divider.js';
+import '../adapter-react/components/modal/Modal.js';
+import { Toast } from '../adapter-react/components/toast/Toast.js';
+import '../adapter-react/components/icon/Icon.js';
+import '../adapter-react/components/slider/Slider.js';
+import 'react/jsx-runtime';
+import '../adapter-react/components/breadcrumb/Breadcrumb.js';
+import '../adapter-react/components/carousel/Carousel.js';
+import '../adapter-react/components/float-button/FloatButton.js';
+import '../adapter-react/components/float-button/FloatButtonGroup.js';
+import '../adapter-react/components/nav-menu/NavMenu.js';
+import '../adapter-react/components/sidebar/Sidebar.js';
+import '../adapter-react/components/input-number/InputNumber.js';
+import '../adapter-react/components/tooltip/Tooltip.js';
+import '../adapter-react/components/select/Select.js';
+import '../adapter-react/components/steps/Steps.js';
+import '../adapter-react/components/toolbars/Toolbar.js';
+import '../adapter-react/components/input-bar/InputBar.js';
+import '../adapter-react/components/date-picker/DatePicker.js';
+import '../adapter-react/components/time-picker/TimePicker.js';
+import '../adapter-react/components/pagination/Pagination.js';
+import '../adapter-react/components/table/Table.js';
+import '../adapter-react/components/form/Form.js';
+import '../adapter-react/components/grid/Grid.js';
+import '../adapter-react/components/grid/GridItem.js';
+
+
+
+export { Toast, Toast as default };
+//# sourceMappingURL=index.js.map

package/dist/toast/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/toast/style.css

@@ -1 +1,117 @@
-@import '@cssui/components/toast/style.css';
+/* ==================== Toast 容器 ==================== */
+
+/* 固定定位容器 - 屏幕中上方 */
+.css-toast-container {
+  position: fixed;
+  top: 24px;
+  left: 50%;
+  transform: translateX(-50%);
+  z-index: 1010;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  pointer-events: none;
+}
+
+/* ==================== Toast 单项包装 ==================== */
+
+.css-toast-wrapper {
+  pointer-events: auto;
+  padding: 8px 0;
+}
+
+/* ==================== Toast 本体 ==================== */
+
+.css-toast {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: var(--spacing-2);
+  border-radius: var(--border-radius-lg);
+  font-family: var(--font-family-base);
+  font-size: var(--font-size-body);
+  line-height: var(--line-height-body);
+  width: 100%;
+  max-width: 600px;
+  box-shadow: var(--shadow-md);
+  box-sizing: border-box;
+}
+
+.css-toast--error {
+  background-color: var(--color-error);
+  color: white;
+}
+
+.css-toast--warning {
+  border: 1px solid var(--color-warning);
+  background-color: color-mix(in srgb, var(--color-warning) 10%, #ffffff);
+  color: var(--color-dark-base);
+}
+
+.css-toast--info {
+  background-color: var(--color-primary);
+  color: white;
+}
+
+.css-toast__content {
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-3);
+  flex: 1;
+  width: 277px;
+}
+
+.css-toast__icon {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 24px;
+  flex-shrink: 0;
+}
+
+.css-toast__close {
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  opacity: 0.8;
+  transition: opacity var(--transition-duration-150);
+  margin-left: var(--spacing-4);
+  background: none;
+  border: none;
+  padding: 0;
+  color: inherit;
+  font-size: 20px;
+}
+
+.css-toast__close:hover {
+  opacity: 1;
+}
+
+/* ==================== 进入/退出动画 ==================== */
+
+.css-toast-fade-enter {
+  opacity: 0;
+  transform: translateY(-12px);
+}
+
+.css-toast-fade-enter-active {
+  opacity: 1;
+  transform: translateY(0);
+  transition:
+    opacity 0.3s ease,
+    transform 0.3s ease;
+}
+
+.css-toast-fade-leave {
+  opacity: 1;
+  transform: translateY(0);
+}
+
+.css-toast-fade-leave-active {
+  opacity: 0;
+  transform: translateY(-12px);
+  transition:
+    opacity 0.2s ease,
+    transform 0.2s ease;
+}

package/dist/toolbars/index.d.ts

@@ -1,4 +1,4 @@
-export { Toolbars } from '@cssui/adapter-react';
-export type { ToolbarProps } from '@cssui/adapter-react';
-export type { ToolbarItem, ToolbarPosition, ToolbarType } from '@cssui/components/toolbars';
+export { Toolbars } from '../adapter-react/index';
+export type { ToolbarProps } from '../adapter-react/index';
+export type { ToolbarItem, ToolbarPosition, ToolbarType } from '../components/toolbars/index';
 //# sourceMappingURL=index.d.ts.map

package/dist/toolbars/index.js

@@ -1 +1,34 @@
-export { Toolbars } from '@cssui/adapter-react';
+import 'react';
+import '../adapter-react/components/button/Button.js';
+import '../adapter-react/components/input/Input.js';
+import '../adapter-react/components/checkbox/Checkbox.js';
+import '../adapter-react/components/checkbox/CheckboxGroup.js';
+import '../adapter-react/components/radio/Radio.js';
+import '../adapter-react/components/radio/RadioGroup.js';
+import '../adapter-react/components/switch/Switch.js';
+import '../adapter-react/components/divider/Divider.js';
+import '../adapter-react/components/modal/Modal.js';
+import '../adapter-react/components/toast/Toast.js';
+import '../adapter-react/components/icon/Icon.js';
+import '../adapter-react/components/slider/Slider.js';
+import 'react/jsx-runtime';
+import '../adapter-react/components/breadcrumb/Breadcrumb.js';
+import '../adapter-react/components/carousel/Carousel.js';
+import '../adapter-react/components/float-button/FloatButton.js';
+import '../adapter-react/components/float-button/FloatButtonGroup.js';
+import '../adapter-react/components/nav-menu/NavMenu.js';
+import '../adapter-react/components/sidebar/Sidebar.js';
+import '../adapter-react/components/input-number/InputNumber.js';
+import '../adapter-react/components/tooltip/Tooltip.js';
+import '../adapter-react/components/select/Select.js';
+import '../adapter-react/components/steps/Steps.js';
+export { Toolbars } from '../adapter-react/components/toolbars/Toolbar.js';
+import '../adapter-react/components/input-bar/InputBar.js';
+import '../adapter-react/components/date-picker/DatePicker.js';
+import '../adapter-react/components/time-picker/TimePicker.js';
+import '../adapter-react/components/pagination/Pagination.js';
+import '../adapter-react/components/table/Table.js';
+import '../adapter-react/components/form/Form.js';
+import '../adapter-react/components/grid/Grid.js';
+import '../adapter-react/components/grid/GridItem.js';
+//# sourceMappingURL=index.js.map

package/dist/toolbars/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/toolbars/style.css

@@ -1 +1,220 @@
-@import '@cssui/components/toolbars/style.css';
+/**
+ * Toolbars 工具栏组件样式
+ */
+
+/* ========== 基础容器 ========== */
+
+.css-toolbar {
+  --toolbar-bg: var(--color-dark-01);
+  --toolbar-text-color: var(--color-dark-03);
+  --toolbar-text-active-color: var(--color-primary);
+  --toolbar-line-color: var(--color-primary);
+  position: fixed;
+  left: 0;
+  width: 100%;
+  height: 70px;
+  padding: 0;
+  border: none;
+  border-radius: 0;
+  background: var(--toolbar-bg);
+  box-sizing: border-box;
+  z-index: var(--z-sticky, 1020);
+}
+
+.css-toolbar--top {
+  top: 0;
+}
+
+.css-toolbar--bottom {
+  bottom: 0;
+  flex-direction: column-reverse;
+}
+
+/* ========== Primary 模式（默认）：图标 + 文字上下排列 ========== */
+
+.css-toolbar--primary .css-toolbar__items {
+  display: flex;
+  align-items: stretch;
+  height: 100%;
+}
+
+.css-toolbar--primary .css-toolbar__item {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: 4px;
+  flex: 1;
+  height: 100%;
+  border: none;
+  border-radius: 0;
+  background: transparent;
+  color: var(--toolbar-text-color);
+  font-family: var(--font-family-base);
+  font-size: 12px;
+  font-weight: var(--font-weight-regular);
+  line-height: 1;
+  text-align: center;
+  white-space: nowrap;
+  cursor: pointer;
+  box-sizing: border-box;
+  transition:
+    color var(--transition-duration-150) var(--transition-timing),
+    background-color var(--transition-duration-150) var(--transition-timing);
+}
+
+.css-toolbar--primary
+  .css-toolbar__item:hover:not(.css-toolbar__item--selected):not(.css-toolbar__item--disabled) {
+  background: color-mix(in srgb, var(--color-primary) 6%, var(--toolbar-bg));
+}
+
+.css-toolbar--primary .css-toolbar__item--selected {
+  color: var(--toolbar-text-active-color);
+  font-weight: var(--font-weight-medium);
+}
+
+.css-toolbar--primary .css-toolbar__item--disabled {
+  color: var(--color-dark-03);
+  cursor: not-allowed;
+}
+
+.css-toolbar--primary .css-toolbar__item-icon {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 20px;
+  height: 20px;
+  flex-shrink: 0;
+}
+
+.css-toolbar--primary .css-toolbar__item-label {
+  position: relative;
+  display: inline-block;
+  max-width: 100%;
+  overflow: visible;
+  text-overflow: ellipsis;
+  padding-bottom: 4px;
+}
+
+/* Primary 激活指示线：跟文字宽度一致 */
+
+.css-toolbar--primary .css-toolbar__item-label::after {
+  content: '';
+  position: absolute;
+  bottom: -16px;
+  left: 0;
+  right: 0;
+  height: 1px;
+  background: var(--toolbar-line-color);
+  transform: scaleX(0);
+  transition: transform var(--transition-duration-150) var(--transition-timing);
+}
+
+.css-toolbar--primary .css-toolbar__item--selected .css-toolbar__item-label::after {
+  transform: scaleX(1);
+}
+
+/* ========== Secondary 模式：仅文字 ========== */
+
+.css-toolbar--secondary {
+  height: 52px;
+}
+
+.css-toolbar--secondary .css-toolbar__items {
+  display: flex;
+  align-items: center;
+  height: 100%;
+}
+
+.css-toolbar--secondary .css-toolbar__item {
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex: 1;
+  height: 100%;
+  padding: 0;
+  border: none;
+  border-radius: 0;
+  background: transparent;
+  color: var(--toolbar-text-color);
+  font-family: var(--font-family-base);
+  font-size: var(--font-size-base);
+  font-weight: var(--font-weight-regular);
+  line-height: var(--line-height-normal);
+  text-align: center;
+  white-space: nowrap;
+  cursor: pointer;
+  box-sizing: border-box;
+  transition:
+    color var(--transition-duration-150) var(--transition-timing),
+    background-color var(--transition-duration-150) var(--transition-timing);
+}
+
+.css-toolbar--secondary
+  .css-toolbar__item:hover:not(.css-toolbar__item--selected):not(.css-toolbar__item--disabled) {
+  background: color-mix(in srgb, var(--color-primary) 6%, var(--toolbar-bg));
+}
+
+.css-toolbar--secondary .css-toolbar__item--selected {
+  color: var(--toolbar-text-active-color);
+  font-weight: var(--font-weight-medium);
+}
+
+.css-toolbar--secondary .css-toolbar__item--disabled {
+  color: var(--color-dark-03);
+  cursor: not-allowed;
+}
+
+/* Secondary 激活指示线：跟 tab 宽度一致（使用 left:0; right:0） */
+
+.css-toolbar--secondary .css-toolbar__item::after {
+  content: '';
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  height: 3px;
+  background: var(--toolbar-line-color);
+  transform: scaleX(0);
+  transition: transform var(--transition-duration-150) var(--transition-timing);
+}
+
+.css-toolbar--secondary .css-toolbar__item--selected::after {
+  transform: scaleX(1);
+}
+
+/* ========== Bottom 模式：指示线在上方 ========== */
+
+.css-toolbar--bottom.css-toolbar--primary .css-toolbar__item-label::after {
+  display: none;
+}
+
+.css-toolbar--bottom.css-toolbar--primary .css-toolbar__item::after {
+  content: '';
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  height: 3px;
+  background: var(--toolbar-line-color);
+  transform: scaleX(0);
+  transition: transform var(--transition-duration-150) var(--transition-timing);
+}
+
+.css-toolbar--bottom.css-toolbar--primary .css-toolbar__item--selected::after {
+  transform: scaleX(1);
+}
+
+.css-toolbar--bottom.css-toolbar--secondary .css-toolbar__item::after {
+  bottom: auto;
+  top: 0;
+}
+
+/* ========== Focus 样式 ========== */
+
+.css-toolbar__item:focus-visible {
+  outline: none;
+  box-shadow: inset 0 0 0 2px rgba(158, 138, 87, 0.3);
+}

package/dist/tooltip/index.d.ts

@@ -1,2 +1,2 @@
-export { Tooltip, type TooltipProps } from '@cssui/adapter-react';
+export { Tooltip, type TooltipProps } from '../adapter-react/index';
 //# sourceMappingURL=index.d.ts.map

package/dist/tooltip/index.js

@@ -1 +1,34 @@
-export { Tooltip } from '@cssui/adapter-react';
+import 'react';
+import '../adapter-react/components/button/Button.js';
+import '../adapter-react/components/input/Input.js';
+import '../adapter-react/components/checkbox/Checkbox.js';
+import '../adapter-react/components/checkbox/CheckboxGroup.js';
+import '../adapter-react/components/radio/Radio.js';
+import '../adapter-react/components/radio/RadioGroup.js';
+import '../adapter-react/components/switch/Switch.js';
+import '../adapter-react/components/divider/Divider.js';
+import '../adapter-react/components/modal/Modal.js';
+import '../adapter-react/components/toast/Toast.js';
+import '../adapter-react/components/icon/Icon.js';
+import '../adapter-react/components/slider/Slider.js';
+import 'react/jsx-runtime';
+import '../adapter-react/components/breadcrumb/Breadcrumb.js';
+import '../adapter-react/components/carousel/Carousel.js';
+import '../adapter-react/components/float-button/FloatButton.js';
+import '../adapter-react/components/float-button/FloatButtonGroup.js';
+import '../adapter-react/components/nav-menu/NavMenu.js';
+import '../adapter-react/components/sidebar/Sidebar.js';
+import '../adapter-react/components/input-number/InputNumber.js';
+export { Tooltip } from '../adapter-react/components/tooltip/Tooltip.js';
+import '../adapter-react/components/select/Select.js';
+import '../adapter-react/components/steps/Steps.js';
+import '../adapter-react/components/toolbars/Toolbar.js';
+import '../adapter-react/components/input-bar/InputBar.js';
+import '../adapter-react/components/date-picker/DatePicker.js';
+import '../adapter-react/components/time-picker/TimePicker.js';
+import '../adapter-react/components/pagination/Pagination.js';
+import '../adapter-react/components/table/Table.js';
+import '../adapter-react/components/form/Form.js';
+import '../adapter-react/components/grid/Grid.js';
+import '../adapter-react/components/grid/GridItem.js';
+//# sourceMappingURL=index.js.map

package/dist/tooltip/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/tooltip/style.css

@@ -1 +1,138 @@
-@import '@cssui/components/tooltip/style.css';
+/* Tooltip Component Styles */
+
+/* ========== 基础提示（轻量 tooltip） ========== */
+
+.css-tooltip {
+  position: fixed;
+  z-index: var(--z-tooltip, 1070);
+  box-sizing: border-box;
+  pointer-events: auto;
+  white-space: nowrap;
+}
+
+/* 主色调底 + 白字 */
+.css-tooltip__inner {
+  background-color: var(--color-primary-golden-02);
+  color: #ffffff;
+  font-family: var(--font-family-base);
+  font-size: var(--font-size-xs);
+  font-weight: var(--font-weight-regular);
+  line-height: var(--line-height-body);
+  border-radius: var(--radius-base);
+  padding: var(--spacing-2);
+  text-align: center;
+}
+
+/* 箭头 */
+.css-tooltip__arrow {
+  position: absolute;
+  width: 0;
+  height: 0;
+  border-style: solid;
+}
+
+/* top - arrow at bottom */
+.css-tooltip--top .css-tooltip__arrow {
+  bottom: -5px;
+  left: 50%;
+  transform: translateX(-50%);
+  border-width: 6px 6px 0;
+  border-color: var(--color-primary-golden-02) transparent transparent transparent;
+}
+
+/* bottom - arrow at top */
+.css-tooltip--bottom .css-tooltip__arrow {
+  top: -5px;
+  left: 50%;
+  transform: translateX(-50%);
+  border-width: 0 6px 6px;
+  border-color: transparent transparent var(--color-primary-golden-02) transparent;
+}
+
+/* left - arrow at right */
+.css-tooltip--left .css-tooltip__arrow {
+  right: -5px;
+  top: 50%;
+  transform: translateY(-50%);
+  border-width: 6px 0 6px 6px;
+  border-color: transparent transparent transparent var(--color-primary-golden-02);
+}
+
+/* right - arrow at left */
+.css-tooltip--right .css-tooltip__arrow {
+  left: -5px;
+  top: 50%;
+  transform: translateY(-50%);
+  border-width: 6px 6px 6px 0;
+  border-color: transparent var(--color-primary-golden-02) transparent transparent;
+}
+
+/* ========== 弹层模式（白底 + 标题 + 内容 + 关闭按钮） ========== */
+
+.css-tooltip--rich {
+  white-space: normal;
+  bottom: auto;
+  left: auto;
+  right: auto;
+  top: auto;
+  transform: none;
+  padding: 0;
+}
+
+.css-tooltip--rich .css-tooltip__inner {
+  background-color: #ffffff;
+  color: var(--color-dark);
+  padding: var(--spacing-5);
+  box-shadow: 0px 4px 4px 0px #33333340;
+  white-space: normal;
+  text-align: left;
+}
+
+.css-tooltip--rich .css-tooltip__header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-bottom: var(--spacing-2);
+}
+
+.css-tooltip--rich .css-tooltip__title {
+  font-size: 16px;
+  font-weight: var(--font-weight-medium);
+  color: var(--color-dark);
+  line-height: var(--line-height-tight);
+  flex: 1;
+}
+
+.css-tooltip--rich .css-tooltip__close {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 20px;
+  height: 20px;
+  flex-shrink: 0;
+  margin-left: var(--spacing-2);
+  border: none;
+  background: transparent;
+  cursor: pointer;
+  color: var(--color-dark-03);
+  padding: 0;
+  border-radius: var(--radius-sm);
+  transition: color var(--transition-duration-150, 150ms)
+    var(--transition-timing, cubic-bezier(0.4, 0, 0.2, 1));
+}
+
+.css-tooltip--rich .css-tooltip__close:hover {
+  color: var(--color-dark);
+}
+
+.css-tooltip--rich .css-tooltip__close svg {
+  width: 16px;
+  height: 16px;
+}
+
+.css-tooltip--rich .css-tooltip__body {
+  font-size: 14px;
+  font-weight: var(--font-weight-regular);
+  color: var(--color-dark);
+  line-height: var(--line-height-body);
+}

package/dist/utils/src/index.js

@@ -0,0 +1,6 @@
+function cn(...classes) {
+  return classes.filter(Boolean).join(" ");
+}
+
+export { cn };
+//# sourceMappingURL=index.js.map

package/dist/utils/src/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../utils/src/index.ts"],"sourcesContent":["/**\r\n * 周生生 UI 工具函数库\r\n */\r\n\r\n// 类名合并工具\r\nexport function cn(...classes: (string | undefined | null | false)[]): string {\r\n  return classes.filter(Boolean).join(' ')\r\n}\r\n\r\n// 数字转 px\r\nexport function toPx(value: number | string): string {\r\n  if (typeof value === 'number') {\r\n    return `${value}px`\r\n  }\r\n  return value\r\n}\r\n\r\n// 生成唯一 ID\r\nexport function uid(prefix = 'cssui'): string {\r\n  return `${prefix}-${Math.random().toString(36).substr(2, 9)}`\r\n}\r\n\r\n// 节流函数\r\nexport function throttle<T extends (...args: any[]) => any>(\r\n  func: T,\r\n  wait: number\r\n): (...args: Parameters<T>) => void {\r\n  let timeout: ReturnType<typeof setTimeout> | null = null\r\n  let previous = 0\r\n\r\n  return function (this: any, ...args: Parameters<T>) {\r\n    const now = Date.now()\r\n    const remaining = wait - (now - previous)\r\n\r\n    if (remaining <= 0 || remaining > wait) {\r\n      if (timeout) {\r\n        clearTimeout(timeout)\r\n        timeout = null\r\n      }\r\n      previous = now\r\n      func.apply(this, args)\r\n    } else if (!timeout) {\r\n      timeout = setTimeout(() => {\r\n        previous = Date.now()\r\n        timeout = null\r\n        func.apply(this, args)\r\n      }, remaining)\r\n    }\r\n  }\r\n}\r\n\r\n// 防抖函数\r\nexport function debounce<T extends (...args: any[]) => any>(\r\n  func: T,\r\n  wait: number\r\n): (...args: Parameters<T>) => void {\r\n  let timeout: ReturnType<typeof setTimeout> | null = null\r\n\r\n  return function (this: any, ...args: Parameters<T>) {\r\n    if (timeout) {\r\n      clearTimeout(timeout)\r\n    }\r\n    timeout = setTimeout(() => {\r\n      func.apply(this, args)\r\n    }, wait)\r\n  }\r\n}\r\n\r\n// 检查是否为空值\r\nexport function isEmpty(value: any): boolean {\r\n  if (value === null || value === undefined) return true\r\n  if (typeof value === 'string') return value.trim().length === 0\r\n  if (Array.isArray(value)) return value.length === 0\r\n  if (typeof value === 'object') return Object.keys(value).length === 0\r\n  return false\r\n}\r\n\r\n// 深度合并对象\r\nexport function deepMerge<T extends Record<string, any>>(target: T, source: Partial<T>): T {\r\n  const output = { ...target } as T\r\n\r\n  if (isObject(target) && isObject(source)) {\r\n    Object.keys(source).forEach(key => {\r\n      const sourceValue = source[key as keyof typeof source]\r\n      if (isObject(sourceValue)) {\r\n        if (!(key in target)) {\r\n          Object.assign(output, { [key]: sourceValue })\r\n        } else {\r\n          output[key as keyof T] = deepMerge(target[key as keyof T] as any, sourceValue)\r\n        }\r\n      } else {\r\n        Object.assign(output, { [key]: sourceValue })\r\n      }\r\n    })\r\n  }\r\n\r\n  return output\r\n}\r\n\r\nfunction isObject(item: unknown): item is Record<string, unknown> {\r\n  return item !== null && typeof item === 'object' && !Array.isArray(item)\r\n}\r\n\r\n// 获取嵌套对象属性\r\nexport function get<T = any>(obj: any, path: string, defaultValue?: T): T | undefined {\r\n  const travel = (regexp: RegExp) =>\r\n    String.prototype.split\r\n      .call(path, regexp)\r\n      .filter(Boolean)\r\n      .reduce((res: any, key: string) => (res !== null && res !== undefined ? res[key] : res), obj)\r\n\r\n  const result = travel(/[,[\\]]+?/) || travel(/[,[\\].]+?/)\r\n  return result === undefined || result === null ? defaultValue : (result as T)\r\n}\r\n\r\n// 数字范围限制\r\nexport function clamp(value: number, min: number, max: number): number {\r\n  return Math.min(Math.max(value, min), max)\r\n}\r\n\r\n// 线性插值\r\nexport function lerp(start: number, end: number, progress: number): number {\r\n  return start + (end - start) * progress\r\n}\r\n"],"names":[],"mappings":"AAKO,SAAS,MAAM,OAAA,EAAwD;AAC5E,EAAA,OAAO,OAAA,CAAQ,MAAA,CAAO,OAAO,CAAA,CAAE,KAAK,GAAG,CAAA;AACzC;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cssui/react",
-  "version": "1.0.0",
+  "version": "1.0.2",
   "description": "周生生 UI React 组件库",
   "main": "./dist/src/index.js",
   "module": "./dist/src/index.js",
@@ -11,6 +11,8 @@
       "import": "./dist/src/index.js",
       "default": "./dist/src/index.js"
     },
+    "./style.css": "./dist/style.css",
+    "./theme.css": "./dist/theme.css",
     "./*": {
       "types": "./dist/*/index.d.ts",
       "import": "./dist/*/index.js",
@@ -19,13 +21,14 @@
     "./*/style.css": "./dist/*/style.css"
   },
   "files": [
-    "dist"
+    "dist",
+    "!dist/tsconfig.tsbuildinfo"
   ],
   "sideEffects": [
     "**/*.css"
   ],
   "scripts": {
-    "build": "tsc -p tsconfig.json --emitDeclarationOnly && node ../../scripts/build-bundle.mjs react && node ../../scripts/style-artifacts.mjs bundle-css",
+    "build": "rimraf dist && tsc -p tsconfig.json --emitDeclarationOnly && node ../../scripts/build-bundle.mjs react",
     "dev": "tsc -p tsconfig.json --watch",
     "clean": "rimraf dist"
   },
@@ -33,14 +36,13 @@
     "react": ">=18.0.0",
     "react-dom": ">=18.0.0"
   },
-  "dependencies": {
+  "dependencies": {},
+  "devDependencies": {
     "@cssui/components": "workspace:*",
     "@cssui/core": "workspace:*",
     "@cssui/tokens": "workspace:*",
     "@cssui/adapter-react": "workspace:*",
-    "@cssui/icons": "workspace:*"
-  },
-  "devDependencies": {
+    "@cssui/icons": "workspace:*",
     "@types/react": "^18.2.48",
     "@types/react-dom": "^18.2.18"
   },