@lobehub/ui 5.57.3 → 6.0.0-beta.1

package/es/Tabs/style.mjs

@@ -1,171 +1,170 @@
-import { createStaticStyles } from "antd-style";
-import { cva } from "class-variance-authority";
+import { focusRing } from "../styles/stylex/focusRing.mjs";
+import * as stylex from "@stylexjs/stylex";
 //#region src/Tabs/style.ts
-const prefixCls = "ant";
-const styles = createStaticStyles(({ css, cssVar }) => {
-	return {
-		compact: css`
-      &.${prefixCls}-tabs {
-        .${prefixCls}-tabs-tab {
-          margin: 4px;
-
-          + [class*='ant-tabs-tab'] {
-            margin: 4px;
-          }
-        }
-      }
-    `,
-		dropdown: css`
-      .${prefixCls}-tabs-dropdown-menu {
-        padding: 4px;
-        border: 1px solid ${cssVar.colorBorderSecondary};
-
-        .${prefixCls}-tabs-dropdown-menu-item {
-          border-radius: ${cssVar.borderRadius};
-        }
-      }
-    `,
-		hideHolder: css`
-      &.${prefixCls}-tabs {
-        .${prefixCls}-tabs-content-holder {
-          display: none;
-        }
-
-        .${prefixCls}-tabs-nav {
-          margin: 0;
-
-          &::before {
-            display: none;
-          }
-        }
-      }
-    `,
-		margin: css`
-      &.${prefixCls}-tabs {
-        .${prefixCls}-tabs-tab {
-          margin: 8px;
-
-          + .${prefixCls}-tabs-tab {
-            margin: 8px;
-          }
-        }
-      }
-    `,
-		point: css`
-      &.${prefixCls}-tabs {
-        &.${prefixCls}-tabs-top {
-          .${prefixCls}-tabs-ink-bar {
-            width: 8px !important;
-            height: 4px;
-            border-start-start-radius: 4px;
-            border-start-end-radius: 4px;
-          }
-        }
-
-        &.${prefixCls}-tabs-bottom {
-          .${prefixCls}-tabs-ink-bar {
-            width: 8px !important;
-            height: 4px;
-            border-end-start-radius: 4px;
-            border-end-end-radius: 4px;
-          }
-        }
-
-        &.${prefixCls}-tabs-left {
-          .${prefixCls}-tabs-ink-bar {
-            width: 4px;
-            height: 8px !important;
-            border-start-start-radius: 4px;
-            border-end-start-radius: 4px;
-          }
-        }
-
-        &.${prefixCls}-tabs-right {
-          .${prefixCls}-tabs-ink-bar {
-            width: 4px;
-            height: 8px !important;
-            border-start-end-radius: 4px;
-            border-end-end-radius: 4px;
-          }
-        }
-      }
-    `,
-		root: css`
-      &.${prefixCls}-tabs {
-        .${prefixCls}-tabs-tab {
-          padding-block: 8px;
-          padding-inline: 12px;
-          color: ${cssVar.colorTextSecondary};
-          transition: background-color 100ms ease-out;
-
-          &:hover {
-            border-radius: ${cssVar.borderRadius};
-            color: ${cssVar.colorText};
-            background: ${cssVar.colorFillTertiary};
-          }
-        }
-      }
-    `,
-		rounded: css`
-      &.${prefixCls}-tabs {
-        &.${prefixCls}-tabs-top {
-          .${prefixCls}-tabs-ink-bar {
-            height: 3px;
-            border-start-start-radius: 3px;
-            border-start-end-radius: 3px;
-          }
-        }
-
-        &.${prefixCls}-tabs-bottom {
-          .${prefixCls}-tabs-ink-bar {
-            height: 3px;
-            border-end-start-radius: 3px;
-            border-end-end-radius: 3px;
-          }
-        }
-
-        &.${prefixCls}-tabs-left {
-          .${prefixCls}-tabs-ink-bar {
-            width: 3px;
-            border-start-start-radius: 3px;
-            border-end-start-radius: 3px;
-          }
-        }
-
-        &.${prefixCls}-tabs-right {
-          .${prefixCls}-tabs-ink-bar {
-            width: 3px;
-            border-start-end-radius: 3px;
-            border-end-end-radius: 3px;
-          }
-        }
-      }
-    `
-	};
-});
-const variants = cva(styles.root, {
-	defaultVariants: {
-		compact: false,
-		underlined: false,
-		variant: "rounded"
+const styles = {
+	indicator: {
+		kfzvcC: "lb47corl",
+		kVAEAm: "lb10l6tqk",
+		kIyJzY: "lb43t7r1 lb12w9bfk",
+		k1ekBW: "lbd9r2uw",
+		kAMwcw: "lb1o41tc",
+		kY2c9j: "lb1ja2u2z",
+		$$css: true
+	},
+	indicatorPoint: {
+		kaIpWk: "lb16rqkct",
+		kWkggS: "lb1hsafae",
+		krVfgx: "lbrb244j",
+		kLqNvP: "lb1obg9iq",
+		kZKoxP: "lb1ycjhwn",
+		kzqmXN: "lb1ftt334",
+		$$css: true
+	},
+	indicatorRounded: {
+		kaIpWk: "lb1sbi92r",
+		kWkggS: "lb1w937bt",
+		kGVxlE: "lb1c4gvbl",
+		k87sOh: "lb10uur0e",
+		kLqNvP: "lb19rn0o9",
+		kZKoxP: "lb1gezbiy",
+		kzqmXN: "lboffw1",
+		$$css: true
+	},
+	indicatorSquare: {
+		kWkggS: "lb1hsafae",
+		krVfgx: "lb1ey2m1c",
+		kLqNvP: "lb19rn0o9",
+		kZKoxP: "lb36qwtl",
+		kzqmXN: "lboffw1",
+		$$css: true
+	},
+	list: {
+		kOIVth: "lb195vfkc",
+		kGNEyG: "lb6s0dn4 lb1it17vb",
+		k1xSpc: "lb3nfvp2",
+		kXwgrk: "lb16yzcw2",
+		kwnvtZ: "lbozqiw3",
+		kVAEAm: "lb1n2onr6",
+		$$css: true
+	},
+	listRounded: {
+		kmVPX3: "lb9ms5i6",
+		kaIpWk: "lb1ndkxwp",
+		kOIVth: "lb1jnr06f",
+		kSGwAc: "lbqcrz7y lb11paglw",
+		kWkggS: "lb41ilrr",
+		$$css: true
+	},
+	listSquare: {
+		kOIVth: "lbou54vl",
+		kGVxlE: "lb17znu35 lbvez54v",
+		$$css: true
+	},
+	panel: {
+		kaIpWk: "lb1sbi92r",
+		kI3sdo: "lb1a2a7pz",
+		kLKAdn: "lbz9dl7a",
+		$$css: true
+	},
+	root: {
+		k1xSpc: "lb78zum5",
+		kXwgrk: "lbdt5ytf lb1v743of",
+		kzqmXN: "lbh8yej3",
+		$$css: true
+	},
+	tab: {
+		kVAM5u: "lb181nr7w",
+		ksu8eU: "lbng3xce",
+		kMzoRj: "lbc342km",
+		kOIVth: "lb17d4w8g",
+		kI3sdo: "lb1a2a7pz",
+		kmkexE: "lb1qjqjpi",
+		kGNEyG: "lb6s0dn4",
+		kWkggS: "lbjbqb8w",
+		kB7OPa: "lb9f619",
+		kMwMTN: "lbc77et8 lbz2adzu lb1rzizxy lb2poks1",
+		kkrTdU: "lb1ypdohk lb5ezrf1",
+		k1xSpc: "lb3nfvp2",
+		kmuXW: "lb2lah0s",
+		k63SB2: "lbk50ysn",
+		kjj79g: "lbl56j7k",
+		kVAEAm: "lb1n2onr6",
+		k3aq6I: "lb1dtbrvd",
+		kIyJzY: "lb12w9bfk",
+		kfSwDN: "lb87ps6o",
+		khDVqt: "lbuxw1ft",
+		kY2c9j: "lb1vjfegm",
+		$$css: true
+	},
+	tabLarge: {
+		kaIpWk: "lb1sbi92r",
+		kg3NbH: "lb1hr3lfm",
+		kGuDYH: "lbif65rj",
+		kZKoxP: "lbc9qbxq",
+		$$css: true
+	},
+	tabMiddle: {
+		kaIpWk: "lb1sbi92r",
+		kg3NbH: "lbaope02",
+		kGuDYH: "lb4z9k3i",
+		kZKoxP: "lb10w6t97",
+		$$css: true
+	},
+	tabPoint: {
+		kGO01o: "lb1g2khh7",
+		kLKAdn: "lb1y1aw1k",
+		kZKoxP: "lbt7dq6l",
+		$$css: true
+	},
+	tabSmall: {
+		kaIpWk: "lb1sbi92r",
+		kg3NbH: "lb1awh872",
+		kGuDYH: "lbfifm61",
+		kZKoxP: "lbd7y6wv",
+		$$css: true
 	},
-	variants: {
-		variant: {
-			square: null,
-			rounded: styles.rounded,
-			point: styles.point
-		},
-		compact: {
-			false: styles.margin,
-			true: styles.compact
-		},
-		underlined: {
-			false: styles.hideHolder,
-			true: null
-		}
+	tabSquare: {
+		kaIpWk: "lb2u8bby",
+		k8WAf4: "lb1vvogim",
+		kZKoxP: "lbt7dq6l",
+		$$css: true
 	}
-});
+};
+const indicatorVariantStyles = {
+	point: styles.indicatorPoint,
+	rounded: styles.indicatorRounded,
+	square: styles.indicatorSquare
+};
+const tabSizeStyles = {
+	large: styles.tabLarge,
+	middle: styles.tabMiddle,
+	small: styles.tabSmall
+};
+const tabVariantStyles = {
+	point: styles.tabPoint,
+	rounded: null,
+	square: styles.tabSquare
+};
+const listVariantStyles = {
+	point: null,
+	rounded: styles.listRounded,
+	square: styles.listSquare
+};
+const tabStyles = (size, variant) => [
+	styles.tab,
+	focusRing.info,
+	tabSizeStyles[size],
+	tabVariantStyles[variant]
+];
+const indicatorStyles = (variant) => [styles.indicator, indicatorVariantStyles[variant]];
+const listStyles = (variant) => [styles.list, listVariantStyles[variant]];
+const panelStyles = [styles.panel, focusRing.info];
+const tabsStyles = {
+	...Object.fromEntries(Object.entries(styles).map(([key, value]) => [key, stylex.props(value).className ?? ""])),
+	panel: stylex.props(panelStyles).className ?? "",
+	tab: stylex.props(styles.tab, focusRing.info).className ?? ""
+};
 //#endregion
-export { styles, variants };
+export { indicatorStyles, listStyles, panelStyles, styles, tabStyles, tabsStyles };
 
 //# sourceMappingURL=style.mjs.map

package/es/Tabs/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","names":[],"sources":["../../src/Tabs/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\nimport { cva } from 'class-variance-authority';\n\nconst prefixCls = 'ant';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => {\n  return {\n    compact: css`\n      &.${prefixCls}-tabs {\n        .${prefixCls}-tabs-tab {\n          margin: 4px;\n\n          + [class*='ant-tabs-tab'] {\n            margin: 4px;\n          }\n        }\n      }\n    `,\n    dropdown: css`\n      .${prefixCls}-tabs-dropdown-menu {\n        padding: 4px;\n        border: 1px solid ${cssVar.colorBorderSecondary};\n\n        .${prefixCls}-tabs-dropdown-menu-item {\n          border-radius: ${cssVar.borderRadius};\n        }\n      }\n    `,\n    hideHolder: css`\n      &.${prefixCls}-tabs {\n        .${prefixCls}-tabs-content-holder {\n          display: none;\n        }\n\n        .${prefixCls}-tabs-nav {\n          margin: 0;\n\n          &::before {\n            display: none;\n          }\n        }\n      }\n    `,\n\n    margin: css`\n      &.${prefixCls}-tabs {\n        .${prefixCls}-tabs-tab {\n          margin: 8px;\n\n          + .${prefixCls}-tabs-tab {\n            margin: 8px;\n          }\n        }\n      }\n    `,\n    point: css`\n      &.${prefixCls}-tabs {\n        &.${prefixCls}-tabs-top {\n          .${prefixCls}-tabs-ink-bar {\n            width: 8px !important;\n            height: 4px;\n            border-start-start-radius: 4px;\n            border-start-end-radius: 4px;\n          }\n        }\n\n        &.${prefixCls}-tabs-bottom {\n          .${prefixCls}-tabs-ink-bar {\n            width: 8px !important;\n            height: 4px;\n            border-end-start-radius: 4px;\n            border-end-end-radius: 4px;\n          }\n        }\n\n        &.${prefixCls}-tabs-left {\n          .${prefixCls}-tabs-ink-bar {\n            width: 4px;\n            height: 8px !important;\n            border-start-start-radius: 4px;\n            border-end-start-radius: 4px;\n          }\n        }\n\n        &.${prefixCls}-tabs-right {\n          .${prefixCls}-tabs-ink-bar {\n            width: 4px;\n            height: 8px !important;\n            border-start-end-radius: 4px;\n            border-end-end-radius: 4px;\n          }\n        }\n      }\n    `,\n    root: css`\n      &.${prefixCls}-tabs {\n        .${prefixCls}-tabs-tab {\n          padding-block: 8px;\n          padding-inline: 12px;\n          color: ${cssVar.colorTextSecondary};\n          transition: background-color 100ms ease-out;\n\n          &:hover {\n            border-radius: ${cssVar.borderRadius};\n            color: ${cssVar.colorText};\n            background: ${cssVar.colorFillTertiary};\n          }\n        }\n      }\n    `,\n    rounded: css`\n      &.${prefixCls}-tabs {\n        &.${prefixCls}-tabs-top {\n          .${prefixCls}-tabs-ink-bar {\n            height: 3px;\n            border-start-start-radius: 3px;\n            border-start-end-radius: 3px;\n          }\n        }\n\n        &.${prefixCls}-tabs-bottom {\n          .${prefixCls}-tabs-ink-bar {\n            height: 3px;\n            border-end-start-radius: 3px;\n            border-end-end-radius: 3px;\n          }\n        }\n\n        &.${prefixCls}-tabs-left {\n          .${prefixCls}-tabs-ink-bar {\n            width: 3px;\n            border-start-start-radius: 3px;\n            border-end-start-radius: 3px;\n          }\n        }\n\n        &.${prefixCls}-tabs-right {\n          .${prefixCls}-tabs-ink-bar {\n            width: 3px;\n            border-start-end-radius: 3px;\n            border-end-end-radius: 3px;\n          }\n        }\n      }\n    `,\n  };\n});\n\nexport const variants = cva(styles.root, {\n  defaultVariants: {\n    compact: false,\n    underlined: false,\n    variant: 'rounded',\n  },\n\n  variants: {\n    variant: {\n      square: null,\n      rounded: styles.rounded,\n      point: styles.point,\n    },\n    compact: {\n      false: styles.margin,\n      true: styles.compact,\n    },\n    underlined: {\n      false: styles.hideHolder,\n      true: null,\n    },\n  },\n});\n"],"mappings":";;;AAGA,MAAM,YAAY;AAElB,MAAa,SAAS,oBAAoB,EAAE,KAAK,aAAa;CAC5D,OAAO;EACL,SAAS,GAAG;UACN,UAAU;WACT,UAAU;;;;;;;;;EASjB,UAAU,GAAG;SACR,UAAU;;4BAES,OAAO,qBAAqB;;WAE7C,UAAU;2BACM,OAAO,aAAa;;;;EAI3C,YAAY,GAAG;UACT,UAAU;WACT,UAAU;;;;WAIV,UAAU;;;;;;;;;EAUjB,QAAQ,GAAG;UACL,UAAU;WACT,UAAU;;;eAGN,UAAU;;;;;;EAMrB,OAAO,GAAG;UACJ,UAAU;YACR,UAAU;aACT,UAAU;;;;;;;;YAQX,UAAU;aACT,UAAU;;;;;;;;YAQX,UAAU;aACT,UAAU;;;;;;;;YAQX,UAAU;aACT,UAAU;;;;;;;;;EASnB,MAAM,GAAG;UACH,UAAU;WACT,UAAU;;;mBAGF,OAAO,mBAAmB;;;;6BAIhB,OAAO,aAAa;qBAC5B,OAAO,UAAU;0BACZ,OAAO,kBAAkB;;;;;EAK/C,SAAS,GAAG;UACN,UAAU;YACR,UAAU;aACT,UAAU;;;;;;;YAOX,UAAU;aACT,UAAU;;;;;;;YAOX,UAAU;aACT,UAAU;;;;;;;YAOX,UAAU;aACT,UAAU;;;;;;;;CAQrB;AACF,CAAC;AAED,MAAa,WAAW,IAAI,OAAO,MAAM;CACvC,iBAAiB;EACf,SAAS;EACT,YAAY;EACZ,SAAS;CACX;CAEA,UAAU;EACR,SAAS;GACP,QAAQ;GACR,SAAS,OAAO;GAChB,OAAO,OAAO;EAChB;EACA,SAAS;GACP,OAAO,OAAO;GACd,MAAM,OAAO;EACf;EACA,YAAY;GACV,OAAO,OAAO;GACd,MAAM;EACR;CACF;AACF,CAAC"}
+{"version":3,"file":"style.mjs","names":[],"sources":["../../src/Tabs/style.ts"],"sourcesContent":["import * as stylex from '@stylexjs/stylex';\n\nimport { cssVar } from '@/styles/stylex/cssVar.stylex';\nimport { focusRing } from '@/styles/stylex/focusRing';\n\nimport type { TabsSize, TabsVariant } from './type';\n\nconst reducedMotion = '@media (prefers-reduced-motion: reduce)';\nconst vertical = ':is([data-orientation=\"vertical\"])';\nconst indicatorStart = 'var(--lobe-tabs-indicator-start, var(--active-tab-left))';\n\nexport const styles = stylex.create({\n  indicator: {\n    pointerEvents: 'none',\n    position: 'absolute',\n    transitionDuration: { default: '240ms', [reducedMotion]: '0s' },\n    transitionProperty: 'inset-inline-start, inset-block-start, width, height, transform',\n    transitionTimingFunction: cssVar.motionEaseOut,\n    zIndex: 0,\n  },\n  indicatorPoint: {\n    borderRadius: '50%',\n    backgroundColor: cssVar.colorPrimary,\n    insetBlockEnd: 6,\n    insetInlineStart: `calc(${indicatorStart} + var(--active-tab-width) / 2 - 2.5px)`,\n    height: 5,\n    width: 5,\n  },\n  indicatorRounded: {\n    borderRadius: cssVar.borderRadius,\n    backgroundColor: cssVar.colorBgElevated,\n    boxShadow: cssVar.boxShadowTertiary,\n    insetBlockStart: 'var(--active-tab-top)',\n    insetInlineStart: indicatorStart,\n    height: 'var(--active-tab-height)',\n    width: 'var(--active-tab-width)',\n  },\n  indicatorSquare: {\n    backgroundColor: cssVar.colorPrimary,\n    insetBlockEnd: 0,\n    insetInlineStart: indicatorStart,\n    height: 2,\n    width: 'var(--active-tab-width)',\n  },\n  list: {\n    gap: 2,\n    alignItems: { default: 'center', [vertical]: 'stretch' },\n    display: 'inline-flex',\n    flexDirection: { default: null, [vertical]: 'column' },\n    flexWrap: 'nowrap',\n    position: 'relative',\n  },\n  listRounded: {\n    padding: 3,\n    borderRadius: cssVar.borderRadiusLG,\n    gap: 4,\n    alignSelf: { default: 'flex-start', [vertical]: 'stretch' },\n    backgroundColor: cssVar.colorBgLayout,\n  },\n  listSquare: {\n    gap: 16,\n    boxShadow: {\n      default: `inset 0 -1px 0 ${cssVar.colorBorderSecondary}`,\n      [vertical]: `inset -1px 0 0 ${cssVar.colorBorderSecondary}`,\n    },\n  },\n  panel: {\n    borderRadius: cssVar.borderRadius,\n    outline: 'none',\n    paddingBlockStart: 12,\n  },\n  root: {\n    display: 'flex',\n    flexDirection: { default: 'column', [vertical]: 'row' },\n    width: '100%',\n  },\n  tab: {\n    borderColor: 'currentcolor',\n    borderStyle: 'none',\n    borderWidth: 0,\n    gap: 6,\n    outline: 'none',\n    transition: `color 120ms ${cssVar.motionEaseOut}, transform 120ms ${cssVar.motionEaseOut}`,\n    alignItems: 'center',\n    backgroundColor: 'transparent',\n    boxSizing: 'border-box',\n    color: {\n      'default': cssVar.colorTextSecondary,\n      ':hover:not([data-disabled])': cssVar.colorText,\n      ':is([data-active]):not(:hover):not([data-disabled])': cssVar.colorPrimary,\n      ':is([data-disabled])': cssVar.colorTextDisabled,\n    },\n    cursor: { 'default': 'pointer', ':is([data-disabled])': 'not-allowed' },\n    display: 'inline-flex',\n    flexShrink: 0,\n    fontWeight: 500,\n    justifyContent: 'center',\n    position: 'relative',\n    transform: { 'default': null, ':active:not([data-disabled])': 'scale(0.98)' },\n    transitionDuration: { default: null, [reducedMotion]: '0s' },\n    userSelect: 'none',\n    whiteSpace: 'nowrap',\n    zIndex: 1,\n  },\n  tabLarge: {\n    borderRadius: cssVar.borderRadius,\n    paddingInline: 16,\n    fontSize: 14,\n    height: 36,\n  },\n  tabMiddle: {\n    borderRadius: cssVar.borderRadius,\n    paddingInline: 12,\n    fontSize: 13,\n    height: 32,\n  },\n  tabPoint: {\n    paddingBlockEnd: 14,\n    paddingBlockStart: 8,\n    height: 'auto',\n  },\n  tabSmall: {\n    borderRadius: cssVar.borderRadius,\n    paddingInline: 10,\n    fontSize: 12,\n    height: 26,\n  },\n  tabSquare: {\n    borderRadius: 0,\n    paddingBlock: 8,\n    height: 'auto',\n  },\n});\n\nconst indicatorVariantStyles = {\n  point: styles.indicatorPoint,\n  rounded: styles.indicatorRounded,\n  square: styles.indicatorSquare,\n};\n\nconst tabSizeStyles = {\n  large: styles.tabLarge,\n  middle: styles.tabMiddle,\n  small: styles.tabSmall,\n};\n\nconst tabVariantStyles = {\n  point: styles.tabPoint,\n  rounded: null,\n  square: styles.tabSquare,\n};\n\nconst listVariantStyles = {\n  point: null,\n  rounded: styles.listRounded,\n  square: styles.listSquare,\n};\n\nexport const tabStyles = (size: TabsSize, variant: TabsVariant) => [\n  styles.tab,\n  focusRing.info,\n  tabSizeStyles[size],\n  tabVariantStyles[variant],\n];\n\nexport const indicatorStyles = (variant: TabsVariant) => [\n  styles.indicator,\n  indicatorVariantStyles[variant],\n];\n\nexport const listStyles = (variant: TabsVariant) => [styles.list, listVariantStyles[variant]];\n\nexport const panelStyles = [styles.panel, focusRing.info];\n\nexport const tabsStyles = {\n  ...(Object.fromEntries(\n    Object.entries(styles).map(([key, value]) => [key, stylex.props(value).className ?? '']),\n  ) as Record<keyof typeof styles, string>),\n  panel: stylex.props(panelStyles).className ?? '',\n  tab: stylex.props(styles.tab, focusRing.info).className ?? '',\n};\n"],"mappings":";;;AAQA,MAAa,SAAS;CACpB,WAAW;EACT,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,OAAO;CACT;CACA,kBAAkB;EAChB,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,iBAAiB;EACf,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,MAAM;EACJ,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,aAAa;EACX,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,YAAY;EACV,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,OAAO;EACL,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,MAAM;EACJ,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,KAAK;EACH,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;EACP,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,UAAU;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,UAAU;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,UAAU;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,WAAW;EACT,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;AACF;AACA,MAAM,yBAAyB;CAC7B,OAAO,OAAO;CACd,SAAS,OAAO;CAChB,QAAQ,OAAO;AACjB;AACA,MAAM,gBAAgB;CACpB,OAAO,OAAO;CACd,QAAQ,OAAO;CACf,OAAO,OAAO;AAChB;AACA,MAAM,mBAAmB;CACvB,OAAO,OAAO;CACd,SAAS;CACT,QAAQ,OAAO;AACjB;AACA,MAAM,oBAAoB;CACxB,OAAO;CACP,SAAS,OAAO;CAChB,QAAQ,OAAO;AACjB;AACA,MAAa,aAAa,MAAgB,YAAyB;CAAC,OAAO;CAAK,UAAU;CAAM,cAAc;CAAO,iBAAiB;AAAQ;AAC9I,MAAa,mBAAmB,YAAyB,CAAC,OAAO,WAAW,uBAAuB,QAAQ;AAC3G,MAAa,cAAc,YAAyB,CAAC,OAAO,MAAM,kBAAkB,QAAQ;AAC5F,MAAa,cAAc,CAAC,OAAO,OAAO,UAAU,IAAI;AACxD,MAAa,aAAa;CACxB,GAAI,OAAO,YAAY,OAAO,QAAQ,MAAM,CAAC,CAAC,KAAK,CAAC,KAAK,WAAW,CAAC,KAAK,OAAO,MAAM,KAAK,CAAC,CAAC,aAAa,EAAE,CAAC,CAAC;CAC/G,OAAO,OAAO,MAAM,WAAW,CAAC,CAAC,aAAa;CAC9C,KAAK,OAAO,MAAM,OAAO,KAAK,UAAU,IAAI,CAAC,CAAC,aAAa;AAC7D"}

package/es/Tabs/type.d.mts

@@ -1,9 +1,62 @@
-import { TabsProps } from "antd";
+import { CSSProperties, ComponentProps, ReactNode, Ref } from "react";
+import { Tabs } from "@base-ui/react/tabs";
 //#region src/Tabs/type.d.ts
-interface TabsProps$1 extends TabsProps {
-  compact?: boolean;
-  variant?: 'square' | 'rounded' | 'point';
+export type TabsVariant = 'rounded' | 'square' | 'point';
+export type TabsSize = 'small' | 'middle' | 'large';
+export type TabsOrientation = 'horizontal' | 'vertical';
+export interface TabsClassNames {
+  indicator?: string;
+  list?: string;
+  panel?: string;
+  root?: string;
+  tab?: string;
+}
+export interface TabsStyles {
+  indicator?: CSSProperties;
+  list?: CSSProperties;
+  panel?: CSSProperties;
+  root?: CSSProperties;
+  tab?: CSSProperties;
+}
+export interface TabsItem {
+  children?: ReactNode;
+  disabled?: boolean;
+  icon?: ReactNode;
+  key: string;
+  label: ReactNode;
+}
+export type TabsRootProps = Omit<ComponentProps<typeof Tabs.Root>, 'className' | 'render'> & {
+  className?: string;
+};
+export type TabsListProps = Omit<ComponentProps<typeof Tabs.List>, 'className' | 'render'> & {
+  className?: string;
+  variant?: TabsVariant;
+};
+export type TabsTabProps = Omit<ComponentProps<typeof Tabs.Tab>, 'className' | 'render'> & {
+  className?: string;
+  size?: TabsSize;
+  variant?: TabsVariant;
+};
+export type TabsPanelProps = Omit<ComponentProps<typeof Tabs.Panel>, 'className' | 'render'> & {
+  className?: string;
+};
+export type TabsIndicatorProps = Omit<ComponentProps<typeof Tabs.Indicator>, 'className' | 'render'> & {
+  className?: string;
+  variant?: TabsVariant;
+};
+export interface TabsProps {
+  activeKey?: string;
+  className?: string;
+  classNames?: TabsClassNames;
+  defaultActiveKey?: string;
+  items?: TabsItem[];
+  onChange?: (key: string) => void;
+  orientation?: TabsOrientation;
+  ref?: Ref<HTMLDivElement>;
+  size?: TabsSize;
+  style?: CSSProperties;
+  styles?: TabsStyles;
+  variant?: TabsVariant;
 }
 //#endregion
-export { TabsProps$1 as TabsProps };
 //# sourceMappingURL=type.d.mts.map

package/es/Tag/Tag.d.mts

@@ -1,10 +1,6 @@
 import { TagProps } from "./type.mjs";
-import { FC } from "react";
 //#region src/Tag/Tag.d.ts
-/**
- * @deprecated Use `Tag` from `@lobehub/ui/base-ui` instead.
- */
-declare const Tag: FC<TagProps>;
+declare const Tag: import("react").NamedExoticComponent<TagProps>;
 //#endregion
 export { Tag as default };
 //# sourceMappingURL=Tag.d.mts.map

package/es/Tag/Tag.mjs

@@ -1,16 +1,28 @@
 "use client";
+import { styleProps } from "../styles/stylex/props.mjs";
+import { cssVar } from "../styles/stylex/cssVar.stylex.mjs";
+import { stylish } from "../styles/stylex/stylish.mjs";
 import { safeReadableColor } from "../utils/safeReadableColor.mjs";
+import { styles } from "./style.mjs";
 import { colorsPreset, colorsPresetSystem, presetColors, presetSystemColors } from "./utils.mjs";
-import { variants } from "./styles.mjs";
-import { useMemo } from "react";
-import { jsx } from "react/jsx-runtime";
-import { cssVar, cx } from "antd-style";
-import { Tag } from "antd";
+import { memo, useMemo, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import clsx from "clsx";
+import { X } from "lucide-react";
 //#region src/Tag/Tag.tsx
-/**
-* @deprecated Use `Tag` from `@lobehub/ui/base-ui` instead.
-*/
-const Tag$1 = ({ className, ref, shape = "normal", size = "middle", color, variant = "filled", children, onClick, style, ...rest }) => {
+const variantStyles = {
+	borderless: stylish.variantBorderlessWithoutHover,
+	filled: stylish.variantFilledWithoutHover,
+	outlined: stylish.variantOutlinedWithoutHover,
+	solid: stylish.variantFilledWithoutHover
+};
+const roundSizeStyles = {
+	large: styles.roundLarge,
+	middle: styles.roundMiddle,
+	small: styles.roundSmall
+};
+const Tag = memo(({ children, className, classNames, closable, closeIcon, color, icon, onClick, onClose, ref, shape = "normal", size = "middle", style, styles: customStyles, variant = "filled", ...rest }) => {
+	const [visible, setVisible] = useState(true);
 	const colors = useMemo(() => {
 		let textColor = cssVar.colorTextSecondary;
 		let backgroundColor;
@@ -44,29 +56,43 @@ const Tag$1 = ({ className, ref, shape = "normal", size = "middle", color, varia
 			textColor
 		};
 	}, [color, variant]);
-	return /* @__PURE__ */ jsx(Tag, {
-		className: cx(variants({
-			shape,
-			size,
-			variant
-		}), className),
-		color,
+	if (!visible) return null;
+	return /* @__PURE__ */ jsxs("span", {
 		ref,
-		variant: variant === "borderless" ? "outlined" : variant === "solid" ? "filled" : variant,
-		style: {
-			background: colors?.backgroundColor,
-			borderColor: colors?.borderColor,
-			color: colors?.textColor,
+		...styleProps([
+			styles.root,
+			variantStyles[variant],
+			styles[size],
+			shape === "round" && [styles.round, roundSizeStyles[size]]
+		], clsx("lobe-tag", className, classNames?.root), {
+			background: colors.backgroundColor,
+			borderColor: colors.borderColor,
+			color: colors.textColor,
 			cursor: onClick ? "pointer" : void 0,
-			...style
-		},
+			...style,
+			...customStyles?.root
+		}),
 		onClick,
 		...rest,
-		children
+		children: [
+			icon,
+			children,
+			closable && /* @__PURE__ */ jsx("button", {
+				"aria-label": "Close",
+				...styleProps(styles.close, classNames?.closeIcon, customStyles?.closeIcon),
+				type: "button",
+				onClick: (e) => {
+					e.stopPropagation();
+					onClose?.(e);
+					setVisible(false);
+				},
+				children: closeIcon ?? /* @__PURE__ */ jsx(X, { size: 10 })
+			})
+		]
 	});
-};
-Tag$1.displayName = "Tag";
+});
+Tag.displayName = "Tag";
 //#endregion
-export { Tag$1 as default };
+export { Tag as default };
 
 //# sourceMappingURL=Tag.mjs.map

package/es/Tag/Tag.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Tag.mjs","names":["Tag","AntTag"],"sources":["../../src/Tag/Tag.tsx"],"sourcesContent":["'use client';\n\nimport { Tag as AntTag } from 'antd';\nimport { cssVar, cx } from 'antd-style';\nimport { type FC, useMemo } from 'react';\n\nimport { colorsPreset, colorsPresetSystem, presetColors, presetSystemColors } from '@/Tag/utils';\nimport { safeReadableColor } from '@/utils/safeReadableColor';\n\nimport { variants } from './styles';\nimport type { TagProps } from './type';\n\n/**\n * @deprecated Use `Tag` from `@lobehub/ui/base-ui` instead.\n */\nconst Tag: FC<TagProps> = ({\n  className,\n  ref,\n  shape = 'normal',\n  size = 'middle',\n  color,\n  variant = 'filled',\n  children,\n  onClick,\n  style,\n  ...rest\n}) => {\n  const colors = useMemo(() => {\n    let textColor = cssVar.colorTextSecondary;\n    let backgroundColor;\n    let borderColor;\n    const isBorderless = variant === 'borderless';\n    const isFilled = variant === 'filled';\n    const isSolid = variant === 'solid';\n    const isPresetColor = color && presetColors.includes(color);\n    const isPresetSystemColors = color && presetSystemColors.has(color);\n    const isHexColor = color && color.startsWith('#');\n\n    if (isPresetColor) {\n      const solidBgColor = colorsPreset(color);\n      textColor = isSolid ? safeReadableColor(solidBgColor) : colorsPreset(color, 'active');\n      backgroundColor = isSolid\n        ? solidBgColor\n        : isBorderless\n          ? 'transparent'\n          : colorsPreset(color, 'fillTertiary');\n      borderColor = isSolid\n        ? solidBgColor\n        : colorsPreset(color, isFilled ? 'fillQuaternary' : 'fillTertiary');\n    }\n    if (isPresetSystemColors) {\n      const solidBgColor = colorsPresetSystem(color);\n      textColor = isSolid ? safeReadableColor(solidBgColor) : colorsPresetSystem(color);\n      backgroundColor = isSolid\n        ? solidBgColor\n        : isBorderless\n          ? 'transparent'\n          : colorsPresetSystem(color, 'fillTertiary');\n      borderColor = isSolid\n        ? solidBgColor\n        : colorsPresetSystem(color, isFilled ? 'fillQuaternary' : 'fillTertiary');\n    }\n    if (isHexColor) {\n      textColor = isSolid ? safeReadableColor(color) : isBorderless ? color : cssVar.colorBgLayout;\n      backgroundColor = isSolid ? color : isBorderless ? 'transparent' : color;\n      borderColor = isSolid ? color : borderColor;\n    }\n\n    return {\n      backgroundColor,\n      borderColor,\n      textColor,\n    };\n  }, [color, variant]);\n\n  return (\n    <AntTag\n      className={cx(variants({ shape, size, variant: variant as any }), className)}\n      color={color}\n      ref={ref}\n      variant={variant === 'borderless' ? 'outlined' : variant === 'solid' ? 'filled' : variant}\n      style={{\n        background: colors?.backgroundColor,\n        borderColor: colors?.borderColor,\n        color: colors?.textColor,\n        cursor: onClick ? 'pointer' : undefined,\n        ...style,\n      }}\n      onClick={onClick}\n      {...rest}\n    >\n      {children}\n    </AntTag>\n  );\n};\n\nTag.displayName = 'Tag';\n\nexport default Tag;\n"],"mappings":";;;;;;;;;;;;AAeA,MAAMA,SAAqB,EACzB,WACA,KACA,QAAQ,UACR,OAAO,UACP,OACA,UAAU,UACV,UACA,SACA,OACA,GAAG,WACC;CACJ,MAAM,SAAS,cAAc;EAC3B,IAAI,YAAY,OAAO;EACvB,IAAI;EACJ,IAAI;EACJ,MAAM,eAAe,YAAY;EACjC,MAAM,WAAW,YAAY;EAC7B,MAAM,UAAU,YAAY;EAC5B,MAAM,gBAAgB,SAAS,aAAa,SAAS,KAAK;EAC1D,MAAM,uBAAuB,SAAS,mBAAmB,IAAI,KAAK;EAClE,MAAM,aAAa,SAAS,MAAM,WAAW,GAAG;EAEhD,IAAI,eAAe;GACjB,MAAM,eAAe,aAAa,KAAK;GACvC,YAAY,UAAU,kBAAkB,YAAY,IAAI,aAAa,OAAO,QAAQ;GACpF,kBAAkB,UACd,eACA,eACE,gBACA,aAAa,OAAO,cAAc;GACxC,cAAc,UACV,eACA,aAAa,OAAO,WAAW,mBAAmB,cAAc;EACtE;EACA,IAAI,sBAAsB;GACxB,MAAM,eAAe,mBAAmB,KAAK;GAC7C,YAAY,UAAU,kBAAkB,YAAY,IAAI,mBAAmB,KAAK;GAChF,kBAAkB,UACd,eACA,eACE,gBACA,mBAAmB,OAAO,cAAc;GAC9C,cAAc,UACV,eACA,mBAAmB,OAAO,WAAW,mBAAmB,cAAc;EAC5E;EACA,IAAI,YAAY;GACd,YAAY,UAAU,kBAAkB,KAAK,IAAI,eAAe,QAAQ,OAAO;GAC/E,kBAAkB,UAAU,QAAQ,eAAe,gBAAgB;GACnE,cAAc,UAAU,QAAQ;EAClC;EAEA,OAAO;GACL;GACA;GACA;EACF;CACF,GAAG,CAAC,OAAO,OAAO,CAAC;CAEnB,OACE,oBAACC,KAAD;EACE,WAAW,GAAG,SAAS;GAAE;GAAO;GAAe;EAAe,CAAC,GAAG,SAAS;EACpE;EACF;EACL,SAAS,YAAY,eAAe,aAAa,YAAY,UAAU,WAAW;EAClF,OAAO;GACL,YAAY,QAAQ;GACpB,aAAa,QAAQ;GACrB,OAAO,QAAQ;GACf,QAAQ,UAAU,YAAY,KAAA;GAC9B,GAAG;EACL;EACS;EACT,GAAI;EAEH;CACK,CAAA;AAEZ;AAEA,MAAI,cAAc"}
+{"version":3,"file":"Tag.mjs","names":[],"sources":["../../src/Tag/Tag.tsx"],"sourcesContent":["'use client';\n\nimport './style.css';\n\nimport clsx from 'clsx';\nimport { X } from 'lucide-react';\nimport { memo, useMemo, useState } from 'react';\n\nimport { cssVar } from '@/styles/stylex/cssVar.stylex';\nimport { styleProps } from '@/styles/stylex/props';\nimport { stylish } from '@/styles/stylex/stylish';\nimport { safeReadableColor } from '@/utils/safeReadableColor';\n\nimport { styles } from './style';\nimport type { TagProps } from './type';\nimport { colorsPreset, colorsPresetSystem, presetColors, presetSystemColors } from './utils';\n\nconst variantStyles = {\n  borderless: stylish.variantBorderlessWithoutHover,\n  filled: stylish.variantFilledWithoutHover,\n  outlined: stylish.variantOutlinedWithoutHover,\n  solid: stylish.variantFilledWithoutHover,\n};\n\nconst roundSizeStyles = {\n  large: styles.roundLarge,\n  middle: styles.roundMiddle,\n  small: styles.roundSmall,\n};\n\nconst Tag = memo<TagProps>(\n  ({\n    children,\n    className,\n    classNames,\n    closable,\n    closeIcon,\n    color,\n    icon,\n    onClick,\n    onClose,\n    ref,\n    shape = 'normal',\n    size = 'middle',\n    style,\n    styles: customStyles,\n    variant = 'filled',\n    ...rest\n  }) => {\n    const [visible, setVisible] = useState(true);\n\n    const colors = useMemo(() => {\n      let textColor = cssVar.colorTextSecondary;\n      let backgroundColor;\n      let borderColor;\n      const isBorderless = variant === 'borderless';\n      const isFilled = variant === 'filled';\n      const isSolid = variant === 'solid';\n      const isPresetColor = color && presetColors.includes(color);\n      const isPresetSystemColors = color && presetSystemColors.has(color);\n      const isHexColor = color && color.startsWith('#');\n\n      if (isPresetColor) {\n        const solidBgColor = colorsPreset(color);\n        textColor = isSolid ? safeReadableColor(solidBgColor) : colorsPreset(color, 'active');\n        backgroundColor = isSolid\n          ? solidBgColor\n          : isBorderless\n            ? 'transparent'\n            : colorsPreset(color, 'fillTertiary');\n        borderColor = isSolid\n          ? solidBgColor\n          : colorsPreset(color, isFilled ? 'fillQuaternary' : 'fillTertiary');\n      }\n      if (isPresetSystemColors) {\n        const solidBgColor = colorsPresetSystem(color);\n        textColor = isSolid ? safeReadableColor(solidBgColor) : colorsPresetSystem(color);\n        backgroundColor = isSolid\n          ? solidBgColor\n          : isBorderless\n            ? 'transparent'\n            : colorsPresetSystem(color, 'fillTertiary');\n        borderColor = isSolid\n          ? solidBgColor\n          : colorsPresetSystem(color, isFilled ? 'fillQuaternary' : 'fillTertiary');\n      }\n      if (isHexColor) {\n        textColor = isSolid\n          ? safeReadableColor(color)\n          : isBorderless\n            ? color\n            : cssVar.colorBgLayout;\n        backgroundColor = isSolid ? color : isBorderless ? 'transparent' : color;\n        borderColor = isSolid ? color : borderColor;\n      }\n\n      return {\n        backgroundColor,\n        borderColor,\n        textColor,\n      };\n    }, [color, variant]);\n\n    if (!visible) return null;\n\n    return (\n      <span\n        ref={ref}\n        {...styleProps(\n          [\n            styles.root,\n            variantStyles[variant],\n            styles[size],\n            shape === 'round' && [styles.round, roundSizeStyles[size]],\n          ],\n          clsx('lobe-tag', className, classNames?.root),\n          {\n            background: colors.backgroundColor,\n            borderColor: colors.borderColor,\n            color: colors.textColor,\n            cursor: onClick ? 'pointer' : undefined,\n            ...style,\n            ...customStyles?.root,\n          },\n        )}\n        onClick={onClick}\n        {...rest}\n      >\n        {icon}\n        {children}\n        {closable && (\n          <button\n            aria-label=\"Close\"\n            {...styleProps(styles.close, classNames?.closeIcon, customStyles?.closeIcon)}\n            type=\"button\"\n            onClick={(e) => {\n              e.stopPropagation();\n              onClose?.(e);\n              setVisible(false);\n            }}\n          >\n            {closeIcon ?? <X size={10} />}\n          </button>\n        )}\n      </span>\n    );\n  },\n);\n\nTag.displayName = 'Tag';\n\nexport default Tag;\n"],"mappings":";;;;;;;;;;;;AAiBA,MAAM,gBAAgB;CACpB,YAAY,QAAQ;CACpB,QAAQ,QAAQ;CAChB,UAAU,QAAQ;CAClB,OAAO,QAAQ;AACjB;AAEA,MAAM,kBAAkB;CACtB,OAAO,OAAO;CACd,QAAQ,OAAO;CACf,OAAO,OAAO;AAChB;AAEA,MAAM,MAAM,MACT,EACC,UACA,WACA,YACA,UACA,WACA,OACA,MACA,SACA,SACA,KACA,QAAQ,UACR,OAAO,UACP,OACA,QAAQ,cACR,UAAU,UACV,GAAG,WACC;CACJ,MAAM,CAAC,SAAS,cAAc,SAAS,IAAI;CAE3C,MAAM,SAAS,cAAc;EAC3B,IAAI,YAAY,OAAO;EACvB,IAAI;EACJ,IAAI;EACJ,MAAM,eAAe,YAAY;EACjC,MAAM,WAAW,YAAY;EAC7B,MAAM,UAAU,YAAY;EAC5B,MAAM,gBAAgB,SAAS,aAAa,SAAS,KAAK;EAC1D,MAAM,uBAAuB,SAAS,mBAAmB,IAAI,KAAK;EAClE,MAAM,aAAa,SAAS,MAAM,WAAW,GAAG;EAEhD,IAAI,eAAe;GACjB,MAAM,eAAe,aAAa,KAAK;GACvC,YAAY,UAAU,kBAAkB,YAAY,IAAI,aAAa,OAAO,QAAQ;GACpF,kBAAkB,UACd,eACA,eACE,gBACA,aAAa,OAAO,cAAc;GACxC,cAAc,UACV,eACA,aAAa,OAAO,WAAW,mBAAmB,cAAc;EACtE;EACA,IAAI,sBAAsB;GACxB,MAAM,eAAe,mBAAmB,KAAK;GAC7C,YAAY,UAAU,kBAAkB,YAAY,IAAI,mBAAmB,KAAK;GAChF,kBAAkB,UACd,eACA,eACE,gBACA,mBAAmB,OAAO,cAAc;GAC9C,cAAc,UACV,eACA,mBAAmB,OAAO,WAAW,mBAAmB,cAAc;EAC5E;EACA,IAAI,YAAY;GACd,YAAY,UACR,kBAAkB,KAAK,IACvB,eACE,QACA,OAAO;GACb,kBAAkB,UAAU,QAAQ,eAAe,gBAAgB;GACnE,cAAc,UAAU,QAAQ;EAClC;EAEA,OAAO;GACL;GACA;GACA;EACF;CACF,GAAG,CAAC,OAAO,OAAO,CAAC;CAEnB,IAAI,CAAC,SAAS,OAAO;CAErB,OACE,qBAAC,QAAD;EACO;EACL,GAAI,WACF;GACE,OAAO;GACP,cAAc;GACd,OAAO;GACP,UAAU,WAAW,CAAC,OAAO,OAAO,gBAAgB,KAAK;EAC3D,GACA,KAAK,YAAY,WAAW,YAAY,IAAI,GAC5C;GACE,YAAY,OAAO;GACnB,aAAa,OAAO;GACpB,OAAO,OAAO;GACd,QAAQ,UAAU,YAAY,KAAA;GAC9B,GAAG;GACH,GAAG,cAAc;EACnB,CACF;EACS;EACT,GAAI;EApBN,UAAA;GAsBG;GACA;GACA,YACC,oBAAC,UAAD;IACE,cAAW;IACX,GAAI,WAAW,OAAO,OAAO,YAAY,WAAW,cAAc,SAAS;IAC3E,MAAK;IACL,UAAU,MAAM;KACd,EAAE,gBAAgB;KAClB,UAAU,CAAC;KACX,WAAW,KAAK;IAClB;IAEC,UAAA,aAAa,oBAAC,GAAD,EAAG,MAAM,GAAK,CAAA;GACtB,CAAA;EAEN;;AAEV,CACF;AAEA,IAAI,cAAc"}

package/es/Tag/index.d.mts

@@ -1,3 +1,4 @@
-import { TagProps } from "./type.mjs";
+import { TagClassNames, TagProps, TagShape, TagSize, TagStyles, TagVariant } from "./type.mjs";
 import Tag from "./Tag.mjs";
-export { type TagProps, Tag as default };
+import { colorsPreset, colorsPresetSystem, presetColors, presetSystemColors } from "./utils.mjs";
+export { type TagClassNames, type TagProps, type TagShape, type TagSize, type TagStyles, type TagVariant, colorsPreset, colorsPresetSystem, Tag as default, presetColors, presetSystemColors };

package/es/Tag/index.d.ts

@@ -0,0 +1 @@
+export * from './index.d.mts';

package/es/Tag/index.js

@@ -0,0 +1 @@
+export * from './index.mjs';

package/es/Tag/index.mjs

@@ -0,0 +1,3 @@
+import { colorsPreset, colorsPresetSystem, presetColors, presetSystemColors } from "./utils.mjs";
+import Tag from "./Tag.mjs";
+export { colorsPreset, colorsPresetSystem, Tag as default, presetColors, presetSystemColors };