@arkyn/components 3.0.1-beta.3 → 3.0.1-beta.30

package/dist/services/clearNumber.js

@@ -1,6 +0,0 @@
-const clearNumber = (number) => {
-    if (typeof number === "number")
-        return number;
-    return Number(number.toString().replace(/[^0-9-]/g, ""));
-};
-export { clearNumber };

package/dist/services/format.d.ts

@@ -1,3 +0,0 @@
-declare const formatCurrency: (locale: string, value: number, currencyType?: string, hideSymbol?: boolean) => string;
-export { formatCurrency };
-//# sourceMappingURL=format.d.ts.map

package/dist/services/format.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"format.d.ts","sourceRoot":"","sources":["../../src/services/format.ts"],"names":[],"mappings":"AAEA,QAAA,MAAM,cAAc,GAClB,QAAQ,MAAgB,EACxB,OAAO,MAAM,EACb,qBAAoB,EACpB,oBAAiB,WAYlB,CAAC;AAEF,OAAO,EAAE,cAAc,EAAE,CAAC"}

package/dist/services/format.js

@@ -1,13 +0,0 @@
-const SYMBOL_LENGTH = 3;
-const formatCurrency = (locale = "pt-BR", value, currencyType = "BRL", hideSymbol = true) => {
-    const formatter = new Intl.NumberFormat(locale, {
-        style: "currency",
-        currency: currencyType,
-        currencyDisplay: "symbol",
-        minimumFractionDigits: 2,
-        maximumFractionDigits: 2,
-    });
-    const formattedValue = formatter.format(value);
-    return formattedValue.slice(hideSymbol ? SYMBOL_LENGTH : 0);
-};
-export { formatCurrency };

package/dist/services/generateIcon.d.ts

@@ -1,4 +0,0 @@
-import { LucideIcon } from "lucide-react";
-declare function GenerateIcon(iconSize: number, Icon?: LucideIcon): import("react/jsx-runtime").JSX.Element;
-export { GenerateIcon };
-//# sourceMappingURL=generateIcon.d.ts.map

package/dist/services/generateIcon.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"generateIcon.d.ts","sourceRoot":"","sources":["../../src/services/generateIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,iBAAS,YAAY,CAAC,QAAQ,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,UAAU,2CAGxD;AAED,OAAO,EAAE,YAAY,EAAE,CAAC"}

package/dist/services/generateIcon.js

@@ -1,7 +0,0 @@
-import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
-function GenerateIcon(iconSize, Icon) {
-    if (!Icon)
-        return _jsx(_Fragment, {});
-    return _jsx(Icon, { size: iconSize, strokeWidth: 2.5 });
-}
-export { GenerateIcon };

package/dist/services/generatePagerArray.d.ts

@@ -1,3 +0,0 @@
-declare function generatePagesArray(from: number, to: number): number[];
-export { generatePagesArray };
-//# sourceMappingURL=generatePagerArray.d.ts.map

package/dist/services/generatePagerArray.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"generatePagerArray.d.ts","sourceRoot":"","sources":["../../src/services/generatePagerArray.ts"],"names":[],"mappings":"AAAA,iBAAS,kBAAkB,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,YAMnD;AAED,OAAO,EAAE,kBAAkB,EAAE,CAAC"}

package/dist/services/generatePagerArray.js

@@ -1,8 +0,0 @@
-function generatePagesArray(from, to) {
-    return [...new Array(to - from)]
-        .map((_, index) => {
-        return from + index + 1;
-    })
-        .filter((page) => page > 0);
-}
-export { generatePagesArray };

package/dist/services/getHtmlFromRichTextValue.d.ts

@@ -1,4 +0,0 @@
-import { RichTextValue } from "@arkyn/types";
-declare const getHtmlFromRichTextValue: (value: RichTextValue) => string;
-export { getHtmlFromRichTextValue };
-//# sourceMappingURL=getHtmlFromRichTextValue.d.ts.map

