@pallasoft/ps-internal-components 1.0.0 → 1.1.0

package/dist/esm/components/ps-url-input.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { Globe } from 'lucide-react';
+import { PsClassNameService } from '../services/ps-class-name-service.js';
+import { PsFieldFormatService } from '../services/ps-field-format-service.js';
+import { PsInputGroup } from './ps-input-group.js';
+import { PsSkeleton } from './ps-skeleton.js';
+export const PsUrlInput = React.forwardRef(({ className, isLoading = false, onBlur, onChange, ...props }, ref) => {
+    if (isLoading)
+        return (_jsx(PsSkeleton, { className: PsClassNameService.merge('h-9 w-full rounded-md', className) }));
+    return (_jsx(PsInputGroup, { prefix: _jsx(Globe, { "aria-hidden": 'true' }), className: className, children: _jsx("input", { ref: ref, type: 'url', inputMode: 'url', autoComplete: 'url', className: 'h-full w-full min-w-0 rounded-none border-0 bg-transparent py-0 shadow-none focus-visible:ring-0 px-3 text-base outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed md:text-sm', onChange: onChange, onBlur: (event) => {
+                const formatted = PsFieldFormatService.url(event.currentTarget.value);
+                if (formatted !== event.currentTarget.value) {
+                    event.currentTarget.value = formatted;
+                    if (onChange)
+                        onChange(event);
+                }
+                if (onBlur)
+                    onBlur(event);
+            }, ...props }) }));
+});
+PsUrlInput.displayName = 'PsUrlInput';

package/dist/esm/components/ps-workspace-badge.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { PsClassNameService } from '../services/ps-class-name-service.js';
+export const PsWorkspaceBadge = ({ initials, iconUrl, active = false, size = 'sm', }) => {
+    const box = size === 'lg' ? 'size-10 rounded-lg' : 'size-6 rounded-md';
+    if (iconUrl !== undefined)
+        return (_jsx("img", { alt: '', "aria-hidden": 'true', className: PsClassNameService.merge('shrink-0 object-contain', box), src: iconUrl }));
+    return (_jsx("span", { className: PsClassNameService.merge('flex shrink-0 items-center justify-center border font-semibold', box, size === 'lg' ? 'text-sm' : 'text-[0.625rem]', active ? 'border-primary bg-primary text-primary-foreground' : 'bg-muted text-foreground'), children: initials }));
+};

package/dist/esm/components/ps-workspace-switcher.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Check, ChevronsUpDown } from 'lucide-react';
+import { PsButton } from './ps-button.js';
+import { PsDropdownMenuContent } from './ps-dropdown-menu-content.js';
+import { PsDropdownMenuItem } from './ps-dropdown-menu-item.js';
+import { PsDropdownMenuLabel } from './ps-dropdown-menu-label.js';
+import { PsDropdownMenuSeparator } from './ps-dropdown-menu-separator.js';
+import { PsDropdownMenuTrigger } from './ps-dropdown-menu-trigger.js';
+import { PsDropdownMenu } from './ps-dropdown-menu.js';
+import { PsWorkspaceBadge } from './ps-workspace-badge.js';
+export const PsWorkspaceSwitcher = ({ switcher, renderLink }) => {
+    const current = switcher.items.find((item) => item.active);
+    return (_jsxs(PsDropdownMenu, { children: [_jsx(PsDropdownMenuTrigger, { asChild: true, children: _jsxs(PsButton, { variant: 'ghost', className: 'h-9 min-w-0 gap-2 px-2', "aria-label": switcher.label, children: [current ? (_jsx(PsWorkspaceBadge, { iconUrl: current.iconUrl, initials: current.initials, active: true })) : null, _jsx("span", { className: 'min-w-0 truncate text-sm font-medium', children: current ? current.label : switcher.placeholder }), _jsx(ChevronsUpDown, { className: 'size-4 shrink-0 text-muted-foreground' })] }) }), _jsxs(PsDropdownMenuContent, { align: 'start', className: 'w-72', children: [_jsx(PsDropdownMenuLabel, { className: 'text-xs font-normal text-muted-foreground', children: switcher.label }), _jsx(PsDropdownMenuSeparator, {}), switcher.items.map((item) => {
+                        const body = (_jsxs(_Fragment, { children: [_jsx(PsWorkspaceBadge, { iconUrl: item.iconUrl, initials: item.initials, active: item.active }), _jsxs("span", { className: 'flex min-w-0 flex-1 flex-col', children: [_jsx("span", { className: 'truncate text-sm font-medium', children: item.label }), _jsx("span", { className: 'truncate text-xs text-muted-foreground', children: item.description })] }), item.active ? _jsx(Check, { className: 'size-4 shrink-0' }) : null] }));
+                        const className = 'flex w-full cursor-pointer items-center gap-2.5';
+                        return (_jsx(PsDropdownMenuItem, { asChild: true, children: renderLink ? (renderLink({ href: item.href, className, children: body, active: item.active })) : (_jsx("a", { href: item.href, className: className, "aria-current": item.active ? 'page' : undefined, children: body })) }, item.id));
+                    })] })] }));
+};

