@lobehub/ui 5.64.2 → 6.0.0-beta.10

package/es/DraggablePanel/style.mjs

@@ -1,393 +1,236 @@
-import { createStaticStyles, cx } from "antd-style";
-import { cva } from "class-variance-authority";
+import { cssVar } from "../styles/stylex/cssVar.stylex.mjs";
 //#region src/DraggablePanel/style.ts
-const LAYOUT = {
-	offset: 16,
-	toggleLength: 54,
-	toggleShort: 16
+const SEAM_ARROW = {
+	depth: 6.5,
+	half: 11,
+	lead: 6,
+	stroke: 1.25
 };
-const prefix = `ant-draggable-panel`;
-const styles = createStaticStyles(({ css, cssVar }) => {
-	const borderStyles = {
-		borderBottom: css`
-      border-block-end: 1px solid ${cssVar.colorBorderSecondary};
-    `,
-		borderBottomNone: css`
-      border-block-end-width: 0;
-    `,
-		borderLeft: css`
-      border-inline-start: 1px solid ${cssVar.colorBorderSecondary};
-    `,
-		borderLeftNone: css`
-      border-inline-start-width: 0;
-    `,
-		borderRight: css`
-      border-inline-end: 1px solid ${cssVar.colorBorderSecondary};
-    `,
-		borderRightNone: css`
-      border-inline-end-width: 0;
-    `,
-		borderTop: css`
-      border-block-start: 1px solid ${cssVar.colorBorderSecondary};
-    `,
-		borderTopNone: css`
-      border-block-start-width: 0;
-    `
-	};
-	const float = css`
-    position: absolute;
-    z-index: 200;
-  `;
-	const floatPositions = {
-		bottomFloat: cx(float, css`
-        inset-block-end: 0;
-        inset-inline: 0 0;
-        width: 100%;
-      `),
-		leftFloat: cx(float, css`
-        inset-block: var(--draggable-panel-header-height, 0) 0;
-        inset-inline-start: 0;
-        height: calc(100% - var(--draggable-panel-header-height, 0px));
-      `),
-		rightFloat: cx(float, css`
-        inset-block: var(--draggable-panel-header-height, 0) 0;
-        inset-inline-end: 0;
-        height: calc(100% - var(--draggable-panel-header-height, 0px));
-      `),
-		topFloat: cx(float, css`
-        inset-block-start: var(--draggable-panel-header-height, 0);
-        inset-inline: 0 0;
-        width: 100%;
-      `)
-	};
-	const handleBaseStyle = css`
-    position: relative;
-
-    &::before {
-      content: '';
-      position: absolute;
-      transition: all 0.2s ${cssVar.motionEaseOut};
-    }
-  `;
-	const handleHighlightStyle = css`
-    &:hover {
-      &::before {
-        background: ${cssVar.colorPrimaryBorder};
-        box-shadow: 0 0 8px color-mix(in srgb, ${cssVar.colorPrimary} 25%, transparent);
-      }
-    }
-
-    &:active {
-      &::before {
-        background: ${cssVar.colorPrimary} !important;
-      }
-    }
-  `;
-	const handleStyles = {
-		handleBottom: cx(`${prefix}-bottom-handle`, css`
-        &::before {
-          inset-block-end: 50%;
-          width: 100%;
-          height: 2px;
-        }
-      `),
-		handleLeft: cx(`${prefix}-left-handle`, css`
-        &::before {
-          inset-inline-start: 50%;
-          width: 2px;
-          height: 100%;
-        }
-      `),
-		handleRight: cx(`${prefix}-right-handle`, css`
-        &::before {
-          inset-inline-end: 50%;
-          width: 2px;
-          height: 100%;
-        }
-      `),
-		handleRoot: handleBaseStyle,
-		handleTop: cx(`${prefix}-top-handle`, css`
-        &::before {
-          inset-block-start: 50%;
-          width: 100%;
-          height: 2px;
-        }
-      `)
-	};
-	const toggleRoot = cx(`${prefix}-toggle`, css`
-      position: absolute;
-      z-index: 50;
-      opacity: 0;
-      transition: all 0.2s ${cssVar.motionEaseOut};
-
-      &:hover,
-      &:active {
-        opacity: 1 !important;
-      }
-
-      > div {
-        pointer-events: all;
-        cursor: pointer;
-
-        position: absolute;
-
-        border: 1px solid ${cssVar.colorBorder};
-
-        color: ${cssVar.colorTextTertiary};
-
-        background: var(--draggable-panel-bg, ${cssVar.colorBgLayout});
-        backdrop-filter: blur(8px);
-
-        transition: all 0.2s ${cssVar.motionEaseOut};
-
-        &:hover {
-          color: ${cssVar.colorTextSecondary};
-        }
-
-        &:active {
-          color: ${cssVar.colorText};
-        }
-      }
-    `);
-	const toggleRootWithWideArea = css`
-    pointer-events: all;
-  `;
-	const toggleRootWithoutWideArea = css`
-    pointer-events: none;
-  `;
-	const toggleStyles = {
-		toggleBottom: cx(`${prefix}-toggle-bottom`, css`
-        inset-block-end: -${LAYOUT.offset}px;
-        width: 100%;
-        height: ${LAYOUT.toggleShort}px;
-
-        > div {
-          inset-inline-start: 50%;
-
-          width: ${LAYOUT.toggleLength}px;
-          height: ${LAYOUT.toggleShort}px;
-          margin-inline-start: -27px;
-          border-block-start-width: 0;
-          border-radius: 0 0 ${cssVar.borderRadiusLG} ${cssVar.borderRadiusLG};
-        }
-      `),
-		toggleLeft: cx(`${prefix}-toggle-left`, css`
-        inset-inline-start: -${LAYOUT.offset}px;
-        width: ${LAYOUT.toggleShort}px;
-        height: 100%;
-
-        > div {
-          inset-block-start: 50%;
-
-          width: ${LAYOUT.toggleShort}px;
-          height: ${LAYOUT.toggleLength}px;
-          margin-block-start: -27px;
-          border-inline-end-width: 0;
-          border-radius: ${cssVar.borderRadiusLG} 0 0 ${cssVar.borderRadiusLG};
-        }
-      `),
-		toggleRight: cx(`${prefix}-toggle-right`, css`
-        inset-inline-end: -${LAYOUT.offset}px;
-        width: ${LAYOUT.toggleShort}px;
-        height: 100%;
-
-        > div {
-          inset-block-start: 50%;
-
-          width: ${LAYOUT.toggleShort}px;
-          height: ${LAYOUT.toggleLength}px;
-          margin-block-start: -27px;
-          border-inline-start-width: 0;
-          border-radius: 0 ${cssVar.borderRadiusLG} ${cssVar.borderRadiusLG} 0;
-        }
-      `),
-		toggleRoot,
-		toggleRootWithWideArea,
-		toggleRootWithoutWideArea,
-		toggleTop: cx(`${prefix}-toggle-top`, css`
-        inset-block-start: -${LAYOUT.offset}px;
-        width: 100%;
-        height: ${LAYOUT.toggleShort}px;
-
-        > div {
-          inset-inline-start: 50%;
-
-          width: ${LAYOUT.toggleLength}px;
-          height: ${LAYOUT.toggleShort}px;
-          margin-inline-start: -27px;
-          border-block-end-width: 0;
-          border-radius: ${cssVar.borderRadiusLG} ${cssVar.borderRadiusLG} 0 0;
-        }
-      `)
-	};
-	const componentStyles = {
-		fixed: css`
-      position: relative;
-    `,
-		fullscreen: css`
-      position: absolute;
-      inset-block: var(--draggable-panel-header-height, 0) 0;
-      inset-inline: 0;
-
-      width: 100%;
-      height: calc(100% - var(--draggable-panel-header-height, 0px));
-
-      background: ${cssVar.colorBgContainer};
-    `,
-		handlerIcon: css`
-      transition: all 0.2s ${cssVar.motionEaseOut};
-    `,
-		panel: cx(`${prefix}-fixed`, css`
-        overflow: hidden;
-        background: var(--draggable-panel-bg, ${cssVar.colorBgLayout});
-        transition: all 0.2s ${cssVar.motionEaseOut};
-      `),
-		root: cx(prefix, css`
-        flex-shrink: 0;
-
-        &:hover {
-          > .${prefix}-toggle {
-            opacity: 1;
-          }
-        }
-      `)
-	};
-	return {
-		...borderStyles,
-		...floatPositions,
-		...handleStyles,
-		handleHighlight: handleHighlightStyle,
-		...toggleStyles,
-		...componentStyles
-	};
-});
-const handleVariants = cva(styles.handleRoot, { variants: { placement: {
-	bottom: styles.handleBottom,
-	left: styles.handleLeft,
-	right: styles.handleRight,
-	top: styles.handleTop
-} } });
-const panelVariants = cva(styles.root, {
-	compoundVariants: [
-		{
-			class: styles.bottomFloat,
-			mode: "float",
-			placement: "bottom"
-		},
-		{
-			class: styles.topFloat,
-			mode: "float",
-			placement: "top"
-		},
-		{
-			class: styles.leftFloat,
-			mode: "float",
-			placement: "left"
-		},
-		{
-			class: styles.rightFloat,
-			mode: "float",
-			placement: "right"
-		},
-		{
-			class: styles.borderBottom,
-			isExpand: true,
-			placement: "top",
-			showBorder: true
-		},
-		{
-			class: styles.borderBottomNone,
-			isExpand: true,
-			placement: "top",
-			showBorder: false
-		},
-		{
-			class: styles.borderLeft,
-			isExpand: true,
-			placement: "right",
-			showBorder: true
-		},
-		{
-			class: styles.borderLeftNone,
-			isExpand: true,
-			placement: "right",
-			showBorder: false
-		},
-		{
-			class: styles.borderTop,
-			isExpand: true,
-			placement: "bottom",
-			showBorder: true
-		},
-		{
-			class: styles.borderTopNone,
-			isExpand: true,
-			placement: "bottom",
-			showBorder: false
-		},
-		{
-			class: styles.borderRight,
-			isExpand: true,
-			placement: "left",
-			showBorder: true
-		},
-		{
-			class: styles.borderRightNone,
-			isExpand: true,
-			placement: "left",
-			showBorder: false
-		}
-	],
-	defaultVariants: {
-		isExpand: false,
-		mode: "fixed",
-		placement: "right",
-		showBorder: true
+`${cssVar.motionEaseOut}${cssVar.motionEaseOut}${cssVar.motionEaseOut}`;
+const styles = {
+	body: {
+		kmVPX3: "lb1tamke2",
+		kXHlph: "lb6ikm8r",
+		kORKVm: "lb1odjw0f",
+		$$css: true
 	},
-	variants: {
-		isExpand: {
-			false: null,
-			true: null
-		},
-		mode: {
-			fixed: styles.fixed,
-			float: null
-		},
-		placement: {
-			bottom: null,
-			left: null,
-			right: null,
-			top: null
-		},
-		showBorder: {
-			false: null,
-			true: null
-		}
-	}
-});
-const toggleVariants = cva(styles.toggleRoot, {
-	compoundVariants: [{
-		class: styles.toggleRootWithWideArea,
-		showHandleWideArea: true
-	}, {
-		class: styles.toggleRootWithoutWideArea,
-		showHandleWideArea: false
-	}],
-	defaultVariants: { showHandleWideArea: false },
-	variants: {
-		placement: {
-			bottom: styles.toggleTop,
-			left: styles.toggleRight,
-			right: styles.toggleLeft,
-			top: styles.toggleBottom
-		},
-		showHandleWideArea: {
-			false: null,
-			true: null
-		}
+	bottomFloat: {
+		kkqhue: "lb17y0mx6",
+		krVfgx: "lb1ey2m1c",
+		kVAEAm: "lb10l6tqk",
+		kY2c9j: "lb8k05lb",
+		kzqmXN: "lbh8yej3",
+		$$css: true
+	},
+	container: {
+		kVQacm: "lbb3r6kr",
+		k1xSpc: "lb78zum5",
+		kXwgrk: "lbdt5ytf",
+		kVAEAm: "lb1n2onr6",
+		$$css: true
+	},
+	content: {
+		kWkggS: "lbnllyei",
+		k1xSpc: "lb78zum5",
+		kXwgrk: "lbdt5ytf",
+		kmuXW: "lb2lah0s",
+		kAzted: "lb2lwn1j",
+		k7Eaqz: "lbeuugli",
+		$$css: true
+	},
+	fixed: {
+		kVAEAm: "lb1n2onr6",
+		$$css: true
+	},
+	footer: {
+		kUk6DE: "lb1okw0bk",
+		kOIVth: "lb167g77z",
+		k8WAf4: "lb1vvogim",
+		kg3NbH: "lb1hr3lfm",
+		kGNEyG: "lb6s0dn4",
+		kLZC3w: "lbwyyj3y",
+		kPef9Z: "lb13fuv20",
+		kEafiO: "lb178xt8z",
+		k1xSpc: "lb78zum5",
+		$$css: true
+	},
+	handle: {
+		kI3sdo: "lb15y2lps",
+		kInvED: "lb1bqaal",
+		kVAEAm: "lb10l6tqk",
+		kFalU9: "lb5ve5x3",
+		kY2c9j: "lb11uqc5h",
+		kFJxch: "lb1yuodeg",
+		ks3ayO: "lb1oaqp0u lb1u0uouw lb1i7cpnv lbz2vfym",
+		k5JduY: "lb100rkj9",
+		kwXMNM: "lb1j6awrg",
+		k2g4ti: "lb1nmhfa6",
+		kLkRvE: "lbv1378s lb1mtl7zf lb3zaje8 lb166sm7t",
+		kgeoSG: "lb10tli2e",
+		kEoFBp: "lb1hmns74",
+		$$css: true
+	},
+	handleHorizontal: {
+		kkqhue: "lb17y0mx6",
+		kkrTdU: "lbyozgr7",
+		kZKoxP: "lbnfhl70",
+		k3foIR: "lboqv437",
+		kH8aOt: "lb1unh1gc",
+		kDzuh9: "lb1cte2ta",
+		k4zj60: "lbcock1l",
+		kkgrvl: "lb1wss7qx",
+		k96MEf: "lb1knuo7r",
+		kSJ0CW: "lb1682cnc",
+		kJ33su: "lb4sf3vl",
+		kgzTxl: "lby80zi5",
+		kOlAkY: "lb1v4lx7j",
+		$$css: true
+	},
+	handleVertical: {
+		kYYq5F: "lb10no89f",
+		kkrTdU: "lbicojor",
+		kzqmXN: "lb1lm47gh",
+		k8Iv0R: "lb1xrz1ek",
+		kc1e00: "lb1fztlqz",
+		kJfJEs: "lbxkb30x",
+		k4zj60: "lbcjkbsu",
+		kkgrvl: "lbv6d0c5",
+		k96MEf: "lb1y3wzot",
+		kSJ0CW: "lbfbisj7",
+		kkpA3r: "lbfzzb86",
+		kgzTxl: "lb1ms3xmb",
+		kOlAkY: "lb1vgi0k",
+		$$css: true
+	},
+	header: {
+		kUk6DE: "lb1okw0bk",
+		kOIVth: "lb167g77z",
+		k8WAf4: "lb1vvogim",
+		kg3NbH: "lb1hr3lfm",
+		kGNEyG: "lb6s0dn4",
+		kL6WhQ: "lb1nkj3if",
+		kfdmCh: "lb1q0q8m5",
+		kt9PQ7: "lbso031l",
+		k1xSpc: "lb78zum5",
+		k63SB2: "lbk50ysn",
+		kjj79g: "lb1qughib",
+		$$css: true
+	},
+	leftFloat: {
+		kYYq5F: "lb10no89f",
+		kLqNvP: "lb1o0tod",
+		kVAEAm: "lb10l6tqk",
+		kY2c9j: "lb8k05lb",
+		kZKoxP: "lb5yr21d",
+		$$css: true
+	},
+	rightFloat: {
+		kYYq5F: "lb10no89f",
+		kt4wiu: "lbtijo5x",
+		kVAEAm: "lb10l6tqk",
+		kY2c9j: "lb8k05lb",
+		kZKoxP: "lb5yr21d",
+		$$css: true
+	},
+	root: {
+		"--draggable-panel-gap": "lbjqpwvb lbk0bhaz",
+		k1xSpc: "lb78zum5",
+		kmuXW: "lb2lah0s",
+		kAzted: "lb2lwn1j",
+		k7Eaqz: "lbeuugli",
+		$$css: true
+	},
+	toggleBottom: {
+		kkqhue: "lb17y0mx6",
+		krVfgx: "lb1yd0ctr",
+		kZKoxP: "lbd7y6wv",
+		$$css: true
+	},
+	toggleButton: {
+		kmVPX3: "lb1717udv",
+		ksu8eU: "lbng3xce",
+		kMzoRj: "lbfn42iu",
+		kI3sdo: "lb15y2lps",
+		kWkggS: "lbjbqb8w",
+		kkrTdU: "lb1ypdohk",
+		kInvED: "lbj3ae5l",
+		kfzvcC: "lb71s49j",
+		kVAEAm: "lb1n2onr6",
+		kZKoxP: "lb1vqgdyp",
+		kzqmXN: "lb23j0i4",
+		$$css: true
+	},
+	toggleButtonHorizontal: {
+		kZKoxP: "lbd7y6wv",
+		kzqmXN: "lb100vrsf",
+		$$css: true
+	},
+	toggleLeft: {
+		kYYq5F: "lb10no89f",
+		kLqNvP: "lbh5r1jv",
+		kzqmXN: "lb23j0i4",
+		$$css: true
+	},
+	togglePath: {
+		kREpy8: "lb13efnbd",
+		kmkexE: "lblhg8ld",
+		k3aq6I: "lb1ufz0iv lbf9zhdt",
+		k3nNDw: "lb1g0ag68",
+		$$css: true
+	},
+	toggleRight: {
+		kYYq5F: "lb10no89f",
+		kt4wiu: "lb9hgfsb",
+		kzqmXN: "lb23j0i4",
+		$$css: true
+	},
+	toggleRoot: {
+		kGNEyG: "lb6s0dn4",
+		k1xSpc: "lb78zum5",
+		kjj79g: "lbl56j7k",
+		kSiTet: "lb11pzkjp",
+		kfzvcC: "lb47corl",
+		kVAEAm: "lb10l6tqk",
+		kY2c9j: "lb1nh0kk4",
+		$$css: true
+	},
+	toggleStopEnd: {
+		kXlCI4: "lbs02ygh",
+		kmkexE: "lb12nex3p",
+		$$css: true
+	},
+	toggleStopTip: {
+		kXlCI4: "lbur59li lbikcqlh",
+		kmkexE: "lb3n8j3q",
+		$$css: true
+	},
+	toggleSvg: {
+		kVQacm: "lb1rea2x4",
+		kmkexE: "lbmalmnf",
+		k87sOh: "lbwa60dl",
+		kLqNvP: "lbbudbmw",
+		kSiTet: "lbg01cxk lb13z1kmj",
+		kfzvcC: "lb47corl",
+		kVAEAm: "lb10l6tqk",
+		k3aq6I: "lb11lhmoz",
+		$$css: true
+	},
+	toggleTop: {
+		kkqhue: "lb17y0mx6",
+		k87sOh: "lbywbb02",
+		kZKoxP: "lbd7y6wv",
+		$$css: true
+	},
+	topFloat: {
+		kkqhue: "lb17y0mx6",
+		k87sOh: "lb13vifvy",
+		kVAEAm: "lb10l6tqk",
+		kY2c9j: "lb8k05lb",
+		kzqmXN: "lbh8yej3",
+		$$css: true
 	}
-});
+};
 //#endregion
-export { handleVariants, panelVariants, styles, toggleVariants };
+export { SEAM_ARROW, styles };
 
 //# sourceMappingURL=style.mjs.map

package/es/DraggablePanel/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","names":[],"sources":["../../src/DraggablePanel/style.ts"],"sourcesContent":["import { createStaticStyles, cx } from 'antd-style';\nimport { cva } from 'class-variance-authority';\n\n// Layout constants\nconst LAYOUT = {\n  offset: 16,\n  toggleLength: 54,\n  toggleShort: 16,\n};\n\nconst prefixCls = 'ant';\n\nconst prefix = `${prefixCls}-draggable-panel`;\n\nexport const styles = createStaticStyles(({ css, cssVar }) => {\n  // Base styles - border styles split by showBorder\n  const borderStyles = {\n    borderBottom: css`\n      border-block-end: 1px solid ${cssVar.colorBorderSecondary};\n    `,\n    borderBottomNone: css`\n      border-block-end-width: 0;\n    `,\n    borderLeft: css`\n      border-inline-start: 1px solid ${cssVar.colorBorderSecondary};\n    `,\n    borderLeftNone: css`\n      border-inline-start-width: 0;\n    `,\n    borderRight: css`\n      border-inline-end: 1px solid ${cssVar.colorBorderSecondary};\n    `,\n    borderRightNone: css`\n      border-inline-end-width: 0;\n    `,\n    borderTop: css`\n      border-block-start: 1px solid ${cssVar.colorBorderSecondary};\n    `,\n    borderTopNone: css`\n      border-block-start-width: 0;\n    `,\n  };\n\n  // Position styles\n  const float = css`\n    position: absolute;\n    z-index: 200;\n  `;\n\n  const floatPositions = {\n    bottomFloat: cx(\n      float,\n      css`\n        inset-block-end: 0;\n        inset-inline: 0 0;\n        width: 100%;\n      `,\n    ),\n    leftFloat: cx(\n      float,\n      css`\n        inset-block: var(--draggable-panel-header-height, 0) 0;\n        inset-inline-start: 0;\n        height: calc(100% - var(--draggable-panel-header-height, 0px));\n      `,\n    ),\n    rightFloat: cx(\n      float,\n      css`\n        inset-block: var(--draggable-panel-header-height, 0) 0;\n        inset-inline-end: 0;\n        height: calc(100% - var(--draggable-panel-header-height, 0px));\n      `,\n    ),\n    topFloat: cx(\n      float,\n      css`\n        inset-block-start: var(--draggable-panel-header-height, 0);\n        inset-inline: 0 0;\n        width: 100%;\n      `,\n    ),\n  };\n\n  // Handle styles\n  const handleBaseStyle = css`\n    position: relative;\n\n    &::before {\n      content: '';\n      position: absolute;\n      transition: all 0.2s ${cssVar.motionEaseOut};\n    }\n  `;\n\n  const handleHighlightStyle = css`\n    &:hover {\n      &::before {\n        background: ${cssVar.colorPrimaryBorder};\n        box-shadow: 0 0 8px color-mix(in srgb, ${cssVar.colorPrimary} 25%, transparent);\n      }\n    }\n\n    &:active {\n      &::before {\n        background: ${cssVar.colorPrimary} !important;\n      }\n    }\n  `;\n\n  const handleStyles = {\n    handleBottom: cx(\n      `${prefix}-bottom-handle`,\n      css`\n        &::before {\n          inset-block-end: 50%;\n          width: 100%;\n          height: 2px;\n        }\n      `,\n    ),\n    handleLeft: cx(\n      `${prefix}-left-handle`,\n      css`\n        &::before {\n          inset-inline-start: 50%;\n          width: 2px;\n          height: 100%;\n        }\n      `,\n    ),\n    handleRight: cx(\n      `${prefix}-right-handle`,\n      css`\n        &::before {\n          inset-inline-end: 50%;\n          width: 2px;\n          height: 100%;\n        }\n      `,\n    ),\n    handleRoot: handleBaseStyle,\n    handleTop: cx(\n      `${prefix}-top-handle`,\n      css`\n        &::before {\n          inset-block-start: 50%;\n          width: 100%;\n          height: 2px;\n        }\n      `,\n    ),\n  };\n\n  // Toggle styles - base class with variant for showHandleWideArea\n  const toggleRoot = cx(\n    `${prefix}-toggle`,\n    css`\n      position: absolute;\n      z-index: 50;\n      opacity: 0;\n      transition: all 0.2s ${cssVar.motionEaseOut};\n\n      &:hover,\n      &:active {\n        opacity: 1 !important;\n      }\n\n      > div {\n        pointer-events: all;\n        cursor: pointer;\n\n        position: absolute;\n\n        border: 1px solid ${cssVar.colorBorder};\n\n        color: ${cssVar.colorTextTertiary};\n\n        background: var(--draggable-panel-bg, ${cssVar.colorBgLayout});\n        backdrop-filter: blur(8px);\n\n        transition: all 0.2s ${cssVar.motionEaseOut};\n\n        &:hover {\n          color: ${cssVar.colorTextSecondary};\n        }\n\n        &:active {\n          color: ${cssVar.colorText};\n        }\n      }\n    `,\n  );\n\n  const toggleRootWithWideArea = css`\n    pointer-events: all;\n  `;\n\n  const toggleRootWithoutWideArea = css`\n    pointer-events: none;\n  `;\n\n  const toggleStyles = {\n    toggleBottom: cx(\n      `${prefix}-toggle-bottom`,\n      css`\n        inset-block-end: -${LAYOUT.offset}px;\n        width: 100%;\n        height: ${LAYOUT.toggleShort}px;\n\n        > div {\n          inset-inline-start: 50%;\n\n          width: ${LAYOUT.toggleLength}px;\n          height: ${LAYOUT.toggleShort}px;\n          margin-inline-start: -27px;\n          border-block-start-width: 0;\n          border-radius: 0 0 ${cssVar.borderRadiusLG} ${cssVar.borderRadiusLG};\n        }\n      `,\n    ),\n    toggleLeft: cx(\n      `${prefix}-toggle-left`,\n      css`\n        inset-inline-start: -${LAYOUT.offset}px;\n        width: ${LAYOUT.toggleShort}px;\n        height: 100%;\n\n        > div {\n          inset-block-start: 50%;\n\n          width: ${LAYOUT.toggleShort}px;\n          height: ${LAYOUT.toggleLength}px;\n          margin-block-start: -27px;\n          border-inline-end-width: 0;\n          border-radius: ${cssVar.borderRadiusLG} 0 0 ${cssVar.borderRadiusLG};\n        }\n      `,\n    ),\n    toggleRight: cx(\n      `${prefix}-toggle-right`,\n      css`\n        inset-inline-end: -${LAYOUT.offset}px;\n        width: ${LAYOUT.toggleShort}px;\n        height: 100%;\n\n        > div {\n          inset-block-start: 50%;\n\n          width: ${LAYOUT.toggleShort}px;\n          height: ${LAYOUT.toggleLength}px;\n          margin-block-start: -27px;\n          border-inline-start-width: 0;\n          border-radius: 0 ${cssVar.borderRadiusLG} ${cssVar.borderRadiusLG} 0;\n        }\n      `,\n    ),\n    toggleRoot,\n    toggleRootWithWideArea,\n    toggleRootWithoutWideArea,\n    toggleTop: cx(\n      `${prefix}-toggle-top`,\n      css`\n        inset-block-start: -${LAYOUT.offset}px;\n        width: 100%;\n        height: ${LAYOUT.toggleShort}px;\n\n        > div {\n          inset-inline-start: 50%;\n\n          width: ${LAYOUT.toggleLength}px;\n          height: ${LAYOUT.toggleShort}px;\n          margin-inline-start: -27px;\n          border-block-end-width: 0;\n          border-radius: ${cssVar.borderRadiusLG} ${cssVar.borderRadiusLG} 0 0;\n        }\n      `,\n    ),\n  };\n\n  // Additional component styles\n  const componentStyles = {\n    fixed: css`\n      position: relative;\n    `,\n    fullscreen: css`\n      position: absolute;\n      inset-block: var(--draggable-panel-header-height, 0) 0;\n      inset-inline: 0;\n\n      width: 100%;\n      height: calc(100% - var(--draggable-panel-header-height, 0px));\n\n      background: ${cssVar.colorBgContainer};\n    `,\n    handlerIcon: css`\n      transition: all 0.2s ${cssVar.motionEaseOut};\n    `,\n    panel: cx(\n      `${prefix}-fixed`,\n      css`\n        overflow: hidden;\n        background: var(--draggable-panel-bg, ${cssVar.colorBgLayout});\n        transition: all 0.2s ${cssVar.motionEaseOut};\n      `,\n    ),\n    root: cx(\n      prefix,\n      css`\n        flex-shrink: 0;\n\n        &:hover {\n          > .${prefix}-toggle {\n            opacity: 1;\n          }\n        }\n      `,\n    ),\n  };\n\n  return {\n    ...borderStyles,\n    ...floatPositions,\n    ...handleStyles,\n    handleHighlight: handleHighlightStyle,\n    ...toggleStyles,\n    ...componentStyles,\n  };\n});\n\nexport const handleVariants = cva(styles.handleRoot, {\n  variants: {\n    placement: {\n      bottom: styles.handleBottom,\n      left: styles.handleLeft,\n      right: styles.handleRight,\n      top: styles.handleTop,\n    },\n  },\n});\n\nexport const panelVariants = cva(styles.root, {\n  compoundVariants: [\n    {\n      class: styles.bottomFloat,\n      mode: 'float',\n      placement: 'bottom',\n    },\n    {\n      class: styles.topFloat,\n      mode: 'float',\n      placement: 'top',\n    },\n    {\n      class: styles.leftFloat,\n      mode: 'float',\n      placement: 'left',\n    },\n    {\n      class: styles.rightFloat,\n      mode: 'float',\n      placement: 'right',\n    },\n    // Border styles based on placement, isExpand, and showBorder\n    // Note: border is on the opposite side of placement\n    // placement 'top' -> borderBottom, placement 'right' -> borderLeft, etc.\n    {\n      class: styles.borderBottom,\n      isExpand: true,\n      placement: 'top',\n      showBorder: true,\n    },\n    {\n      class: styles.borderBottomNone,\n      isExpand: true,\n      placement: 'top',\n      showBorder: false,\n    },\n    {\n      class: styles.borderLeft,\n      isExpand: true,\n      placement: 'right',\n      showBorder: true,\n    },\n    {\n      class: styles.borderLeftNone,\n      isExpand: true,\n      placement: 'right',\n      showBorder: false,\n    },\n    {\n      class: styles.borderTop,\n      isExpand: true,\n      placement: 'bottom',\n      showBorder: true,\n    },\n    {\n      class: styles.borderTopNone,\n      isExpand: true,\n      placement: 'bottom',\n      showBorder: false,\n    },\n    {\n      class: styles.borderRight,\n      isExpand: true,\n      placement: 'left',\n      showBorder: true,\n    },\n    {\n      class: styles.borderRightNone,\n      isExpand: true,\n      placement: 'left',\n      showBorder: false,\n    },\n  ],\n  defaultVariants: {\n    isExpand: false,\n    mode: 'fixed',\n    placement: 'right',\n    showBorder: true,\n  },\n\n  variants: {\n    isExpand: {\n      false: null,\n      true: null,\n    },\n    mode: {\n      fixed: styles.fixed,\n      float: null,\n    },\n    placement: {\n      bottom: null,\n      left: null,\n      right: null,\n      top: null,\n    },\n    showBorder: {\n      false: null,\n      true: null,\n    },\n  },\n});\n\nexport const toggleVariants = cva(styles.toggleRoot, {\n  compoundVariants: [\n    {\n      class: styles.toggleRootWithWideArea,\n      showHandleWideArea: true,\n    },\n    {\n      class: styles.toggleRootWithoutWideArea,\n      showHandleWideArea: false,\n    },\n  ],\n  defaultVariants: {\n    showHandleWideArea: false,\n  },\n  variants: {\n    placement: {\n      bottom: styles.toggleTop,\n      left: styles.toggleRight,\n      right: styles.toggleLeft,\n      top: styles.toggleBottom,\n    },\n    showHandleWideArea: {\n      false: null,\n      true: null,\n    },\n  },\n});\n"],"mappings":"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OAAO;GACd,MAAM;GACN,WAAW;EACb;EAIA;GACE,OAAO,OAAO;GACd,UAAU;GACV,WAAW;GACX,YAAY;EACd;EACA;GACE,OAAO,OAAO;GACd,UAAU;GACV,WAAW;GACX,YAAY;EACd;EACA;GACE,OAAO,OAAO;GACd,UAAU;GACV,WAAW;GACX,YAAY;EACd;EACA;GACE,OAAO,OAAO;GACd,UAAU;GACV,WAAW;GACX,YAAY;EACd;EACA;GACE,OAAO,OAAO;GACd,UAAU;GACV,WAAW;GACX,YAAY;EACd;EACA;GACE,OAAO,OAAO;GACd,UAAU;GACV,WAAW;GACX,YAAY;EACd;EACA;GACE,OAAO,OAAO;GACd,UAAU;GACV,WAAW;GACX,YAAY;EACd;EACA;GACE,OAAO,OAAO;GACd,UAAU;GACV,WAAW;GACX,YAAY;EACd;CACF;CACA,iBAAiB;EACf,UAAU;EACV,MAAM;EACN,WAAW;EACX,YAAY;CACd;CAEA,UAAU;EACR,UAAU;GACR,OAAO;GACP,MAAM;EACR;EACA,MAAM;GACJ,OAAO,OAAO;GACd,OAAO;EACT;EACA,WAAW;GACT,QAAQ;GACR,MAAM;GACN,OAAO;GACP,KAAK;EACP;EACA,YAAY;GACV,OAAO;GACP,MAAM;EACR;CACF;AACF,CAAC;AAED,MAAa,iBAAiB,IAAI,OAAO,YAAY;CACnD,kBAAkB,CAChB;EACE,OAAO,OAAO;EACd,oBAAoB;CACtB,GACA;EACE,OAAO,OAAO;EACd,oBAAoB;CACtB,CACF;CACA,iBAAiB,EACf,oBAAoB,MACtB;CACA,UAAU;EACR,WAAW;GACT,QAAQ,OAAO;GACf,MAAM,OAAO;GACb,OAAO,OAAO;GACd,KAAK,OAAO;EACd;EACA,oBAAoB;GAClB,OAAO;GACP,MAAM;EACR;CACF;AACF,CAAC"}
+{"version":3,"file":"style.mjs","names":[],"sources":["../../src/DraggablePanel/style.ts"],"sourcesContent":["import * as stylex from '@stylexjs/stylex';\n\nimport { cssVar } from '@/styles/stylex/cssVar.stylex';\n\nimport { draggablePanelMarker, draggablePanelToggleMarker } from './marker.stylex';\n\nexport const SEAM_ARROW = {\n  depth: 6.5,\n  half: 11,\n  lead: 6,\n  stroke: 1.25,\n};\n\nconst expandable = ':is([data-expandable=\"true\"])';\nconst engaged = `${expandable}:is(:hover, :focus-within, [data-expand=\"false\"])`;\nconst open = `${engaged}:not([data-resizing=\"true\"])`;\nconst hovered = `${expandable}:is(:hover, :focus-within)`;\n\nconst seamBorder = ':is([data-border=\"false\"])';\nconst seamResizing = ':is([data-resizing]):not([data-border=\"false\"])';\nconst seamHover = ':hover:not([data-resizing], [data-border=\"false\"])';\n\nconst seamTransition = `width 0.25s ${cssVar.motionEaseOut}, height 0.25s ${cssVar.motionEaseOut}, background 0.16s ${cssVar.motionEaseOut}`;\n\nexport const styles = stylex.create({\n  body: {\n    padding: 16,\n    overflowX: 'hidden',\n    overflowY: 'auto',\n  },\n  bottomFloat: {\n    insetInline: 0,\n    insetBlockEnd: 0,\n    position: 'absolute',\n    zIndex: 200,\n    width: '100%',\n  },\n  container: {\n    overflow: 'hidden',\n    display: 'flex',\n    flexDirection: 'column',\n    position: 'relative',\n  },\n  content: {\n    backgroundColor: 'var(--draggable-panel-bg, transparent)',\n    display: 'flex',\n    flexDirection: 'column',\n    flexShrink: 0,\n    minHeight: 0,\n    minWidth: 0,\n  },\n  fixed: {\n    position: 'relative',\n  },\n  footer: {\n    flex: 'none',\n    gap: 8,\n    paddingBlock: 8,\n    paddingInline: 16,\n    alignItems: 'center',\n    borderBlockStartColor: cssVar.colorBorderSecondary,\n    borderBlockStartStyle: 'solid',\n    borderBlockStartWidth: 1,\n    display: 'flex',\n  },\n  handle: {\n    'outline': { 'default': null, ':focus-visible': `2px solid ${cssVar.colorPrimary}` },\n    'outlineOffset': { 'default': null, ':focus-visible': -2 },\n    'position': 'absolute',\n    'touchAction': 'none',\n    'zIndex': 100,\n    '::after': {\n      transition: seamTransition,\n      backgroundColor: {\n        default: cssVar.colorBorderSecondary,\n        [seamBorder]: 'transparent',\n        [seamHover]: cssVar.colorFill,\n        [seamResizing]: cssVar.colorPrimary,\n      },\n      content: \"''\",\n      position: 'absolute',\n    },\n    '::before': {\n      transition: seamTransition,\n      backgroundColor: {\n        default: cssVar.colorBorderSecondary,\n        [seamBorder]: 'transparent',\n        [seamHover]: cssVar.colorFill,\n        [seamResizing]: cssVar.colorPrimary,\n      },\n      content: \"''\",\n      position: 'absolute',\n    },\n  },\n  handleHorizontal: {\n    'insetInline': 0,\n    'cursor': 'row-resize',\n    'height': 'var(--draggable-panel-handle-size)',\n    '::after': {\n      insetBlockStart: '50%',\n      insetInlineEnd: 0,\n      marginBlockStart: -0.5,\n      height: 1,\n      width: 'calc(50% - var(--draggable-panel-gap, 0px))',\n    },\n    '::before': {\n      insetBlockStart: '50%',\n      insetInlineStart: 0,\n      marginBlockStart: -0.5,\n      height: 1,\n      width: 'calc(50% - var(--draggable-panel-gap, 0px))',\n    },\n  },\n  handleVertical: {\n    'insetBlock': 0,\n    'cursor': 'col-resize',\n    'width': 'var(--draggable-panel-handle-size)',\n    '::after': {\n      insetBlockEnd: 0,\n      insetInlineStart: '50%',\n      marginInlineStart: -0.5,\n      height: 'calc(50% - var(--draggable-panel-gap, 0px))',\n      width: 1,\n    },\n    '::before': {\n      insetBlockStart: 0,\n      insetInlineStart: '50%',\n      marginInlineStart: -0.5,\n      height: 'calc(50% - var(--draggable-panel-gap, 0px))',\n      width: 1,\n    },\n  },\n  header: {\n    flex: 'none',\n    gap: 8,\n    paddingBlock: 8,\n    paddingInline: 16,\n    alignItems: 'center',\n    borderBlockEndColor: cssVar.colorBorderSecondary,\n    borderBlockEndStyle: 'solid',\n    borderBlockEndWidth: 1,\n    display: 'flex',\n    fontWeight: 500,\n    justifyContent: 'space-between',\n  },\n  leftFloat: {\n    insetBlock: 0,\n    insetInlineStart: 0,\n    position: 'absolute',\n    zIndex: 200,\n    height: '100%',\n  },\n  rightFloat: {\n    insetBlock: 0,\n    insetInlineEnd: 0,\n    position: 'absolute',\n    zIndex: 200,\n    height: '100%',\n  },\n  root: {\n    '--draggable-panel-gap': {\n      default: '0px',\n      [open]: `${SEAM_ARROW.half + SEAM_ARROW.lead}px`,\n    },\n    'display': 'flex',\n    'flexShrink': 0,\n    'minHeight': 0,\n    'minWidth': 0,\n  },\n  toggleBottom: {\n    insetInline: 0,\n    insetBlockEnd: -13,\n    height: 26,\n  },\n  toggleButton: {\n    padding: 0,\n    borderStyle: 'none',\n    borderWidth: 'medium',\n    outline: { 'default': null, ':focus-visible': `2px solid ${cssVar.colorPrimary}` },\n    backgroundColor: 'transparent',\n    cursor: 'pointer',\n    outlineOffset: { 'default': null, ':focus-visible': 3 },\n    pointerEvents: 'all',\n    position: 'relative',\n    height: 40,\n    width: 26,\n  },\n  toggleButtonHorizontal: {\n    height: 26,\n    width: 40,\n  },\n  toggleLeft: {\n    insetBlock: 0,\n    insetInlineStart: -13,\n    width: 26,\n  },\n  togglePath: {\n    vectorEffect: 'non-scaling-stroke',\n    transition: `transform 0.24s ${cssVar.motionEaseOut}`,\n    transform: {\n      default: 'scaleX(0)',\n      [stylex.when.ancestor(engaged, draggablePanelMarker)]: 'scaleX(var(--seam-bend))',\n    },\n    transformOrigin: 'center',\n  },\n  toggleRight: {\n    insetBlock: 0,\n    insetInlineEnd: -13,\n    width: 26,\n  },\n  toggleRoot: {\n    alignItems: 'center',\n    display: 'flex',\n    justifyContent: 'center',\n    opacity: {\n      default: null,\n      [stylex.when.ancestor(hovered, draggablePanelMarker)]: '1 !important',\n    },\n    pointerEvents: 'none',\n    position: 'absolute',\n    zIndex: 110,\n  },\n  toggleStopEnd: {\n    stopColor: cssVar.colorBorderSecondary,\n    transition: `stop-opacity 0.18s ${cssVar.motionEaseOut}`,\n  },\n  toggleStopTip: {\n    stopColor: {\n      default: cssVar.colorTextTertiary,\n      [stylex.when.ancestor(':hover', draggablePanelToggleMarker)]: cssVar.colorTextSecondary,\n    },\n    transition: `stop-color 0.16s ${cssVar.motionEaseOut}`,\n  },\n  toggleSvg: {\n    overflow: 'visible',\n    transition: `opacity 0.18s ${cssVar.motionEaseOut}`,\n    insetBlockStart: '50%',\n    insetInlineStart: '50%',\n    opacity: { default: 0, [stylex.when.ancestor(open, draggablePanelMarker)]: 1 },\n    pointerEvents: 'none',\n    position: 'absolute',\n    transform: 'translate(-50%, -50%)',\n  },\n  toggleTop: {\n    insetInline: 0,\n    insetBlockStart: -13,\n    height: 26,\n  },\n  topFloat: {\n    insetInline: 0,\n    insetBlockStart: 0,\n    position: 'absolute',\n    zIndex: 200,\n    width: '100%',\n  },\n});\n"],"mappings":";;AAKA,MAAa,aAAa;CACxB,OAAO;CACP,MAAM;CACN,MAAM;CACN,QAAQ;AACV;AAQuB,GAAe,OAAO,gBAA+B,OAAO,gBAAmC,OAAO;AAC7H,MAAa,SAAS;CACpB,MAAM;EACJ,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,aAAa;EACX,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,WAAW;EACT,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,SAAS;EACP,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;EACP,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,OAAO;EACL,QAAQ;EACR,OAAO;CACT;CACA,QAAQ;EACN,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,QAAQ;EACN,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,kBAAkB;EAChB,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,gBAAgB;EACd,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,QAAQ;EACN,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,WAAW;EACT,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,YAAY;EACV,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,MAAM;EACJ,yBAAyB;EACzB,QAAQ;EACR,OAAO;EACP,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,cAAc;EACZ,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,cAAc;EACZ,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,wBAAwB;EACtB,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,YAAY;EACV,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,YAAY;EACV,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,aAAa;EACX,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,YAAY;EACV,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,eAAe;EACb,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,eAAe;EACb,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,WAAW;EACT,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,WAAW;EACT,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,UAAU;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;AACF"}