package/dist/services/getHtmlFromRichTextValue.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"getHtmlFromRichTextValue.d.ts","sourceRoot":"","sources":["../../src/services/getHtmlFromRichTextValue.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAiD7C,QAAA,MAAM,wBAAwB,GAAI,OAAO,aAAa,KAAG,MAExD,CAAC;AAEF,OAAO,EAAE,wBAAwB,EAAE,CAAC"}

package/dist/services/getHtmlFromRichTextValue.js

@@ -1,48 +0,0 @@
-import { Element as SlateElement, Text } from "slate";
-const serialize = (node) => {
-    if (Text.isText(node)) {
-        let text = node.text;
-        if (node.bold) {
-            text = `<strong>${text}</strong>`;
-        }
-        if (node.code) {
-            text = `<code>${text}</code>`;
-        }
-        if (node.italic) {
-            text = `<em>${text}</em>`;
-        }
-        if (node.underline) {
-            text = `<u>${text}</u>`;
-        }
-        return text;
-    }
-    if (SlateElement.isElement(node)) {
-        const children = node.children.map((n) => serialize(n)).join("");
-        const alignStyle = node.align || "left";
-        switch (node.type) {
-            case "image":
-                return `<img src="${node.src}" class="align_${alignStyle}" />`;
-            case "paragraph":
-                return `<p class="align_${alignStyle}">${children}</p>`;
-            case "blockQuote":
-                return `<blockquote class="align_${alignStyle}">${children}</blockquote>`;
-            case "bulletedList":
-                return `<ul class="align_${alignStyle}">${children}</ul>`;
-            case "headingOne":
-                return `<h1 class="align_${alignStyle}">${children}</h1>`;
-            case "headingTwo":
-                return `<h2 class="align_${alignStyle}">${children}</h2>`;
-            case "listItem":
-                return `<li class="align_${alignStyle}">${children}</li>`;
-            case "numberedList":
-                return `<ol class="align_${alignStyle}">${children}</ol>`;
-            default:
-                return children;
-        }
-    }
-    return "";
-};
-const getHtmlFromRichTextValue = (value) => {
-    return value.map((node) => serialize(node)).join("");
-};
-export { getHtmlFromRichTextValue };

package/dist/services/getRichTextValueFromHtml.d.ts

@@ -1,4 +0,0 @@
-import { RichTextValue } from "@arkyn/types";
-declare const getRichTextValueFromHtml: (html: string) => RichTextValue;
-export { getRichTextValueFromHtml };
-//# sourceMappingURL=getRichTextValueFromHtml.d.ts.map

package/dist/services/getRichTextValueFromHtml.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"getRichTextValueFromHtml.d.ts","sourceRoot":"","sources":["../../src/services/getRichTextValueFromHtml.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AA8D7C,QAAA,MAAM,wBAAwB,GAAI,MAAM,MAAM,KAAG,aAiBhD,CAAC;AAEF,OAAO,EAAE,wBAAwB,EAAE,CAAC"}

package/dist/services/getRichTextValueFromHtml.js

@@ -1,59 +0,0 @@
-import parse from "html-react-parser";
-const deserialize = (el) => {
-    if (typeof el === "string") {
-        return { text: el };
-    }
-    const children = Array.isArray(el.props.children)
-        ? el.props.children.map((child) => deserialize(child))
-        : [{ text: el.props.children || "" }];
-    const align = el.props.className?.replace("align_", "");
-    switch (el.type) {
-        case "img":
-            return {
-                type: "image",
-                align,
-                src: el.props.src,
-                children: [{ text: "" }],
-            };
-        case "p":
-            return { type: "paragraph", align, children };
-        case "blockquote":
-            return { type: "blockQuote", align, children };
-        case "ul":
-            return { type: "bulletedList", align, children };
-        case "ol":
-            return { type: "numberedList", align, children };
-        case "li":
-            return { type: "listItem", align, children };
-        case "h1":
-            return { type: "headingOne", align, children };
-        case "h2":
-            return { type: "headingTwo", align, children };
-        case "strong":
-            return { text: el.props.children, bold: true };
-        case "code":
-            return { text: el.props.children, code: true };
-        case "em":
-            return { text: el.props.children, italic: true };
-        case "u":
-            return { text: el.props.children, underline: true };
-        default:
-            return { text: el.props.children || "" };
-    }
-};
-const getRichTextValueFromHtml = (html) => {
-    const parsed = parse(html);
-    if (Array.isArray(parsed)) {
-        return parsed.map((node) => {
-            if (typeof node === "string") {
-                return { text: node };
-            }
-            return deserialize(node);
-        });
-    }
-    if (typeof parsed === "string") {
-        return [{ text: parsed }];
-    }
-    return [deserialize(parsed)];
-};
-export { getRichTextValueFromHtml };

