@lobehub/ui 5.57.3 → 6.0.0-beta.1

package/es/Toast/style.mjs

@@ -0,0 +1,253 @@
+//#region src/Toast/style.ts
+const styles = {
+	action: {
+		kVAM5u: "lb181nr7w",
+		kaIpWk: "lb1vihcfj",
+		ksu8eU: "lbng3xce",
+		kMzoRj: "lbfn42iu",
+		kg3NbH: "lbaope02",
+		kmkexE: "lb1cd9vmy",
+		kGNEyG: "lb6s0dn4",
+		kkrTdU: "lb1ypdohk",
+		k1xSpc: "lb3nfvp2",
+		kmuXW: "lb2lah0s",
+		kGuDYH: "lbfifm61",
+		k63SB2: "lbk50ysn",
+		kjj79g: "lbl56j7k",
+		kLWn49: "lbo5v014",
+		kZKoxP: "lb1fgtraw",
+		$$css: true
+	},
+	actionDanger: {
+		"--lobe-focus-ring-color": "lb2hswdp",
+		kWkggS: "lbixdnzb lb1ca5mm0 lb4c98my",
+		kMwMTN: "lb15g0kca",
+		kjBf7l: "lbiep9q5 lb1y5du2d",
+		$$css: true
+	},
+	actionGhost: {
+		kVAM5u: "lbqnr5ac lb1ahehej lbuhn3al",
+		ksu8eU: "lb1y0btm7",
+		kMzoRj: "lbmkeg23",
+		kWkggS: "lbjbqb8w",
+		kMwMTN: "lb66ogz0 lb1l4wxl8 lb1nelral",
+		$$css: true
+	},
+	actionPrimary: {
+		kWkggS: "lb1hsafae lblxzpop lb1gwghft",
+		kMwMTN: "lb15g0kca",
+		$$css: true
+	},
+	actionSecondary: {
+		kWkggS: "lbjjy28o lbswrfa9 lb147z954",
+		kMwMTN: "lb66ogz0",
+		$$css: true
+	},
+	actionText: {
+		kWkggS: "lbjbqb8w lbswrfa9 lb1cpyog9",
+		kMwMTN: "lb16owwnm",
+		$$css: true
+	},
+	actions: {
+		kOIVth: "lb167g77z",
+		kGNEyG: "lb6s0dn4",
+		kSGwAc: "lbpvyfi4",
+		k1xSpc: "lb78zum5",
+		kzQI83: "lb1iyjqo2",
+		kmuXW: "lb2lah0s",
+		kjj79g: "lb13a6bvl",
+		keoZOQ: "lb1xmf6yo",
+		$$css: true
+	},
+	close: {
+		kmVPX3: "lb1717udv",
+		kVAM5u: "lb181nr7w",
+		kaIpWk: "lb1vihcfj",
+		ksu8eU: "lbng3xce",
+		kMzoRj: "lbfn42iu",
+		kmkexE: "lb1ng1d19",
+		kGNEyG: "lb6s0dn4",
+		kWkggS: "lbjbqb8w lb1ri6zej",
+		kMwMTN: "lbc77et8 lb1bxu9lh",
+		kkrTdU: "lb1ypdohk",
+		k1xSpc: "lb78zum5",
+		kmuXW: "lb2lah0s",
+		kjj79g: "lbl56j7k",
+		keTefX: "lbvc5jky",
+		kZKoxP: "lb1qx5ct2",
+		kzqmXN: "lbw4jnvo",
+		$$css: true
+	},
+	content: {
+		kVQacm: "lbb3r6kr",
+		kmkexE: "lb1hzt7jf",
+		kSiTet: "lb1g256cz lbcbbmyo",
+		kfzvcC: "lbp78wxm lb1cicrrk",
+		$$css: true
+	},
+	contentArea: {
+		kUk6DE: "lb98rzlu",
+		k1xSpc: "lb78zum5",
+		kXwgrk: "lbdt5ytf",
+		k7Eaqz: "lbeuugli",
+		$$css: true
+	},
+	description: {
+		kogj98: "lb1ghz6dp",
+		kMwMTN: "lbc77et8",
+		kGuDYH: "lb4z9k3i",
+		kLWn49: "lb1evy7pa",
+		$$css: true
+	},
+	descriptionStandalone: {
+		kMwMTN: "lb66ogz0",
+		$$css: true
+	},
+	icon: {
+		kGNEyG: "lb6s0dn4",
+		k1xSpc: "lb78zum5",
+		kmuXW: "lb2lah0s",
+		kjj79g: "lbl56j7k",
+		$$css: true
+	},
+	root: {
+		"--toast-collapsed-height": "lb1o8nl8n",
+		"--toast-gap": "lbr9sdi6",
+		"--toast-peek": "lb1wxzbih",
+		"--toast-scale": "lb1vhpo3u",
+		"--toast-shrink": "lb1c223hw",
+		kaIpWk: "lb159sbz3",
+		kkqhue: "lb17y0mx6",
+		k8WAf4: "lb10dr8xq",
+		kg3NbH: "lb1hr3lfm",
+		kHypHr: "lbx83zyx",
+		kWkggS: "lb1w937bt",
+		kGVxlE: "lbj07k4p",
+		kB7OPa: "lb9f619",
+		kMwMTN: "lb66ogz0",
+		kkrTdU: "lbt0e3qv",
+		kSiTet: "lb4ki41r",
+		kVAEAm: "lb10l6tqk",
+		kIyJzY: "lb1ssesjg lbm69ghq",
+		k1ekBW: "lb19ix5ol lbo3tt7b",
+		kAMwcw: "lb1477tyf lb7cr0y4",
+		kfSwDN: "lb87ps6o",
+		kY2c9j: "lb1l48cz2",
+		kZKoxP: "lb677f43 lbnbj6on",
+		kzqmXN: "lbh8yej3",
+		$$css: true
+	},
+	rootBottom: {
+		kYYq5F: "lb1fclj7r",
+		k3aq6I: "lb1qsqgls lbz09l4w lb1ce1yp4",
+		k3nNDw: "lb18ouj0k",
+		kcktkL: "lbb7ltuz",
+		k5JduY: "lb100rkj9",
+		k3foIR: "lb1srwf7z",
+		kwXMNM: "lb1j6awrg",
+		k4zj60: "lb1jflgyd",
+		$$css: true
+	},
+	rootTop: {
+		kYYq5F: "lbdwv5cp",
+		k3aq6I: "lb1jkqqlh lb7ly47h lbjeddtc",
+		k3nNDw: "lb1dp6rp6",
+		kcktkL: "lbb7ltuz",
+		k5JduY: "lb100rkj9",
+		k8Iv0R: "lb1wpe5ba",
+		kwXMNM: "lb1j6awrg",
+		k4zj60: "lb1jflgyd",
+		$$css: true
+	},
+	title: {
+		kogj98: "lb1ghz6dp",
+		kMwMTN: "lb66ogz0",
+		kGuDYH: "lbif65rj",
+		k63SB2: "lbk50ysn",
+		kLWn49: "lb1evy7pa",
+		$$css: true
+	},
+	titleRow: {
+		kOIVth: "lb167g77z",
+		kGNEyG: "lb1cy8zhl",
+		k1xSpc: "lb78zum5",
+		$$css: true
+	},
+	toastBody: {
+		kOIVth: "lb1v2ro7d",
+		kGNEyG: "lb1cy8zhl",
+		k1xSpc: "lb78zum5",
+		$$css: true
+	},
+	viewport: {
+		kI3sdo: "lb1b6ykf0",
+		kVAEAm: "lbixxii4",
+		kY2c9j: "lb979qle",
+		ks0D6T: "lbg5xlue",
+		kzqmXN: "lb1fzdfyu lbm1mc0",
+		$$css: true
+	},
+	viewportBottom: {
+		krVfgx: "lbo7r6ss",
+		kLqNvP: "lbbudbmw",
+		k3aq6I: "lbuuh30",
+		$$css: true
+	},
+	viewportBottomLeft: {
+		krVfgx: "lbo7r6ss",
+		kLqNvP: "lb10vz1dz",
+		$$css: true
+	},
+	viewportBottomRight: {
+		krVfgx: "lbo7r6ss",
+		kt4wiu: "lb1cj2eds",
+		k3aq6I: "lb18zyp77",
+		kIyJzY: "lb1x2t6jx lb12w9bfk",
+		k1ekBW: "lb11xpdln lb4wkmsb",
+		kAMwcw: "lbh0x3zu lb7v8fk2",
+		$$css: true
+	},
+	viewportTop: {
+		k87sOh: "lb1kd19f1",
+		kLqNvP: "lbbudbmw",
+		k3aq6I: "lbuuh30",
+		$$css: true
+	},
+	viewportTopLeft: {
+		k87sOh: "lb1kd19f1",
+		kLqNvP: "lb10vz1dz",
+		$$css: true
+	},
+	viewportTopRight: {
+		k87sOh: "lb1kd19f1",
+		kt4wiu: "lb1cj2eds",
+		$$css: true
+	}
+};
+const viewportPositionStyles = {
+	"bottom": styles.viewportBottom,
+	"bottom-left": styles.viewportBottomLeft,
+	"bottom-right": styles.viewportBottomRight,
+	"top": styles.viewportTop,
+	"top-left": styles.viewportTopLeft,
+	"top-right": styles.viewportTopRight
+};
+const rootPositionStyles = {
+	"bottom": styles.rootBottom,
+	"bottom-left": styles.rootBottom,
+	"bottom-right": styles.rootBottom,
+	"top": styles.rootTop,
+	"top-left": styles.rootTop,
+	"top-right": styles.rootTop
+};
+const actionVariantStyles = {
+	danger: styles.actionDanger,
+	ghost: styles.actionGhost,
+	primary: styles.actionPrimary,
+	secondary: styles.actionSecondary,
+	text: styles.actionText
+};
+//#endregion
+export { actionVariantStyles, rootPositionStyles, styles, viewportPositionStyles };
+
+//# sourceMappingURL=style.mjs.map

