@qyu/reactcmp-dropdown 1.2.0 → 2.0.0

package/build/declaration/index.d.ts

@@ -1,9 +1,64 @@
+export * from "./type/fnref.js";
 export * from "./type/setter.js";
-export * from "./type/params.js";
 export * from "./component/ctx-state/type/state.js";
 export * from "./component/ctx-state/element/open.js";
+export * from "./component/ctx-state/element/refs.js";
+export * from "./component/ctx-state/element/content.js";
+export * from "./component/ctx-state/element/config.js";
+export * from "./component/ctx-state/hook/view/open.js";
+export * from "./component/ctx-state/hook/view/refs.js";
+export * from "./component/ctx-state/hook/view/content.js";
+export * from "./component/ctx-state/hook/view/config.js";
+export * from "./component/ctx-state/hook/init/open.js";
+export * from "./component/ctx-state/hook/init/refs.js";
+export * from "./component/ctx-state/hook/init/content.js";
+export * from "./component/ctx-state/hook/init/config.js";
 export * from "./component/button/element/view.js";
-export * from "./component/container/element/view.js";
-export * from "./component/container/hook/useDropdownCloseEvents.js";
+export * from "./component/button/element/virtual.js";
 export * from "./component/list-fix/element/view.js";
 export * from "./component/list-abs/element/view.js";
+export * from "./component/list-portal/element/view.js";
+export * from "./component/content/element/view.js";
+export * from "./component/container/element/view.js";
+export * from "./component/container/element/virtual.js";
+export * from "./hook/closeevt/root.js";
+export * from "./hook/closeevt/root_infer.js";
+export * from "./hook/closeevt/shard.js";
+export * from "./hook/closeevt/shard_infer.js";
+export * from "./hook/open/view.js";
+export * from "./hook/open/view_infer.js";
+export * from "./hook/listpos/rearrange/index.js";
+export * from "./hook/listpos/rearrange/type/config.js";
+export * from "./hook/focus/capture.js";
+export * from "./hook/focus/capture_infer.js";
+export * from "./hook/listpos/api/type/api.js";
+export * from "./hook/listpos/api/type/size.js";
+export * from "./hook/listpos/api/type/reverse.js";
+export * from "./hook/listpos/api/type/position.js";
+export * from "./hook/listpos/api/fixed.js";
+export * from "./hook/listpos/api/absolute.js";
+export * from "./hook/ddnparts/root.js";
+export * from "./hook/ddnparts/root_infer.js";
+export * from "./hook/ddnparts/list.js";
+export * from "./hook/ddnparts/list_infer.js";
+export * from "./hook/ddnparts/shard.js";
+export * from "./hook/ddnparts/shard_infer.js";
+export * from "./util/closeevt/type/config.js";
+export * from "./util/prop/portal/type/prop.js";
+export * from "./util/prop/portal/new/index.js";
+export * from "./util/prop/align/type/prop.js";
+export * from "./util/prop/align/new/index.js";
+export * from "./util/prop/align/new/reversed.js";
+export * from "./util/prop/justify/type/prop.js";
+export * from "./util/prop/justify/new/index.js";
+export * from "./util/prop/justify/new/reversed.js";
+export * from "./util/prop/direction/type/prop.js";
+export * from "./util/prop/direction/new/index.js";
+export * from "./util/prop/clmap/type/prop.js";
+export * from "./util/prop/clmap/new/index.js";
+export * from "./util/prop/clmap/def/listabs.js";
+export * from "./util/prop/clmap/def/listfix.js";
+export * from "./util/prop/clmap/def/container.js";
+export * from "./util/prop/clmap/def/content.js";
+export * from "./util/cssprops/new/size.js";
+export * from "./util/cssprops/new/position.js";

package/build/declaration/type/fnref.d.ts

