@solibo/solibo-ui 0.0.0-SNAPSHOT.162ee5adaaa9aa4300a423ead65f9230eccfa41f

package/dist/index.d.ts

@@ -0,0 +1,334 @@
+import { default as default_2 } from 'react';
+import { DetailedHTMLProps } from 'react';
+import { ForwardRefExoticComponent } from 'react';
+import { InputHTMLAttributes } from 'react';
+import { JSX } from 'react/jsx-runtime';
+import { RefAttributes } from 'react';
+
+export declare const Accordion: ({ children, icon, label, open }: AccordionProps) => JSX.Element;
+
+declare type AccordionProps = {
+    children: React.ReactNode;
+    icon?: IconName;
+    label?: string;
+    open?: boolean;
+};
+
+declare type AnimationName = 'stagger';
+
+export declare const Aside: ({ children, className, sticky, variant }: AsideProps) => JSX.Element;
+
+declare type AsideProps = {
+    className?: string;
+    children: React.ReactNode;
+    open?: boolean;
+    sticky?: boolean;
+    variant?: keyof typeof variants;
+};
+
+export declare const Avatar: ({ imageUrl, label, link }: AvatarProps) => JSX.Element;
+
+declare type AvatarProps = {
+    imageUrl?: string;
+    label?: string;
+    link?: string;
+};
+
+export declare const Banner: ({ button, message, onClick, onDismiss, visible }: BannerProps) => JSX.Element;
+
+declare type BannerProps = {
+    button: string;
+    message: string;
+    onClick?: () => void;
+    onDismiss?: () => void;
+    visible?: boolean;
+};
+
+export declare const Branding: ({ name, size, variant }: BrandingProps) => JSX.Element;
+
+declare type BrandingProps = {
+    name: keyof typeof brandingSVG;
+    size?: number | string;
+    variant?: keyof typeof variants_2;
+};
+
+declare const brandingSVG: {
+    logo: string;
+};
+
+export declare const Button: ({ children, className, disabled, onClick, variant, ...props }: ButtonProps) => JSX.Element;
+
+declare type ButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {
+    children: React.ReactNode;
+    className?: string;
+    disabled?: boolean;
+    onClick?: React.MouseEventHandler<HTMLButtonElement>;
+    variant?: keyof typeof variants_3;
+};
+
+export declare const Card: ({ children, draft, image, onClick }: CardProps) => JSX.Element;
+
+declare type CardProps = {
+    children: React.ReactNode;
+    draft?: boolean;
+    image?: React.ReactNode;
+    onClick?: React.MouseEventHandler<HTMLElement>;
+};
+
+export declare const Checkbox: ({ checked, disabled, isLoading, label, onChange, ...props }: CheckboxProps) => JSX.Element;
+
+declare type CheckboxProps = React.InputHTMLAttributes<HTMLInputElement> & {
+    checked?: boolean;
+    disabled?: boolean;
+    isLoading?: boolean;
+    label?: string;
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+};
+
+export declare const Collapsible: ({ children, disableCollapse, summary }: CollapsibleProps) => JSX.Element;
+
+declare type CollapsibleProps = {
+    children: default_2.ReactNode;
+    disableCollapse?: boolean;
+    summary: default_2.ReactNode;
+};
+
+export declare const Dialog: ({ children, setOpen, ...props }: DialogProps) => JSX.Element;
+
+declare type DialogProps = default_2.DialogHTMLAttributes<HTMLDialogElement> & {
+    children: default_2.ReactNode;
+    setOpen?: default_2.Dispatch<default_2.SetStateAction<boolean>>;
+};
+
+export declare const Dropzone: ({ accepts, label, multiple, onChange, ...props }: DropzoneProps) => JSX.Element;
+
+declare type DropzoneProps = {
+    accepts?: string;
+    label: string;
+    multiple?: boolean;
+    onChange?: React.ChangeEventHandler<HTMLInputElement>;
+};
+
+export declare const Editor: ({ autofocus, autolink, content, inline, onChange, }: EditorProps) => JSX.Element;
+
+declare type EditorProps = {
+    autofocus?: boolean;
+    autolink?: boolean;
+    content?: string;
+    inline?: boolean;
+    onChange?: (html: string) => void;
+};
+
+export declare const Figure: ({ children, label, offset }: FigureProps) => JSX.Element;
+
+declare type FigureProps = {
+    children?: React.ReactNode;
+    label?: string;
+    offset?: 'left' | 'right';
+};
+
+declare const File_2: ({ name, url, onClick, variant }: FileProps) => JSX.Element;
+export { File_2 as File }
+
+declare type FileProps = {
+    name: string;
+    url: string;
+    onClick?: () => void;
+    variant?: FileVariant;
+};
+
+declare type FileVariant = 'default' | 'deletable';
+
+export declare const Form: ({ animation, children, inline, ...props }: FormProps) => JSX.Element;
+
+declare type FormProps = React.FormHTMLAttributes<HTMLFormElement> & {
+    animation?: AnimationName;
+    children?: React.ReactNode;
+    inline?: boolean;
+};
+
+export declare const Group: ({ animation, children, className }: GroupProps) => JSX.Element;
+
+declare type GroupProps = {
+    animation?: AnimationName;
+    children: React.ReactNode;
+    className?: string;
+};
+
+export declare const Header: ({ children }: HeaderProps) => JSX.Element;
+
+declare type HeaderProps = {
+    children: React.ReactNode;
+};
+
+export declare const Icon: ({ name, size, variant }: IconProps) => JSX.Element;
+
+declare type IconName = keyof typeof iconPaths;
+
+declare const iconPaths: {
+    bold: string;
+    buildings: string;
+    card: string;
+    chevron: string;
+    clipboard: string;
+    gear: string;
+    document: string;
+    home: string;
+    image: string;
+    italic: string;
+    link: string;
+    list: string;
+    menu: string;
+    mobile: string;
+    pencil: string;
+    people: string;
+    phone: string;
+    plus: string;
+    search: string;
+    trash: string;
+    upload: string;
+    user: string;
+    x: string;
+};
+
+declare type IconProps = {
+    name: IconName;
+    size?: keyof typeof sizes;
+    variant?: keyof typeof variants_4;
+    loading?: boolean;
+};
+
+export declare const Input: ForwardRefExoticComponent<Omit<DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & {
+defaultCountryCode?: string;
+disabled?: boolean;
+label?: string;
+placeholder?: string;
+type?: "datetime-local" | "email" | "number" | "password" | "radio" | "search" | "tel" | "text";
+} & RefAttributes<HTMLInputElement>>;
+
+export declare const Layout: ({ children, isLoading, feature, ...props }: LayoutProps) => JSX.Element;
+
+declare type LayoutProps = {
+    children: React.ReactNode;
+    feature: 'home';
+    isLoading?: boolean;
+};
+
+export declare const Link: ({ children, className, to, ...props }: LinkProps) => JSX.Element;
+
+declare type LinkProps = React.AnchorHTMLAttributes<HTMLAnchorElement> & {
+    children: React.ReactNode;
+    className?: string;
+    to?: string;
+};
+
+export declare const List: ({ children, className }: ListProps) => JSX.Element;
+
+declare type ListProps = {
+    children?: default_2.ReactNode;
+    className?: string;
+};
+
+export declare const Nav: ({ animation, children, horizontal, variant }: NavProps) => JSX.Element;
+
+declare type NavProps = {
+    animation?: AnimationName;
+    children?: React.ReactNode;
+    horizontal?: boolean;
+    variant?: keyof typeof variants_5;
+};
+
+export declare const Portal: ({ children, portals }: PortalProps) => JSX.Element;
+
+declare type PortalProps = {
+    children?: React.ReactNode;
+    portals?: React.ReactNode;
+};
+
+export declare const Select: ({ children, label, placeholder, ...props }: SelectProps) => JSX.Element;
+
+declare type SelectProps = React.SelectHTMLAttributes<HTMLSelectElement> & {
+    children: React.ReactNode;
+    label?: string;
+    placeholder?: string;
+};
+
+declare const sizes: {
+    large: string;
+    medium: string;
+    small: string;
+};
+
+/**
+ * Children must provide a stable `data-id` for emits `{ id, weight }` and `key` (reconciliation).
+ */
+export declare function Sortable({ children, onChangeOrder }: SortableProps): JSX.Element;
+
+declare type SortableProps = {
+    children?: default_2.ReactNode;
+    onChangeOrder?: (order: SortItem[]) => void;
+};
+
+declare type SortItem = {
+    id: string;
+    weight: number;
+};
+
+export declare const Textarea: ({ label, ...props }: TextareaProps) => JSX.Element;
+
+declare type TextareaProps = React.ComponentPropsWithoutRef<'textarea'> & {
+    disabled?: boolean;
+    label?: string;
+    placeholder?: string;
+};
+
+export declare const Toast: ({ index, label, type }: ToastProps) => JSX.Element;
+
+declare type ToastProps = {
+    index?: number;
+    label?: string;
+    type: ToastType;
+};
+
+declare type ToastType = 'success' | 'error';
+
+export declare const Toggle: ({ checked, disabled, isLoading, label, onChange }: ToggleProps) => JSX.Element;
+
+declare type ToggleProps = {
+    checked?: boolean;
+    disabled?: boolean;
+    isLoading?: boolean;
+    label?: string;
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+};
+
+declare const variants: {
+    default: string;
+    meta: string;
+};
+
+declare const variants_2: {
+    default: string;
+    white: string;
+};
+
+declare const variants_3: {
+    default: string;
+    minimal: string;
+    primary: string;
+};
+
+declare const variants_4: {
+    danger: string;
+    default: string;
+    primary: string;
+    white: string;
+};
+
+declare const variants_5: {
+    default: string;
+    pills: string;
+    tabs: string;
+};
+
+export { }

