@semcore/feature-highlight 17.1.0-prerelease.3 → 17.2.0-prerelease.3

package/lib/es6/components/tab-line/TabLine.js

@@ -8,12 +8,12 @@ import SummaryAI from '@semcore/icon/SummaryAI/m';
 import TabLine from '@semcore/tab-line';
 import React from 'react';
 /*!__reshadow-styles__:"./tabLine.shadow.css"*/
-const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SHighlightedItem_10jcl_gg_:focus-visible{outline:0}.___SHighlightedItem_10jcl_gg_:focus-visible::before{opacity:1;transform:scale(1)}.___SHighlightedItem_10jcl_gg_::after{opacity:0;transition:opacity calc(var(--intergalactic-duration-control, 200)*1ms) ease-in-out}.___SHighlightedItem_10jcl_gg_.__selected_10jcl_gg_::after{opacity:1;background:var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(148, 165, 245)))}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedItem_10jcl_gg_.__selected_10jcl_gg_::after{background:var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(148, 165, 245)))}@media (color-gamut:p3){.___SHighlightedItem_10jcl_gg_.__selected_10jcl_gg_::after{background:var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg in oklch, color(display-p3 0.72564 0.56096 0.98326), rgb(148, 165, 245)))}}}@media (hover:hover){.___SHighlightedItem_10jcl_gg_:hover:not(:focus-visible)::after{opacity:1;background:var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(148, 165, 245)))}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedItem_10jcl_gg_:hover:not(:focus-visible)::after{background:var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(148, 165, 245)))}@media (color-gamut:p3){.___SHighlightedItem_10jcl_gg_:hover:not(:focus-visible)::after{background:var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg in oklch, color(display-p3 0.72564 0.56096 0.98326), rgb(148, 165, 245)))}}}}.___SHighlightedItem_10jcl_gg_::before{content:\"\";position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;height:auto;width:calc(100% + 4px);margin:-4px;padding:2px;box-sizing:content-box;background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(102, 107, 219)));-webkit-mask:linear-gradient(0deg,#fff,#fff) content-box,linear-gradient(0deg,#fff,#fff);mask:linear-gradient(0deg,#fff,#fff) content-box,linear-gradient(0deg,#fff,#fff);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transform:scale(.96);transition:opacity calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,transform calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedItem_10jcl_gg_::before{background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(102, 107, 219)))}@media (color-gamut:p3){.___SHighlightedItem_10jcl_gg_::before{background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg in oklch, color(display-p3 0.72564 0.56096 0.98326), rgb(102, 107, 219)))}}}.___SHighlightedCaret_10jcl_gg_{background:var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(148, 165, 245)))}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedCaret_10jcl_gg_{background:var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(148, 165, 245)))}@media (color-gamut:p3){.___SHighlightedCaret_10jcl_gg_{background:var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg in oklch, color(display-p3 0.72564 0.56096 0.98326), rgb(148, 165, 245)))}}}", /*__inner_css_end__*/"10jcl_gg_"),
+const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SHighlightedItem_k4j9e_gg_:focus-visible{outline:none}.___SHighlightedItem_k4j9e_gg_:focus-visible:before{opacity:1;transform:scale(1)}.___SHighlightedItem_k4j9e_gg_:after{opacity:0;transition:opacity calc(var(--intergalactic-duration-control, 200)*1ms) ease-in-out}.___SHighlightedItem_k4j9e_gg_.__selected_k4j9e_gg_:after{opacity:1;background:var(--intergalactic-border-feature-highlight-active,linear-gradient(90deg in oklch,#c08eff,#94a5f5))}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedItem_k4j9e_gg_.__selected_k4j9e_gg_:after{background:var(--intergalactic-border-feature-highlight-active,linear-gradient(90deg in oklch,#c08eff,#94a5f5))}@media (color-gamut:p3){.___SHighlightedItem_k4j9e_gg_.__selected_k4j9e_gg_:after{background:var(--intergalactic-border-feature-highlight-active,linear-gradient(90deg in oklch,color(display-p3 .72564 .56096 .98326),#94a5f5))}}}@media (hover:hover){.___SHighlightedItem_k4j9e_gg_:hover:not(:focus-visible):after{opacity:1;background:var(--intergalactic-border-feature-highlight-active,linear-gradient(90deg in oklch,#c08eff,#94a5f5))}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedItem_k4j9e_gg_:hover:not(:focus-visible):after{background:var(--intergalactic-border-feature-highlight-active,linear-gradient(90deg in oklch,#c08eff,#94a5f5))}@media (color-gamut:p3){.___SHighlightedItem_k4j9e_gg_:hover:not(:focus-visible):after{background:var(--intergalactic-border-feature-highlight-active,linear-gradient(90deg in oklch,color(display-p3 .72564 .56096 .98326),#94a5f5))}}}}.___SHighlightedItem_k4j9e_gg_:before{content:\"\";position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;height:auto;width:calc(100% + 4px);margin:-4px;padding:2px;box-sizing:initial;background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline,linear-gradient(90deg in oklch,#c08eff,#666bdb));-webkit-mask:linear-gradient(0deg,#fff,#fff) content-box,linear-gradient(0deg,#fff,#fff);mask:linear-gradient(0deg,#fff,#fff) content-box,linear-gradient(0deg,#fff,#fff);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transform:scale(.96);transition:opacity calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,transform calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedItem_k4j9e_gg_:before{background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline,linear-gradient(90deg in oklch,#c08eff,#666bdb))}@media (color-gamut:p3){.___SHighlightedItem_k4j9e_gg_:before{background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline,linear-gradient(90deg in oklch,color(display-p3 .72564 .56096 .98326),#666bdb))}}}.___SHighlightedCaret_k4j9e_gg_{background:var(--intergalactic-border-feature-highlight-active,linear-gradient(90deg in oklch,#c08eff,#94a5f5))}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedCaret_k4j9e_gg_{background:var(--intergalactic-border-feature-highlight-active,linear-gradient(90deg in oklch,#c08eff,#94a5f5))}@media (color-gamut:p3){.___SHighlightedCaret_k4j9e_gg_{background:var(--intergalactic-border-feature-highlight-active,linear-gradient(90deg in oklch,color(display-p3 .72564 .56096 .98326),#94a5f5))}}}", /*__inner_css_end__*/"k4j9e_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SHighlightedCaret": "___SHighlightedCaret_10jcl_gg_",
-  "__SHighlightedItem": "___SHighlightedItem_10jcl_gg_",
-  "_selected": "__selected_10jcl_gg_"
+  "__SHighlightedCaret": "___SHighlightedCaret_k4j9e_gg_",
+  "__SHighlightedItem": "___SHighlightedItem_k4j9e_gg_",
+  "_selected": "__selected_k4j9e_gg_"
 });
 import { AnimatedSparkles } from '../../inner-components/sparkle/AnimatedSparkles';
 class TabLineFHRoot extends Component {
@@ -78,14 +78,21 @@ function HighlightedAddon(props) {
     count: animatedSparkleCount
   })));
 }
+const HighlightedItem = createComponent(HighlightedItemRoot, {
+  Text: TabLine.Item.Text,
+  Addon: HighlightedAddon
+});
+
+/**
+ * TabLine FeatureHighlight
+ *
+ * {@link https://developer.semrush.com/intergalactic/patterns/feature-highlight/feature-highlight#tabline|Docs}
+ */
 export const TabLineFH = createComponent(TabLineFHRoot, {
   Item: [TabLine.Item, {
     Text: TabLine.Item.Text,
     Addon: TabLine.Item.Addon
   }],
-  HighlightedItem: createComponent(HighlightedItemRoot, {
-    Text: TabLine.Item.Text,
-    Addon: HighlightedAddon
-  })
+  HighlightedItem
 });
 //# sourceMappingURL=TabLine.js.map

package/lib/es6/components/tab-line/TabLine.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabLine.js","names":["Component","createComponent","Root","sstyled","SummaryAI","TabLine","React","style","_sstyled","insert","AnimatedSparkles","TabLineFHRoot","render","_ref","asProps","createElement","_assignProps","_defineProperty","HighlightedItemRoot","constructor","args","clicked","handleClick","e","onClick","setState","setTimeout","getAddonProps","state","_ref2","_ref4","SHighlightedItem","Item","styles","cn","_assignProps2","bind","HighlightedAddon","props","_ref3","arguments[0]","animatedSparkleCount","Children","children","hasChildren","Addon","_assignProps3","Fragment","color","show","count","TabLineFH","Text","HighlightedItem"],"sources":["../../../../src/components/tab-line/TabLine.tsx"],"sourcesContent":["import type { IRootComponentProps } from '@semcore/core';\nimport { Component, createComponent, Root, sstyled } from '@semcore/core';\nimport SummaryAI from '@semcore/icon/SummaryAI/m';\nimport TabLine from '@semcore/tab-line';\nimport React from 'react';\n\nimport style from './tabLine.shadow.css';\nimport type { HighlightedTabLineComponent } from './TabLine.type';\nimport { AnimatedSparkles } from '../../inner-components/sparkle/AnimatedSparkles';\n\nclass TabLineFHRoot extends Component {\n  static displayName = 'TabLineFH';\n  static style = style;\n\n  render() {\n    return (<Root render={TabLine} />);\n  }\n}\n\nclass HighlightedItemRoot extends Component {\n  static displayName = 'HighlightedItem';\n  static style = style;\n\n  state = {\n    clicked: false,\n  };\n\n  handleClick(e: React.MouseEvent<HTMLButtonElement>) {\n    const { onClick } = this.asProps;\n\n    onClick?.(e);\n    this.setState({ clicked: false });\n    setTimeout(() => {\n      this.setState({ clicked: true });\n    });\n  }\n\n  getAddonProps() {\n    return {\n      clicked: this.state.clicked,\n    };\n  }\n\n  render() {\n    const SHighlightedItem = Root;\n\n    return sstyled(this.asProps.styles)(<SHighlightedItem render={TabLine.Item} onClick={this.handleClick.bind(this)} />);\n  }\n}\n\nfunction HighlightedAddon(props: { animatedSparkleCount?: number; clicked: boolean } & IRootComponentProps) {\n  const { clicked, animatedSparkleCount, Children, children: hasChildren } = props;\n\n  return (\n    <Root render={TabLine.Item.Addon}>\n      {hasChildren\n        ? (<Children />)\n        : (\n            <>\n              <SummaryAI color='--intergalactic-icon-primary-feature-highlight' />\n              <AnimatedSparkles show={clicked} count={animatedSparkleCount} />\n            </>\n          )}\n    </Root>\n  );\n}\n\nexport const TabLineFH = createComponent(TabLineFHRoot, {\n  Item: [TabLine.Item, { Text: TabLine.Item.Text, Addon: TabLine.Item.Addon }],\n  HighlightedItem: createComponent(HighlightedItemRoot, { Text: TabLine.Item.Text, Addon: HighlightedAddon }),\n}) as unknown as HighlightedTabLineComponent;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"TabLine.js","names":["Component","createComponent","Root","sstyled","SummaryAI","TabLine","React","style","_sstyled","insert","AnimatedSparkles","TabLineFHRoot","render","_ref","asProps","createElement","_assignProps","_defineProperty","HighlightedItemRoot","constructor","args","clicked","handleClick","e","onClick","setState","setTimeout","getAddonProps","state","_ref2","_ref4","SHighlightedItem","Item","styles","cn","_assignProps2","bind","HighlightedAddon","props","_ref3","arguments[0]","animatedSparkleCount","Children","children","hasChildren","Addon","_assignProps3","Fragment","color","show","count","HighlightedItem","Text","TabLineFH"],"sources":["../../../../src/components/tab-line/TabLine.tsx"],"sourcesContent":["import type { IRootComponentProps } from '@semcore/core';\nimport { Component, createComponent, Root, sstyled } from '@semcore/core';\nimport SummaryAI from '@semcore/icon/SummaryAI/m';\nimport TabLine from '@semcore/tab-line';\nimport React from 'react';\n\nimport style from './tabLine.shadow.css';\nimport type { HighlightedTabLineComponent, HighlightedTabLineItemComponent } from './TabLine.type';\nimport { AnimatedSparkles } from '../../inner-components/sparkle/AnimatedSparkles';\n\nclass TabLineFHRoot extends Component {\n  static displayName = 'TabLineFH';\n  static style = style;\n\n  render() {\n    return (<Root render={TabLine} />);\n  }\n}\n\nclass HighlightedItemRoot extends Component {\n  static displayName = 'HighlightedItem';\n  static style = style;\n\n  state = {\n    clicked: false,\n  };\n\n  handleClick(e: React.MouseEvent<HTMLButtonElement>) {\n    const { onClick } = this.asProps;\n\n    onClick?.(e);\n    this.setState({ clicked: false });\n    setTimeout(() => {\n      this.setState({ clicked: true });\n    });\n  }\n\n  getAddonProps() {\n    return {\n      clicked: this.state.clicked,\n    };\n  }\n\n  render() {\n    const SHighlightedItem = Root;\n\n    return sstyled(this.asProps.styles)(<SHighlightedItem render={TabLine.Item} onClick={this.handleClick.bind(this)} />);\n  }\n}\n\nfunction HighlightedAddon(props: { animatedSparkleCount?: number; clicked: boolean } & IRootComponentProps) {\n  const { clicked, animatedSparkleCount, Children, children: hasChildren } = props;\n\n  return (\n    <Root render={TabLine.Item.Addon}>\n      {hasChildren\n        ? (<Children />)\n        : (\n            <>\n              <SummaryAI color='--intergalactic-icon-primary-feature-highlight' />\n              <AnimatedSparkles show={clicked} count={animatedSparkleCount} />\n            </>\n          )}\n    </Root>\n  );\n}\n\nconst HighlightedItem = createComponent<HighlightedTabLineItemComponent, typeof HighlightedItemRoot>(\n  HighlightedItemRoot,\n  { Text: TabLine.Item.Text, Addon: HighlightedAddon },\n);\n\n/**\n * TabLine FeatureHighlight\n *\n * {@link https://developer.semrush.com/intergalactic/patterns/feature-highlight/feature-highlight#tabline|Docs}\n */\nexport const TabLineFH = createComponent<HighlightedTabLineComponent, typeof TabLineFHRoot>(TabLineFHRoot, {\n  Item: [TabLine.Item, { Text: TabLine.Item.Text, Addon: TabLine.Item.Addon }],\n  HighlightedItem,\n});\n"],"mappings":"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","ignoreList":[]}