@@ -0,0 +1,4 @@
+export type FnORef<T> = () => T;
+export type FnORefHTML<T extends HTMLElement | null = HTMLElement | null> = FnORef<T>;
+export type FnIRef<T> = (element: T) => void;
+export type FnIRefHTML<T extends HTMLElement | null = HTMLElement | null> = FnIRef<T>;

package/build/declaration/util/clname/merge.d.ts

@@ -0,0 +1 @@
+export declare const cl: (...names: (string | false | null | undefined)[]) => string | undefined;

package/build/declaration/util/closeevt/type/config.d.ts

@@ -0,0 +1,11 @@
+export type CloseEvt_KeysShard = ("scroll");
+export type CloseEvt_KeysRoot = ("blur" | "click" | "escape" | "resize");
+export type CloseEvt_ConfigShard = {
+    readonly [K in CloseEvt_KeysShard]: boolean;
+};
+export type CloseEvt_ConfigRoot = {
+    readonly [K in CloseEvt_KeysRoot]: boolean;
+};
+export type CloseEvt_ConfigFull = {
+    readonly [K in CloseEvt_KeysRoot | CloseEvt_KeysShard]: boolean;
+};

package/build/declaration/util/cssprops/new/position.d.ts

@@ -0,0 +1,3 @@
+import type { ListPosApi_Position } from "../../../hook/listpos/api/type/position.js";
+import * as r from "react";
+export declare const cssprops_new_position: (params: ListPosApi_Position) => r.CSSProperties;

package/build/declaration/util/cssprops/new/size.d.ts

@@ -0,0 +1,9 @@
+import type { ListPosApi_Size } from "../../../hook/listpos/api/type/size.js";
+import type { PropDirection } from "../../prop/direction/type/prop.js";
+import * as r from "react";
+export type CSSProps_NewSize_Params = {
+    readonly open: boolean;
+    readonly size: ListPosApi_Size;
+    readonly direction: PropDirection;
+};
+export declare const cssprops_new_size: (params: CSSProps_NewSize_Params) => r.CSSProperties;

package/build/declaration/util/focus/config/type/config.d.ts

@@ -0,0 +1,6 @@
+export type Focus_Config = {
+    readonly capture: boolean;
+    readonly capture_options: FocusOptions;
+    readonly restore: boolean;
+    readonly restore_options: FocusOptions;
+};

package/build/declaration/util/prop/align/new/index.d.ts

@@ -0,0 +1,2 @@
+import type { PropAlign, PropAlign_Raw } from "../type/prop.js";
+export declare const prop_align_new: (raw: PropAlign_Raw) => PropAlign;

package/build/declaration/util/prop/align/new/reversed.d.ts

@@ -0,0 +1,2 @@
+import type { PropAlign } from "../type/prop.js";
+export declare const prop_align_new_reversed: (src_align: PropAlign) => PropAlign;

package/build/declaration/util/prop/align/type/prop.d.ts

@@ -0,0 +1,2 @@
+export type PropAlign = ("start" | "center" | "end");
+export type PropAlign_Raw = (PropAlign | null | boolean | undefined);

package/build/declaration/util/prop/clmap/def/container.d.ts

@@ -0,0 +1,6 @@
+import type { PropClMap } from "../type/prop.js";
+export type PropClMap_DefContainer = PropClMap<keyof typeof prop_clmap_def_container>;
+export declare const prop_clmap_def_container: {
+    readonly __qyuddn: "__qyuddn";
+    readonly container: "container";
+};

package/build/declaration/util/prop/clmap/def/content.d.ts

@@ -0,0 +1,8 @@
+import type { PropClMap } from "../type/prop.js";
+export type PropClMap_DefContent = PropClMap<keyof typeof prop_clmap_def_content>;
+export declare const prop_clmap_def_content: {
+    readonly __qyuddn: "__qyuddn";
+    readonly content: "content";
+    readonly _tracking: "_tracking";
+    readonly focusguard: "focusguard";
+};

package/build/declaration/util/prop/clmap/def/listabs.d.ts