package/dist/esm/constants/pallasoft-font-size.js

@@ -0,0 +1,16 @@
+export const PallasoftFontSize = {
+    'header-0': ['86px', { fontWeight: 700 }],
+    'header-1': ['40px', { fontWeight: 700 }],
+    'header-1-regular': ['40px', { fontWeight: 400 }],
+    'keyboard-1': ['21px', { fontWeight: 400 }],
+    'body-1': ['18px', { fontWeight: 400 }],
+    'header-2': ['28px', { fontWeight: 700 }],
+    'header-2-regular': ['28px', { fontWeight: 400 }],
+    'body-2': ['16px', { fontWeight: 400 }],
+    'header-3': ['20px', { fontWeight: 600 }],
+    'header-3-regular': ['20px', { fontWeight: 400 }],
+    'body-3': ['12px', { fontWeight: 400 }],
+    'header-4': ['16px', { fontWeight: 600 }],
+    'header-4-regular': ['16px', { fontWeight: 400 }],
+    'body-4': ['8px', { fontWeight: 400 }],
+};

package/dist/esm/constants/pallasoft-motion.js

@@ -0,0 +1,62 @@
+export const PallasoftMotion = {
+    keyframes: {
+        'fade-in': {
+            '0%': {
+                opacity: '0',
+            },
+            '100%': {
+                opacity: '1',
+            },
+        },
+        'fade-out': {
+            '0%': {
+                opacity: '1',
+            },
+            '100%': {
+                opacity: '0',
+            },
+        },
+        'slide-fade-in': {
+            '0%': {
+                opacity: '0',
+                transform: 'translateY(0)',
+            },
+            '100%': {
+                opacity: '1',
+            },
+        },
+        'slide-fade-out': {
+            '0%': {
+                opacity: '1',
+            },
+            '100%': {
+                opacity: '0',
+                transform: 'translateY(0)',
+            },
+        },
+        'slide-down-to-bottom': {
+            '0%': {
+                transform: 'translateY(0)',
+            },
+            '100%': {
+                transform: 'translateY(100%)',
+            },
+        },
+        'slide-up-from-bottom': {
+            '0%': {
+                transform: 'translateY(100%)',
+            },
+            '100%': {
+                transform: 'translateY(0)',
+            },
+        },
+    },
+    animation: {
+        'fade-in': 'fade-in 0.2s ease-out forwards',
+        'fade-out': 'fade-out 0.2s ease-in forwards',
+        'slide-fade-in': 'slide-fade-in 0.2s ease-out forwards',
+        'slide-fade-out': 'slide-fade-out 0.2s ease-in forwards',
+        'slide-down-to-bottom': 'slide-down-to-bottom 0.2s ease-out forwards',
+        'slide-up-from-bottom': 'slide-up-from-bottom 0.2s ease-out forwards',
+    },
+};

package/dist/esm/constants/pallasoft-screens.js