package/dist/services/index.d.ts

@@ -1,8 +0,0 @@
-import { GenerateIcon } from "./generateIcon";
-import { generatePagesArray } from "./generatePagerArray";
-import { getHtmlFromRichTextValue } from "./getHtmlFromRichTextValue";
-import { getRichTextValueFromHtml } from "./getRichTextValueFromHtml";
-import { isHtml } from "./isHtml";
-import { morpheme } from "./morpheme";
-export { GenerateIcon, generatePagesArray, morpheme, getHtmlFromRichTextValue, isHtml, getRichTextValueFromHtml, };
-//# sourceMappingURL=index.d.ts.map

package/dist/services/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/services/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,OAAO,EACL,YAAY,EACZ,kBAAkB,EAClB,QAAQ,EACR,wBAAwB,EACxB,MAAM,EACN,wBAAwB,GACzB,CAAC"}

package/dist/services/index.js

@@ -1,7 +0,0 @@
-import { GenerateIcon } from "./generateIcon";
-import { generatePagesArray } from "./generatePagerArray";
-import { getHtmlFromRichTextValue } from "./getHtmlFromRichTextValue";
-import { getRichTextValueFromHtml } from "./getRichTextValueFromHtml";
-import { isHtml } from "./isHtml";
-import { morpheme } from "./morpheme";
-export { GenerateIcon, generatePagesArray, morpheme, getHtmlFromRichTextValue, isHtml, getRichTextValueFromHtml, };

package/dist/services/isHtml.d.ts

@@ -1,3 +0,0 @@
-declare const isHtml: (str: string) => boolean;
-export { isHtml };
-//# sourceMappingURL=isHtml.d.ts.map

package/dist/services/isHtml.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"isHtml.d.ts","sourceRoot":"","sources":["../../src/services/isHtml.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,MAAM,GAAI,KAAK,MAAM,KAAG,OAG7B,CAAC;AAEF,OAAO,EAAE,MAAM,EAAE,CAAC"}

package/dist/services/isHtml.js

@@ -1,5 +0,0 @@
-const isHtml = (str) => {
-    const htmlRegex = /<\/?[a-z][\s\S]*>/i;
-    return htmlRegex.test(str);
-};
-export { isHtml };

package/dist/services/maskValues.d.ts

@@ -1,3 +0,0 @@
-declare const maskValues: (locale: string, inputFieldValue: string | number | undefined, currency: string) => [number, string];
-export { maskValues };
-//# sourceMappingURL=maskValues.d.ts.map

package/dist/services/maskValues.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"maskValues.d.ts","sourceRoot":"","sources":["../../src/services/maskValues.ts"],"names":[],"mappings":"AAGA,QAAA,MAAM,UAAU,GACd,QAAQ,MAAM,EACd,iBAAiB,MAAM,GAAG,MAAM,GAAG,SAAS,EAC5C,UAAU,MAAM,KACf,CAAC,MAAM,EAAE,MAAM,CAOjB,CAAC;AAEF,OAAO,EAAE,UAAU,EAAE,CAAC"}

package/dist/services/maskValues.js

