@infinityloop.labs/ui-kit 0.0.10 → 0.0.12

package/dist/components/molecules/Slider/slides/examples.d.ts

@@ -0,0 +1,35 @@
+import { StoreSlideTagItemType } from '../../SlideTemplates';
+import * as React from 'react';
+export type SliderDemoSlideItemType = {
+    id: string;
+    coverImageSrc: string;
+    brandName: string;
+    heading: string;
+    accentText: string;
+    description: string;
+    priceText: string;
+    tagText: string;
+};
+export declare const courseSlideData: SliderDemoSlideItemType[];
+export declare const sliderSlideComponentTypeOptions: readonly ["MediumVerticalSlide", "MediumHorizontalSlide", "BigHorizontalSlide"];
+export type SliderSlideComponentType = (typeof sliderSlideComponentTypeOptions)[number];
+export declare const mediumVerticalSlideWidth = 460;
+export declare const mediumHorizontalSlideWidth = 520;
+export declare const bigHorizontalSlideWidth = 620;
+export declare const mediumVerticalSlideWidthStyle: React.CSSProperties;
+export declare const mediumHorizontalSlideWidthStyle: React.CSSProperties;
+export declare const bigHorizontalSlideWidthStyle: React.CSSProperties;
+type TagVariantType = 'no-tags' | 'one-tag' | 'two-tags' | 'two-other-tags';
+export declare const getTagsByVariant: (variant: TagVariantType, slideId: string, baseLabel: string) => {
+    tags: StoreSlideTagItemType[];
+    tagText?: string;
+};
+export type BuildSliderSlidesPropertyType = {
+    componentType: SliderSlideComponentType;
+    isEditModeEnabled?: boolean;
+    isEditModeDisabled?: boolean;
+    onTagClick?: (id: string) => void;
+    onTagLabelChange?: (id: string, value: string) => void;
+};
+export declare const buildSliderSlides: ({ componentType, isEditModeEnabled, isEditModeDisabled, onTagClick, onTagLabelChange, }: BuildSliderSlidesPropertyType) => React.ReactNode[];
+export {};

package/dist/components/molecules/Slider/slides/index.d.ts

@@ -0,0 +1,4 @@
+export * from './BigHorizontalSlide';
+export * from './MediumHorizontalSlide';
+export * from './MediumVerticalSlide';
+export * from './examples';

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

@@ -0,0 +1,7 @@
+export * from './EditableTypography';
+export * from './Accordion';
+export * from './Slider';
+export * from './Slider/slides';
+export * from './SlideTemplates';
+export * from './MathEquationBlock';
+export * from './CodeBrick';

package/dist/components/templates/TableLight/TableLight.d.ts

@@ -0,0 +1,23 @@
+import { TypographyColorType, TypographyType } from '../../atoms/Typography';
+import * as React from 'react';
+export type TableLightRowType = Record<string, string | number | null | undefined>;
+export type TableLightColumnType = {
+    key: string;
+    header: string;
+    typography?: TypographyType;
+    color?: TypographyColorType;
+    width?: number | string;
+    isEditable?: boolean;
+    placeholder?: string;
+    contentClassName?: string;
+    className?: string;
+};
+export type TableLightPropertyType = Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> & {
+    columns: TableLightColumnType[];
+    rows: TableLightRowType[];
+    isEditModeEnabled?: boolean;
+    isEditModeDisabled?: boolean;
+    isInlineEditingLocked?: boolean;
+    onRowsChange?: (rows: TableLightRowType[]) => void;
+};
+export declare const TableLight: ({ columns, rows, className, isEditModeEnabled, isEditModeDisabled, isInlineEditingLocked, onRowsChange, ...property }: TableLightPropertyType) => import("react/jsx-runtime").JSX.Element;

package/dist/components/templates/TableLight/index.d.ts

@@ -0,0 +1 @@
+export * from './TableLight';

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

@@ -0,0 +1 @@
+export * from './TableLight';

package/dist/components/ui/breadcrumbs.d.ts

@@ -0,0 +1,18 @@
+import * as React from 'react';
+export type BreadcrumbsItemObjectType = {
+    key?: React.Key;
+    label?: React.ReactNode;
+    href?: string;
+    onClick?: React.ComponentProps<'a'>['onClick'];
+    isCurrent?: boolean;
+    component?: React.ReactElement;
+};
+export type BreadcrumbsItemType = BreadcrumbsItemObjectType | React.ReactElement;
+type BreadcrumbsPropertyType = React.ComponentProps<'nav'> & {
+    items: BreadcrumbsItemType[];
+    maxItems?: number;
+    separator?: React.ReactNode;
+    listClassName?: string;
+};
+export declare const Breadcrumbs: ({ items, maxItems, separator, listClassName, ...props }: BreadcrumbsPropertyType) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -1,2 +1,3 @@
-export * from './breadcrumb';
 export * from './avatar';
+export * from './breadcrumb';
+export * from './breadcrumbs';

package/dist/components/ui/shadcn-io/color-picker/index.d.ts

@@ -1,7 +1,7 @@
 import { default as Color } from 'color';
 import { Slider } from 'radix-ui';
 import { ComponentProps, HTMLAttributes } from 'react';
-import { Button } from '../../button';
+import { Button } from '../../../atoms/Button';
 import { SelectTrigger } from '../../select';
 
 interface ColorPickerContextValue {

package/dist/constants/css.d.ts

@@ -0,0 +1,4 @@
+export declare const HIDDEN_BY_SCROLL_CLASS = "opacity-0 pointer-events-none";
+export declare const FAST_TRANSITION_CLASS = "transition-all duration-300";
+export declare const GLASS_CLASS = "backdrop-blur-xl bg-opacity-95";
+export declare const GLASS_SURFACE_CLASS = "bg-(--card)/95 border border-(--border) backdrop-blur-xl";

package/dist/constants/index.d.ts

@@ -0,0 +1 @@
+export * from './css';

package/dist/index.d.ts

@@ -1,2 +1,3 @@
 
 export * from './components';
+export * from './constants';