@@ -0,0 +1,8 @@
+export const PallasoftScreens = {
+    'xs': '386px',
+    'sm': '480px',
+    'md': '768px',
+    'lg': '976px',
+    'xl': '1128px',
+    '2xl': '1528px',
+};

package/dist/esm/constants/pallasoft-shared-scale.js

@@ -0,0 +1,9 @@
+export const PallasoftSharedScale = {
+    height: { '168': '42rem' },
+    width: { '168': '42rem' },
+    maxHeight: { '168': '42rem' },
+    maxWidth: { '168': '42rem' },
+    transitionProperty: {
+        move: 'left, right',
+    },
+};

package/dist/esm/constants/ps-alert-variants.js

@@ -0,0 +1,14 @@
+import { cva } from 'class-variance-authority';
+export const PsAlertVariants = cva('relative w-full rounded-lg border px-4 py-3 text-sm [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground [&>svg~*]:pl-7', {
+    variants: {
+        variant: {
+            default: 'bg-background text-foreground',
+            destructive: 'border-destructive/50 text-destructive dark:border-destructive [&>svg]:text-destructive',
+            success: 'border-success/40 bg-success-muted text-success-foreground [&>svg]:text-success',
+            warning: 'border-warning/40 bg-warning-muted text-warning-foreground [&>svg]:text-warning',
+        },
+    },
+    defaultVariants: {
+        variant: 'default',
+    },
+});

package/dist/esm/constants/ps-app-category-labels.js

@@ -0,0 +1,8 @@
+import { PsAppCategory } from './ps-app-category.js';
+export const PsAppCategoryLabels = {
+    [PsAppCategory.Internal]: 'Internal',
+    [PsAppCategory.Product]: 'Products',
+    [PsAppCategory.Support]: 'Support',
+    [PsAppCategory.Ads]: 'Ads',
+    [PsAppCategory.Analytics]: 'Analytics',
+};

package/dist/esm/constants/ps-app-category.js

@@ -0,0 +1,8 @@
+export var PsAppCategory;
+(function (PsAppCategory) {
+    PsAppCategory["Internal"] = "internal";
+    PsAppCategory["Product"] = "product";
+    PsAppCategory["Support"] = "support";
+    PsAppCategory["Ads"] = "ads";
+    PsAppCategory["Analytics"] = "analytics";
+})(PsAppCategory || (PsAppCategory = {}));

package/dist/esm/constants/ps-app-key.js

@@ -0,0 +1,16 @@
+export var PsAppKey;
+(function (PsAppKey) {
+    PsAppKey["Hub"] = "hub";
+    PsAppKey["PallaBuzz"] = "pallabuzz";
+    PsAppKey["PallaForge"] = "pallaforge";
+    PsAppKey["Esna"] = "esna";
+    PsAppKey["Website"] = "website";
+    PsAppKey["HelpScout"] = "help-scout";
+    PsAppKey["GoogleAds"] = "google-ads";
+    PsAppKey["MetaAds"] = "meta-ads";
+    PsAppKey["OpenAIAds"] = "openai-ads";
+    PsAppKey["PinterestAds"] = "pinterest-ads";
+    PsAppKey["TikTokAds"] = "tiktok-ads";
+    PsAppKey["GoogleAnalytics"] = "google-analytics";
+    PsAppKey["PostHog"] = "posthog";
+})(PsAppKey || (PsAppKey = {}));

package/dist/esm/constants/ps-app-switcher-config.js

@@ -0,0 +1,11 @@
+import { PsAppCategory } from './ps-app-category.js';
+export const PsAppSwitcherConfig = {
+    categoryOrder: [PsAppCategory.Internal, PsAppCategory.Product],
+    externalCategoryOrder: [PsAppCategory.Support, PsAppCategory.Ads, PsAppCategory.Analytics],
+    externalRel: 'noreferrer',
+    externalTarget: '_blank',
+    faviconUrl: (domain) => `https://www.google.com/s2/favicons?domain=${domain}&sz=64`,
+    siteFaviconPath: '/favicon.ico',
+    title: 'Apps',
+    triggerLabel: 'Open Pallasoft apps',
+};