package/lib/es6/components/tab-line/TabLine.type.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabLine.type.js","names":[],"sources":["../../../../src/components/tab-line/TabLine.type.ts"],"sourcesContent":["import type { Intergalactic } from '@semcore/core';\nimport type TabLine from '@semcore/tab-line';\n\nexport type HighlightedTabLineComponent = typeof TabLine & {\n  HighlightedItem: typeof TabLine.Item & {\n    Addon: Intergalactic.Component<'div', { animatedSparkleCount?: number }>;\n  };\n};\n"],"mappings":"","ignoreList":[]}
+{"version":3,"file":"TabLine.type.js","names":[],"sources":["../../../../src/components/tab-line/TabLine.type.ts"],"sourcesContent":["import type { Intergalactic } from '@semcore/core';\nimport type TabLine from '@semcore/tab-line';\n\nexport type HighlightedTabLineItemComponent = typeof TabLine.Item & {\n  Addon: Intergalactic.Component<'div', { animatedSparkleCount?: number }>;\n};\n\nexport type HighlightedTabLineComponent = typeof TabLine & {\n  HighlightedItem: HighlightedTabLineItemComponent;\n};\n"],"mappings":"","ignoreList":[]}

package/lib/es6/inner-components/button-trigger/ButtonTrigger.js

@@ -7,16 +7,16 @@ import { createComponent, Root, sstyled, Component } from '@semcore/core';
 import SummaryAI from '@semcore/icon/SummaryAI/m';
 import React from 'react';
 /*!__reshadow-styles__:"./buttonTrigger.shadow.css"*/
