@bolerish/ui 0.12.0 → 0.15.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/_tokens.js.map +1 -1
- package/dist/alert-dialog.js +69 -17
- package/dist/alert-dialog.js.map +3 -3
- package/dist/attachment.js +89 -10
- package/dist/attachment.js.map +4 -4
- package/dist/button-group.js +87 -8
- package/dist/button-group.js.map +4 -4
- package/dist/button.d.ts +12 -4
- package/dist/button.js +82 -31
- package/dist/button.js.map +4 -4
- package/dist/calendar.js +18 -13
- package/dist/calendar.js.map +2 -2
- package/dist/card.js +70 -18
- package/dist/card.js.map +3 -3
- package/dist/carousel.d.ts +2 -2
- package/dist/carousel.js +78 -43
- package/dist/carousel.js.map +2 -2
- package/dist/combobox.d.ts +2 -1
- package/dist/combobox.js +140 -77
- package/dist/combobox.js.map +3 -3
- package/dist/date-picker.js +152 -37
- package/dist/date-picker.js.map +4 -4
- package/dist/dialog.d.ts +1 -1
- package/dist/dialog.js +69 -17
- package/dist/dialog.js.map +3 -3
- package/dist/drawer.js +73 -21
- package/dist/drawer.js.map +3 -3
- package/dist/dropdown-menu.d.ts +1 -1
- package/dist/dropdown-menu.js +77 -21
- package/dist/dropdown-menu.js.map +3 -3
- package/dist/global.css +28 -0
- package/dist/gradient.d.ts +11 -0
- package/dist/gradient.js +34 -0
- package/dist/gradient.js.map +7 -0
- package/dist/hover-card.d.ts +1 -1
- package/dist/hover-card.js +66 -14
- package/dist/hover-card.js.map +3 -3
- package/dist/index.d.ts +4 -2
- package/dist/index.js +17 -15
- package/dist/index.js.map +2 -2
- package/dist/input-group.d.ts +1 -1
- package/dist/input-group.js +111 -44
- package/dist/input-group.js.map +4 -4
- package/dist/input-otp.js +85 -6
- package/dist/input-otp.js.map +4 -4
- package/dist/input.d.ts +1 -1
- package/dist/input.js +122 -17
- package/dist/input.js.map +4 -4
- package/dist/item.d.ts +32 -0
- package/dist/{content-row.js → item.js} +103 -24
- package/dist/item.js.map +7 -0
- package/dist/menubar.d.ts +1 -1
- package/dist/menubar.js +66 -14
- package/dist/menubar.js.map +3 -3
- package/dist/native-select.js +102 -22
- package/dist/native-select.js.map +4 -4
- package/dist/navigation-menu.js +71 -19
- package/dist/navigation-menu.js.map +3 -3
- package/dist/pagination.js +2 -0
- package/dist/pagination.js.map +2 -2
- package/dist/popover.js +70 -16
- package/dist/popover.js.map +3 -3
- package/dist/select.js +75 -18
- package/dist/select.js.map +3 -3
- package/dist/slider.d.ts +1 -1
- package/dist/slider.js +60 -48
- package/dist/slider.js.map +2 -2
- package/dist/styles/surface.d.ts +152 -13
- package/dist/stylex.css +236 -44
- package/dist/textarea.js +81 -2
- package/dist/textarea.js.map +4 -4
- package/dist/theme.js +2 -2
- package/dist/theme.js.map +1 -1
- package/dist/toast.d.ts +3 -1
- package/dist/toast.js +127 -61
- package/dist/toast.js.map +3 -3
- package/dist/toggle-group.js +83 -4
- package/dist/toggle-group.js.map +4 -4
- package/dist/toggle.js +81 -2
- package/dist/toggle.js.map +4 -4
- package/dist/tooltip.d.ts +1 -1
- package/dist/tooltip.js +85 -2
- package/dist/tooltip.js.map +4 -4
- package/package.json +12 -13
- package/configuration_schema.json +0 -105
- package/dist/cli.js +0 -6
- package/dist/cli.js.map +0 -7
- package/dist/content-row.d.ts +0 -32
- package/dist/content-row.js.map +0 -7
package/dist/toggle-group.js.map
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
|
-
"sources": ["../src/toggle-group.tsx", "../src/styles/merge-styles.ts"],
|
|
4
|
-
"sourcesContent": ["\"use client\";\n\nimport { c as _c } from \"react/compiler-runtime\";\nimport { Toggle as TogglePrimitive } from \"@base-ui/react/toggle\";\nimport { ToggleGroup as ToggleGroupPrimitive } from \"@base-ui/react/toggle-group\";\nimport { colorVars, motionVars, radiusVars, sizeVars, spacingVars, typo } from \"@bolerish/tokens/semantic.stylex\";\nimport * as stylex from \"@stylexjs/stylex\";\nimport { createContext, useContext, type ComponentProps, type ReactNode } from \"react\";\nimport type { ControlLayoutStyles, ControlPlacementStyles } from \"./styles/control-layout\";\nimport { mergeStyles } from \"./styles/merge-styles\";\nimport type { StyledProps } from \"./styles/merge-styles\";\nimport type { ToggleSize, ToggleVariant } from \"./toggle\";\nconst styles = {\n root: {\n kGNEyG: \"x6s0dn4\",\n k1xSpc: \"x3nfvp2\",\n kzqmXN: \"xeq5yr9\",\n $$css: true\n },\n outlineItem: {\n kVAM5u: \"x9r1u3d\",\n kaIpWk: \"x2u8bby\",\n keTefX: \"x1hb08if\",\n kiQ9C1: \"x15hlyvw\",\n kWfW7Y: \"x6kgtcc\",\n k2IYYg: \"x1xzjtzd\",\n k1boJ8: \"xopb9it\",\n $$css: true\n },\n item: {\n kGNEyG: \"x6s0dn4\",\n kVAM5u: \"x9r1u3d\",\n kaIpWk: \"x1p5vitp\",\n ksu8eU: \"x1y0btm7\",\n kMzoRj: \"x1al7nqq\",\n kMwMTN: \"x1t28c4i\",\n kkrTdU: \"x1ypdohk\",\n k1xSpc: \"x3nfvp2\",\n kGuDYH: \"x1lskvfa\",\n k63SB2: \"xoop9yj\",\n kOIVth: \"x7gjopr\",\n kjj79g: \"xl56j7k\",\n kHBbk8: \"xc8icb0\",\n kI3sdo: \"x1a2a7pz\",\n kVAEAm: \"x1n2onr6\",\n kIyJzY: \"xznvecg\",\n k1ekBW: \"x1qsmvhx\",\n kAMwcw: \"xrkjf8i\",\n ks3ayO: \"x17ctvpv xb90rde xn0w0t3\",\n kUfP38: \"x1k48kgn\",\n k5JduY: \"x1s928wv\",\n kv0HGH: \"xarstr8\",\n kloYau: \"x2q1x1w\",\n kwXMNM: \"x1j6awrg\",\n kPNhGg: \"x1byudbu\",\n kRicXK: \"x1ywzrc5\",\n kA8PQs: \"xe2lpi4\",\n kDVEDD: \"xi4xitw\",\n kZs9gx: \"x768paa\",\n kiEn40: \"x1m0b1kh\",\n k7shQP: \"x9v5kkp\",\n kPJHz1: \"x1k4h2j2\",\n kYPGJ8: \"x1s07b3s\",\n $$css: true\n },\n softPressed: {\n kWkggS: \"x14itwj6\",\n $$css: true\n },\n itemPressed: {\n kWkggS: \"xi3myl\",\n kMwMTN: \"x1t28c4i\",\n $$css: true\n },\n outlinePressed: {\n kGVxlE: \"xzq8p8k\",\n $$css: true\n },\n unavailable: {\n kWkggS: \"xx34gk8\",\n $$css: true\n },\n itemDisabled: {\n kMwMTN: \"xdmzwdx\",\n kkrTdU: \"x1h6gzvc\",\n $$css: true\n }\n};\nconst variantStyles = {\n default: {\n kOIVth: \"x7gjopr\",\n $$css: true\n },\n soft: {\n kOIVth: \"x6bpos\",\n kmVPX3: \"xzsj1fb\",\n kWkggS: \"xmqg8ag\",\n kVAM5u: \"x1kqtvf4\",\n ksu8eU: \"x1y0btm7\",\n kMzoRj: \"x1al7nqq\",\n kaIpWk: \"x1p5vitp\",\n $$css: true\n },\n outline: {\n kWkggS: \"xcc0o6n\",\n kVAM5u: \"x1kqtvf4\",\n kaIpWk: \"x1p5vitp\",\n ksu8eU: \"x1y0btm7\",\n kMzoRj: \"x1al7nqq\",\n kOIVth: \"xxhr3t\",\n $$css: true\n }\n};\nconst itemSizeStyles = {\n sm: {\n kZKoxP: \"x1dvwle6\",\n k7Eaqz: \"xbl05st\",\n kg3NbH: \"x1gr5eyh\",\n $$css: true\n },\n md: {\n kZKoxP: \"x1f00wt4\",\n k7Eaqz: \"x1gxa3zx\",\n kg3NbH: \"x5044ve\",\n $$css: true\n },\n lg: {\n kZKoxP: \"x4rnblq\",\n k7Eaqz: \"x1msgxsh\",\n kg3NbH: \"x9eqyeb\",\n $$css: true\n }\n};\nconst itemVariantStyles = {\n default: {\n kWkggS: \"xjbqb8w\",\n $$css: true\n },\n soft: {\n kWkggS: \"xjbqb8w\",\n $$css: true\n },\n outline: {\n kWkggS: \"xcc0o6n\",\n kVAM5u: \"x1kqtvf4\",\n $$css: true\n }\n};\ntype ToggleGroupContextValue = {\n size: ToggleSize;\n variant: ToggleVariant;\n};\nconst ToggleGroupContext = createContext<ToggleGroupContextValue>({\n size: \"md\",\n variant: \"default\"\n});\nexport type ToggleGroupProps = StyledProps<ComponentProps<typeof ToggleGroupPrimitive>> & {\n children: ReactNode;\n size?: ToggleSize;\n variant?: ToggleVariant;\n xstyle?: ControlLayoutStyles;\n};\nexport function ToggleGroup(t0) {\n const $ = _c(23);\n let children;\n let className;\n let props;\n let style;\n let t1;\n let t2;\n let xstyle;\n if ($[0] !== t0) {\n ({\n className,\n style,\n children,\n size: t1,\n variant: t2,\n xstyle,\n ...props\n } = t0);\n $[0] = t0;\n $[1] = children;\n $[2] = className;\n $[3] = props;\n $[4] = style;\n $[5] = t1;\n $[6] = t2;\n $[7] = xstyle;\n } else {\n children = $[1];\n className = $[2];\n props = $[3];\n style = $[4];\n t1 = $[5];\n t2 = $[6];\n xstyle = $[7];\n }\n const size = t1 === undefined ? \"md\" : t1;\n const variant = t2 === undefined ? \"default\" : t2;\n let t3;\n if ($[8] !== className || $[9] !== style || $[10] !== variant || $[11] !== xstyle) {\n t3 = mergeStyles(stylex.props(styles.root, variantStyles[variant], xstyle), className, style);\n $[8] = className;\n $[9] = style;\n $[10] = variant;\n $[11] = xstyle;\n $[12] = t3;\n } else {\n t3 = $[12];\n }\n let t4;\n if ($[13] !== size || $[14] !== variant) {\n t4 = {\n size,\n variant\n };\n $[13] = size;\n $[14] = variant;\n $[15] = t4;\n } else {\n t4 = $[15];\n }\n let t5;\n if ($[16] !== children || $[17] !== t4) {\n t5 = <ToggleGroupContext value={t4}>{children}</ToggleGroupContext>;\n $[16] = children;\n $[17] = t4;\n $[18] = t5;\n } else {\n t5 = $[18];\n }\n let t6;\n if ($[19] !== props || $[20] !== t3 || $[21] !== t5) {\n t6 = <ToggleGroupPrimitive {...props} {...t3}>{t5}</ToggleGroupPrimitive>;\n $[19] = props;\n $[20] = t3;\n $[21] = t5;\n $[22] = t6;\n } else {\n t6 = $[22];\n }\n return t6;\n}\nexport type ToggleGroupItemProps = StyledProps<ComponentProps<typeof TogglePrimitive>> & {\n size?: ToggleSize;\n variant?: ToggleVariant;\n xstyle?: ControlPlacementStyles;\n};\nexport function ToggleGroupItem(t0) {\n const $ = _c(20);\n let className;\n let props;\n let size;\n let style;\n let variant;\n let xstyle;\n if ($[0] !== t0) {\n ({\n className,\n style,\n size,\n variant,\n xstyle,\n ...props\n } = t0);\n $[0] = t0;\n $[1] = className;\n $[2] = props;\n $[3] = size;\n $[4] = style;\n $[5] = variant;\n $[6] = xstyle;\n } else {\n className = $[1];\n props = $[2];\n size = $[3];\n style = $[4];\n variant = $[5];\n xstyle = $[6];\n }\n const context = useContext(ToggleGroupContext);\n const finalSize = size ?? context.size;\n const finalVariant = variant ?? context.variant;\n let t1;\n if ($[7] !== className || $[8] !== finalSize || $[9] !== finalVariant || $[10] !== style || $[11] !== xstyle) {\n t1 = function getToggleStyles(state) {\n return mergeStyles(stylex.props(styles.item, itemSizeStyles[finalSize], itemVariantStyles[finalVariant], state.pressed && styles.itemPressed, state.pressed && finalVariant === \"outline\" && styles.outlinePressed, state.pressed && finalVariant === \"soft\" && styles.softPressed, state.disabled && !state.pressed && styles.unavailable, state.disabled && styles.itemDisabled, finalVariant === \"outline\" && styles.outlineItem, xstyle), className, style);\n };\n $[7] = className;\n $[8] = finalSize;\n $[9] = finalVariant;\n $[10] = style;\n $[11] = xstyle;\n $[12] = t1;\n } else {\n t1 = $[12];\n }\n const getToggleStyles = t1;\n let t2;\n let t3;\n if ($[13] !== getToggleStyles) {\n t2 = state_0 => getToggleStyles(state_0).className;\n t3 = state_1 => getToggleStyles(state_1).style;\n $[13] = getToggleStyles;\n $[14] = t2;\n $[15] = t3;\n } else {\n t2 = $[14];\n t3 = $[15];\n }\n let t4;\n if ($[16] !== props || $[17] !== t2 || $[18] !== t3) {\n t4 = <TogglePrimitive {...props} className={t2} style={t3} />;\n $[16] = props;\n $[17] = t2;\n $[18] = t3;\n $[19] = t4;\n } else {\n t4 = $[19];\n }\n return t4;\n}", "import type * as stylex from \"@stylexjs/stylex\";\nimport type { CSSProperties } from \"react\";\nexport type StyledProps<Props> = Props extends unknown ? Omit<Props, \"className\" | \"style\"> & {\n className?: string;\n style?: CSSProperties;\n} : never;\nexport function mergeStyles(base: ReturnType<typeof stylex.props>, className?: string, style?: CSSProperties): {\n className?: string;\n style?: CSSProperties;\n} {\n if (className === undefined && style === undefined) return base;\n return {\n ...base,\n className: [base.className, className].filter(Boolean).join(\" \") || undefined,\n style: base.style || style ? {\n ...base.style,\n ...style\n } : undefined\n };\n}"],
|
|
5
|
-
"mappings": ";;;AAEA,SAAS,KAAK,UAAU;AACxB,SAAS,UAAU,uBAAuB;AAC1C,SAAS,eAAe,4BAA4B;AAEpD,YAAY,YAAY;AACxB,SAAS,eAAe,kBAAuD;;;ACDxE,SAAS,YAAY,MAAuC,WAAoB,OAGrF;AACA,MAAI,cAAc,UAAa,UAAU,OAAW,QAAO;AAC3D,SAAO;AAAA,IACL,GAAG;AAAA,IACH,WAAW,CAAC,KAAK,WAAW,SAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,KAAK;AAAA,IACpE,OAAO,KAAK,SAAS,QAAQ;AAAA,MAC3B,GAAG,KAAK;AAAA,MACR,GAAG;AAAA,IACL,IAAI;AAAA,EACN;AACF;;;
|
|
6
|
-
"names": ["props", "getToggleStyles"]
|
|
3
|
+
"sources": ["../src/toggle-group.tsx", "../src/styles/merge-styles.ts", "../src/styles/surface.ts"],
|
|
4
|
+
"sourcesContent": ["\"use client\";\n\nimport { c as _c } from \"react/compiler-runtime\";\nimport { Toggle as TogglePrimitive } from \"@base-ui/react/toggle\";\nimport { ToggleGroup as ToggleGroupPrimitive } from \"@base-ui/react/toggle-group\";\nimport { colorVars, motionVars, radiusVars, sizeVars, spacingVars, typo } from \"@bolerish/tokens/semantic.stylex\";\nimport * as stylex from \"@stylexjs/stylex\";\nimport { createContext, useContext, type ComponentProps, type ReactNode } from \"react\";\nimport type { ControlLayoutStyles, ControlPlacementStyles } from \"./styles/control-layout\";\nimport { mergeStyles } from \"./styles/merge-styles\";\nimport type { StyledProps } from \"./styles/merge-styles\";\nimport { surfaceStyles } from \"./styles/surface\";\nimport type { ToggleSize, ToggleVariant } from \"./toggle\";\nconst styles = {\n root: {\n kGNEyG: \"x6s0dn4\",\n k1xSpc: \"x3nfvp2\",\n kzqmXN: \"xeq5yr9\",\n $$css: true\n },\n outlineItem: {\n kVAM5u: \"x9r1u3d\",\n kaIpWk: \"x2u8bby\",\n keTefX: \"x2yqusi\",\n kiQ9C1: \"x15hlyvw\",\n kWfW7Y: \"x6kgtcc\",\n k2IYYg: \"x1xzjtzd\",\n k1boJ8: \"xopb9it\",\n $$css: true\n },\n item: {\n kGNEyG: \"x6s0dn4\",\n kVAM5u: \"x9r1u3d\",\n kaIpWk: \"x1p5vitp\",\n ksu8eU: \"x1y0btm7\",\n kMzoRj: \"x1al7nqq\",\n kMwMTN: \"x1t28c4i\",\n kkrTdU: \"x1ypdohk\",\n k1xSpc: \"x3nfvp2\",\n kGuDYH: \"x1lskvfa\",\n k63SB2: \"xoop9yj\",\n kOIVth: \"x7gjopr\",\n kjj79g: \"xl56j7k\",\n kHBbk8: \"xc8icb0\",\n kI3sdo: \"x1a2a7pz\",\n kVAEAm: \"x1n2onr6\",\n kIyJzY: \"xznvecg\",\n k1ekBW: \"x1qsmvhx\",\n kAMwcw: \"xrkjf8i\",\n ks3ayO: \"x17ctvpv xb90rde xn0w0t3\",\n kUfP38: \"x1k48kgn\",\n k5JduY: \"x1s928wv\",\n kv0HGH: \"xarstr8\",\n kloYau: \"x2q1x1w\",\n kwXMNM: \"x1j6awrg\",\n kPNhGg: \"x1byudbu\",\n kRicXK: \"x1ywzrc5\",\n kA8PQs: \"xe2lpi4\",\n kDVEDD: \"xi4xitw\",\n kZs9gx: \"x768paa\",\n kiEn40: \"x1m0b1kh\",\n k7shQP: \"x9v5kkp\",\n kPJHz1: \"x1k4h2j2\",\n kYPGJ8: \"x1s07b3s\",\n $$css: true\n },\n softPressed: {\n kWkggS: \"x14itwj6\",\n $$css: true\n },\n itemPressed: {\n kWkggS: \"xi3myl\",\n kMwMTN: \"x1t28c4i\",\n $$css: true\n },\n outlinePressed: {\n kGVxlE: \"xzq8p8k\",\n $$css: true\n },\n unavailable: {\n kWkggS: \"xx34gk8\",\n $$css: true\n },\n itemDisabled: {\n kMwMTN: \"xdmzwdx\",\n kkrTdU: \"x1h6gzvc\",\n $$css: true\n }\n};\nconst variantStyles = {\n default: {\n kOIVth: \"x7gjopr\",\n $$css: true\n },\n soft: {\n kOIVth: \"x6bpos\",\n kmVPX3: \"xzsj1fb\",\n kWkggS: \"xmqg8ag\",\n kVAM5u: \"x1kqtvf4\",\n ksu8eU: \"x1y0btm7\",\n kMzoRj: \"x1al7nqq\",\n kaIpWk: \"x1p5vitp\",\n $$css: true\n },\n outline: {\n kWkggS: \"xcc0o6n\",\n kVAM5u: \"x1kqtvf4\",\n kaIpWk: \"x1p5vitp\",\n ksu8eU: \"x1y0btm7\",\n kMzoRj: \"x1al7nqq\",\n kOIVth: \"xxhr3t\",\n $$css: true\n }\n};\nconst itemSizeStyles = {\n sm: {\n kZKoxP: \"x1dvwle6\",\n k7Eaqz: \"xbl05st\",\n kg3NbH: \"x1gr5eyh\",\n $$css: true\n },\n md: {\n kZKoxP: \"x1f00wt4\",\n k7Eaqz: \"x1gxa3zx\",\n kg3NbH: \"x5044ve\",\n $$css: true\n },\n lg: {\n kZKoxP: \"x4rnblq\",\n k7Eaqz: \"x1msgxsh\",\n kg3NbH: \"x9eqyeb\",\n $$css: true\n }\n};\nconst itemVariantStyles = {\n default: {\n kWkggS: \"xjbqb8w\",\n $$css: true\n },\n soft: {\n kWkggS: \"xjbqb8w\",\n $$css: true\n },\n outline: {\n kWkggS: \"xcc0o6n\",\n kVAM5u: \"x1kqtvf4\",\n $$css: true\n }\n};\ntype ToggleGroupContextValue = {\n size: ToggleSize;\n variant: ToggleVariant;\n};\nconst ToggleGroupContext = createContext<ToggleGroupContextValue>({\n size: \"md\",\n variant: \"default\"\n});\nexport type ToggleGroupProps = StyledProps<ComponentProps<typeof ToggleGroupPrimitive>> & {\n children: ReactNode;\n size?: ToggleSize;\n variant?: ToggleVariant;\n xstyle?: ControlLayoutStyles;\n};\nexport function ToggleGroup(t0) {\n const $ = _c(23);\n let children;\n let className;\n let props;\n let style;\n let t1;\n let t2;\n let xstyle;\n if ($[0] !== t0) {\n ({\n className,\n style,\n children,\n size: t1,\n variant: t2,\n xstyle,\n ...props\n } = t0);\n $[0] = t0;\n $[1] = children;\n $[2] = className;\n $[3] = props;\n $[4] = style;\n $[5] = t1;\n $[6] = t2;\n $[7] = xstyle;\n } else {\n children = $[1];\n className = $[2];\n props = $[3];\n style = $[4];\n t1 = $[5];\n t2 = $[6];\n xstyle = $[7];\n }\n const size = t1 === undefined ? \"md\" : t1;\n const variant = t2 === undefined ? \"default\" : t2;\n let t3;\n if ($[8] !== className || $[9] !== style || $[10] !== variant || $[11] !== xstyle) {\n t3 = mergeStyles(stylex.props(styles.root, variantStyles[variant], variant === \"outline\" && surfaceStyles.control, xstyle), className, style);\n $[8] = className;\n $[9] = style;\n $[10] = variant;\n $[11] = xstyle;\n $[12] = t3;\n } else {\n t3 = $[12];\n }\n let t4;\n if ($[13] !== size || $[14] !== variant) {\n t4 = {\n size,\n variant\n };\n $[13] = size;\n $[14] = variant;\n $[15] = t4;\n } else {\n t4 = $[15];\n }\n let t5;\n if ($[16] !== children || $[17] !== t4) {\n t5 = <ToggleGroupContext value={t4}>{children}</ToggleGroupContext>;\n $[16] = children;\n $[17] = t4;\n $[18] = t5;\n } else {\n t5 = $[18];\n }\n let t6;\n if ($[19] !== props || $[20] !== t3 || $[21] !== t5) {\n t6 = <ToggleGroupPrimitive {...props} {...t3}>{t5}</ToggleGroupPrimitive>;\n $[19] = props;\n $[20] = t3;\n $[21] = t5;\n $[22] = t6;\n } else {\n t6 = $[22];\n }\n return t6;\n}\nexport type ToggleGroupItemProps = StyledProps<ComponentProps<typeof TogglePrimitive>> & {\n size?: ToggleSize;\n variant?: ToggleVariant;\n xstyle?: ControlPlacementStyles;\n};\nexport function ToggleGroupItem(t0) {\n const $ = _c(20);\n let className;\n let props;\n let size;\n let style;\n let variant;\n let xstyle;\n if ($[0] !== t0) {\n ({\n className,\n style,\n size,\n variant,\n xstyle,\n ...props\n } = t0);\n $[0] = t0;\n $[1] = className;\n $[2] = props;\n $[3] = size;\n $[4] = style;\n $[5] = variant;\n $[6] = xstyle;\n } else {\n className = $[1];\n props = $[2];\n size = $[3];\n style = $[4];\n variant = $[5];\n xstyle = $[6];\n }\n const context = useContext(ToggleGroupContext);\n const finalSize = size ?? context.size;\n const finalVariant = variant ?? context.variant;\n let t1;\n if ($[7] !== className || $[8] !== finalSize || $[9] !== finalVariant || $[10] !== style || $[11] !== xstyle) {\n t1 = function getToggleStyles(state) {\n return mergeStyles(stylex.props(styles.item, itemSizeStyles[finalSize], itemVariantStyles[finalVariant], finalVariant === \"outline\" && !state.pressed && !state.disabled && surfaceStyles.control, state.pressed && styles.itemPressed, state.pressed && finalVariant === \"outline\" && styles.outlinePressed, state.pressed && finalVariant === \"soft\" && styles.softPressed, state.disabled && !state.pressed && styles.unavailable, state.disabled && styles.itemDisabled, finalVariant === \"outline\" && styles.outlineItem, xstyle), className, style);\n };\n $[7] = className;\n $[8] = finalSize;\n $[9] = finalVariant;\n $[10] = style;\n $[11] = xstyle;\n $[12] = t1;\n } else {\n t1 = $[12];\n }\n const getToggleStyles = t1;\n let t2;\n let t3;\n if ($[13] !== getToggleStyles) {\n t2 = state_0 => getToggleStyles(state_0).className;\n t3 = state_1 => getToggleStyles(state_1).style;\n $[13] = getToggleStyles;\n $[14] = t2;\n $[15] = t3;\n } else {\n t2 = $[14];\n t3 = $[15];\n }\n let t4;\n if ($[16] !== props || $[17] !== t2 || $[18] !== t3) {\n t4 = <TogglePrimitive {...props} className={t2} style={t3} />;\n $[16] = props;\n $[17] = t2;\n $[18] = t3;\n $[19] = t4;\n } else {\n t4 = $[19];\n }\n return t4;\n}", "import type * as stylex from \"@stylexjs/stylex\";\nimport type { CSSProperties } from \"react\";\nexport type StyledProps<Props> = Props extends unknown ? Omit<Props, \"className\" | \"style\"> & {\n className?: string;\n style?: CSSProperties;\n} : never;\nexport function mergeStyles(base: ReturnType<typeof stylex.props>, className?: string, style?: CSSProperties): {\n className?: string;\n style?: CSSProperties;\n} {\n if (className === undefined && style === undefined) return base;\n return {\n ...base,\n className: [base.className, className].filter(Boolean).join(\" \") || undefined,\n style: base.style || style ? {\n ...base.style,\n ...style\n } : undefined\n };\n}", "import { colorVars, shadowVars } from \"@bolerish/tokens/semantic.stylex\";\nimport * as stylex from \"@stylexjs/stylex\";\nconst styles = {\n edge: {\n kVAM5u: \"x1kqtvf4\",\n kFGkbq: \"x1w1tqly\",\n $$css: true\n },\n material: {\n \"--bolerish-material-shadow\": \"xvd6nka\",\n kGVxlE: \"x16ifxj2 xpqbwuo\",\n kWkggS: \"x1s4uome x1u5mdis\",\n k6WDB: \"x1t853zo x1o5bnqd\",\n kKwaWg: \"x18o3ruo xxit9r9\",\n kTahiY: \"x1cg02ou\",\n kEcs6k: \"x11rvarm\",\n kWrjR8: \"x1ile18z\",\n kfloDl: \"x1m3y3zz\",\n kO6drA: \"x9yvj25\",\n kkTUmj: \"x14hm74v\",\n k11ilZ: \"xhobzj1\",\n ktzNWN: \"xwaqzdf\",\n $$css: true\n },\n panel: {\n \"--bolerish-material-color\": \"x14zkn9l\",\n \"--bolerish-material-opacity\": \"x8fe23t\",\n \"--bolerish-material-filter\": \"x1n6mwez\",\n $$css: true\n },\n control: {\n \"--bolerish-material-color\": \"x14zkn9l\",\n \"--bolerish-material-opacity\": \"xg4j6g8\",\n \"--bolerish-material-filter\": \"x1mpfm11\",\n $$css: true\n },\n subtle: {\n \"--bolerish-material-color\": \"x1819ggx\",\n \"--bolerish-material-opacity\": \"xg4j6g8\",\n \"--bolerish-material-filter\": \"x1mpfm11\",\n $$css: true\n },\n outline: {\n \"--bolerish-material-color\": \"x3m3fbl\",\n \"--bolerish-material-opacity\": \"xg4j6g8\",\n \"--bolerish-material-filter\": \"x1mpfm11\",\n $$css: true\n },\n raised: {\n \"--bolerish-material-shadow\": \"x8605wn\",\n \"--bolerish-material-color\": \"x1y5ilfp\",\n \"--bolerish-material-opacity\": \"x1nqk09\",\n \"--bolerish-material-filter\": \"x1gkvbmm\",\n $$css: true\n },\n translucent: {\n \"--bolerish-material-color\": \"x14zkn9l\",\n \"--bolerish-material-opacity\": \"xoh9gux\",\n \"--bolerish-material-filter\": \"xhu24am\",\n $$css: true\n },\n floating: {\n \"--bolerish-material-shadow\": \"x1edk1m7\",\n \"--bolerish-material-color\": \"x1y5ilfp\",\n \"--bolerish-material-opacity\": \"x14p89z6\",\n \"--bolerish-material-filter\": \"xunhrho\",\n $$css: true\n }\n};\nexport const surfaceStyles = {\n edge: styles.edge,\n panel: [styles.material, styles.panel],\n control: [styles.material, styles.control],\n subtle: [styles.material, styles.subtle],\n outline: [styles.material, styles.outline],\n raised: [styles.material, styles.raised],\n translucent: [styles.material, styles.translucent],\n floating: [styles.material, styles.floating]\n};"],
|
|
5
|
+
"mappings": "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",
|
|
6
|
+
"names": ["styles", "props", "getToggleStyles"]
|
|
7
7
|
}
|
package/dist/toggle.js
CHANGED
|
@@ -18,9 +18,88 @@ function mergeStyles(base, className, style) {
|
|
|
18
18
|
};
|
|
19
19
|
}
|
|
20
20
|
|
|
21
|
+
// src/styles/surface.ts
|
|
22
|
+
var styles = {
|
|
23
|
+
edge: {
|
|
24
|
+
kVAM5u: "x1kqtvf4",
|
|
25
|
+
kFGkbq: "x1w1tqly",
|
|
26
|
+
$$css: true
|
|
27
|
+
},
|
|
28
|
+
material: {
|
|
29
|
+
"--bolerish-material-shadow": "xvd6nka",
|
|
30
|
+
kGVxlE: "x16ifxj2 xpqbwuo",
|
|
31
|
+
kWkggS: "x1s4uome x1u5mdis",
|
|
32
|
+
k6WDB: "x1t853zo x1o5bnqd",
|
|
33
|
+
kKwaWg: "x18o3ruo xxit9r9",
|
|
34
|
+
kTahiY: "x1cg02ou",
|
|
35
|
+
kEcs6k: "x11rvarm",
|
|
36
|
+
kWrjR8: "x1ile18z",
|
|
37
|
+
kfloDl: "x1m3y3zz",
|
|
38
|
+
kO6drA: "x9yvj25",
|
|
39
|
+
kkTUmj: "x14hm74v",
|
|
40
|
+
k11ilZ: "xhobzj1",
|
|
41
|
+
ktzNWN: "xwaqzdf",
|
|
42
|
+
$$css: true
|
|
43
|
+
},
|
|
44
|
+
panel: {
|
|
45
|
+
"--bolerish-material-color": "x14zkn9l",
|
|
46
|
+
"--bolerish-material-opacity": "x8fe23t",
|
|
47
|
+
"--bolerish-material-filter": "x1n6mwez",
|
|
48
|
+
$$css: true
|
|
49
|
+
},
|
|
50
|
+
control: {
|
|
51
|
+
"--bolerish-material-color": "x14zkn9l",
|
|
52
|
+
"--bolerish-material-opacity": "xg4j6g8",
|
|
53
|
+
"--bolerish-material-filter": "x1mpfm11",
|
|
54
|
+
$$css: true
|
|
55
|
+
},
|
|
56
|
+
subtle: {
|
|
57
|
+
"--bolerish-material-color": "x1819ggx",
|
|
58
|
+
"--bolerish-material-opacity": "xg4j6g8",
|
|
59
|
+
"--bolerish-material-filter": "x1mpfm11",
|
|
60
|
+
$$css: true
|
|
61
|
+
},
|
|
62
|
+
outline: {
|
|
63
|
+
"--bolerish-material-color": "x3m3fbl",
|
|
64
|
+
"--bolerish-material-opacity": "xg4j6g8",
|
|
65
|
+
"--bolerish-material-filter": "x1mpfm11",
|
|
66
|
+
$$css: true
|
|
67
|
+
},
|
|
68
|
+
raised: {
|
|
69
|
+
"--bolerish-material-shadow": "x8605wn",
|
|
70
|
+
"--bolerish-material-color": "x1y5ilfp",
|
|
71
|
+
"--bolerish-material-opacity": "x1nqk09",
|
|
72
|
+
"--bolerish-material-filter": "x1gkvbmm",
|
|
73
|
+
$$css: true
|
|
74
|
+
},
|
|
75
|
+
translucent: {
|
|
76
|
+
"--bolerish-material-color": "x14zkn9l",
|
|
77
|
+
"--bolerish-material-opacity": "xoh9gux",
|
|
78
|
+
"--bolerish-material-filter": "xhu24am",
|
|
79
|
+
$$css: true
|
|
80
|
+
},
|
|
81
|
+
floating: {
|
|
82
|
+
"--bolerish-material-shadow": "x1edk1m7",
|
|
83
|
+
"--bolerish-material-color": "x1y5ilfp",
|
|
84
|
+
"--bolerish-material-opacity": "x14p89z6",
|
|
85
|
+
"--bolerish-material-filter": "xunhrho",
|
|
86
|
+
$$css: true
|
|
87
|
+
}
|
|
88
|
+
};
|
|
89
|
+
var surfaceStyles = {
|
|
90
|
+
edge: styles.edge,
|
|
91
|
+
panel: [styles.material, styles.panel],
|
|
92
|
+
control: [styles.material, styles.control],
|
|
93
|
+
subtle: [styles.material, styles.subtle],
|
|
94
|
+
outline: [styles.material, styles.outline],
|
|
95
|
+
raised: [styles.material, styles.raised],
|
|
96
|
+
translucent: [styles.material, styles.translucent],
|
|
97
|
+
floating: [styles.material, styles.floating]
|
|
98
|
+
};
|
|
99
|
+
|
|
21
100
|
// src/toggle.tsx
|
|
22
101
|
import { jsx } from "react/jsx-runtime";
|
|
23
|
-
var
|
|
102
|
+
var styles2 = {
|
|
24
103
|
root: {
|
|
25
104
|
kGNEyG: "x6s0dn4",
|
|
26
105
|
kVAM5u: "x9r1u3d",
|
|
@@ -152,7 +231,7 @@ function Toggle(t0) {
|
|
|
152
231
|
let t3;
|
|
153
232
|
if ($[7] !== className || $[8] !== size || $[9] !== style || $[10] !== variant || $[11] !== xstyle) {
|
|
154
233
|
t3 = function getToggleStyles2(state) {
|
|
155
|
-
return mergeStyles(stylex.props(
|
|
234
|
+
return mergeStyles(stylex.props(styles2.root, sizeStyles[size], variantStyles[variant], variant === "outline" && !state.pressed && !state.disabled && surfaceStyles.control, state.pressed && styles2.pressed, state.pressed && variant === "outline" && styles2.outlinePressed, state.pressed && variant === "soft" && styles2.softPressed, state.disabled && !state.pressed && styles2.unavailable, state.disabled && styles2.disabled, xstyle), className, style);
|
|
156
235
|
};
|
|
157
236
|
$[7] = className;
|
|
158
237
|
$[8] = size;
|
package/dist/toggle.js.map
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
|
-
"sources": ["../src/toggle.tsx", "../src/styles/merge-styles.ts"],
|
|
4
|
-
"sourcesContent": ["\"use client\";\n\nimport { c as _c } from \"react/compiler-runtime\";\nimport { Toggle as TogglePrimitive } from \"@base-ui/react/toggle\";\nimport { colorVars, motionVars, radiusVars, sizeVars, spacingVars, typo } from \"@bolerish/tokens/semantic.stylex\";\nimport * as stylex from \"@stylexjs/stylex\";\nimport type { ComponentProps } from \"react\";\nimport type { ControlLayoutStyles } from \"./styles/control-layout\";\nimport { mergeStyles } from \"./styles/merge-styles\";\nimport type { StyledProps } from \"./styles/merge-styles\";\nconst styles = {\n root: {\n kGNEyG: \"x6s0dn4\",\n kVAM5u: \"x9r1u3d\",\n kaIpWk: \"x1p5vitp\",\n ksu8eU: \"x1y0btm7\",\n kMzoRj: \"x1al7nqq\",\n kMwMTN: \"x1t28c4i\",\n kkrTdU: \"x1ypdohk\",\n k1xSpc: \"x3nfvp2\",\n kGuDYH: \"x1lskvfa\",\n k63SB2: \"xoop9yj\",\n kOIVth: \"x7gjopr\",\n kjj79g: \"xl56j7k\",\n kHBbk8: \"xc8icb0\",\n kI3sdo: \"x1a2a7pz\",\n kVAEAm: \"x1n2onr6\",\n kIyJzY: \"xznvecg\",\n k1ekBW: \"x1qsmvhx\",\n kAMwcw: \"xrkjf8i\",\n ks3ayO: \"x17ctvpv xb90rde xn0w0t3\",\n kUfP38: \"x1k48kgn\",\n k5JduY: \"x1s928wv\",\n kv0HGH: \"xarstr8\",\n kloYau: \"x2q1x1w\",\n kwXMNM: \"x1j6awrg\",\n kPNhGg: \"x1byudbu\",\n kRicXK: \"x1ywzrc5\",\n kA8PQs: \"xe2lpi4\",\n kDVEDD: \"xi4xitw\",\n kZs9gx: \"x768paa\",\n kiEn40: \"x1m0b1kh\",\n k7shQP: \"x9v5kkp\",\n kPJHz1: \"x1k4h2j2\",\n kYPGJ8: \"x1s07b3s\",\n $$css: true\n },\n softPressed: {\n kWkggS: \"xi3myl\",\n $$css: true\n },\n pressed: {\n kWkggS: \"xi3myl\",\n kMwMTN: \"x1t28c4i\",\n $$css: true\n },\n outlinePressed: {\n kGVxlE: \"xzq8p8k\",\n $$css: true\n },\n unavailable: {\n kWkggS: \"xx34gk8\",\n $$css: true\n },\n disabled: {\n kMwMTN: \"xdmzwdx\",\n kkrTdU: \"x1h6gzvc\",\n $$css: true\n }\n};\nconst sizeStyles = {\n sm: {\n kZKoxP: \"x1dvwle6\",\n k7Eaqz: \"xbl05st\",\n kg3NbH: \"x1gr5eyh\",\n $$css: true\n },\n md: {\n kZKoxP: \"x1f00wt4\",\n k7Eaqz: \"x1gxa3zx\",\n kg3NbH: \"x5044ve\",\n $$css: true\n },\n lg: {\n kZKoxP: \"x4rnblq\",\n k7Eaqz: \"x1msgxsh\",\n kg3NbH: \"x9eqyeb\",\n $$css: true\n }\n};\nconst variantStyles = {\n default: {\n kWkggS: \"xjbqb8w\",\n $$css: true\n },\n soft: {\n kWkggS: \"xjbqb8w\",\n $$css: true\n },\n outline: {\n kWkggS: \"xcc0o6n\",\n kVAM5u: \"x1kqtvf4\",\n $$css: true\n }\n};\nexport type ToggleSize = \"lg\" | \"md\" | \"sm\";\nexport type ToggleVariant = \"default\" | \"outline\" | \"soft\";\nexport type ToggleProps = StyledProps<ComponentProps<typeof TogglePrimitive>> & {\n size?: ToggleSize;\n variant?: ToggleVariant;\n xstyle?: ControlLayoutStyles;\n};\nexport function Toggle(t0) {\n const $ = _c(20);\n let className;\n let props;\n let style;\n let t1;\n let t2;\n let xstyle;\n if ($[0] !== t0) {\n ({\n className,\n style,\n size: t1,\n variant: t2,\n xstyle,\n ...props\n } = t0);\n $[0] = t0;\n $[1] = className;\n $[2] = props;\n $[3] = style;\n $[4] = t1;\n $[5] = t2;\n $[6] = xstyle;\n } else {\n className = $[1];\n props = $[2];\n style = $[3];\n t1 = $[4];\n t2 = $[5];\n xstyle = $[6];\n }\n const size = t1 === undefined ? \"md\" : t1;\n const variant = t2 === undefined ? \"default\" : t2;\n let t3;\n if ($[7] !== className || $[8] !== size || $[9] !== style || $[10] !== variant || $[11] !== xstyle) {\n t3 = function getToggleStyles(state) {\n return mergeStyles(stylex.props(styles.root, sizeStyles[size], variantStyles[variant], state.pressed && styles.pressed, state.pressed && variant === \"outline\" && styles.outlinePressed, state.pressed && variant === \"soft\" && styles.softPressed, state.disabled && !state.pressed && styles.unavailable, state.disabled && styles.disabled, xstyle), className, style);\n };\n $[7] = className;\n $[8] = size;\n $[9] = style;\n $[10] = variant;\n $[11] = xstyle;\n $[12] = t3;\n } else {\n t3 = $[12];\n }\n const getToggleStyles = t3;\n let t4;\n let t5;\n if ($[13] !== getToggleStyles) {\n t4 = state_0 => getToggleStyles(state_0).className;\n t5 = state_1 => getToggleStyles(state_1).style;\n $[13] = getToggleStyles;\n $[14] = t4;\n $[15] = t5;\n } else {\n t4 = $[14];\n t5 = $[15];\n }\n let t6;\n if ($[16] !== props || $[17] !== t4 || $[18] !== t5) {\n t6 = <TogglePrimitive {...props} className={t4} style={t5} />;\n $[16] = props;\n $[17] = t4;\n $[18] = t5;\n $[19] = t6;\n } else {\n t6 = $[19];\n }\n return t6;\n}", "import type * as stylex from \"@stylexjs/stylex\";\nimport type { CSSProperties } from \"react\";\nexport type StyledProps<Props> = Props extends unknown ? Omit<Props, \"className\" | \"style\"> & {\n className?: string;\n style?: CSSProperties;\n} : never;\nexport function mergeStyles(base: ReturnType<typeof stylex.props>, className?: string, style?: CSSProperties): {\n className?: string;\n style?: CSSProperties;\n} {\n if (className === undefined && style === undefined) return base;\n return {\n ...base,\n className: [base.className, className].filter(Boolean).join(\" \") || undefined,\n style: base.style || style ? {\n ...base.style,\n ...style\n } : undefined\n };\n}"],
|
|
5
|
-
"mappings": ";;;AAEA,SAAS,KAAK,UAAU;AACxB,SAAS,UAAU,uBAAuB;AAE1C,YAAY,YAAY;;;ACCjB,SAAS,YAAY,MAAuC,WAAoB,OAGrF;AACA,MAAI,cAAc,UAAa,UAAU,OAAW,QAAO;AAC3D,SAAO;AAAA,IACL,GAAG;AAAA,IACH,WAAW,CAAC,KAAK,WAAW,SAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,KAAK;AAAA,IACpE,OAAO,KAAK,SAAS,QAAQ;AAAA,MAC3B,GAAG,KAAK;AAAA,MACR,GAAG;AAAA,IACL,IAAI;AAAA,EACN;AACF;;;
|
|
6
|
-
"names": ["props", "getToggleStyles"]
|
|
3
|
+
"sources": ["../src/toggle.tsx", "../src/styles/merge-styles.ts", "../src/styles/surface.ts"],
|
|
4
|
+
"sourcesContent": ["\"use client\";\n\nimport { c as _c } from \"react/compiler-runtime\";\nimport { Toggle as TogglePrimitive } from \"@base-ui/react/toggle\";\nimport { colorVars, motionVars, radiusVars, sizeVars, spacingVars, typo } from \"@bolerish/tokens/semantic.stylex\";\nimport * as stylex from \"@stylexjs/stylex\";\nimport type { ComponentProps } from \"react\";\nimport type { ControlLayoutStyles } from \"./styles/control-layout\";\nimport { mergeStyles } from \"./styles/merge-styles\";\nimport type { StyledProps } from \"./styles/merge-styles\";\nimport { surfaceStyles } from \"./styles/surface\";\nconst styles = {\n root: {\n kGNEyG: \"x6s0dn4\",\n kVAM5u: \"x9r1u3d\",\n kaIpWk: \"x1p5vitp\",\n ksu8eU: \"x1y0btm7\",\n kMzoRj: \"x1al7nqq\",\n kMwMTN: \"x1t28c4i\",\n kkrTdU: \"x1ypdohk\",\n k1xSpc: \"x3nfvp2\",\n kGuDYH: \"x1lskvfa\",\n k63SB2: \"xoop9yj\",\n kOIVth: \"x7gjopr\",\n kjj79g: \"xl56j7k\",\n kHBbk8: \"xc8icb0\",\n kI3sdo: \"x1a2a7pz\",\n kVAEAm: \"x1n2onr6\",\n kIyJzY: \"xznvecg\",\n k1ekBW: \"x1qsmvhx\",\n kAMwcw: \"xrkjf8i\",\n ks3ayO: \"x17ctvpv xb90rde xn0w0t3\",\n kUfP38: \"x1k48kgn\",\n k5JduY: \"x1s928wv\",\n kv0HGH: \"xarstr8\",\n kloYau: \"x2q1x1w\",\n kwXMNM: \"x1j6awrg\",\n kPNhGg: \"x1byudbu\",\n kRicXK: \"x1ywzrc5\",\n kA8PQs: \"xe2lpi4\",\n kDVEDD: \"xi4xitw\",\n kZs9gx: \"x768paa\",\n kiEn40: \"x1m0b1kh\",\n k7shQP: \"x9v5kkp\",\n kPJHz1: \"x1k4h2j2\",\n kYPGJ8: \"x1s07b3s\",\n $$css: true\n },\n softPressed: {\n kWkggS: \"xi3myl\",\n $$css: true\n },\n pressed: {\n kWkggS: \"xi3myl\",\n kMwMTN: \"x1t28c4i\",\n $$css: true\n },\n outlinePressed: {\n kGVxlE: \"xzq8p8k\",\n $$css: true\n },\n unavailable: {\n kWkggS: \"xx34gk8\",\n $$css: true\n },\n disabled: {\n kMwMTN: \"xdmzwdx\",\n kkrTdU: \"x1h6gzvc\",\n $$css: true\n }\n};\nconst sizeStyles = {\n sm: {\n kZKoxP: \"x1dvwle6\",\n k7Eaqz: \"xbl05st\",\n kg3NbH: \"x1gr5eyh\",\n $$css: true\n },\n md: {\n kZKoxP: \"x1f00wt4\",\n k7Eaqz: \"x1gxa3zx\",\n kg3NbH: \"x5044ve\",\n $$css: true\n },\n lg: {\n kZKoxP: \"x4rnblq\",\n k7Eaqz: \"x1msgxsh\",\n kg3NbH: \"x9eqyeb\",\n $$css: true\n }\n};\nconst variantStyles = {\n default: {\n kWkggS: \"xjbqb8w\",\n $$css: true\n },\n soft: {\n kWkggS: \"xjbqb8w\",\n $$css: true\n },\n outline: {\n kWkggS: \"xcc0o6n\",\n kVAM5u: \"x1kqtvf4\",\n $$css: true\n }\n};\nexport type ToggleSize = \"lg\" | \"md\" | \"sm\";\nexport type ToggleVariant = \"default\" | \"outline\" | \"soft\";\nexport type ToggleProps = StyledProps<ComponentProps<typeof TogglePrimitive>> & {\n size?: ToggleSize;\n variant?: ToggleVariant;\n xstyle?: ControlLayoutStyles;\n};\nexport function Toggle(t0) {\n const $ = _c(20);\n let className;\n let props;\n let style;\n let t1;\n let t2;\n let xstyle;\n if ($[0] !== t0) {\n ({\n className,\n style,\n size: t1,\n variant: t2,\n xstyle,\n ...props\n } = t0);\n $[0] = t0;\n $[1] = className;\n $[2] = props;\n $[3] = style;\n $[4] = t1;\n $[5] = t2;\n $[6] = xstyle;\n } else {\n className = $[1];\n props = $[2];\n style = $[3];\n t1 = $[4];\n t2 = $[5];\n xstyle = $[6];\n }\n const size = t1 === undefined ? \"md\" : t1;\n const variant = t2 === undefined ? \"default\" : t2;\n let t3;\n if ($[7] !== className || $[8] !== size || $[9] !== style || $[10] !== variant || $[11] !== xstyle) {\n t3 = function getToggleStyles(state) {\n return mergeStyles(stylex.props(styles.root, sizeStyles[size], variantStyles[variant], variant === \"outline\" && !state.pressed && !state.disabled && surfaceStyles.control, state.pressed && styles.pressed, state.pressed && variant === \"outline\" && styles.outlinePressed, state.pressed && variant === \"soft\" && styles.softPressed, state.disabled && !state.pressed && styles.unavailable, state.disabled && styles.disabled, xstyle), className, style);\n };\n $[7] = className;\n $[8] = size;\n $[9] = style;\n $[10] = variant;\n $[11] = xstyle;\n $[12] = t3;\n } else {\n t3 = $[12];\n }\n const getToggleStyles = t3;\n let t4;\n let t5;\n if ($[13] !== getToggleStyles) {\n t4 = state_0 => getToggleStyles(state_0).className;\n t5 = state_1 => getToggleStyles(state_1).style;\n $[13] = getToggleStyles;\n $[14] = t4;\n $[15] = t5;\n } else {\n t4 = $[14];\n t5 = $[15];\n }\n let t6;\n if ($[16] !== props || $[17] !== t4 || $[18] !== t5) {\n t6 = <TogglePrimitive {...props} className={t4} style={t5} />;\n $[16] = props;\n $[17] = t4;\n $[18] = t5;\n $[19] = t6;\n } else {\n t6 = $[19];\n }\n return t6;\n}", "import type * as stylex from \"@stylexjs/stylex\";\nimport type { CSSProperties } from \"react\";\nexport type StyledProps<Props> = Props extends unknown ? Omit<Props, \"className\" | \"style\"> & {\n className?: string;\n style?: CSSProperties;\n} : never;\nexport function mergeStyles(base: ReturnType<typeof stylex.props>, className?: string, style?: CSSProperties): {\n className?: string;\n style?: CSSProperties;\n} {\n if (className === undefined && style === undefined) return base;\n return {\n ...base,\n className: [base.className, className].filter(Boolean).join(\" \") || undefined,\n style: base.style || style ? {\n ...base.style,\n ...style\n } : undefined\n };\n}", "import { colorVars, shadowVars } from \"@bolerish/tokens/semantic.stylex\";\nimport * as stylex from \"@stylexjs/stylex\";\nconst styles = {\n edge: {\n kVAM5u: \"x1kqtvf4\",\n kFGkbq: \"x1w1tqly\",\n $$css: true\n },\n material: {\n \"--bolerish-material-shadow\": \"xvd6nka\",\n kGVxlE: \"x16ifxj2 xpqbwuo\",\n kWkggS: \"x1s4uome x1u5mdis\",\n k6WDB: \"x1t853zo x1o5bnqd\",\n kKwaWg: \"x18o3ruo xxit9r9\",\n kTahiY: \"x1cg02ou\",\n kEcs6k: \"x11rvarm\",\n kWrjR8: \"x1ile18z\",\n kfloDl: \"x1m3y3zz\",\n kO6drA: \"x9yvj25\",\n kkTUmj: \"x14hm74v\",\n k11ilZ: \"xhobzj1\",\n ktzNWN: \"xwaqzdf\",\n $$css: true\n },\n panel: {\n \"--bolerish-material-color\": \"x14zkn9l\",\n \"--bolerish-material-opacity\": \"x8fe23t\",\n \"--bolerish-material-filter\": \"x1n6mwez\",\n $$css: true\n },\n control: {\n \"--bolerish-material-color\": \"x14zkn9l\",\n \"--bolerish-material-opacity\": \"xg4j6g8\",\n \"--bolerish-material-filter\": \"x1mpfm11\",\n $$css: true\n },\n subtle: {\n \"--bolerish-material-color\": \"x1819ggx\",\n \"--bolerish-material-opacity\": \"xg4j6g8\",\n \"--bolerish-material-filter\": \"x1mpfm11\",\n $$css: true\n },\n outline: {\n \"--bolerish-material-color\": \"x3m3fbl\",\n \"--bolerish-material-opacity\": \"xg4j6g8\",\n \"--bolerish-material-filter\": \"x1mpfm11\",\n $$css: true\n },\n raised: {\n \"--bolerish-material-shadow\": \"x8605wn\",\n \"--bolerish-material-color\": \"x1y5ilfp\",\n \"--bolerish-material-opacity\": \"x1nqk09\",\n \"--bolerish-material-filter\": \"x1gkvbmm\",\n $$css: true\n },\n translucent: {\n \"--bolerish-material-color\": \"x14zkn9l\",\n \"--bolerish-material-opacity\": \"xoh9gux\",\n \"--bolerish-material-filter\": \"xhu24am\",\n $$css: true\n },\n floating: {\n \"--bolerish-material-shadow\": \"x1edk1m7\",\n \"--bolerish-material-color\": \"x1y5ilfp\",\n \"--bolerish-material-opacity\": \"x14p89z6\",\n \"--bolerish-material-filter\": \"xunhrho\",\n $$css: true\n }\n};\nexport const surfaceStyles = {\n edge: styles.edge,\n panel: [styles.material, styles.panel],\n control: [styles.material, styles.control],\n subtle: [styles.material, styles.subtle],\n outline: [styles.material, styles.outline],\n raised: [styles.material, styles.raised],\n translucent: [styles.material, styles.translucent],\n floating: [styles.material, styles.floating]\n};"],
|
|
5
|
+
"mappings": "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",
|
|
6
|
+
"names": ["styles", "props", "getToggleStyles"]
|
|
7
7
|
}
|
package/dist/tooltip.d.ts
CHANGED
|
@@ -2,7 +2,7 @@ import { Tooltip as TooltipPrimitive } from "@base-ui/react/tooltip";
|
|
|
2
2
|
import * as stylex from "@stylexjs/stylex";
|
|
3
3
|
import type { ComponentProps } from "react";
|
|
4
4
|
import type { StyledProps } from "./styles/merge-styles";
|
|
5
|
-
export declare const Tooltip: <Payload>(props: TooltipPrimitive.Root.Props<Payload>) =>
|
|
5
|
+
export declare const Tooltip: <Payload>(props: TooltipPrimitive.Root.Props<Payload>) => React.JSX.Element;
|
|
6
6
|
export declare const TooltipProvider: import("react").FC<import("@base-ui/react").TooltipProviderProps>;
|
|
7
7
|
export declare function TooltipTrigger({ className, style, xstyle, ...props }: StyledProps<ComponentProps<typeof TooltipPrimitive.Trigger>> & {
|
|
8
8
|
xstyle?: stylex.StyleXStyles;
|
package/dist/tooltip.js
CHANGED
|
@@ -18,9 +18,92 @@ function mergeStyles(base, className, style) {
|
|
|
18
18
|
};
|
|
19
19
|
}
|
|
20
20
|
|
|
21
|
+
// src/styles/surface.ts
|
|
22
|
+
var styles = {
|
|
23
|
+
edge: {
|
|
24
|
+
kVAM5u: "x1kqtvf4",
|
|
25
|
+
kFGkbq: "x1w1tqly",
|
|
26
|
+
$$css: true
|
|
27
|
+
},
|
|
28
|
+
material: {
|
|
29
|
+
"--bolerish-material-shadow": "xvd6nka",
|
|
30
|
+
kGVxlE: "x16ifxj2 xpqbwuo",
|
|
31
|
+
kWkggS: "x1s4uome x1u5mdis",
|
|
32
|
+
k6WDB: "x1t853zo x1o5bnqd",
|
|
33
|
+
kKwaWg: "x18o3ruo xxit9r9",
|
|
34
|
+
kTahiY: "x1cg02ou",
|
|
35
|
+
kEcs6k: "x11rvarm",
|
|
36
|
+
kWrjR8: "x1ile18z",
|
|
37
|
+
kfloDl: "x1m3y3zz",
|
|
38
|
+
kO6drA: "x9yvj25",
|
|
39
|
+
kkTUmj: "x14hm74v",
|
|
40
|
+
k11ilZ: "xhobzj1",
|
|
41
|
+
ktzNWN: "xwaqzdf",
|
|
42
|
+
$$css: true
|
|
43
|
+
},
|
|
44
|
+
panel: {
|
|
45
|
+
"--bolerish-material-color": "x14zkn9l",
|
|
46
|
+
"--bolerish-material-opacity": "x8fe23t",
|
|
47
|
+
"--bolerish-material-filter": "x1n6mwez",
|
|
48
|
+
$$css: true
|
|
49
|
+
},
|
|
50
|
+
control: {
|
|
51
|
+
"--bolerish-material-color": "x14zkn9l",
|
|
52
|
+
"--bolerish-material-opacity": "xg4j6g8",
|
|
53
|
+
"--bolerish-material-filter": "x1mpfm11",
|
|
54
|
+
$$css: true
|
|
55
|
+
},
|
|
56
|
+
subtle: {
|
|
57
|
+
"--bolerish-material-color": "x1819ggx",
|
|
58
|
+
"--bolerish-material-opacity": "xg4j6g8",
|
|
59
|
+
"--bolerish-material-filter": "x1mpfm11",
|
|
60
|
+
$$css: true
|
|
61
|
+
},
|
|
62
|
+
outline: {
|
|
63
|
+
"--bolerish-material-color": "x3m3fbl",
|
|
64
|
+
"--bolerish-material-opacity": "xg4j6g8",
|
|
65
|
+
"--bolerish-material-filter": "x1mpfm11",
|
|
66
|
+
$$css: true
|
|
67
|
+
},
|
|
68
|
+
raised: {
|
|
69
|
+
"--bolerish-material-shadow": "x8605wn",
|
|
70
|
+
"--bolerish-material-color": "x1y5ilfp",
|
|
71
|
+
"--bolerish-material-opacity": "x1nqk09",
|
|
72
|
+
"--bolerish-material-filter": "x1gkvbmm",
|
|
73
|
+
$$css: true
|
|
74
|
+
},
|
|
75
|
+
translucent: {
|
|
76
|
+
"--bolerish-material-color": "x14zkn9l",
|
|
77
|
+
"--bolerish-material-opacity": "xoh9gux",
|
|
78
|
+
"--bolerish-material-filter": "xhu24am",
|
|
79
|
+
$$css: true
|
|
80
|
+
},
|
|
81
|
+
floating: {
|
|
82
|
+
"--bolerish-material-shadow": "x1edk1m7",
|
|
83
|
+
"--bolerish-material-color": "x1y5ilfp",
|
|
84
|
+
"--bolerish-material-opacity": "x14p89z6",
|
|
85
|
+
"--bolerish-material-filter": "xunhrho",
|
|
86
|
+
$$css: true
|
|
87
|
+
}
|
|
88
|
+
};
|
|
89
|
+
var surfaceStyles = {
|
|
90
|
+
edge: styles.edge,
|
|
91
|
+
panel: [styles.material, styles.panel],
|
|
92
|
+
control: [styles.material, styles.control],
|
|
93
|
+
subtle: [styles.material, styles.subtle],
|
|
94
|
+
outline: [styles.material, styles.outline],
|
|
95
|
+
raised: [styles.material, styles.raised],
|
|
96
|
+
translucent: [styles.material, styles.translucent],
|
|
97
|
+
floating: [styles.material, styles.floating]
|
|
98
|
+
};
|
|
99
|
+
|
|
21
100
|
// src/tooltip.tsx
|
|
22
101
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
23
|
-
var
|
|
102
|
+
var styles2 = {
|
|
103
|
+
elevation: {
|
|
104
|
+
"--bolerish-material-shadow": "x1edk1m7",
|
|
105
|
+
$$css: true
|
|
106
|
+
},
|
|
24
107
|
popup: {
|
|
25
108
|
kWkggS: "xssngo0",
|
|
26
109
|
kVAM5u: "x1kqtvf4",
|
|
@@ -144,7 +227,7 @@ function TooltipContent(t0) {
|
|
|
144
227
|
let t4;
|
|
145
228
|
if ($[8] !== className || $[9] !== style || $[10] !== xstyle) {
|
|
146
229
|
t4 = function getPopupStyles2(state) {
|
|
147
|
-
return mergeStyles(stylex.props(
|
|
230
|
+
return mergeStyles(stylex.props(styles2.popup, surfaceStyles.raised, styles2.elevation, (state.transitionStatus === "starting" || state.transitionStatus === "ending") && styles2.popupTransitioning, state.transitionStatus === "ending" && styles2.popupEnding, xstyle), className, style);
|
|
148
231
|
};
|
|
149
232
|
$[8] = className;
|
|
150
233
|
$[9] = style;
|
package/dist/tooltip.js.map
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
|
-
"sources": ["../src/tooltip.tsx", "../src/styles/merge-styles.ts"],
|
|
4
|
-
"sourcesContent": ["\"use client\";\n\nimport { c as _c } from \"react/compiler-runtime\";\nimport { Tooltip as TooltipPrimitive } from \"@base-ui/react/tooltip\";\nimport { colorVars, layerVars, motionVars, radiusVars, shadowVars, sizeVars, spacingVars, typo } from \"@bolerish/tokens/semantic.stylex\";\nimport * as stylex from \"@stylexjs/stylex\";\nimport type { ComponentProps } from \"react\";\nimport { mergeStyles } from \"./styles/merge-styles\";\nimport type { StyledProps } from \"./styles/merge-styles\";\nconst styles = {\n popup: {\n kWkggS: \"xssngo0\",\n kVAM5u: \"x1kqtvf4\",\n ksu8eU: \"x1y0btm7\",\n kMzoRj: \"x1al7nqq\",\n kaIpWk: \"x1p5vitp\",\n kGVxlE: \"xms81ks\",\n kMwMTN: \"x1t28c4i\",\n kGuDYH: \"x1gag4p9\",\n kLWn49: \"xipl0i2\",\n ks0D6T: \"x1as4rcc\",\n k8WAf4: \"x1mmca2r\",\n kg3NbH: \"x5044ve\",\n k3aq6I: \"x3oybdh\",\n k3nNDw: \"xctpfpq\",\n kIyJzY: \"x1vrxc1k\",\n k1ekBW: \"x6o7n8i\",\n kAMwcw: \"x1oxff63\",\n kehFko: \"xjilbjb\",\n kxero2: \"xt8ron0\",\n $$css: true\n },\n popupTransitioning: {\n kSiTet: \"xg01cxk\",\n k3aq6I: \"xjzqdv7\",\n $$css: true\n },\n popupEnding: {\n kIyJzY: \"xznvecg\",\n kAMwcw: \"xitywxs\",\n kxero2: \"xt8ron0\",\n $$css: true\n }\n};\nexport const Tooltip = TooltipPrimitive.Root;\nexport const TooltipProvider = TooltipPrimitive.Provider;\nexport function TooltipTrigger(t0) {\n const $ = _c(12);\n let className;\n let props;\n let style;\n let xstyle;\n if ($[0] !== t0) {\n ({\n className,\n style,\n xstyle,\n ...props\n } = t0);\n $[0] = t0;\n $[1] = className;\n $[2] = props;\n $[3] = style;\n $[4] = xstyle;\n } else {\n className = $[1];\n props = $[2];\n style = $[3];\n xstyle = $[4];\n }\n let t1;\n if ($[5] !== className || $[6] !== style || $[7] !== xstyle) {\n t1 = mergeStyles(stylex.props(xstyle), className, style);\n $[5] = className;\n $[6] = style;\n $[7] = xstyle;\n $[8] = t1;\n } else {\n t1 = $[8];\n }\n let t2;\n if ($[9] !== props || $[10] !== t1) {\n t2 = <TooltipPrimitive.Trigger {...props} {...t1} />;\n $[9] = props;\n $[10] = t1;\n $[11] = t2;\n } else {\n t2 = $[11];\n }\n return t2;\n}\ntype TooltipContentProps = StyledProps<ComponentProps<typeof TooltipPrimitive.Popup>> & Pick<ComponentProps<typeof TooltipPrimitive.Positioner>, \"align\" | \"side\" | \"sideOffset\"> & {\n xstyle?: stylex.StyleXStyles;\n};\nexport function TooltipContent(t0) {\n const $ = _c(26);\n let className;\n let props;\n let style;\n let t1;\n let t2;\n let t3;\n let xstyle;\n if ($[0] !== t0) {\n ({\n className,\n style,\n align: t1,\n side: t2,\n sideOffset: t3,\n xstyle,\n ...props\n } = t0);\n $[0] = t0;\n $[1] = className;\n $[2] = props;\n $[3] = style;\n $[4] = t1;\n $[5] = t2;\n $[6] = t3;\n $[7] = xstyle;\n } else {\n className = $[1];\n props = $[2];\n style = $[3];\n t1 = $[4];\n t2 = $[5];\n t3 = $[6];\n xstyle = $[7];\n }\n const align = t1 === undefined ? \"center\" : t1;\n const side = t2 === undefined ? \"top\" : t2;\n const sideOffset = t3 === undefined ? 6 : t3;\n let t4;\n if ($[8] !== className || $[9] !== style || $[10] !== xstyle) {\n t4 = function getPopupStyles(state) {\n return mergeStyles(stylex.props(styles.popup, (state.transitionStatus === \"starting\" || state.transitionStatus === \"ending\") && styles.popupTransitioning, state.transitionStatus === \"ending\" && styles.popupEnding, xstyle), className, style);\n };\n $[8] = className;\n $[9] = style;\n $[10] = xstyle;\n $[11] = t4;\n } else {\n t4 = $[11];\n }\n const getPopupStyles = t4;\n let t5;\n if ($[12] === Symbol.for(\"react.memo_cache_sentinel\")) {\n t5 = {\n className: \"x1p9f38c\"\n };\n $[12] = t5;\n } else {\n t5 = $[12];\n }\n let t6;\n let t7;\n if ($[13] !== getPopupStyles) {\n t6 = state_0 => getPopupStyles(state_0).className;\n t7 = state_1 => getPopupStyles(state_1).style;\n $[13] = getPopupStyles;\n $[14] = t6;\n $[15] = t7;\n } else {\n t6 = $[14];\n t7 = $[15];\n }\n let t8;\n if ($[16] === Symbol.for(\"react.memo_cache_sentinel\")) {\n t8 = <TooltipPrimitive.Arrow className=\"xjyu4m7 x1cblnce x1xfbi0z\" />;\n $[16] = t8;\n } else {\n t8 = $[16];\n }\n let t9;\n if ($[17] !== props || $[18] !== t6 || $[19] !== t7) {\n t9 = <TooltipPrimitive.Popup {...props} className={t6} style={t7}>{props.children}{t8}</TooltipPrimitive.Popup>;\n $[17] = props;\n $[18] = t6;\n $[19] = t7;\n $[20] = t9;\n } else {\n t9 = $[20];\n }\n let t10;\n if ($[21] !== align || $[22] !== side || $[23] !== sideOffset || $[24] !== t9) {\n t10 = <TooltipPrimitive.Portal><TooltipPrimitive.Positioner align={align} side={side} sideOffset={sideOffset} {...t5}>{t9}</TooltipPrimitive.Positioner></TooltipPrimitive.Portal>;\n $[21] = align;\n $[22] = side;\n $[23] = sideOffset;\n $[24] = t9;\n $[25] = t10;\n } else {\n t10 = $[25];\n }\n return t10;\n}", "import type * as stylex from \"@stylexjs/stylex\";\nimport type { CSSProperties } from \"react\";\nexport type StyledProps<Props> = Props extends unknown ? Omit<Props, \"className\" | \"style\"> & {\n className?: string;\n style?: CSSProperties;\n} : never;\nexport function mergeStyles(base: ReturnType<typeof stylex.props>, className?: string, style?: CSSProperties): {\n className?: string;\n style?: CSSProperties;\n} {\n if (className === undefined && style === undefined) return base;\n return {\n ...base,\n className: [base.className, className].filter(Boolean).join(\" \") || undefined,\n style: base.style || style ? {\n ...base.style,\n ...style\n } : undefined\n };\n}"],
|
|
5
|
-
"mappings": ";;;AAEA,SAAS,KAAK,UAAU;AACxB,SAAS,WAAW,wBAAwB;AAE5C,YAAY,YAAY;;;ACCjB,SAAS,YAAY,MAAuC,WAAoB,OAGrF;AACA,MAAI,cAAc,UAAa,UAAU,OAAW,QAAO;AAC3D,SAAO;AAAA,IACL,GAAG;AAAA,IACH,WAAW,CAAC,KAAK,WAAW,SAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,KAAK;AAAA,IACpE,OAAO,KAAK,SAAS,QAAQ;AAAA,MAC3B,GAAG,KAAK;AAAA,MACR,GAAG;AAAA,IACL,IAAI;AAAA,EACN;AACF;;;
|
|
6
|
-
"names": ["props", "getPopupStyles"]
|
|
3
|
+
"sources": ["../src/tooltip.tsx", "../src/styles/merge-styles.ts", "../src/styles/surface.ts"],
|
|
4
|
+
"sourcesContent": ["\"use client\";\n\nimport { c as _c } from \"react/compiler-runtime\";\nimport { Tooltip as TooltipPrimitive } from \"@base-ui/react/tooltip\";\nimport { colorVars, layerVars, motionVars, radiusVars, shadowVars, sizeVars, spacingVars, typo } from \"@bolerish/tokens/semantic.stylex\";\nimport * as stylex from \"@stylexjs/stylex\";\nimport type { ComponentProps } from \"react\";\nimport { mergeStyles } from \"./styles/merge-styles\";\nimport type { StyledProps } from \"./styles/merge-styles\";\nimport { surfaceStyles } from \"./styles/surface\";\nconst styles = {\n elevation: {\n \"--bolerish-material-shadow\": \"x1edk1m7\",\n $$css: true\n },\n popup: {\n kWkggS: \"xssngo0\",\n kVAM5u: \"x1kqtvf4\",\n ksu8eU: \"x1y0btm7\",\n kMzoRj: \"x1al7nqq\",\n kaIpWk: \"x1p5vitp\",\n kGVxlE: \"xms81ks\",\n kMwMTN: \"x1t28c4i\",\n kGuDYH: \"x1gag4p9\",\n kLWn49: \"xipl0i2\",\n ks0D6T: \"x1as4rcc\",\n k8WAf4: \"x1mmca2r\",\n kg3NbH: \"x5044ve\",\n k3aq6I: \"x3oybdh\",\n k3nNDw: \"xctpfpq\",\n kIyJzY: \"x1vrxc1k\",\n k1ekBW: \"x6o7n8i\",\n kAMwcw: \"x1oxff63\",\n kehFko: \"xjilbjb\",\n kxero2: \"xt8ron0\",\n $$css: true\n },\n popupTransitioning: {\n kSiTet: \"xg01cxk\",\n k3aq6I: \"xjzqdv7\",\n $$css: true\n },\n popupEnding: {\n kIyJzY: \"xznvecg\",\n kAMwcw: \"xitywxs\",\n kxero2: \"xt8ron0\",\n $$css: true\n }\n};\nexport const Tooltip = TooltipPrimitive.Root;\nexport const TooltipProvider = TooltipPrimitive.Provider;\nexport function TooltipTrigger(t0) {\n const $ = _c(12);\n let className;\n let props;\n let style;\n let xstyle;\n if ($[0] !== t0) {\n ({\n className,\n style,\n xstyle,\n ...props\n } = t0);\n $[0] = t0;\n $[1] = className;\n $[2] = props;\n $[3] = style;\n $[4] = xstyle;\n } else {\n className = $[1];\n props = $[2];\n style = $[3];\n xstyle = $[4];\n }\n let t1;\n if ($[5] !== className || $[6] !== style || $[7] !== xstyle) {\n t1 = mergeStyles(stylex.props(xstyle), className, style);\n $[5] = className;\n $[6] = style;\n $[7] = xstyle;\n $[8] = t1;\n } else {\n t1 = $[8];\n }\n let t2;\n if ($[9] !== props || $[10] !== t1) {\n t2 = <TooltipPrimitive.Trigger {...props} {...t1} />;\n $[9] = props;\n $[10] = t1;\n $[11] = t2;\n } else {\n t2 = $[11];\n }\n return t2;\n}\ntype TooltipContentProps = StyledProps<ComponentProps<typeof TooltipPrimitive.Popup>> & Pick<ComponentProps<typeof TooltipPrimitive.Positioner>, \"align\" | \"side\" | \"sideOffset\"> & {\n xstyle?: stylex.StyleXStyles;\n};\nexport function TooltipContent(t0) {\n const $ = _c(26);\n let className;\n let props;\n let style;\n let t1;\n let t2;\n let t3;\n let xstyle;\n if ($[0] !== t0) {\n ({\n className,\n style,\n align: t1,\n side: t2,\n sideOffset: t3,\n xstyle,\n ...props\n } = t0);\n $[0] = t0;\n $[1] = className;\n $[2] = props;\n $[3] = style;\n $[4] = t1;\n $[5] = t2;\n $[6] = t3;\n $[7] = xstyle;\n } else {\n className = $[1];\n props = $[2];\n style = $[3];\n t1 = $[4];\n t2 = $[5];\n t3 = $[6];\n xstyle = $[7];\n }\n const align = t1 === undefined ? \"center\" : t1;\n const side = t2 === undefined ? \"top\" : t2;\n const sideOffset = t3 === undefined ? 6 : t3;\n let t4;\n if ($[8] !== className || $[9] !== style || $[10] !== xstyle) {\n t4 = function getPopupStyles(state) {\n return mergeStyles(stylex.props(styles.popup, surfaceStyles.raised, styles.elevation, (state.transitionStatus === \"starting\" || state.transitionStatus === \"ending\") && styles.popupTransitioning, state.transitionStatus === \"ending\" && styles.popupEnding, xstyle), className, style);\n };\n $[8] = className;\n $[9] = style;\n $[10] = xstyle;\n $[11] = t4;\n } else {\n t4 = $[11];\n }\n const getPopupStyles = t4;\n let t5;\n if ($[12] === Symbol.for(\"react.memo_cache_sentinel\")) {\n t5 = {\n className: \"x1p9f38c\"\n };\n $[12] = t5;\n } else {\n t5 = $[12];\n }\n let t6;\n let t7;\n if ($[13] !== getPopupStyles) {\n t6 = state_0 => getPopupStyles(state_0).className;\n t7 = state_1 => getPopupStyles(state_1).style;\n $[13] = getPopupStyles;\n $[14] = t6;\n $[15] = t7;\n } else {\n t6 = $[14];\n t7 = $[15];\n }\n let t8;\n if ($[16] === Symbol.for(\"react.memo_cache_sentinel\")) {\n t8 = <TooltipPrimitive.Arrow className=\"xjyu4m7 x1cblnce x1xfbi0z\" />;\n $[16] = t8;\n } else {\n t8 = $[16];\n }\n let t9;\n if ($[17] !== props || $[18] !== t6 || $[19] !== t7) {\n t9 = <TooltipPrimitive.Popup {...props} className={t6} style={t7}>{props.children}{t8}</TooltipPrimitive.Popup>;\n $[17] = props;\n $[18] = t6;\n $[19] = t7;\n $[20] = t9;\n } else {\n t9 = $[20];\n }\n let t10;\n if ($[21] !== align || $[22] !== side || $[23] !== sideOffset || $[24] !== t9) {\n t10 = <TooltipPrimitive.Portal><TooltipPrimitive.Positioner align={align} side={side} sideOffset={sideOffset} {...t5}>{t9}</TooltipPrimitive.Positioner></TooltipPrimitive.Portal>;\n $[21] = align;\n $[22] = side;\n $[23] = sideOffset;\n $[24] = t9;\n $[25] = t10;\n } else {\n t10 = $[25];\n }\n return t10;\n}", "import type * as stylex from \"@stylexjs/stylex\";\nimport type { CSSProperties } from \"react\";\nexport type StyledProps<Props> = Props extends unknown ? Omit<Props, \"className\" | \"style\"> & {\n className?: string;\n style?: CSSProperties;\n} : never;\nexport function mergeStyles(base: ReturnType<typeof stylex.props>, className?: string, style?: CSSProperties): {\n className?: string;\n style?: CSSProperties;\n} {\n if (className === undefined && style === undefined) return base;\n return {\n ...base,\n className: [base.className, className].filter(Boolean).join(\" \") || undefined,\n style: base.style || style ? {\n ...base.style,\n ...style\n } : undefined\n };\n}", "import { colorVars, shadowVars } from \"@bolerish/tokens/semantic.stylex\";\nimport * as stylex from \"@stylexjs/stylex\";\nconst styles = {\n edge: {\n kVAM5u: \"x1kqtvf4\",\n kFGkbq: \"x1w1tqly\",\n $$css: true\n },\n material: {\n \"--bolerish-material-shadow\": \"xvd6nka\",\n kGVxlE: \"x16ifxj2 xpqbwuo\",\n kWkggS: \"x1s4uome x1u5mdis\",\n k6WDB: \"x1t853zo x1o5bnqd\",\n kKwaWg: \"x18o3ruo xxit9r9\",\n kTahiY: \"x1cg02ou\",\n kEcs6k: \"x11rvarm\",\n kWrjR8: \"x1ile18z\",\n kfloDl: \"x1m3y3zz\",\n kO6drA: \"x9yvj25\",\n kkTUmj: \"x14hm74v\",\n k11ilZ: \"xhobzj1\",\n ktzNWN: \"xwaqzdf\",\n $$css: true\n },\n panel: {\n \"--bolerish-material-color\": \"x14zkn9l\",\n \"--bolerish-material-opacity\": \"x8fe23t\",\n \"--bolerish-material-filter\": \"x1n6mwez\",\n $$css: true\n },\n control: {\n \"--bolerish-material-color\": \"x14zkn9l\",\n \"--bolerish-material-opacity\": \"xg4j6g8\",\n \"--bolerish-material-filter\": \"x1mpfm11\",\n $$css: true\n },\n subtle: {\n \"--bolerish-material-color\": \"x1819ggx\",\n \"--bolerish-material-opacity\": \"xg4j6g8\",\n \"--bolerish-material-filter\": \"x1mpfm11\",\n $$css: true\n },\n outline: {\n \"--bolerish-material-color\": \"x3m3fbl\",\n \"--bolerish-material-opacity\": \"xg4j6g8\",\n \"--bolerish-material-filter\": \"x1mpfm11\",\n $$css: true\n },\n raised: {\n \"--bolerish-material-shadow\": \"x8605wn\",\n \"--bolerish-material-color\": \"x1y5ilfp\",\n \"--bolerish-material-opacity\": \"x1nqk09\",\n \"--bolerish-material-filter\": \"x1gkvbmm\",\n $$css: true\n },\n translucent: {\n \"--bolerish-material-color\": \"x14zkn9l\",\n \"--bolerish-material-opacity\": \"xoh9gux\",\n \"--bolerish-material-filter\": \"xhu24am\",\n $$css: true\n },\n floating: {\n \"--bolerish-material-shadow\": \"x1edk1m7\",\n \"--bolerish-material-color\": \"x1y5ilfp\",\n \"--bolerish-material-opacity\": \"x14p89z6\",\n \"--bolerish-material-filter\": \"xunhrho\",\n $$css: true\n }\n};\nexport const surfaceStyles = {\n edge: styles.edge,\n panel: [styles.material, styles.panel],\n control: [styles.material, styles.control],\n subtle: [styles.material, styles.subtle],\n outline: [styles.material, styles.outline],\n raised: [styles.material, styles.raised],\n translucent: [styles.material, styles.translucent],\n floating: [styles.material, styles.floating]\n};"],
|
|
5
|
+
"mappings": "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",
|
|
6
|
+
"names": ["styles", "props", "getPopupStyles"]
|
|
7
7
|
}
|
package/package.json
CHANGED
|
@@ -1,16 +1,12 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@bolerish/ui",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.15.0",
|
|
4
4
|
"private": false,
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
7
|
-
"url": "https://github.com/myjeong19/ui.git"
|
|
8
|
-
},
|
|
9
|
-
"bin": {
|
|
10
|
-
"bolerish": "./dist/cli.js"
|
|
7
|
+
"url": "git+https://github.com/myjeong19/bolerish-ui.git"
|
|
11
8
|
},
|
|
12
9
|
"files": [
|
|
13
|
-
"configuration_schema.json",
|
|
14
10
|
"dist"
|
|
15
11
|
],
|
|
16
12
|
"type": "module",
|
|
@@ -47,13 +43,14 @@
|
|
|
47
43
|
"./empty": "./dist/empty.js",
|
|
48
44
|
"./field": "./dist/field.js",
|
|
49
45
|
"./hover-card": "./dist/hover-card.js",
|
|
46
|
+
"./gradient": "./dist/gradient.js",
|
|
50
47
|
"./global.css": "./dist/global.css",
|
|
51
48
|
"./primitives": "./dist/primitives.js",
|
|
52
49
|
"./reset.css": "./dist/reset.css",
|
|
53
50
|
"./input": "./dist/input.js",
|
|
54
51
|
"./input-group": "./dist/input-group.js",
|
|
55
52
|
"./input-otp": "./dist/input-otp.js",
|
|
56
|
-
"./
|
|
53
|
+
"./item": "./dist/item.js",
|
|
57
54
|
"./kbd": "./dist/kbd.js",
|
|
58
55
|
"./label": "./dist/label.js",
|
|
59
56
|
"./link": "./dist/link.js",
|
|
@@ -89,15 +86,16 @@
|
|
|
89
86
|
"access": "public"
|
|
90
87
|
},
|
|
91
88
|
"dependencies": {
|
|
92
|
-
"@base-ui/react": "^1.
|
|
93
|
-
"@bolerish/
|
|
94
|
-
"@bolerish/tokens": "0.12.0",
|
|
89
|
+
"@base-ui/react": "^1.9.0",
|
|
90
|
+
"@bolerish/tokens": "0.15.0",
|
|
95
91
|
"@daypicker/react": "^10.0.1",
|
|
96
92
|
"@phosphor-icons/react": "^2.1.10",
|
|
97
93
|
"@stylexjs/stylex": "^0.19.0",
|
|
98
94
|
"embla-carousel-react": "^8.6.0"
|
|
99
95
|
},
|
|
100
96
|
"devDependencies": {
|
|
97
|
+
"@axe-core/playwright": "^4.14.0",
|
|
98
|
+
"@playwright/test": "1.64.1",
|
|
101
99
|
"@stylexjs/unplugin": "0.19.0",
|
|
102
100
|
"@types/node": "26.4.1",
|
|
103
101
|
"@types/react": "19.2.18",
|
|
@@ -114,8 +112,9 @@
|
|
|
114
112
|
"react-dom": "^19.0.0"
|
|
115
113
|
},
|
|
116
114
|
"scripts": {
|
|
117
|
-
"build": "
|
|
118
|
-
"test": "pnpm build && node --experimental-strip-types --test test/*.test.ts",
|
|
119
|
-
"
|
|
115
|
+
"build": "node --experimental-strip-types scripts/build.ts",
|
|
116
|
+
"test": "pnpm build && node --experimental-strip-types --test src/*.test.ts src/styles/*.test.ts package.test.ts",
|
|
117
|
+
"test:browser": "pnpm build && playwright test",
|
|
118
|
+
"typecheck": "tsc --noEmit && pnpm build && tsc -p tsconfig.test.json"
|
|
120
119
|
}
|
|
121
120
|
}
|
|
@@ -1,105 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"$schema": "http://json-schema.org/draft-07/schema#",
|
|
3
|
-
"title": "@bolerish/ui configuration",
|
|
4
|
-
"type": "object",
|
|
5
|
-
"required": ["aliases"],
|
|
6
|
-
"additionalProperties": false,
|
|
7
|
-
"properties": {
|
|
8
|
-
"$schema": {
|
|
9
|
-
"type": "string"
|
|
10
|
-
},
|
|
11
|
-
"version": {
|
|
12
|
-
"type": "string",
|
|
13
|
-
"minLength": 1,
|
|
14
|
-
"description": "Installed foundation version."
|
|
15
|
-
},
|
|
16
|
-
"components": {
|
|
17
|
-
"type": "object",
|
|
18
|
-
"propertyNames": {
|
|
19
|
-
"minLength": 1
|
|
20
|
-
},
|
|
21
|
-
"additionalProperties": {
|
|
22
|
-
"type": ["string", "null"],
|
|
23
|
-
"minLength": 1
|
|
24
|
-
},
|
|
25
|
-
"description": "Installed component versions; null means the source version is unknown."
|
|
26
|
-
},
|
|
27
|
-
"aliases": {
|
|
28
|
-
"type": "object",
|
|
29
|
-
"required": ["ui", "styles"],
|
|
30
|
-
"additionalProperties": false,
|
|
31
|
-
"properties": {
|
|
32
|
-
"ui": {
|
|
33
|
-
"type": "string",
|
|
34
|
-
"minLength": 1,
|
|
35
|
-
"default": "@/components/ui"
|
|
36
|
-
},
|
|
37
|
-
"styles": {
|
|
38
|
-
"type": "string",
|
|
39
|
-
"minLength": 1,
|
|
40
|
-
"default": "@/styles"
|
|
41
|
-
}
|
|
42
|
-
}
|
|
43
|
-
},
|
|
44
|
-
"accessibility": {
|
|
45
|
-
"type": "object",
|
|
46
|
-
"required": ["respectReducedMotion"],
|
|
47
|
-
"additionalProperties": false,
|
|
48
|
-
"properties": {
|
|
49
|
-
"respectReducedMotion": {
|
|
50
|
-
"type": "boolean",
|
|
51
|
-
"default": true,
|
|
52
|
-
"description": "Deprecated compatibility field. OS motion rules are always retained."
|
|
53
|
-
}
|
|
54
|
-
}
|
|
55
|
-
},
|
|
56
|
-
"theme": {
|
|
57
|
-
"type": "object",
|
|
58
|
-
"additionalProperties": false,
|
|
59
|
-
"description": "Generated defaults. Apply changes with bolerish init --force.",
|
|
60
|
-
"properties": {
|
|
61
|
-
"density": {
|
|
62
|
-
"anyOf": [
|
|
63
|
-
{
|
|
64
|
-
"type": "string",
|
|
65
|
-
"enum": ["default", "compact"]
|
|
66
|
-
},
|
|
67
|
-
{
|
|
68
|
-
"type": "number",
|
|
69
|
-
"exclusiveMinimum": 0,
|
|
70
|
-
"maximum": 2
|
|
71
|
-
}
|
|
72
|
-
],
|
|
73
|
-
"default": "default"
|
|
74
|
-
},
|
|
75
|
-
"unit": {
|
|
76
|
-
"type": "string",
|
|
77
|
-
"enum": ["rem", "px"],
|
|
78
|
-
"default": "rem"
|
|
79
|
-
},
|
|
80
|
-
"motion": {
|
|
81
|
-
"type": "string",
|
|
82
|
-
"enum": ["system", "off"],
|
|
83
|
-
"default": "system",
|
|
84
|
-
"description": "Follow OS reduced motion or disable motion. Runtime choices take precedence."
|
|
85
|
-
},
|
|
86
|
-
"fonts": {
|
|
87
|
-
"type": "object",
|
|
88
|
-
"additionalProperties": false,
|
|
89
|
-
"properties": {
|
|
90
|
-
"body": {
|
|
91
|
-
"type": "string",
|
|
92
|
-
"minLength": 1,
|
|
93
|
-
"description": "CSS font-family list."
|
|
94
|
-
},
|
|
95
|
-
"heading": {
|
|
96
|
-
"type": "string",
|
|
97
|
-
"minLength": 1,
|
|
98
|
-
"description": "CSS font-family list."
|
|
99
|
-
}
|
|
100
|
-
}
|
|
101
|
-
}
|
|
102
|
-
}
|
|
103
|
-
}
|
|
104
|
-
}
|
|
105
|
-
}
|
package/dist/cli.js
DELETED
package/dist/cli.js.map
DELETED
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../bin/cli.ts"],
|
|
4
|
-
"sourcesContent": ["#!/usr/bin/env node\n\nimport { run } from \"@bolerish/cli\";\n\nif (!(await run())) process.exitCode = 1;\n"],
|
|
5
|
-
"mappings": ";;;AAEA,SAAS,WAAW;AAEpB,IAAI,CAAE,MAAM,IAAI,EAAI,SAAQ,WAAW;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|