package/dist/esm/constants/ps-badge-variants.js

@@ -0,0 +1,16 @@
+import { cva } from 'class-variance-authority';
+export const PsBadgeVariants = cva('inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2', {
+    variants: {
+        variant: {
+            default: 'border-transparent bg-primary text-primary-foreground shadow hover:bg-primary/80',
+            secondary: 'border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80',
+            destructive: 'border-transparent bg-destructive text-destructive-foreground shadow hover:bg-destructive/80',
+            outline: 'text-foreground',
+            success: 'border-transparent bg-success-muted text-success-foreground',
+            warning: 'border-transparent bg-warning-muted text-warning-foreground',
+        },
+    },
+    defaultVariants: {
+        variant: 'default',
+    },
+});

package/dist/esm/constants/ps-button-variants.js

@@ -0,0 +1,23 @@
+import { cva } from 'class-variance-authority';
+export const PsButtonVariants = cva('inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0', {
+    variants: {
+        variant: {
+            default: 'bg-primary text-primary-foreground shadow hover:bg-primary/90',
+            destructive: 'bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90',
+            outline: 'border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground',
+            secondary: 'bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80',
+            ghost: 'hover:bg-accent hover:text-accent-foreground',
+            link: 'text-primary underline-offset-4 hover:underline',
+        },
+        size: {
+            default: 'h-9 px-4 py-2',
+            sm: 'h-8 rounded-md px-3 text-xs',
+            lg: 'h-10 rounded-md px-8',
+            icon: 'h-9 w-9',
+        },
+    },
+    defaultVariants: {
+        variant: 'default',
+        size: 'default',
+    },
+});

package/dist/esm/constants/ps-chart-defaults.js

@@ -0,0 +1,7 @@
+export const PsChartDefaults = {
+    idPrefix: 'chart-',
+    idSeparators: /:/g,
+    missingContext: 'PsChart parts must sit inside a PsChartContainer',
+    valueKey: 'value',
+    payloadKey: 'payload',
+};

package/dist/esm/constants/ps-chart-themes.js

@@ -0,0 +1,4 @@
+export const PsChartThemes = {
+    light: '',
+    dark: '.dark',
+};

package/dist/esm/constants/ps-date-picker-config.js

@@ -0,0 +1,6 @@
+export const PsDatePickerConfig = {
+    placeholder: 'Pick a date',
+    clear: 'Clear date',
+    storageFormat: 'YYYY-MM-DD',
+    displayFormat: 'MMM D, YYYY',
+};

package/dist/esm/constants/ps-external-apps.js

@@ -0,0 +1,60 @@
+import { PsAppCategory } from './ps-app-category.js';
+import { PsAppKey } from './ps-app-key.js';
+export const PsExternalApps = [
+    {
+        key: PsAppKey.HelpScout,
+        name: 'Help Scout',
+        category: PsAppCategory.Support,
+        url: 'https://secure.helpscout.net',
+        domain: 'helpscout.com',
+    },
+    {
+        key: PsAppKey.GoogleAds,
+        name: 'Google Ads',
+        category: PsAppCategory.Ads,
+        url: 'https://ads.google.com',
+        domain: 'ads.google.com',
+    },
+    {
+        key: PsAppKey.MetaAds,
+        name: 'Meta Ads',
+        category: PsAppCategory.Ads,
+        url: 'https://adsmanager.facebook.com',
+        domain: 'facebook.com',
+    },
+    {
+        key: PsAppKey.OpenAIAds,
+        name: 'OpenAI Ads',
+        category: PsAppCategory.Ads,
+        url: 'https://platform.openai.com',
+        domain: 'openai.com',
+    },
+    {
+        key: PsAppKey.PinterestAds,
+        name: 'Pinterest Ads',
+        category: PsAppCategory.Ads,
+        url: 'https://ads.pinterest.com',
+        domain: 'ads.pinterest.com',
+    },
+    {
+        key: PsAppKey.TikTokAds,
+        name: 'TikTok Ads',
+        category: PsAppCategory.Ads,
+        url: 'https://ads.tiktok.com',
+        domain: 'ads.tiktok.com',
+    },
+    {
+        key: PsAppKey.GoogleAnalytics,
+        name: 'Google Analytics',
+        category: PsAppCategory.Analytics,
+        url: 'https://analytics.google.com',
+        domain: 'analytics.google.com',
+    },
+    {
+        key: PsAppKey.PostHog,
+        name: 'PostHog',
+        category: PsAppCategory.Analytics,
+        url: 'https://us.posthog.com',
+        domain: 'posthog.com',
+    },
+];

