@arkyn/components 3.0.1-beta.2 → 3.0.1-beta.21

package/src/providers/formProvider.tsx

@@ -0,0 +1,88 @@
+import { ReactNode, createContext, cloneElement, isValidElement } from "react";
+
+type FormContextProps = {
+  fieldErrors: { [x: string]: any };
+};
+
+type FormProviderProps = {
+  children: ReactNode;
+  fieldErrors?: any;
+  form?: React.ReactElement;
+};
+
+const formContext = createContext({} as FormContextProps);
+
+/**
+ * FormProvider component - provides form context including field errors to child components
+ *
+ * @param props - FormProvider component properties
+ * @param props.children - React elements that will have access to the form context
+ * @param props.fieldErrors - Object containing validation errors indexed by field name
+ * @param props.form - Optional form element to wrap the children with
+ *
+ * @returns FormProvider JSX element that wraps children with form context
+ *
+ * @example
+ * ```tsx
+ * // Basic form provider with field errors
+ * function App() {
+ *   const errors = {
+ *     email: "Invalid email format",
+ *     password: "Password is required"
+ *   };
+ *
+ *   return (
+ *     <FormProvider fieldErrors={errors}>
+ *       <Input name="email" label="Email" />
+ *       <Input name="password" label="Password" type="password" />
+ *     </FormProvider>
+ *   );
+ * }
+ *
+ * // Form provider with custom form element
+ * function FormWithValidation() {
+ *   const [errors, setErrors] = useState({});
+ *
+ *   const handleSubmit = (e) => {
+ *     e.preventDefault();
+ *     // validation logic
+ *   };
+ *
+ *   return (
+ *     <FormProvider
+ *       fieldErrors={errors}
+ *       form={<form onSubmit={handleSubmit} />}
+ *     >
+ *       <Input name="username" label="Username" />
+ *       <Button type="submit">Submit</Button>
+ *     </FormProvider>
+ *   );
+ * }
+ *
+ * // Using with useForm hook
+ * function FormField() {
+ *   const { fieldErrors } = useForm();
+ *
+ *   return (
+ *     <Input
+ *       name="email"
+ *       label="Email"
+ *       errorMessage={fieldErrors?.email}
+ *     />
+ *   );
+ * }
+ * ```
+ */
+
+function FormProvider(props: FormProviderProps) {
+  const { children, fieldErrors, form } = props;
+
+  return (
+    <formContext.Provider value={{ fieldErrors }}>
+      {!form && children}
+      {form && cloneElement(form, form.props, children)}
+    </formContext.Provider>
+  );
+}
+
+export { formContext, FormProvider };

package/src/services/iconRenderer.tsx

@@ -0,0 +1,23 @@
+import { LucideIcon } from "lucide-react";
+
+type IconRendererProps = {
+  iconSize: number;
+  className?: string;
+  icon?: LucideIcon | string;
+  show?: boolean;
+};
+
+function IconRenderer(props: IconRendererProps) {
+  const { iconSize, icon: Icon, className, show = true } = props;
+
+  if (!show) return <></>;
+  if (!Icon) return <></>;
+
+  if (typeof Icon === "string") {
+    return <p className={className}>{Icon}</p>;
+  }
+
+  return <Icon size={iconSize} className={className} strokeWidth={2.5} />;
+}
+
+export { IconRenderer };

package/src/services/maskCurrencyValues.ts

@@ -0,0 +1,54 @@
+import { formatToCurrency, removeNonNumeric } from "@arkyn/shared";
+
+type Locale =
+  | "USD"
+  | "EUR"
+  | "JPY"
+  | "GBP"
+  | "AUD"
+  | "CAD"
+  | "CHF"
+  | "CNY"
+  | "SEK"
+  | "NZD"
+  | "BRL"
+  | "INR"
+  | "RUB"
+  | "ZAR"
+  | "MXN"
+  | "SGD"
+  | "HKD"
+  | "NOK"
+  | "KRW"
+  | "TRY"
+  | "IDR"
+  | "THB";
+
+function normalizeValue(number: string | number) {
+  let safeNumber = number;
+
+  if (typeof number === "string") {
+    safeNumber = +removeNonNumeric(number);
+    if (safeNumber % 1 !== 0) safeNumber = safeNumber.toFixed(2);
+  } else {
+    safeNumber = Number.isInteger(number)
+      ? Number(number) * 10 ** 2
+      : number.toFixed(2);
+  }
+
+  return +removeNonNumeric(String(safeNumber)) / 10 ** 2;
+}
+
+function maskCurrencyValues(
+  inputFieldValue: string | number | undefined,
+  locale: Locale
+): [number, string] {
+  if (!inputFieldValue) return [0, formatToCurrency(0, locale)];
+
+  const value = normalizeValue(inputFieldValue);
+  const maskedValue = formatToCurrency(value, locale);
+
+  return [value, maskedValue];
+}
+
+export { maskCurrencyValues };