-const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SHighlightedButtonTrigger_gqbwh_gg_:not(._state_invalid_gqbwh_gg_):not(._state_valid_gqbwh_gg_){border:1px solid transparent;background:linear-gradient(white,white) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, rgb(210, 179, 255), rgb(176, 193, 254))) border-box;background-origin:border-box;background-clip:padding-box,border-box;position:relative;z-index:1}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedButtonTrigger_gqbwh_gg_:not(._state_invalid_gqbwh_gg_):not(._state_valid_gqbwh_gg_){background:linear-gradient(white,white) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, rgb(210, 179, 255), rgb(176, 193, 254))) border-box}@media (color-gamut:p3){.___SHighlightedButtonTrigger_gqbwh_gg_:not(._state_invalid_gqbwh_gg_):not(._state_valid_gqbwh_gg_){background:linear-gradient(white,white) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, color(display-p3 0.80738 0.70018 0.99486), rgb(176, 193, 254))) border-box}}}.___SHighlightedButtonTrigger_gqbwh_gg_:not(._state_invalid_gqbwh_gg_):not(._state_valid_gqbwh_gg_)::before{content:\"\";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;margin:-5px;padding:2px;border-radius:calc(var(--intergalactic-control-rounded, 6px) + 3px);background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(102, 107, 219)));-webkit-mask:linear-gradient(0deg,#fff,#fff) content-box,linear-gradient(0deg,#fff,#fff);mask:linear-gradient(0deg,#fff,#fff) content-box,linear-gradient(0deg,#fff,#fff);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transform:scale(.96);pointer-events:none;transition:opacity calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,transform calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedButtonTrigger_gqbwh_gg_:not(._state_invalid_gqbwh_gg_):not(._state_valid_gqbwh_gg_)::before{background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(102, 107, 219)))}@media (color-gamut:p3){.___SHighlightedButtonTrigger_gqbwh_gg_:not(._state_invalid_gqbwh_gg_):not(._state_valid_gqbwh_gg_)::before{background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg in oklch, color(display-p3 0.72564 0.56096 0.98326), rgb(102, 107, 219)))}}}@media (hover:hover){.___SHighlightedButtonTrigger_gqbwh_gg_:not(._state_invalid_gqbwh_gg_):not(._state_valid_gqbwh_gg_):hover{background:var(--intergalactic-bg-primary-feature-highlight-hover-active, linear-gradient(90deg in oklch, rgb(247, 243, 255), rgb(222, 231, 255))) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, rgb(210, 179, 255), rgb(176, 193, 254))) border-box}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedButtonTrigger_gqbwh_gg_:not(._state_invalid_gqbwh_gg_):not(._state_valid_gqbwh_gg_):hover{background:var(--intergalactic-bg-primary-feature-highlight-hover-active, linear-gradient(90deg in oklch, rgb(247, 243, 255), rgb(222, 231, 255))) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, rgb(210, 179, 255), rgb(176, 193, 254))) border-box}@media (color-gamut:p3){.___SHighlightedButtonTrigger_gqbwh_gg_:not(._state_invalid_gqbwh_gg_):not(._state_valid_gqbwh_gg_):hover{background:var(--intergalactic-bg-primary-feature-highlight-hover-active, linear-gradient(90deg in oklch, color(display-p3 0.96716 0.95079 0.99961), color(display-p3 0.87344 0.9059 0.99962))) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, color(display-p3 0.80738 0.70018 0.99486), rgb(176, 193, 254))) border-box}}}}.___SHighlightedButtonTrigger_gqbwh_gg_.__active_gqbwh_gg_:not(._state_invalid_gqbwh_gg_):not(._state_valid_gqbwh_gg_),.___SHighlightedButtonTrigger_gqbwh_gg_:not(._state_invalid_gqbwh_gg_):not(._state_valid_gqbwh_gg_):active{background:linear-gradient(white,white) padding-box,var(--intergalactic-control-primary-feature-highlight-hover, linear-gradient(90deg in oklch, rgb(162, 97, 253), rgb(148, 165, 245))) border-box;background-origin:border-box;background-clip:padding-box,border-box;border-color:transparent}.___SHighlightedButtonTrigger_gqbwh_gg_:not(._state_invalid_gqbwh_gg_):not(._state_valid_gqbwh_gg_):focus-visible{outline:0;border-color:transparent}.___SHighlightedButtonTrigger_gqbwh_gg_:not(._state_invalid_gqbwh_gg_):not(._state_valid_gqbwh_gg_):focus-visible::before{opacity:1;transform:scale(1)}.___SHighlightedButtonTrigger_gqbwh_gg_._neighborLocation_left_gqbwh_gg_:not(._state_invalid_gqbwh_gg_):not(._state_valid_gqbwh_gg_)::before{border-top-left-radius:0;border-bottom-left-radius:0}.___SHighlightedButtonTrigger_gqbwh_gg_._neighborLocation_right_gqbwh_gg_:not(._state_invalid_gqbwh_gg_):not(._state_valid_gqbwh_gg_)::before{border-top-right-radius:0;border-bottom-right-radius:0}.___SHighlightedButtonTrigger_gqbwh_gg_._neighborLocation_both_gqbwh_gg_:not(._state_invalid_gqbwh_gg_):not(._state_valid_gqbwh_gg_)::before{border-radius:0}@supports not (-webkit-mask-composite:xor){.___SHighlightedButtonTrigger_gqbwh_gg_:not(._state_invalid_gqbwh_gg_):not(._state_valid_gqbwh_gg_):focus-visible{outline:0;box-shadow:0 0 0 2px #fff,0 0 0 4px #7078fc}.___SHighlightedButtonTrigger_gqbwh_gg_:not(._state_invalid_gqbwh_gg_):not(._state_valid_gqbwh_gg_):focus-visible::before{display:none}}", /*__inner_css_end__*/"gqbwh_gg_"),
+const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SHighlightedButtonTrigger_1no5h_gg_:not(._state_invalid_1no5h_gg_):not(._state_valid_1no5h_gg_){border:1px solid #0000;background:linear-gradient(#fff,#fff) padding-box,var(--intergalactic-border-feature-highlight,linear-gradient(90deg in oklch,#d2b3ff,#b0c1fe)) border-box;background-origin:border-box;background-clip:padding-box,border-box;position:relative;z-index:1}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedButtonTrigger_1no5h_gg_:not(._state_invalid_1no5h_gg_):not(._state_valid_1no5h_gg_){background:linear-gradient(#fff,#fff) padding-box,var(--intergalactic-border-feature-highlight,linear-gradient(90deg in oklch,#d2b3ff,#b0c1fe)) border-box}@media (color-gamut:p3){.___SHighlightedButtonTrigger_1no5h_gg_:not(._state_invalid_1no5h_gg_):not(._state_valid_1no5h_gg_){background:linear-gradient(#fff,#fff) padding-box,var(--intergalactic-border-feature-highlight,linear-gradient(90deg in oklch,color(display-p3 .80738 .70018 .99486),#b0c1fe)) border-box}}}.___SHighlightedButtonTrigger_1no5h_gg_:not(._state_invalid_1no5h_gg_):not(._state_valid_1no5h_gg_):before{content:\"\";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;margin:-5px;padding:2px;border-radius:calc(var(--intergalactic-control-rounded, 6px) + 3px);background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline,linear-gradient(90deg in oklch,#c08eff,#666bdb));-webkit-mask:linear-gradient(0deg,#fff,#fff) content-box,linear-gradient(0deg,#fff,#fff);mask:linear-gradient(0deg,#fff,#fff) content-box,linear-gradient(0deg,#fff,#fff);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transform:scale(.96);pointer-events:none;transition:opacity calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,transform calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedButtonTrigger_1no5h_gg_:not(._state_invalid_1no5h_gg_):not(._state_valid_1no5h_gg_):before{background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline,linear-gradient(90deg in oklch,#c08eff,#666bdb))}@media (color-gamut:p3){.___SHighlightedButtonTrigger_1no5h_gg_:not(._state_invalid_1no5h_gg_):not(._state_valid_1no5h_gg_):before{background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline,linear-gradient(90deg in oklch,color(display-p3 .72564 .56096 .98326),#666bdb))}}}@media (hover:hover){.___SHighlightedButtonTrigger_1no5h_gg_:not(._state_invalid_1no5h_gg_):not(._state_valid_1no5h_gg_):hover{background:var(--intergalactic-bg-primary-feature-highlight-hover-active,linear-gradient(90deg in oklch,#f7f3ff,#dee7ff)) padding-box,var(--intergalactic-border-feature-highlight,linear-gradient(90deg in oklch,#d2b3ff,#b0c1fe)) border-box}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedButtonTrigger_1no5h_gg_:not(._state_invalid_1no5h_gg_):not(._state_valid_1no5h_gg_):hover{background:var(--intergalactic-bg-primary-feature-highlight-hover-active,linear-gradient(90deg in oklch,#f7f3ff,#dee7ff)) padding-box,var(--intergalactic-border-feature-highlight,linear-gradient(90deg in oklch,#d2b3ff,#b0c1fe)) border-box}@media (color-gamut:p3){.___SHighlightedButtonTrigger_1no5h_gg_:not(._state_invalid_1no5h_gg_):not(._state_valid_1no5h_gg_):hover{background:var(--intergalactic-bg-primary-feature-highlight-hover-active,linear-gradient(90deg in oklch,color(display-p3 .96716 .95079 .99961),color(display-p3 .87344 .9059 .99962))) padding-box,var(--intergalactic-border-feature-highlight,linear-gradient(90deg in oklch,color(display-p3 .80738 .70018 .99486),#b0c1fe)) border-box}}}}.___SHighlightedButtonTrigger_1no5h_gg_.__active_1no5h_gg_:not(._state_invalid_1no5h_gg_):not(._state_valid_1no5h_gg_),.___SHighlightedButtonTrigger_1no5h_gg_:not(._state_invalid_1no5h_gg_):not(._state_valid_1no5h_gg_):active{background:linear-gradient(#fff,#fff) padding-box,var(--intergalactic-control-primary-feature-highlight-hover,linear-gradient(90deg in oklch,#a261fd,#94a5f5)) border-box;background-origin:border-box;background-clip:padding-box,border-box;border-color:#0000}.___SHighlightedButtonTrigger_1no5h_gg_:not(._state_invalid_1no5h_gg_):not(._state_valid_1no5h_gg_):focus-visible{outline:none;border-color:#0000}.___SHighlightedButtonTrigger_1no5h_gg_:not(._state_invalid_1no5h_gg_):not(._state_valid_1no5h_gg_):focus-visible:before{opacity:1;transform:scale(1)}.___SHighlightedButtonTrigger_1no5h_gg_._neighborLocation_left_1no5h_gg_:not(._state_invalid_1no5h_gg_):not(._state_valid_1no5h_gg_):before{border-top-left-radius:0;border-bottom-left-radius:0}.___SHighlightedButtonTrigger_1no5h_gg_._neighborLocation_right_1no5h_gg_:not(._state_invalid_1no5h_gg_):not(._state_valid_1no5h_gg_):before{border-top-right-radius:0;border-bottom-right-radius:0}.___SHighlightedButtonTrigger_1no5h_gg_._neighborLocation_both_1no5h_gg_:not(._state_invalid_1no5h_gg_):not(._state_valid_1no5h_gg_):before{border-radius:0}@supports not (-webkit-mask-composite:xor){.___SHighlightedButtonTrigger_1no5h_gg_:not(._state_invalid_1no5h_gg_):not(._state_valid_1no5h_gg_):focus-visible{outline:none;box-shadow:0 0 0 2px #fff,0 0 0 4px #7078fc}.___SHighlightedButtonTrigger_1no5h_gg_:not(._state_invalid_1no5h_gg_):not(._state_valid_1no5h_gg_):focus-visible:before{display:none}}", /*__inner_css_end__*/"1no5h_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SHighlightedButtonTrigger": "___SHighlightedButtonTrigger_gqbwh_gg_",
-  "_state_invalid": "_state_invalid_gqbwh_gg_",
-  "_state_valid": "_state_valid_gqbwh_gg_",
-  "_active": "__active_gqbwh_gg_",
-  "_neighborLocation_left": "_neighborLocation_left_gqbwh_gg_",
-  "_neighborLocation_right": "_neighborLocation_right_gqbwh_gg_",
-  "_neighborLocation_both": "_neighborLocation_both_gqbwh_gg_"
+  "__SHighlightedButtonTrigger": "___SHighlightedButtonTrigger_1no5h_gg_",
+  "_state_invalid": "_state_invalid_1no5h_gg_",
+  "_state_valid": "_state_valid_1no5h_gg_",
+  "_active": "__active_1no5h_gg_",
+  "_neighborLocation_left": "_neighborLocation_left_1no5h_gg_",
+  "_neighborLocation_right": "_neighborLocation_right_1no5h_gg_",
+  "_neighborLocation_both": "_neighborLocation_both_1no5h_gg_"
 });
 class ButtonTriggerFHRoot extends Component {
   render() {

package/lib/es6/inner-components/button-trigger/ButtonTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonTrigger.js","names":["ButtonTrigger","createComponent","Root","sstyled","Component","SummaryAI","React","style","_sstyled","insert","ButtonTriggerFHRoot","render","_ref","asProps","_ref3","styles","SHighlightedButtonTrigger","createElement","cn","_assignProps","_defineProperty","Addon","props","_ref2","arguments[0]","_ref4","SAddon","Children","children","hasChildren","_assignProps2","ButtonTriggerFH","Text"],"sources":["../../../../src/inner-components/button-trigger/ButtonTrigger.tsx"],"sourcesContent":["import { ButtonTrigger } from '@semcore/base-trigger';\nimport Button from '@semcore/button';\nimport type { IRootComponentProps } from '@semcore/core';\nimport { createComponent, Root, sstyled, Component } from '@semcore/core';\nimport SummaryAI from '@semcore/icon/SummaryAI/m';\nimport React from 'react';\n\nimport style from './buttonTrigger.shadow.css';\nimport type { HighlightedButtonTriggerComponent } from './ButtonTrigger.type';\nimport { AnimatedSparkles } from '../sparkle/AnimatedSparkles';\n\nclass ButtonTriggerFHRoot extends Component {\n  static displayName = 'ButtonTriggerFH';\n  static style = style;\n\n  render() {\n    const { styles } = this.asProps;\n    const SHighlightedButtonTrigger = Root;\n    return sstyled(styles)(\n      <SHighlightedButtonTrigger render={ButtonTrigger} />,\n    );\n  }\n}\n\nfunction Addon(props: IRootComponentProps) {\n  const SAddon = Root;\n  const { Children, children: hasChildren } = props;\n  return sstyled(props.styles)(\n    <SAddon render={ButtonTrigger.Addon}>\n      {hasChildren\n        ? (<Children />)\n        : (\n            <SummaryAI color='--intergalactic-icon-primary-feature-highlight' />\n          )}\n    </SAddon>,\n  );\n}\n\nexport const ButtonTriggerFH = createComponent(ButtonTriggerFHRoot, {\n  Text: ButtonTrigger.Text,\n  Addon,\n}) as HighlightedButtonTriggerComponent;\n"],"mappings":";;;;AAAA,SAASA,aAAa,QAAQ,uBAAuB;AAGrD,SAASC,eAAe,EAAEC,IAAI,EAAEC,OAAO,EAAEC,SAAS,QAAQ,eAAe;AACzE,OAAOC,SAAS,MAAM,2BAA2B;AACjD,OAAOC,KAAK,MAAM,OAAO;AAAC;AAAA,MAAAC,KAAA,8BAAAC,QAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAM1B,MAAMC,mBAAmB,SAASN,SAAS,CAAC;EAI1CO,MAAMA,CAAA,EAAG;IAAA,IAAAC,IAAA,QAAAC,OAAA;MAAAC,KAAA;IACP,MAAM;MAAEC;IAAO,CAAC,GAAG,IAAI,CAACF,OAAO;IAC/B,MAAMG,yBAAyB,GAEMhB,aAAa;IADlD,OAAAc,KAAA,GAAOX,OAAO,CAACY,MAAM,CAAC,eACpBT,KAAA,CAAAW,aAAA,CAACD,yBAAyB,EAAAF,KAAA,CAAAI,EAAA;MAAA,GAAAC,YAAA,KAAAP,IAAA;IAAA,EAAyB,CAAC;EAExD;AACF;AAACQ,eAAA,CAXKV,mBAAmB,iBACF,iBAAiB;AAAAU,eAAA,CADlCV,mBAAmB,WAERH,KAAK;AAWtB,SAASc,KAAKA,CAACC,KAA0B,EAAE;EAAA,IAAAC,KAAA,GAAAC,YAAA;IAAAC,KAAA;EACzC,MAAMC,MAAM,GAGM1B,aAAa,CAACqB,KAAK;EAFrC,MAAM;IAAEM,QAAQ;IAAEC,QAAQ,EAAEC;EAAY,CAAC,GAAGP,KAAK;EACjD,OAAAG,KAAA,GAAOtB,OAAO,CAACmB,KAAK,CAACP,MAAM,CAAC,eAC1BT,KAAA,CAAAW,aAAA,CAACS,MAAM,EAAAD,KAAA,CAAAP,EAAA;IAAA,GAAAY,aAAA,KAAAP,KAAA;EAAA,IACJM,WAAW,gBACPvB,KAAA,CAAAW,aAAA,CAACU,QAAQ,EAAAF,KAAA,CAAAP,EAAA,gBAAE,CAAC,gBAEXZ,KAAA,CAAAW,aAAA,CAACZ,SAAS,EAAAoB,KAAA,CAAAP,EAAA;IAAA,SAAO;EAAgD,EAAE,CAEnE,CAAC;AAEb;AAEA,OAAO,MAAMa,eAAe,GAAG9B,eAAe,CAACS,mBAAmB,EAAE;EAClEsB,IAAI,EAAEhC,aAAa,CAACgC,IAAI;EACxBX;AACF,CAAC,CAAsC","ignoreList":[]}
+{"version":3,"file":"ButtonTrigger.js","names":["ButtonTrigger","createComponent","Root","sstyled","Component","SummaryAI","React","style","_sstyled","insert","ButtonTriggerFHRoot","render","_ref","asProps","_ref3","styles","SHighlightedButtonTrigger","createElement","cn","_assignProps","_defineProperty","Addon","props","_ref2","arguments[0]","_ref4","SAddon","Children","children","hasChildren","_assignProps2","ButtonTriggerFH","Text"],"sources":["../../../../src/inner-components/button-trigger/ButtonTrigger.tsx"],"sourcesContent":["import { ButtonTrigger } from '@semcore/base-trigger';\nimport type { IRootComponentProps } from '@semcore/core';\nimport { createComponent, Root, sstyled, Component } from '@semcore/core';\nimport SummaryAI from '@semcore/icon/SummaryAI/m';\nimport React from 'react';\n\nimport style from './buttonTrigger.shadow.css';\nimport type { HighlightedButtonTriggerComponent } from './ButtonTrigger.type';\n\nclass ButtonTriggerFHRoot extends Component {\n  static displayName = 'ButtonTriggerFH';\n  static style = style;\n\n  render() {\n    const { styles } = this.asProps;\n    const SHighlightedButtonTrigger = Root;\n    return sstyled(styles)(\n      <SHighlightedButtonTrigger render={ButtonTrigger} />,\n    );\n  }\n}\n\nfunction Addon(props: IRootComponentProps) {\n  const SAddon = Root;\n  const { Children, children: hasChildren } = props;\n  return sstyled(props.styles)(\n    <SAddon render={ButtonTrigger.Addon}>\n      {hasChildren\n        ? (<Children />)\n        : (\n            <SummaryAI color='--intergalactic-icon-primary-feature-highlight' />\n          )}\n    </SAddon>,\n  );\n}\n\nexport const ButtonTriggerFH = createComponent<\n  HighlightedButtonTriggerComponent,\n  typeof ButtonTriggerFHRoot\n>(ButtonTriggerFHRoot, {\n  Text: ButtonTrigger.Text,\n  Addon,\n});\n"],"mappings":";;;;AAAA,SAASA,aAAa,QAAQ,uBAAuB;AAErD,SAASC,eAAe,EAAEC,IAAI,EAAEC,OAAO,EAAEC,SAAS,QAAQ,eAAe;AACzE,OAAOC,SAAS,MAAM,2BAA2B;AACjD,OAAOC,KAAK,MAAM,OAAO;AAAC;AAAA,MAAAC,KAAA,8BAAAC,QAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAK1B,MAAMC,mBAAmB,SAASN,SAAS,CAAC;EAI1CO,MAAMA,CAAA,EAAG;IAAA,IAAAC,IAAA,QAAAC,OAAA;MAAAC,KAAA;IACP,MAAM;MAAEC;IAAO,CAAC,GAAG,IAAI,CAACF,OAAO;IAC/B,MAAMG,yBAAyB,GAEMhB,aAAa;IADlD,OAAAc,KAAA,GAAOX,OAAO,CAACY,MAAM,CAAC,eACpBT,KAAA,CAAAW,aAAA,CAACD,yBAAyB,EAAAF,KAAA,CAAAI,EAAA;MAAA,GAAAC,YAAA,KAAAP,IAAA;IAAA,EAAyB,CAAC;EAExD;AACF;AAACQ,eAAA,CAXKV,mBAAmB,iBACF,iBAAiB;AAAAU,eAAA,CADlCV,mBAAmB,WAERH,KAAK;AAWtB,SAASc,KAAKA,CAACC,KAA0B,EAAE;EAAA,IAAAC,KAAA,GAAAC,YAAA;IAAAC,KAAA;EACzC,MAAMC,MAAM,GAGM1B,aAAa,CAACqB,KAAK;EAFrC,MAAM;IAAEM,QAAQ;IAAEC,QAAQ,EAAEC;EAAY,CAAC,GAAGP,KAAK;EACjD,OAAAG,KAAA,GAAOtB,OAAO,CAACmB,KAAK,CAACP,MAAM,CAAC,eAC1BT,KAAA,CAAAW,aAAA,CAACS,MAAM,EAAAD,KAAA,CAAAP,EAAA;IAAA,GAAAY,aAAA,KAAAP,KAAA;EAAA,IACJM,WAAW,gBACPvB,KAAA,CAAAW,aAAA,CAACU,QAAQ,EAAAF,KAAA,CAAAP,EAAA,gBAAE,CAAC,gBAEXZ,KAAA,CAAAW,aAAA,CAACZ,SAAS,EAAAoB,KAAA,CAAAP,EAAA;IAAA,SAAO;EAAgD,EAAE,CAEnE,CAAC;AAEb;AAEA,OAAO,MAAMa,eAAe,GAAG9B,eAAe,CAG5CS,mBAAmB,EAAE;EACrBsB,IAAI,EAAEhC,aAAa,CAACgC,IAAI;EACxBX;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/es6/inner-components/sparkle/Sparkle.js

@@ -3,21 +3,21 @@ import { assignProps as _assignProps } from "@semcore/core";
 import { createBaseComponent, Root, sstyled } from '@semcore/core';
 import React from 'react';
 /*!__reshadow-styles__:"./style/sparkle.shadow.css"*/
-const styles = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/"@keyframes sparkles_4t4us{50%{transform:rotate(calc(1deg*var(--angle_4t4us))) translateY(200%) scale(var(--scale_4t4us))}to{transform:rotate(calc(1deg*var(--angle_4t4us))) translateY(200%) scale(0)}}.___SSparkle_4t4us_gg_{position:absolute}.___SSparkle_4t4us_gg_ path{fill:var(--intergalactic-icon-primary-feature-highlight, rgb(144, 65, 250))}.___SSparkle_4t4us_gg_.__angle_4t4us_gg_.__scale_4t4us_gg_.__duration_4t4us_gg_{transform:rotate(calc(1deg*var(--angle_4t4us))) scale(var(--scale_4t4us));animation-name:sparkles_4t4us;animation-fill-mode:forwards;animation-duration:var(--duration_4t4us)}.___SSparkle_4t4us_gg_.__left_4t4us_gg_{left:var(--left_4t4us)}.___SSparkle_4t4us_gg_.__top_4t4us_gg_{top:var(--top_4t4us)}", /*__inner_css_end__*/"4t4us_gg_"),
+const styles = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SSparkle_snky3_gg_{position:absolute}.___SSparkle_snky3_gg_ path{fill:var(--intergalactic-icon-primary-feature-highlight,#9041fa)}.___SSparkle_snky3_gg_.__angle_snky3_gg_.__scale_snky3_gg_.__duration_snky3_gg_{transform:rotate(calc(1deg*var(--angle_snky3))) scale(var(--scale_snky3));animation-name:sparkles_snky3;animation-fill-mode:forwards;animation-duration:var(--duration_snky3)}@keyframes sparkles_snky3{50%{transform:rotate(calc(1deg*var(--angle_snky3))) translateY(200%) scale(var(--scale_snky3))}to{transform:rotate(calc(1deg*var(--angle_snky3))) translateY(200%) scale(0)}}.___SSparkle_snky3_gg_.__left_snky3_gg_{left:var(--left_snky3)}.___SSparkle_snky3_gg_.__top_snky3_gg_{top:var(--top_snky3)}", /*__inner_css_end__*/"snky3_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SSparkle": "___SSparkle_4t4us_gg_",
-  "_angle": "__angle_4t4us_gg_",
-  "_scale": "__scale_4t4us_gg_",
-  "_duration": "__duration_4t4us_gg_",
-  "--angle": "--angle_4t4us",
-  "--scale": "--scale_4t4us",
-  "--duration": "--duration_4t4us",
-  "@sparkles": "sparkles_4t4us",
-  "_left": "__left_4t4us_gg_",
-  "--left": "--left_4t4us",
-  "_top": "__top_4t4us_gg_",
-  "--top": "--top_4t4us"
+  "__SSparkle": "___SSparkle_snky3_gg_",
+  "_angle": "__angle_snky3_gg_",
+  "_scale": "__scale_snky3_gg_",
+  "_duration": "__duration_snky3_gg_",
+  "--angle": "--angle_snky3",
+  "--scale": "--scale_snky3",
+  "--duration": "--duration_snky3",
+  "@sparkles": "sparkles_snky3",
+  "_left": "__left_snky3_gg_",
+  "--left": "--left_snky3",
+  "_top": "__top_snky3_gg_",
+  "--top": "--top_snky3"
 });
 function SvgSparkle(props, ref) {
   var _ref = arguments[0],

package/lib/es6/inner-components/sparkle/Sparkle.js.map

@@ -1 +1 @@
-{"version":3,"file":"Sparkle.js","names":["createBaseComponent","Root","sstyled","React","styles","_sstyled","insert","SvgSparkle","props","ref","_ref","arguments[0]","_ref2","SSparkle","num","index","curve","left","rand","Math","floor","random","angle","sin","PI","x","trunc","odd","scale","animationDuration","createElement","cn","_assignProps"],"sources":["../../../../src/inner-components/sparkle/Sparkle.tsx"],"sourcesContent":["import { createBaseComponent, Root, sstyled } from '@semcore/core';\nimport type { ForwardedRef } from 'react';\nimport React from 'react';\n\nimport styles from './style/sparkle.shadow.css';\n\ntype SparkleProps = {\n  index: number;\n  num: number;\n  curve?: number;\n  top?: string;\n  left?: string;\n};\n\nfunction SvgSparkle(props: SparkleProps, ref: ForwardedRef<SVGSVGElement>) {\n  const SSparkle = Root;\n  const { num, index, curve, left } = props;\n  const rand = Math.floor(Math.random() * 50);\n  const angle = (360 / num) * index + rand;\n  const sin = Math.sin((Math.PI * angle) / 180);\n  const x = curve ? Math.trunc(sin * -1 * curve) : 0;\n  const odd = index % 2;\n  const scale = 1 - odd * 0.3;\n  const animationDuration = `${0.6 - odd * 0.2}s`;\n\n  return sstyled(styles)(\n    <SSparkle\n      ref={ref}\n      aria-hidden={true}\n      render='svg'\n      use:left={x ? `${x + 14}px` : left}\n      scale={scale}\n      duration={animationDuration}\n      angle={angle}\n      width='10'\n      height='10'\n      viewBox='0 0 10 10'\n      fill='none'\n      xmlns='http://www.w3.org/2000/svg'\n    >\n      <path d='M5.371.269a.39.39 0 0 0-.742 0L3.704 3.08a.977.977 0 0 1-.623.623L.27 4.629a.39.39 0 0 0 0 .742l2.812.925a.977.977 0 0 1 .623.623l.925 2.812a.39.39 0 0 0 .742 0l.925-2.812a.977.977 0 0 1 .623-.623l2.812-.925a.39.39 0 0 0 0-.742L6.92 3.704a.977.977 0 0 1-.623-.623L5.371.27Z' />\n    </SSparkle>,\n  );\n}\n\nexport default createBaseComponent<'svg', SparkleProps>(SvgSparkle);\n"],"mappings":";;AAAA,SAASA,mBAAmB,EAAEC,IAAI,EAAEC,OAAO,QAAQ,eAAe;AAElE,OAAOC,KAAK,MAAM,OAAO;AAAC;AAAA,MAAAC,MAAA,8BAAAC,QAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAY1B,SAASC,UAAUA,CAACC,KAAmB,EAAEC,GAAgC,EAAE;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EACzE,MAAMC,QAAQ,GAcH,KAAK;EAbhB,MAAM;IAAEC,GAAG;IAAEC,KAAK;IAAEC,KAAK;IAAEC;EAAK,CAAC,GAAGT,KAAK;EACzC,MAAMU,IAAI,GAAGC,IAAI,CAACC,KAAK,CAACD,IAAI,CAACE,MAAM,CAAC,CAAC,GAAG,EAAE,CAAC;EAC3C,MAAMC,KAAK,GAAI,GAAG,GAAGR,GAAG,GAAIC,KAAK,GAAGG,IAAI;EACxC,MAAMK,GAAG,GAAGJ,IAAI,CAACI,GAAG,CAAEJ,IAAI,CAACK,EAAE,GAAGF,KAAK,GAAI,GAAG,CAAC;EAC7C,MAAMG,CAAC,GAAGT,KAAK,GAAGG,IAAI,CAACO,KAAK,CAACH,GAAG,GAAG,CAAC,CAAC,GAAGP,KAAK,CAAC,GAAG,CAAC;EAClD,MAAMW,GAAG,GAAGZ,KAAK,GAAG,CAAC;EACrB,MAAMa,KAAK,GAAG,CAAC,GAAGD,GAAG,GAAG,GAAG;EAC3B,MAAME,iBAAiB,GAAG,GAAG,GAAG,GAAGF,GAAG,GAAG,GAAG,GAAG;EAE/C,OAAAf,KAAA,GAAOV,OAAO,CAACE,MAAM,CAAC,eACpBD,KAAA,CAAA2B,aAAA,CAACjB,QAAQ,EAAAD,KAAA,CAAAmB,EAAA;IAAA,GAAAC,YAAA;MAAA,OACFvB,GAAG;MAAA,eACK,IAAI;MAAA,YAEPgB,CAAC,GAAG,GAAGA,CAAC,GAAG,EAAE,IAAI,GAAGR,IAAI;MAAA,SAC3BW,KAAK;MAAA,YACFC,iBAAiB;MAAA,SACpBP,KAAK;MAAA,SACN,IAAI;MAAA,UACH,IAAI;MAAA,WACH,WAAW;MAAA,QACd,MAAM;MAAA,SACL;IAA4B,GAAAZ,IAAA;EAAA,iBAElCP,KAAA,CAAA2B,aAAA,SAAAlB,KAAA,CAAAmB,EAAA;IAAA,KAAQ;EAAmR,EAAE,CACrR,CAAC;AAEf;AAEA,eAAe/B,mBAAmB,CAAsBO,UAAU,CAAC","ignoreList":[]}
+{"version":3,"file":"Sparkle.js","names":["createBaseComponent","Root","sstyled","React","styles","_sstyled","insert","SvgSparkle","props","ref","_ref","arguments[0]","_ref2","SSparkle","num","index","curve","left","rand","Math","floor","random","angle","sin","PI","x","trunc","odd","scale","animationDuration","createElement","cn","_assignProps"],"sources":["../../../../src/inner-components/sparkle/Sparkle.tsx"],"sourcesContent":["import type { Intergalactic } from '@semcore/core';\nimport { createBaseComponent, Root, sstyled } from '@semcore/core';\nimport type { Ref } from 'react';\nimport React from 'react';\n\nimport styles from './style/sparkle.shadow.css';\n\ntype SparkleProps = {\n  index: number;\n  num: number;\n  curve?: number;\n  top?: string;\n  left?: string;\n};\n\nfunction SvgSparkle(props: SparkleProps, ref: Ref<SVGSVGElement>) {\n  const SSparkle = Root;\n  const { num, index, curve, left } = props;\n  const rand = Math.floor(Math.random() * 50);\n  const angle = (360 / num) * index + rand;\n  const sin = Math.sin((Math.PI * angle) / 180);\n  const x = curve ? Math.trunc(sin * -1 * curve) : 0;\n  const odd = index % 2;\n  const scale = 1 - odd * 0.3;\n  const animationDuration = `${0.6 - odd * 0.2}s`;\n\n  return sstyled(styles)(\n    <SSparkle\n      ref={ref}\n      aria-hidden={true}\n      render='svg'\n      use:left={x ? `${x + 14}px` : left}\n      scale={scale}\n      duration={animationDuration}\n      angle={angle}\n      width='10'\n      height='10'\n      viewBox='0 0 10 10'\n      fill='none'\n      xmlns='http://www.w3.org/2000/svg'\n    >\n      <path d='M5.371.269a.39.39 0 0 0-.742 0L3.704 3.08a.977.977 0 0 1-.623.623L.27 4.629a.39.39 0 0 0 0 .742l2.812.925a.977.977 0 0 1 .623.623l.925 2.812a.39.39 0 0 0 .742 0l.925-2.812a.977.977 0 0 1 .623-.623l2.812-.925a.39.39 0 0 0 0-.742L6.92 3.704a.977.977 0 0 1-.623-.623L5.371.27Z' />\n    </SSparkle>,\n  );\n}\n\ntype SparkleComponent = Intergalactic.Component<'svg', SparkleProps>;\n\nexport default createBaseComponent<SparkleComponent>(SvgSparkle);\n"],"mappings":";;AACA,SAASA,mBAAmB,EAAEC,IAAI,EAAEC,OAAO,QAAQ,eAAe;AAElE,OAAOC,KAAK,MAAM,OAAO;AAAC;AAAA,MAAAC,MAAA,8BAAAC,QAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAY1B,SAASC,UAAUA,CAACC,KAAmB,EAAEC,GAAuB,EAAE;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EAChE,MAAMC,QAAQ,GAcH,KAAK;EAbhB,MAAM;IAAEC,GAAG;IAAEC,KAAK;IAAEC,KAAK;IAAEC;EAAK,CAAC,GAAGT,KAAK;EACzC,MAAMU,IAAI,GAAGC,IAAI,CAACC,KAAK,CAACD,IAAI,CAACE,MAAM,CAAC,CAAC,GAAG,EAAE,CAAC;EAC3C,MAAMC,KAAK,GAAI,GAAG,GAAGR,GAAG,GAAIC,KAAK,GAAGG,IAAI;EACxC,MAAMK,GAAG,GAAGJ,IAAI,CAACI,GAAG,CAAEJ,IAAI,CAACK,EAAE,GAAGF,KAAK,GAAI,GAAG,CAAC;EAC7C,MAAMG,CAAC,GAAGT,KAAK,GAAGG,IAAI,CAACO,KAAK,CAACH,GAAG,GAAG,CAAC,CAAC,GAAGP,KAAK,CAAC,GAAG,CAAC;EAClD,MAAMW,GAAG,GAAGZ,KAAK,GAAG,CAAC;EACrB,MAAMa,KAAK,GAAG,CAAC,GAAGD,GAAG,GAAG,GAAG;EAC3B,MAAME,iBAAiB,GAAG,GAAG,GAAG,GAAGF,GAAG,GAAG,GAAG,GAAG;EAE/C,OAAAf,KAAA,GAAOV,OAAO,CAACE,MAAM,CAAC,eACpBD,KAAA,CAAA2B,aAAA,CAACjB,QAAQ,EAAAD,KAAA,CAAAmB,EAAA;IAAA,GAAAC,YAAA;MAAA,OACFvB,GAAG;MAAA,eACK,IAAI;MAAA,YAEPgB,CAAC,GAAG,GAAGA,CAAC,GAAG,EAAE,IAAI,GAAGR,IAAI;MAAA,SAC3BW,KAAK;MAAA,YACFC,iBAAiB;MAAA,SACpBP,KAAK;MAAA,SACN,IAAI;MAAA,UACH,IAAI;MAAA,WACH,WAAW;MAAA,QACd,MAAM;MAAA,SACL;IAA4B,GAAAZ,IAAA;EAAA,iBAElCP,KAAA,CAAA2B,aAAA,SAAAlB,KAAA,CAAAmB,EAAA;IAAA,KAAQ;EAAmR,EAAE,CACrR,CAAC;AAEf;AAIA,eAAe/B,mBAAmB,CAAmBO,UAAU,CAAC","ignoreList":[]}

package/lib/esm/components/badge/Badge.mjs

@@ -1,4 +1,4 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { sstyled, Component, assignProps, createComponent } from "@semcore/core";
 import Badge from "@semcore/badge";
 import resolveColorEnhance from "@semcore/core/lib/utils/enhances/resolveColorEnhance";
@@ -8,15 +8,15 @@ const style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SHighlightedBadge_b73tz_gg_{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949))}.___SHighlightedBadge_b73tz_gg_._use_accent_b73tz_gg_{background-image:var(--intergalactic-control-primary-feature-highlight, linear-gradient(90deg in oklch, rgb(162, 97, 253), rgb(148, 165, 245)))}.___SHighlightedBadge_b73tz_gg_.__bg_b73tz_gg_{background-color:var(--bg_b73tz)}",
+    ".___SHighlightedBadge_1r3dh_gg_{color:var(--intergalactic-text-primary-invert,#fefffff2)}.___SHighlightedBadge_1r3dh_gg_._use_accent_1r3dh_gg_{background-image:var(--intergalactic-control-primary-feature-highlight,linear-gradient(90deg in oklch,#a261fd,#94a5f5))}.___SHighlightedBadge_1r3dh_gg_.__bg_1r3dh_gg_{background-color:var(--bg_1r3dh)}",
     /*__inner_css_end__*/
-    "b73tz_gg_"
+    "1r3dh_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SHighlightedBadge": "___SHighlightedBadge_b73tz_gg_",
-    "_use_accent": "_use_accent_b73tz_gg_",
-    "_bg": "__bg_b73tz_gg_",
-    "--bg": "--bg_b73tz"
+    "__SHighlightedBadge": "___SHighlightedBadge_1r3dh_gg_",
+    "_use_accent": "_use_accent_1r3dh_gg_",
+    "_bg": "__bg_1r3dh_gg_",
+    "--bg": "--bg_1r3dh"
   })
 );
 class BadgeFHRoot extends Component {

package/lib/esm/components/button/Button.mjs

@@ -1,4 +1,4 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { sstyled, Component, assignProps, createComponent } from "@semcore/core";
 import Button from "@semcore/button";
 import SummaryAI from "@semcore/icon/SummaryAI/m";
@@ -9,19 +9,19 @@ const style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    '.___SHighlightedButton_1gg3z_gg_._theme_primary-highlighted_1gg3z_gg_{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-image:linear-gradient(90deg,var(--intergalactic-violet-500, rgb(128, 41, 236)),var(--intergalactic-blue-500, rgb(92, 92, 196)),var(--intergalactic-violet-400, rgb(162, 97, 253)),var(--intergalactic-blue-400, rgb(102, 107, 219)));background-position-x:99%;background-size:300%;transition:background-position-x .3s cubic-bezier(.22,.61,.36,1)}@media (hover:hover){.___SHighlightedButton_1gg3z_gg_._theme_primary-highlighted_1gg3z_gg_:hover{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-position-x:1%}}.___SHighlightedButton_1gg3z_gg_._theme_primary-highlighted_1gg3z_gg_.__active_1gg3z_gg_,.___SHighlightedButton_1gg3z_gg_._theme_primary-highlighted_1gg3z_gg_:active{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-image:var(--intergalactic-control-primary-feature-highlight-active, linear-gradient(90deg in oklch, rgb(162, 97, 253), rgb(102, 107, 219)));background-size:100%}.___SHighlightedButton_1gg3z_gg_._theme_primary-highlighted_1gg3z_gg_:focus-visible{outline:0}.___SHighlightedButton_1gg3z_gg_._theme_secondary-highlighted_1gg3z_gg_{color:var(--intergalactic-icon-primary-feature-highlight, rgb(144, 65, 250));background:var(--intergalactic-control-secondary-feature-highlight, linear-gradient(90deg in oklch, rgb(247, 243, 255), rgb(240, 245, 255))) padding-box,var(--intergalactic-border-feature-highlight-secondary, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(148, 165, 245))) border-box;background-origin:border-box;background-clip:padding-box,border-box}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedButton_1gg3z_gg_._theme_secondary-highlighted_1gg3z_gg_{background:var(--intergalactic-control-secondary-feature-highlight, linear-gradient(90deg in oklch, rgb(247, 243, 255), rgb(240, 245, 255))) padding-box,var(--intergalactic-border-feature-highlight-secondary, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(148, 165, 245))) border-box}@media (color-gamut:p3){.___SHighlightedButton_1gg3z_gg_._theme_secondary-highlighted_1gg3z_gg_{background:var(--intergalactic-control-secondary-feature-highlight, linear-gradient(90deg in oklch, color(display-p3 0.96716 0.95079 0.99961), color(display-p3 0.94438 0.95907 0.99998))) padding-box,var(--intergalactic-border-feature-highlight-secondary, linear-gradient(90deg in oklch, color(display-p3 0.72564 0.56096 0.98326), rgb(148, 165, 245))) border-box}}}.___SHighlightedButton_1gg3z_gg_._theme_secondary-highlighted_1gg3z_gg_ .___SText_1gg3z_gg_{background-color:var(--intergalactic-icon-primary-feature-highlight, rgb(144, 65, 250));background-image:var(--intergalactic-text-feature-highlight, linear-gradient(90deg in oklch, rgb(128, 41, 236), rgb(92, 92, 196)));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}@media (hover:hover){.___SHighlightedButton_1gg3z_gg_._theme_secondary-highlighted_1gg3z_gg_:hover{background:var(--intergalactic-control-secondary-feature-highlight-hover, linear-gradient(90deg in oklch, rgb(230, 213, 255), rgb(207, 221, 255))) padding-box,var(--intergalactic-border-feature-highlight-secondary, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(148, 165, 245))) border-box;color:var(--intergalactic-icon-primary-feature-highlight-hover-active, rgb(128, 41, 236))}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedButton_1gg3z_gg_._theme_secondary-highlighted_1gg3z_gg_:hover{background:var(--intergalactic-control-secondary-feature-highlight-hover, linear-gradient(90deg in oklch, rgb(230, 213, 255), rgb(207, 221, 255))) padding-box,var(--intergalactic-border-feature-highlight-secondary, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(148, 165, 245))) border-box}@media (color-gamut:p3){.___SHighlightedButton_1gg3z_gg_._theme_secondary-highlighted_1gg3z_gg_:hover{background:var(--intergalactic-control-secondary-feature-highlight-hover, linear-gradient(90deg in oklch, color(display-p3 0.89136 0.83496 0.99956), color(display-p3 0.8189 0.86425 1))) padding-box,var(--intergalactic-border-feature-highlight-secondary, linear-gradient(90deg in oklch, color(display-p3 0.72564 0.56096 0.98326), rgb(148, 165, 245))) border-box}}}.___SHighlightedButton_1gg3z_gg_._theme_secondary-highlighted_1gg3z_gg_:hover .___SText_1gg3z_gg_{background-color:var(--intergalactic-icon-primary-feature-highlight-hover-active, rgb(128, 41, 236));background-image:var(--intergalactic-text-feature-highlight-hover-active, linear-gradient(90deg in oklch, rgb(128, 41, 236), rgb(92, 92, 196)))}}.___SHighlightedButton_1gg3z_gg_._theme_secondary-highlighted_1gg3z_gg_.__active_1gg3z_gg_,.___SHighlightedButton_1gg3z_gg_._theme_secondary-highlighted_1gg3z_gg_:active{background:var(--intergalactic-control-secondary-feature-highlight-active, linear-gradient(90deg in oklch, rgb(230, 213, 255), rgb(207, 221, 255))) padding-box,var(--intergalactic-border-feature-highlight-secondary, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(148, 165, 245))) border-box;color:var(--intergalactic-icon-primary-feature-highlight-hover-active, rgb(128, 41, 236))}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedButton_1gg3z_gg_._theme_secondary-highlighted_1gg3z_gg_.__active_1gg3z_gg_,.___SHighlightedButton_1gg3z_gg_._theme_secondary-highlighted_1gg3z_gg_:active{background:var(--intergalactic-control-secondary-feature-highlight-active, linear-gradient(90deg in oklch, rgb(230, 213, 255), rgb(207, 221, 255))) padding-box,var(--intergalactic-border-feature-highlight-secondary, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(148, 165, 245))) border-box}@media (color-gamut:p3){.___SHighlightedButton_1gg3z_gg_._theme_secondary-highlighted_1gg3z_gg_.__active_1gg3z_gg_,.___SHighlightedButton_1gg3z_gg_._theme_secondary-highlighted_1gg3z_gg_:active{background:var(--intergalactic-control-secondary-feature-highlight-active, linear-gradient(90deg in oklch, color(display-p3 0.89136 0.83496 0.99956), color(display-p3 0.8189 0.86425 1))) padding-box,var(--intergalactic-border-feature-highlight-secondary, linear-gradient(90deg in oklch, color(display-p3 0.72564 0.56096 0.98326), rgb(148, 165, 245))) border-box}}}.___SHighlightedButton_1gg3z_gg_._theme_secondary-highlighted_1gg3z_gg_.__active_1gg3z_gg_ .___SText_1gg3z_gg_,.___SHighlightedButton_1gg3z_gg_._theme_secondary-highlighted_1gg3z_gg_:active .___SText_1gg3z_gg_{background-color:var(--intergalactic-icon-primary-feature-highlight-hover-active, rgb(128, 41, 236));background-image:var(--intergalactic-text-feature-highlight-hover-active, linear-gradient(90deg in oklch, rgb(128, 41, 236), rgb(92, 92, 196)))}.___SHighlightedButton_1gg3z_gg_._theme_secondary-highlighted_1gg3z_gg_:focus-visible{outline:0}.___SHighlightedButton_1gg3z_gg_{position:relative}.___SHighlightedButton_1gg3z_gg_::before{content:"";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;margin:-5px;padding:2px;border-radius:calc(var(--intergalactic-control-rounded, 6px) + 3px);background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(102, 107, 219)));-webkit-mask:linear-gradient(0deg,#fff,#fff) content-box,linear-gradient(0deg,#fff,#fff);mask:linear-gradient(0deg,#fff,#fff) content-box,linear-gradient(0deg,#fff,#fff);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transform:scale(.96);transition:opacity calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,transform calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedButton_1gg3z_gg_::before{background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(102, 107, 219)))}@media (color-gamut:p3){.___SHighlightedButton_1gg3z_gg_::before{background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg in oklch, color(display-p3 0.72564 0.56096 0.98326), rgb(102, 107, 219)))}}}.___SHighlightedButton_1gg3z_gg_._neighborLocation_left_1gg3z_gg_::before{border-top-left-radius:0;border-bottom-left-radius:0}.___SHighlightedButton_1gg3z_gg_._neighborLocation_right_1gg3z_gg_::before{border-top-right-radius:0;border-bottom-right-radius:0}.___SHighlightedButton_1gg3z_gg_._neighborLocation_both_1gg3z_gg_::before{border-radius:0}.___SHighlightedButton_1gg3z_gg_:focus-visible::before{opacity:1;transform:scale(1)}@supports not (-webkit-mask-composite:xor){.___SHighlightedButton_1gg3z_gg_:focus-visible{outline:0;box-shadow:0 0 0 2px #fff,0 0 0 4px #7078fc}.___SHighlightedButton_1gg3z_gg_:focus-visible::before{display:none}}',
+    '.___SHighlightedButton_1ql7e_gg_._theme_primary-highlighted_1ql7e_gg_{color:var(--intergalactic-text-primary-invert,#fefffff2);background-image:linear-gradient(90deg,var(--intergalactic-violet-500,#8029ec),var(--intergalactic-blue-500,#5c5cc4),var(--intergalactic-violet-400,#a261fd),var(--intergalactic-blue-400,#666bdb));background-position-x:99%;background-size:300%;transition:background-position-x .3s cubic-bezier(.22,.61,.36,1)}@media (hover:hover){.___SHighlightedButton_1ql7e_gg_._theme_primary-highlighted_1ql7e_gg_:hover{color:var(--intergalactic-text-primary-invert,#fefffff2);background-position-x:1%}}.___SHighlightedButton_1ql7e_gg_._theme_primary-highlighted_1ql7e_gg_.__active_1ql7e_gg_,.___SHighlightedButton_1ql7e_gg_._theme_primary-highlighted_1ql7e_gg_:active{color:var(--intergalactic-text-primary-invert,#fefffff2);background-image:var(--intergalactic-control-primary-feature-highlight-active,linear-gradient(90deg in oklch,#a261fd,#666bdb));background-size:100%}.___SHighlightedButton_1ql7e_gg_._theme_primary-highlighted_1ql7e_gg_:focus-visible{outline:none}.___SHighlightedButton_1ql7e_gg_._theme_secondary-highlighted_1ql7e_gg_{color:var(--intergalactic-icon-primary-feature-highlight,#9041fa);background:var(--intergalactic-control-secondary-feature-highlight,linear-gradient(90deg in oklch,#f7f3ff,#f0f5ff)) padding-box,var(--intergalactic-border-feature-highlight-secondary,linear-gradient(90deg in oklch,#c08eff,#94a5f5)) border-box;background-origin:border-box;background-clip:padding-box,border-box}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedButton_1ql7e_gg_._theme_secondary-highlighted_1ql7e_gg_{background:var(--intergalactic-control-secondary-feature-highlight,linear-gradient(90deg in oklch,#f7f3ff,#f0f5ff)) padding-box,var(--intergalactic-border-feature-highlight-secondary,linear-gradient(90deg in oklch,#c08eff,#94a5f5)) border-box}@media (color-gamut:p3){.___SHighlightedButton_1ql7e_gg_._theme_secondary-highlighted_1ql7e_gg_{background:var(--intergalactic-control-secondary-feature-highlight,linear-gradient(90deg in oklch,color(display-p3 .96716 .95079 .99961),color(display-p3 .94438 .95907 .99998))) padding-box,var(--intergalactic-border-feature-highlight-secondary,linear-gradient(90deg in oklch,color(display-p3 .72564 .56096 .98326),#94a5f5)) border-box}}}.___SHighlightedButton_1ql7e_gg_._theme_secondary-highlighted_1ql7e_gg_ .___SText_1ql7e_gg_{background-color:var(--intergalactic-icon-primary-feature-highlight,#9041fa);background-image:var(--intergalactic-text-feature-highlight,linear-gradient(90deg in oklch,#8029ec,#5c5cc4));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:#0000}@media (hover:hover){.___SHighlightedButton_1ql7e_gg_._theme_secondary-highlighted_1ql7e_gg_:hover{background:var(--intergalactic-control-secondary-feature-highlight-hover,linear-gradient(90deg in oklch,#e6d5ff,#cfddff)) padding-box,var(--intergalactic-border-feature-highlight-secondary,linear-gradient(90deg in oklch,#c08eff,#94a5f5)) border-box;color:var(--intergalactic-icon-primary-feature-highlight-hover-active,#8029ec)}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedButton_1ql7e_gg_._theme_secondary-highlighted_1ql7e_gg_:hover{background:var(--intergalactic-control-secondary-feature-highlight-hover,linear-gradient(90deg in oklch,#e6d5ff,#cfddff)) padding-box,var(--intergalactic-border-feature-highlight-secondary,linear-gradient(90deg in oklch,#c08eff,#94a5f5)) border-box}@media (color-gamut:p3){.___SHighlightedButton_1ql7e_gg_._theme_secondary-highlighted_1ql7e_gg_:hover{background:var(--intergalactic-control-secondary-feature-highlight-hover,linear-gradient(90deg in oklch,color(display-p3 .89136 .83496 .99956),color(display-p3 .8189 .86425 1))) padding-box,var(--intergalactic-border-feature-highlight-secondary,linear-gradient(90deg in oklch,color(display-p3 .72564 .56096 .98326),#94a5f5)) border-box}}}}@media (hover:hover){.___SHighlightedButton_1ql7e_gg_._theme_secondary-highlighted_1ql7e_gg_:hover .___SText_1ql7e_gg_{background-color:var(--intergalactic-icon-primary-feature-highlight-hover-active,#8029ec);background-image:var(--intergalactic-text-feature-highlight-hover-active,linear-gradient(90deg in oklch,#8029ec,#5c5cc4))}}.___SHighlightedButton_1ql7e_gg_._theme_secondary-highlighted_1ql7e_gg_.__active_1ql7e_gg_,.___SHighlightedButton_1ql7e_gg_._theme_secondary-highlighted_1ql7e_gg_:active{background:var(--intergalactic-control-secondary-feature-highlight-active,linear-gradient(90deg in oklch,#e6d5ff,#cfddff)) padding-box,var(--intergalactic-border-feature-highlight-secondary,linear-gradient(90deg in oklch,#c08eff,#94a5f5)) border-box;color:var(--intergalactic-icon-primary-feature-highlight-hover-active,#8029ec)}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedButton_1ql7e_gg_._theme_secondary-highlighted_1ql7e_gg_.__active_1ql7e_gg_,.___SHighlightedButton_1ql7e_gg_._theme_secondary-highlighted_1ql7e_gg_:active{background:var(--intergalactic-control-secondary-feature-highlight-active,linear-gradient(90deg in oklch,#e6d5ff,#cfddff)) padding-box,var(--intergalactic-border-feature-highlight-secondary,linear-gradient(90deg in oklch,#c08eff,#94a5f5)) border-box}@media (color-gamut:p3){.___SHighlightedButton_1ql7e_gg_._theme_secondary-highlighted_1ql7e_gg_.__active_1ql7e_gg_,.___SHighlightedButton_1ql7e_gg_._theme_secondary-highlighted_1ql7e_gg_:active{background:var(--intergalactic-control-secondary-feature-highlight-active,linear-gradient(90deg in oklch,color(display-p3 .89136 .83496 .99956),color(display-p3 .8189 .86425 1))) padding-box,var(--intergalactic-border-feature-highlight-secondary,linear-gradient(90deg in oklch,color(display-p3 .72564 .56096 .98326),#94a5f5)) border-box}}}:is(.___SHighlightedButton_1ql7e_gg_._theme_secondary-highlighted_1ql7e_gg_.__active_1ql7e_gg_,.___SHighlightedButton_1ql7e_gg_._theme_secondary-highlighted_1ql7e_gg_:active) .___SText_1ql7e_gg_{background-color:var(--intergalactic-icon-primary-feature-highlight-hover-active,#8029ec);background-image:var(--intergalactic-text-feature-highlight-hover-active,linear-gradient(90deg in oklch,#8029ec,#5c5cc4))}.___SHighlightedButton_1ql7e_gg_._theme_secondary-highlighted_1ql7e_gg_:focus-visible{outline:none}.___SHighlightedButton_1ql7e_gg_{position:relative}.___SHighlightedButton_1ql7e_gg_:before{content:"";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;margin:-5px;padding:2px;border-radius:calc(var(--intergalactic-control-rounded, 6px) + 3px);background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline,linear-gradient(90deg in oklch,#c08eff,#666bdb));-webkit-mask:linear-gradient(0deg,#fff,#fff) content-box,linear-gradient(0deg,#fff,#fff);mask:linear-gradient(0deg,#fff,#fff) content-box,linear-gradient(0deg,#fff,#fff);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transform:scale(.96);transition:opacity calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,transform calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedButton_1ql7e_gg_:before{background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline,linear-gradient(90deg in oklch,#c08eff,#666bdb))}@media (color-gamut:p3){.___SHighlightedButton_1ql7e_gg_:before{background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline,linear-gradient(90deg in oklch,color(display-p3 .72564 .56096 .98326),#666bdb))}}}.___SHighlightedButton_1ql7e_gg_._neighborLocation_left_1ql7e_gg_:before{border-top-left-radius:0;border-bottom-left-radius:0}.___SHighlightedButton_1ql7e_gg_._neighborLocation_right_1ql7e_gg_:before{border-top-right-radius:0;border-bottom-right-radius:0}.___SHighlightedButton_1ql7e_gg_._neighborLocation_both_1ql7e_gg_:before{border-radius:0}.___SHighlightedButton_1ql7e_gg_:focus-visible:before{opacity:1;transform:scale(1)}@supports not (-webkit-mask-composite:xor){.___SHighlightedButton_1ql7e_gg_:focus-visible{outline:none;box-shadow:0 0 0 2px #fff,0 0 0 4px #7078fc}.___SHighlightedButton_1ql7e_gg_:focus-visible:before{display:none}}',
     /*__inner_css_end__*/
-    "1gg3z_gg_"
+    "1ql7e_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SHighlightedButton": "___SHighlightedButton_1gg3z_gg_",
-    "_theme_primary-highlighted": "_theme_primary-highlighted_1gg3z_gg_",
-    "_active": "__active_1gg3z_gg_",
-    "_theme_secondary-highlighted": "_theme_secondary-highlighted_1gg3z_gg_",
-    "__SText": "___SText_1gg3z_gg_",
-    "_neighborLocation_left": "_neighborLocation_left_1gg3z_gg_",
-    "_neighborLocation_right": "_neighborLocation_right_1gg3z_gg_",
-    "_neighborLocation_both": "_neighborLocation_both_1gg3z_gg_"
+    "__SHighlightedButton": "___SHighlightedButton_1ql7e_gg_",
+    "_theme_primary-highlighted": "_theme_primary-highlighted_1ql7e_gg_",
+    "_active": "__active_1ql7e_gg_",
+    "_theme_secondary-highlighted": "_theme_secondary-highlighted_1ql7e_gg_",
+    "__SText": "___SText_1ql7e_gg_",
+    "_neighborLocation_left": "_neighborLocation_left_1ql7e_gg_",
+    "_neighborLocation_right": "_neighborLocation_right_1ql7e_gg_",
+    "_neighborLocation_both": "_neighborLocation_both_1ql7e_gg_"
   })
 );
 class ButtonFHRoot extends Component {

package/lib/esm/components/checkbox/Checkbox.mjs

@@ -1,4 +1,4 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { sstyled, Component, assignProps, createComponent } from "@semcore/core";
 import Checkbox from "@semcore/checkbox";
 import React from "react";
@@ -8,13 +8,13 @@ const style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    '.___SHighlightedCheckbox_zq7su_gg_:not(._state_invalid_zq7su_gg_) [data-ui-name="Value.CheckMark"]{position:relative;transform:translate(0);border:1px solid transparent;border-radius:var(--intergalactic-addon-rounded, 4px);background:linear-gradient(white,white) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, rgb(210, 179, 255), rgb(176, 193, 254))) border-box;background-origin:border-box;background-clip:padding-box,border-box}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedCheckbox_zq7su_gg_:not(._state_invalid_zq7su_gg_) [data-ui-name="Value.CheckMark"]{background:linear-gradient(white,white) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, rgb(210, 179, 255), rgb(176, 193, 254))) border-box}@media (color-gamut:p3){.___SHighlightedCheckbox_zq7su_gg_:not(._state_invalid_zq7su_gg_) [data-ui-name="Value.CheckMark"]{background:linear-gradient(white,white) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, color(display-p3 0.80738 0.70018 0.99486), rgb(176, 193, 254))) border-box}}}.___SHighlightedCheckbox_zq7su_gg_:not(._state_invalid_zq7su_gg_) input[data-ui-name="CheckboxFH.Value"]:checked+[data-ui-name="Value.CheckMark"]{border-color:transparent;background:var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(148, 165, 245))) padding-box,var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(148, 165, 245))) border-box}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedCheckbox_zq7su_gg_:not(._state_invalid_zq7su_gg_) input[data-ui-name="CheckboxFH.Value"]:checked+[data-ui-name="Value.CheckMark"]{background:var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(148, 165, 245))) padding-box,var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(148, 165, 245))) border-box}@media (color-gamut:p3){.___SHighlightedCheckbox_zq7su_gg_:not(._state_invalid_zq7su_gg_) input[data-ui-name="CheckboxFH.Value"]:checked+[data-ui-name="Value.CheckMark"]{background:var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg in oklch, color(display-p3 0.72564 0.56096 0.98326), rgb(148, 165, 245))) padding-box,var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg in oklch, color(display-p3 0.72564 0.56096 0.98326), rgb(148, 165, 245))) border-box}}}.___SHighlightedCheckbox_zq7su_gg_:not(._state_invalid_zq7su_gg_) [data-ui-name="Value.CheckMark"]::before{content:"";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;margin:-5px;padding:1px;border-width:2px;border-radius:calc(var(--intergalactic-addon-rounded, 4px) + 3px);border-color:transparent;pointer-events:none;background:linear-gradient(white,white) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, rgb(210, 179, 255), rgb(176, 193, 254))) border-box;-webkit-mask:linear-gradient(0deg,#fff,#fff) content-box,linear-gradient(0deg,#fff,#fff);mask:linear-gradient(0deg,#fff,#fff) content-box,linear-gradient(0deg,#fff,#fff);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transform:scale(.9);transition:opacity calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,transform calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedCheckbox_zq7su_gg_:not(._state_invalid_zq7su_gg_) [data-ui-name="Value.CheckMark"]::before{background:linear-gradient(white,white) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, rgb(210, 179, 255), rgb(176, 193, 254))) border-box}@media (color-gamut:p3){.___SHighlightedCheckbox_zq7su_gg_:not(._state_invalid_zq7su_gg_) [data-ui-name="Value.CheckMark"]::before{background:linear-gradient(white,white) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, color(display-p3 0.80738 0.70018 0.99486), rgb(176, 193, 254))) border-box}}}.___SHighlightedCheckbox_zq7su_gg_:not(._state_invalid_zq7su_gg_) input[data-ui-name="CheckboxFH.Value"]:checked:not(:focus-visible)+[data-ui-name="Value.CheckMark"]::before{opacity:0;transform:scale(.9)}.___SHighlightedCheckbox_zq7su_gg_:not(._state_invalid_zq7su_gg_) input[data-ui-name="CheckboxFH.Value"]:focus-visible+[data-ui-name="Value.CheckMark"]::before{opacity:1;transform:scale(1)}.___SHighlightedCheckbox_zq7su_gg_:not(._state_invalid_zq7su_gg_) input[data-ui-name="CheckboxFH.Value"]:checked:focus-visible+[data-ui-name="Value.CheckMark"]::before{border-color:transparent;background:linear-gradient(white,white) padding-box,var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(148, 165, 245))) border-box}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedCheckbox_zq7su_gg_:not(._state_invalid_zq7su_gg_) input[data-ui-name="CheckboxFH.Value"]:checked:focus-visible+[data-ui-name="Value.CheckMark"]::before{background:linear-gradient(white,white) padding-box,var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(148, 165, 245))) border-box}@media (color-gamut:p3){.___SHighlightedCheckbox_zq7su_gg_:not(._state_invalid_zq7su_gg_) input[data-ui-name="CheckboxFH.Value"]:checked:focus-visible+[data-ui-name="Value.CheckMark"]::before{background:linear-gradient(white,white) padding-box,var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg in oklch, color(display-p3 0.72564 0.56096 0.98326), rgb(148, 165, 245))) border-box}}}',
+    '.___SHighlightedCheckbox_goyxa_gg_:not(._state_invalid_goyxa_gg_) [data-ui-name="Value.CheckMark"]{position:relative;transform:translate(0);border:1px solid #0000;border-radius:var(--intergalactic-addon-rounded,4px);background:linear-gradient(#fff,#fff) padding-box,var(--intergalactic-border-feature-highlight,linear-gradient(90deg in oklch,#d2b3ff,#b0c1fe)) border-box;background-origin:border-box;background-clip:padding-box,border-box}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedCheckbox_goyxa_gg_:not(._state_invalid_goyxa_gg_) [data-ui-name="Value.CheckMark"]{background:linear-gradient(#fff,#fff) padding-box,var(--intergalactic-border-feature-highlight,linear-gradient(90deg in oklch,#d2b3ff,#b0c1fe)) border-box}@media (color-gamut:p3){.___SHighlightedCheckbox_goyxa_gg_:not(._state_invalid_goyxa_gg_) [data-ui-name="Value.CheckMark"]{background:linear-gradient(#fff,#fff) padding-box,var(--intergalactic-border-feature-highlight,linear-gradient(90deg in oklch,color(display-p3 .80738 .70018 .99486),#b0c1fe)) border-box}}}.___SHighlightedCheckbox_goyxa_gg_:not(._state_invalid_goyxa_gg_) input[data-ui-name="CheckboxFH.Value"]:checked+[data-ui-name="Value.CheckMark"]{border-color:#0000;background:var(--intergalactic-border-feature-highlight-active,linear-gradient(90deg in oklch,#c08eff,#94a5f5)) padding-box,var(--intergalactic-border-feature-highlight-active,linear-gradient(90deg in oklch,#c08eff,#94a5f5)) border-box}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedCheckbox_goyxa_gg_:not(._state_invalid_goyxa_gg_) input[data-ui-name="CheckboxFH.Value"]:checked+[data-ui-name="Value.CheckMark"]{background:var(--intergalactic-border-feature-highlight-active,linear-gradient(90deg in oklch,#c08eff,#94a5f5)) padding-box,var(--intergalactic-border-feature-highlight-active,linear-gradient(90deg in oklch,#c08eff,#94a5f5)) border-box}@media (color-gamut:p3){.___SHighlightedCheckbox_goyxa_gg_:not(._state_invalid_goyxa_gg_) input[data-ui-name="CheckboxFH.Value"]:checked+[data-ui-name="Value.CheckMark"]{background:var(--intergalactic-border-feature-highlight-active,linear-gradient(90deg in oklch,color(display-p3 .72564 .56096 .98326),#94a5f5)) padding-box,var(--intergalactic-border-feature-highlight-active,linear-gradient(90deg in oklch,color(display-p3 .72564 .56096 .98326),#94a5f5)) border-box}}}.___SHighlightedCheckbox_goyxa_gg_:not(._state_invalid_goyxa_gg_) [data-ui-name="Value.CheckMark"]:before{content:"";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;margin:-5px;padding:1px;border-width:2px;border-radius:calc(var(--intergalactic-addon-rounded, 4px) + 3px);border-color:#0000;pointer-events:none;background:linear-gradient(#fff,#fff) padding-box,var(--intergalactic-border-feature-highlight,linear-gradient(90deg in oklch,#d2b3ff,#b0c1fe)) border-box;-webkit-mask:linear-gradient(0deg,#fff,#fff) content-box,linear-gradient(0deg,#fff,#fff);mask:linear-gradient(0deg,#fff,#fff) content-box,linear-gradient(0deg,#fff,#fff);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transform:scale(.9);transition:opacity calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,transform calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedCheckbox_goyxa_gg_:not(._state_invalid_goyxa_gg_) [data-ui-name="Value.CheckMark"]:before{background:linear-gradient(#fff,#fff) padding-box,var(--intergalactic-border-feature-highlight,linear-gradient(90deg in oklch,#d2b3ff,#b0c1fe)) border-box}@media (color-gamut:p3){.___SHighlightedCheckbox_goyxa_gg_:not(._state_invalid_goyxa_gg_) [data-ui-name="Value.CheckMark"]:before{background:linear-gradient(#fff,#fff) padding-box,var(--intergalactic-border-feature-highlight,linear-gradient(90deg in oklch,color(display-p3 .80738 .70018 .99486),#b0c1fe)) border-box}}}.___SHighlightedCheckbox_goyxa_gg_:not(._state_invalid_goyxa_gg_) input[data-ui-name="CheckboxFH.Value"]:checked:not(:focus-visible)+[data-ui-name="Value.CheckMark"]:before{opacity:0;transform:scale(.9)}.___SHighlightedCheckbox_goyxa_gg_:not(._state_invalid_goyxa_gg_) input[data-ui-name="CheckboxFH.Value"]:focus-visible+[data-ui-name="Value.CheckMark"]:before{opacity:1;transform:scale(1)}.___SHighlightedCheckbox_goyxa_gg_:not(._state_invalid_goyxa_gg_) input[data-ui-name="CheckboxFH.Value"]:checked:focus-visible+[data-ui-name="Value.CheckMark"]:before{border-color:#0000;background:linear-gradient(#fff,#fff) padding-box,var(--intergalactic-border-feature-highlight-active,linear-gradient(90deg in oklch,#c08eff,#94a5f5)) border-box}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedCheckbox_goyxa_gg_:not(._state_invalid_goyxa_gg_) input[data-ui-name="CheckboxFH.Value"]:checked:focus-visible+[data-ui-name="Value.CheckMark"]:before{background:linear-gradient(#fff,#fff) padding-box,var(--intergalactic-border-feature-highlight-active,linear-gradient(90deg in oklch,#c08eff,#94a5f5)) border-box}@media (color-gamut:p3){.___SHighlightedCheckbox_goyxa_gg_:not(._state_invalid_goyxa_gg_) input[data-ui-name="CheckboxFH.Value"]:checked:focus-visible+[data-ui-name="Value.CheckMark"]:before{background:linear-gradient(#fff,#fff) padding-box,var(--intergalactic-border-feature-highlight-active,linear-gradient(90deg in oklch,color(display-p3 .72564 .56096 .98326),#94a5f5)) border-box}}}',
     /*__inner_css_end__*/
-    "zq7su_gg_"
+    "goyxa_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SHighlightedCheckbox": "___SHighlightedCheckbox_zq7su_gg_",
-    "_state_invalid": "_state_invalid_zq7su_gg_"
+    "__SHighlightedCheckbox": "___SHighlightedCheckbox_goyxa_gg_",
+    "_state_invalid": "_state_invalid_goyxa_gg_"
   })
 );
 class CheckboxFHRoot extends Component {

package/lib/esm/components/input/Input.mjs

@@ -1,4 +1,4 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { sstyled, Component, assignProps, createComponent } from "@semcore/core";
 import SummaryAI from "@semcore/icon/SummaryAI/m";
 import Input from "@semcore/input";
@@ -8,18 +8,18 @@ const style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    '.___SHighlightedInput_1ryba_gg_._state_normal_1ryba_gg_ .___SOutline_1ryba_gg_{background:linear-gradient(white,white) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, rgb(210, 179, 255), rgb(176, 193, 254))) border-box;background-origin:border-box;background-clip:padding-box,border-box;border-color:transparent}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedInput_1ryba_gg_._state_normal_1ryba_gg_ .___SOutline_1ryba_gg_{background:linear-gradient(white,white) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, rgb(210, 179, 255), rgb(176, 193, 254))) border-box}@media (color-gamut:p3){.___SHighlightedInput_1ryba_gg_._state_normal_1ryba_gg_ .___SOutline_1ryba_gg_{background:linear-gradient(white,white) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, color(display-p3 0.80738 0.70018 0.99486), rgb(176, 193, 254))) border-box}}}.___SHighlightedInput_1ryba_gg_._state_normal_1ryba_gg_ .___SOutline_1ryba_gg_::before{content:"";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;margin:-3px;padding:3px;border-radius:calc(var(--intergalactic-control-rounded, 6px) + 3px);background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(102, 107, 219)));-webkit-mask:linear-gradient(0deg,#fff,#fff) content-box,linear-gradient(0deg,#fff,#fff);mask:linear-gradient(0deg,#fff,#fff) content-box,linear-gradient(0deg,#fff,#fff);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedInput_1ryba_gg_._state_normal_1ryba_gg_ .___SOutline_1ryba_gg_::before{background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(102, 107, 219)))}@media (color-gamut:p3){.___SHighlightedInput_1ryba_gg_._state_normal_1ryba_gg_ .___SOutline_1ryba_gg_::before{background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg in oklch, color(display-p3 0.72564 0.56096 0.98326), rgb(102, 107, 219)))}}}.___SHighlightedInput_1ryba_gg_._state_normal_1ryba_gg_:has(.___SValue_1ryba_gg_:focus-visible) .___SOutline_1ryba_gg_{outline:0}.___SHighlightedInput_1ryba_gg_._state_normal_1ryba_gg_:has(.___SValue_1ryba_gg_:focus-visible) .___SOutline_1ryba_gg_::before{opacity:1}.___SHighlightedInput_1ryba_gg_._state_normal_1ryba_gg_._neighborLocation_left_1ryba_gg_ .___SOutline_1ryba_gg_::before{border-top-left-radius:0;border-bottom-left-radius:0}.___SHighlightedInput_1ryba_gg_._state_normal_1ryba_gg_._neighborLocation_right_1ryba_gg_ .___SOutline_1ryba_gg_::before{border-top-right-radius:0;border-bottom-right-radius:0}.___SHighlightedInput_1ryba_gg_._state_normal_1ryba_gg_._neighborLocation_both_1ryba_gg_ .___SOutline_1ryba_gg_::before{border-radius:0}@supports not (-webkit-mask-composite:xor){.___SHighlightedInput_1ryba_gg_._state_normal_1ryba_gg_:has(.___SValue_1ryba_gg_:focus-visible) .___SOutline_1ryba_gg_{outline:0;border-color:#7078fc;box-shadow:0 0 0 0#fff,0 0 0 2px #7078fc}.___SHighlightedInput_1ryba_gg_._state_normal_1ryba_gg_:has(.___SValue_1ryba_gg_:focus-visible) .___SOutline_1ryba_gg_::before{display:none}}',
+    '.___SHighlightedInput_82xo3_gg_._state_normal_82xo3_gg_ .___SOutline_82xo3_gg_{background:linear-gradient(#fff,#fff) padding-box,var(--intergalactic-border-feature-highlight,linear-gradient(90deg in oklch,#d2b3ff,#b0c1fe)) border-box;background-origin:border-box;background-clip:padding-box,border-box;border-color:#0000}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedInput_82xo3_gg_._state_normal_82xo3_gg_ .___SOutline_82xo3_gg_{background:linear-gradient(#fff,#fff) padding-box,var(--intergalactic-border-feature-highlight,linear-gradient(90deg in oklch,#d2b3ff,#b0c1fe)) border-box}@media (color-gamut:p3){.___SHighlightedInput_82xo3_gg_._state_normal_82xo3_gg_ .___SOutline_82xo3_gg_{background:linear-gradient(#fff,#fff) padding-box,var(--intergalactic-border-feature-highlight,linear-gradient(90deg in oklch,color(display-p3 .80738 .70018 .99486),#b0c1fe)) border-box}}}.___SHighlightedInput_82xo3_gg_._state_normal_82xo3_gg_ .___SOutline_82xo3_gg_:before{content:"";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;margin:-3px;padding:3px;border-radius:calc(var(--intergalactic-control-rounded, 6px) + 3px);background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline,linear-gradient(90deg in oklch,#c08eff,#666bdb));-webkit-mask:linear-gradient(0deg,#fff,#fff) content-box,linear-gradient(0deg,#fff,#fff);mask:linear-gradient(0deg,#fff,#fff) content-box,linear-gradient(0deg,#fff,#fff);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedInput_82xo3_gg_._state_normal_82xo3_gg_ .___SOutline_82xo3_gg_:before{background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline,linear-gradient(90deg in oklch,#c08eff,#666bdb))}@media (color-gamut:p3){.___SHighlightedInput_82xo3_gg_._state_normal_82xo3_gg_ .___SOutline_82xo3_gg_:before{background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline,linear-gradient(90deg in oklch,color(display-p3 .72564 .56096 .98326),#666bdb))}}}.___SHighlightedInput_82xo3_gg_._state_normal_82xo3_gg_:has(.___SValue_82xo3_gg_:focus-visible) .___SOutline_82xo3_gg_{outline:none}.___SHighlightedInput_82xo3_gg_._state_normal_82xo3_gg_:has(.___SValue_82xo3_gg_:focus-visible) .___SOutline_82xo3_gg_:before{opacity:1}.___SHighlightedInput_82xo3_gg_._state_normal_82xo3_gg_._neighborLocation_left_82xo3_gg_ .___SOutline_82xo3_gg_:before{border-top-left-radius:0;border-bottom-left-radius:0}.___SHighlightedInput_82xo3_gg_._state_normal_82xo3_gg_._neighborLocation_right_82xo3_gg_ .___SOutline_82xo3_gg_:before{border-top-right-radius:0;border-bottom-right-radius:0}.___SHighlightedInput_82xo3_gg_._state_normal_82xo3_gg_._neighborLocation_both_82xo3_gg_ .___SOutline_82xo3_gg_:before{border-radius:0}@supports not (-webkit-mask-composite:xor){.___SHighlightedInput_82xo3_gg_._state_normal_82xo3_gg_:has(.___SValue_82xo3_gg_:focus-visible) .___SOutline_82xo3_gg_{outline:none;border-color:#7078fc;box-shadow:0 0 0 0 #fff,0 0 0 2px #7078fc}.___SHighlightedInput_82xo3_gg_._state_normal_82xo3_gg_:has(.___SValue_82xo3_gg_:focus-visible) .___SOutline_82xo3_gg_:before{display:none}}',
     /*__inner_css_end__*/
-    "1ryba_gg_"
+    "82xo3_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SHighlightedInput": "___SHighlightedInput_1ryba_gg_",
-    "_state_normal": "_state_normal_1ryba_gg_",
-    "__SValue": "___SValue_1ryba_gg_",
-    "__SOutline": "___SOutline_1ryba_gg_",
-    "_neighborLocation_left": "_neighborLocation_left_1ryba_gg_",
-    "_neighborLocation_right": "_neighborLocation_right_1ryba_gg_",
-    "_neighborLocation_both": "_neighborLocation_both_1ryba_gg_"
+    "__SHighlightedInput": "___SHighlightedInput_82xo3_gg_",
+    "_state_normal": "_state_normal_82xo3_gg_",
+    "__SValue": "___SValue_82xo3_gg_",
+    "__SOutline": "___SOutline_82xo3_gg_",
+    "_neighborLocation_left": "_neighborLocation_left_82xo3_gg_",
+    "_neighborLocation_right": "_neighborLocation_right_82xo3_gg_",
+    "_neighborLocation_both": "_neighborLocation_both_82xo3_gg_"
   })
 );
 class InputFHRoot extends Component {

package/lib/esm/components/notice/Notice.mjs

@@ -1,4 +1,4 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { sstyled, Component, assignProps, createComponent } from "@semcore/core";
 import { isAdvanceMode } from "@semcore/core/lib/utils/findComponent";
 import isNode from "@semcore/core/lib/utils/isNode";
@@ -9,16 +9,16 @@ const style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    '.___SHighlightedNotice_1slbx_gg_.__beforeVisibility_1slbx_gg_{background-image:var(--intergalactic-bg-secondary-feature-highlight, linear-gradient(90deg in oklch, rgb(247, 243, 255), rgb(222, 231, 255)));border-color:transparent;background-clip:padding-box;position:relative}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedNotice_1slbx_gg_.__beforeVisibility_1slbx_gg_{background-image:var(--intergalactic-bg-secondary-feature-highlight, linear-gradient(90deg in oklch, rgb(247, 243, 255), rgb(222, 231, 255)))}@media (color-gamut:p3){.___SHighlightedNotice_1slbx_gg_.__beforeVisibility_1slbx_gg_{background-image:var(--intergalactic-bg-secondary-feature-highlight, linear-gradient(90deg in oklch, color(display-p3 0.96716 0.95079 0.99961), color(display-p3 0.87344 0.9059 0.99962)))}}}.___SHighlightedNotice_1slbx_gg_.__beforeVisibility_1slbx_gg_:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;margin:-1px;border-radius:inherit;visibility:var(--beforeVisibility_1slbx);background:var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, rgb(210, 179, 255), rgb(176, 193, 254))  ) border-box,var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(148, 165, 245))) padding-box}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedNotice_1slbx_gg_.__beforeVisibility_1slbx_gg_:before{background:var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, rgb(210, 179, 255), rgb(176, 193, 254))  ) border-box,var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(148, 165, 245))) padding-box}@media (color-gamut:p3){.___SHighlightedNotice_1slbx_gg_.__beforeVisibility_1slbx_gg_:before{background:var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, color(display-p3 0.80738 0.70018 0.99486), rgb(176, 193, 254))  ) border-box,var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg in oklch, color(display-p3 0.72564 0.56096 0.98326), rgb(148, 165, 245))) padding-box}}}.___SHighlightedNotice_1slbx_gg_.__beforeVisibility_1slbx_gg_ .___SLabel_1slbx_gg_{color:var(--intergalactic-icon-primary-feature-highlight, rgb(144, 65, 250))}.___SHighlightedNotice_1slbx_gg_.__beforeVisibility_1slbx_gg_ .___SCloseIcon_1slbx_gg_{color:var(--intergalactic-icon-primary-neutral, rgba(0, 4, 1, 0.526))}@media (hover:hover){.___SHighlightedNotice_1slbx_gg_.__beforeVisibility_1slbx_gg_ .___SCloseIcon_1slbx_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active, rgba(0, 3, 0, 0.583))}@supports (color:color(display-p3 0 0 0%)){.___SHighlightedNotice_1slbx_gg_.__beforeVisibility_1slbx_gg_ .___SCloseIcon_1slbx_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SHighlightedNotice_1slbx_gg_.__beforeVisibility_1slbx_gg_ .___SCloseIcon_1slbx_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}}',
+    '.___SHighlightedNotice_v4i66_gg_.__beforeVisibility_v4i66_gg_{background-image:var(--intergalactic-bg-secondary-feature-highlight,linear-gradient(90deg in oklch,#f7f3ff,#dee7ff));border-color:#0000;background-clip:padding-box;position:relative}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedNotice_v4i66_gg_.__beforeVisibility_v4i66_gg_{background-image:var(--intergalactic-bg-secondary-feature-highlight,linear-gradient(90deg in oklch,#f7f3ff,#dee7ff))}@media (color-gamut:p3){.___SHighlightedNotice_v4i66_gg_.__beforeVisibility_v4i66_gg_{background-image:var(--intergalactic-bg-secondary-feature-highlight,linear-gradient(90deg in oklch,color(display-p3 .96716 .95079 .99961),color(display-p3 .87344 .9059 .99962)))}}}.___SHighlightedNotice_v4i66_gg_.__beforeVisibility_v4i66_gg_:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;margin:-1px;border-radius:inherit;visibility:var(--beforeVisibility_v4i66);background:var(--intergalactic-border-feature-highlight,linear-gradient(90deg in oklch,#d2b3ff,#b0c1fe)) border-box,var(--intergalactic-border-feature-highlight-active,linear-gradient(90deg in oklch,#c08eff,#94a5f5)) padding-box}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedNotice_v4i66_gg_.__beforeVisibility_v4i66_gg_:before{background:var(--intergalactic-border-feature-highlight,linear-gradient(90deg in oklch,#d2b3ff,#b0c1fe)) border-box,var(--intergalactic-border-feature-highlight-active,linear-gradient(90deg in oklch,#c08eff,#94a5f5)) padding-box}@media (color-gamut:p3){.___SHighlightedNotice_v4i66_gg_.__beforeVisibility_v4i66_gg_:before{background:var(--intergalactic-border-feature-highlight,linear-gradient(90deg in oklch,color(display-p3 .80738 .70018 .99486),#b0c1fe)) border-box,var(--intergalactic-border-feature-highlight-active,linear-gradient(90deg in oklch,color(display-p3 .72564 .56096 .98326),#94a5f5)) padding-box}}}.___SHighlightedNotice_v4i66_gg_.__beforeVisibility_v4i66_gg_ .___SLabel_v4i66_gg_{color:var(--intergalactic-icon-primary-feature-highlight,#9041fa)}.___SHighlightedNotice_v4i66_gg_.__beforeVisibility_v4i66_gg_ .___SCloseIcon_v4i66_gg_{color:var(--intergalactic-icon-primary-neutral,#00040186)}@media (hover:hover){.___SHighlightedNotice_v4i66_gg_.__beforeVisibility_v4i66_gg_ .___SCloseIcon_v4i66_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active,#00030095)}@supports (color:color(display-p3 0 0 0%)){.___SHighlightedNotice_v4i66_gg_.__beforeVisibility_v4i66_gg_ .___SCloseIcon_v4i66_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active,#00030095)}@media (color-gamut:p3){.___SHighlightedNotice_v4i66_gg_.__beforeVisibility_v4i66_gg_ .___SCloseIcon_v4i66_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active,color(display-p3 .00228 .01289 .00252/.583))}}}}',
     /*__inner_css_end__*/
-    "1slbx_gg_"
+    "v4i66_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SHighlightedNotice": "___SHighlightedNotice_1slbx_gg_",
-    "_beforeVisibility": "__beforeVisibility_1slbx_gg_",
-    "--beforeVisibility": "--beforeVisibility_1slbx",
-    "__SLabel": "___SLabel_1slbx_gg_",
-    "__SCloseIcon": "___SCloseIcon_1slbx_gg_"
+    "__SHighlightedNotice": "___SHighlightedNotice_v4i66_gg_",
+    "_beforeVisibility": "__beforeVisibility_v4i66_gg_",
+    "--beforeVisibility": "--beforeVisibility_v4i66",
+    "__SLabel": "___SLabel_v4i66_gg_",
+    "__SCloseIcon": "___SCloseIcon_v4i66_gg_"
   })
 );
 class NoticeFHRoot extends Component {

package/lib/esm/components/notice/notice.shadow.css

@@ -13,8 +13,7 @@ SHighlightedNotice[beforeVisibility] {
     border-radius: inherit;
     visibility: var(--beforeVisibility);
 
-    background: var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, oklch(0.82 0.118 303), oklch(0.82 0.088 272.1))
-  ) border-box, var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg in oklch, oklch(0.74 0.17 303), oklch(0.74 0.117 274.1))) padding-box;
+    background: var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, oklch(0.82 0.118 303), oklch(0.82 0.088 272.1))) border-box, var(--intergalactic-border-feature-highlight-active, linear-gradient(90deg in oklch, oklch(0.74 0.17 303), oklch(0.74 0.117 274.1))) padding-box;
   }
 
   & SLabel {
@@ -28,4 +27,4 @@ SHighlightedNotice[beforeVisibility] {
       color: var(--intergalactic-icon-primary-neutral-hover-active, oklch(0.088 0.026 147.7 / 0.583));
     }
   }