@@ -0,0 +1,15 @@
+import type { PropClMap } from "../type/prop.js";
+export type PropClMap_DefListAbs = PropClMap<keyof typeof prop_clmap_def_listabs>;
+export declare const prop_clmap_def_listabs: {
+    readonly __qyuddn: "__qyuddn";
+    readonly listabs: "listabs";
+    readonly _transition_nosize: "_transition_nosize";
+    readonly _open: "_open";
+    readonly _justify_start: "_justify_start";
+    readonly _justify_end: "_justify_end";
+    readonly _align_start: "_align_start";
+    readonly _align_end: "_align_end";
+    readonly _align_center: "_align_center";
+    readonly _vertical: "_vertical";
+    readonly _horizontal: "_horizontal";
+};

package/build/declaration/util/prop/clmap/def/listfix.d.ts

@@ -0,0 +1,16 @@
+import type { PropClMap } from "../type/prop.js";
+export type PropClMap_DefListFix = PropClMap<keyof typeof prop_clmap_def_listfix>;
+export declare const prop_clmap_def_listfix: {
+    readonly __qyuddn: "__qyuddn";
+    readonly listfix: "listfix";
+    readonly _transition_nopos: "_transition_nopos";
+    readonly _transition_nosize: "_transition_nosize";
+    readonly _open: "_open";
+    readonly _justify_start: "_justify_start";
+    readonly _justify_end: "_justify_end";
+    readonly _align_start: "_align_start";
+    readonly _align_end: "_align_end";
+    readonly _align_center: "_align_center";
+    readonly _vertical: "_vertical";
+    readonly _horizontal: "_horizontal";
+};

package/build/declaration/util/prop/clmap/new/index.d.ts

@@ -0,0 +1,2 @@
+import type { PropClMap, PropClMap_Raw } from "../type/prop.js";
+export declare const prop_clmap_new: <Def extends Readonly<Record<string, string>>>(stylemap: PropClMap_Raw<keyof Def>, def: Def) => PropClMap<keyof Def>;

package/build/declaration/util/prop/clmap/type/prop.d.ts

@@ -0,0 +1,4 @@
+export type PropClMap<ClName extends keyof any> = {
+    [K in ClName]: string | null;
+};
+export type PropClMap_Raw<ClName extends keyof any> = (Partial<PropClMap<ClName>> | undefined | null);

package/build/declaration/util/prop/direction/new/index.d.ts

@@ -0,0 +1,2 @@
+import type { PropDirection, PropDirection_Raw } from "../type/prop.js";
+export declare const prop_direction_new: (raw: PropDirection_Raw) => PropDirection;

package/build/declaration/util/prop/direction/type/prop.d.ts

@@ -0,0 +1,2 @@
+export type PropDirection = ("hor" | "ver");
+export type PropDirection_Raw = (PropDirection | null | boolean | undefined);

package/build/declaration/util/prop/justify/new/index.d.ts

@@ -0,0 +1,2 @@
+import type { PropJustify, PropJustify_Raw } from "../type/prop.js";
+export declare const prop_justify_new: (raw: PropJustify_Raw) => PropJustify;

package/build/declaration/util/prop/justify/new/reversed.d.ts

@@ -0,0 +1,2 @@
+import type { PropJustify } from "../type/prop.js";
+export declare const prop_justify_new_reversed: (src_justify: PropJustify) => PropJustify;

package/build/declaration/util/prop/justify/type/prop.d.ts

@@ -0,0 +1,2 @@
+export type PropJustify = ("start" | "end");
+export type PropJustify_Raw = (PropJustify | null | boolean | undefined);

package/build/declaration/util/prop/portal/new/index.d.ts

@@ -0,0 +1,2 @@
+import type { PropPortal, PropPortal_Raw } from "../type/prop.js";
+export declare const prop_portal_new: (portal: PropPortal_Raw) => PropPortal;

package/build/declaration/util/prop/portal/type/prop.d.ts

@@ -0,0 +1,2 @@
+export type PropPortal = (HTMLElement | null);
+export type PropPortal_Raw = (PropPortal | string | undefined);

