@drawbridge/components 0.0.78 → 0.1.0

package/types/shared/input-checkbox-list.d.ts

@@ -0,0 +1,20 @@
+import { ComponentType, ReactNode } from 'react';
+import { BrandStyle } from '../styles';
+
+export interface InputCheckboxListItem {
+	key: ReactNode;
+	value: string;
+}
+
+export interface InputCheckboxListProps {
+	className?: string;
+	items?: InputCheckboxListItem[];
+	onChange?: ( value: string[] ) => void;
+	/** The brand: its page colour behind Select all and the fade, its input style on the boxes. */
+	style?: BrandStyle;
+	value?: string[];
+}
+
+declare const InputCheckboxList: ComponentType<InputCheckboxListProps>;
+
+export default InputCheckboxList;

package/types/shared/input-range.d.ts

@@ -0,0 +1,19 @@
+import { ComponentType } from 'react';
+import { BrandStyle } from '../styles';
+
+export interface InputRangeProps {
+	className?: string;
+	max?: number;
+	min?: number;
+	onChange: ( value: number ) => void;
+	preview?: 'number' | 'button' | 'image' | 'input';
+	step?: number;
+	/** The brand: its button colour on the thumb and track, its text colour on the readout. */
+	style?: BrandStyle;
+	value?: number | null;
+	[ key: string ]: unknown;
+}
+
+declare const InputRange: ComponentType<InputRangeProps>;
+
+export default InputRange;

package/types/shared/input-switch.d.ts

@@ -0,0 +1,16 @@
+import { ComponentType, ReactNode } from 'react';
+import { BrandStyle } from '../styles';
+
+export interface InputSwitchProps {
+	disabled?: boolean;
+	helper?: ReactNode;
+	onChange?: ( value: boolean ) => void;
+	small?: boolean;
+	/** The brand: on is its button colours, off its input border and text colour. */
+	style?: BrandStyle;
+	value?: boolean;
+}
+
+declare const InputSwitch: ComponentType<InputSwitchProps>;
+
+export default InputSwitch;

package/types/shared/input-url.d.ts

@@ -0,0 +1,14 @@
+import { ComponentType } from 'react';
+import { BrandStyle } from '../styles';
+
+export interface InputUrlProps {
+	disabled?: boolean;
+	onChange: ( value: string ) => void;
+	placeholder?: string;
+	style?: BrandStyle;
+	value?: string | null;
+}
+
+declare const InputUrl: ComponentType<InputUrlProps>;
+
+export default InputUrl;

package/types/shared/lib/form.d.ts

@@ -0,0 +1,28 @@
+import { Context } from 'react';
+import { FieldValues, UseFormProps, UseFormReturn } from 'react-hook-form';
+
+// Drop-in for react-hook-form: forms import everything from here instead of
+// 'react-hook-form' directly, so every export of that package carries through
+// unchanged except useForm, which this module overrides below.
+export * from 'react-hook-form';
+
+// Which container a form lives in. Modal and Drawer provide their own value,
+// so closing one only asks about the forms inside it.
+export declare const FormScope: Context<string>;
+
+export interface UseFormOptions<
+	TFieldValues extends FieldValues = FieldValues,
+	TContext = any,
+	TTransformedValues = TFieldValues
+> extends UseFormProps<TFieldValues, TContext, TTransformedValues> {
+	// Registers the form's dirty state in the [ 'dirty' ] query so
+	// GuardNavigation can confirm before the page is left with unsaved edits.
+	// Defaults to true; pass false to opt a form out entirely.
+	guard?: boolean;
+}
+
+export declare function useForm<
+	TFieldValues extends FieldValues = FieldValues,
+	TContext = any,
+	TTransformedValues = TFieldValues
+>( props?: UseFormOptions<TFieldValues, TContext, TTransformedValues> ): UseFormReturn<TFieldValues, TContext, TTransformedValues>;

package/types/shared/lib/helpers.d.ts

