@gusarov-studio/rubik-ui 0.1.0-rc.1

package/README.md

@@ -0,0 +1,24 @@
+# rubik-ui
+
+
+## Getting started
+
+Project requires at least `18.20.3` Node.js version.
+
+Install project dependencies
+
+```shell
+npm install
+```
+
+Run local development 
+
+```shell
+npm run storybook
+```
+
+To build library for publishing on npm
+
+```shell
+npm run build
+```

package/dist/Accordion/AccordionChevron.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import "./AccordionChevron.scss";
+interface ChevronProps extends React.HTMLAttributes<HTMLSpanElement> {
+    position?: "left" | "right";
+}
+declare const AccordionChevron: React.ForwardRefExoticComponent<ChevronProps & React.RefAttributes<HTMLSpanElement>>;
+export { AccordionChevron };

package/dist/Accordion/AccordionContent.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import * as AccordionPrimitive from "@radix-ui/react-accordion";
+declare const AccordionContent: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { AccordionContent };

package/dist/Accordion/AccordionItem.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import * as AccordionPrimitive from "@radix-ui/react-accordion";
+declare const AccordionItem: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { AccordionItem };

package/dist/Accordion/AccordionTrigger.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+import * as AccordionPrimitive from "@radix-ui/react-accordion";
+import "./AccordionTrigger.scss";
+declare const AccordionTrigger: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export { AccordionTrigger };

package/dist/Accordion/Root.d.ts

@@ -0,0 +1,3 @@
+import * as AccordionPrimitive from "@radix-ui/react-accordion";
+declare const Root: import("react").ForwardRefExoticComponent<(AccordionPrimitive.AccordionSingleProps | AccordionPrimitive.AccordionMultipleProps) & import("react").RefAttributes<HTMLDivElement>>;
+export { Root };

package/dist/Accordion/index.d.ts

@@ -0,0 +1,5 @@
+export * from "./Root";
+export * from "./AccordionItem";
+export * from "./AccordionTrigger";
+export * from "./AccordionChevron";
+export * from "./AccordionContent";

package/dist/Alert/Alert.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+interface AlertProps extends React.HTMLAttributes<HTMLDivElement> {
+    variant: "danger" | "default";
+}
+declare const Alert: React.ForwardRefExoticComponent<AlertProps & React.RefAttributes<HTMLDivElement>>;
+export { Alert };

package/dist/Alert/index.d.ts

@@ -0,0 +1 @@
+export * from "./Alert";

package/dist/Box/Box.d.ts

@@ -0,0 +1,28 @@
+import React from "react";
+import "./Box.scss";
+type SpacingValue = "spacing-none" | "spacing-xxs" | "spacing-xs" | "spacing-sm" | "spacing-md" | "spacing-lg" | "spacing-xl" | "spacing-2xl" | "spacing-3xl" | "spacing-4xl" | "spacing-5xl" | "spacing-6xl" | "spacing-7xl" | "spacing-8xl" | "spacing-9xl" | "spacing-10xl" | "spacing-11xl";
+interface SpacingProps {
+    margin?: SpacingValue;
+    marginTop?: SpacingValue;
+    marginRight?: SpacingValue;
+    marginBottom?: SpacingValue;
+    marginLeft?: SpacingValue;
+    padding?: SpacingValue;
+    paddingTop?: SpacingValue;
+    paddingRight?: SpacingValue;
+    paddingBottom?: SpacingValue;
+    paddingLeft?: SpacingValue;
+}
+interface BoxProps extends React.PropsWithChildren, SpacingProps {
+    className?: string;
+    breakpoints?: {
+        xs?: SpacingProps;
+        sm?: SpacingProps;
+        md?: SpacingProps;
+        lg?: SpacingProps;
+        xl?: SpacingProps;
+        xxl?: SpacingProps;
+    };
+}
+declare const Box: React.ForwardRefExoticComponent<BoxProps & React.RefAttributes<HTMLDivElement>>;
+export { Box };

package/dist/Box/generateBreakpointClass.d.ts

@@ -0,0 +1,2 @@
+declare const generateBreakpointClass: (initialClass: string, modifier: Record<string, string>, breakpoint?: string) => string[];
+export default generateBreakpointClass;

package/dist/Box/index.d.ts

@@ -0,0 +1 @@
+export * from "./Box";

package/dist/BrandIcon/BrandIcon.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import type { BrandGlyph } from "./types";
+interface BrandIconProps extends Omit<BrandGlyph, "size"> {
+    glyph: string;
+    size?: number | string;
+}
+declare const BrandIcon: React.ForwardRefExoticComponent<BrandIconProps & React.RefAttributes<SVGSVGElement>>;
+export { BrandIcon };

package/dist/BrandIcon/brands/Gemini.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import type { BrandGlyph } from "../types";
+declare const Gemini: React.ForwardRefExoticComponent<BrandGlyph & React.RefAttributes<SVGSVGElement>>;
+export { Gemini };

package/dist/BrandIcon/brands/Google.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import type { BrandGlyph } from "../types";
+declare const Google: React.ForwardRefExoticComponent<BrandGlyph & React.RefAttributes<SVGSVGElement>>;
+export { Google };