package/build/declaration/util/ref/use.d.ts

@@ -0,0 +1,2 @@
+import * as r from "react";
+export declare const ref_use: <T>(ref: r.Ref<T>, value: T) => void;

package/build/style/index.css

@@ -0,0 +1,132 @@
+.__qyuddn.container {
+  position: relative;
+}
+.__qyuddn.listabs {
+  --transition-size: ;
+  overflow: hidden;
+  position: absolute;
+  z-index: var(--qyuddn-z-index, 3);
+  transition: opacity var(--qyuddn-trtime, 0.2s) var(--transition-size);
+}
+.__qyuddn.listabs:not(._transition_nosize) {
+  --transition-size: , width var(--qyuddn-trtime, 0.2s),
+  height var(--qyuddn-trtime, 0.2s);
+}
+.__qyuddn.listabs:not(._open) {
+  opacity: 0;
+  user-select: none;
+  pointer-events: none;
+}
+.__qyuddn.listabs._justify_start._horizontal {
+  right: 100%;
+  transform-origin: center right;
+}
+.__qyuddn.listabs._justify_start._horizontal:not(._align_center) {
+  transform: translateX(calc(-1 * var(--gap, 0px)));
+}
+.__qyuddn.listabs._justify_start._horizontal._align_center {
+  transform: translateX(calc(-1 * var(--gap, 0px))) translateY(-50%);
+}
+.__qyuddn.listabs._justify_start._vertical {
+  bottom: 100%;
+  transform-origin: bottom center;
+}
+.__qyuddn.listabs._justify_start._vertical:not(._align_center) {
+  transform: translateY(calc(-1 * var(--gap, 0px)));
+}
+.__qyuddn.listabs._justify_start._vertical._align_center {
+  transform: translateY(calc(-1 * var(--gap, 0px))) translateX(-50%);
+}
+.__qyuddn.listabs._justify_end._horizontal {
+  left: 100%;
+  transform-origin: center left;
+}
+.__qyuddn.listabs._justify_end._horizontal:not(._align_center) {
+  transform: translateX(var(--gap, 0px));
+}
+.__qyuddn.listabs._justify_end._horizontal._align_center {
+  transform: translateX(var(--gap, 0px)) translateY(-50%);
+}
+.__qyuddn.listabs._justify_end._vertical {
+  top: 100%;
+  transform-origin: top center;
+}
+.__qyuddn.listabs._justify_end._vertical:not(._align_center) {
+  transform: translateY(var(--gap, 0px));
+}
+.__qyuddn.listabs._justify_end._vertical._align_center {
+  transform: translateY(var(--gap, 0px)) translateX(-50%);
+}
+.__qyuddn.listabs._align_start._horizontal {
+  top: 0;
+}
+.__qyuddn.listabs._align_start._vertical {
+  left: 0;
+}
+.__qyuddn.listabs._align_center._horizontal {
+  top: 50%;
+}
+.__qyuddn.listabs._align_center._vertical {
+  left: 50%;
+}
+.__qyuddn.listabs._align_end._horizontal {
+  bottom: 0;
+}
+.__qyuddn.listabs._align_end._vertical {
+  right: 0;
+}
+.__qyuddn.listfix {
+  --transition-pos: ;
+  --transition-size: ;
+  position: fixed;
+  overflow: hidden;
+  z-index: var(--qyuddn-z-index, 3);
+  transition: opacity var(--qyuddn-trtime, 0.2s) var(--transition-size) var(--transition-pos);
+}
+.__qyuddn.listfix:not(._open) {
+  opacity: 0;
+  user-select: none;
+  pointer-events: none;
+}
+.__qyuddn.listfix:not(._transition_nosize) {
+  --transition-size: , width var(--qyuddn-trtime, 0.2s),
+  height var(--qyuddn-trtime, 0.2s);
+}
+.__qyuddn.listfix:not(._transition_nopos) {
+  --transition-pos: , top var(--qyuddn-trtime, 0.2s),
+  left var(--qyuddn-trtime, 0.2s),
+  right var(--qyuddn-trtime, 0.2s),
+  bottom var(--qyuddn-trtime, 0.2s);
+}
+.__qyuddn.listfix._justify_start._horizontal {
+  transform-origin: center right;
+  transform: translateX(calc(-1 * var(--gap, 0px)));
+}
+.__qyuddn.listfix._justify_start._vertical {
+  transform-origin: bottom center;
+  transform: translateY(calc(-1 * var(--gap, 0px)));
+}
+.__qyuddn.listfix._justify_end._horizontal {
+  transform-origin: center left;
+  transform: translateX(var(--gap, 0px));
+}
+.__qyuddn.listfix._justify_end._vertical {
+  transform-origin: top center;
+  transform: translateY(var(--gap, 0px));
+}
+.__qyuddn.content._tracking {
+  position: absolute;
+}
+.__qyuddn.content:not(._tracking) {
+  width: 100%;
+  height: 100%;
+}
+.__qyuddn .focusguard {
+  user-select: none;
+  pointer-events: none;
+  position: fixed;
+  width: 0;
+  height: 0;
+  top: -100px;
+  left: -100px;
+}

