@speakeasy-api/moonshine 1.28.2 → 1.28.4

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.
Files changed (26) hide show
  1. package/dist/components/Button/index.d.ts +1 -1
  2. package/dist/components/CodeSnippet/index.d.ts +6 -2
  3. package/dist/{createCustomLucideIcon-BahQ7wVJ.mjs → createCustomLucideIcon-yKU2LZVu.mjs} +2 -2
  4. package/dist/{createCustomLucideIcon-BahQ7wVJ.mjs.map → createCustomLucideIcon-yKU2LZVu.mjs.map} +1 -1
  5. package/dist/{gems-C1vq4jkC.mjs → gems-Dv_c1ms0.mjs} +2 -2
  6. package/dist/{gems-C1vq4jkC.mjs.map → gems-Dv_c1ms0.mjs.map} +1 -1
  7. package/dist/{go-Bz6JW5rd.mjs → go-DnvL5408.mjs} +2 -2
  8. package/dist/{go-Bz6JW5rd.mjs.map → go-DnvL5408.mjs.map} +1 -1
  9. package/dist/{index-BIN1zmYb.mjs → index-r1tIVjKM.mjs} +45 -43
  10. package/dist/index-r1tIVjKM.mjs.map +1 -0
  11. package/dist/{maven-BFsPK9oZ.mjs → maven-DEVWKHmb.mjs} +2 -2
  12. package/dist/{maven-BFsPK9oZ.mjs.map → maven-DEVWKHmb.mjs.map} +1 -1
  13. package/dist/moonshine.es.js +1 -1
  14. package/dist/{npm-D0OGwY-C.mjs → npm-DI6FOdUa.mjs} +2 -2
  15. package/dist/{npm-D0OGwY-C.mjs.map → npm-DI6FOdUa.mjs.map} +1 -1
  16. package/dist/{nuget-DYM6qccW.mjs → nuget-A9qKGGLZ.mjs} +2 -2
  17. package/dist/{nuget-DYM6qccW.mjs.map → nuget-A9qKGGLZ.mjs.map} +1 -1
  18. package/dist/{packagist-DT1qt_cO.mjs → packagist-CgRyKA-j.mjs} +2 -2
  19. package/dist/{packagist-DT1qt_cO.mjs.map → packagist-CgRyKA-j.mjs.map} +1 -1
  20. package/dist/{pypi-BQomnzb5.mjs → pypi-BqqY7bI7.mjs} +2 -2
  21. package/dist/{pypi-BQomnzb5.mjs.map → pypi-BqqY7bI7.mjs.map} +1 -1
  22. package/dist/style.css +1 -1
  23. package/package.json +1 -1
  24. package/src/utilities.css +7 -1
  25. package/types/utilities.d.ts +1 -1
  26. package/dist/index-BIN1zmYb.mjs.map +0 -1
@@ -4,7 +4,7 @@ declare const ButtonLeftIcon: React.ForwardRefExoticComponent<React.HTMLAttribut
4
4
  declare const ButtonRightIcon: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLSpanElement> & React.RefAttributes<HTMLSpanElement>>;
5
5
  declare const ButtonIcon: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLSpanElement> & React.RefAttributes<HTMLSpanElement>>;
6
6
  declare const ButtonText: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLSpanElement> & React.RefAttributes<HTMLSpanElement>>;