package/dist/index.js

@@ -0,0 +1,61 @@
+import { Accordion as e } from "./components/accordion/index.js";
+import { Aside as p } from "./components/aside/index.js";
+import { Avatar as m } from "./components/_avatar/index.js";
+import { Banner as a } from "./components/banner/index.js";
+import { Branding as n } from "./components/branding/index.js";
+import { Button as d } from "./components/button/index.js";
+import { Card as g } from "./components/_card/index.js";
+import { Checkbox as s } from "./components/checkbox/index.js";
+import { Collapsible as A } from "./components/_collapsible/index.js";
+import { Dialog as C } from "./components/dialog/index.js";
+import { Dropzone as L } from "./components/_dropzone/index.js";
+import { Editor as k } from "./components/_editor/index.js";
+import { Figure as D } from "./components/figure/index.js";
+import { File as S } from "./components/file/index.js";
+import { Form as y } from "./components/form/index.js";
+import { Group as E } from "./components/group/index.js";
+import { Header as H } from "./components/header/index.js";
+import { Icon as P } from "./components/icon/index.js";
+import { Input as q } from "./components/input/index.js";
+import { Layout as J } from "./components/layout/index.js";
+import { Link as M } from "./components/link/index.js";
+import { List as Q } from "./components/list/index.js";
+import { Nav as U } from "./components/nav/index.js";
+import { Portal as W } from "./components/_portal/index.js";
+import { Select as Y } from "./components/select/index.js";
+import { Sortable as _ } from "./components/sortable/index.js";
+import { Textarea as oo } from "./components/textarea/index.js";
+import { Toast as eo } from "./components/toast/index.js";
+import { Toggle as po } from "./components/toggle/index.js";
+import './assets/index.css';export {
+  e as Accordion,
+  p as Aside,
+  m as Avatar,
+  a as Banner,
+  n as Branding,
+  d as Button,
+  g as Card,
+  s as Checkbox,
+  A as Collapsible,
+  C as Dialog,
+  L as Dropzone,
+  k as Editor,
+  D as Figure,
+  S as File,
+  y as Form,
+  E as Group,
+  H as Header,
+  P as Icon,
+  q as Input,
+  J as Layout,
+  M as Link,
+  Q as List,
+  U as Nav,
+  W as Portal,
+  Y as Select,
+  _ as Sortable,
+  oo as Textarea,
+  eo as Toast,
+  po as Toggle
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/styles.module-Bp0gA9c7.js

@@ -0,0 +1,9 @@
+import './assets/styles.css';const e = "_input_1ywug_1", t = "_label_1ywug_33", u = "_required_1ywug_37", _ = {
+  input: e,
+  label: t,
+  required: u
+};
+export {
+  _ as i
+};
+//# sourceMappingURL=styles.module-Bp0gA9c7.js.map

package/dist/styles.module-Bp0gA9c7.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.module-Bp0gA9c7.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

package/dist/styles.module-Q-4xnkd1.cjs

@@ -0,0 +1,2 @@
+"use strict";require('./assets/styles.css');const t="_input_1ywug_1",e="_label_1ywug_33",u="_required_1ywug_37",i={input:t,label:e,required:u};exports.inputStyles=i;
+//# sourceMappingURL=styles.module-Q-4xnkd1.cjs.map

package/dist/styles.module-Q-4xnkd1.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.module-Q-4xnkd1.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/utils-DXIJVVzz.js

@@ -0,0 +1,14 @@
+import { useState as s, useCallback as c, useEffect as r } from "react";
+function f(t) {
+  const [u, e] = s(!1), o = c(() => e(!0), []);
+  return r(() => {
+    e(!1);
+  }, [t]), {
+    touched: u,
+    onBlur: o
+  };
+}
+export {
+  f as u
+};
+//# sourceMappingURL=utils-DXIJVVzz.js.map

package/dist/utils-DXIJVVzz.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils-DXIJVVzz.js","sources":["../src/utils.ts"],"sourcesContent":["import { useCallback, useEffect, useState } from 'react';\n\nexport function useTouched(resetKey?: any) {\n  const [touched, setTouched] = useState(false);\n  const onBlur = useCallback(() => setTouched(true), []);\n\n  useEffect(() => {\n    setTouched(false);\n  }, [resetKey]);\n\n  return { touched, onBlur };\n}\n"],"names":["useTouched","resetKey","touched","setTouched","useState","onBlur","useCallback","useEffect"],"mappings":";AAEO,SAASA,EAAWC,GAAgB;AACzC,QAAM,CAACC,GAASC,CAAU,IAAIC,EAAS,EAAK,GACtCC,IAASC,EAAY,MAAMH,EAAW,EAAI,GAAG,CAAA,CAAE;AAErDI,SAAAA,EAAU,MAAM;AACdJ,IAAAA,EAAW,EAAK;AAAA,EAClB,GAAG,CAACF,CAAQ,CAAC,GAEN;AAAA,IAAEC,SAAAA;AAAAA,IAASG,QAAAA;AAAAA,EAAAA;AACpB;"}

package/dist/utils-D_TJ8wDc.cjs

@@ -0,0 +1,2 @@
+"use strict";const e=require("react");function o(t){const[s,u]=e.useState(!1),c=e.useCallback(()=>u(!0),[]);return e.useEffect(()=>{u(!1)},[t]),{touched:s,onBlur:c}}exports.useTouched=o;
+//# sourceMappingURL=utils-D_TJ8wDc.cjs.map

package/dist/utils-D_TJ8wDc.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils-D_TJ8wDc.cjs","sources":["../src/utils.ts"],"sourcesContent":["import { useCallback, useEffect, useState } from 'react';\n\nexport function useTouched(resetKey?: any) {\n  const [touched, setTouched] = useState(false);\n  const onBlur = useCallback(() => setTouched(true), []);\n\n  useEffect(() => {\n    setTouched(false);\n  }, [resetKey]);\n\n  return { touched, onBlur };\n}\n"],"names":["useTouched","resetKey","touched","setTouched","useState","onBlur","useCallback","useEffect"],"mappings":"sCAEO,SAASA,EAAWC,EAAgB,CACzC,KAAM,CAACC,EAASC,CAAU,EAAIC,EAAAA,SAAS,EAAK,EACtCC,EAASC,EAAAA,YAAY,IAAMH,EAAW,EAAI,EAAG,CAAA,CAAE,EAErDI,OAAAA,EAAAA,UAAU,IAAM,CACdJ,EAAW,EAAK,CAClB,EAAG,CAACF,CAAQ,CAAC,EAEN,CAAEC,QAAAA,EAASG,OAAAA,CAAAA,CACpB"}

package/package.json

@@ -0,0 +1,100 @@
+{
+  "name": "@solibo/solibo-ui",
+  "version": "0.0.0-SNAPSHOT.162ee5adaaa9aa4300a423ead65f9230eccfa41f",
+  "type": "module",
+  "scripts": {
+    "dev": "vite build --watch",
+    "build": "tsc -b && vite build",
+    "coverage": "vitest run --coverage",
+    "format": "prettier --check .",
+    "format:fix": "prettier --write .",
+    "lint": "eslint .",
+    "lint:fix": "eslint . --fix",
+    "prepublishOnly": "vitest run && pnpm run build",
+    "storybook": "storybook dev -p 6006",
+    "storybook:build": "storybook build",
+    "stylelint": "stylelint **/*.css",
+    "stylelint:fix": "stylelint **/*.css --fix",
+    "test": "vitest --ui --coverage.enabled=true",
+    "codebuild-local": "./codebuild_build.sh -i public.ecr.aws/codebuild/amazonlinux2-aarch64-standard:3.0 -c -p default -a codebuild -l public.ecr.aws/codebuild/local-builds:aarch64"
+  },
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "dependencies": {
+    "@lexical/html": "^0.21.0",
+    "@lexical/link": "^0.21.0",
+    "@lexical/list": "^0.21.0",
+    "@lexical/react": "^0.21.0",
+    "@lexical/utils": "^0.21.0",
+    "classix": "^2.2.2",
+    "lexical": "^0.21.0",
+    "sanitize-html": "^2.17.0"
+  },
+  "devDependencies": {
+    "@eslint/js": "^9.33.0",
+    "@storybook/addon-a11y": "^8.6.14",
+    "@storybook/addon-essentials": "^8.6.14",
+    "@storybook/addon-interactions": "^8.6.14",
+    "@storybook/blocks": "^8.6.14",
+    "@storybook/manager-api": "^8.6.14",
+    "@storybook/react": "^8.6.14",
+    "@storybook/react-vite": "^8.6.14",
+    "@storybook/test": "^8.6.14",
+    "@storybook/theming": "^8.6.14",
+    "@testing-library/jest-dom": "^6.6.4",
+    "@testing-library/react": "^16.3.0",
+    "@types/node": "^22.17.1",
+    "@types/react": "^19.2.0",
+    "@types/react-dom": "^19.2.0",
+    "@types/sanitize-html": "^2.16.0",
+    "@vitejs/plugin-react": "^4.7.0",
+    "@vitest/coverage-v8": "^2.1.9",
+    "@vitest/ui": "^2.1.9",
+    "autoprefixer": "^10.4.21",
+    "eslint": "^9.33.0",
+    "eslint-config-prettier": "^9.1.2",
+    "eslint-plugin-react-hooks": "^5.2.0",
+    "eslint-plugin-react-refresh": "^0.4.20",
+    "eslint-plugin-simple-import-sort": "^12.1.1",
+    "eslint-plugin-storybook": "^0.11.6",
+    "glob": "^11.1.0",
+    "globals": "^15.15.0",
+    "jsdom": "^25.0.1",
+    "npm-snapshot": "^1.1.2",
+    "prettier": "^3.6.2",
+    "storybook": "^8.6.14",
+    "stylelint": "^16.23.1",
+    "stylelint-config-standard": "^36.0.1",
+    "typescript": "~5.6.3",
+    "typescript-eslint": "^8.39.1",
+    "vite": "^5.4.21",
+    "vite-plugin-dts": "^4.5.4",
+    "vite-plugin-lib-inject-css": "^2.2.2",
+    "vite-tsconfig-paths": "^5.1.4",
+    "vitest": "^2.1.9"
+  },
+  "peerDependencies": {
+    "react": ">=19 <20",
+    "react-dom": ">=19 <20"
+  },
+  "eslintConfig": {
+    "extends": [
+      "plugin:storybook/recommended"
+    ]
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "packageManager": "pnpm@10.14.0"
+}