@4399ywkf/design 2.1.0 → 2.1.1

package/dist/AiConversation/_lobe/base-ui/ScrollArea/atoms.js

@@ -0,0 +1,81 @@
+'use client';
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _excluded = ["className"],
+  _excluded2 = ["className", "scrollFade"],
+  _excluded3 = ["className"],
+  _excluded4 = ["className"],
+  _excluded5 = ["className"],
+  _excluded6 = ["className"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import { ScrollArea as BaseScrollArea } from '@base-ui/react/scroll-area';
+import { cx } from 'antd-style';
+import ScrollAreaGlobalStyle from "./globalStyle";
+import { styles } from "./style";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var mergeStateClassName = function mergeStateClassName(base, className) {
+  if (typeof className === 'function') return function (state) {
+    return cx(base, className(state));
+  };
+  return cx(base, className);
+};
+export var ScrollAreaRoot = function ScrollAreaRoot(_ref) {
+  var className = _ref.className,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/_jsx(BaseScrollArea.Root, _objectSpread(_objectSpread({}, rest), {}, {
+    className: mergeStateClassName(styles.root, className)
+  }));
+};
+ScrollAreaRoot.displayName = 'ScrollAreaRoot';
+export var ScrollAreaViewport = function ScrollAreaViewport(_ref2) {
+  var className = _ref2.className,
+    _ref2$scrollFade = _ref2.scrollFade,
+    scrollFade = _ref2$scrollFade === void 0 ? false : _ref2$scrollFade,
+    rest = _objectWithoutProperties(_ref2, _excluded2);
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(ScrollAreaGlobalStyle, {}), /*#__PURE__*/_jsx(BaseScrollArea.Viewport, _objectSpread(_objectSpread({}, rest), {}, {
+      className: mergeStateClassName(cx(styles.viewport, scrollFade && styles.viewportFade), className)
+    }))]
+  });
+};
+ScrollAreaViewport.displayName = 'ScrollAreaViewport';
+export var ScrollAreaContent = function ScrollAreaContent(_ref3) {
+  var className = _ref3.className,
+    rest = _objectWithoutProperties(_ref3, _excluded3);
+  return /*#__PURE__*/_jsx(BaseScrollArea.Content, _objectSpread(_objectSpread({}, rest), {}, {
+    className: mergeStateClassName(styles.content, className)
+  }));
+};
+ScrollAreaContent.displayName = 'ScrollAreaContent';
+export var ScrollAreaScrollbar = function ScrollAreaScrollbar(_ref4) {
+  var className = _ref4.className,
+    rest = _objectWithoutProperties(_ref4, _excluded4);
+  return /*#__PURE__*/_jsx(BaseScrollArea.Scrollbar, _objectSpread(_objectSpread({}, rest), {}, {
+    className: mergeStateClassName(styles.scrollbar, className)
+  }));
+};
+ScrollAreaScrollbar.displayName = 'ScrollAreaScrollbar';
+export var ScrollAreaThumb = function ScrollAreaThumb(_ref5) {
+  var className = _ref5.className,
+    rest = _objectWithoutProperties(_ref5, _excluded5);
+  return /*#__PURE__*/_jsx(BaseScrollArea.Thumb, _objectSpread(_objectSpread({}, rest), {}, {
+    className: mergeStateClassName(styles.thumb, className)
+  }));
+};
+ScrollAreaThumb.displayName = 'ScrollAreaThumb';
+export var ScrollAreaCorner = function ScrollAreaCorner(_ref6) {
+  var className = _ref6.className,
+    rest = _objectWithoutProperties(_ref6, _excluded6);
+  return /*#__PURE__*/_jsx(BaseScrollArea.Corner, _objectSpread(_objectSpread({}, rest), {}, {
+    className: mergeStateClassName(styles.corner, className)
+  }));
+};
+ScrollAreaCorner.displayName = 'ScrollAreaCorner';

package/dist/AiConversation/_lobe/base-ui/ScrollArea/globalStyle.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+/**
+ * Register animatable custom properties used by scroll-driven animations.
+ *
+ * Without @property registration, custom properties interpolate discretely,
+ * which can cause visible snapping at scroll boundaries.
+ */
+declare const ScrollAreaGlobalStyle: import("react").NamedExoticComponent<object>;
+export default ScrollAreaGlobalStyle;