7
- type Attributes = Pick<React.ButtonHTMLAttributes<HTMLButtonElement>, 'disabled' | 'onClick' | 'type' | 'children' | 'role' | 'onMouseEnter' | 'onMouseLeave' | 'onMouseDown' | 'onMouseUp' | 'onMouseMove'>;
7
+ type Attributes = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'style'>;
8
8
  export interface ButtonProps extends Attributes {
9
9
  asChild?: boolean;
10
10
  variant?: ButtonVariant;
@@ -39,12 +39,16 @@ export interface CodeSnippetProps {
39
39
  */
40
40
  shimmer?: boolean;
41
41
  /**
42
- * Additional CSS classes to apply to the code snippet.
42
+ * Additional CSS classes to apply to the code snippet container
43
43
  */
44
44
  className?: string;
45
+ /**
46
+ * Additional CSS classes to apply to the code snippet inner container (e.g the Codehike Pre component).
47
+ */
48
+ snippetClassName?: string;
45
49
  /**
46
50
  * Custom annotation handlers to be added to the default handlers.
47
51
  */
48
52
  customHandlers?: AnnotationHandler[];
49
53
  }
50
- export declare function CodeSnippet({ code, copyable, language, promptSymbol, inline, fontSize, onSelectOrCopy, shimmer, className, showLineNumbers, customHandlers, }: CodeSnippetProps): import("react/jsx-runtime").JSX.Element;
54
+ export declare function CodeSnippet({ code, copyable, language, promptSymbol, inline, fontSize, onSelectOrCopy, shimmer, className, snippetClassName, showLineNumbers, customHandlers, }: CodeSnippetProps): import("react/jsx-runtime").JSX.Element;
@@ -1,4 +1,4 @@
1
- import { c as s, t as n } from "./index-BIN1zmYb.mjs";
1
+ import { c as s, t as n } from "./index-r1tIVjKM.mjs";
2
2
  import { Icon as p } from "lucide-react";
3
3
  import { forwardRef as f, createElement as i } from "react";
4
4
  const C = (e, t, r) => {
@@ -16,4 +16,4 @@ const C = (e, t, r) => {
16
16
  export {
17
17
  C as c
18
18
  };
19
- //# sourceMappingURL=createCustomLucideIcon-BahQ7wVJ.mjs.map
19
+ //# sourceMappingURL=createCustomLucideIcon-yKU2LZVu.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"createCustomLucideIcon-BahQ7wVJ.mjs","sources":["../src/components/Icon/customIcons/createCustomLucideIcon.ts"],"sourcesContent":["import { cn, toKebabCase } from '@/lib/utils'\nimport { Icon, IconNode, LucideProps } from 'lucide-react'\nimport { createElement, forwardRef } from 'react'\n\nconst createCustomLucideIcon = (\n iconName: string,\n iconNode: IconNode,\n lucideProps?: Partial<LucideProps>\n) => {\n const Component = forwardRef<SVGSVGElement, LucideProps>(\n ({ className, ...props }, ref) =>\n createElement(Icon, {\n ref,\n iconNode,\n className: cn(`lucide-${toKebabCase(iconName)}`, className),\n ...{ ...(lucideProps ?? {}), ...props },\n })\n )\n\n Component.displayName = `${iconName}`\n\n return Component\n}\n\nexport default createCustomLucideIcon\n"],"names":["createCustomLucideIcon","iconName","iconNode","lucideProps","Component","forwardRef","className","props","ref","createElement","Icon","cn","toKebabCase"],"mappings":";;;AAIA,MAAMA,IAAyB,CAC7BC,GACAC,GACAC,MACG;AACH,QAAMC,IAAYC;AAAA,IAChB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAS,GAAAC,MACxBC,EAAcC,GAAM;AAAA,MAClB,KAAAF;AAAA,MACA,UAAAN;AAAA,MACA,WAAWS,EAAG,UAAUC,EAAYX,CAAQ,CAAC,IAAIK,CAAS;AAAA,MACrD,GAAIH,KAAe,CAAC;AAAA,MAAI,GAAGI;AAAA,IACjC,CAAA;AAAA,EACL;AAEU,SAAAH,EAAA,cAAc,GAAGH,CAAQ,IAE5BG;AACT;"}
1
+ {"version":3,"file":"createCustomLucideIcon-yKU2LZVu.mjs","sources":["../src/components/Icon/customIcons/createCustomLucideIcon.ts"],"sourcesContent":["import { cn, toKebabCase } from '@/lib/utils'\nimport { Icon, IconNode, LucideProps } from 'lucide-react'\nimport { createElement, forwardRef } from 'react'\n\nconst createCustomLucideIcon = (\n iconName: string,\n iconNode: IconNode,\n lucideProps?: Partial<LucideProps>\n) => {\n const Component = forwardRef<SVGSVGElement, LucideProps>(\n ({ className, ...props }, ref) =>\n createElement(Icon, {\n ref,\n iconNode,\n className: cn(`lucide-${toKebabCase(iconName)}`, className),\n ...{ ...(lucideProps ?? {}), ...props },\n })\n )\n\n Component.displayName = `${iconName}`\n\n return Component\n}\n\nexport default createCustomLucideIcon\n"],"names":["createCustomLucideIcon","iconName","iconNode","lucideProps","Component","forwardRef","className","props","ref","createElement","Icon","cn","toKebabCase"],"mappings":";;;AAIA,MAAMA,IAAyB,CAC7BC,GACAC,GACAC,MACG;AACH,QAAMC,IAAYC;AAAA,IAChB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAS,GAAAC,MACxBC,EAAcC,GAAM;AAAA,MAClB,KAAAF;AAAA,MACA,UAAAN;AAAA,MACA,WAAWS,EAAG,UAAUC,EAAYX,CAAQ,CAAC,IAAIK,CAAS;AAAA,MACrD,GAAIH,KAAe,CAAC;AAAA,MAAI,GAAGI;AAAA,IACjC,CAAA;AAAA,EACL;AAEU,SAAAH,EAAA,cAAc,GAAGH,CAAQ,IAE5BG;AACT;"}
@@ -1,4 +1,4 @@
1
- import { c as L } from "./createCustomLucideIcon-BahQ7wVJ.mjs";
1
+ import { c as L } from "./createCustomLucideIcon-yKU2LZVu.mjs";
2
2
  const o = [
3
3
  [
4
4
  "path",
@@ -21,4 +21,4 @@ const o = [
21
21
  export {
22
22
  e as default
23
23
  };
24
- //# sourceMappingURL=gems-C1vq4jkC.mjs.map
24
+ //# sourceMappingURL=gems-Dv_c1ms0.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"gems-C1vq4jkC.mjs","sources":["../src/components/Icon/customIcons/gems.ts"],"sourcesContent":["import { IconNode } from 'lucide-react'\nimport createCustomLucideIcon from './createCustomLucideIcon'\n\nconst iconNode: IconNode = [\n [\n 'path',\n {\n d: 'M156.139 157.469L196.307 117.301L168.177 89.1397V89.0126H88.2885L88.4113 89.2582L88.2885 89.1354L60.6496 117.296L128.5 184.929',\n key: 'path-1',\n },\n ],\n [\n 'path',\n {\n d: 'M128.5 14L29 71.0835V185.25L128.5 242.333L228 185.25V71.0829L128.5 14ZM208.96 174.341L128.5 220.767L48.0401 174.34V81.7386L128.5 35.3114L208.96 81.3762',\n key: 'path-2',\n },\n ],\n]\n\nconst icon = createCustomLucideIcon('gems', iconNode, {\n viewBox: '0 0 256 256',\n fill: 'currentColor',\n})\n\nexport { icon as default }\n"],"names":["iconNode","icon","createCustomLucideIcon"],"mappings":";AAGA,MAAMA,IAAqB;AAAA,EACzB;AAAA,IACE;AAAA,IACA;AAAA,MACE,GAAG;AAAA,MACH,KAAK;AAAA,IAAA;AAAA,EAET;AAAA,EACA;AAAA,IACE;AAAA,IACA;AAAA,MACE,GAAG;AAAA,MACH,KAAK;AAAA,IAAA;AAAA,EACP;AAEJ,GAEMC,IAAOC,EAAuB,QAAQF,GAAU;AAAA,EACpD,SAAS;AAAA,EACT,MAAM;AACR,CAAC;"}
1
+ {"version":3,"file":"gems-Dv_c1ms0.mjs","sources":["../src/components/Icon/customIcons/gems.ts"],"sourcesContent":["import { IconNode } from 'lucide-react'\nimport createCustomLucideIcon from './createCustomLucideIcon'\n\nconst iconNode: IconNode = [\n [\n 'path',\n {\n d: 'M156.139 157.469L196.307 117.301L168.177 89.1397V89.0126H88.2885L88.4113 89.2582L88.2885 89.1354L60.6496 117.296L128.5 184.929',\n key: 'path-1',\n },\n ],\n [\n 'path',\n {\n d: 'M128.5 14L29 71.0835V185.25L128.5 242.333L228 185.25V71.0829L128.5 14ZM208.96 174.341L128.5 220.767L48.0401 174.34V81.7386L128.5 35.3114L208.96 81.3762',\n key: 'path-2',\n },\n ],\n]\n\nconst icon = createCustomLucideIcon('gems', iconNode, {\n viewBox: '0 0 256 256',\n fill: 'currentColor',\n})\n\nexport { icon as default }\n"],"names":["iconNode","icon","createCustomLucideIcon"],"mappings":";AAGA,MAAMA,IAAqB;AAAA,EACzB;AAAA,IACE;AAAA,IACA;AAAA,MACE,GAAG;AAAA,MACH,KAAK;AAAA,IAAA;AAAA,EAET;AAAA,EACA;AAAA,IACE;AAAA,IACA;AAAA,MACE,GAAG;AAAA,MACH,KAAK;AAAA,IAAA;AAAA,EACP;AAEJ,GAEMC,IAAOC,EAAuB,QAAQF,GAAU;AAAA,EACpD,SAAS;AAAA,EACT,MAAM;AACR,CAAC;"}
@@ -1,4 +1,4 @@
1
- import { c } from "./createCustomLucideIcon-BahQ7wVJ.mjs";
1
+ import { c } from "./createCustomLucideIcon-yKU2LZVu.mjs";
2
2
  const o = [
3
3
  [
4
4
  "path",
@@ -21,4 +21,4 @@ const o = [
21
21
  export {
22
22
  e as default
23
23
  };
24
- //# sourceMappingURL=go-Bz6JW5rd.mjs.map
24
+ //# sourceMappingURL=go-DnvL5408.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"go-Bz6JW5rd.mjs","sources":["../src/components/Icon/customIcons/go.ts"],"sourcesContent":["import { IconNode } from 'lucide-react'\nimport createCustomLucideIcon from './createCustomLucideIcon'\n\nconst iconNode: IconNode = [\n [\n 'path',\n {\n d: 'M11.156 54.829c-.243 0-.303-.122-.182-.303l1.273-1.637c.12-.182.424-.303.666-.303H34.55c.243 0 .303.182.182.364l-1.03 1.576c-.121.181-.424.363-.606.363zM2.004 60.404c-.242 0-.303-.12-.182-.303l1.273-1.636c.121-.182.424-.303.667-.303h27.636c.242 0 .364.182.303.364l-.485 1.454c-.06.243-.303.364-.545.364zM16.67 65.98c-.242 0-.302-.182-.181-.364l.848-1.515c.122-.182.364-.363.607-.363h12.12c.243 0 .364.181.364.424l-.12 1.454c0 .243-.243.425-.425.425zM79.58 53.738c-3.819.97-6.425 1.697-10.182 2.666-.91.243-.97.303-1.758-.606-.909-1.03-1.576-1.697-2.848-2.303-3.819-1.878-7.516-1.333-10.97.91-4.121 2.666-6.242 6.605-6.182 11.514.06 4.849 3.394 8.849 8.182 9.516 4.121.545 7.576-.91 10.303-4 .545-.667 1.03-1.394 1.636-2.243H56.064c-1.272 0-1.575-.788-1.151-1.818.788-1.879 2.242-5.03 3.09-6.606.183-.364.607-.97 1.516-.97h22.06c-.12 1.637-.12 3.273-.363 4.91-.667 4.363-2.303 8.363-4.97 11.878-4.364 5.758-10.06 9.333-17.273 10.303-5.939.788-11.454-.364-16.302-4-4.485-3.394-7.03-7.879-7.697-13.454-.788-6.606 1.151-12.546 5.151-17.758 4.303-5.636 10-9.212 16.97-10.485 5.697-1.03 11.151-.363 16.06 2.97 3.212 2.121 5.515 5.03 7.03 8.545.364.546.122.849-.606 1.03z',\n key: 'path-1',\n },\n ],\n [\n 'path',\n {\n d: 'M99.64 87.253c-5.515-.122-10.546-1.697-14.788-5.334-3.576-3.09-5.818-7.03-6.545-11.697-1.091-6.848.787-12.909 4.909-18.302 4.424-5.819 9.757-8.849 16.97-10.122 6.181-1.09 12-.484 17.272 3.091 4.788 3.273 7.757 7.697 8.545 13.515 1.03 8.182-1.333 14.849-6.97 20.546-4 4.06-8.909 6.606-14.545 7.757-1.636.303-3.273.364-4.848.546zm14.424-24.485c-.06-.788-.06-1.394-.182-2-1.09-6-6.606-9.394-12.363-8.06-5.637 1.272-9.273 4.848-10.606 10.545-1.091 4.727 1.212 9.515 5.575 11.454 3.334 1.455 6.667 1.273 9.879-.363 4.788-2.485 7.394-6.364 7.697-11.576z',\n key: 'path-2',\n },\n ],\n]\n\nconst icon = createCustomLucideIcon('go', iconNode, {\n viewBox: '0 0 128 128',\n fill: 'currentColor',\n})\n\nexport { icon as default }\n"],"names":["iconNode","icon","createCustomLucideIcon"],"mappings":";AAGA,MAAMA,IAAqB;AAAA,EACzB;AAAA,IACE;AAAA,IACA;AAAA,MACE,GAAG;AAAA,MACH,KAAK;AAAA,IAAA;AAAA,EAET;AAAA,EACA;AAAA,IACE;AAAA,IACA;AAAA,MACE,GAAG;AAAA,MACH,KAAK;AAAA,IAAA;AAAA,EACP;AAEJ,GAEMC,IAAOC,EAAuB,MAAMF,GAAU;AAAA,EAClD,SAAS;AAAA,EACT,MAAM;AACR,CAAC;"}
1
+ {"version":3,"file":"go-DnvL5408.mjs","sources":["../src/components/Icon/customIcons/go.ts"],"sourcesContent":["import { IconNode } from 'lucide-react'\nimport createCustomLucideIcon from './createCustomLucideIcon'\n\nconst iconNode: IconNode = [\n [\n 'path',\n {\n d: 'M11.156 54.829c-.243 0-.303-.122-.182-.303l1.273-1.637c.12-.182.424-.303.666-.303H34.55c.243 0 .303.182.182.364l-1.03 1.576c-.121.181-.424.363-.606.363zM2.004 60.404c-.242 0-.303-.12-.182-.303l1.273-1.636c.121-.182.424-.303.667-.303h27.636c.242 0 .364.182.303.364l-.485 1.454c-.06.243-.303.364-.545.364zM16.67 65.98c-.242 0-.302-.182-.181-.364l.848-1.515c.122-.182.364-.363.607-.363h12.12c.243 0 .364.181.364.424l-.12 1.454c0 .243-.243.425-.425.425zM79.58 53.738c-3.819.97-6.425 1.697-10.182 2.666-.91.243-.97.303-1.758-.606-.909-1.03-1.576-1.697-2.848-2.303-3.819-1.878-7.516-1.333-10.97.91-4.121 2.666-6.242 6.605-6.182 11.514.06 4.849 3.394 8.849 8.182 9.516 4.121.545 7.576-.91 10.303-4 .545-.667 1.03-1.394 1.636-2.243H56.064c-1.272 0-1.575-.788-1.151-1.818.788-1.879 2.242-5.03 3.09-6.606.183-.364.607-.97 1.516-.97h22.06c-.12 1.637-.12 3.273-.363 4.91-.667 4.363-2.303 8.363-4.97 11.878-4.364 5.758-10.06 9.333-17.273 10.303-5.939.788-11.454-.364-16.302-4-4.485-3.394-7.03-7.879-7.697-13.454-.788-6.606 1.151-12.546 5.151-17.758 4.303-5.636 10-9.212 16.97-10.485 5.697-1.03 11.151-.363 16.06 2.97 3.212 2.121 5.515 5.03 7.03 8.545.364.546.122.849-.606 1.03z',\n key: 'path-1',\n },\n ],\n [\n 'path',\n {\n d: 'M99.64 87.253c-5.515-.122-10.546-1.697-14.788-5.334-3.576-3.09-5.818-7.03-6.545-11.697-1.091-6.848.787-12.909 4.909-18.302 4.424-5.819 9.757-8.849 16.97-10.122 6.181-1.09 12-.484 17.272 3.091 4.788 3.273 7.757 7.697 8.545 13.515 1.03 8.182-1.333 14.849-6.97 20.546-4 4.06-8.909 6.606-14.545 7.757-1.636.303-3.273.364-4.848.546zm14.424-24.485c-.06-.788-.06-1.394-.182-2-1.09-6-6.606-9.394-12.363-8.06-5.637 1.272-9.273 4.848-10.606 10.545-1.091 4.727 1.212 9.515 5.575 11.454 3.334 1.455 6.667 1.273 9.879-.363 4.788-2.485 7.394-6.364 7.697-11.576z',\n key: 'path-2',\n },\n ],\n]\n\nconst icon = createCustomLucideIcon('go', iconNode, {\n viewBox: '0 0 128 128',\n fill: 'currentColor',\n})\n\nexport { icon as default }\n"],"names":["iconNode","icon","createCustomLucideIcon"],"mappings":";AAGA,MAAMA,IAAqB;AAAA,EACzB;AAAA,IACE;AAAA,IACA;AAAA,MACE,GAAG;AAAA,MACH,KAAK;AAAA,IAAA;AAAA,EAET;AAAA,EACA;AAAA,IACE;AAAA,IACA;AAAA,MACE,GAAG;AAAA,MACH,KAAK;AAAA,IAAA;AAAA,EACP;AAEJ,GAEMC,IAAOC,EAAuB,MAAMF,GAAU;AAAA,EAClD,SAAS;AAAA,EACT,MAAM;AACR,CAAC;"}
@@ -2893,12 +2893,12 @@ const W4 = tr(
2893
2893
  marketing: "rounded-full"
2894
2894
  },
2895
2895
  variant: {
2896
- brand: 'relative bg-btn-brand hover:bg-btn-brand-hover text-btn-brand hover:text-btn-brand-hover disabled:bg-btn-brand-disabled disabled:text-btn-brand-disabled disabled:opacity-100 before:absolute before:content-[""] before:-z-10 before:pointer-events-none [--gradient-rotation:220deg] before:bg-[conic-gradient(from_var(--gradient-rotation),hsl(334,54%,13%),hsl(4,67%,47%),hsl(23,96%,62%),hsl(68,52%,72%),hsl(108,24%,41%),hsl(154,100%,7%),hsl(220,100%,12%),hsl(214,69%,50%),hsl(216,100%,80%),hsl(334,54%,13%))] after:absolute after:content-[""] after:-z-20 after:pointer-events-none after:opacity-0 after:transition-opacity after:duration-300 hover:after:opacity-100 after:bg-[conic-gradient(from_var(--gradient-rotation),hsl(334,54%,13%),hsl(4,67%,47%),hsl(23,96%,62%),hsl(68,52%,72%),hsl(108,24%,41%),hsl(154,100%,7%),hsl(220,100%,12%),hsl(214,69%,50%),hsl(216,100%,80%),hsl(334,54%,13%))] after:blur-[2px] focus-visible:ring-2 focus-visible:ring-offset-3 focus-visible:ring-[var(--border-focus)] focus-visible:ring-offset-[var(--bg-surface-primary-default)]',
2897
- primary: "bg-btn-primary text-btn-primary shadow-[0px_2px_1px_0px_rgba(255,255,255,0.1)_inset,0px_-2px_1px_0px_rgba(0,0,0,0.2)_inset] hover:bg-btn-primary-hover hover:text-btn-primary-hover hover:shadow-[0px_2px_1px_0px_rgba(255,255,255,0.08)_inset,0px_-2px_1px_0px_rgba(0,0,0,0.25)_inset] active:bg-btn-primary-active active:text-btn-primary-active active:shadow-none disabled:bg-btn-primary-disabled disabled:text-btn-primary-disabled disabled:opacity-100",
2898
- secondary: "bg-btn-secondary text-btn-secondary shadow-[0px_2px_1px_0px_rgba(255,255,255,0.25)_inset,0px_-2px_1px_0px_rgba(0,0,0,0.1)_inset] hover:bg-btn-secondary-hover hover:text-btn-secondary-hover hover:shadow-[0px_2px_1px_0px_rgba(255,255,255,0.2)_inset,0px_-2px_1px_0px_rgba(0,0,0,0.15)_inset] active:bg-btn-secondary-active active:text-btn-secondary-active active:shadow-none disabled:bg-btn-secondary-disabled disabled:text-btn-secondary-disabled disabled:opacity-100",
2899
- tertiary: "bg-transparent text-btn-tertiary hover:bg-btn-secondary-hover hover:text-btn-tertiary-hover active:bg-btn-secondary-active active:text-btn-tertiary-active disabled:text-btn-tertiary-disabled disabled:opacity-100",
2900
- "destructive-primary": "bg-btn-destructive text-btn-destructive-primary shadow-[0px_2px_1px_0px_rgba(255,255,255,0.1)_inset,0px_-2px_1px_0px_rgba(0,0,0,0.2)_inset] hover:bg-btn-destructive-hover hover:text-btn-destructive-primary-hover hover:shadow-[0px_2px_1px_0px_rgba(255,255,255,0.08)_inset,0px_-2px_1px_0px_rgba(0,0,0,0.25)_inset] active:bg-btn-destructive-active active:text-btn-destructive-primary-active active:shadow-none disabled:bg-btn-destructive-disabled disabled:text-btn-destructive-primary-disabled disabled:opacity-100",
2901
- "destructive-secondary": "bg-transparent text-btn-destructive-secondary hover:text-btn-destructive-secondary-hover active:text-btn-destructive-secondary-active disabled:text-btn-destructive-secondary-disabled disabled:opacity-100"
2896
+ brand: 'relative bg-btn-brand hover:bg-btn-brand-hover text-btn-brand hover:text-btn-brand-hover disabled:bg-btn-brand-disabled disabled:text-btn-brand-disabled before:absolute before:content-[""] before:-z-10 before:pointer-events-none [--gradient-rotation:220deg] before:bg-[conic-gradient(from_var(--gradient-rotation),hsl(334,54%,13%),hsl(4,67%,47%),hsl(23,96%,62%),hsl(68,52%,72%),hsl(108,24%,41%),hsl(154,100%,7%),hsl(220,100%,12%),hsl(214,69%,50%),hsl(216,100%,80%),hsl(334,54%,13%))] after:absolute after:content-[""] after:-z-20 after:pointer-events-none after:opacity-0 after:transition-opacity after:duration-300 hover:after:opacity-100 after:bg-[conic-gradient(from_var(--gradient-rotation),hsl(334,54%,13%),hsl(4,67%,47%),hsl(23,96%,62%),hsl(68,52%,72%),hsl(108,24%,41%),hsl(154,100%,7%),hsl(220,100%,12%),hsl(214,69%,50%),hsl(216,100%,80%),hsl(334,54%,13%))] after:blur-[2px] focus-visible:ring-2 focus-visible:ring-offset-3 focus-visible:ring-[var(--border-focus)] focus-visible:ring-offset-[var(--bg-surface-primary-default)]',
2897
+ primary: "bg-btn-primary text-btn-primary shadow-[0px_2px_1px_0px_rgba(255,255,255,0.1)_inset,0px_-2px_1px_0px_rgba(0,0,0,0.2)_inset] hover:bg-btn-primary-hover hover:text-btn-primary-hover hover:shadow-[0px_2px_1px_0px_rgba(255,255,255,0.08)_inset,0px_-2px_1px_0px_rgba(0,0,0,0.25)_inset] active:bg-btn-primary-active active:text-btn-primary-active active:shadow-none disabled:bg-btn-primary-disabled disabled:text-btn-primary-disabled",
2898
+ secondary: "bg-btn-secondary text-btn-secondary shadow-[0px_2px_1px_0px_rgba(255,255,255,0.25)_inset,0px_-2px_1px_0px_rgba(0,0,0,0.1)_inset] hover:bg-btn-secondary-hover hover:text-btn-secondary-hover hover:shadow-[0px_2px_1px_0px_rgba(255,255,255,0.2)_inset,0px_-2px_1px_0px_rgba(0,0,0,0.15)_inset] active:bg-btn-secondary-active active:text-btn-secondary-active active:shadow-none disabled:bg-btn-secondary-disabled disabled:text-btn-secondary-disabled",
2899
+ tertiary: "bg-transparent text-btn-tertiary hover:bg-btn-secondary-hover hover:text-btn-tertiary-hover active:bg-btn-secondary-active active:text-btn-tertiary-active disabled:text-btn-tertiary-disabled",
2900
+ "destructive-primary": "bg-btn-destructive text-btn-destructive-primary shadow-[0px_2px_1px_0px_rgba(255,255,255,0.1)_inset,0px_-2px_1px_0px_rgba(0,0,0,0.2)_inset] hover:bg-btn-destructive-hover hover:text-btn-destructive-primary-hover hover:shadow-[0px_2px_1px_0px_rgba(255,255,255,0.08)_inset,0px_-2px_1px_0px_rgba(0,0,0,0.25)_inset] active:bg-btn-destructive-active active:text-btn-destructive-primary-active active:shadow-none disabled:bg-btn-destructive-disabled disabled:text-btn-destructive-primary-disabled",
2901
+ "destructive-secondary": "bg-transparent text-btn-destructive-secondary hover:text-btn-destructive-secondary-hover active:text-btn-destructive-secondary-active disabled:text-btn-destructive-secondary-disabled"
2902
2902
  },
2903
2903
  size: {
2904
2904
  xs: "h-7 px-2 py-1 text-xs gap-1 [&_svg]:size-3",
@@ -3138,13 +3138,13 @@ const z4 = {
3138
3138
  }
3139
3139
  return t;
3140
3140
  }, Eu = {
3141
- npm: () => import("./npm-D0OGwY-C.mjs"),
3142
- pypi: () => import("./pypi-BQomnzb5.mjs"),
3143
- nuget: () => import("./nuget-DYM6qccW.mjs"),
3144
- go: () => import("./go-Bz6JW5rd.mjs"),
3145
- gems: () => import("./gems-C1vq4jkC.mjs"),
3146
- maven: () => import("./maven-BFsPK9oZ.mjs"),
3147
- packagist: () => import("./packagist-DT1qt_cO.mjs")
3141
+ npm: () => import("./npm-DI6FOdUa.mjs"),
3142
+ pypi: () => import("./pypi-BqqY7bI7.mjs"),
3143
+ nuget: () => import("./nuget-A9qKGGLZ.mjs"),
3144
+ go: () => import("./go-DnvL5408.mjs"),
3145
+ gems: () => import("./gems-Dv_c1ms0.mjs"),
3146
+ maven: () => import("./maven-DEVWKHmb.mjs"),
3147
+ packagist: () => import("./packagist-CgRyKA-j.mjs")
3148
3148
  };
3149
3149
  function j4() {
3150
3150
  return /* @__PURE__ */ u("div", {});
@@ -24214,59 +24214,61 @@ function p5({
24214
24214
  onSelectOrCopy: i,
24215
24215
  shimmer: s = !1,
24216
24216
  className: a,
24217
- showLineNumbers: g = !1,
24218
- customHandlers: c = []
24217
+ snippetClassName: g,
24218
+ showLineNumbers: c = !1,
24219
+ customHandlers: l = []
24219
24220
  }) {
24220
- const [l, Q] = MA(!1), [B, E] = MA(0), C = bA(null);
24221
+ const [Q, B] = MA(!1), [E, C] = MA(0), h = bA(null);
24221
24222
  PA(() => {
24222
- const x = () => {
24223
- if (C.current) {
24224
- const Y = C.current.getBoundingClientRect().width;
24225
- Y > 0 && E(Y);
24223
+ const N = () => {
24224
+ if (h.current) {
24225
+ const P = h.current.getBoundingClientRect().width;
24226
+ P > 0 && C(P);
24226
24227
  }
24227
24228
  };
24228
- x();
24229
- const N = new ResizeObserver(x);
24230
- return C.current && N.observe(C.current), () => N.disconnect();
24229
+ N();
24230
+ const Y = new ResizeObserver(N);
24231
+ return h.current && Y.observe(h.current), () => Y.disconnect();
24231
24232
  }, []);
24232
- const [h, I] = MA(void 0), f = A.split(`
24233
- `).length > 1, { theme: p } = _E(), k = HA(() => [...Q8(g, !0), ...c], [g, c]);
24233
+ const [I, f] = MA(void 0), p = A.split(`
24234
+ `).length > 1, { theme: k } = _E(), v = HA(() => [...Q8(c, !0), ...l], [c, l]);
24234
24235
  PA(() => {
24235
- t && B8(A, t).then((x) => {
24236
- I(x);
24236
+ t && B8(A, t).then((N) => {
24237
+ f(N);
24237
24238
  });
24238
24239
  }, [A, t]);
24239
- const v = re(() => {
24240
- Q(!0), navigator.clipboard.writeText(h?.code ?? A), setTimeout(() => {
24241
- Q(!1), i?.();
24240
+ const D = re(() => {
24241
+ B(!0), navigator.clipboard.writeText(I?.code ?? A), setTimeout(() => {
24242
+ B(!1), i?.();
24242
24243
  }, 1e3);
24243
- }, [h?.code, A]), D = (x) => x.preventDefault();
24244
+ }, [I?.code, A]), x = (N) => N.preventDefault();
24244
24245
  return /* @__PURE__ */ u(
24245
24246
  "div",
24246
24247
  {
24247
- "data-theme": p,
24248
+ "data-theme": k,
24248
24249
  className: eA(
24249
24250
  "border-muted snippet bg-card relative box-border flex w-full overflow-hidden rounded-lg border",
24250
24251
  o && "inline-flex",
24251
24252
  s && "shimmer",
24252
24253
  a
24253
24254
  ),
24254
- style: { "--width": `${B}px` },
24255
- ref: C,
24255
+ style: { "--width": `${E}px` },
24256
+ ref: h,
24256
24257
  children: /* @__PURE__ */ tA("div", { className: "snippet-inner bg-card flex w-full flex-row gap-2 rounded-lg p-4", children: [
24257
24258
  t === "bash" && /* @__PURE__ */ u("div", { className: "text-body self-center font-mono font-light select-none", children: n ?? "$" }),
24258
- h && /* @__PURE__ */ u(
24259
+ I && /* @__PURE__ */ u(
24259
24260
  s8,
24260
24261
  {
24261
- code: h,
24262
+ code: I,
24262
24263
  onClick: i,
24263
24264
  className: eA(
24264
24265
  "highlighted-code inline-flex w-fit self-center font-mono outline-none",
24265
24266
  D5[r],
24266
- f && "min-w-32"
24267
+ p && "min-w-32",
24268
+ g
24267
24269
  ),
24268
- onBeforeInput: D,
24269
- handlers: k
24270
+ onBeforeInput: x,
24271
+ handlers: v
24270
24272
  }
24271
24273
  ),
24272
24274
  e && /* @__PURE__ */ u(
@@ -24274,7 +24276,7 @@ function p5({
24274
24276
  {
24275
24277
  className: eA(
24276
24278
  "mr-1 ml-auto flex self-center text-white",
24277
- f && "mt-1 h-4 w-6 self-start"
24279
+ p && "mt-1 h-4 w-6 self-start"
24278
24280
  ),
24279
24281
  children: /* @__PURE__ */ u(
24280
24282
  "button",
@@ -24282,8 +24284,8 @@ function p5({
24282
24284
  role: "button",
24283
24285
  "aria-label": "copy",
24284
24286
  className: "relative ml-2 border-none bg-transparent outline-none",
24285
- onClick: v,
24286
- children: /* @__PURE__ */ u($t, { mode: "wait", initial: !1, children: l ? /* @__PURE__ */ u(
24287
+ onClick: D,
24288
+ children: /* @__PURE__ */ u($t, { mode: "wait", initial: !1, children: Q ? /* @__PURE__ */ u(
24287
24289
  zA.span,
24288
24290
  {
24289
24291
  variants: fD,
@@ -49971,4 +49973,4 @@ export {
49971
49973
  SL as y,
49972
49974
  BrA as z
49973
49975
  };
49974
- //# sourceMappingURL=index-BIN1zmYb.mjs.map
49976
+ //# sourceMappingURL=index-r1tIVjKM.mjs.map