package/dist/BrandIcon/brands/OpenAI.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import type { BrandGlyph } from "../types";
+declare const OpenAI: React.ForwardRefExoticComponent<BrandGlyph & React.RefAttributes<SVGSVGElement>>;
+export { OpenAI };

package/dist/BrandIcon/brands/index.d.ts

@@ -0,0 +1,2 @@
+declare function getBrand(glyph: string): import("react").ForwardRefExoticComponent<import("../types").BrandGlyph & import("react").RefAttributes<SVGSVGElement>>;
+export { getBrand };

package/dist/BrandIcon/index.d.ts

@@ -0,0 +1 @@
+export * from "./BrandIcon";

package/dist/BrandIcon/types.d.ts

@@ -0,0 +1,4 @@
+import type React from "react";
+export interface BrandGlyph extends React.SVGAttributes<SVGElement> {
+    size: number | string;
+}

package/dist/Button/Button.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import "./Button.scss";
+export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    variant?: "accent" | "primary" | "danger" | "outline-accent" | "outline-primary" | "outline-danger" | "ghost-accent" | "ghost-primary" | "ghost-danger" | "text-accent" | "text-primary" | "text-danger";
+    size?: "32" | "36" | "40" | "44" | "48" | "56";
+    fullWidth?: boolean;
+    asChild?: boolean;
+    disabled?: boolean;
+}
+declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export { Button };

package/dist/Button/index.d.ts

@@ -0,0 +1 @@
+export * from "./Button";

package/dist/Icon/Icon.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import type { GlyphProps } from "./types";
+interface IconProps extends Omit<GlyphProps, "size"> {
+    glyph: string;
+    size?: string | number;
+}
+declare const Icon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
+export { Icon };

package/dist/Icon/glyphs/Close.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import type { GlyphProps } from "../types";
+declare const Close: React.ForwardRefExoticComponent<GlyphProps & React.RefAttributes<SVGSVGElement>>;
+export { Close };

package/dist/Icon/glyphs/CopyCheck.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import type { GlyphProps } from "../types";
+declare const CopyCheck: React.ForwardRefExoticComponent<GlyphProps & React.RefAttributes<SVGSVGElement>>;
+export { CopyCheck };

package/dist/Icon/glyphs/Database.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import type { GlyphProps } from "../types";
+declare const Database: React.ForwardRefExoticComponent<GlyphProps & React.RefAttributes<SVGSVGElement>>;
+export { Database };

package/dist/Icon/glyphs/Folder.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import type { GlyphProps } from "../types";
+declare const Folder: React.ForwardRefExoticComponent<GlyphProps & React.RefAttributes<SVGSVGElement>>;
+export { Folder };

package/dist/Icon/glyphs/FolderTs.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import type { GlyphProps } from "../types";
+declare const FolderTs: React.ForwardRefExoticComponent<GlyphProps & React.RefAttributes<SVGSVGElement>>;
+export { FolderTs };

package/dist/Icon/glyphs/Magnify.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import type { GlyphProps } from "../types";
+declare const Magnify: React.ForwardRefExoticComponent<GlyphProps & React.RefAttributes<SVGSVGElement>>;
+export { Magnify };

package/dist/Icon/glyphs/PleChart.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import type { GlyphProps } from "../types";
+declare const PleChart: React.ForwardRefExoticComponent<GlyphProps & React.RefAttributes<SVGSVGElement>>;
+export { PleChart };

package/dist/Icon/glyphs/Plus.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import type { GlyphProps } from "../types";
+declare const Plus: React.ForwardRefExoticComponent<GlyphProps & React.RefAttributes<SVGSVGElement>>;
+export { Plus };

package/dist/Icon/glyphs/Prompt.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import type { GlyphProps } from "../types";
+declare const Prompt: React.ForwardRefExoticComponent<GlyphProps & React.RefAttributes<SVGSVGElement>>;
+export { Prompt };

package/dist/Icon/glyphs/SidebarCollapse.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import type { GlyphProps } from "../types";
+declare const SidebarCollapse: React.ForwardRefExoticComponent<GlyphProps & React.RefAttributes<SVGSVGElement>>;
+export { SidebarCollapse };

package/dist/Icon/glyphs/SidebarExpand.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import type { GlyphProps } from "../types";
+declare const SidebarExpand: React.ForwardRefExoticComponent<GlyphProps & React.RefAttributes<SVGSVGElement>>;
+export { SidebarExpand };

package/dist/Icon/glyphs/index.d.ts