@@ -0,0 +1,145 @@
+import { ComponentType, SVGProps } from 'react';
+
+// Shared formatting, capability-gate and lookup helpers used by both the
+// dashboard and bridge apps.
+
+export interface ConnectionItem {
+	group?: string;
+	slug?: string;
+	status?: string;
+	[ key: string ]: unknown;
+}
+
+export interface Organization {
+	capabilities?: Record<string, unknown>;
+	connectionItems?: ConnectionItem[];
+	restricted?: string[];
+	[ key: string ]: unknown;
+}
+
+export interface Asset {
+	mimetype: string;
+	sizes: Record<string, string>;
+	updatedAt?: string;
+}
+
+export interface Click {
+	[ key: string ]: string | undefined;
+}
+
+export type UploadKind = 'all' | 'media' | 'image' | 'video';
+
+export interface FileParts {
+	extension: string;
+	type: string;
+}
+
+export interface User {
+	email?: string;
+	firstName?: string;
+	lastName?: string;
+	[ key: string ]: unknown;
+}
+
+export interface OrganizationAlert {
+	message: string;
+}
+
+export interface Allowance {
+	actions: number;
+	included: number;
+	percent: number;
+}
+
+export interface Badge {
+	text: string;
+	type: string;
+}
+
+export interface Accepting {
+	published: number;
+	valid: number;
+}
+
+// The advertisement preview's `button` is the label for the CURRENT form
+// action, derived from `options` rather than trusted off `values`.
+export declare const advertisementPreview: ( values: Record<string, unknown> | null | undefined, options: Array<{ key?: string; value?: unknown }> | null | undefined ) => Record<string, unknown>;
+
+// Appends a cache-busting `query` parameter, joining with `&` when the url
+// already carries one.
+export declare const bust: ( href: string | null | undefined, version: string | number | null | undefined ) => string | null;
+
+export declare const clickSummary: ( click: Click | null | undefined ) => string;
+
+// Upload size caps in MB, keyed by the MIME primary type.
+export declare const fileSizeLimits: {
+	application: number;
+	image: number;
+	video: number;
+};
+
+export declare const fileSizes: ( type?: UploadKind, limits?: Record<string, number> ) => string[];
+
+export declare const fileTypes: ( type?: UploadKind ) => string[];
+
+export declare const fileMimes: ( type?: UploadKind ) => string[];
+
+export declare const fileParts: ( file: { name?: string; type?: string } | null | undefined ) => FileParts;
+
+export declare const formatDateTime: ( value: string | number | Date | null | undefined ) => string;
+
+// A card's last four digits, zero-padded back to four characters.
+export declare const formatLast4: ( value: string | number | null | undefined ) => string;
+
+// "a affiliate" -> "an affiliate".
+export declare const withArticle: ( word: string ) => string;
+
+export declare const formatUserName: ( user: User | null | undefined ) => string | undefined;
+
+export declare const grid: ( count: number ) => string;
+
+// Canonical capability gate: walks organization.capabilities by dot-path.
+export declare const hasCapability: ( organization: Organization | null | undefined, key: string, level?: string ) => boolean;
+
+export declare const hasConnection: ( organization: Organization | null | undefined, slug: string ) => boolean;
+
+export declare const connectionInGroup: ( organization: Organization | null | undefined, group: string ) => ConnectionItem | null;
+
+export declare const hasConnectionGroup: ( organization: Organization | null | undefined, group: string ) => boolean;
+
+export declare const hasRestriction: ( object: { restricted?: string[] } | null | undefined, key: string ) => boolean;
+
+// Shapes a commerce product's remote image url as an Asset, so CardAsset can
+// render it the same way it renders an uploaded file's thumbnail.
+export declare const productAsset: ( product: { image?: string; updatedAt?: string } | null | undefined ) => Asset | null;
+
+export declare const isAdmin: ( permissions: string[] | null | undefined ) => boolean;
+
+export declare const months: Array<{ key: string; value: string }>;
+
+// Alert copy for the org list cards: entry-limit cap first, then connection /
+// workflow alert counts.
+export declare const organizationAlerts: ( props?: { capped?: boolean; totals?: { connectionAlerts?: number; workflowAlerts?: number } } ) => OrganizationAlert[];
+
+// @story admin/organizations-list
+export declare const usageBadge: ( allowance: Allowance | null | undefined ) => Badge | null;
+
+// @story admin/organizations-list
+export declare const acceptingBadge: ( accepting: Accepting | null | undefined ) => Badge | null;
+
+export type StatusKind = 'advertisement' | 'campaign' | 'connection' | 'draw' | 'invoice' | 'member' | 'organization' | 'page' | 'prize' | 'range' | 'subscription' | 'workflow';
+
+// The badge beside a table title: each kind says which of its statuses get one; null for the rest.
+export declare const statusBadge: ( kind: StatusKind, status: string | null | undefined ) => Badge | null;
+
+export interface Alert {
+	icon: ComponentType<SVGProps<SVGSVGElement>>;
+	message: string;
+}
+
+// Why a record needs attention (Warning, or Lock when locked), or null when nothing is wrong.
+export declare const alertFor: ( record: { capped?: boolean; error?: string | null; errors?: { message?: string }[]; status?: string | null; tasks?: { message?: string }[]; totals?: { connectionAlerts?: number; workflowAlerts?: number } } | null | undefined ) => Alert | null;
+
+export declare const stripeUrl: ( label: string, id: string, ...more: string[] ) => string;
+
+export declare const years: ( props: { current: number | string; length?: number } ) => Array<{ key: number; value: number }>;

