@dinofront/design_system 1.13.0 → 1.14.0

package/dist/components/DeviceRestriction/DeviceRestriction.d.ts

@@ -0,0 +1,2 @@
+import { DeviceRestrictionProps } from './DeviceRestriction.types';
+export declare const DeviceRestriction: import('react').ForwardRefExoticComponent<DeviceRestrictionProps & import('react').RefAttributes<HTMLDivElement>>;

package/dist/components/DeviceRestriction/DeviceRestriction.i18n.d.ts

@@ -0,0 +1,8 @@
+import { TranslationLocale } from '../../types';
+import { DeviceRestrictionType } from './DeviceRestriction.types';
+interface DeviceRestrictionCopy {
+    title: string;
+    description: string;
+}
+export declare const DEVICE_RESTRICTION_TRANSLATIONS: Record<TranslationLocale, Record<DeviceRestrictionType, DeviceRestrictionCopy>>;
+export {};

package/dist/components/DeviceRestriction/DeviceRestriction.types.d.ts

@@ -0,0 +1,23 @@
+import { HTMLAttributes, ReactNode } from 'react';
+import { BaseProps, TranslationLocale } from '../../types';
+export type DeviceRestrictionType = 'mobile' | 'tablet' | 'desktop' | 'mobile-tablet';
+export interface DeviceRestrictionProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'>, BaseProps {
+    /** Which device(s) the page requires. Drives the default icon, title, and
+     *  description. Defaults to `'desktop'`. */
+    type?: DeviceRestrictionType;
+    /** Defaults to a translated built-in string for `type`. */
+    title?: ReactNode;
+    /** Defaults to a translated built-in string for `type`. */
+    description?: ReactNode;
+    /** Defaults to a `type`-specific lucide icon in an `IconTile` — pass your
+     *  own node to override. */
+    icon?: ReactNode;
+    /** Language for the built-in title/description. An explicit `title`/
+     *  `description` still takes precedence over the translated default.
+     *  Default `'en-US'`. */
+    locale?: TranslationLocale;
+    /** Stretches the component to fill its container's height (`h-full`),
+     *  for centering inside a full-viewport-height parent. Off by default —
+     *  the component never forces a height on its own. */
+    fillHeight?: boolean;
+}

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

@@ -0,0 +1,2 @@
+export { DeviceRestriction } from './DeviceRestriction';
+export type { DeviceRestrictionProps, DeviceRestrictionType } from './DeviceRestriction.types';

package/dist/index.d.ts

@@ -10,6 +10,7 @@ export * from './components/Checkbox';
 export * from './components/Copy';
 export * from './components/Counter';
 export * from './components/DatePicker';
+export * from './components/DeviceRestriction';
 export * from './components/DistributionBar';
 export * from './components/Divider';
 export * from './components/Drawer';