@bikdotai/bik-component-library 0.0.870-beta.0 → 0.0.870

package/dist/esm/editor/BikEditor.styles.d.ts

@@ -1,9 +1,12 @@
-export declare const BikEditorShell: import('styled-components').StyledComponent<"div", any, {
+/// <reference types="react" />
+export declare const BikEditorShell: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Merged<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
+}, {
     minHeight?: string | undefined;
     maxHeight?: string | undefined;
     tightParagraphs?: boolean | undefined;
     jsonMode?: boolean | undefined;
-}, never>;
+}>> & string;
 /**
  * jsonMode header bar: a "JSON" label on the left and the Beautify / Copy actions
  * on the right. Owns the frame's top rounded border (no bottom edge — the code
@@ -11,21 +14,29 @@ export declare const BikEditorShell: import('styled-components').StyledComponent
  * it recolours on focus/error). Grey fill sets it apart from the white code
  * surface below.
  */
-export declare const BikJsonHeader: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const BikJsonHeader: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
+}> & string;
 /**
  * jsonMode code surface below the header. Owns the recolourable border: brand on
  * focus, negative when the JSON is invalid (error wins over focus).
  */
-export declare const BikJsonBody: import('styled-components').StyledComponent<"div", any, {
+export declare const BikJsonBody: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Merged<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
+}, {
     $error?: boolean | undefined;
-}, never>;
+}>> & string;
 /**
  * jsonMode empty state: a centered code glyph + placeholder line over the code
  * area. Pointer-events off so clicks focus the editor.
  */
-export declare const BikJsonEmptyState: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const BikJsonEmptyState: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
+}> & string;
 /**
  * JSON parse-error alert rendered by BikEditor in jsonMode: a standalone rounded
  * card below the code area.
  */
-export declare const BikJsonError: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const BikJsonError: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
+}> & string;

package/dist/esm/editor/extensions/editorDropdown.styles.d.ts

@@ -1,18 +1,53 @@
-export declare const DropdownContainer: import('styled-components').StyledComponent<"div", any, {}, never>;
-export declare const DropdownItem: import('styled-components').StyledComponent<"div", any, {
+/// <reference types="react" />
+export declare const DropdownContainer: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
+}> & string;
+export declare const DropdownItem: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Merged<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
+}, {
     $isActive?: boolean | undefined;
-}, never>;
-export declare const MentionAvatar: import('styled-components').StyledComponent<"img", any, {}, never>;
-export declare const MentionAvatarFallback: import('styled-components').StyledComponent<"div", any, {}, never>;
-export declare const MentionLabel: import('styled-components').StyledComponent<"span", any, {}, never>;
-export declare const MentionPresenceDot: import('styled-components').StyledComponent<"span", any, {
+}>> & string;
+export declare const MentionAvatar: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<import('react').DetailedHTMLProps<import('react').ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
+}> & string;
+export declare const MentionAvatarFallback: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
+}> & string;
+export declare const MentionLabel: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
+}> & string;
+export declare const MentionPresenceDot: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Merged<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
+}, {
     $online?: boolean | undefined;
-}, never>;
-export declare const SlashLabel: import('styled-components').StyledComponent<"div", any, {
+}>> & string;
+export declare const SlashLabel: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<Omit<import('styled-components').FastOmit<import('styled-components/dist/types').Merged<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
+}, {
     numberOfLines?: number | undefined;
     color?: string | undefined;
-}, never>;
-export declare const SlashDescription: import('styled-components').StyledComponent<"div", any, {
+}>, "as" | "forwardedAs"> & {
+    as?: import('styled-components').WebTarget | undefined;
+    forwardedAs?: import('styled-components').WebTarget | undefined;
+}, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import('react').RefObject<HTMLDivElement> | null | undefined;
+}, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | (import('react').CSSProperties & {
+        [key: `--${string}`]: string | number | undefined;
+    }) | undefined;
+}> & string;
+export declare const SlashDescription: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<Omit<import('styled-components').FastOmit<import('styled-components/dist/types').Merged<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | undefined;
+}, {
     numberOfLines?: number | undefined;
     color?: string | undefined;
-}, never>;
+}>, "as" | "forwardedAs"> & {
+    as?: import('styled-components').WebTarget | undefined;
+    forwardedAs?: import('styled-components').WebTarget | undefined;
+}, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import('react').RefObject<HTMLDivElement> | null | undefined;
+}, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars | (import('react').CSSProperties & {
+        [key: `--${string}`]: string | number | undefined;
+    }) | undefined;
+}> & string;