package/build/style/index.css.d.ts

@@ -0,0 +1,21 @@
+declare const styles: {
+  readonly "__qyuddn": string;
+  readonly "_align_center": string;
+  readonly "_align_end": string;
+  readonly "_align_start": string;
+  readonly "_horizontal": string;
+  readonly "_justify_end": string;
+  readonly "_justify_start": string;
+  readonly "_open": string;
+  readonly "_tracking": string;
+  readonly "_transition_nopos": string;
+  readonly "_transition_nosize": string;
+  readonly "_vertical": string;
+  readonly "container": string;
+  readonly "content": string;
+  readonly "focusguard": string;
+  readonly "listabs": string;
+  readonly "listfix": string;
+};
+export = styles;
+

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@qyu/reactcmp-dropdown",
     "type": "module",
-    "version": "1.2.0",
+    "version": "2.0.0",
     "main": "./build/bundle/entry/index.js",
     "description": "React Components for Dropdown Positioning",
     "keywords": [
@@ -19,11 +19,10 @@
         "url": "git+https://github.com/qlwt/reactcmp-dropdown.git"
     },
     "scripts": {
-        "build": "run-s build:clear build:style:module build:style:global build:style:types build:rollup",
+        "build": "run-s build:clear build:style:module build:style:types build:rollup",
         "build:clear": "rimraf ./build",
         "build:rollup": "rollup -c npm/rollup/rollup.config.js",
-        "build:style:module": "sass ./src/style/index.module.scss:./build/style/index.module.css --no-source-map",
-        "build:style:global": "postcss ./build/style/index.module.css --config ./npm/postcss/ -o ./build/style/index.global.css",
+        "build:style:module": "sass ./src/style/index.module.scss:./build/style/index.css --no-source-map",
         "build:style:types": "tcm ./build/style"
     },
     "exports": {
@@ -32,8 +31,8 @@
             "import": "./build/bundle/entry/index.js"
         },
         "./style/*": {
-            "types": "./build/style/*.css.d.ts",
-            "import": "./build/style/*.css"
+            "types": "./build/style/*.d.ts",
+            "import": "./build/style/*"
         }
     },
     "devDependencies": {
@@ -41,9 +40,6 @@
         "@types/react": "^19.0.0",
         "@types/react-dom": "^19.0.0",
         "npm-run-all": "^4.1.5",
-        "postcss": "^8.5.6",
-        "postcss-cli": "^11.0.1",
-        "postcss-prefix-selector": "^2.1.1",
         "rimraf": "^6.0.1",
         "rollup": "^4.20.0",
         "sass": "^1.94.2",
@@ -59,3 +55,4 @@
         "react-dom": ">=19.0.0"
     }
 }