-}
+}

package/lib/esm/components/pills/Pills.mjs

@@ -1,4 +1,4 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { sstyled, Component, assignProps, createComponent } from "@semcore/core";
 import SummaryAI from "@semcore/icon/SummaryAI/m";
 import Pills from "@semcore/pills";
@@ -9,17 +9,17 @@ const style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    '.___SHighlightedPill_126ap_gg_{border:1px solid transparent;background:linear-gradient(white,white) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, rgb(210, 179, 255), rgb(176, 193, 254))) border-box;background-origin:border-box;background-clip:padding-box,border-box;z-index:1;position:relative}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedPill_126ap_gg_{background:linear-gradient(white,white) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, rgb(210, 179, 255), rgb(176, 193, 254))) border-box}@media (color-gamut:p3){.___SHighlightedPill_126ap_gg_{background:linear-gradient(white,white) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, color(display-p3 0.80738 0.70018 0.99486), rgb(176, 193, 254))) border-box}}}.___SHighlightedPill_126ap_gg_::before{content:"";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;margin:-5px;padding:2px;border-radius:calc(var(--intergalactic-control-rounded, 6px) + 3px);background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(102, 107, 219)));-webkit-mask:linear-gradient(0deg,#fff,#fff) content-box,linear-gradient(0deg,#fff,#fff);mask:linear-gradient(0deg,#fff,#fff) content-box,linear-gradient(0deg,#fff,#fff);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transform:scale(.96);will-change:opacity,transform;transition:opacity calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,transform calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedPill_126ap_gg_::before{background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg in oklch, rgb(192, 142, 255), rgb(102, 107, 219)))}@media (color-gamut:p3){.___SHighlightedPill_126ap_gg_::before{background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline, linear-gradient(90deg in oklch, color(display-p3 0.72564 0.56096 0.98326), rgb(102, 107, 219)))}}}.___SHighlightedPill_126ap_gg_._neighborLocation_left_126ap_gg_::before{border-top-left-radius:0;border-bottom-left-radius:0}.___SHighlightedPill_126ap_gg_._neighborLocation_right_126ap_gg_::before{border-top-right-radius:0;border-bottom-right-radius:0}.___SHighlightedPill_126ap_gg_._neighborLocation_both_126ap_gg_::before{border-radius:0}@media (hover:hover){.___SHighlightedPill_126ap_gg_:hover{background:var(--intergalactic-bg-primary-feature-highlight-hover-active, linear-gradient(90deg in oklch, rgb(247, 243, 255), rgb(222, 231, 255))) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, rgb(210, 179, 255), rgb(176, 193, 254))) border-box}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedPill_126ap_gg_:hover{background:var(--intergalactic-bg-primary-feature-highlight-hover-active, linear-gradient(90deg in oklch, rgb(247, 243, 255), rgb(222, 231, 255))) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, rgb(210, 179, 255), rgb(176, 193, 254))) border-box}@media (color-gamut:p3){.___SHighlightedPill_126ap_gg_:hover{background:var(--intergalactic-bg-primary-feature-highlight-hover-active, linear-gradient(90deg in oklch, color(display-p3 0.96716 0.95079 0.99961), color(display-p3 0.87344 0.9059 0.99962))) padding-box,var(--intergalactic-border-feature-highlight, linear-gradient(90deg in oklch, color(display-p3 0.80738 0.70018 0.99486), rgb(176, 193, 254))) border-box}}}}.___SHighlightedPill_126ap_gg_.__selected_126ap_gg_{background:var(--intergalactic-bg-primary-feature-highlight-hover-active, linear-gradient(90deg in oklch, rgb(247, 243, 255), rgb(222, 231, 255))) padding-box,var(--intergalactic-control-primary-feature-highlight-hover, linear-gradient(90deg in oklch, rgb(162, 97, 253), rgb(148, 165, 245))) border-box;background-origin:border-box;background-clip:padding-box,border-box;border-color:transparent}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedPill_126ap_gg_.__selected_126ap_gg_{background:var(--intergalactic-bg-primary-feature-highlight-hover-active, linear-gradient(90deg in oklch, rgb(247, 243, 255), rgb(222, 231, 255))) padding-box,var(--intergalactic-control-primary-feature-highlight-hover, linear-gradient(90deg in oklch, rgb(162, 97, 253), rgb(148, 165, 245))) border-box}@media (color-gamut:p3){.___SHighlightedPill_126ap_gg_.__selected_126ap_gg_{background:var(--intergalactic-bg-primary-feature-highlight-hover-active, linear-gradient(90deg in oklch, color(display-p3 0.96716 0.95079 0.99961), color(display-p3 0.87344 0.9059 0.99962))) padding-box,var(--intergalactic-control-primary-feature-highlight-hover, linear-gradient(90deg in oklch, rgb(162, 97, 253), rgb(148, 165, 245))) border-box}}}.___SPills_126ap_gg_ .___SHighlightedPill_126ap_gg_:focus-visible{outline:0}.___SPills_126ap_gg_ .___SHighlightedPill_126ap_gg_:focus-visible::before{opacity:1;transform:scale(1)}@supports not (-webkit-mask-composite:xor){.___SHighlightedPill_126ap_gg_:focus-visible{outline:0;box-shadow:0 0 0 2px #fff,0 0 0 4px #7078fc}.___SHighlightedPill_126ap_gg_:focus-visible::before{display:none}}',
+    '.___SHighlightedPill_1l6cc_gg_{border:1px solid #0000;background:linear-gradient(#fff,#fff) padding-box,var(--intergalactic-border-feature-highlight,linear-gradient(90deg in oklch,#d2b3ff,#b0c1fe)) border-box;background-origin:border-box;background-clip:padding-box,border-box;z-index:1;position:relative}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedPill_1l6cc_gg_{background:linear-gradient(#fff,#fff) padding-box,var(--intergalactic-border-feature-highlight,linear-gradient(90deg in oklch,#d2b3ff,#b0c1fe)) border-box}@media (color-gamut:p3){.___SHighlightedPill_1l6cc_gg_{background:linear-gradient(#fff,#fff) padding-box,var(--intergalactic-border-feature-highlight,linear-gradient(90deg in oklch,color(display-p3 .80738 .70018 .99486),#b0c1fe)) border-box}}}.___SHighlightedPill_1l6cc_gg_:before{content:"";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;margin:-5px;padding:2px;border-radius:calc(var(--intergalactic-control-rounded, 6px) + 3px);background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline,linear-gradient(90deg in oklch,#c08eff,#666bdb));-webkit-mask:linear-gradient(0deg,#fff,#fff) content-box,linear-gradient(0deg,#fff,#fff);mask:linear-gradient(0deg,#fff,#fff) content-box,linear-gradient(0deg,#fff,#fff);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transform:scale(.96);will-change:opacity,transform;transition:opacity calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,transform calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedPill_1l6cc_gg_:before{background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline,linear-gradient(90deg in oklch,#c08eff,#666bdb))}@media (color-gamut:p3){.___SHighlightedPill_1l6cc_gg_:before{background-image:var(--intergalactic-keyboard-focus-feature-highlight-outline,linear-gradient(90deg in oklch,color(display-p3 .72564 .56096 .98326),#666bdb))}}}.___SHighlightedPill_1l6cc_gg_._neighborLocation_left_1l6cc_gg_:before{border-top-left-radius:0;border-bottom-left-radius:0}.___SHighlightedPill_1l6cc_gg_._neighborLocation_right_1l6cc_gg_:before{border-top-right-radius:0;border-bottom-right-radius:0}.___SHighlightedPill_1l6cc_gg_._neighborLocation_both_1l6cc_gg_:before{border-radius:0}@media (hover:hover){.___SHighlightedPill_1l6cc_gg_:hover{background:var(--intergalactic-bg-primary-feature-highlight-hover-active,linear-gradient(90deg in oklch,#f7f3ff,#dee7ff)) padding-box,var(--intergalactic-border-feature-highlight,linear-gradient(90deg in oklch,#d2b3ff,#b0c1fe)) border-box}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedPill_1l6cc_gg_:hover{background:var(--intergalactic-bg-primary-feature-highlight-hover-active,linear-gradient(90deg in oklch,#f7f3ff,#dee7ff)) padding-box,var(--intergalactic-border-feature-highlight,linear-gradient(90deg in oklch,#d2b3ff,#b0c1fe)) border-box}@media (color-gamut:p3){.___SHighlightedPill_1l6cc_gg_:hover{background:var(--intergalactic-bg-primary-feature-highlight-hover-active,linear-gradient(90deg in oklch,color(display-p3 .96716 .95079 .99961),color(display-p3 .87344 .9059 .99962))) padding-box,var(--intergalactic-border-feature-highlight,linear-gradient(90deg in oklch,color(display-p3 .80738 .70018 .99486),#b0c1fe)) border-box}}}}.___SHighlightedPill_1l6cc_gg_.__selected_1l6cc_gg_{background:var(--intergalactic-bg-primary-feature-highlight-hover-active,linear-gradient(90deg in oklch,#f7f3ff,#dee7ff)) padding-box,var(--intergalactic-control-primary-feature-highlight-hover,linear-gradient(90deg in oklch,#a261fd,#94a5f5)) border-box;background-origin:border-box;background-clip:padding-box,border-box;border-color:#0000}@supports (background:linear-gradient(in oklch,red 0%,red 0% 1%,red 2%)) and (color:color(display-p3 0 0 0%)){.___SHighlightedPill_1l6cc_gg_.__selected_1l6cc_gg_{background:var(--intergalactic-bg-primary-feature-highlight-hover-active,linear-gradient(90deg in oklch,#f7f3ff,#dee7ff)) padding-box,var(--intergalactic-control-primary-feature-highlight-hover,linear-gradient(90deg in oklch,#a261fd,#94a5f5)) border-box}@media (color-gamut:p3){.___SHighlightedPill_1l6cc_gg_.__selected_1l6cc_gg_{background:var(--intergalactic-bg-primary-feature-highlight-hover-active,linear-gradient(90deg in oklch,color(display-p3 .96716 .95079 .99961),color(display-p3 .87344 .9059 .99962))) padding-box,var(--intergalactic-control-primary-feature-highlight-hover,linear-gradient(90deg in oklch,#a261fd,#94a5f5)) border-box}}}.___SPills_1l6cc_gg_ .___SHighlightedPill_1l6cc_gg_:focus-visible{outline:none}.___SPills_1l6cc_gg_ .___SHighlightedPill_1l6cc_gg_:focus-visible:before{opacity:1;transform:scale(1)}@supports not (-webkit-mask-composite:xor){.___SHighlightedPill_1l6cc_gg_:focus-visible{outline:none;box-shadow:0 0 0 2px #fff,0 0 0 4px #7078fc}.___SHighlightedPill_1l6cc_gg_:focus-visible:before{display:none}}',
     /*__inner_css_end__*/