package/types/shared/lib/icon-labels.d.ts

@@ -0,0 +1,6 @@
+import { ComponentType } from 'react';
+
+// An icon-only button's accessible name, keyed by component identity. Only
+// icons that mean one thing wherever they appear are listed here — a caller's
+// own aria-label always wins over this lookup.
+export declare const iconLabel: ( Icon: ComponentType<unknown> ) => string | undefined;

package/types/shared/lib/yup.d.ts

@@ -0,0 +1,19 @@
+import { FieldValues, Resolver } from 'react-hook-form';
+
+// Re-exported from @hookform/resolvers/yup and @drawbridge/drawbridge-utils/yup.
+// Both carry real .d.ts files, but @hookform/resolvers/yup's own types (and the
+// 'yup' package itself) are not resolvable from this package's node_modules
+// here, so the shapes are declared here instead — the same stand-in this
+// package already does in bridge/fields.d.ts for an untyped real export.
+export declare function resolver<TFieldValues extends FieldValues = FieldValues>(
+	schema: unknown,
+	schemaOptions?: Record<string, unknown>,
+	resolverOptions?: { mode?: 'async' | 'sync'; raw?: boolean }
+): Resolver<TFieldValues>;
+
+// THE ONE YUP, from utils, with `mixed().file( limits? )` and `array().unique(
+// key )` added on top. Left as `any` — it is a yup chain object, not a shape
+// this package can describe without the real library's types.
+declare const yup: any;
+
+export default yup;

package/types/shared/loader.d.ts

@@ -0,0 +1,14 @@
+import { ComponentType, ReactNode } from 'react';
+
+export interface LoaderProps {
+	children?: ReactNode;
+	className?: string;
+}
+
+export declare const LogoLoader: ComponentType;
+
+export declare const LoaderDynamic: ComponentType;
+
+declare const Loader: ComponentType<LoaderProps>;
+
+export default Loader;

package/types/shared/overlay.d.ts

@@ -0,0 +1,20 @@
+import { ComponentType } from 'react';
+import { BrandStyle } from '../styles';
+
+export interface OverlayProps {
+	// Layout only: position and stacking ( 'z-10 absolute inset-0' ). Defaults to 'z-40 fixed inset-0'.
+	className?: string;
+	// The tint stays 300ms on leave, so the panel above animates out first.
+	linger?: boolean;
+	// Given, a full-size Button labelled "Close" fills the tint and takes the click.
+	onClick?: () => void;
+	show?: boolean;
+	// The brand object: the tint is the brand text colour at 60% (black at 50% without it).
+	style?: BrandStyle | null;
+	// Passed to the Button ( data-guard, aria-label ).
+	[ key: string ]: unknown;
+}
+
+declare const Overlay: ComponentType<OverlayProps>;
+
+export default Overlay;

package/types/shared/progress.d.ts

@@ -0,0 +1,14 @@
+import { ComponentType, ReactNode } from 'react';
+
+export interface ProgressProps {
+	current?: number | string;
+	label?: ReactNode;
+	limit?: number | string;
+	percentage?: number;
+	preposition?: string;
+	unit?: number | string;
+}
+
+declare const Progress: ComponentType<ProgressProps>;
+
+export default Progress;

package/types/shared/provider-recaptcha.d.ts

@@ -0,0 +1,10 @@
+import { ComponentType, ReactNode } from 'react';
+
+export interface ProviderRecaptchaProps {
+	children?: ReactNode;
+	enabled?: boolean;
+}
+
+declare const ProviderRecaptcha: ComponentType<ProviderRecaptchaProps>;
+
+export default ProviderRecaptcha;

package/types/shared/sortable.d.ts