@@ -1,10 +0,0 @@
-import { formatCurrency } from "./format";
-import { normalizeValue } from "./normalizeValue";
-const maskValues = (locale, inputFieldValue, currency) => {
-    if (!inputFieldValue)
-        return [0, ""];
-    const value = normalizeValue(inputFieldValue);
-    const maskedValue = formatCurrency(locale, value, currency);
-    return [value, maskedValue];
-};
-export { maskValues };

package/dist/services/morpheme.d.ts

@@ -1,4 +0,0 @@
-import { LucideIcon } from "lucide-react";
-declare function morpheme(data: LucideIcon | string | undefined, iconSize: number, type?: "prefix" | "sufix"): import("react/jsx-runtime").JSX.Element;
-export { morpheme };
-//# sourceMappingURL=morpheme.d.ts.map

package/dist/services/morpheme.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"morpheme.d.ts","sourceRoot":"","sources":["../../src/services/morpheme.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,iBAAS,QAAQ,CACf,IAAI,EAAE,UAAU,GAAG,MAAM,GAAG,SAAS,EACrC,QAAQ,EAAE,MAAM,EAChB,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,2CAW1B;AAED,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/dist/services/morpheme.js

@@ -1,10 +0,0 @@
-import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
-function morpheme(data, iconSize, type) {
-    if (!data)
-        return _jsx(_Fragment, {});
-    if (typeof data === "string")
-        return _jsx("p", { className: type, children: data });
-    const Data = data;
-    return (_jsx("p", { className: type, children: _jsx(Data, { color: "var(--secondary-600)", size: iconSize, strokeWidth: 2.5 }) }));
-}
-export { morpheme };

package/dist/services/normalizeValue.d.ts

@@ -1,3 +0,0 @@
-declare const normalizeValue: (number: string | number) => number;
-export { normalizeValue };
-//# sourceMappingURL=normalizeValue.d.ts.map

package/dist/services/normalizeValue.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"normalizeValue.d.ts","sourceRoot":"","sources":["../../src/services/normalizeValue.ts"],"names":[],"mappings":"AAGA,QAAA,MAAM,cAAc,GAAI,QAAQ,MAAM,GAAG,MAAM,WAe9C,CAAC;AAEF,OAAO,EAAE,cAAc,EAAE,CAAC"}

package/dist/services/normalizeValue.js

@@ -1,18 +0,0 @@
-import { MAXIMUM_FRACTION_DIGITS } from "../constants/decimals";
-import { clearNumber } from "./clearNumber";
-const normalizeValue = (number) => {
-    let safeNumber = number;
-    if (typeof number === "string") {
-        safeNumber = clearNumber(number);
-        if (safeNumber % 1 !== 0) {
-            safeNumber = safeNumber.toFixed(MAXIMUM_FRACTION_DIGITS);
-        }
-    }
-    else {
-        safeNumber = Number.isInteger(number)
-            ? Number(number) * 10 ** MAXIMUM_FRACTION_DIGITS
-            : number.toFixed(MAXIMUM_FRACTION_DIGITS);
-    }
-    return clearNumber(safeNumber) / 10 ** MAXIMUM_FRACTION_DIGITS;
-};
-export { normalizeValue };

package/src/components/Alert/AlertContainer/index.tsx

@@ -1,49 +0,0 @@
-import { AlertContainerProps } from "@arkyn/types";
-import { createContext, ReactNode, useContext } from "react";
-
-import "./styles.css";
-import { AlertTitle } from "../AlertTitle";
-
-const AlertContainerContext = createContext({} as AlertContainerProps);
-
-function useAlertContainer() {
-  return useContext(AlertContainerContext);
-}
-
-function AlertContainer(props: AlertContainerProps) {
-  const { schema, children, className: baseClassName, ...rest } = props;
-
-  const hasAlertTitle = (children: ReactNode): boolean => {
-    let found = false;
-    const searchForAlertTitle = (nodes: ReactNode) => {
-      if (Array.isArray(nodes)) {
-        nodes.forEach(searchForAlertTitle);
-      } else if (nodes && typeof nodes === "object" && "type" in nodes) {
-        if (nodes.type === AlertTitle) {
-          found = true;
-        } else if (nodes.props && nodes.props.children) {
-          searchForAlertTitle(nodes.props.children);
-        }
-      }
-    };
-    searchForAlertTitle(children);
-    return found;
-  };
-
-  const shouldAlignCenter = !hasAlertTitle(children);
-  const finalClassName = shouldAlignCenter
-    ? "nonExistsAlertTitle"
-    : "existsAlertTitle";
-
-  const className = `arkynAlertContainer ${schema} ${finalClassName} ${baseClassName}`;
-
-  return (
-    <AlertContainerContext.Provider value={props}>
-      <div className={className.trim()} {...rest}>
-        {children}
-      </div>
-    </AlertContainerContext.Provider>
-  );
-}
-
-export { AlertContainer, useAlertContainer };