package/dist/AiConversation/_lobe/base-ui/ScrollArea/globalStyle.js

@@ -0,0 +1,16 @@
+'use client';
+
+var _templateObject;
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+import { createGlobalStyle, css } from 'antd-style';
+
+/**
+ * Register animatable custom properties used by scroll-driven animations.
+ *
+ * Without @property registration, custom properties interpolate discretely,
+ * which can cause visible snapping at scroll boundaries.
+ */
+var ScrollAreaGlobalStyle = createGlobalStyle(function () {
+  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    @property --lobe-scroll-area-fade-top {\n      inherits: true;\n      initial-value: 0;\n      syntax: '<length>';\n    }\n\n    @property --lobe-scroll-area-fade-bottom {\n      inherits: true;\n      initial-value: 0;\n      syntax: '<length>';\n    }\n  "])));
+});
+export default ScrollAreaGlobalStyle;

package/dist/AiConversation/_lobe/base-ui/ScrollArea/index.d.ts

@@ -0,0 +1,4 @@
+export type { ScrollAreaContentProps, ScrollAreaCornerProps, ScrollAreaRootProps, ScrollAreaScrollbarProps, ScrollAreaThumbProps, ScrollAreaViewportProps, } from './atoms';
+export { ScrollAreaContent, ScrollAreaCorner, ScrollAreaRoot, ScrollAreaScrollbar, ScrollAreaThumb, ScrollAreaViewport, } from './atoms';
+export { ScrollArea } from './ScrollArea';
+export type { ScrollAreaProps } from './type';

package/dist/AiConversation/_lobe/base-ui/ScrollArea/index.js

@@ -0,0 +1,2 @@
+export { ScrollAreaContent, ScrollAreaCorner, ScrollAreaRoot, ScrollAreaScrollbar, ScrollAreaThumb, ScrollAreaViewport } from "./atoms";
+export { ScrollArea } from "./ScrollArea";

package/dist/AiConversation/_lobe/base-ui/ScrollArea/style.d.ts

@@ -0,0 +1,9 @@
+export declare const styles: {
+    content: string;
+    corner: string;
+    root: string;
+    scrollbar: string;
+    thumb: string;
+    viewport: string;
+    viewportFade: string;
+};

package/dist/AiConversation/_lobe/base-ui/ScrollArea/style.js