package/dist/esm/icons/BIK AI specific/WandSparkles.js

@@ -22,7 +22,7 @@ const C = ({
           "path",
           {
             d: "M9.3332 4.66659L11.3332 6.66658M3.3332 3.99992V6.66658M12.6665 9.33325V11.9999M6.66653 1.33325V2.66659M4.66653 5.33325H1.99987M13.9999 10.6666H11.3332M7.3332 1.99992H5.99987M14.4265 2.42659L13.5732 1.57325C13.4982 1.49746 13.4089 1.4373 13.3105 1.39624C13.2121 1.35518 13.1065 1.33404 12.9999 1.33404C12.8932 1.33404 12.7877 1.35518 12.6893 1.39624C12.5908 1.4373 12.5015 1.49746 12.4265 1.57325L1.5732 12.4266C1.49741 12.5016 1.43725 12.5909 1.39619 12.6893C1.35513 12.7877 1.33398 12.8933 1.33398 12.9999C1.33398 13.1066 1.35513 13.2121 1.39619 13.3105C1.43725 13.4089 1.49741 13.4982 1.5732 13.5733L2.42653 14.4266C2.50108 14.5032 2.59022 14.5641 2.6887 14.6057C2.78717 14.6472 2.89298 14.6687 2.99987 14.6687C3.10676 14.6687 3.21256 14.6472 3.31104 14.6057C3.40951 14.5641 3.49865 14.5032 3.5732 14.4266L14.4265 3.57325C14.5031 3.4987 14.564 3.40956 14.6056 3.31109C14.6472 3.21262 14.6686 3.10681 14.6686 2.99992C14.6686 2.89303 14.6472 2.78722 14.6056 2.68875C14.564 2.59028 14.5031 2.50113 14.4265 2.42659Z",
-            stroke: "currentColor",
+            stroke: "#616161",
             strokeWidth: 1.5,
             strokeLinecap: "round",
             strokeLinejoin: "round"

package/dist/esm/icons/BIK AI specific/WandSparkles.js.map

@@ -1 +1 @@
-{"version":3,"file":"WandSparkles.js","sources":["../../../../src/icons/BIK AI specific/WandSparkles.tsx"],"sourcesContent":["import type { SVGProps } from 'react';\n\ninterface Props extends SVGProps<SVGSVGElement> {\n\tsize?: number | string;\n\tcolor?: string;\n}\nconst SvgWandSparkles = ({\n\tsize = 24,\n\tcolor = 'currentColor',\n\t...rest\n}: Props) => {\n\tconst props = {\n\t\twidth: size,\n\t\theight: size,\n\t\tcolor,\n\t\t...rest,\n\t};\n\treturn (\n\t\t<svg\n\t\t\tviewBox=\"0 0 16 16\"\n\t\t\tfill=\"none\"\n\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t{...props}\n\t\t>\n\t\t\t<g clipPath=\"url(#clip0_758_122311)\">\n\t\t\t\t<path\n\t\t\t\t\td=\"M9.3332 4.66659L11.3332 6.66658M3.3332 3.99992V6.66658M12.6665 9.33325V11.9999M6.66653 1.33325V2.66659M4.66653 5.33325H1.99987M13.9999 10.6666H11.3332M7.3332 1.99992H5.99987M14.4265 2.42659L13.5732 1.57325C13.4982 1.49746 13.4089 1.4373 13.3105 1.39624C13.2121 1.35518 13.1065 1.33404 12.9999 1.33404C12.8932 1.33404 12.7877 1.35518 12.6893 1.39624C12.5908 1.4373 12.5015 1.49746 12.4265 1.57325L1.5732 12.4266C1.49741 12.5016 1.43725 12.5909 1.39619 12.6893C1.35513 12.7877 1.33398 12.8933 1.33398 12.9999C1.33398 13.1066 1.35513 13.2121 1.39619 13.3105C1.43725 13.4089 1.49741 13.4982 1.5732 13.5733L2.42653 14.4266C2.50108 14.5032 2.59022 14.5641 2.6887 14.6057C2.78717 14.6472 2.89298 14.6687 2.99987 14.6687C3.10676 14.6687 3.21256 14.6472 3.31104 14.6057C3.40951 14.5641 3.49865 14.5032 3.5732 14.4266L14.4265 3.57325C14.5031 3.4987 14.564 3.40956 14.6056 3.31109C14.6472 3.21262 14.6686 3.10681 14.6686 2.99992C14.6686 2.89303 14.6472 2.78722 14.6056 2.68875C14.564 2.59028 14.5031 2.50113 14.4265 2.42659Z\"\n\t\t\t\t\tstroke=\"currentColor\"\n\t\t\t\t\tstrokeWidth={1.5}\n\t\t\t\t\tstrokeLinecap=\"round\"\n\t\t\t\t\tstrokeLinejoin=\"round\"\n\t\t\t\t/>\n\t\t\t</g>\n\t\t\t<defs>\n\t\t\t\t<clipPath id=\"clip0_758_122311\">\n\t\t\t\t\t<rect width={16} height={16} fill=\"white\" />\n\t\t\t\t</clipPath>\n\t\t\t</defs>\n\t\t</svg>\n\t);\n};\nexport default SvgWandSparkles;\n"],"names":["SvgWandSparkles","size","color","rest","props","jsxs","jsx"],"mappings":";AAMA,MAAMA,IAAkB,CAAC;AAAA,EACxB,MAAAC,IAAO;AAAA,EACP,OAAAC,IAAQ;AAAA,EACR,GAAGC;AACJ,MAAa;AACZ,QAAMC,IAAQ;AAAA,IACb,OAAOH;AAAA,IACP,QAAQA;AAAA,IACR,OAAAC;AAAA,IACA,GAAGC;AAAA,EAAA;AAEJ,SACC,gBAAAE;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,OAAM;AAAA,MACL,GAAGD;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAE,EAAC,KAAA,EAAE,UAAS,0BACX,UAAA,gBAAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACA,GAAE;AAAA,YACF,QAAO;AAAA,YACP,aAAa;AAAA,YACb,eAAc;AAAA,YACd,gBAAe;AAAA,UAAA;AAAA,QAAA,GAEjB;AAAA,QACA,gBAAAA,EAAC,QAAA,EACA,UAAA,gBAAAA,EAAC,YAAA,EAAS,IAAG,oBACZ,UAAA,gBAAAA,EAAC,QAAA,EAAK,OAAO,IAAI,QAAQ,IAAI,MAAK,SAAQ,GAC3C,EAAA,CACD;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGH;"}
+{"version":3,"file":"WandSparkles.js","sources":["../../../../src/icons/BIK AI specific/WandSparkles.tsx"],"sourcesContent":["import type { SVGProps } from 'react';\n\ninterface Props extends SVGProps<SVGSVGElement> {\n\tsize?: number | string;\n\tcolor?: string;\n}\nconst SvgWandSparkles = ({\n\tsize = 24,\n\tcolor = 'currentColor',\n\t...rest\n}: Props) => {\n\tconst props = {\n\t\twidth: size,\n\t\theight: size,\n\t\tcolor,\n\t\t...rest,\n\t};\n\treturn (\n\t\t<svg\n\t\t\tviewBox=\"0 0 16 16\"\n\t\t\tfill=\"none\"\n\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t{...props}\n\t\t>\n\t\t\t<g clipPath=\"url(#clip0_758_122311)\">\n\t\t\t\t<path\n\t\t\t\t\td=\"M9.3332 4.66659L11.3332 6.66658M3.3332 3.99992V6.66658M12.6665 9.33325V11.9999M6.66653 1.33325V2.66659M4.66653 5.33325H1.99987M13.9999 10.6666H11.3332M7.3332 1.99992H5.99987M14.4265 2.42659L13.5732 1.57325C13.4982 1.49746 13.4089 1.4373 13.3105 1.39624C13.2121 1.35518 13.1065 1.33404 12.9999 1.33404C12.8932 1.33404 12.7877 1.35518 12.6893 1.39624C12.5908 1.4373 12.5015 1.49746 12.4265 1.57325L1.5732 12.4266C1.49741 12.5016 1.43725 12.5909 1.39619 12.6893C1.35513 12.7877 1.33398 12.8933 1.33398 12.9999C1.33398 13.1066 1.35513 13.2121 1.39619 13.3105C1.43725 13.4089 1.49741 13.4982 1.5732 13.5733L2.42653 14.4266C2.50108 14.5032 2.59022 14.5641 2.6887 14.6057C2.78717 14.6472 2.89298 14.6687 2.99987 14.6687C3.10676 14.6687 3.21256 14.6472 3.31104 14.6057C3.40951 14.5641 3.49865 14.5032 3.5732 14.4266L14.4265 3.57325C14.5031 3.4987 14.564 3.40956 14.6056 3.31109C14.6472 3.21262 14.6686 3.10681 14.6686 2.99992C14.6686 2.89303 14.6472 2.78722 14.6056 2.68875C14.564 2.59028 14.5031 2.50113 14.4265 2.42659Z\"\n\t\t\t\t\tstroke=\"#616161\"\n\t\t\t\t\tstrokeWidth={1.5}\n\t\t\t\t\tstrokeLinecap=\"round\"\n\t\t\t\t\tstrokeLinejoin=\"round\"\n\t\t\t\t/>\n\t\t\t</g>\n\t\t\t<defs>\n\t\t\t\t<clipPath id=\"clip0_758_122311\">\n\t\t\t\t\t<rect width={16} height={16} fill=\"white\" />\n\t\t\t\t</clipPath>\n\t\t\t</defs>\n\t\t</svg>\n\t);\n};\nexport default SvgWandSparkles;\n"],"names":["SvgWandSparkles","size","color","rest","props","jsxs","jsx"],"mappings":";AAMA,MAAMA,IAAkB,CAAC;AAAA,EACxB,MAAAC,IAAO;AAAA,EACP,OAAAC,IAAQ;AAAA,EACR,GAAGC;AACJ,MAAa;AACZ,QAAMC,IAAQ;AAAA,IACb,OAAOH;AAAA,IACP,QAAQA;AAAA,IACR,OAAAC;AAAA,IACA,GAAGC;AAAA,EAAA;AAEJ,SACC,gBAAAE;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,OAAM;AAAA,MACL,GAAGD;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAE,EAAC,KAAA,EAAE,UAAS,0BACX,UAAA,gBAAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACA,GAAE;AAAA,YACF,QAAO;AAAA,YACP,aAAa;AAAA,YACb,eAAc;AAAA,YACd,gBAAe;AAAA,UAAA;AAAA,QAAA,GAEjB;AAAA,QACA,gBAAAA,EAAC,QAAA,EACA,UAAA,gBAAAA,EAAC,YAAA,EAAS,IAAG,oBACZ,UAAA,gBAAAA,EAAC,QAAA,EAAK,OAAO,IAAI,QAAQ,IAAI,MAAK,SAAQ,GAC3C,EAAA,CACD;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGH;"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@bikdotai/bik-component-library",
-	"version": "0.0.870-beta.0",
+	"version": "0.0.870",
 	"description": "Bik Component Library",
 	"repository": {
 		"type": "git",
@@ -160,7 +160,7 @@
 		"react-redux": "^7.2.6",
 		"redux": "^4.1.2",
 		"storybook": "9.1.20",
-		"styled-components": "^5.3.3",
+		"styled-components": "^6.4.0",
 		"tslib": "^2.4.1",
 		"typescript": "^4.9.4",
 		"vite": "^7.3.5",
@@ -175,7 +175,7 @@
 		"react-dom": "^16.8.0 || ^17 || ^18 || ^19",
 		"react-redux": "^7.2.6",
 		"redux": "^4.1.2",
-		"styled-components": "^5.3.3"
+		"styled-components": "^6.4.0"
 	},
 	"engines": {
 		"node": ">=20"