@@ -0,0 +1,14 @@
+import { ElementType, JSX, ReactNode } from 'react';
+
+export interface SortableProps<T> {
+	classNameSortableItem?: string;
+	disabled?: boolean;
+	items?: T[];
+	onSort?: ( sorted: T[], move: { from: number; to: number } ) => void;
+	renderItem: ( item: T, index: number, handle: ReactNode ) => ReactNode;
+	sortableElement?: ElementType;
+}
+
+declare function Sortable<T>( props: SortableProps<T> ): JSX.Element;
+
+export default Sortable;

package/types/shared/tabs.d.ts

@@ -0,0 +1,32 @@
+import { ComponentType, ReactNode } from 'react';
+
+export interface TabsItem {
+	badge?: { text: ReactNode; type?: 'ai' | 'error' | 'primary' | 'secondary' | 'success' | 'warning' };
+	// Faded by Button, and skipped by the arrow keys.
+	disabled?: boolean;
+	icon?: ComponentType<{ className?: string }>;
+	title?: ReactNode;
+	// Anything else is passed to the tab's Button.
+	[ key: string ]: unknown;
+}
+
+export interface TabsProps {
+	// The selected tab's index; the tabs follow it when it changes.
+	active?: number;
+	list?: TabsItem[];
+	onChange?: ( index: number, item?: TabsItem ) => void;
+	panelClassName?: string;
+	panelItemClassName?: string;
+	panels?: ReactNode[];
+	// The brand object: tabs in its button colours and radius.
+	style?: {
+		background?: { color?: { hex?: string; rgb?: string } };
+		button?: { background?: { color?: { hex?: string; rgb?: string } }; radius?: number; text?: { color?: { hex?: string; rgb?: string } } };
+		text?: { color?: { hex?: string; rgb?: string } };
+		[ key: string ]: unknown;
+	} | null;
+}
+
+declare const Tabs: ComponentType<TabsProps>;
+
+export default Tabs;

package/types/shared/tooltip.d.ts

@@ -0,0 +1,18 @@
+import { ComponentType, ReactNode } from 'react';
+
+export interface TooltipProps {
+	children?: ReactNode;
+	className?: string;
+	content?: ReactNode;
+	event?: 'click' | 'hover';
+	eventDelay?: number;
+	offset?: number;
+	open?: boolean;
+	placement?: 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'left-start' | 'left-end' | 'right' | 'right-start' | 'right-end' | 'auto' | 'center';
+	styles?: Record<string, object>;
+	[ key: string ]: unknown;
+}
+
+declare const Tooltip: ComponentType<TooltipProps>;
+
+export default Tooltip;

package/types/styles.d.ts

@@ -6,7 +6,9 @@ export interface BrandStyle {
 		text?: { color?: { rgb?: string; hex?: string } };
 		radius?: number;
 	};
+	body?: { family?: string; weight?: string | number; transform?: string };
 	heading?: { family?: string; weight?: string | number; transform?: string };
+	image?: { radius?: number };
 	input?: { radius?: number };
 }
 
@@ -20,6 +22,8 @@ export declare const buttonStyle: ( style?: BrandStyle ) => StyleObject;
 
 export declare const closeStyle: ( style?: BrandStyle ) => StyleObject;
 
+export declare const dotStyle: ( style?: BrandStyle, active?: boolean ) => StyleObject;
+
 export declare const headerStyle: ( style?: BrandStyle ) => StyleObject;
 
 export declare const inputStyle: ( style?: BrandStyle ) => StyleObject;

package/dist/chunk-24RIMAX7.mjs