package/src/utils/phoneInputUtilities.ts

@@ -0,0 +1,138 @@
+import { countries } from "@arkyn/templates";
+
+type CountryType = {
+  name: string;
+  code: string;
+  iso: string;
+  prefix: null | string;
+  flag: string;
+  mask: string;
+};
+
+function clear(value: string) {
+  return value && value.replace(/[^0-9]/g, "");
+}
+
+const TYPES = {
+  EIGHT: "(99) 9999-9999",
+  NINE: "(99) 99999-9999",
+};
+
+function applyMask(value: string, maskPattern: string) {
+  let result = "";
+  let digitIndex = 0;
+
+  for (let i = 0; i < maskPattern.length; i++) {
+    if (maskPattern[i] === "9") {
+      if (digitIndex < value.length) {
+        result += value[digitIndex];
+        digitIndex++;
+      } else {
+        break;
+      }
+    } else {
+      if (digitIndex < value.length) {
+        result += maskPattern[i];
+      } else {
+        break;
+      }
+    }
+  }
+
+  return result;
+}
+
+function getMask(value: string): "NINE" | "EIGHT" {
+  const mask = value.length > 10 ? "NINE" : "EIGHT";
+  return mask;
+}
+
+const MAX_LENGTH = clear(TYPES.NINE).length;
+
+function formatPhoneNumber(phoneNumber: string, country: CountryType) {
+  if (country.code === "+55") {
+    let value = clear(phoneNumber);
+    const mask = getMask(value);
+
+    let nextLength = value.length;
+    if (nextLength > MAX_LENGTH) return;
+
+    value = applyMask(value, TYPES[mask] as "EIGHT" | "NINE");
+    return value;
+  }
+
+  const mask = country.mask;
+  let formattedNumber = mask;
+
+  if (country.prefix) {
+    const prefixRegex = /\$+/g;
+    formattedNumber = formattedNumber.replace(prefixRegex, country.prefix);
+  }
+
+  for (
+    let i = 0, j = 0;
+    i < formattedNumber.length && j < phoneNumber.length;
+    i++
+  ) {
+    if (formattedNumber[i] === "_") {
+      formattedNumber =
+        formattedNumber.substring(0, i) +
+        phoneNumber[j] +
+        formattedNumber.substring(i + 1);
+      j++;
+    }
+  }
+
+  return formattedNumber;
+}
+
+function getCountryWithPrefixCode(countryCode: string, prefix: string) {
+  const country = countries.find(
+    (country) => country.code === countryCode && country.prefix === prefix
+  );
+  if (!country) return null;
+  return country;
+}
+
+function getCountryWithoutPrefixCode(countryCode: string) {
+  const country = countries.find((country) => country.code === countryCode);
+  if (!country) return null;
+  return country;
+}
+
+function getDefaultFormatPhoneNumber(defaultValue: string) {
+  const countryCode = defaultValue.split(" ")[0].split("-")[0];
+  const prefixCode = defaultValue.split(" ")[0].split("-")[1];
+  const phoneNumber = defaultValue.split(" ")[1];
+
+  if (!countryCode || !phoneNumber) {
+    return { country: null, formattedNumber: "" };
+  }
+
+  if (prefixCode) {
+    const country = getCountryWithPrefixCode(countryCode, prefixCode);
+    if (!country) return { country: null, formattedNumber: "" };
+
+    const formattedNumber = formatPhoneNumber(phoneNumber, country);
+    const response = { country, formattedNumber };
+
+    return response;
+  }
+
+  const country = getCountryWithoutPrefixCode(countryCode);
+  if (!country) return { country: null, formattedNumber: "" };
+
+  const formattedNumber = formatPhoneNumber(phoneNumber, country);
+  const response = { country, formattedNumber };
+
+  return response;
+}
+
+export {
+  getDefaultFormatPhoneNumber,
+  applyMask,
+  clear,
+  getMask,
+  MAX_LENGTH,
+  TYPES,
+};

package/tsconfig.json