-    "126ap_gg_"
+    "1l6cc_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SHighlightedPill": "___SHighlightedPill_126ap_gg_",
-    "_neighborLocation_left": "_neighborLocation_left_126ap_gg_",
-    "_neighborLocation_right": "_neighborLocation_right_126ap_gg_",
-    "_neighborLocation_both": "_neighborLocation_both_126ap_gg_",
-    "_selected": "__selected_126ap_gg_",
-    "__SPills": "___SPills_126ap_gg_"
+    "__SHighlightedPill": "___SHighlightedPill_1l6cc_gg_",
+    "_neighborLocation_left": "_neighborLocation_left_1l6cc_gg_",
+    "_neighborLocation_right": "_neighborLocation_right_1l6cc_gg_",
+    "_neighborLocation_both": "_neighborLocation_both_1l6cc_gg_",
+    "_selected": "__selected_1l6cc_gg_",
+    "__SPills": "___SPills_1l6cc_gg_"
   })
 );
 class PillsFHRoot extends Component {
@@ -83,12 +83,13 @@ function HighlightedItemAddon(props) {
     count: animatedSparkleCount
   })));
 }
+const HighlightedItem = createComponent(HighlightedItemRoot, {
+  Text: Pills.Item.Text,
+  Addon: HighlightedItemAddon
+});
 const PillsFH = createComponent(PillsFHRoot, {
   Item: Pills.Item,
-  HighlightedItem: createComponent(HighlightedItemRoot, {
-    Text: Pills.Item.Text,
-    Addon: HighlightedItemAddon
-  })
+  HighlightedItem
 });
 export {
   PillsFH