package/src/components/Alert/AlertContainer/styles.css

@@ -1,33 +0,0 @@
-.arkynAlertContainer {
-  display: flex;
-  align-items: start;
-  gap: 16px;
-  padding: 16px;
-
-  border: 1px solid transparent;
-  border-radius: var(--rounded-cards);
-}
-
-.arkynAlertContainer.nonExistsAlertTitle {
-  align-items: center;
-}
-
-.arkynAlertContainer.danger {
-  background: rgba(var(--spotlight-danger), 0.1);
-  border-color: rgba(var(--spotlight-danger), 0.4);
-}
-
-.arkynAlertContainer.success {
-  background: rgba(var(--spotlight-success), 0.1);
-  border-color: rgba(var(--spotlight-success), 0.4);
-}
-
-.arkynAlertContainer.info {
-  background: rgba(var(--spotlight-info), 0.1);
-  border-color: rgba(var(--spotlight-info), 0.4);
-}
-
-.arkynAlertContainer.warning {
-  background: rgba(var(--spotlight-warning), 0.1);
-  border-color: rgba(var(--spotlight-warning), 0.4);
-}

package/src/components/Alert/AlertContent/index.tsx

@@ -1,11 +0,0 @@
-import { AlertContentProps } from "@arkyn/types";
-import "./styles.css";
-
-function AlertContent(props: AlertContentProps) {
-  const { className: baseClassName, ...rest } = props;
-  const className = `arkynAlertContent ${baseClassName}`;
-
-  return <div className={className.trim()} {...rest} />;
-}
-
-export { AlertContent };

package/src/components/Alert/AlertContent/styles.css

@@ -1,5 +0,0 @@
-.arkynAlertContent {
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-}

package/src/components/Alert/AlertDescription/index.tsx

@@ -1,11 +0,0 @@
-import { AlertDescriptionProps } from "@arkyn/types";
-import "./styles.css";
-
-function AlertDescription(props: AlertDescriptionProps) {
-  const { className: baseClassName, ...rest } = props;
-  const className = `arkynAlertDescription ${baseClassName}`;
-
-  return <div className={className.trim()} {...rest} />;
-}
-
-export { AlertDescription };

package/src/components/Alert/AlertDescription/styles.css

@@ -1,7 +0,0 @@
-.arkynAlertDescription {
-  font-size: 14px;
-  font-weight: 400;
-  line-height: 19.07px;
-  text-align: left;
-  color: var(--text-body);
-}

package/src/components/Alert/AlertIcon/index.tsx

@@ -1,25 +0,0 @@
-import { AlertIconProps } from "@arkyn/types";
-import { AlertTriangle, CheckCircle2, Info, XCircle } from "lucide-react";
-
-import { useAlertContainer } from "../AlertContainer";
-import "./styles.css";
-
-function AlertIcon(props: AlertIconProps) {
-  const { className: baseClassName, ...rest } = props;
-  const { schema } = useAlertContainer();
-
-  const className = `arkynAlertIcon ${schema} ${baseClassName}`;
-
-  switch (schema) {
-    case "success":
-      return <CheckCircle2 className={className} {...rest} />;
-    case "danger":
-      return <XCircle className={className} {...rest} />;
-    case "warning":
-      return <AlertTriangle className={className} {...rest} />;
-    case "info":
-      return <Info className={className} {...rest} />;
-  }
-}
-
-export { AlertIcon };