@@ -26,6 +26,10 @@
     "jsx": "react-jsx",
     "lib": ["DOM", "DOM.Iterable", "ES2022"],
     "module": "ESNext",
-    "target": "ESNext"
+    "target": "ESNext",
+    "paths": {
+      "@components": ["./src/index.ts"],
+      "@components/*": ["./src/*"]
+    }
   }
 }

package/variables.css

@@ -0,0 +1,41 @@
+:root {
+  /* background */
+  --background: #f1f5f9;
+  --background-foreground: #ffffff;
+
+  /* modal, drawer, popover... */
+  --card: #ffffff;
+  --card-foreground-primary: #f8fafc;
+  --card-foreground-secondary: #f1f5f9;
+  --card-foreground-third: #e2e8f0;
+
+  /* skeleton */
+  --skeleton: #f8fafc;
+  --skeleton-foreground: #f1f5f9;
+
+  /* text */
+  --text-heading: #0f172a;
+  --text-body: #475569;
+  --text-muted: #94a3b8;
+
+  /* border */
+  --border: #e2e8f0;
+
+  /* tooltip */
+  --tooltip-text: #f1f5f9;
+  --tooltip-background: #0f172a;
+
+  /* spotlight */
+  --spotlight-primary: 17, 109, 220; /* #116ddc */
+  --spotlight-secondary: 248, 250, 252; /* #f8fafc */
+  --spotlight-success: 16, 185, 129; /* #10b981 */
+  --spotlight-danger: 244, 63, 94; /* #f43f5e */
+  --spotlight-info: 14, 165, 233; /* #0ea5e9 */
+  --spotlight-warning: 249, 115, 22; /* #f97316 */
+
+  /* toast */
+  --toast-success: 16, 185, 129; /* #10B981 */
+  --toast-danger: 225, 29, 72; /* #E11D48 */
+  --toast-info: 14, 165, 233; /* #0EA5E9 */
+  --toast-warning: 251, 146, 60; /* #FB923C */
+}

package/vite.config.ts

@@ -0,0 +1,31 @@
+import react from "@vitejs/plugin-react";
+import { resolve } from "path";
+import { defineConfig } from "vite";
+
+export default defineConfig({
+  plugins: [
+    react({
+      jsxRuntime: "automatic",
+    }),
+  ],
+  build: {
+    minify: true,
+    outDir: "./dist",
+    rollupOptions: {
+      external: [
+        "@react-input/mask",
+        "framer-motion",
+        "lucide-react",
+        "react",
+        "react-dom",
+        "react/jsx-runtime",
+      ],
+      output: { format: "esm" },
+    },
+    lib: {
+      entry: resolve(__dirname, "src/index.ts"),
+      name: "@arkyn/components",
+      fileName: "bundle",
+    },
+  },
+});

package/vitest.config.ts

@@ -0,0 +1,5 @@
+import { defineConfig } from "vite";
+
+export default defineConfig({
+  resolve: { mainFields: ["module"] },
+});

package/base-variables.css

@@ -1,47 +0,0 @@
-:root {
-  /* Border Rounded */
-  --rounded-inputs: 6px;
-  --rounded-cards: 8px;
-
-  /* Background */
-  --background: #f1f5f9;
-  --background-foreground: #ffffff;
-
-  /* Modal, Drawer, Popover */
-  --card: #ffffff;
-  --card-foreground-primary: #f8fafc;
-  --card-foreground-secondary: #f1f5f9;
-  --card-foreground-terceary: #e2e8f0;
-
-  /* Input, Select, Textarea, Button (outline), Icon Button (outline) */
-  --input-background: 248, 250, 252; /* #f8fafc */
-
-  /* Skeleton */
-  --skeleton: #f8fafc;
-  --skeleton-foreground: #f1f5f9;
-
-  /* Text */
-  --text-heading: #0f172a;
-  --text-body: #475569;
-  --text-muted: #94a3b8;
-
-  /* Border */
-  --border: #e2e8f0;
-
-  /* Tooltip */
-  --tooltip-text: #f1f5f9;
-  --tooltip-background: #0f172a;
-
-  /* Spotlight */
-  --spotlight-primary: 17, 109, 220; /* #116ddc */
-  --spotlight-success: 16, 185, 129; /* #10b981 */
-  --spotlight-danger: 244, 63, 94; /* #f43f5e */
-  --spotlight-info: 14, 165, 233; /* #0ea5e9 */
-  --spotlight-warning: 249, 115, 22; /* #f97316 */
-
-  /* Toast */
-  --toast-success: 16, 185, 129; /* #10B981 */
-  --toast-danger: 225, 29, 72; /* #E11D48 */
-  --toast-info: 14, 165, 233; /* #0EA5E9 */
-  --toast-warning: 251, 146, 60; /* #FB923C */
-}

