react-tech-ui 1.0.0

package/LICENSE

@@ -0,0 +1,82 @@
+VIM LICENSE
+
+I)  There are no restrictions on distributing unmodified copies of react ui 组件库
+    except that they must include this license text.  You can also distribute
+    unmodified parts of [project], likewise unrestricted except that they must
+    include this license text.  You are also allowed to include executables
+    that you made from the unmodified [project] sources, plus your own usage
+    examples and Vim scripts.
+
+II) It is allowed to distribute a modified (or extended) version of [project],
+    including executables and/or source code, when the following four
+    conditions are met:
+    1) This license text must be included unmodified.
+    2) The modified [project] must be distributed in one of the following five
+       ways:
+       a) If you make changes to [project] yourself, you must clearly describe
+          in the distribution how to contact you.  When the maintainer asks
+          you (in any way) for a copy of the modified [project] you
+          distributed, you must make your changes, including source code,
+          available to the maintainer without fee.  The maintainer reserves
+          the right to include your changes in the official version of
+          [project].  What the maintainer will do with your changes and under
+          what license they will be distributed is negotiable.  If there has
+          been no negotiation then this license, or a later version, also
+          applies to your changes. The current maintainer is Bram Moolenaar
+          <Bram@vim.org>.  If this changes it will be announced in appropriate
+          places (most likely vim.sf.net, www.vim.org and/or comp.editors).
+          When it is completely impossible to contact the maintainer, the
+          obligation to send him your changes ceases.  Once the maintainer has
+          confirmed that he has received your changes they will not have to be
+          sent again.
+       b) If you have received a modified [project] that was distributed as
+          mentioned under a) you are allowed to further distribute it
+          unmodified, as mentioned at I).  If you make additional changes the
+          text under a) applies to those changes.
+       c) Provide all the changes, including source code, with every copy of
+          the modified [project] you distribute.  This may be done in the form
+          of a context diff.  You can choose what license to use for new code
+          you add.  The changes and their license must not restrict others
+          from making their own changes to the official version of [project].
+       d) When you have a modified [project] which includes changes as
+          mentioned under c), you can distribute it without the source code
+          for the changes if the following three conditions are met:
+          - The license that applies to the changes permits you to distribute
+            the changes to the Vim maintainer without fee or restriction, and
+            permits the Vim maintainer to include the changes in the official
+            version of [project] without fee or restriction.
+          - You keep the changes for at least three years after last
+            distributing the corresponding modified [project].  When the
+            maintainer or someone who you distributed the modified [project]
+            to asks you (in any way) for the changes within this period, you
+            must make them available to him.
+          - You clearly describe in the distribution how to contact you.  This
+            contact information must remain valid for at least three years
+            after last distributing the corresponding modified [project], or
+            as long as possible.
+       e) When the GNU General Public License (GPL) applies to the changes,
+          you can distribute the modified [project] under the GNU GPL version
+          2 or any later version.
+    3) A message must be added, at least in the output of the ":version"
+       command and in the intro screen, such that the user of the modified
+       [project] is able to see that it was modified.  When distributing as
+       mentioned under 2)e) adding the message is only required for as far as
+       this does not conflict with the license used for the changes.
+    4) The contact information as required under 2)a) and 2)d) must not be
+       removed or changed, except that the person himself can make
+       corrections.
+
+III) If you distribute a modified version of [project], you are encouraged to
+     use the Vim license for your changes and make them available to the
+     maintainer, including the source code.  The preferred way to do this is
+     by e-mail or by uploading the files to a server and e-mailing the URL. If
+     the number of changes is small (e.g., a modified Makefile) e-mailing a
+     context diff will do.  The e-mail address to be used is
+     <maintainer@vim.org>
+
+IV)  It is not allowed to remove this license from the distribution of the
+     [project] sources, parts of it or from a modified version.  You may use
+     this license for previous [project] releases instead of the license that
+     they came with, at your option.
+
+

package/README.en.md