@@ -0,0 +1,15 @@
+export declare const glyphs: {
+    prompt: import("react").ForwardRefExoticComponent<import("../types").GlyphProps & import("react").RefAttributes<SVGSVGElement>>;
+    folder: import("react").ForwardRefExoticComponent<import("../types").GlyphProps & import("react").RefAttributes<SVGSVGElement>>;
+    "sidebar-collapse": import("react").ForwardRefExoticComponent<import("../types").GlyphProps & import("react").RefAttributes<SVGSVGElement>>;
+    "sidebar-expand": import("react").ForwardRefExoticComponent<import("../types").GlyphProps & import("react").RefAttributes<SVGSVGElement>>;
+    "ple-chart": import("react").ForwardRefExoticComponent<import("../types").GlyphProps & import("react").RefAttributes<SVGSVGElement>>;
+    close: import("react").ForwardRefExoticComponent<import("../types").GlyphProps & import("react").RefAttributes<SVGSVGElement>>;
+    magnify: import("react").ForwardRefExoticComponent<import("../types").GlyphProps & import("react").RefAttributes<SVGSVGElement>>;
+    plus: import("react").ForwardRefExoticComponent<import("../types").GlyphProps & import("react").RefAttributes<SVGSVGElement>>;
+    database: import("react").ForwardRefExoticComponent<import("../types").GlyphProps & import("react").RefAttributes<SVGSVGElement>>;
+    "folder-ts": import("react").ForwardRefExoticComponent<import("../types").GlyphProps & import("react").RefAttributes<SVGSVGElement>>;
+    "copy-check": import("react").ForwardRefExoticComponent<import("../types").GlyphProps & import("react").RefAttributes<SVGSVGElement>>;
+};
+declare function getGlyph(glyph: string): import("react").ForwardRefExoticComponent<import("../types").GlyphProps & import("react").RefAttributes<SVGSVGElement>>;
+export { getGlyph };

package/dist/Icon/index.d.ts

@@ -0,0 +1 @@
+export * from "./Icon";

package/dist/Icon/types.d.ts

@@ -0,0 +1,7 @@
+import type React from "react";
+export interface GlyphProps extends React.SVGAttributes<SVGElement> {
+    children?: never;
+    color?: string;
+    strokeWidth?: string | number;
+    size: number | string;
+}

package/dist/Input/Input.d.ts

@@ -0,0 +1,16 @@
+import React from "react";
+import "./Input.scss";
+declare const Input: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLInputElement> & {
+    size?: "xd" | "sm" | "lg" | "xl";
+    className?: string;
+    placeholder?: string;
+    disabled?: boolean;
+    invalid?: boolean;
+    prefix?: React.ReactNode;
+    suffix?: React.ReactNode;
+    internalPrefix?: React.ReactNode;
+    internalSuffix?: React.ReactNode;
+    id?: string;
+    type?: React.HTMLInputTypeAttribute;
+} & React.RefAttributes<HTMLInputElement>>;
+export { Input };

package/dist/Input/index.d.ts

@@ -0,0 +1 @@
+export * from "./Input";

package/dist/Stack/Stack.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import "./index.scss";
+type Gap = "none" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl";
+interface StackProps extends React.HTMLAttributes<HTMLDivElement> {
+    gap: Gap;
+    direction?: "horizontal" | "vertical";
+    as?: React.ElementType;
+    className?: string;
+}
+declare const Stack: React.ForwardRefExoticComponent<StackProps & React.RefAttributes<HTMLDivElement>>;
+export { Stack };

package/dist/Stack/index.d.ts

@@ -0,0 +1 @@
+export * from "./Stack";

package/dist/Text/Text.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+import "./Text.scss";
+type TextElement = HTMLSpanElement | HTMLHeadingElement | HTMLLabelElement;
+interface TextProps extends React.HTMLAttributes<TextElement> {
+    as?: React.ElementType;
+    className?: string;
+    htmlFor?: string;
+    block?: boolean;
+    truncate?: boolean;
+    size?: "regular-xxs" | "regular-xs" | "regular-sm" | "regular-md" | "regular-lg" | "regular-xl";
+    weight?: "regular" | "medium" | "semibold" | "bold";
+    appearance?: "default" | "error" | "inherit" | "white";
+}
+declare const Text: React.ForwardRefExoticComponent<TextProps & React.RefAttributes<TextElement>>;
+export { Text };

package/dist/Text/index.d.ts

@@ -0,0 +1 @@
+export * from "./Text";

package/dist/ThemesProvider/ThemesProvider.d.ts

@@ -0,0 +1,18 @@
+import React from "react";
+export declare const defaultThemes: {
+    light: string;
+    dark: string;
+};
+interface ThemesContext {
+    currentTheme: string;
+    invertedTheme: string;
+    toggleTheme: () => void;
+    setTheme: (newTheme: string) => void;
+    themes: typeof defaultThemes;
+}
+type ThemesProviderProps = React.PropsWithChildren<{
+    defaultTheme?: string;
+}>;
+declare const ThemesContext: React.Context<ThemesContext>;
+declare function ThemesProvider(props: ThemesProviderProps): React.JSX.Element;
+export { ThemesContext, ThemesProvider };

package/dist/ThemesProvider/index.d.ts

@@ -0,0 +1 @@
+export * from "./ThemesProvider";

package/dist/index.d.ts

@@ -0,0 +1,12 @@
+import "./styles.scss";
+export * as Accordion from "./Accordion";
+export * from "./Alert";
+export * from "./Box";
+export * from "./BrandIcon";
+export * from "./Button";
+export * from "./Icon";
+export * from "./Input";
+export * from "./Stack";
+export * from "./Text";
+export * from "./ThemesProvider";
+export * from "./utils";