@cssui/react 1.0.0 → 1.0.2

package/dist/components/select/style.css

@@ -0,0 +1,255 @@
+/**
+ * Select 选择器组件样式
+ */
+
+.css-select {
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  width: 240px;
+  height: 36px;
+  min-height: 36px;
+  padding: 0 28px 0 8px;
+  border: 1px solid #c2c2c2;
+  border-radius: 4px;
+  background: #ffffff;
+  box-sizing: border-box;
+  transition: border-color var(--transition-duration-150) var(--transition-timing);
+}
+
+.css-select-field {
+  display: inline-flex;
+  flex-direction: column;
+  gap: 8px;
+}
+
+.css-select-field__label {
+  color: var(--color-dark);
+  font-size: 14px;
+  line-height: 20px;
+}
+
+.css-select--default {
+  border-color: #c2c2c2;
+}
+
+.css-select--typing {
+  border-color: var(--color-dark);
+}
+
+.css-select--error {
+  border-color: var(--color-error);
+}
+
+.css-select--disabled {
+  border-color: #c2c2c2;
+  background: var(--color-dark-01);
+  cursor: not-allowed;
+}
+
+.css-select:focus-within:not(.css-select--disabled) {
+  border-color: var(--color-dark);
+}
+
+.css-select__control {
+  width: 100%;
+  flex: 1;
+  min-width: 0;
+  padding: 0;
+  border: none;
+  outline: none;
+  background: transparent;
+  color: var(--color-dark);
+  font-family: var(--font-family-base);
+  font-size: var(--font-size-base);
+  line-height: var(--line-height-normal);
+  box-sizing: border-box;
+  cursor: pointer;
+}
+
+.css-select__control::placeholder {
+  color: var(--color-dark-03);
+}
+
+.css-select__control:disabled {
+  color: var(--color-dark-03);
+  cursor: not-allowed;
+}
+
+.css-select__control[readonly] {
+  cursor: pointer;
+}
+
+.css-select__trigger {
+  display: flex;
+  align-items: center;
+  flex: 1;
+  height: 100%;
+  cursor: pointer;
+  min-width: 0;
+}
+
+.css-select__suffix {
+  position: absolute;
+  width: 20px;
+  top: 50%;
+  right: 8px;
+  transform: translateY(-50%);
+  pointer-events: none;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  color: var(--color-dark-03);
+  flex-shrink: 0;
+}
+
+.css-select__panel {
+  position: absolute;
+  top: calc(100% + 4px);
+  left: -1px;
+  right: -1px;
+  z-index: var(--z-dropdown, 1000);
+  border: 1px solid var(--color-dark);
+  border-radius: 4px;
+  background: #ffffff;
+  box-shadow: 0px 4px 4px 0px #33333340;
+  overflow: hidden;
+}
+
+.css-select__option {
+  display: flex;
+  align-items: center;
+  width: 100%;
+  height: 40px;
+  padding: 8px;
+  border: none;
+  border-bottom: 1px solid #d1d1d1;
+  background: #ffffff;
+  color: var(--color-dark);
+  font-family: var(--font-family-base);
+  font-size: var(--font-size-base);
+  line-height: 20px;
+  text-align: left;
+  cursor: pointer;
+}
+
+.css-select__option-label {
+  flex: 1;
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+/* 单选模式：Check 图标在右侧 */
+.css-select__option-check {
+  display: none;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  margin-left: auto;
+  width: 20px;
+  height: 20px;
+}
+
+.css-select__option--selected .css-select__option-check {
+  display: inline-flex;
+}
+
+.css-select__option:last-child {
+  border-bottom: none;
+}
+
+.css-select__option:hover {
+  background: rgba(158, 138, 87, 0.08);
+}
+
+.css-select__option:active {
+  background: var(--color-primary-golden-06);
+  color: #ffffff;
+}
+
+.css-select__option--selected {
+  background: var(--color-primary-golden-04);
+  color: var(--color-dark);
+}
+
+/* ========== 多选模式 ========== */
+
+.css-select--multiple {
+  height: auto;
+  min-height: 36px;
+  padding: 4px 28px 4px 4px;
+  flex-wrap: wrap;
+  align-items: flex-start;
+  cursor: text;
+}
+
+.css-select--multiple .css-select__trigger {
+  flex: 1;
+  min-width: 0;
+  flex-wrap: wrap;
+  gap: 4px;
+  align-items: center;
+}
+
+.css-select--multiple .css-select__control {
+  flex: 1;
+  min-width: 60px;
+  height: 24px;
+}
+
+.css-select__tag {
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+  height: 24px;
+  padding: 0 6px;
+  border: 1px solid var(--color-dark-02, #d1d1d1);
+  border-radius: 3px;
+  background: rgba(158, 138, 87, 0.08);
+  color: var(--color-dark);
+  font-size: 12px;
+  line-height: 1;
+  white-space: nowrap;
+  user-select: none;
+}
+
+.css-select__tag-close {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 16px;
+  height: 16px;
+  border: none;
+  border-radius: 50%;
+  background: transparent;
+  color: var(--color-dark-03, #999);
+  font-size: 12px;
+  cursor: pointer;
+  padding: 0;
+  line-height: 1;
+}
+
+.css-select__tag-close:hover {
+  background: rgba(0, 0, 0, 0.08);
+  color: var(--color-dark);
+}
+
+/* 多选模式：使用 Checkbox 组件 */
+.css-select--multiple .css-select__option .css-checkbox {
+  margin-right: 8px;
+  flex-shrink: 0;
+}
+
+.css-select--multiple .css-select__option .css-checkbox__indicator {
+  margin-right: 0;
+}
+
+.css-select--multiple .css-select__option .css-checkbox__label {
+  display: none;
+}
+
+.css-select--multiple .css-select__option--selected {
+  background: var(--color-primary-golden-04);
+}

package/dist/components/sidebar/index.d.ts

@@ -0,0 +1,19 @@
+import type { NavMenuItem, NavMenuValue } from '../nav-menu';
+export interface SidebarItem extends NavMenuItem {
+}
+export interface SidebarProps {
+    /** 侧边导航数据 */
+    items: SidebarItem[];
+    /** 是否收起为图标栏 */
+    collapsed?: boolean;
+    /** 自定义类名 */
+    className?: string;
+}
+export declare function getSidebarClassNames(props?: Pick<SidebarProps, 'className'>): string;
+export declare function getSidebarItemClassNames(props: {
+    active?: boolean;
+    disabled?: boolean;
+    expanded?: boolean;
+}): string;
+export type { NavMenuValue };
+//# sourceMappingURL=index.d.ts.map

package/dist/components/sidebar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../sidebar/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA;AAE5D,MAAM,WAAW,WAAY,SAAQ,WAAW;CAAG;AAEnD,MAAM,WAAW,YAAY;IAC3B,aAAa;IACb,KAAK,EAAE,WAAW,EAAE,CAAA;IACpB,eAAe;IACf,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,YAAY;IACZ,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,wBAAgB,oBAAoB,CAAC,KAAK,GAAE,IAAI,CAAC,YAAY,EAAE,WAAW,CAAM,GAAG,MAAM,CAQxF;AAED,wBAAgB,wBAAwB,CAAC,KAAK,EAAE;IAC9C,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,GAAG,MAAM,CAgBT;AAED,YAAY,EAAE,YAAY,EAAE,CAAA"}

package/dist/components/sidebar/index.js

@@ -0,0 +1,23 @@
+function getSidebarClassNames(props = {}) {
+  const classes = ["css-sidebar"];
+  if (props.className) {
+    classes.push(props.className);
+  }
+  return classes.join(" ");
+}
+function getSidebarItemClassNames(props) {
+  const classes = ["css-sidebar__item"];
+  if (props.active) {
+    classes.push("css-sidebar__item--active");
+  }
+  if (props.expanded) {
+    classes.push("css-sidebar__item--expanded");
+  }
+  if (props.disabled) {
+    classes.push("css-sidebar__item--disabled");
+  }
+  return classes.join(" ");
+}
+
+export { getSidebarClassNames, getSidebarItemClassNames };
+//# sourceMappingURL=index.js.map

package/dist/components/sidebar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../components/sidebar/index.ts"],"sourcesContent":["import type { NavMenuItem, NavMenuValue } from '../nav-menu'\n\nexport interface SidebarItem extends NavMenuItem {}\n\nexport interface SidebarProps {\n  /** 侧边导航数据 */\n  items: SidebarItem[]\n  /** 是否收起为图标栏 */\n  collapsed?: boolean\n  /** 自定义类名 */\n  className?: string\n}\n\nexport function getSidebarClassNames(props: Pick<SidebarProps, 'className'> = {}): string {\n  const classes = ['css-sidebar']\n\n  if (props.className) {\n    classes.push(props.className)\n  }\n\n  return classes.join(' ')\n}\n\nexport function getSidebarItemClassNames(props: {\n  active?: boolean\n  disabled?: boolean\n  expanded?: boolean\n}): string {\n  const classes = ['css-sidebar__item']\n\n  if (props.active) {\n    classes.push('css-sidebar__item--active')\n  }\n\n  if (props.expanded) {\n    classes.push('css-sidebar__item--expanded')\n  }\n\n  if (props.disabled) {\n    classes.push('css-sidebar__item--disabled')\n  }\n\n  return classes.join(' ')\n}\n\nexport type { NavMenuValue }\n"],"names":[],"mappings":"AAaO,SAAS,oBAAA,CAAqB,KAAA,GAAyC,EAAC,EAAW;AACxF,EAAA,MAAM,OAAA,GAAU,CAAC,aAAa,CAAA;AAE9B,EAAA,IAAI,MAAM,SAAA,EAAW;AACnB,IAAA,OAAA,CAAQ,IAAA,CAAK,MAAM,SAAS,CAAA;AAAA,EAC9B;AAEA,EAAA,OAAO,OAAA,CAAQ,KAAK,GAAG,CAAA;AACzB;AAEO,SAAS,yBAAyB,KAAA,EAI9B;AACT,EAAA,MAAM,OAAA,GAAU,CAAC,mBAAmB,CAAA;AAEpC,EAAA,IAAI,MAAM,MAAA,EAAQ;AAChB,IAAA,OAAA,CAAQ,KAAK,2BAA2B,CAAA;AAAA,EAC1C;AAEA,EAAA,IAAI,MAAM,QAAA,EAAU;AAClB,IAAA,OAAA,CAAQ,KAAK,6BAA6B,CAAA;AAAA,EAC5C;AAEA,EAAA,IAAI,MAAM,QAAA,EAAU;AAClB,IAAA,OAAA,CAAQ,KAAK,6BAA6B,CAAA;AAAA,EAC5C;AAEA,EAAA,OAAO,OAAA,CAAQ,KAAK,GAAG,CAAA;AACzB;;;;"}

package/dist/components/sidebar/style.css

@@ -0,0 +1,270 @@
+.css-sidebar {
+  width: 280px;
+  max-width: 100%;
+  background: var(--color-background);
+  box-shadow: 0px 0px 8px 0px #9e9e9e52;
+}
+
+.css-sidebar--collapsed {
+  display: inline-flex;
+  width: auto;
+  align-items: flex-start;
+  gap: 12px;
+  background: transparent;
+  box-shadow: none;
+}
+
+.css-sidebar__list {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+
+.css-sidebar--collapsed > .css-sidebar__list {
+  width: 72px;
+  flex-shrink: 0;
+  background: var(--color-background);
+  box-shadow: 0px 0px 8px 0px #9e9e9e52;
+}
+
+.css-sidebar__item {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+  width: 100%;
+  border: none;
+  background: transparent;
+  color: var(--color-dark-04);
+  font-family: var(--font-family-base);
+  font-size: var(--font-size-body);
+  line-height: 28px;
+  text-align: left;
+  cursor: pointer;
+  transition:
+    color var(--transition-duration-150) var(--transition-timing),
+    background-color var(--transition-duration-150) var(--transition-timing);
+}
+
+.css-sidebar > .css-sidebar__list > li > .css-sidebar__item {
+  font-size: 16px;
+  font-weight: 700;
+  line-height: 28px;
+}
+
+.css-sidebar__item:hover:not(.css-sidebar__item--disabled) {
+  color: var(--color-primary);
+  background: rgba(158, 138, 87, 0.08);
+}
+
+.css-sidebar__item--active {
+  color: var(--color-primary);
+  background: rgba(158, 138, 87, 0.12);
+}
+
+.css-sidebar__item--disabled {
+  color: var(--color-dark-02);
+  cursor: not-allowed;
+}
+
+.css-sidebar__item-main {
+  display: inline-flex;
+  align-items: center;
+  gap: 8px;
+  min-width: 0;
+}
+
+.css-sidebar__item-icon,
+.css-sidebar__item-arrow {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  color: inherit;
+}
+
+.css-sidebar__item-label {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.css-sidebar__item-arrow {
+  transition: transform var(--transition-duration-150) var(--transition-timing);
+}
+
+.css-sidebar__item--icon-only {
+  justify-content: center;
+  min-height: 52px;
+}
+
+.css-sidebar__item--icon-only.css-sidebar__item--expanded,
+.css-sidebar__item--icon-only.css-sidebar__item--active {
+  background: rgba(158, 138, 87, 0.12);
+}
+
+.css-sidebar__item--icon-only .css-sidebar__item-main {
+  justify-content: center;
+  width: 100%;
+}
+
+.css-sidebar__item--icon-only .css-sidebar__item-label,
+.css-sidebar__item--icon-only .css-sidebar__item-arrow {
+  display: none;
+}
+
+.css-sidebar__item-symbol {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 20px;
+  height: 20px;
+  font-size: 14px;
+  font-weight: 700;
+  line-height: 20px;
+}
+
+.css-sidebar__item--expanded .css-sidebar__item-arrow {
+  transform: rotate(90deg);
+}
+
+.css-sidebar__panel {
+  width: 280px;
+  min-width: 280px;
+  overflow: hidden;
+  background: var(--color-background);
+  box-shadow: 0px 0px 8px 0px #9e9e9e52;
+}
+
+.css-sidebar__panel-header {
+  border-bottom: 1px solid rgba(31, 31, 31, 0.12);
+}
+
+.css-sidebar__panel-header-button {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  width: 100%;
+  padding: 12px 16px;
+  border: none;
+  background: transparent;
+  color: var(--color-dark-04);
+  font-family: var(--font-family-base);
+  font-size: 14px;
+  font-weight: 700;
+  line-height: 20px;
+  text-align: left;
+  cursor: pointer;
+}
+
+.css-sidebar__panel-header-button:hover {
+  color: var(--color-primary);
+}
+
+.css-sidebar__panel-header-icon {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  color: var(--color-dark-02);
+}
+
+.css-sidebar__panel-header-label {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.css-sidebar__panel-body {
+  /* padding: 12px 0; */
+}
+
+.css-sidebar__panel-list,
+.css-sidebar__panel-sublist {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+
+.css-sidebar__panel-group + .css-sidebar__panel-group,
+.css-sidebar__panel-group + .css-sidebar__panel-entry,
+.css-sidebar__panel-entry + .css-sidebar__panel-group,
+.css-sidebar__panel-entry + .css-sidebar__panel-entry {
+  margin-top: 2px;
+}
+.css-sidebar__panel-group .css-sidebar__panel-section {
+  line-height: 28px;
+}
+.css-sidebar__panel-section,
+.css-sidebar__panel-link {
+  display: flex;
+  align-items: center;
+  width: 100%;
+  min-height: 40px;
+  padding: 8px 16px;
+  border: none;
+  background: transparent;
+  color: var(--color-dark-04);
+  font-family: var(--font-family-base);
+  font-size: 14px;
+  line-height: 24px;
+  text-align: left;
+  cursor: pointer;
+}
+
+.css-sidebar__panel-section {
+  font-size: 16px;
+  font-weight: 700;
+}
+
+.css-sidebar__panel-link {
+  font-weight: 400;
+  text-decoration: none;
+}
+
+.css-sidebar__panel-section:hover,
+.css-sidebar__panel-link:hover {
+  color: var(--color-primary);
+}
+
+.css-sidebar__panel-section--expanded {
+  color: var(--color-dark-04);
+}
+
+.css-sidebar__panel-link--active {
+  color: var(--color-primary);
+  font-weight: 700;
+}
+
+.css-sidebar__panel-link--nested {
+  padding-left: 28px;
+}
+
+.css-sidebar__panel-link--deep {
+  padding-left: 40px;
+}
+
+.css-sidebar__submenu {
+  margin: 4px 0 8px;
+  padding: 0;
+  list-style: none;
+}
+
+@media (max-width: 767px) {
+  .css-sidebar {
+    width: 100%;
+  }
+
+  .css-sidebar--collapsed {
+    display: flex;
+    width: 100%;
+  }
+
+  .css-sidebar--collapsed > .css-sidebar__list {
+    width: 64px;
+  }
+
+  .css-sidebar__panel {
+    min-width: 0;
+    width: calc(100vw - 108px);
+  }
+}

package/dist/components/slider/index.d.ts

@@ -0,0 +1,29 @@
+/**
+ * Slider 组件 - 框架无关逻辑
+ */
+export type SliderType = 'default' | 'input';
+export interface SliderProps {
+    /** 组件标签，展示在上方 */
+    label?: string;
+    /** 当前值 */
+    value?: number;
+    /** 最小值，默认 0 */
+    min?: number;
+    /** 最大值，默认 10 */
+    max?: number;
+    /** 步长，默认 1 */
+    step?: number;
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** 类型：default | input（带输入框） */
+    type?: SliderType;
+    /** 变更回调 */
+    onChange?: (value: number) => void;
+}
+export declare function getSliderClassNames(props: SliderProps): string;
+export declare function getSliderPercent(value: number, min: number, max: number): number;
+/**
+ * 根据鼠标位置计算新的滑块值
+ */
+export declare function calcValueFromPosition(clientX: number, trackRect: DOMRect, min: number, max: number, step: number): number;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/slider/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../slider/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,OAAO,CAAA;AAE5C,MAAM,WAAW,WAAW;IAC1B,iBAAiB;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,UAAU;IACV,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,eAAe;IACf,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,gBAAgB;IAChB,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,cAAc;IACd,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,WAAW;IACX,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,+BAA+B;IAC/B,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,WAAW;IACX,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CACnC;AAED,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,WAAW,GAAG,MAAM,CAU9D;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,MAAM,CAGhF;AAED;;GAEG;AACH,wBAAgB,qBAAqB,CACnC,OAAO,EAAE,MAAM,EACf,SAAS,EAAE,OAAO,EAClB,GAAG,EAAE,MAAM,EACX,GAAG,EAAE,MAAM,EACX,IAAI,EAAE,MAAM,GACX,MAAM,CAMR"}

package/dist/components/slider/index.js

@@ -0,0 +1,24 @@
+function getSliderClassNames(props) {
+  const { type = "default", disabled = false } = props;
+  const classes = ["css-slider"];
+  if (type !== "default") {
+    classes.push(`css-slider--${type}`);
+  }
+  if (disabled) {
+    classes.push("css-slider--disabled");
+  }
+  return classes.join(" ");
+}
+function getSliderPercent(value, min, max) {
+  if (max <= min) return 0;
+  return Math.min(Math.max((value - min) / (max - min), 0), 1);
+}
+function calcValueFromPosition(clientX, trackRect, min, max, step) {
+  const percent = Math.min(Math.max((clientX - trackRect.left) / trackRect.width, 0), 1);
+  const rawValue = min + percent * (max - min);
+  const stepped = Math.round(rawValue / step) * step;
+  return Number(stepped.toFixed(10));
+}
+
+export { calcValueFromPosition, getSliderClassNames, getSliderPercent };
+//# sourceMappingURL=index.js.map

package/dist/components/slider/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../components/slider/index.ts"],"sourcesContent":["/**\n * Slider 组件 - 框架无关逻辑\n */\n\nexport type SliderType = 'default' | 'input'\n\nexport interface SliderProps {\n  /** 组件标签，展示在上方 */\n  label?: string\n  /** 当前值 */\n  value?: number\n  /** 最小值，默认 0 */\n  min?: number\n  /** 最大值，默认 10 */\n  max?: number\n  /** 步长，默认 1 */\n  step?: number\n  /** 是否禁用 */\n  disabled?: boolean\n  /** 类型：default | input（带输入框） */\n  type?: SliderType\n  /** 变更回调 */\n  onChange?: (value: number) => void\n}\n\nexport function getSliderClassNames(props: SliderProps): string {\n  const { type = 'default', disabled = false } = props\n  const classes = ['css-slider']\n  if (type !== 'default') {\n    classes.push(`css-slider--${type}`)\n  }\n  if (disabled) {\n    classes.push('css-slider--disabled')\n  }\n  return classes.join(' ')\n}\n\nexport function getSliderPercent(value: number, min: number, max: number): number {\n  if (max <= min) return 0\n  return Math.min(Math.max((value - min) / (max - min), 0), 1)\n}\n\n/**\n * 根据鼠标位置计算新的滑块值\n */\nexport function calcValueFromPosition(\n  clientX: number,\n  trackRect: DOMRect,\n  min: number,\n  max: number,\n  step: number\n): number {\n  const percent = Math.min(Math.max((clientX - trackRect.left) / trackRect.width, 0), 1)\n  const rawValue = min + percent * (max - min)\n  const stepped = Math.round(rawValue / step) * step\n  // 处理浮点精度\n  return Number(stepped.toFixed(10))\n}\n"],"names":[],"mappings":"AAyBO,SAAS,oBAAoB,KAAA,EAA4B;AAC9D,EAAA,MAAM,EAAE,IAAA,GAAO,SAAA,EAAW,QAAA,GAAW,OAAM,GAAI,KAAA;AAC/C,EAAA,MAAM,OAAA,GAAU,CAAC,YAAY,CAAA;AAC7B,EAAA,IAAI,SAAS,SAAA,EAAW;AACtB,IAAA,OAAA,CAAQ,IAAA,CAAK,CAAA,YAAA,EAAe,IAAI,CAAA,CAAE,CAAA;AAAA,EACpC;AACA,EAAA,IAAI,QAAA,EAAU;AACZ,IAAA,OAAA,CAAQ,KAAK,sBAAsB,CAAA;AAAA,EACrC;AACA,EAAA,OAAO,OAAA,CAAQ,KAAK,GAAG,CAAA;AACzB;AAEO,SAAS,gBAAA,CAAiB,KAAA,EAAe,GAAA,EAAa,GAAA,EAAqB;AAChF,EAAA,IAAI,GAAA,IAAO,KAAK,OAAO,CAAA;AACvB,EAAA,OAAO,IAAA,CAAK,GAAA,CAAI,IAAA,CAAK,GAAA,CAAA,CAAK,KAAA,GAAQ,QAAQ,GAAA,GAAM,GAAA,CAAA,EAAM,CAAC,CAAA,EAAG,CAAC,CAAA;AAC7D;AAKO,SAAS,qBAAA,CACd,OAAA,EACA,SAAA,EACA,GAAA,EACA,KACA,IAAA,EACQ;AACR,EAAA,MAAM,OAAA,GAAU,IAAA,CAAK,GAAA,CAAI,IAAA,CAAK,GAAA,CAAA,CAAK,OAAA,GAAU,SAAA,CAAU,IAAA,IAAQ,SAAA,CAAU,KAAA,EAAO,CAAC,CAAA,EAAG,CAAC,CAAA;AACrF,EAAA,MAAM,QAAA,GAAW,GAAA,GAAM,OAAA,IAAW,GAAA,GAAM,GAAA,CAAA;AACxC,EAAA,MAAM,OAAA,GAAU,IAAA,CAAK,KAAA,CAAM,QAAA,GAAW,IAAI,CAAA,GAAI,IAAA;AAE9C,EAAA,OAAO,MAAA,CAAO,OAAA,CAAQ,OAAA,CAAQ,EAAE,CAAC,CAAA;AACnC;;;;"}