package/dist/components/Alert/AlertContainer/index.d.ts

@@ -1,6 +0,0 @@
-import { AlertContainerProps } from "@arkyn/types";
-import "./styles.css";
-declare function useAlertContainer(): AlertContainerProps;
-declare function AlertContainer(props: AlertContainerProps): import("react/jsx-runtime").JSX.Element;
-export { AlertContainer, useAlertContainer };
-//# sourceMappingURL=index.d.ts.map

package/dist/components/Alert/AlertContainer/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Alert/AlertContainer/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAGnD,OAAO,cAAc,CAAC;AAKtB,iBAAS,iBAAiB,wBAEzB;AAED,iBAAS,cAAc,CAAC,KAAK,EAAE,mBAAmB,2CAkCjD;AAED,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,CAAC"}

package/dist/components/Alert/AlertContainer/index.js

@@ -1,36 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { createContext, useContext } from "react";
-import "./styles.css";
-import { AlertTitle } from "../AlertTitle";
-const AlertContainerContext = createContext({});
-function useAlertContainer() {
-    return useContext(AlertContainerContext);
-}
-function AlertContainer(props) {
-    const { schema, children, className: baseClassName, ...rest } = props;
-    const hasAlertTitle = (children) => {
-        let found = false;
-        const searchForAlertTitle = (nodes) => {
-            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 (_jsx(AlertContainerContext.Provider, { value: props, children: _jsx("div", { className: className.trim(), ...rest, children: children }) }));
-}
-export { AlertContainer, useAlertContainer };

package/dist/components/Alert/AlertContent/index.d.ts

@@ -1,5 +0,0 @@
-import { AlertContentProps } from "@arkyn/types";
-import "./styles.css";
-declare function AlertContent(props: AlertContentProps): import("react/jsx-runtime").JSX.Element;
-export { AlertContent };
-//# sourceMappingURL=index.d.ts.map

package/dist/components/Alert/AlertContent/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Alert/AlertContent/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AACjD,OAAO,cAAc,CAAC;AAEtB,iBAAS,YAAY,CAAC,KAAK,EAAE,iBAAiB,2CAK7C;AAED,OAAO,EAAE,YAAY,EAAE,CAAC"}

package/dist/components/Alert/AlertContent/index.js

@@ -1,8 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import "./styles.css";
-function AlertContent(props) {
-    const { className: baseClassName, ...rest } = props;
-    const className = `arkynAlertContent ${baseClassName}`;
-    return _jsx("div", { className: className.trim(), ...rest });
-}
-export { AlertContent };

package/dist/components/Alert/AlertDescription/index.d.ts

@@ -1,5 +0,0 @@
-import { AlertDescriptionProps } from "@arkyn/types";
-import "./styles.css";
-declare function AlertDescription(props: AlertDescriptionProps): import("react/jsx-runtime").JSX.Element;
-export { AlertDescription };
-//# sourceMappingURL=index.d.ts.map

package/dist/components/Alert/AlertDescription/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Alert/AlertDescription/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,cAAc,CAAC;AAEtB,iBAAS,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,2CAKrD;AAED,OAAO,EAAE,gBAAgB,EAAE,CAAC"}

package/dist/components/Alert/AlertDescription/index.js

@@ -1,8 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import "./styles.css";
-function AlertDescription(props) {
-    const { className: baseClassName, ...rest } = props;
-    const className = `arkynAlertDescription ${baseClassName}`;
-    return _jsx("div", { className: className.trim(), ...rest });
-}
-export { AlertDescription };

package/dist/components/Alert/AlertIcon/index.d.ts

@@ -1,5 +0,0 @@
-import { AlertIconProps } from "@arkyn/types";
-import "./styles.css";
-declare function AlertIcon(props: AlertIconProps): import("react/jsx-runtime").JSX.Element;
-export { AlertIcon };
-//# sourceMappingURL=index.d.ts.map

package/dist/components/Alert/AlertIcon/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Alert/AlertIcon/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAI9C,OAAO,cAAc,CAAC;AAEtB,iBAAS,SAAS,CAAC,KAAK,EAAE,cAAc,2CAgBvC;AAED,OAAO,EAAE,SAAS,EAAE,CAAC"}

package/dist/components/Alert/AlertIcon/index.js

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

package/dist/components/Alert/AlertTitle/index.d.ts

@@ -1,5 +0,0 @@
-import { AlertTitleProps } from "@arkyn/types";
-import "./styles.css";
-declare function AlertTitle(props: AlertTitleProps): import("react/jsx-runtime").JSX.Element;
-export { AlertTitle };
-//# sourceMappingURL=index.d.ts.map

package/dist/components/Alert/AlertTitle/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Alert/AlertTitle/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,cAAc,CAAC;AAEtB,iBAAS,UAAU,CAAC,KAAK,EAAE,eAAe,2CAKzC;AAED,OAAO,EAAE,UAAU,EAAE,CAAC"}

package/dist/components/Alert/AlertTitle/index.js

@@ -1,8 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import "./styles.css";
-function AlertTitle(props) {
-    const { className: baseClassName, ...rest } = props;
-    const className = `arkynAlertTitle ${baseClassName}`;
-    return _jsx("div", { className: className.trim(), ...rest });
-}
-export { AlertTitle };

package/dist/components/Alert/index.d.ts

@@ -1,7 +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, };
-//# sourceMappingURL=index.d.ts.map

package/dist/components/Alert/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Alert/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,OAAO,EACL,cAAc,EACd,YAAY,EACZ,gBAAgB,EAChB,SAAS,EACT,UAAU,GACX,CAAC"}

package/dist/components/Alert/index.js

@@ -1,6 +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/dist/components/AudioUpload/AudioUploadError/index.d.ts

@@ -1,5 +0,0 @@
-import { AudioUploadErrorProps } from "@arkyn/types";
-import "./styles.css";
-declare function AudioUploadError(props: AudioUploadErrorProps): import("react/jsx-runtime").JSX.Element;
-export { AudioUploadError };
-//# sourceMappingURL=index.d.ts.map

package/dist/components/AudioUpload/AudioUploadError/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/AudioUpload/AudioUploadError/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,cAAc,CAAC;AAEtB,iBAAS,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,2CAMrD;AAED,OAAO,EAAE,gBAAgB,EAAE,CAAC"}

package/dist/components/AudioUpload/AudioUploadError/index.js

@@ -1,10 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
-import "./styles.css";
-function AudioUploadError(props) {
-    const { error } = props;
-    const className = `arkynAudioUploadError`;
-    if (error)
-        return _jsx("strong", { className: className, children: error });
-    return _jsx(_Fragment, {});
-}
-export { AudioUploadError };

package/dist/components/AudioUpload/AudioUploadLabel/index.d.ts

@@ -1,5 +0,0 @@
-import { AudioUploadLabelProps } from "@arkyn/types";
-import "./styles.css";
-declare function AudioUploadLabel(props: AudioUploadLabelProps): import("react/jsx-runtime").JSX.Element;
-export { AudioUploadLabel };
-//# sourceMappingURL=index.d.ts.map

package/dist/components/AudioUpload/AudioUploadLabel/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/AudioUpload/AudioUploadLabel/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,cAAc,CAAC;AAEtB,iBAAS,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,2CAOrD;AAED,OAAO,EAAE,gBAAgB,EAAE,CAAC"}

package/dist/components/AudioUpload/AudioUploadLabel/index.js

@@ -1,9 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import "./styles.css";
-function AudioUploadLabel(props) {
-    const { label, showAsterisk } = props;
-    const show = showAsterisk ? "asteriskTrue" : "asteriskFalse";
-    const className = `arkynAudioUploadLabel ${show}`;
-    return _jsx("strong", { className: className.trim(), children: label });
-}
-export { AudioUploadLabel };

package/dist/components/AudioUpload/HasFileContent/index.d.ts

@@ -1,5 +0,0 @@
-import { AudioUploadHasFileContentProps } from "@arkyn/types";
-import "./styles.css";
-declare function HasFileContent(props: AudioUploadHasFileContentProps): import("react/jsx-runtime").JSX.Element;
-export { HasFileContent };
-//# sourceMappingURL=index.d.ts.map

package/dist/components/AudioUpload/HasFileContent/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/AudioUpload/HasFileContent/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,8BAA8B,EAAE,MAAM,cAAc,CAAC;AAM9D,OAAO,cAAc,CAAC;AAMtB,iBAAS,cAAc,CAAC,KAAK,EAAE,8BAA8B,2CAuJ5D;AAED,OAAO,EAAE,cAAc,EAAE,CAAC"}