package/es/Toast/style.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.mjs","names":[],"sources":["../../src/Toast/style.ts"],"sourcesContent":["import * as stylex from '@stylexjs/stylex';\n\nimport { cssVar } from '@/styles/stylex/cssVar.stylex';\n\nimport { toastDodge } from './dodge.stylex';\n\nconst focusVisible = ':focus-visible:not([data-lobe-focus-ring=\"managed\"])';\nconst forcedColors = '@media (forced-colors: active)';\nconst reducedMotion = '@media (prefers-reduced-motion: reduce)';\nconst hover = ':hover:not(:active)';\nconst startingOrEnding = ':is([data-starting-style], [data-ending-style])';\nconst expanded = ':is([data-expanded]):not([data-starting-style], [data-ending-style])';\nconst swiping = ':is([data-swiping])';\nconst viewportOffsetX = 'var(--toast-viewport-offset-x, 16px)';\nconst viewportOffsetY = 'var(--toast-viewport-offset-y, 16px)';\n\nexport const styles = stylex.create({\n  action: {\n    borderColor: 'currentcolor',\n    borderRadius: cssVar.borderRadiusSM,\n    borderStyle: 'none',\n    borderWidth: 'medium',\n    paddingInline: 12,\n    transition: 'background 0.2s, color 0.2s',\n    alignItems: 'center',\n    cursor: 'pointer',\n    display: 'inline-flex',\n    flexShrink: 0,\n    fontSize: 12,\n    fontWeight: 500,\n    justifyContent: 'center',\n    lineHeight: 1,\n    height: 28,\n  },\n\n  actionDanger: {\n    '--lobe-focus-ring-color': cssVar.colorError,\n    'backgroundColor': {\n      'default': cssVar.colorError,\n      [hover]: cssVar.colorErrorHover,\n      ':active': cssVar.colorErrorActive,\n    },\n    'color': cssVar.colorBgLayout,\n    'outlineColor': {\n      default: null,\n      [focusVisible]: `color-mix(in srgb, ${cssVar.colorError} 90%, transparent)`,\n      [forcedColors]: { default: null, [focusVisible]: 'CanvasText' },\n    },\n  },\n\n  actionGhost: {\n    borderColor: {\n      'default': cssVar.colorBorder,\n      [hover]: cssVar.colorPrimary,\n      ':active': cssVar.colorPrimaryActive,\n    },\n    borderStyle: 'solid',\n    borderWidth: 1,\n    backgroundColor: 'transparent',\n    color: {\n      'default': cssVar.colorText,\n      [hover]: cssVar.colorPrimary,\n      ':active': cssVar.colorPrimaryActive,\n    },\n  },\n\n  actionPrimary: {\n    backgroundColor: {\n      'default': cssVar.colorPrimary,\n      [hover]: cssVar.colorPrimaryHover,\n      ':active': cssVar.colorPrimaryActive,\n    },\n    color: cssVar.colorBgLayout,\n  },\n\n  actionSecondary: {\n    backgroundColor: {\n      'default': cssVar.colorFillSecondary,\n      [hover]: cssVar.colorFillTertiary,\n      ':active': cssVar.colorFill,\n    },\n    color: cssVar.colorText,\n  },\n\n  actionText: {\n    backgroundColor: {\n      'default': 'transparent',\n      [hover]: cssVar.colorFillTertiary,\n      ':active': cssVar.colorFillSecondary,\n    },\n    color: cssVar.colorPrimary,\n  },\n\n  actions: {\n    gap: 8,\n    alignItems: 'center',\n    alignSelf: 'flex-end',\n    display: 'flex',\n    flexGrow: 1,\n    flexShrink: 0,\n    justifyContent: 'flex-end',\n    marginBlockStart: 8,\n  },\n\n  close: {\n    padding: 0,\n    borderColor: 'currentcolor',\n    borderRadius: cssVar.borderRadiusSM,\n    borderStyle: 'none',\n    borderWidth: 'medium',\n    transition: 'all 0.2s',\n    alignItems: 'center',\n    backgroundColor: { 'default': 'transparent', ':hover': cssVar.colorFillSecondary },\n    color: { 'default': cssVar.colorTextSecondary, ':hover': cssVar.colorText },\n    cursor: 'pointer',\n    display: 'flex',\n    flexShrink: 0,\n    justifyContent: 'center',\n    marginInlineStart: 'auto',\n    height: 20,\n    width: 20,\n  },\n\n  content: {\n    overflow: 'hidden',\n    transition: 'opacity 0.2s',\n    opacity: {\n      'default': null,\n      ':is([data-behind]):not([data-expanded])': 0,\n      ':is([data-expanded])': 1,\n    },\n    pointerEvents: {\n      'default': null,\n      ':is([data-behind]):not([data-expanded])': 'none',\n      ':is([data-expanded])': 'auto',\n    },\n  },\n\n  contentArea: {\n    flex: '1',\n    display: 'flex',\n    flexDirection: 'column',\n    minWidth: 0,\n  },\n\n  description: {\n    margin: 0,\n    color: cssVar.colorTextSecondary,\n    fontSize: 13,\n    lineHeight: 1.5,\n  },\n\n  descriptionStandalone: {\n    color: cssVar.colorText,\n  },\n\n  icon: {\n    alignItems: 'center',\n    display: 'flex',\n    flexShrink: 0,\n    justifyContent: 'center',\n  },\n\n  root: {\n    '--toast-collapsed-height': 'var(--toast-frontmost-height, var(--toast-height))',\n    '--toast-gap': '12px',\n    '--toast-peek': '12px',\n    '--toast-scale': 'calc(1 - var(--toast-index) * 0.05)',\n    '--toast-shrink': 'calc(1 - var(--toast-scale))',\n    'borderRadius': `var(--toast-border-radius, ${cssVar.borderRadiusLG})`,\n    'insetInline': 0,\n    'paddingBlock': 12,\n    'paddingInline': 16,\n    'backgroundClip': 'padding-box',\n    'backgroundColor': cssVar.colorBgElevated,\n    'boxShadow': `${cssVar.boxShadowSecondary}, var(--lobe-ring)`,\n    'boxSizing': 'border-box',\n    'color': cssVar.colorText,\n    'cursor': 'default',\n    'opacity': {\n      'default': null,\n      ':is([data-limited], [data-starting-style], [data-ending-style])': 0,\n    },\n    'position': 'absolute',\n    'transitionDuration': { default: '0.4s, 0.4s, 0.15s', [swiping]: '0s' },\n    'transitionProperty': { default: 'transform, opacity, height', [swiping]: 'none' },\n    'transitionTimingFunction': {\n      default: 'cubic-bezier(0.22, 1, 0.36, 1), ease, ease',\n      [swiping]: 'ease',\n    },\n    'userSelect': 'none',\n    // eslint-disable-next-line @stylexjs/valid-styles -- the rule only allows numeric z-index; calc() is valid CSS\n    'zIndex': 'calc(1000 - var(--toast-index))',\n    'height': {\n      'default': 'var(--toast-collapsed-height)',\n      ':is([data-expanded])': 'var(--toast-height)',\n    },\n    'width': '100%',\n  },\n\n  rootBottom: {\n    'insetBlock': 'auto 0',\n    'transform': {\n      default:\n        'translateX(var(--toast-swipe-movement-x)) translateY(calc(var(--toast-swipe-movement-y) - (var(--toast-index) * var(--toast-peek)) - (var(--toast-shrink) * var(--toast-collapsed-height)))) scale(var(--toast-scale))',\n      [expanded]:\n        'translateX(var(--toast-swipe-movement-x)) translateY(calc(var(--toast-swipe-movement-y) + var(--toast-offset-y) * -1 + var(--toast-index) * var(--toast-gap) * -1)) scale(1)',\n      [startingOrEnding]: 'translateY(150%)',\n    },\n    'transformOrigin': 'bottom center',\n    '::after': {\n      insetInline: 0,\n      content: \"''\",\n      insetBlockStart: '100%',\n      position: 'absolute',\n      height: 'calc(var(--toast-gap) + var(--toast-peek) + 8px)',\n    },\n  },\n\n  rootTop: {\n    'insetBlock': '0 auto',\n    'transform': {\n      default:\n        'translateX(var(--toast-swipe-movement-x)) translateY(calc(var(--toast-swipe-movement-y) + (var(--toast-index) * var(--toast-peek)) + (var(--toast-shrink) * var(--toast-collapsed-height)))) scale(var(--toast-scale))',\n      [expanded]:\n        'translateX(var(--toast-swipe-movement-x)) translateY(calc(var(--toast-swipe-movement-y) + var(--toast-offset-y) + var(--toast-index) * var(--toast-gap))) scale(1)',\n      [startingOrEnding]: 'translateY(-150%)',\n    },\n    'transformOrigin': 'top center',\n    '::after': {\n      insetInline: 0,\n      content: \"''\",\n      insetBlockEnd: '100%',\n      position: 'absolute',\n      height: 'calc(var(--toast-gap) + var(--toast-peek) + 8px)',\n    },\n  },\n\n  title: {\n    margin: 0,\n    color: cssVar.colorText,\n    fontSize: 14,\n    fontWeight: 500,\n    lineHeight: 1.5,\n  },\n\n  titleRow: {\n    gap: 8,\n    alignItems: 'flex-start',\n    display: 'flex',\n  },\n\n  toastBody: {\n    gap: 12,\n    alignItems: 'flex-start',\n    display: 'flex',\n  },\n\n  viewport: {\n    outline: '0',\n    position: 'fixed',\n    zIndex: 100_000,\n    maxWidth: `calc(100vw - ${viewportOffsetX} * 2)`,\n    width: {\n      'default': 'var(--toast-width, 360px)',\n      '@media (width <= 480px)': `calc(100vw - ${viewportOffsetX} * 2)`,\n    },\n  },\n\n  viewportBottom: {\n    insetBlockEnd: viewportOffsetY,\n    insetInlineStart: '50%',\n    transform: 'translateX(-50%)',\n  },\n\n  viewportBottomLeft: {\n    insetBlockEnd: viewportOffsetY,\n    insetInlineStart: viewportOffsetX,\n  },\n\n  viewportBottomRight: {\n    insetBlockEnd: viewportOffsetY,\n    insetInlineEnd: viewportOffsetX,\n    transform:\n      'translate(calc(-1 * var(--toast-shift-x, 0px)), calc(-1 * var(--toast-shift-y, 0px)))',\n    transitionDuration: { default: toastDodge.duration, [reducedMotion]: '0s' },\n    transitionProperty: { default: 'transform', [reducedMotion]: 'none' },\n    transitionTimingFunction: { default: toastDodge.ease, [reducedMotion]: 'ease' },\n  },\n\n  viewportTop: {\n    insetBlockStart: viewportOffsetY,\n    insetInlineStart: '50%',\n    transform: 'translateX(-50%)',\n  },\n\n  viewportTopLeft: {\n    insetBlockStart: viewportOffsetY,\n    insetInlineStart: viewportOffsetX,\n  },\n\n  viewportTopRight: {\n    insetBlockStart: viewportOffsetY,\n    insetInlineEnd: viewportOffsetX,\n  },\n});\n\nexport const viewportPositionStyles = {\n  'bottom': styles.viewportBottom,\n  'bottom-left': styles.viewportBottomLeft,\n  'bottom-right': styles.viewportBottomRight,\n  'top': styles.viewportTop,\n  'top-left': styles.viewportTopLeft,\n  'top-right': styles.viewportTopRight,\n};\n\nexport const rootPositionStyles = {\n  'bottom': styles.rootBottom,\n  'bottom-left': styles.rootBottom,\n  'bottom-right': styles.rootBottom,\n  'top': styles.rootTop,\n  'top-left': styles.rootTop,\n  'top-right': styles.rootTop,\n};\n\nexport const actionVariantStyles = {\n  danger: styles.actionDanger,\n  ghost: styles.actionGhost,\n  primary: styles.actionPrimary,\n  secondary: styles.actionSecondary,\n  text: styles.actionText,\n};\n"],"mappings":";AAcA,MAAa,SAAS;CACpB,QAAQ;EACN,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,OAAO;CACT;CACA,cAAc;EACZ,2BAA2B;EAC3B,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,aAAa;EACX,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,eAAe;EACb,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,iBAAiB;EACf,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,YAAY;EACV,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,SAAS;EACP,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;EACP,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,OAAO;EACL,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,OAAO;CACT;CACA,SAAS;EACP,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,aAAa;EACX,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,aAAa;EACX,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,uBAAuB;EACrB,QAAQ;EACR,OAAO;CACT;CACA,MAAM;EACJ,QAAQ;EACR,QAAQ;EACR,OAAO;EACP,QAAQ;EACR,OAAO;CACT;CACA,MAAM;EACJ,4BAA4B;EAC5B,eAAe;EACf,gBAAgB;EAChB,iBAAiB;EACjB,kBAAkB;EAClB,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,QAAQ;EACR,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,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,SAAS;EACP,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,OAAO;EACL,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,UAAU;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;CACA,gBAAgB;EACd,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,oBAAoB;EAClB,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,qBAAqB;EACnB,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,aAAa;EACX,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,iBAAiB;EACf,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,kBAAkB;EAChB,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;AACF;AACA,MAAa,yBAAyB;CACpC,UAAU,OAAO;CACjB,eAAe,OAAO;CACtB,gBAAgB,OAAO;CACvB,OAAO,OAAO;CACd,YAAY,OAAO;CACnB,aAAa,OAAO;AACtB;AACA,MAAa,qBAAqB;CAChC,UAAU,OAAO;CACjB,eAAe,OAAO;CACtB,gBAAgB,OAAO;CACvB,OAAO,OAAO;CACd,YAAY,OAAO;CACnB,aAAa,OAAO;AACtB;AACA,MAAa,sBAAsB;CACjC,QAAQ,OAAO;CACf,OAAO,OAAO;CACd,SAAS,OAAO;CAChB,WAAW,OAAO;CAClB,MAAM,OAAO;AACf"}

package/es/Toast/type.d.mts

@@ -0,0 +1,155 @@
+import { IconProps } from "../Icon/type.mjs";
+import "../Icon/index.mjs";
+import { CSSProperties, ReactNode } from "react";
+import { Toast } from "@base-ui/react/toast";
+//#region src/Toast/type.d.ts
+export type ToastType = 'success' | 'info' | 'warning' | 'error' | 'loading' | 'default';
+export type ToastPosition = 'top' | 'top-left' | 'top-right' | 'bottom' | 'bottom-left' | 'bottom-right';
+export type ToastActionVariant = 'primary' | 'secondary' | 'text' | 'danger' | 'ghost';
+export interface ToastAction {
+  /**
+   * Action button label
+   */
+  label: ReactNode;
+  /**
+   * Click handler
+   */
+  onClick?: () => void;
+  /**
+   * Additional props for the button
+   */
+  props?: Omit<React.ComponentPropsWithRef<'button'>, 'onClick'>;
+  /**
+   * Button variant
+   * @default 'primary'
+   */
+  variant?: ToastActionVariant;
+}
+export interface ToastOptions {
+  /**
+   * Action button props
+   * @deprecated Use `actions` instead
+   */
+  actionProps?: React.ComponentPropsWithRef<'button'>;
+  /**
+   * Multiple action buttons
+   */
+  actions?: ToastAction[];
+  /**
+   * Additional class name
+   */
+  className?: string;
+  /**
+   * Whether the toast is closable
+   * @default true
+   */
+  closable?: boolean;
+  /**
+   * Custom data for the toast
+   */
+  data?: Record<string, unknown>;
+  /**
+   * Toast description
+   */
+  description?: ReactNode;
+  /**
+   * Custom duration in milliseconds
+   * @default 5000
+   */
+  duration?: number;
+  /**
+   * Hide the close button
+   * @default false
+   */
+  hideCloseButton?: boolean;
+  /**
+   * Custom icon
+   */
+  icon?: IconProps['icon'];
+  /**
+   * Stable identifier used to deduplicate toasts. Showing a toast with an id
+   * that is already visible refreshes it in place and resets its timer instead
+   * of stacking a second copy; if it is no longer the newest toast it is also
+   * moved back to the front of the stack.
+   */
+  id?: string;
+  /**
+   * Callback when toast is closed
+   */
+  onClose?: () => void;
+  /**
+   * Callback when toast is removed
+   */
+  onRemove?: () => void;
+  /**
+   * Toast placement, overrides global ToastHost position
+   */
+  placement?: ToastPosition;
+  /**
+   * Additional styles
+   */
+  style?: CSSProperties;
+  /**
+   * Toast title
+   */
+  title?: ReactNode;
+  /**
+   * Toast type
+   * @default 'default'
+   */
+  type?: ToastType;
+}
+export interface ToastInstance {
+  /**
+   * Close the toast
+   */
+  close: () => void;
+  /**
+   * The toast ID
+   */
+  id: string;
+  /**
+   * Update the toast
+   */
+  update: (options: Partial<ToastOptions>) => void;
+}
+export interface ToastProps {
+  classNames?: {
+    action?: string;
+    actions?: string;
+    close?: string;
+    content?: string;
+    description?: string;
+    icon?: string;
+    root?: string;
+    title?: string;
+  };
+  styles?: {
+    action?: CSSProperties;
+    actions?: CSSProperties;
+    close?: CSSProperties;
+    content?: CSSProperties;
+    description?: CSSProperties;
+    icon?: CSSProperties;
+    root?: CSSProperties;
+    title?: CSSProperties;
+  };
+  toast: Toast.Root.ToastObject<ToastOptions>;
+}
+export interface ToastPromiseOptions<T> {
+  error: ReactNode | ((error: Error) => ReactNode) | Omit<ToastOptions, 'type'>;
+  loading: ReactNode | Omit<ToastOptions, 'type'>;
+  success: ReactNode | ((data: T) => ReactNode) | Omit<ToastOptions, 'type'>;
+}
+export interface ToastAPI {
+  (options: ToastOptions): ToastInstance;
+  dismiss: (id?: string) => void;
+  error: (options: Omit<ToastOptions, 'type'> | string) => ToastInstance;
+  info: (options: Omit<ToastOptions, 'type'> | string) => ToastInstance;
+  loading: (options: Omit<ToastOptions, 'type'> | string) => ToastInstance;
+  promise: <T>(promise: Promise<T>, options: ToastPromiseOptions<T>) => Promise<T>;
+  success: (options: Omit<ToastOptions, 'type'> | string) => ToastInstance;
+  warning: (options: Omit<ToastOptions, 'type'> | string) => ToastInstance;
+}
+//#endregion
+//# sourceMappingURL=type.d.mts.map

package/es/ToggleGroup/ToggleGroup.d.mts

@@ -0,0 +1,9 @@
+import { ToggleGroupProps } from "./type.mjs";
+//#region src/ToggleGroup/ToggleGroup.d.ts
+declare const ToggleGroup: {
+  <Value extends string = string>({ className, classNames, defaultValue, disabled, onChange, options, ref, size, style, styles: customStyles, value, variant }: ToggleGroupProps<Value>): import("react").JSX.Element;
+  displayName: string;
+};
+//#endregion
+export { ToggleGroup as default };
+//# sourceMappingURL=ToggleGroup.d.mts.map

package/es/ToggleGroup/ToggleGroup.mjs

@@ -0,0 +1,58 @@
+"use client";
+import { ToggleGroupItem, ToggleGroupItemIcon, ToggleGroupItemLabel, ToggleGroupRoot } from "./atoms.mjs";
+import { useMemo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import clsx from "clsx";
+import useControlledState from "use-merge-value";
+//#region src/ToggleGroup/ToggleGroup.tsx
+const normalizeOption = (option) => typeof option === "string" ? { value: option } : option;
+const ToggleGroup = ({ className, classNames, defaultValue, disabled = false, onChange, options, ref, size = "middle", style, styles: customStyles, value, variant = "outlined" }) => {
+	const [innerValue, setInnerValue] = useControlledState(defaultValue, {
+		defaultValue,
+		onChange: (next) => {
+			if (next != null) onChange?.(next);
+		},
+		value
+	});
+	const normalizedOptions = useMemo(() => (options ?? []).map((o) => normalizeOption(o)), [options]);
+	const groupValue = useMemo(() => innerValue != null ? [innerValue] : [], [innerValue]);
+	return /* @__PURE__ */ jsx(ToggleGroupRoot, {
+		className: clsx(classNames?.root, className),
+		disabled,
+		ref,
+		style: {
+			...style,
+			...customStyles?.root
+		},
+		value: groupValue,
+		variant,
+		onValueChange: (next) => {
+			const picked = next[0];
+			if (picked != null) setInnerValue(picked);
+		},
+		children: normalizedOptions.map((opt) => /* @__PURE__ */ jsxs(ToggleGroupItem, {
+			"aria-label": typeof opt.label === "string" ? opt.label : opt.title,
+			className: clsx(classNames?.item, opt.className),
+			disabled: disabled || opt.disabled,
+			size,
+			style: customStyles?.item,
+			title: opt.title,
+			value: opt.value,
+			variant,
+			children: [opt.icon != null && /* @__PURE__ */ jsx(ToggleGroupItemIcon, {
+				className: classNames?.itemIcon,
+				style: customStyles?.itemIcon,
+				children: opt.icon
+			}), opt.label != null && /* @__PURE__ */ jsx(ToggleGroupItemLabel, {
+				className: classNames?.itemLabel,
+				style: customStyles?.itemLabel,
+				children: opt.label
+			})]
+		}, opt.value))
+	});
+};
+ToggleGroup.displayName = "ToggleGroup";
+//#endregion
+export { ToggleGroup as default };
+
+//# sourceMappingURL=ToggleGroup.mjs.map

package/es/ToggleGroup/ToggleGroup.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleGroup.mjs","names":[],"sources":["../../src/ToggleGroup/ToggleGroup.tsx"],"sourcesContent":["'use client';\n\nimport clsx from 'clsx';\nimport { useMemo } from 'react';\nimport useControlledState from 'use-merge-value';\n\nimport {\n  ToggleGroupItem,\n  ToggleGroupItemIcon,\n  ToggleGroupItemLabel,\n  ToggleGroupRoot,\n} from './atoms';\nimport type { ToggleGroupOption, ToggleGroupProps } from './type';\n\nconst normalizeOption = <Value extends string>(\n  option: ToggleGroupOption<Value> | Value,\n): ToggleGroupOption<Value> => (typeof option === 'string' ? { value: option } : option);\n\nconst ToggleGroup = <Value extends string = string>({\n  className,\n  classNames,\n  defaultValue,\n  disabled = false,\n  onChange,\n  options,\n  ref,\n  size = 'middle',\n  style,\n  styles: customStyles,\n  value,\n  variant = 'outlined',\n}: ToggleGroupProps<Value>) => {\n  const [innerValue, setInnerValue] = useControlledState<Value | undefined>(defaultValue, {\n    defaultValue,\n    onChange: (next) => {\n      if (next != null) onChange?.(next);\n    },\n    value,\n  });\n\n  const normalizedOptions = useMemo(\n    () => (options ?? []).map((o) => normalizeOption<Value>(o)),\n    [options],\n  );\n\n  const groupValue = useMemo<Value[]>(() => (innerValue != null ? [innerValue] : []), [innerValue]);\n\n  return (\n    <ToggleGroupRoot<Value>\n      className={clsx(classNames?.root, className)}\n      disabled={disabled}\n      ref={ref}\n      style={{ ...style, ...customStyles?.root }}\n      value={groupValue}\n      variant={variant}\n      onValueChange={(next) => {\n        const picked = next[0];\n        if (picked != null) setInnerValue(picked);\n      }}\n    >\n      {normalizedOptions.map((opt) => (\n        <ToggleGroupItem<Value>\n          aria-label={typeof opt.label === 'string' ? opt.label : opt.title}\n          className={clsx(classNames?.item, opt.className)}\n          disabled={disabled || opt.disabled}\n          key={opt.value}\n          size={size}\n          style={customStyles?.item}\n          title={opt.title}\n          value={opt.value}\n          variant={variant}\n        >\n          {opt.icon != null && (\n            <ToggleGroupItemIcon className={classNames?.itemIcon} style={customStyles?.itemIcon}>\n              {opt.icon}\n            </ToggleGroupItemIcon>\n          )}\n          {opt.label != null && (\n            <ToggleGroupItemLabel className={classNames?.itemLabel} style={customStyles?.itemLabel}>\n              {opt.label}\n            </ToggleGroupItemLabel>\n          )}\n        </ToggleGroupItem>\n      ))}\n    </ToggleGroupRoot>\n  );\n};\n\nToggleGroup.displayName = 'ToggleGroup';\n\nexport default ToggleGroup;\n"],"mappings":";;;;;;;AAcA,MAAM,mBACJ,WAC8B,OAAO,WAAW,WAAW,EAAE,OAAO,OAAO,IAAI;AAEjF,MAAM,eAA8C,EAClD,WACA,YACA,cACA,WAAW,OACX,UACA,SACA,KACA,OAAO,UACP,OACA,QAAQ,cACR,OACA,UAAU,iBACmB;CAC7B,MAAM,CAAC,YAAY,iBAAiB,mBAAsC,cAAc;EACtF;EACA,WAAW,SAAS;GAClB,IAAI,QAAQ,MAAM,WAAW,IAAI;EACnC;EACA;CACF,CAAC;CAED,MAAM,oBAAoB,eACjB,WAAW,CAAC,EAAA,CAAG,KAAK,MAAM,gBAAuB,CAAC,CAAC,GAC1D,CAAC,OAAO,CACV;CAEA,MAAM,aAAa,cAAwB,cAAc,OAAO,CAAC,UAAU,IAAI,CAAC,GAAI,CAAC,UAAU,CAAC;CAEhG,OACE,oBAAC,iBAAD;EACE,WAAW,KAAK,YAAY,MAAM,SAAS;EACjC;EACL;EACL,OAAO;GAAE,GAAG;GAAO,GAAG,cAAc;EAAK;EACzC,OAAO;EACE;EACT,gBAAgB,SAAS;GACvB,MAAM,SAAS,KAAK;GACpB,IAAI,UAAU,MAAM,cAAc,MAAM;EAC1C;EAEC,UAAA,kBAAkB,KAAK,QACtB,qBAAC,iBAAD;GACE,cAAY,OAAO,IAAI,UAAU,WAAW,IAAI,QAAQ,IAAI;GAC5D,WAAW,KAAK,YAAY,MAAM,IAAI,SAAS;GAC/C,UAAU,YAAY,IAAI;GAEpB;GACN,OAAO,cAAc;GACrB,OAAO,IAAI;GACX,OAAO,IAAI;GACF;GATX,UAAA,CAWG,IAAI,QAAQ,QACX,oBAAC,qBAAD;IAAqB,WAAW,YAAY;IAAU,OAAO,cAAc;IACxE,UAAA,IAAI;GACc,CAAA,GAEtB,IAAI,SAAS,QACZ,oBAAC,sBAAD;IAAsB,WAAW,YAAY;IAAW,OAAO,cAAc;IAC1E,UAAA,IAAI;GACe,CAAA,CAET;EAjBV,GAAA,IAAI,KAiBM,CAClB;CACc,CAAA;AAErB;AAEA,YAAY,cAAc"}

package/es/ToggleGroup/atoms.d.mts

@@ -0,0 +1,33 @@
+import { styles } from "./style.mjs";
+import { ToggleGroupSize, ToggleGroupVariant } from "./type.mjs";
+import { CSSProperties, ComponentProps, FC, ReactNode } from "react";
+import { Toggle } from "@base-ui/react/toggle";
+import { ToggleGroup } from "@base-ui/react/toggle-group";
+//#region src/ToggleGroup/atoms.d.ts
+export type ToggleGroupRootProps<Value extends string = string> = Omit<ComponentProps<typeof ToggleGroup<Value>>, 'className' | 'render'> & {
+  className?: string;
+  variant?: ToggleGroupVariant;
+};
+export declare const ToggleGroupRoot: {
+  <Value extends string = string>({ className, variant, ...rest }: ToggleGroupRootProps<Value>): import("react").JSX.Element;
+  displayName: string;
+};
+export type ToggleGroupItemProps<Value extends string = string> = Omit<ComponentProps<typeof Toggle<Value>>, 'className' | 'render'> & {
+  className?: string;
+  size?: ToggleGroupSize;
+  variant?: ToggleGroupVariant;
+};
+export declare const ToggleGroupItem: {
+  <Value extends string = string>({ className, size, variant, ...rest }: ToggleGroupItemProps<Value>): import("react").JSX.Element;
+  displayName: string;
+};
+interface SimpleSpanProps {
+  children?: ReactNode;
+  className?: string;
+  style?: CSSProperties;
+}
+export declare const ToggleGroupItemIcon: FC<SimpleSpanProps>;
+export declare const ToggleGroupItemLabel: FC<SimpleSpanProps>;
+export declare const toggleGroupStyles: Record<keyof typeof styles, string>;
+//#endregion
+//# sourceMappingURL=atoms.d.mts.map

package/es/ToggleGroup/atoms.mjs

@@ -0,0 +1,57 @@
+"use client";
+import { styleProps } from "../styles/stylex/props.mjs";
+import { focusRing } from "../styles/stylex/focusRing.mjs";
+import { toggleGroupItemMarker } from "./marker.stylex.mjs";
+import { styles } from "./style.mjs";
+import { jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+import * as stylex from "@stylexjs/stylex";
+import { Toggle } from "@base-ui/react/toggle";
+import { ToggleGroup } from "@base-ui/react/toggle-group";
+//#region src/ToggleGroup/atoms.tsx
+const rootVariantStyles = {
+	borderless: styles.rootBorderless,
+	outlined: styles.rootOutlined
+};
+const itemSizeStyles = {
+	middle: styles.itemMiddle,
+	small: styles.itemSmall
+};
+const itemVariantStyles = {
+	borderless: null,
+	outlined: [toggleGroupItemMarker, styles.itemOutlined]
+};
+const ToggleGroupRoot = ({ className, variant = "outlined", ...rest }) => {
+	return /* @__PURE__ */ jsx(ToggleGroup, {
+		className: styleProps([styles.root, rootVariantStyles[variant]], className).className,
+		...rest
+	});
+};
+ToggleGroupRoot.displayName = "ToggleGroupRoot";
+const ToggleGroupItem = ({ className, size = "middle", variant = "outlined", ...rest }) => {
+	return /* @__PURE__ */ jsx(Toggle, {
+		...rest,
+		className: styleProps([
+			styles.item,
+			focusRing.info,
+			itemSizeStyles[size],
+			itemVariantStyles[variant]
+		], className).className
+	});
+};
+ToggleGroupItem.displayName = "ToggleGroupItem";
+const ToggleGroupItemIcon = ({ children, className, style }) => /* @__PURE__ */ jsx("span", {
+	...styleProps(styles.itemIcon, className, style),
+	children
+});
+ToggleGroupItemIcon.displayName = "ToggleGroupItemIcon";
+const ToggleGroupItemLabel = ({ children, className, style }) => /* @__PURE__ */ jsx("span", {
+	...styleProps(styles.itemLabel, clsx("toggle-group-item-label", className), style),
+	children
+});
+ToggleGroupItemLabel.displayName = "ToggleGroupItemLabel";
+const toggleGroupStyles = Object.fromEntries(Object.entries(styles).map(([key, value]) => [key, stylex.props(value).className ?? ""]));
+//#endregion
+export { ToggleGroupItem, ToggleGroupItemIcon, ToggleGroupItemLabel, ToggleGroupRoot, toggleGroupStyles };
+
+//# sourceMappingURL=atoms.mjs.map

package/es/ToggleGroup/atoms.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"atoms.mjs","names":["BaseUIToggleGroup","BaseUIToggle"],"sources":["../../src/ToggleGroup/atoms.tsx"],"sourcesContent":["'use client';\n\nimport { Toggle as BaseUIToggle } from '@base-ui/react/toggle';\nimport { ToggleGroup as BaseUIToggleGroup } from '@base-ui/react/toggle-group';\nimport * as stylex from '@stylexjs/stylex';\nimport clsx from 'clsx';\nimport { type ComponentProps, type CSSProperties, type FC, type ReactNode } from 'react';\n\nimport { focusRing } from '@/styles/stylex/focusRing';\nimport { styleProps } from '@/styles/stylex/props';\n\nimport { toggleGroupItemMarker } from './marker.stylex';\nimport { styles } from './style';\nimport type { ToggleGroupSize, ToggleGroupVariant } from './type';\n\nconst rootVariantStyles = { borderless: styles.rootBorderless, outlined: styles.rootOutlined };\n\nconst itemSizeStyles = { middle: styles.itemMiddle, small: styles.itemSmall };\n\nconst itemVariantStyles = {\n  borderless: null,\n  outlined: [toggleGroupItemMarker, styles.itemOutlined],\n};\n\nexport type ToggleGroupRootProps<Value extends string = string> = Omit<\n  ComponentProps<typeof BaseUIToggleGroup<Value>>,\n  'className' | 'render'\n> & {\n  className?: string;\n  variant?: ToggleGroupVariant;\n};\n\nexport const ToggleGroupRoot = <Value extends string = string>({\n  className,\n  variant = 'outlined',\n  ...rest\n}: ToggleGroupRootProps<Value>) => {\n  return (\n    <BaseUIToggleGroup<Value>\n      className={styleProps([styles.root, rootVariantStyles[variant]], className).className}\n      {...rest}\n    />\n  );\n};\n\nToggleGroupRoot.displayName = 'ToggleGroupRoot';\n\nexport type ToggleGroupItemProps<Value extends string = string> = Omit<\n  ComponentProps<typeof BaseUIToggle<Value>>,\n  'className' | 'render'\n> & {\n  className?: string;\n  size?: ToggleGroupSize;\n  variant?: ToggleGroupVariant;\n};\n\nexport const ToggleGroupItem = <Value extends string = string>({\n  className,\n  size = 'middle',\n  variant = 'outlined',\n  ...rest\n}: ToggleGroupItemProps<Value>) => {\n  return (\n    <BaseUIToggle<Value>\n      {...rest}\n      className={\n        styleProps(\n          [styles.item, focusRing.info, itemSizeStyles[size], itemVariantStyles[variant]],\n          className,\n        ).className\n      }\n    />\n  );\n};\n\nToggleGroupItem.displayName = 'ToggleGroupItem';\n\ninterface SimpleSpanProps {\n  children?: ReactNode;\n  className?: string;\n  style?: CSSProperties;\n}\n\nexport const ToggleGroupItemIcon: FC<SimpleSpanProps> = ({ children, className, style }) => (\n  <span {...styleProps(styles.itemIcon, className, style)}>{children}</span>\n);\nToggleGroupItemIcon.displayName = 'ToggleGroupItemIcon';\n\nexport const ToggleGroupItemLabel: FC<SimpleSpanProps> = ({ children, className, style }) => (\n  <span {...styleProps(styles.itemLabel, clsx('toggle-group-item-label', className), style)}>\n    {children}\n  </span>\n);\nToggleGroupItemLabel.displayName = 'ToggleGroupItemLabel';\n\nexport const toggleGroupStyles = Object.fromEntries(\n  Object.entries(styles).map(([key, value]) => [key, stylex.props(value).className ?? '']),\n) as Record<keyof typeof styles, string>;\n"],"mappings":";;;;;;;;;;;AAYA,MAAM,oBAAoB;CACxB,YAAY,OAAO;CACnB,UAAU,OAAO;AACnB;AACA,MAAM,iBAAiB;CACrB,QAAQ,OAAO;CACf,OAAO,OAAO;AAChB;AACA,MAAM,oBAAoB;CACxB,YAAY;CACZ,UAAU,CAAC,uBAAuB,OAAO,YAAY;AACvD;AAKA,MAAa,mBAAmD,EAC9D,WACA,UAAU,YACV,GAAG,WAC8B;CACjC,OAAO,oBAACA,aAAD;EAA0B,WAAW,WAAW,CAAC,OAAO,MAAM,kBAAkB,QAAQ,GAAG,SAAS,CAAC,CAAC;EAAW,GAAI;CAAO,CAAA;AACrI;AACA,gBAAgB,cAAc;AAM9B,MAAa,mBAAmD,EAC9D,WACA,OAAO,UACP,UAAU,YACV,GAAG,WAC8B;CACjC,OAAO,oBAACC,QAAD;EAAqB,GAAI;EAAM,WAAW,WAAW;GAAC,OAAO;GAAM,UAAU;GAAM,eAAe;GAAO,kBAAkB;EAAQ,GAAG,SAAS,CAAC,CAAC;CAAY,CAAA;AACtK;AACA,gBAAgB,cAAc;AAM9B,MAAa,uBAA4C,EACvD,UACA,WACA,YACI,oBAAC,QAAD;CAAM,GAAI,WAAW,OAAO,UAAU,WAAW,KAAK;CAAI;AAAe,CAAA;AAC/E,oBAAoB,cAAc;AAClC,MAAa,wBAA6C,EACxD,UACA,WACA,YACI,oBAAC,QAAD;CAAM,GAAI,WAAW,OAAO,WAAW,KAAK,2BAA2B,SAAS,GAAG,KAAK;CACzF;AACG,CAAA;AACR,qBAAqB,cAAc;AACnC,MAAa,oBAAoB,OAAO,YAAY,OAAO,QAAQ,MAAM,CAAC,CAAC,KAAK,CAAC,KAAK,WAAW,CAAC,KAAK,OAAO,MAAM,KAAK,CAAC,CAAC,aAAa,EAAE,CAAC,CAAC"}

package/es/ToggleGroup/index.d.mts

@@ -0,0 +1,4 @@
+import { ToggleGroupClassNames, ToggleGroupOption, ToggleGroupProps, ToggleGroupSize, ToggleGroupStyles, ToggleGroupVariant } from "./type.mjs";
+import { ToggleGroupItem, ToggleGroupItemIcon, ToggleGroupItemLabel, ToggleGroupItemProps, ToggleGroupRoot, ToggleGroupRootProps, toggleGroupStyles } from "./atoms.mjs";
+import ToggleGroup from "./ToggleGroup.mjs";
+export { type ToggleGroupClassNames, ToggleGroupItem, ToggleGroupItemIcon, ToggleGroupItemLabel, type ToggleGroupItemProps, type ToggleGroupOption, type ToggleGroupProps, ToggleGroupRoot, type ToggleGroupRootProps, type ToggleGroupSize, type ToggleGroupStyles, type ToggleGroupVariant, ToggleGroup as default, toggleGroupStyles };

package/es/ToggleGroup/index.d.ts

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

package/es/ToggleGroup/index.js

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

package/es/ToggleGroup/index.mjs

@@ -0,0 +1,3 @@
+import { ToggleGroupItem, ToggleGroupItemIcon, ToggleGroupItemLabel, ToggleGroupRoot, toggleGroupStyles } from "./atoms.mjs";
+import ToggleGroup from "./ToggleGroup.mjs";
+export { ToggleGroupItem, ToggleGroupItemIcon, ToggleGroupItemLabel, ToggleGroupRoot, ToggleGroup as default, toggleGroupStyles };

package/es/ToggleGroup/marker.stylex.mjs

@@ -0,0 +1,9 @@
+//#region src/ToggleGroup/marker.stylex.ts
+const toggleGroupItemMarker = {
+	lb1mp3lu: "lb1mp3lu",
+	$$css: true
+};
+//#endregion
+export { toggleGroupItemMarker };
+
+//# sourceMappingURL=marker.stylex.mjs.map

package/es/ToggleGroup/marker.stylex.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"marker.stylex.mjs","names":[],"sources":["../../src/ToggleGroup/marker.stylex.ts"],"sourcesContent":["import * as stylex from '@stylexjs/stylex';\n\nexport const toggleGroupItemMarker = stylex.defineMarker();\n"],"mappings":";AACA,MAAa,wBAAwB;CACnC,UAAU;CACV,OAAO;AACT"}