package/dist/esm/constants/ps-field-input-config.js

@@ -0,0 +1,6 @@
+export const PsFieldInputConfig = {
+    defaultLocale: 'en-CA',
+    defaultCountry: 'CA',
+    moneyFractionDigits: 2,
+    percentSuffix: '%',
+};

package/dist/esm/constants/ps-field-orientation.js

@@ -0,0 +1,5 @@
+export var PsFieldOrientation;
+(function (PsFieldOrientation) {
+    PsFieldOrientation["Vertical"] = "vertical";
+    PsFieldOrientation["Horizontal"] = "horizontal";
+})(PsFieldOrientation || (PsFieldOrientation = {}));

package/dist/esm/constants/ps-file-picker-config.js

@@ -0,0 +1,5 @@
+export const PsFilePickerConfig = {
+    prompt: 'Drag a file here or click to browse',
+    change: 'Change',
+    remove: 'Remove',
+};

package/dist/esm/constants/ps-label-variants.js

@@ -0,0 +1,2 @@
+import { cva } from 'class-variance-authority';
+export const PsLabelVariants = cva('text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70');

package/dist/esm/constants/ps-navigation-progress-config.js

@@ -0,0 +1,8 @@
+export const PsNavigationProgressConfig = {
+    completeValue: 100,
+    hideDelayMs: 200,
+    loadingValue: 75,
+    resetDelayMs: 450,
+    startValue: 0,
+    submittingValue: 40,
+};

package/dist/esm/constants/ps-navigation-state.js

@@ -0,0 +1,6 @@
+export var PsNavigationState;
+(function (PsNavigationState) {
+    PsNavigationState["Idle"] = "idle";
+    PsNavigationState["Loading"] = "loading";
+    PsNavigationState["Submitting"] = "submitting";
+})(PsNavigationState || (PsNavigationState = {}));

package/dist/esm/constants/ps-option-select-config.js

@@ -0,0 +1,5 @@
+export const PsOptionSelectConfig = {
+    emptyValue: '__ps_empty__',
+    searchPlaceholder: 'Search',
+    noResults: 'Nothing matches that',
+};

package/dist/esm/constants/ps-pallasoft-app-url-field.js

@@ -0,0 +1,8 @@
+export var PsPallasoftAppUrlField;
+(function (PsPallasoftAppUrlField) {
+    PsPallasoftAppUrlField["Hub"] = "hubUrl";
+    PsPallasoftAppUrlField["PallaBuzz"] = "pallaBuzzUrl";
+    PsPallasoftAppUrlField["PallaForge"] = "pallaForgeUrl";
+    PsPallasoftAppUrlField["Esna"] = "esnaUrl";
+    PsPallasoftAppUrlField["Website"] = "websiteUrl";
+})(PsPallasoftAppUrlField || (PsPallasoftAppUrlField = {}));

package/dist/esm/constants/ps-pallasoft-apps.js