@@ -0,0 +1,16 @@
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+import { createStaticStyles } from 'antd-style';
+export var styles = createStaticStyles(function (_ref) {
+  var css = _ref.css,
+    cssVar = _ref.cssVar;
+  return {
+    content: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n\n    font-size: ", ";\n    line-height: 1.375rem;\n    color: ", ";\n  "])), cssVar.fontSizeSM, cssVar.colorText),
+    corner: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    background: ", ";\n  "])), cssVar.colorFillSecondary),
+    root: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    position: relative;\n    box-sizing: border-box;\n    border-radius: ", ";\n    background: ", ";\n  "])), cssVar.borderRadiusLG, cssVar.colorBgLayout),
+    scrollbar: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    pointer-events: none;\n\n    position: relative;\n\n    display: flex;\n    justify-content: center;\n\n    margin: 8px;\n    border-radius: ", ";\n\n    opacity: 0;\n    background: transparent;\n\n    transition: opacity 150ms;\n\n    &::before {\n      content: '';\n      position: absolute;\n    }\n\n    &[data-scrolling] {\n      transition-duration: 0ms;\n    }\n\n    &[data-hovering],\n    &[data-scrolling] {\n      pointer-events: auto;\n      opacity: 1;\n    }\n\n    &[data-orientation='vertical'] {\n      width: 4px;\n\n      &::before {\n        inset-inline-start: 50%;\n        transform: translateX(-50%);\n        width: 20px;\n        height: 100%;\n      }\n    }\n\n    &[data-orientation='horizontal'] {\n      height: 4px;\n\n      &::before {\n        inset-block-end: -8px;\n        inset-inline: 0;\n        width: 100%;\n        height: 20px;\n      }\n    }\n  "])), cssVar.borderRadiusSM),
+    thumb: css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n    width: 100%;\n    border-radius: inherit;\n    background: ", ";\n  "])), cssVar.colorTextQuaternary),
+    viewport: css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n    position: relative;\n    height: 100%;\n    outline: none;\n\n    &:focus-visible {\n      outline: 2px solid ", ";\n      outline-offset: 2px;\n    }\n  "])), cssVar.colorPrimary),
+    viewportFade: css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n    --scroll-area-overflow-y-start: inherit;\n    --scroll-area-overflow-y-end: inherit;\n    --lobe-scroll-area-fade-size: 40px;\n    --lobe-scroll-area-fade-top: min(\n      var(--lobe-scroll-area-fade-size),\n      var(--scroll-area-overflow-y-start, 0px)\n    );\n    --lobe-scroll-area-fade-bottom: min(\n      var(--lobe-scroll-area-fade-size),\n      var(--scroll-area-overflow-y-end, 0px)\n    );\n\n    /* Fade the CONTENT via mask, so it works on background images too. */\n    mask-image: linear-gradient(\n      to bottom,\n      transparent 0,\n      #000 var(--lobe-scroll-area-fade-top),\n      #000 calc(100% - var(--lobe-scroll-area-fade-bottom)),\n      transparent 100%\n    );\n    mask-repeat: no-repeat;\n    mask-size: 100% 100%;\n\n    /* Scroll-driven animation: use scroll position to drive the mask. */\n    @supports (animation-timeline: scroll()) {\n      /*\n       * Important: drive fade by *distance to edges* (first/last 40px),\n       * so reaching top/bottom doesn't cause a sudden snap.\n       */\n      @keyframes lobe-scroll-area-fade-top-in {\n        from {\n          --lobe-scroll-area-fade-top: 0;\n        }\n\n        to {\n          --lobe-scroll-area-fade-top: var(--lobe-scroll-area-fade-size);\n        }\n      }\n\n      @keyframes lobe-scroll-area-fade-bottom-out {\n        from {\n          --lobe-scroll-area-fade-bottom: var(--lobe-scroll-area-fade-size);\n        }\n\n        to {\n          --lobe-scroll-area-fade-bottom: 0;\n        }\n      }\n\n      animation-name: lobe-scroll-area-fade-top-in, lobe-scroll-area-fade-bottom-out;\n      animation-duration: 1ms, 1ms;\n      animation-timing-function: linear, linear;\n      animation-fill-mode: both, both;\n      animation-timeline: scroll(self y), scroll(self y);\n\n      animation-range:\n        0 var(--lobe-scroll-area-fade-size),\n        calc(100% - var(--lobe-scroll-area-fade-size)) 100%;\n    }\n  "])))
+  };
+});

package/dist/AiConversation/_lobe/base-ui/ScrollArea/type.d.ts

@@ -0,0 +1,12 @@
+import type { ReactNode } from 'react';
+import type { ScrollAreaContentProps, ScrollAreaCornerProps, ScrollAreaRootProps, ScrollAreaScrollbarProps, ScrollAreaThumbProps, ScrollAreaViewportProps } from './atoms';
+export interface ScrollAreaProps extends Omit<ScrollAreaRootProps, 'children'> {
+    children?: ReactNode;
+    contentProps?: Omit<ScrollAreaContentProps, 'children'>;
+    corner?: boolean;
+    cornerProps?: ScrollAreaCornerProps;
+    scrollbarProps?: Omit<ScrollAreaScrollbarProps, 'children'>;
+    scrollFade?: boolean;
+    thumbProps?: ScrollAreaThumbProps;
+    viewportProps?: Omit<ScrollAreaViewportProps, 'children' | 'scrollFade'>;
+}

package/dist/AiConversation/_lobe/base-ui/ScrollArea/type.js

@@ -0,0 +1 @@
+export {};

package/dist/AiConversation/_lobe/base-ui/Select/Select.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { type SelectProps } from './type';
+declare const Select: import("react").NamedExoticComponent<SelectProps<any>>;
+export default Select;