@@ -1,18 +0,0 @@
-// components/icons/instagram.js
-import { jsx } from "react/jsx-runtime";
-var Instagram = (props) => /* @__PURE__ */ jsx(
-  "svg",
-  {
-    ...{
-      fill: "currentColor",
-      viewBox: "0 0 24 24",
-      ...props
-    },
-    children: /* @__PURE__ */ jsx("path", { d: "M7.0301.084c-1.2768.0602-2.1487.264-2.911.5634-.7888.3075-1.4575.72-2.1228 1.3877-.6652.6677-1.075 1.3368-1.3802 2.127-.2954.7638-.4956 1.6365-.552 2.914-.0564 1.2775-.0689 1.6882-.0626 4.947.0062 3.2586.0206 3.6671.0825 4.9473.061 1.2765.264 2.1482.5635 2.9107.308.7889.72 1.4573 1.388 2.1228.6679.6655 1.3365 1.0743 2.1285 1.38.7632.295 1.6361.4961 2.9134.552 1.2773.056 1.6884.069 4.9462.0627 3.2578-.0062 3.668-.0207 4.9478-.0814 1.28-.0607 2.147-.2652 2.9098-.5633.7889-.3086 1.4578-.72 2.1228-1.3881.665-.6682 1.0745-1.3378 1.3795-2.1284.2957-.7632.4966-1.636.552-2.9124.056-1.2809.0692-1.6898.063-4.948-.0063-3.2583-.021-3.6668-.0817-4.9465-.0607-1.2797-.264-2.1487-.5633-2.9117-.3084-.7889-.72-1.4568-1.3876-2.1228C21.2982 1.33 20.628.9208 19.8378.6165 19.074.321 18.2017.1197 16.9244.0645 15.6471.0093 15.236-.005 11.977.0014 8.718.0076 8.31.0215 7.0301.0839m.1402 21.6932c-1.17-.0509-1.8053-.2453-2.2287-.408-.5606-.216-.96-.4771-1.3819-.895-.422-.4178-.6811-.8186-.9-1.378-.1644-.4234-.3624-1.058-.4171-2.228-.0595-1.2645-.072-1.6442-.079-4.848-.007-3.2037.0053-3.583.0607-4.848.05-1.169.2456-1.805.408-2.2282.216-.5613.4762-.96.895-1.3816.4188-.4217.8184-.6814 1.3783-.9003.423-.1651 1.0575-.3614 2.227-.4171 1.2655-.06 1.6447-.072 4.848-.079 3.2033-.007 3.5835.005 4.8495.0608 1.169.0508 1.8053.2445 2.228.408.5608.216.96.4754 1.3816.895.4217.4194.6816.8176.9005 1.3787.1653.4217.3617 1.056.4169 2.2263.0602 1.2655.0739 1.645.0796 4.848.0058 3.203-.0055 3.5834-.061 4.848-.051 1.17-.245 1.8055-.408 2.2294-.216.5604-.4763.96-.8954 1.3814-.419.4215-.8181.6811-1.3783.9-.4224.1649-1.0577.3617-2.2262.4174-1.2656.0595-1.6448.072-4.8493.079-3.2045.007-3.5825-.006-4.848-.0608M16.953 5.5864A1.44 1.44 0 1 0 18.39 4.144a1.44 1.44 0 0 0-1.437 1.4424M5.8385 12.012c.0067 3.4032 2.7706 6.1557 6.173 6.1493 3.4026-.0065 6.157-2.7701 6.1506-6.1733-.0065-3.4032-2.771-6.1565-6.174-6.1498-3.403.0067-6.156 2.771-6.1496 6.1738M8 12.0077a4 4 0 1 1 4.008 3.9921A3.9996 3.9996 0 0 1 8 12.0077" })
-  }
-);
-var instagram_default = Instagram;
-
-export {
-  instagram_default
-};

package/dist/chunk-2ZYGRSSA.mjs