package/src/components/Alert/AlertIcon/styles.css

@@ -1,23 +0,0 @@
-.arkynAlertIcon {
-  min-width: 28px;
-  min-height: 28px;
-
-  max-width: 28px;
-  max-height: 28px;
-}
-
-.arkynAlertIcon.danger {
-  color: rgba(var(--spotlight-danger), 1);
-}
-
-.arkynAlertIcon.success {
-  color: rgba(var(--spotlight-success), 1);
-}
-
-.arkynAlertIcon.info {
-  color: rgba(var(--spotlight-info), 1);
-}
-
-.arkynAlertIcon.warning {
-  color: rgba(var(--spotlight-warning), 1);
-}

package/src/components/Alert/AlertTitle/index.tsx

@@ -1,11 +0,0 @@
-import { AlertTitleProps } from "@arkyn/types";
-import "./styles.css";
-
-function AlertTitle(props: AlertTitleProps) {
-  const { className: baseClassName, ...rest } = props;
-  const className = `arkynAlertTitle ${baseClassName}`;
-
-  return <div className={className.trim()} {...rest} />;
-}
-
-export { AlertTitle };

package/src/components/Alert/AlertTitle/styles.css

@@ -1,7 +0,0 @@
-.arkynAlertTitle {
-  font-size: 16px;
-  font-weight: 600;
-  line-height: 17px;
-  text-align: left;
-  color: var(--text-heading);
-}

package/src/components/Alert/index.ts

@@ -1,13 +0,0 @@
-import { AlertContainer } from "./AlertContainer";
-import { AlertContent } from "./AlertContent";
-import { AlertDescription } from "./AlertDescription";
-import { AlertIcon } from "./AlertIcon";
-import { AlertTitle } from "./AlertTitle";
-
-export {
-  AlertContainer,
-  AlertContent,
-  AlertDescription,
-  AlertIcon,
-  AlertTitle,
-};

package/src/components/AudioUpload/AudioUploadError/index.tsx

@@ -1,12 +0,0 @@
-import { AudioUploadErrorProps } from "@arkyn/types";
-import "./styles.css";
-
-function AudioUploadError(props: AudioUploadErrorProps) {
-  const { error } = props;
-  const className = `arkynAudioUploadError`;
-
-  if (error) return <strong className={className}>{error}</strong>;
-  return <></>;
-}
-
-export { AudioUploadError };

package/src/components/AudioUpload/AudioUploadError/styles.css

@@ -1,6 +0,0 @@
-.arkynAudioUploadError {
-  font-size: 12px;
-  line-height: 12px;
-  font-weight: 600;
-  color: rgb(var(--spotlight-danger), 1);
-}

package/src/components/AudioUpload/AudioUploadLabel/index.tsx

@@ -1,13 +0,0 @@
-import { AudioUploadLabelProps } from "@arkyn/types";
-import "./styles.css";
-
-function AudioUploadLabel(props: AudioUploadLabelProps) {
-  const { label, showAsterisk } = props;
-
-  const show = showAsterisk ? "asteriskTrue" : "asteriskFalse";
-  const className = `arkynAudioUploadLabel ${show}`;
-
-  return <strong className={className.trim()}>{label}</strong>;
-}
-
-export { AudioUploadLabel };

package/src/components/AudioUpload/AudioUploadLabel/styles.css

@@ -1,15 +0,0 @@
-.arkynAudioUploadLabel {
-  color: var(--text-body);
-  font-size: 14px;
-  font-weight: 600;
-  line-height: 19.07px;
-}
-
-.arkynAudioUploadLabel.asteriskTrue::before {
-  content: "* ";
-  font-size: 12px;
-  font-weight: 600;
-  line-height: 16.34px;
-  text-align: left;
-  color: rgb(var(--spotlight-danger), 1);
-}