+

package/build/declaration/component/container/hook/useDropdownCloseEvents.d.ts

@@ -1,15 +0,0 @@
-import type { FnSetterStateful } from "../../../type/setter.js";
-export type UseDropdownCloseEvents_Config = Readonly<{
-    blur?: boolean;
-    click?: boolean;
-    scroll?: boolean;
-    resize?: boolean;
-    escape?: boolean;
-}>;
-export type UseDropdownCloseEvents_Params = Readonly<{
-    ref: () => HTMLElement | null;
-    open: boolean;
-    open_set: FnSetterStateful<boolean>;
-    config?: UseDropdownCloseEvents_Config;
-}>;
-export declare const useDropdownCloseEvents: (params: UseDropdownCloseEvents_Params) => void;

package/build/declaration/type/params.d.ts

@@ -1,6 +0,0 @@
-export type Direction = ("hor" | "ver");
-export type Justify = ("start" | "end");
-export type Align = ("start" | "center" | "end");
-export type DirectionRaw = (Direction | null | boolean | undefined);
-export type JustifyRaw = (Justify | null | boolean | undefined);
-export type AlignRaw = (Align | null | boolean | undefined);

package/build/declaration/util/cl.d.ts

@@ -1 +0,0 @@
-export declare const cl: (...clnames: (string | false | undefined | null)[]) => string;

package/build/declaration/util/nprop/index.d.ts

@@ -1,5 +0,0 @@
-import type { Align, AlignRaw, Direction, DirectionRaw, Justify, JustifyRaw } from "../../type/params.js";
-export declare const nprop_align_new: (raw: AlignRaw) => Align;
-export declare const nprop_justify_new: (raw: JustifyRaw) => Justify;
-export declare const nprop_direction_new: (raw: DirectionRaw) => Direction;
-export declare const nprop_portal_new: (portal: string | HTMLElement | undefined | null) => HTMLElement | null;

package/build/declaration/util/stylemap/new/remap.d.ts

@@ -1,2 +0,0 @@
-import type { StyleMap } from "../type/StyleMap.js";
-export declare const stylemap_new_remap: <Def extends Readonly<Record<string, string>>>(def: Def, remap: Readonly<Record<string, string | null>>) => StyleMap<keyof Def>;

package/build/declaration/util/stylemap/type/StyleMap.d.ts

@@ -1,3 +0,0 @@
-export type StyleMap<ClName extends keyof any> = {
-    [K in ClName]: string | null;
-};

package/build/style/index.global.css