@@ -1,45 +0,0 @@
-// components/icons/loader.js
-import { jsx, jsxs } from "react/jsx-runtime";
-var Loader = ({ className, ...props }) => /* @__PURE__ */ jsxs(
-  "svg",
-  {
-    ...{
-      fill: "none",
-      stroke: "none",
-      strokeWidth: 0,
-      viewBox: "0 0 24 24",
-      className: ["animate-spin", className].filter(Boolean).join(" "),
-      ...props
-    },
-    children: [
-      /* @__PURE__ */ jsx(
-        "circle",
-        {
-          ...{
-            className: "opacity-25",
-            cx: 12,
-            cy: 12,
-            r: 10,
-            stroke: "currentColor",
-            strokeWidth: 4
-          }
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        "path",
-        {
-          ...{
-            className: "opacity-75",
-            fill: "currentColor",
-            d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
-          }
-        }
-      )
-    ]
-  }
-);
-var loader_default = Loader;
-
-export {
-  loader_default
-};

package/dist/chunk-34VHCLEM.mjs

@@ -1,18 +0,0 @@
-// components/icons/snapchat.js
-import { jsx } from "react/jsx-runtime";
-var Snapchat = (props) => /* @__PURE__ */ jsx(
-  "svg",
-  {
-    ...{
-      fill: "currentColor",
-      viewBox: "0 0 24 24",
-      ...props
-    },
-    children: /* @__PURE__ */ jsx("path", { d: "M12.206.793c.99 0 4.347.276 5.93 3.821.529 1.193.403 3.219.299 4.847l-.003.06c-.012.18-.022.345-.03.51.075.045.203.09.401.09.3-.016.659-.12 1.033-.301.165-.088.344-.104.464-.104.182 0 .359.029.509.09.45.149.734.479.734.838.015.449-.39.839-1.213 1.168-.089.029-.209.075-.344.119-.45.135-1.139.36-1.333.81-.09.224-.061.524.12.868l.015.015c.06.136 1.526 3.475 4.791 4.014.255.044.435.27.42.509 0 .075-.015.149-.045.225-.24.569-1.273.988-3.146 1.271-.059.091-.12.375-.164.57-.029.179-.074.36-.134.553-.076.271-.27.405-.555.405h-.03c-.135 0-.313-.031-.538-.074-.36-.075-.765-.135-1.273-.135-.3 0-.599.015-.913.074-.6.104-1.123.464-1.723.884-.853.599-1.826 1.288-3.294 1.288-.06 0-.119-.015-.18-.015h-.149c-1.468 0-2.427-.675-3.279-1.288-.599-.42-1.107-.779-1.707-.884-.314-.045-.629-.074-.928-.074-.54 0-.958.089-1.272.149-.211.043-.391.074-.54.074-.374 0-.523-.224-.583-.42-.061-.192-.09-.389-.135-.567-.046-.181-.105-.494-.166-.57-1.918-.222-2.95-.642-3.189-1.226-.031-.063-.052-.15-.055-.225-.015-.243.165-.465.42-.509 3.264-.54 4.73-3.879 4.791-4.02l.016-.029c.18-.345.224-.645.119-.869-.195-.434-.884-.658-1.332-.809-.121-.029-.24-.074-.346-.119-1.107-.435-1.257-.93-1.197-1.273.09-.479.674-.793 1.168-.793.146 0 .27.029.383.074.42.194.789.3 1.104.3.234 0 .384-.06.465-.105l-.046-.569c-.098-1.626-.225-3.651.307-4.837C7.392 1.077 10.739.807 11.727.807l.419-.015h.06z" })
-  }
-);
-var snapchat_default = Snapchat;
-
-export {
-  snapchat_default
-};

package/dist/chunk-3ZVT66SF.mjs

@@ -1,18 +0,0 @@
-// components/icons/spotify.js
-import { jsx } from "react/jsx-runtime";
-var Spotify = (props) => /* @__PURE__ */ jsx(
-  "svg",
-  {
-    ...{
-      fill: "currentColor",
-      viewBox: "0 0 24 24",
-      ...props
-    },
-    children: /* @__PURE__ */ jsx("path", { d: "M12 0C5.4 0 0 5.4 0 12s5.4 12 12 12 12-5.4 12-12S18.66 0 12 0zm5.521 17.34c-.24.359-.66.48-1.021.24-2.82-1.74-6.36-2.101-10.561-1.141-.418.122-.779-.179-.899-.539-.12-.421.18-.78.54-.9 4.56-1.021 8.52-.6 11.64 1.32.42.18.479.659.301 1.02zm1.44-3.3c-.301.42-.841.6-1.262.3-3.239-1.98-8.159-2.58-11.939-1.38-.479.12-1.02-.12-1.14-.6-.12-.48.12-1.021.6-1.141C9.6 9.9 15 10.561 18.72 12.84c.361.181.54.78.241 1.2zm.12-3.36C15.24 8.4 8.82 8.16 5.16 9.301c-.6.179-1.2-.181-1.38-.721-.18-.601.18-1.2.72-1.381 4.26-1.26 11.28-1.02 15.721 1.621.539.3.719 1.02.419 1.56-.299.421-1.02.599-1.559.3z" })
-  }
-);
-var spotify_default = Spotify;
-
-export {
-  spotify_default
-};

package/dist/chunk-6F23WKP2.mjs

@@ -1,104 +0,0 @@
-// components/styles.js
-var WHITE = "rgb( 255, 255, 255 )";
-var BLACK = "rgb( 0, 0, 0 )";
-var bgColor = (style) => {
-  var _a, _b;
-  return ((_b = (_a = style == null ? void 0 : style.background) == null ? void 0 : _a.color) == null ? void 0 : _b.rgb) || WHITE;
-};
-var textColor = (style) => {
-  var _a, _b;
-  return ((_b = (_a = style == null ? void 0 : style.text) == null ? void 0 : _a.color) == null ? void 0 : _b.rgb) || BLACK;
-};
-var DEFAULT_FAMILY = "Roboto Flex";
-var FONT_FALLBACK = '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif';
-var toFontFamily = (family) => '"' + (family || DEFAULT_FAMILY) + '", ' + FONT_FALLBACK;
-var toFontWeight = (variant) => {
-  var _a;
-  if (!variant) return void 0;
-  if (variant.includes("italic")) return (_a = variant.match(/^\d+/)) == null ? void 0 : _a[0];
-  if (variant.includes("regular")) return "normal";
-  return variant;
-};
-var toFontStyle = (variant) => (variant == null ? void 0 : variant.includes("italic")) ? "italic" : void 0;
-var backgroundStyle = (style) => ({
-  backgroundColor: bgColor(style),
-  color: textColor(style)
-});
-var borderStyle = (style) => ({
-  borderColor: textColor(style)
-});
-var buttonStyle = (style) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
-  return {
-    backgroundColor: ((_c = (_b = (_a = style == null ? void 0 : style.button) == null ? void 0 : _a.background) == null ? void 0 : _b.color) == null ? void 0 : _c.rgb) || textColor(style),
-    borderColor: ((_f = (_e = (_d = style == null ? void 0 : style.button) == null ? void 0 : _d.background) == null ? void 0 : _e.color) == null ? void 0 : _f.rgb) || textColor(style),
-    borderRadius: ((_g = style == null ? void 0 : style.button) == null ? void 0 : _g.radius) != null ? style.button.radius / 4 + "px" : void 0,
-    color: ((_j = (_i = (_h = style == null ? void 0 : style.button) == null ? void 0 : _h.text) == null ? void 0 : _i.color) == null ? void 0 : _j.rgb) || bgColor(style)
-  };
-};
-var closeStyle = (style) => ({
-  backgroundColor: textColor(style),
-  color: bgColor(style)
-});
-var headerStyle = (style) => {
-  var _a, _b, _c, _d;
-  return {
-    fontFamily: toFontFamily((_a = style == null ? void 0 : style.heading) == null ? void 0 : _a.family),
-    fontWeight: toFontWeight((_b = style == null ? void 0 : style.heading) == null ? void 0 : _b.weight),
-    fontStyle: toFontStyle((_c = style == null ? void 0 : style.heading) == null ? void 0 : _c.weight),
-    textTransform: (_d = style == null ? void 0 : style.heading) == null ? void 0 : _d.transform
-  };
-};
-var inputStyle = (style) => {
-  var _a;
-  return {
-    backgroundColor: bgColor(style),
-    borderColor: textColor(style),
-    borderRadius: ((_a = style == null ? void 0 : style.input) == null ? void 0 : _a.radius) != null ? style.input.radius / 4 + "px" : void 0,
-    color: textColor(style)
-  };
-};
-var inputCheckboxStyle = (style) => {
-  var _a;
-  return {
-    ...inputStyle(style),
-    borderRadius: ((_a = style == null ? void 0 : style.input) == null ? void 0 : _a.radius) != null ? Math.min(style.input.radius / 4, 6) + "px" : void 0
-  };
-};
-var inputNameStyle = (style) => inputStyle(style);
-var inputPhoneStyle = (style) => inputStyle(style);
-var menuStyle = (style) => ({
-  backgroundColor: bgColor(style),
-  borderColor: textColor(style),
-  color: textColor(style)
-});
-var selectStyle = (style) => {
-  var _a;
-  return {
-    borderColor: textColor(style).replace(")", ", 0.3)"),
-    borderRadius: ((_a = style == null ? void 0 : style.input) == null ? void 0 : _a.radius) != null ? style.input.radius / 4 + "px" : void 0,
-    color: textColor(style)
-  };
-};
-var textStyle = (style) => ({
-  color: textColor(style)
-});
-
-export {
-  FONT_FALLBACK,
-  toFontFamily,
-  toFontWeight,
-  toFontStyle,
-  backgroundStyle,
-  borderStyle,
-  buttonStyle,
-  closeStyle,
-  headerStyle,
-  inputStyle,
-  inputCheckboxStyle,
-  inputNameStyle,
-  inputPhoneStyle,
-  menuStyle,
-  selectStyle,
-  textStyle
-};