@@ -0,0 +1,37 @@
+import { PsAppCategory } from './ps-app-category.js';
+import { PsAppKey } from './ps-app-key.js';
+import { PsPallasoftAppUrlField } from './ps-pallasoft-app-url-field.js';
+export const PsPallasoftApps = [
+    {
+        key: PsAppKey.PallaBuzz,
+        category: PsAppCategory.Product,
+        openInNewTab: true,
+        name: 'PallaBuzz',
+        urlField: PsPallasoftAppUrlField.PallaBuzz,
+        initials: 'PB',
+    },
+    {
+        key: PsAppKey.PallaForge,
+        category: PsAppCategory.Product,
+        openInNewTab: true,
+        name: 'PallaForge',
+        urlField: PsPallasoftAppUrlField.PallaForge,
+        initials: 'PF',
+    },
+    {
+        key: PsAppKey.Esna,
+        category: PsAppCategory.Product,
+        openInNewTab: true,
+        name: 'eSNA',
+        urlField: PsPallasoftAppUrlField.Esna,
+        initials: 'ES',
+    },
+    {
+        key: PsAppKey.Website,
+        category: PsAppCategory.Product,
+        openInNewTab: true,
+        name: 'Pallasoft',
+        urlField: PsPallasoftAppUrlField.Website,
+        initials: 'PS',
+    },
+];

package/dist/esm/constants/ps-password-input-config.js

@@ -0,0 +1,4 @@
+export const PsPasswordInputConfig = {
+    show: 'Show password',
+    hide: 'Hide password',
+};

package/dist/esm/constants/ps-phone-input-config.js

@@ -0,0 +1,6 @@
+export const PsPhoneInputConfig = {
+    countryLabel: 'Country calling code',
+    searchPlaceholder: 'Search countries',
+    noResults: 'No country matches that',
+    plus: '+',
+};

package/dist/esm/constants/ps-root-status-messages.js

@@ -0,0 +1,11 @@
+export const PsRootStatusMessages = {
+    defaultHomePath: '/',
+    notFoundCode: '404',
+    notFoundTitle: 'This page does not exist',
+    notFoundDescription: 'The page you are looking for does not exist or may have moved.',
+    errorTitle: 'Unable to load this screen',
+    errorDescription: 'Refresh the page. If it keeps happening, return home and try again.',
+    goHomeLabel: 'Go to Home',
+    goBackLabel: 'Go Back',
+    refreshLabel: 'Refresh',
+};

package/dist/esm/constants/ps-sheet-variants.js

@@ -0,0 +1,14 @@
+import { cva } from 'class-variance-authority';
+export const PsSheetVariants = cva('fixed z-50 gap-4 bg-background p-6 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500 data-[state=open]:animate-in data-[state=closed]:animate-out', {
+    variants: {
+        side: {
+            top: 'inset-x-0 top-0 border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top',
+            bottom: 'inset-x-0 bottom-0 border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom',
+            left: 'inset-y-0 left-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm',
+            right: 'inset-y-0 right-0 h-full w-3/4 border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm',
+        },
+    },
+    defaultVariants: {
+        side: 'right',
+    },
+});

package/dist/esm/constants/ps-toggle-variants.js

@@ -0,0 +1,18 @@
+import { cva } from 'class-variance-authority';
+export const PsToggleVariants = cva('inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium transition-colors hover:bg-muted hover:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0', {
+    variants: {
+        variant: {
+            default: 'bg-transparent',
+            outline: 'border border-input bg-transparent shadow-sm hover:bg-accent hover:text-accent-foreground',
+        },
+        size: {
+            default: 'h-9 px-2 min-w-9',
+            sm: 'h-8 px-1.5 min-w-8',
+            lg: 'h-10 px-2.5 min-w-10',
+        },
+    },
+    defaultVariants: {
+        variant: 'default',
+        size: 'default',
+    },
+});

package/dist/esm/contexts/ps-chart-context.js

@@ -0,0 +1,2 @@
+import * as React from 'react';
+export const PsChartContext = React.createContext(null);

package/dist/esm/contexts/ps-toggle-group-context.js

@@ -0,0 +1,5 @@
+import * as React from 'react';
+export const PsToggleGroupContext = React.createContext({
+    size: 'default',
+    variant: 'default',
+});

package/dist/esm/hooks/use-ps-chart.js

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import { PsChartDefaults } from '../constants/ps-chart-defaults.js';
+import { PsChartContext } from '../contexts/ps-chart-context.js';
+export const usePsChart = () => {
+    const context = React.useContext(PsChartContext);
+    if (context === null)
+        throw new Error(PsChartDefaults.missingContext);
+    return context;
+};