@@ -1,110 +0,0 @@
-.__qyuddn.container {
-  position: relative;
-}
-
-.__qyuddn.listabs {
-  --scale: 1;
-  position: absolute;
-  z-index: var(--qyuddn-z-index, 3);
-  transition: transform var(--qyuddn-trtime, 0.2s), opacity var(--qyuddn-trtime, 0.2s);
-}
-.__qyuddn.listabs:not(.listabs_open) {
-  --scale: 0;
-  opacity: 0;
-  user-select: none;
-  pointer-events: none;
-}
-
-.__qyuddn.listabs_justify_start.listabs_horizontal {
-  right: 100%;
-  transform-origin: center right;
-}
-.__qyuddn.listabs_justify_start.listabs_horizontal:not(.listabs_align_center) {
-  transform: scaleX(var(--scale)) translateX(calc(-1 * var(--gap, 0px)));
-}
-.__qyuddn.listabs_justify_start.listabs_horizontal.listabs_align_center {
-  transform: scaleX(var(--scale)) translateX(calc(-1 * var(--gap, 0px))) translateY(-50%);
-}
-.__qyuddn.listabs_justify_start.listabs_vertical {
-  bottom: 100%;
-  transform-origin: bottom center;
-}
-.__qyuddn.listabs_justify_start.listabs_vertical:not(.listabs_align_center) {
-  transform: scaleY(var(--scale)) translateY(calc(-1 * var(--gap, 0px)));
-}
-.__qyuddn.listabs_justify_start.listabs_vertical.listabs_align_center {
-  transform: scaleY(var(--scale)) translateY(calc(-1 * var(--gap, 0px))) translateX(-50%);
-}
-
-.__qyuddn.listabs_justify_end.listabs_horizontal {
-  left: 100%;
-  transform-origin: center left;
-}
-.__qyuddn.listabs_justify_end.listabs_horizontal:not(.listabs_align_center) {
-  transform: scaleX(var(--scale)) translateX(var(--gap, 0px));
-}
-.__qyuddn.listabs_justify_end.listabs_horizontal.listabs_align_center {
-  transform: scaleX(var(--scale)) translateX(var(--gap, 0px)) translateY(-50%);
-}
-.__qyuddn.listabs_justify_end.listabs_vertical {
-  top: 100%;
-  transform-origin: top center;
-}
-.__qyuddn.listabs_justify_end.listabs_vertical:not(.listabs_align_center) {
-  transform: scaleY(var(--scale)) translateY(var(--gap, 0px));
-}
-.__qyuddn.listabs_justify_end.listabs_vertical.listabs_align_center {
-  transform: scaleY(var(--scale)) translateY(var(--gap, 0px)) translateX(-50%);
-}
-
-.__qyuddn.listabs_align_start.listabs_horizontal {
-  top: 0;
-}
-.__qyuddn.listabs_align_start.listabs_vertical {
-  left: 0;
-}
-
-.__qyuddn.listabs_align_center.listabs_horizontal {
-  top: 50%;
-}
-.__qyuddn.listabs_align_center.listabs_vertical {
-  left: 50%;
-}
-
-.__qyuddn.listabs_align_end.listabs_horizontal {
-  right: 0;
-}
-.__qyuddn.listabs_align_end.listabs_vertical {
-  top: 0;
-}
-
-.__qyuddn.listfix {
-  --scale: 1;
-  position: fixed;
-  z-index: var(--qyuddn-z-index, 3);
-  transition: transform var(--qyuddn-trtime, 0.2s), opacity var(--qyuddn-trtime, 0.2s);
-}
-.__qyuddn.listfix:not(.listfix_open) {
-  --scale: 0;
-  opacity: 0;
-  user-select: none;
-  pointer-events: none;
-}
-
-.__qyuddn.listfix_justify_start.listfix_horizontal {
-  transform-origin: center right;
-  transform: scaleX(var(--scale)) translateX(calc(-1 * var(--gap, 0px)));
-}
-.__qyuddn.listfix_justify_start.listfix_vertical {
-  transform-origin: bottom center;
-  transform: scaleY(var(--scale)) translateY(calc(-1 * var(--gap, 0px)));
-}
-
-.__qyuddn.listfix_justify_end.listfix_horizontal {
-  transform-origin: center left;
-  transform: scaleX(var(--scale)) translateX(var(--gap, 0px));
-}
-.__qyuddn.listfix_justify_end.listfix_vertical {
-  transform-origin: top center;
-  transform: scaleY(var(--scale)) translateY(var(--gap, 0px));
-}

package/build/style/index.global.css.d.ts

@@ -1,21 +0,0 @@
-declare const styles: {
-  readonly "__qyuddn": string;
-  readonly "container": string;
-  readonly "listabs": string;
-  readonly "listabs_align_center": string;
-  readonly "listabs_align_end": string;
-  readonly "listabs_align_start": string;
-  readonly "listabs_horizontal": string;
-  readonly "listabs_justify_end": string;
-  readonly "listabs_justify_start": string;
-  readonly "listabs_open": string;
-  readonly "listabs_vertical": string;
-  readonly "listfix": string;
-  readonly "listfix_horizontal": string;
-  readonly "listfix_justify_end": string;
-  readonly "listfix_justify_start": string;
-  readonly "listfix_open": string;
-  readonly "listfix_vertical": string;
-};
-export = styles;
-