@@ -0,0 +1,36 @@
+# react ui 组件库
+
+#### Description
+一个专注于React的UI组件库，提供丰富、高质量的组件，助力开发者快速构建现代化Web应用。
+
+#### Software Architecture
+Software architecture description
+
+#### Installation
+
+1.  xxxx
+2.  xxxx
+3.  xxxx
+
+#### Instructions
+
+1.  xxxx
+2.  xxxx
+3.  xxxx
+
+#### Contribution
+
+1.  Fork the repository
+2.  Create Feat_xxx branch
+3.  Commit your code
+4.  Create Pull Request
+
+
+#### Gitee Feature
+
+1.  You can use Readme\_XXX.md to support different languages, such as Readme\_en.md, Readme\_zh.md
+2.  Gitee blog [blog.gitee.com](https://blog.gitee.com)
+3.  Explore open source project [https://gitee.com/explore](https://gitee.com/explore)
+4.  The most valuable open source project [GVP](https://gitee.com/gvp)
+5.  The manual of Gitee [https://gitee.com/help](https://gitee.com/help)
+6.  The most popular members  [https://gitee.com/gitee-stars/](https://gitee.com/gitee-stars/)

package/README.md

@@ -0,0 +1,412 @@
+# React Tech UI
+
+一个专注于 React 的科技风格 UI 组件库，提供丰富、高质量的组件，助力开发者快速构建现代化大屏 Web 应用。
+
+## 特性
+
+- 🎨 **科技风格设计** — 深色主题 + 霓虹光效 + 扫描线动画，打造沉浸式科技感
+- 📺 **大屏适配** — 内置 ScreenAdapter 组件，支持等比缩放、宽度缩放、全屏三种适配模式
+- ✨ **丰富动画** — 脉冲发光、扫描线、渐变流动、数字翻牌等多种科技风动画
+- 📦 **开箱即用** — 9 大核心组件，覆盖大屏开发常见场景
+- 🔧 **TypeScript** — 完整类型定义，开发体验友好
+- 🎯 **按需使用** — CSS 变量驱动主题，轻松自定义颜色和风格
+
+## 快速开始
+
+### 安装
+
+```bash
+npm install react-tech-ui
+```
+
+### 引入样式
+
+在项目入口文件中引入组件库样式：
+
+```tsx
+import 'react-tech-ui/dist/style.css';
+```
+
+### 基本使用
+
+```tsx
+import { ScreenAdapter, DataCard, DigitalNumber, TechBorder } from 'react-tech-ui';
+
+function App() {
+  return (
+    <ScreenAdapter width={1920} height={1080} bgStyle="grid">
+      <TechBorder variant="corner">
+        <DataCard title="在线用户" trend="up" trendValue="+12%">
+          <DigitalNumber value={12847} fontSize={28} />
+        </DataCard>
+      </TechBorder>
+    </ScreenAdapter>
+  );
+}
+```
+
+## 本地开发
+
+### 环境要求
+
+- Node.js >= 16
+- npm >= 8
+
+### 启动开发服务器
+
+```bash
+# 安装依赖
+npm install
+
+# 启动 Demo 演示页面
+npm run dev
+```
+
+启动后访问 http://localhost:3000 查看组件库大屏演示效果。
+
+### 构建组件库
+
+```bash
+# 构建组件库（输出到 dist/ 目录）
+npm run build:lib
+```
+
+构建产物：
+- `dist/index.es.js` — ES Module 格式
+- `dist/index.cjs.js` — CommonJS 格式
+- `dist/index.d.ts` — TypeScript 类型声明
+- `dist/style.css` — 样式文件
+
+### 其他命令
+
+```bash
+# TypeScript 类型检查
+npm run typecheck
+
+# 预览构建产物
+npm run preview
+```
+
+## 组件文档
+
+### ScreenAdapter — 大屏适配器
+
+将内容按设计稿尺寸等比缩放，适配不同分辨率的大屏。
+
+```tsx
+<ScreenAdapter
+  width={1920}       // 设计稿宽度，默认 1920
+  height={1080}      // 设计稿高度，默认 1080
+  mode="scale"       // 适配模式：scale | width-scale | full
+  bgStyle="grid"     // 背景样式：dark | grid | particles
+>
+  {children}
+</ScreenAdapter>
+```
+
+| 属性 | 说明 | 类型 | 默认值 |
+|------|------|------|--------|
+| width | 设计稿宽度 | `number` | `1920` |
+| height | 设计稿高度 | `number` | `1080` |
+| mode | 适配模式 | `'scale' \| 'width-scale' \| 'full'` | `'scale'` |
+| bgStyle | 背景样式 | `'dark' \| 'grid' \| 'particles'` | `'dark'` |
+| className | 自定义类名 | `string` | - |
+| style | 自定义样式 | `CSSProperties` | - |
+
+**适配模式说明：**
+- `scale`：等比缩放，保持设计稿比例，居中显示
+- `width-scale`：按宽度缩放，高度可能溢出或留白
+- `full`：不缩放，100% 填充屏幕
+
+---
+
+### TechBorder — 科技边框
+
+提供 5 种科技风格边框变体，支持发光动画。
+
+```tsx
+<TechBorder variant="corner" animate cornerSize={20}>
+  <div style={{ padding: '16px' }}>内容区域</div>
+</TechBorder>
+```
+
+| 属性 | 说明 | 类型 | 默认值 |
+|------|------|------|--------|
+| variant | 边框变体 | `'corner' \| 'full' \| 'gradient' \| 'scan' \| 'neon'` | `'corner'` |
+| color | 边框颜色 | `string` | `--tech-primary` |
+| glowColor | 发光颜色 | `string` | `--tech-glow-primary` |
+| borderWidth | 边框宽度 | `number` | `1` |
+| cornerSize | 角标尺寸（corner 模式） | `number` | `16` |
+| animate | 是否启用动画 | `boolean` | `true` |
+
+**变体说明：**
+- `corner`：四角装饰边框，大屏最常用
+- `full`：全边框 + 内发光脉冲
+- `gradient`：渐变流动边框
+- `scan`：扫描线边框，顶部光线循环扫描
+- `neon`：霓虹发光边框
+
+---
+
+### DataCard — 数据卡片
+
+展示核心指标数据，支持趋势标识和多种视觉风格。
+
+```tsx
+<DataCard
+  title="吞吐量"
+  icon="📊"
+  variant="gradient"
+  trend="up"
+  trendValue="+3.2%"
+  color="#0affb0"
+>
+  <DigitalNumber value={3.56} decimals={2} suffix="GB/s" />
+</DataCard>
+```
+
+| 属性 | 说明 | 类型 | 默认值 |
+|------|------|------|--------|
+| title | 卡片标题 | `string` | - |
+| value | 数据值（也可通过 children 自定义） | `string \| number` | - |
+| unit | 单位 | `string` | - |
+| icon | 图标 | `ReactNode` | - |
+| trend | 趋势方向 | `'up' \| 'down' \| 'flat'` | - |
+| trendValue | 趋势值 | `string` | - |
+| variant | 卡片样式 | `'default' \| 'gradient' \| 'glass' \| 'outline'` | `'default'` |
+| color | 主题色 | `string` | - |
+| animate | 入场动画 | `boolean` | `true` |
+
+---
+
+### DigitalNumber — 数字翻牌器
+
+数字动态滚动效果，大屏数据展示必备。
+
+```tsx
+<DigitalNumber
+  value={98456}
+  fontSize={56}
+  separator
+  prefix="$"
+  suffix="ms"
+  duration={1500}
+  decimals={2}
+/>
+```
+
+| 属性 | 说明 | 类型 | 默认值 |
+|------|------|------|--------|
+| value | 目标数值 | `number` | - |
+| duration | 动画时长(ms) | `number` | `1500` |
+| decimals | 小数位数 | `number` | `0` |
+| separator | 是否千分位分隔 | `boolean` | `true` |
+| prefix | 前缀 | `string` | - |
+| suffix | 后缀 | `string` | - |
+| color | 数字颜色 | `string` | `--tech-primary` |
+| fontSize | 字体大小(px) | `number` | `36` |
+| animate | 是否启用动画 | `boolean` | `true` |
+
+---
+
+### TechTitle — 科技标题
+
+5 种科技风格标题变体，支持三级标题。
+
+```tsx
+<TechTitle variant="bracket" level={1}>智慧数据中心监控平台</TechTitle>
+<TechTitle variant="underline" level={3}>核心指标</TechTitle>
+<TechTitle variant="glow" level={2} align="center">数据总览</TechTitle>
+```
+
+| 属性 | 说明 | 类型 | 默认值 |
+|------|------|------|--------|
+| variant | 标题变体 | `'default' \| 'gradient' \| 'glow' \| 'underline' \| 'bracket'` | `'default'` |
+| level | 标题级别 | `1 \| 2 \| 3` | `1` |
+| color | 标题颜色 | `string` | `--tech-primary` |
+| align | 对齐方式 | `'left' \| 'center' \| 'right'` | `'left'` |
+| animate | 是否启用动画 | `boolean` | `true` |
+
+**变体说明：**
+- `default`：纯色标题
+- `gradient`：渐变文字
+- `glow`：发光脉冲效果
+- `underline`：带装饰下划线
+- `bracket`：中括号包裹【标题】
+
+---
+
+### ScrollTable — 滚动表格
+
+自动滚动数据表格，鼠标悬停暂停，适合大屏数据列表展示。
+
+```tsx
+const columns = [
+  { key: 'id', title: '编号', width: '15%' },
+  { key: 'name', title: '名称', width: '25%' },
+  {
+    key: 'status',
+    title: '状态',
+    width: '20%',
+    render: (val) => <span style={{ color: val === '正常' ? '#0affb0' : '#ff4757' }}>{val}</span>,
+  },
+];
+
+<ScrollTable
+  columns={columns}
+  data={tableData}
+  rowHeight={40}
+  visibleRows={6}
+  scrollSpeed={50}
+/>
+```
+
+| 属性 | 说明 | 类型 | 默认值 |
+|------|------|------|--------|
+| columns | 列配置 | `ScrollTableColumn[]` | - |
+| data | 数据源 | `Record<string, any>[]` | - |
+| rowHeight | 行高(px) | `number` | `40` |
+| visibleRows | 可见行数 | `number` | `6` |
+| scrollSpeed | 滚动速度 | `number` | `50` |
+| headerColor | 表头颜色 | `string` | `--tech-primary` |
+| rowHover | 行悬停效果 | `boolean` | `true` |
+| animate | 是否自动滚动 | `boolean` | `true` |
+
+---
+
+### StatusIndicator — 状态指示器
+
+带脉冲动画的状态指示灯。
+
+```tsx
+<StatusIndicator status="online" label="系统正常" />
+<StatusIndicator status="warning" label="2项告警" size="small" />
+<StatusIndicator status="error" label="服务异常" />
+```
+
+| 属性 | 说明 | 类型 | 默认值 |
+|------|------|------|--------|
+| status | 状态类型 | `'online' \| 'offline' \| 'warning' \| 'error' \| 'custom'` | `'online'` |
+| color | 自定义颜色（custom 模式） | `string` | - |
+| label | 状态文本 | `string` | - |
+| size | 尺寸 | `'small' \| 'medium' \| 'large'` | `'medium'` |
+| animate | 脉冲动画 | `boolean` | `true` |
+| showDot | 是否显示指示灯 | `boolean` | `true` |
+
+---
+
+### DecorationLine — 装饰线条
+
+5 种装饰线条样式，用于区域分隔和视觉装饰。
+
+```tsx
+<DecorationLine variant="gradient" />
+<DecorationLine variant="dashed" length={80} />
+<DecorationLine variant="dot-wave" length={100} />
+```
+
+| 属性 | 说明 | 类型 | 默认值 |
+|------|------|------|--------|
+| variant | 线条变体 | `'solid' \| 'dashed' \| 'gradient' \| 'double' \| 'dot-wave'` | `'gradient'` |
+| direction | 方向 | `'horizontal' \| 'vertical'` | `'horizontal'` |
+| color | 线条颜色 | `string` | `--tech-primary` |
+| length | 线条长度 | `string \| number` | `'100%'` |
+| thickness | 线条粗细(px) | `number` | `1` |
+| animate | 是否启用动画 | `boolean` | `true` |
+
+---
+
+### TechButton — 科技按钮
+
+5 种科技风格按钮，支持发光、加载、扫光等效果。
+
+```tsx
+<TechButton variant="primary" glow>启动服务</TechButton>
+<TechButton variant="neon">高级设置</TechButton>
+<TechButton variant="outline" loading>部署中...</TechButton>
+<TechButton variant="ghost" size="small">刷新数据</TechButton>
+```
+
+| 属性 | 说明 | 类型 | 默认值 |
+|------|------|------|--------|
+| variant | 按钮变体 | `'primary' \| 'secondary' \| 'outline' \| 'ghost' \| 'neon'` | `'primary'` |
+| size | 按钮尺寸 | `'small' \| 'medium' \| 'large'` | `'medium'` |
+| color | 主题色 | `string` | - |
+| glow | 发光脉冲效果 | `boolean` | `false` |
+| loading | 加载状态 | `boolean` | `false` |
+| icon | 图标 | `ReactNode` | - |
+
+继承所有原生 `<button>` HTML 属性。
+
+---
+
+## 主题定制
+
+组件库使用 CSS 变量驱动主题，可通过覆盖变量自定义风格：
+
+```css
+:root {
+  --tech-primary: #00d4ff;
+  --tech-secondary: #0affb0;
+  --tech-accent: #ff6b35;
+  --tech-bg-dark: #0a0e27;
+  --tech-bg-card: rgba(13, 17, 53, 0.85);
+  --tech-border: rgba(0, 212, 255, 0.3);
+  --tech-text-primary: #e8eaf6;
+  --tech-font-digital: 'Orbitron', monospace;
+  --tech-font-title: 'Rajdhani', sans-serif;
+}
+```
+
+也可在 JavaScript 中获取主题对象：
+
+```tsx
+import { techTheme } from 'react-tech-ui';
+
+console.log(techTheme.colors.primary);  // '#00d4ff'
+console.log(techTheme.colors.bgDark);   // '#0a0e27'
+```
+
+## 项目结构
+
+```
+src/
+├── theme/
+│   ├── index.ts              # 主题变量定义
+│   └── global.css            # 全局样式 & CSS变量 & 关键帧动画
+├── utils/
+│   └── index.ts              # 工具函数
+├── components/
+│   ├── ScreenAdapter/        # 大屏适配器
+│   ├── TechBorder/           # 科技边框
+│   ├── DataCard/             # 数据卡片
+│   ├── DigitalNumber/        # 数字翻牌器
+│   ├── TechTitle/            # 科技标题
+│   ├── ScrollTable/          # 滚动表格
+│   ├── StatusIndicator/      # 状态指示器
+│   ├── DecorationLine/       # 装饰线条
+│   └── TechButton/           # 科技按钮
+└── index.ts                  # 统一导出入口
+
+demo/
+├── main.tsx                  # Demo 入口
+└── App.tsx                   # 大屏演示页面
+```
+
+## 技术栈
+
+- React 18+
+- TypeScript 5
+- Vite 5
+- CSS Variables（主题系统）
+
+## 参与贡献
+
+1. Fork 本仓库
+2. 新建 Feat_xxx 分支
+3. 提交代码
+4. 新建 Pull Request
+
+## License
+
+MIT

package/dist/DataCard/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../chunks/jsx-runtime-7asRZgsb.cjs");const a=require("../chunks/DataCard-DjcUGxo9.cjs");exports.DataCard=a.DataCard;

package/dist/DataCard/index.js

@@ -0,0 +1,5 @@
+import "../chunks/jsx-runtime-C6iVud2f.js";
+import { D as t } from "../chunks/DataCard-CY4njdg1.js";
+export {
+  t as DataCard
+};

package/dist/DataCard/style.css

@@ -0,0 +1 @@
+.tech-data-card{position:relative;padding:20px 24px;border-radius:4px;overflow:hidden;box-sizing:border-box}.tech-data-card--animate{animation:techFadeIn .5s ease-out}.tech-data-card--default{background:var(--tech-bg-card);border:1px solid var(--tech-border)}.tech-data-card--gradient{background:linear-gradient(135deg,var(--tech-bg-card) 0%,rgba(0,212,255,.08) 100%);border:1px solid var(--tech-border)}.tech-data-card--glass{background:#0d113599;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--tech-border)}.tech-data-card--outline{background:transparent;border:1px solid var(--tech-card-color, var(--tech-primary));box-shadow:0 0 15px #00d4ff1a}.tech-data-card__corner{position:absolute;width:12px;height:12px;z-index:1}.tech-data-card__corner--tl{top:0;left:0;border-top:2px solid var(--tech-card-color, var(--tech-primary));border-left:2px solid var(--tech-card-color, var(--tech-primary))}.tech-data-card__corner--br{bottom:0;right:0;border-bottom:2px solid var(--tech-card-color, var(--tech-primary));border-right:2px solid var(--tech-card-color, var(--tech-primary))}.tech-data-card__header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.tech-data-card__icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:4px;background:var(--tech-glow-primary);color:var(--tech-card-color, var(--tech-primary));font-size:16px}.tech-data-card__title{font-size:14px;color:var(--tech-text-secondary);font-weight:500;letter-spacing:1px;text-transform:uppercase}.tech-data-card__body{position:relative}.tech-data-card__value-row{display:flex;align-items:baseline;gap:6px}.tech-data-card__value{font-family:var(--tech-font-digital);font-size:32px;font-weight:700;color:var(--tech-card-color, var(--tech-primary));line-height:1.2;text-shadow:0 0 10px var(--tech-glow-primary)}.tech-data-card__unit{font-size:14px;color:var(--tech-text-secondary);margin-left:4px}.tech-data-card__trend{display:flex;align-items:center;gap:4px;margin-top:8px;font-size:13px}.tech-data-card__trend--up{color:var(--tech-success)}.tech-data-card__trend--down{color:var(--tech-danger)}.tech-data-card__trend--flat{color:var(--tech-text-muted)}.tech-data-card__trend-icon{font-size:10px}.tech-data-card__trend-value{font-family:var(--tech-font-digital);font-weight:500}

package/dist/DataCard.d.ts

@@ -0,0 +1 @@
+export * from './components/DataCard/entry'

package/dist/DecorationLine/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../chunks/jsx-runtime-7asRZgsb.cjs");const e=require("../chunks/DecorationLine-Be4QQyry.cjs");exports.DecorationLine=e.DecorationLine;

package/dist/DecorationLine/index.js

@@ -0,0 +1,5 @@
+import "../chunks/jsx-runtime-C6iVud2f.js";
+import { D as i } from "../chunks/DecorationLine-CaZYIYl6.js";
+export {
+  i as DecorationLine
+};

package/dist/DecorationLine/style.css

@@ -0,0 +1 @@
+.tech-decoration-line{position:relative}.tech-decoration-line--horizontal{width:var(--tech-line-length);height:var(--tech-line-thickness)}.tech-decoration-line--vertical{width:var(--tech-line-thickness);height:var(--tech-line-length)}.tech-decoration-line--solid{background:var(--tech-line-color)}.tech-decoration-line--dashed{background:repeating-linear-gradient(90deg,var(--tech-line-color) 0,var(--tech-line-color) 8px,transparent 8px,transparent 16px)}.tech-decoration-line--vertical.tech-decoration-line--dashed{background:repeating-linear-gradient(180deg,var(--tech-line-color) 0,var(--tech-line-color) 8px,transparent 8px,transparent 16px)}.tech-decoration-line--gradient{background:linear-gradient(90deg,transparent,var(--tech-line-color),transparent)}.tech-decoration-line--vertical.tech-decoration-line--gradient{background:linear-gradient(180deg,transparent,var(--tech-line-color),transparent)}.tech-decoration-line--animate.tech-decoration-line--gradient{background-size:200% 100%;animation:techBorderFlow 3s linear infinite}.tech-decoration-line--double{background:var(--tech-line-color);display:flex;flex-direction:column;justify-content:center}.tech-decoration-line__inner{height:1px;background:var(--tech-bg-dark);margin:1px 0}.tech-decoration-line--dot-wave{background:transparent;height:4px;overflow:hidden}.tech-decoration-line__dots{display:flex;gap:6px;align-items:center;height:100%}.tech-decoration-line__dot{width:3px;height:3px;border-radius:50%;background:var(--tech-line-color);flex-shrink:0}.tech-decoration-line--animate .tech-decoration-line__dot{animation:techDotBlink 1.5s ease-in-out infinite}

package/dist/DecorationLine.d.ts

@@ -0,0 +1 @@
+export * from './components/DecorationLine/entry'

package/dist/DigitalNumber/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../chunks/jsx-runtime-7asRZgsb.cjs");const e=require("../chunks/DigitalNumber-BWP5OjvN.cjs");exports.DigitalNumber=e.DigitalNumber;

package/dist/DigitalNumber/index.js

@@ -0,0 +1,5 @@
+import "../chunks/jsx-runtime-C6iVud2f.js";
+import { D as o } from "../chunks/DigitalNumber-BNklEz-G.js";
+export {
+  o as DigitalNumber
+};

package/dist/DigitalNumber/style.css

@@ -0,0 +1 @@
+.tech-digital-number{display:inline-flex;align-items:baseline;gap:4px;font-family:var(--tech-font-digital)}.tech-digital-number__value{font-size:var(--tech-digital-size);font-weight:700;color:var(--tech-digital-color);text-shadow:0 0 10px currentColor,0 0 20px rgba(0,212,255,.3);letter-spacing:2px;transition:transform .3s ease}.tech-digital-number--flipping .tech-digital-number__value{animation:techNumberFlip .3s ease-out}.tech-digital-number__prefix,.tech-digital-number__suffix{font-size:calc(var(--tech-digital-size) * .4);color:var(--tech-text-secondary);font-weight:400}.tech-digital-number__prefix{margin-right:2px}.tech-digital-number__suffix{margin-left:4px}

package/dist/DigitalNumber.d.ts

@@ -0,0 +1 @@
+export * from './components/DigitalNumber/entry'

package/dist/Drawer/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../chunks/jsx-runtime-7asRZgsb.cjs");const e=require("../chunks/Drawer-CuoztnnD.cjs");exports.Drawer=e.Drawer;

package/dist/Drawer/index.js

@@ -0,0 +1,5 @@
+import "../chunks/jsx-runtime-C6iVud2f.js";
+import { D as e } from "../chunks/Drawer-u77zScbz.js";
+export {
+  e as Drawer
+};

package/dist/Drawer/style.css

@@ -0,0 +1 @@
+.tech-drawer-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000}.tech-drawer-mask{position:absolute;top:0;right:0;bottom:0;left:0;background:#0009;animation:techDrawerMaskIn .3s ease}@keyframes techDrawerMaskIn{0%{opacity:0}to{opacity:1}}.tech-drawer{position:absolute;display:flex;flex-direction:column;background:var(--tech-bg-medium);border:1px solid var(--tech-border);overflow:hidden}.tech-drawer--right{top:0;right:0;bottom:0;border-right:none;border-top:none;border-bottom:none;animation:techDrawerSlideRight .3s cubic-bezier(.4,0,.2,1)}.tech-drawer--left{top:0;left:0;bottom:0;border-left:none;border-top:none;border-bottom:none;animation:techDrawerSlideLeft .3s cubic-bezier(.4,0,.2,1)}.tech-drawer--top{top:0;left:0;right:0;border-top:none;border-left:none;border-right:none;animation:techDrawerSlideTop .3s cubic-bezier(.4,0,.2,1)}.tech-drawer--bottom{bottom:0;left:0;right:0;border-bottom:none;border-left:none;border-right:none;animation:techDrawerSlideBottom .3s cubic-bezier(.4,0,.2,1)}@keyframes techDrawerSlideRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes techDrawerSlideLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes techDrawerSlideTop{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes techDrawerSlideBottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}.tech-drawer--neon{border-color:var(--tech-primary);box-shadow:0 0 30px var(--tech-glow-primary),inset 0 0 30px var(--tech-glow-primary)}.tech-drawer--scan .tech-drawer__scan-line{display:block}.tech-drawer__scan-line{display:none;position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--tech-primary),transparent);animation:techDrawerScan 3s linear infinite;opacity:.5;z-index:2}@keyframes techDrawerScan{0%{top:0}to{top:100%}}.tech-drawer__corner{position:absolute;width:12px;height:12px;z-index:1}.tech-drawer__corner--tl{top:0;left:0;border-top:2px solid var(--tech-primary);border-left:2px solid var(--tech-primary)}.tech-drawer__corner--tr{top:0;right:0;border-top:2px solid var(--tech-primary);border-right:2px solid var(--tech-primary)}.tech-drawer__corner--bl{bottom:0;left:0;border-bottom:2px solid var(--tech-primary);border-left:2px solid var(--tech-primary)}.tech-drawer__corner--br{bottom:0;right:0;border-bottom:2px solid var(--tech-primary);border-right:2px solid var(--tech-primary)}.tech-drawer__edge-line{position:absolute;top:0;bottom:0;width:2px;background:linear-gradient(180deg,transparent 0%,var(--tech-primary) 20%,var(--tech-primary) 80%,transparent 100%);opacity:.4;z-index:1}.tech-drawer--right .tech-drawer__edge-line{left:0}.tech-drawer--left .tech-drawer__edge-line{right:0}.tech-drawer--neon .tech-drawer__edge-line{opacity:.8;box-shadow:0 0 8px var(--tech-glow-primary)}.tech-drawer__header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--tech-border);flex-shrink:0}.tech-drawer--neon .tech-drawer__header{border-bottom-color:var(--tech-primary);box-shadow:0 2px 8px var(--tech-glow-primary)}.tech-drawer__title{font-size:16px;font-weight:600;color:var(--tech-primary);letter-spacing:2px;text-transform:uppercase}.tech-drawer__close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid var(--tech-border);border-radius:2px;background:transparent;color:var(--tech-text-secondary);cursor:pointer;transition:all .2s}.tech-drawer__close:hover{border-color:var(--tech-primary);color:var(--tech-primary);box-shadow:0 0 8px var(--tech-glow-primary)}.tech-drawer__body{flex:1;padding:20px;overflow-y:auto;color:var(--text-secondary, var(--tech-text-secondary))}.tech-drawer__footer{padding:12px 20px;border-top:1px solid var(--tech-border);display:flex;justify-content:flex-end;gap:8px;flex-shrink:0}.tech-drawer--neon .tech-drawer__footer{border-top-color:var(--tech-primary);box-shadow:0 -2px 8px var(--tech-glow-primary)}

package/dist/Drawer.d.ts

@@ -0,0 +1 @@
+export * from './components/Drawer/entry'

package/dist/FloatingButton/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../chunks/jsx-runtime-7asRZgsb.cjs");const t=require("../chunks/FloatingButton-nOl8ZHul.cjs");exports.FloatingButton=t.FloatingButton;

package/dist/FloatingButton/index.js

@@ -0,0 +1,5 @@
+import "../chunks/jsx-runtime-C6iVud2f.js";
+import { F as a } from "../chunks/FloatingButton-DcNfUVcB.js";
+export {
+  a as FloatingButton
+};

package/dist/FloatingButton/style.css

@@ -0,0 +1 @@
+.tech-fab{width:var(--tech-fab-size, 48px);height:var(--tech-fab-size, 48px);border-radius:50%;background:var(--tech-fab-bg-card, var(--tech-bg-card));border:1px solid var(--tech-fab-border, var(--tech-border));display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;overflow:visible;transition:background-color .3s,border-color .3s,box-shadow .3s,transform .2s;user-select:none;-webkit-user-select:none;touch-action:none}.tech-fab--draggable{cursor:grab}.tech-fab--dragging{cursor:grabbing;transform:scale(1.1);transition:background-color .3s,border-color .3s,box-shadow .3s}.tech-fab--hovered{border-color:var(--tech-fab-border-active, var(--tech-border-active));box-shadow:0 0 16px var(--tech-fab-glow, var(--tech-glow-primary))}.tech-fab__content{display:flex;align-items:center;justify-content:center;gap:6px;z-index:2;color:var(--tech-fab-text-primary, var(--tech-text-primary));pointer-events:none}.tech-fab__icon{display:flex;align-items:center;justify-content:center;font-size:18px;line-height:1}.tech-fab__label{font-size:12px;white-space:nowrap;font-weight:500}.tech-fab__pulse{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;border:1px solid var(--tech-fab-primary, var(--tech-primary));opacity:0;animation:techFabPulse 2.5s ease-out infinite;pointer-events:none}@keyframes techFabPulse{0%{top:-4px;right:-4px;bottom:-4px;left:-4px;opacity:.6}to{top:-20px;right:-20px;bottom:-20px;left:-20px;opacity:0}}.tech-fab__corner{position:absolute;width:8px;height:8px;z-index:1;opacity:.5;transition:opacity .3s,border-color .3s}.tech-fab--hovered .tech-fab__corner{opacity:1}.tech-fab__corner--tl{top:4px;left:4px;border-top:2px solid var(--tech-fab-primary, var(--tech-primary));border-left:2px solid var(--tech-fab-primary, var(--tech-primary))}.tech-fab__corner--tr{top:4px;right:4px;border-top:2px solid var(--tech-fab-primary, var(--tech-primary));border-right:2px solid var(--tech-fab-primary, var(--tech-primary))}.tech-fab__corner--bl{bottom:4px;left:4px;border-bottom:2px solid var(--tech-fab-primary, var(--tech-primary));border-left:2px solid var(--tech-fab-primary, var(--tech-primary))}.tech-fab__corner--br{bottom:4px;right:4px;border-bottom:2px solid var(--tech-fab-primary, var(--tech-primary));border-right:2px solid var(--tech-fab-primary, var(--tech-primary))}.tech-fab--neon{border-color:var(--tech-fab-primary, var(--tech-primary));box-shadow:0 0 10px var(--tech-fab-glow, var(--tech-glow-primary))}.tech-fab--neon.tech-fab--hovered{box-shadow:0 0 20px var(--tech-fab-glow, var(--tech-glow-primary)),0 0 40px var(--tech-fab-glow, var(--tech-glow-primary))}.tech-fab--neon .tech-fab__content{color:var(--tech-fab-primary, var(--tech-primary))}.tech-fab--glow{border-color:var(--tech-fab-primary, var(--tech-primary));animation:techFabGlow 2s ease-in-out infinite alternate}.tech-fab--glow .tech-fab__content{color:var(--tech-fab-primary, var(--tech-primary))}@keyframes techFabGlow{0%{box-shadow:0 0 8px var(--tech-fab-glow, var(--tech-glow-primary)),0 0 16px var(--tech-fab-glow, var(--tech-glow-primary))}to{box-shadow:0 0 16px var(--tech-fab-glow, var(--tech-glow-primary)),0 0 32px var(--tech-fab-glow, var(--tech-glow-primary))}}.tech-fab--glass{background:#ffffff0d;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-color:#ffffff1a}.tech-fab--glass.tech-fab--hovered{background:#ffffff1a;border-color:var(--tech-fab-primary, var(--tech-primary));box-shadow:0 0 20px var(--tech-fab-glow, var(--tech-glow-primary))}.tech-fab--glass .tech-fab__corner{opacity:.3}.tech-fab--glass.tech-fab--hovered .tech-fab__corner{opacity:.8}

package/dist/FloatingButton.d.ts

@@ -0,0 +1 @@
+export * from './components/FloatingButton/entry'

package/dist/FlowLight/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../chunks/jsx-runtime-7asRZgsb.cjs");const e=require("../chunks/FlowLight-DLBCaU07.cjs");exports.FlowLight=e.FlowLight;

package/dist/FlowLight/index.js

@@ -0,0 +1,5 @@
+import "../chunks/jsx-runtime-C6iVud2f.js";
+import { F as i } from "../chunks/FlowLight-Brrwyxcv.js";
+export {
+  i as FlowLight
+};

package/dist/FlowLight/style.css

@@ -0,0 +1 @@
+.tech-flow-light{position:relative;width:100%;height:100%;overflow:hidden;background:var(--tech-bg-dark)}.tech-flow-light__layer{position:absolute;top:0;right:0;bottom:0;left:0;opacity:var(--tech-flow-opacity, .6);pointer-events:none}.tech-flow-light__content{position:relative;z-index:2;width:100%;height:100%}.tech-flow-light--aurora .tech-flow-light__aurora{position:absolute;width:200%;height:60%;filter:blur(80px);opacity:var(--tech-flow-opacity, .6);pointer-events:none}.tech-flow-light__aurora--1{top:-20%;left:-50%;background:linear-gradient(90deg,transparent 0%,var(--tech-flow-color, var(--tech-primary)) 15%,transparent 30%,var(--tech-flow-color, var(--tech-secondary)) 50%,transparent 70%,var(--tech-flow-color, var(--tech-primary)) 85%,transparent 100%);animation:techAuroraMove1 calc(var(--tech-flow-speed, 6s) * 3) ease-in-out infinite}.tech-flow-light__aurora--2{top:-10%;left:-30%;background:linear-gradient(90deg,transparent 0%,var(--tech-flow-color, var(--tech-secondary)) 20%,transparent 40%,var(--tech-flow-color, var(--tech-primary)) 60%,transparent 80%,var(--tech-flow-color, var(--tech-secondary)) 95%,transparent 100%);animation:techAuroraMove2 calc(var(--tech-flow-speed, 6s) * 4) ease-in-out infinite;opacity:calc(var(--tech-flow-opacity, .6) * .7)}.tech-flow-light__aurora--3{top:-5%;left:-60%;background:linear-gradient(90deg,transparent 0%,var(--tech-flow-color, var(--tech-primary-dark, #0098d4)) 25%,transparent 50%,var(--tech-flow-color, var(--tech-primary)) 75%,transparent 100%);animation:techAuroraMove3 calc(var(--tech-flow-speed, 6s) * 5) ease-in-out infinite;opacity:calc(var(--tech-flow-opacity, .6) * .5)}@keyframes techAuroraMove1{0%,to{transform:translate(0) rotate(-3deg) scaleY(1)}33%{transform:translate(15%) rotate(2deg) scaleY(1.2)}66%{transform:translate(-10%) rotate(-1deg) scaleY(.9)}}@keyframes techAuroraMove2{0%,to{transform:translate(0) rotate(2deg) scaleY(1)}50%{transform:translate(-20%) rotate(-3deg) scaleY(1.3)}}@keyframes techAuroraMove3{0%,to{transform:translate(0) rotate(-1deg)}50%{transform:translate(25%) rotate(3deg)}}.tech-flow-light--grid .tech-flow-light__grid-canvas{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(var(--tech-flow-color, var(--tech-border)) 1px,transparent 1px),linear-gradient(90deg,var(--tech-flow-color, var(--tech-border)) 1px,transparent 1px);background-size:40px 40px;opacity:var(--tech-flow-opacity, .6);animation:techGridFlow calc(var(--tech-flow-speed, 6s) * 2) linear infinite;pointer-events:none}.tech-flow-light--grid:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 50%,transparent 0%,var(--tech-bg-dark) 70%);pointer-events:none;z-index:1}@keyframes techGridFlow{0%{background-position:0 0}to{background-position:40px 40px}}.tech-flow-light--particle .tech-flow-light__particles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.tech-flow-light__particle{position:absolute;left:var(--tech-flow-px);top:var(--tech-flow-py);width:var(--tech-flow-pr, 2px);height:var(--tech-flow-pr, 2px);border-radius:50%;background:var(--tech-flow-color, var(--tech-primary));box-shadow:0 0 6px var(--tech-flow-color, var(--tech-primary));opacity:0;animation:techParticleFloat var(--tech-flow-pd, 3s) var(--tech-flow-ps, 2s) ease-in-out infinite}@keyframes techParticleFloat{0%{opacity:0;transform:translateY(0) scale(.5)}20%{opacity:var(--tech-flow-opacity, .6)}80%{opacity:var(--tech-flow-opacity, .6)}to{opacity:0;transform:translateY(-80px) scale(1.2)}}.tech-flow-light--wave .tech-flow-light__waves{position:absolute;bottom:0;left:0;right:0;height:50%;pointer-events:none}.tech-flow-light__wave{position:absolute;bottom:0;left:-50%;width:200%;height:100%;opacity:var(--tech-flow-opacity, .6)}.tech-flow-light__wave--1{background:linear-gradient(0deg,var(--tech-flow-color, var(--tech-primary)) 0%,transparent 60%);opacity:calc(var(--tech-flow-opacity, .6) * .15);animation:techWaveMove calc(var(--tech-flow-speed, 6s) * 1.5) linear infinite}.tech-flow-light__wave--2{background:linear-gradient(0deg,var(--tech-flow-color, var(--tech-secondary)) 0%,transparent 50%);opacity:calc(var(--tech-flow-opacity, .6) * .12);animation:techWaveMove calc(var(--tech-flow-speed, 6s) * 2) linear infinite reverse}.tech-flow-light__wave--3{background:linear-gradient(0deg,var(--tech-flow-color, var(--tech-primary)) 0%,transparent 40%);opacity:calc(var(--tech-flow-opacity, .6) * .08);animation:techWaveMove calc(var(--tech-flow-speed, 6s) * 2.5) linear infinite}@keyframes techWaveMove{0%{transform:translate(0) scaleY(1)}25%{transform:translate(-5%) scaleY(1.1)}50%{transform:translate(0) scaleY(.95)}75%{transform:translate(5%) scaleY(1.05)}to{transform:translate(0) scaleY(1)}}.tech-flow-light--low .tech-flow-light__aurora,.tech-flow-light--low .tech-flow-light__grid-canvas,.tech-flow-light--low .tech-flow-light__particles,.tech-flow-light--low .tech-flow-light__waves{filter:blur(2px) brightness(.5)}.tech-flow-light--high .tech-flow-light__aurora,.tech-flow-light--high .tech-flow-light__particles,.tech-flow-light--high .tech-flow-light__waves{filter:brightness(1.3)}.tech-flow-light--high .tech-flow-light__grid-canvas{filter:brightness(1.5)}

package/dist/FlowLight.d.ts

@@ -0,0 +1 @@
+export * from './components/FlowLight/entry'

package/dist/Icon/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../chunks/jsx-runtime-7asRZgsb.cjs");const e=require("../chunks/Icon-ISAK5vLx.cjs");exports.Icon=e.Icon;exports.iconNames=e.iconNames;