@htmlos-next/ui 0.0.0

package/README.md

@@ -0,0 +1,73 @@
+# React + TypeScript + Vite
+
+This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
+
+Currently, two official plugins are available:
+
+- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react) uses [Babel](https://babeljs.io/) (or [oxc](https://oxc.rs) when used in [rolldown-vite](https://vite.dev/guide/rolldown)) for Fast Refresh
+- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
+
+## React Compiler
+
+The React Compiler is not enabled on this template because of its impact on dev & build performances. To add it, see [this documentation](https://react.dev/learn/react-compiler/installation).
+
+## Expanding the ESLint configuration
+
+If you are developing a production application, we recommend updating the configuration to enable type-aware lint rules:
+
+```js
+export default defineConfig([
+  globalIgnores(['dist']),
+  {
+    files: ['**/*.{ts,tsx}'],
+    extends: [
+      // Other configs...
+
+      // Remove tseslint.configs.recommended and replace with this
+      tseslint.configs.recommendedTypeChecked,
+      // Alternatively, use this for stricter rules
+      tseslint.configs.strictTypeChecked,
+      // Optionally, add this for stylistic rules
+      tseslint.configs.stylisticTypeChecked,
+
+      // Other configs...
+    ],
+    languageOptions: {
+      parserOptions: {
+        project: ['./tsconfig.node.json', './tsconfig.app.json'],
+        tsconfigRootDir: import.meta.dirname,
+      },
+      // other options...
+    },
+  },
+])
+```
+
+You can also install [eslint-plugin-react-x](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-x) and [eslint-plugin-react-dom](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-dom) for React-specific lint rules:
+
+```js
+// eslint.config.js
+import reactX from 'eslint-plugin-react-x'
+import reactDom from 'eslint-plugin-react-dom'
+
+export default defineConfig([
+  globalIgnores(['dist']),
+  {
+    files: ['**/*.{ts,tsx}'],
+    extends: [
+      // Other configs...
+      // Enable lint rules for React
+      reactX.configs['recommended-typescript'],
+      // Enable lint rules for React DOM
+      reactDom.configs.recommended,
+    ],
+    languageOptions: {
+      parserOptions: {
+        project: ['./tsconfig.node.json', './tsconfig.app.json'],
+        tsconfigRootDir: import.meta.dirname,
+      },
+      // other options...
+    },
+  },
+])
+```

package/dist/components/AppShell/AppShell.d.ts

@@ -0,0 +1,10 @@
+interface AppShellProps {
+    isMobile: boolean;
+    sidebarOpen: boolean;
+    sidebar: React.ReactNode;
+    children: React.ReactNode;
+    accentColor?: string;
+}
+export declare function AppShell({ isMobile, sidebar, children, accentColor, }: AppShellProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=AppShell.d.ts.map

package/dist/components/AppShell/AppShell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppShell.d.ts","sourceRoot":"","sources":["../../../src/components/AppShell/AppShell.tsx"],"names":[],"mappings":"AAGA,UAAU,aAAa;IACrB,QAAQ,EAAE,OAAO,CAAC;IAClB,WAAW,EAAE,OAAO,CAAC;IACrB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,wBAAgB,QAAQ,CAAC,EACvB,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,WAAuB,GACxB,EAAE,aAAa,2CAgBf"}

package/dist/components/Balloon/Balloon.d.ts

@@ -0,0 +1,10 @@
+import { HTMLAttributes, ReactNode } from 'react';
+interface BalloonProps extends HTMLAttributes<HTMLDivElement> {
+    open: boolean;
+    x?: number;
+    y?: number;
+    children: ReactNode;
+}
+export declare function Balloon({ open, x, y, children, className, style, ...rest }: BalloonProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=Balloon.d.ts.map

package/dist/components/Balloon/Balloon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Balloon.d.ts","sourceRoot":"","sources":["../../../src/components/Balloon/Balloon.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAiB,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtE,UAAU,YAAa,SAAQ,cAAc,CAAC,cAAc,CAAC;IAC3D,IAAI,EAAE,OAAO,CAAC;IACd,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,wBAAgB,OAAO,CAAC,EACtB,IAAI,EACJ,CAAC,EACD,CAAC,EACD,QAAQ,EACR,SAAS,EACT,KAAK,EACL,GAAG,IAAI,EACR,EAAE,YAAY,2CA4Bd"}

package/dist/components/Button/Button.d.ts

@@ -0,0 +1,9 @@
+interface ButtonProps {
+    type?: "primary" | "secondary";
+    disabled?: boolean;
+    onClick?: () => void;
+    children: React.ReactNode;
+}
+export declare function Button({ disabled, type, onClick, children, }: ButtonProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=Button.d.ts.map

package/dist/components/Button/Button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAEA,UAAU,WAAW;IACnB,IAAI,CAAC,EAAE,SAAS,GAAG,WAAW,CAAC;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,wBAAgB,MAAM,CAAC,EACrB,QAAgB,EAChB,IAAgB,EAChB,OAAO,EACP,QAAQ,GACT,EAAE,WAAW,2CAUb"}

package/dist/components/Card/Card.d.ts

@@ -0,0 +1,6 @@
+interface CardProps {
+    children: React.ReactNode;
+}
+export declare function Card({ children }: CardProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=Card.d.ts.map

package/dist/components/Card/Card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../src/components/Card/Card.tsx"],"names":[],"mappings":"AAEA,UAAU,SAAS;IACjB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,wBAAgB,IAAI,CAAC,EAAE,QAAQ,EAAE,EAAE,SAAS,2CAE3C"}

package/dist/components/Content/Content.d.ts

@@ -0,0 +1,7 @@
+interface ContentProps {
+    expanded?: boolean;
+    children: React.ReactNode;
+}
+export declare function Content({ expanded, children }: ContentProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=Content.d.ts.map

package/dist/components/Content/Content.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Content.d.ts","sourceRoot":"","sources":["../../../src/components/Content/Content.tsx"],"names":[],"mappings":"AAEA,UAAU,YAAY;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,wBAAgB,OAAO,CAAC,EAAE,QAAgB,EAAE,QAAQ,EAAE,EAAE,YAAY,2CAQnE"}

package/dist/components/ContextMenu/ContextMenu.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+interface ContextMenuProps {
+    open: boolean;
+    x?: number;
+    y?: number;
+    from?: "top-left" | "top-right" | "bottom-left" | "bottom-right";
+    children: React.ReactNode;
+}
+export declare function ContextMenu({ open, x, y, from, children, }: ContextMenuProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ContextMenu.d.ts.map

package/dist/components/ContextMenu/ContextMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContextMenu.d.ts","sourceRoot":"","sources":["../../../src/components/ContextMenu/ContextMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,UAAU,gBAAgB;IACxB,IAAI,EAAE,OAAO,CAAC;IACd,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,IAAI,CAAC,EAAE,UAAU,GAAG,WAAW,GAAG,aAAa,GAAG,cAAc,CAAC;IACjE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,wBAAgB,WAAW,CAAC,EAC1B,IAAI,EACJ,CAAM,EACN,CAAM,EACN,IAAiB,EACjB,QAAQ,GACT,EAAE,gBAAgB,2CAiClB"}

package/dist/components/DeviceContext/DeviceContext.d.ts

@@ -0,0 +1,7 @@
+export declare const DeviceContext: import('react').Context<{
+    isMobile: boolean;
+}>;
+export declare const useDevice: () => {
+    isMobile: boolean;
+};
+//# sourceMappingURL=DeviceContext.d.ts.map

package/dist/components/DeviceContext/DeviceContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeviceContext.d.ts","sourceRoot":"","sources":["../../../src/components/DeviceContext/DeviceContext.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,aAAa;;EAAqC,CAAC;AAEhE,eAAO,MAAM,SAAS;;CAAkC,CAAC"}

package/dist/components/EmptyView/EmptyView.d.ts

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+interface IconComponentProps {
+    size?: number | string;
+    color?: string;
+    strokeWidth?: number | string;
+    className?: string;
+}
+interface IconProps {
+    icon: React.ComponentType<IconComponentProps>;
+    label: string;
+}
+export declare function EmptyView({ icon, label }: IconProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=EmptyView.d.ts.map

package/dist/components/EmptyView/EmptyView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyView.d.ts","sourceRoot":"","sources":["../../../src/components/EmptyView/EmptyView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,UAAU,kBAAkB;IAC1B,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,UAAU,SAAS;IACjB,IAAI,EAAE,KAAK,CAAC,aAAa,CAAC,kBAAkB,CAAC,CAAC;IAC9C,KAAK,EAAE,MAAM,CAAC;CACf;AAED,wBAAgB,SAAS,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,SAAS,2CAWnD"}

package/dist/components/Icon/Icon.d.ts

@@ -0,0 +1,16 @@
+import { default as React } from 'react';
+interface IconComponentProps {
+    size?: number | string;
+    color?: string;
+    strokeWidth?: number | string;
+    className?: string;
+}
+interface IconProps {
+    icon: React.ComponentType<IconComponentProps>;
+    size?: number | "default";
+    color?: string | "default" | "selected";
+    className?: string;
+}
+export declare function Icon({ icon: IconComponent, size, color, className, }: IconProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=Icon.d.ts.map

package/dist/components/Icon/Icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,kBAAkB;IAC1B,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,UAAU,SAAS;IACjB,IAAI,EAAE,KAAK,CAAC,aAAa,CAAC,kBAAkB,CAAC,CAAC;IAC9C,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,UAAU,CAAC;IACxC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,IAAI,CAAC,EACnB,IAAI,EAAE,aAAa,EACnB,IAAgB,EAChB,KAAiB,EACjB,SAAS,GACV,EAAE,SAAS,2CAuBX"}

package/dist/components/ListItem/ListItem.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+interface ListItemProps {
+    onClick?: () => void;
+    onContextMenu?: (e: React.MouseEvent<HTMLDivElement> | React.TouchEvent<HTMLDivElement>) => void;
+    selected?: boolean;
+    children: React.ReactNode;
+}
+export declare function ListItem({ onClick, onContextMenu, selected, children, }: ListItemProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ListItem.d.ts.map

package/dist/components/ListItem/ListItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListItem.d.ts","sourceRoot":"","sources":["../../../src/components/ListItem/ListItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAGtC,UAAU,aAAa;IACrB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,aAAa,CAAC,EAAE,CACd,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,GAAG,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,KACnE,IAAI,CAAC;IACV,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,wBAAgB,QAAQ,CAAC,EACvB,OAAO,EACP,aAAa,EACb,QAAgB,EAChB,QAAQ,GACT,EAAE,aAAa,2CAiCf"}

package/dist/components/Popup/Popup.d.ts

@@ -0,0 +1,7 @@
+interface PopupProps {
+    open?: boolean;
+    children: React.ReactNode;
+}
+export declare function Popup({ open, children }: PopupProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=Popup.d.ts.map

package/dist/components/Popup/Popup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popup.d.ts","sourceRoot":"","sources":["../../../src/components/Popup/Popup.tsx"],"names":[],"mappings":"AAEA,UAAU,UAAU;IAClB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,wBAAgB,KAAK,CAAC,EAAE,IAAY,EAAE,QAAQ,EAAE,EAAE,UAAU,2CAU3D"}

package/dist/components/PopupActions/PopupActions.d.ts

@@ -0,0 +1,7 @@
+interface PopupActionsProps {
+    orientation?: "horizontal" | "vertical";
+    children: React.ReactNode;
+}
+export declare function PopupActions({ orientation, children, }: PopupActionsProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=PopupActions.d.ts.map

package/dist/components/PopupActions/PopupActions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopupActions.d.ts","sourceRoot":"","sources":["../../../src/components/PopupActions/PopupActions.tsx"],"names":[],"mappings":"AAEA,UAAU,iBAAiB;IACzB,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,wBAAgB,YAAY,CAAC,EAC3B,WAAwB,EACxB,QAAQ,GACT,EAAE,iBAAiB,2CAWnB"}

package/dist/components/PopupButton/PopupButton.d.ts

@@ -0,0 +1,8 @@
+interface PopupButtonProps {
+    type?: "primary" | "secondary";
+    onClick?: () => void;
+    children: React.ReactNode;
+}
+export declare function PopupButton({ type, onClick, children, }: PopupButtonProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=PopupButton.d.ts.map

package/dist/components/PopupButton/PopupButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopupButton.d.ts","sourceRoot":"","sources":["../../../src/components/PopupButton/PopupButton.tsx"],"names":[],"mappings":"AAEA,UAAU,gBAAgB;IACxB,IAAI,CAAC,EAAE,SAAS,GAAG,WAAW,CAAC;IAC/B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,wBAAgB,WAAW,CAAC,EAC1B,IAAgB,EAChB,OAAO,EACP,QAAQ,GACT,EAAE,gBAAgB,2CASlB"}

package/dist/components/PopupDescription/PopupDescription.d.ts

@@ -0,0 +1,6 @@
+interface PopupDescriptionProps {
+    children: React.ReactNode;
+}
+export declare function PopupDescription({ children }: PopupDescriptionProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=PopupDescription.d.ts.map

package/dist/components/PopupDescription/PopupDescription.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopupDescription.d.ts","sourceRoot":"","sources":["../../../src/components/PopupDescription/PopupDescription.tsx"],"names":[],"mappings":"AAEA,UAAU,qBAAqB;IAC7B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,wBAAgB,gBAAgB,CAAC,EAAE,QAAQ,EAAE,EAAE,qBAAqB,2CAEnE"}

package/dist/components/PopupInput/PopupInput.d.ts

@@ -0,0 +1,10 @@
+interface PopupInputProps {
+    placeholder?: string;
+    value?: string;
+    onChange?: (value: string) => void;
+    onSubmit?: (value: string) => void;
+    autoFocus?: boolean;
+}
+export declare const PopupInput: import('react').ForwardRefExoticComponent<PopupInputProps & import('react').RefAttributes<HTMLInputElement>>;
+export {};
+//# sourceMappingURL=PopupInput.d.ts.map

package/dist/components/PopupInput/PopupInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopupInput.d.ts","sourceRoot":"","sources":["../../../src/components/PopupInput/PopupInput.tsx"],"names":[],"mappings":"AAGA,UAAU,eAAe;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,eAAO,MAAM,UAAU,8GA8BtB,CAAC"}

package/dist/components/PopupTitle/PopupTitle.d.ts

@@ -0,0 +1,6 @@
+interface PopupTitleProps {
+    children: React.ReactNode;
+}
+export declare function PopupTitle({ children }: PopupTitleProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=PopupTitle.d.ts.map

package/dist/components/PopupTitle/PopupTitle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopupTitle.d.ts","sourceRoot":"","sources":["../../../src/components/PopupTitle/PopupTitle.tsx"],"names":[],"mappings":"AAEA,UAAU,eAAe;IACvB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,wBAAgB,UAAU,CAAC,EAAE,QAAQ,EAAE,EAAE,eAAe,2CAEvD"}

package/dist/components/SelectInput/SelectInput.d.ts

@@ -0,0 +1,7 @@
+interface SelectInputProps extends React.SelectHTMLAttributes<HTMLSelectElement> {
+    className?: string;
+    children: React.ReactNode;
+}
+export declare const SelectInput: import('react').ForwardRefExoticComponent<SelectInputProps & import('react').RefAttributes<HTMLSelectElement>>;
+export {};
+//# sourceMappingURL=SelectInput.d.ts.map

package/dist/components/SelectInput/SelectInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectInput.d.ts","sourceRoot":"","sources":["../../../src/components/SelectInput/SelectInput.tsx"],"names":[],"mappings":"AAGA,UAAU,gBAAiB,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IAC9E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,eAAO,MAAM,WAAW,gHAYvB,CAAC"}

package/dist/components/Sidebar/Sidebar.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+interface SidebarProps {
+    open: boolean;
+    footer?: React.ReactNode;
+    children: React.ReactNode;
+}
+export declare function Sidebar({ open, footer, children }: SidebarProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=Sidebar.d.ts.map

package/dist/components/Sidebar/Sidebar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sidebar.d.ts","sourceRoot":"","sources":["../../../src/components/Sidebar/Sidebar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,UAAU,YAAY;IACpB,IAAI,EAAE,OAAO,CAAC;IACd,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,wBAAgB,OAAO,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,YAAY,2CAe/D"}

package/dist/components/SidebarButton/SidebarButton.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+interface SidebarButtonProps {
+    onClick?: () => void;
+    children: React.ReactNode;
+}
+export declare function SidebarButton({ onClick, children }: SidebarButtonProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=SidebarButton.d.ts.map

package/dist/components/SidebarButton/SidebarButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarButton.d.ts","sourceRoot":"","sources":["../../../src/components/SidebarButton/SidebarButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,kBAAkB;IAC1B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,wBAAgB,aAAa,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,kBAAkB,2CAMtE"}

package/dist/components/SidebarItem/SidebarItem.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+interface SidebarItemProps {
+    onClick?: () => void;
+    onContextMenu?: (e: React.MouseEvent<HTMLDivElement> | React.TouchEvent<HTMLDivElement>) => void;
+    selected?: boolean;
+    children: React.ReactNode;
+}
+export declare function SidebarItem({ onClick, onContextMenu, selected, children, }: SidebarItemProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=SidebarItem.d.ts.map

package/dist/components/SidebarItem/SidebarItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarItem.d.ts","sourceRoot":"","sources":["../../../src/components/SidebarItem/SidebarItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAGtC,UAAU,gBAAgB;IACxB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,aAAa,CAAC,EAAE,CACd,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,GAAG,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,KACnE,IAAI,CAAC;IACV,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,wBAAgB,WAAW,CAAC,EAC1B,OAAO,EACP,aAAa,EACb,QAAgB,EAChB,QAAQ,GACT,EAAE,gBAAgB,2CAiClB"}

package/dist/components/SidebarTitle/SidebarTitle.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+interface SidebarTitleProps {
+    children: React.ReactNode;
+}
+export declare function SidebarTitle({ children }: SidebarTitleProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=SidebarTitle.d.ts.map

package/dist/components/SidebarTitle/SidebarTitle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarTitle.d.ts","sourceRoot":"","sources":["../../../src/components/SidebarTitle/SidebarTitle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,iBAAiB;IACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,wBAAgB,YAAY,CAAC,EAAE,QAAQ,EAAE,EAAE,iBAAiB,2CAE3D"}

package/dist/components/TextInput/TextInput.d.ts

@@ -0,0 +1,13 @@
+interface TextInputProps {
+    placeholder?: string;
+    value?: string;
+    onChange?: (value: string) => void;
+    onFocus?: () => void;
+    onBlur?: () => void;
+    disabled?: boolean;
+    type?: "text" | "password" | "email" | "number" | "search" | "url" | "tel";
+    className?: string;
+}
+export declare const TextInput: import('react').ForwardRefExoticComponent<TextInputProps & import('react').RefAttributes<HTMLInputElement>>;
+export {};
+//# sourceMappingURL=TextInput.d.ts.map

package/dist/components/TextInput/TextInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextInput.d.ts","sourceRoot":"","sources":["../../../src/components/TextInput/TextInput.tsx"],"names":[],"mappings":"AAGA,UAAU,cAAc;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,OAAO,GAAG,QAAQ,GAAG,QAAQ,GAAG,KAAK,GAAG,KAAK,CAAC;IAC3E,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,SAAS,6GA4BrB,CAAC"}

package/dist/components/Toolbar/Toolbar.d.ts

@@ -0,0 +1,7 @@
+interface ToolbarProps {
+    expanded?: boolean;
+    children: React.ReactNode;
+}
+export declare function Toolbar({ expanded, children }: ToolbarProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=Toolbar.d.ts.map

package/dist/components/Toolbar/Toolbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toolbar.d.ts","sourceRoot":"","sources":["../../../src/components/Toolbar/Toolbar.tsx"],"names":[],"mappings":"AAGA,UAAU,YAAY;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,wBAAgB,OAAO,CAAC,EAAE,QAAgB,EAAE,QAAQ,EAAE,EAAE,YAAY,2CAUnE"}

package/dist/components/ToolbarActions/ToolbarActions.d.ts

@@ -0,0 +1,6 @@
+interface ToolbarActionsProps {
+    children: React.ReactNode;
+}
+export declare function ToolbarActions({ children }: ToolbarActionsProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ToolbarActions.d.ts.map

package/dist/components/ToolbarActions/ToolbarActions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolbarActions.d.ts","sourceRoot":"","sources":["../../../src/components/ToolbarActions/ToolbarActions.tsx"],"names":[],"mappings":"AAEA,UAAU,mBAAmB;IAC3B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,wBAAgB,cAAc,CAAC,EAAE,QAAQ,EAAE,EAAE,mBAAmB,2CAE/D"}

package/dist/components/ToolbarButton/ToolbarButton.d.ts

@@ -0,0 +1,7 @@
+interface ToolbarButtonProps {
+    onClick?: (e: React.MouseEvent<HTMLButtonElement> | React.TouchEvent<HTMLButtonElement>) => void;
+    children: React.ReactNode;
+}
+export declare function ToolbarButton({ onClick, children }: ToolbarButtonProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ToolbarButton.d.ts.map

package/dist/components/ToolbarButton/ToolbarButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolbarButton.d.ts","sourceRoot":"","sources":["../../../src/components/ToolbarButton/ToolbarButton.tsx"],"names":[],"mappings":"AAEA,UAAU,kBAAkB;IAC1B,OAAO,CAAC,EAAE,CACR,CAAC,EACG,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,GACnC,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KACpC,IAAI,CAAC;IACV,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,wBAAgB,aAAa,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,kBAAkB,2CAYtE"}

package/dist/components/ToolbarExpandSidebarButton/ToolbarExpandSidebarButton.d.ts

@@ -0,0 +1,7 @@
+interface ToolbarExpandSidebarButtonProps {
+    onToggleSidebar?: () => void;
+    expanded?: boolean;
+}
+export declare function ToolbarExpandSidebarButton({ onToggleSidebar, expanded, }: ToolbarExpandSidebarButtonProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ToolbarExpandSidebarButton.d.ts.map

package/dist/components/ToolbarExpandSidebarButton/ToolbarExpandSidebarButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolbarExpandSidebarButton.d.ts","sourceRoot":"","sources":["../../../src/components/ToolbarExpandSidebarButton/ToolbarExpandSidebarButton.tsx"],"names":[],"mappings":"AAMA,UAAU,+BAA+B;IACvC,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,wBAAgB,0BAA0B,CAAC,EACzC,eAAe,EACf,QAAgB,GACjB,EAAE,+BAA+B,2CAWjC"}

package/dist/components/ToolbarTitle/ToolbarTitle.d.ts

@@ -0,0 +1,6 @@
+interface ToolbarTitleProps {
+    children: React.ReactNode;
+}
+export declare function ToolbarTitle({ children }: ToolbarTitleProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ToolbarTitle.d.ts.map

package/dist/components/ToolbarTitle/ToolbarTitle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolbarTitle.d.ts","sourceRoot":"","sources":["../../../src/components/ToolbarTitle/ToolbarTitle.tsx"],"names":[],"mappings":"AAEA,UAAU,iBAAiB;IACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,wBAAgB,YAAY,CAAC,EAAE,QAAQ,EAAE,EAAE,iBAAiB,2CAE3D"}

package/dist/htmlos-ui.cjs

@@ -0,0 +1,10 @@
+(function(){"use strict";try{if(typeof document<"u"){var r=document.createElement("style");r.appendChild(document.createTextNode(`:root{--accent: #0088ff;--button-primary-bg: var(--accent);--button-primary-bg-hover: color-mix(in srgb, var(--accent), black 15%);--button-primary-bg-active: color-mix(in srgb, var(--accent), black 30%);--button-secondary-bg-hover: color-mix(in srgb, var(--accent), white 90%);--button-secondary-bg-active: color-mix(in srgb, var(--accent), white 90%);--button-disabled-bg: color-mix(in srgb, var(--accent), white 60%);--text-disabled: color-mix(in srgb, var(--text-primary), white 40%);--icon-color: var(--accent);--border-color: #0000001a;--surface-bg: #ffffff7a;--surface-bg-hover: #ffffffa1;--surface-bg-active: #ffffffd5;--card-bg: #e5e5e5;--card-bg-secondary: #f5f5f5;--overlay-bg: rgba(0, 0, 0, .4);--muted-bg: rgba(0, 0, 0, .06);--text-primary: #000000;--text-secondary: #8b8b8b;--text-inverse: #ffffff;--sidebar-width: 200px}[data-theme=dark]{--button-secondary-bg-hover: #252628;--button-secondary-bg-active: #2b2f35;--button-disabled-bg: color-mix(in srgb, var(--accent), black 60%);--text-disabled: color-mix(in srgb, var(--text-primary), black 40%);--surface-bg: #1e1e1e7a;--surface-bg-hover: #2a2a2aa1;--surface-bg-active: #3a3a3ad5;--card-bg: #1d1d1d;--card-bg-secondary: #2a2a2a;--overlay-bg: rgba(255, 255, 255, .4);--muted-bg: rgba(255, 255, 255, .12);--text-primary: #ffffff;--text-inverse: #000000;--text-secondary: #b3b3b3}body{color:var(--text-primary);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}[device-type=mobile] body{background-color:var(--card-bg-secondary)!important}*,*:before,*:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-tap-highlight-color:rgba(0,0,0,0)}._sidebar_yoln4_1{width:var(--sidebar-width);background-color:var(--surface-bg);position:absolute;top:0;bottom:5px;height:auto;left:5px;border-radius:9px;transition:left .3s;display:flex;flex-direction:column;z-index:999;border:solid 1px var(--border-color);transform:translate(0)}._sidebarCollapsed_yoln4_18{left:calc(-1 * var(--sidebar-width) - 10px)}[device-type=mobile] ._sidebar_yoln4_1._sidebarMobile_yoln4_22{position:absolute;inset:0;width:auto;height:auto;border-radius:0;transition:transform .25s ease;background-color:var(--card-bg)}[device-type=mobile] ._sidebar_yoln4_1._sidebarMobile_yoln4_22._sidebarMobileHidden_yoln4_35{transform:translate(-105%)}._sidebarContent_yoln4_39{height:100%;padding:0 4px;display:flex;flex-direction:column;overflow-y:auto;gap:2px}._sidebarFooter_yoln4_48{padding:4px}._sidebarTitle_azx8n_1{font-size:.8rem;font-weight:600;margin:8px 8px 8px 4px;color:var(--text-secondary)}[device-type=mobile] ._sidebarTitle_azx8n_1{font-size:1.2rem}._sidebarItem_1e3ru_1{padding:6px;transition:background-color .1s;border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;flex-direction:row;justify-content:start;align-items:center;gap:8px}[device-type=mobile] ._sidebarItem_1e3ru_1{font-size:1.4rem}._sidebarItem_1e3ru_1:hover{background-color:var(--surface-bg-hover)}._sidebarItem_1e3ru_1._selected_1e3ru_22{background-color:var(--surface-bg-active);color:var(--icon-color)}._sidebarMainBtn_65l8c_1{width:calc(100% - 8px);background-color:var(--button-primary-bg);border:none;outline:none;color:var(--text-inverse);border-radius:5px;height:32px;margin:4px;font-weight:600;font-size:.9rem;transition:background-color .2s;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:8px;cursor:pointer}[device-type=mobile] ._sidebarMainBtn_65l8c_1{font-size:1.4rem;height:48px}._sidebarMainBtn_65l8c_1:hover{background-color:var(--button-primary-bg-hover)}._sidebarMainBtn_65l8c_1:active{background-color:var(--button-primary-bg-active)}._popupContainer_vz8rg_1{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--overlay-bg);z-index:9999;display:flex;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:1;transition:.2s;pointer-events:auto}._popupClosed_vz8rg_18{opacity:0;pointer-events:none}._popup_vz8rg_1{background-color:var(--card-bg);border-radius:8px;padding:12px;width:300px;height:auto;display:flex;flex-direction:column;justify-content:space-between;gap:12px}._popupIconContainer_vz8rg_35{display:flex;justify-content:center}._popupIcon_vz8rg_35{color:var(--icon-color)}._popupContent_vz8rg_44{display:flex;flex-direction:column;gap:8px}._popupTitle_4z5vb_1{margin:0;text-align:center;font-size:large;font-weight:700}[device-type=mobile] ._popupTitle_4z5vb_1{font-size:1.4rem}._popupDescription_4ewx1_1{text-align:center}[device-type=mobile] ._popupDescription_4ewx1_1{font-size:1.4rem}._popupInput_1b42s_1{width:100%;height:32px;background-color:var(--muted-bg);border:none;border-radius:5px;padding:4px 8px;font-size:1rem;color:var(--text-primary)}[device-type=mobile] ._popupInput_1b42s_1{font-size:1.4rem;height:48px}._popupActions_84v2b_1{display:flex;gap:8px}._popupBtn_ouvtc_1{width:100%;height:32px;border:none;border-radius:5px;font-weight:600;font-size:.9rem;background-color:var(--button-primary-bg);transition:background-color .2s;color:var(--text-inverse);cursor:pointer}[device-type=mobile] ._popupBtn_ouvtc_1{font-size:1.4rem;height:48px}._popupBtn_ouvtc_1:hover{background-color:var(--button-primary-bg-hover)}._popupBtn_ouvtc_1:active{background-color:var(--button-primary-bg-active)}._popupBtn_ouvtc_1._secondary_ouvtc_27{background-color:transparent;color:var(--text-primary);border:solid 1px var(--button-primary-bg);font-weight:400}._popupBtn_ouvtc_1._secondary_ouvtc_27:hover{background-color:var(--button-secondary-bg-hover)}._popupBtn_ouvtc_1._secondary_ouvtc_27:active{background-color:var(--button-secondary-bg-active)}._toolbar_18bqr_1{position:absolute;top:0;left:calc(var(--sidebar-width) + 10px);width:calc(100% - calc(var(--sidebar-width) + 15px));height:32px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;transition:left .3s,width .3s}[device-type=mobile] ._toolbar_18bqr_1{top:5px;height:48px}._toolbarExpanded_18bqr_21{left:5px;width:calc(100% - 10px)}._toolbarTitle_18bqr_26{margin:0;font-size:1rem;font-weight:600}._toolbarActions_18bqr_32{background-color:var(--surface-bg);border-radius:16px;display:flex;flex-direction:row}._toolbarActions_18bqr_32 button{width:32px;height:32px;background-color:transparent;border:none;outline:none;color:var(--icon-color);cursor:pointer}[device-type=mobile] ._toolbarTitle_1p2s8_1{font-size:1.4rem}._toolbarActions_l0jv2_1{background-color:var(--surface-bg);border-radius:16px;display:flex;flex-direction:row}[device-type=mobile] ._toolbarActions_l0jv2_1{border-radius:24px}._toolbarActions_l0jv2_1 button{background-color:transparent}._toolbarBtn_8jy1b_1{width:32px;height:32px;border:none;outline:none;padding:0;display:flex;justify-content:center;align-items:center;background-color:var(--surface-bg);border-radius:16px;color:var(--icon-color);transition:background-color .2s;cursor:pointer}._toolbarBtn_8jy1b_1:hover{background-color:var(--surface-bg-hover)}._toolbarBtn_8jy1b_1:active{background-color:var(--surface-bg-active)}[device-type=mobile] ._toolbarBtn_8jy1b_1{width:48px;height:48px;border-radius:24px}._sidebarIcon_1lib1_1{rotate:0deg;transition:rotate .3s}._sidebarIconExpanded_1lib1_6{rotate:180deg}._content_1ha8s_1{position:absolute;top:37px;left:calc(var(--sidebar-width) + 10px);height:calc(100% - 37px);width:calc(100% - calc(var(--sidebar-width) + 15px));transition:left .3s,width .3s;display:flex;flex-direction:column;justify-content:start;align-items:start;overflow:auto;padding-bottom:5px}._contentExpanded_1ha8s_18{top:37px;left:5px;width:calc(100% - 10px);height:calc(100% - 37px)}[device-type=mobile] ._content_1ha8s_1{top:58px;height:calc(100% - 58px)}._contextMenu_vtnpl_1{background-color:var(--surface-bg-active);position:fixed;border-radius:9px;transition:opacity .1s,transform .1s;display:flex;flex-direction:column;z-index:9999;border:solid 1px var(--border-color);transform:scale(.7) translate(var(--tx-start)) translateY(var(--ty-start));opacity:0;visibility:hidden;pointer-events:none;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:4px}._contextMenuOpen_vtnpl_22{visibility:visible;pointer-events:auto;transform:scale(1) translate(0) translateY(0);opacity:1}._listItem_7ga7e_1{padding:10px;transition:background-color .1s;border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;flex-direction:row;justify-content:start;align-items:center;gap:8px;width:100%}[device-type=mobile] ._listItem_7ga7e_1{font-size:1.4rem}._listItem_7ga7e_1:hover{background-color:var(--surface-bg-hover)}._listItem_7ga7e_1._selected_7ga7e_23{background-color:var(--surface-bg-active)}._emptyView_1synn_1{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;color:var(--text-secondary)}._card_zjz9h_1{background-color:var(--surface-bg);border-radius:9px;display:flex;flex-direction:column;border:solid 1px var(--border-color);padding:14px;margin:0 8px;width:calc(100% - 16px);gap:8px}._textInput_on5q4_1{width:100%;height:32px;background-color:var(--muted-bg);border:none;border-radius:5px;padding:4px 8px;font-size:.9rem;color:var(--text-primary);transition:background-color .2s}._textInput_on5q4_1:focus{outline:none;background-color:var(--surface-bg)}._textInput_on5q4_1:disabled{opacity:.5;cursor:not-allowed}._textInput_on5q4_1::placeholder{color:var(--text-secondary)}[device-type=mobile] ._textInput_on5q4_1{font-size:1.4rem;height:48px}._selectInput_3f04b_1{height:32px;background-color:var(--muted-bg);border:none;border-radius:5px;padding:4px 32px 4px 8px;font-size:.9rem;color:var(--text-primary);cursor:pointer;transition:background-color .2s;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url('data:image/svg+xml;utf8,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4 6L8 10L12 6" stroke="%23666" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');background-repeat:no-repeat;background-position:right 8px center}._selectInput_3f04b_1:hover{background-color:var(--surface-bg-hover)}._selectInput_3f04b_1:focus{outline:none;background-color:var(--surface-bg)}._selectInput_3f04b_1:disabled{opacity:.5;cursor:not-allowed}[device-type=mobile] ._selectInput_3f04b_1{font-size:1.4rem;height:48px}._button_g5rur_1{width:100%;height:32px;border:none;border-radius:5px;font-weight:600;font-size:.9rem;background-color:var(--button-primary-bg);transition:background-color .2s;color:var(--text-inverse);cursor:pointer}[device-type=mobile] ._button_g5rur_1{font-size:1.4rem;height:48px}._button_g5rur_1:hover{background-color:var(--button-primary-bg-hover)}._button_g5rur_1:active{background-color:var(--button-primary-bg-active)}._button_g5rur_1._secondary_g5rur_27{background-color:transparent;color:var(--text-primary);border:solid 1px var(--button-primary-bg);font-weight:400}._button_g5rur_1._secondary_g5rur_27:hover{background-color:var(--button-secondary-bg-hover)}._button_g5rur_1._secondary_g5rur_27:active{background-color:var(--button-secondary-bg-active)}._button_g5rur_1:disabled{background-color:var(--button-disabled-bg);color:var(--text-disabled);cursor:not-allowed;opacity:.6}._balloon_1jdjr_1{position:fixed;z-index:1000;display:flex;flex-direction:column;width:256px;padding:14px;gap:8px;border-radius:9px;background-color:var(--surface-bg);border:solid 1px var(--border-color);align-items:center;box-sizing:border-box;transform-origin:50% calc(100% + 8px);transform:translate(-50%,calc(-100% - 8px)) scale(.1);filter:opacity(0);transition:.3s;pointer-events:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}._balloonOpen_1jdjr_22{transform:translate(-50%,calc(-100% - 8px)) scale(1);filter:opacity(1);pointer-events:auto}._balloon_1jdjr_1:after{content:"";position:absolute;bottom:-6px;left:50%;transform:translate(-50%) rotate(45deg);width:10px;height:10px;background-color:var(--surface-bg);border-right:solid 1px var(--border-color);border-bottom:solid 1px var(--border-color);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}[device-type=mobile] ._balloon_1jdjr_1{font-size:1.4rem}`)),document.head.appendChild(r)}}catch(o){console.error("vite-plugin-css-injected-by-js",o)}})();
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),a=require("react"),C=require("lucide-react"),I=a.createContext({isMobile:!1}),d=()=>a.useContext(I);function B({isMobile:t,sidebar:e,children:o,accentColor:s="#0088ff"}){return a.useLayoutEffect(()=>{s&&document.documentElement.style.setProperty("--accent",s)},[s]),n.jsx(I.Provider,{value:{isMobile:t},children:n.jsxs("div",{children:[n.jsx("aside",{children:e}),n.jsx("main",{children:o})]})})}const E="_sidebar_yoln4_1",S="_sidebarCollapsed_yoln4_18",g="_sidebarMobile_yoln4_22",D="_sidebarMobileHidden_yoln4_35",P="_sidebarContent_yoln4_39",A="_sidebarFooter_yoln4_48",u={sidebar:E,sidebarCollapsed:S,sidebarMobile:g,sidebarMobileHidden:D,sidebarContent:P,sidebarFooter:A};function z({open:t,footer:e,children:o}){const{isMobile:s}=d();return n.jsxs("div",{className:`
+        ${u.sidebar}
+        ${t?"":u.sidebarCollapsed}
+        ${s?u.sidebarMobile:""}
+        ${!t&&s?u.sidebarMobileHidden:""}`,children:[n.jsx("div",{className:u.sidebarContent,children:o}),e&&n.jsx("div",{className:u.sidebarFooter,children:e})]})}const w="_sidebarTitle_azx8n_1",R={sidebarTitle:w};function O({children:t}){return n.jsx("h2",{className:R.sidebarTitle,children:t})}const q="_sidebarItem_1e3ru_1",V="_selected_1e3ru_22",y={sidebarItem:q,selected:V};function k({onClick:t,onContextMenu:e,selected:o=!1,children:s}){const r=a.useRef(null),l=c=>{r.current=setTimeout(()=>{e&&(c.preventDefault(),e(c))},500)},i=()=>{r.current&&clearTimeout(r.current)};return n.jsx("div",{className:`${y.sidebarItem} ${o?y.selected:""}`,onClick:t,onContextMenu:c=>{c.preventDefault(),e&&e(c)},onTouchStart:l,onTouchEnd:i,onTouchMove:i,children:s})}const H="_sidebarMainBtn_65l8c_1",F={sidebarMainBtn:H};function L({onClick:t,children:e}){return n.jsx("button",{className:F.sidebarMainBtn,onClick:t,children:e})}const W="_popupContainer_vz8rg_1",K="_popupClosed_vz8rg_18",G="_popup_vz8rg_1",J="_popupContent_vz8rg_44",b={popupContainer:W,popupClosed:K,popup:G,popupContent:J};function Q({open:t=!1,children:e}){return n.jsx("div",{className:`${b.popupContainer} ${t?"":b.popupClosed}`,children:n.jsx("div",{className:b.popup,children:n.jsx("div",{className:b.popupContent,children:e})})})}const U="_popupTitle_4z5vb_1",X={popupTitle:U};function Y({children:t}){return n.jsx("span",{className:X.popupTitle,children:t})}const Z="_popupDescription_4ewx1_1",tt={popupDescription:Z};function et({children:t}){return n.jsx("span",{className:tt.popupDescription,children:t})}const ot="_popupInput_1b42s_1",nt={popupInput:ot},st=a.forwardRef(({placeholder:t="Enter text...",value:e,onChange:o,onSubmit:s,autoFocus:r},l)=>{const i=a.useRef(null),c=l||i;return a.useEffect(()=>{r&&c.current&&c.current.focus()},[r,c]),n.jsx("input",{ref:c,type:"text",className:nt.popupInput,placeholder:t,value:e,onChange:p=>o?.(p.target.value),onKeyDown:p=>{p.key==="Enter"&&s&&s(e||"")}})}),ct="_popupActions_84v2b_1",rt={popupActions:ct};function it({orientation:t="vertical",children:e}){return n.jsx("div",{className:rt.popupActions,style:{flexDirection:t=="vertical"?"column":"row"},children:e})}const lt="_popupBtn_ouvtc_1",at="_secondary_ouvtc_27",m={popupBtn:lt,secondary:at};function pt({type:t="primary",onClick:e,children:o}){return n.jsx("button",{className:`${m.popupBtn} ${t=="secondary"?m.secondary:""}`,onClick:e,children:o})}const ut="_toolbar_18bqr_1",dt="_toolbarExpanded_18bqr_21",f={toolbar:ut,toolbarExpanded:dt};function bt({expanded:t=!1,children:e}){const{isMobile:o}=d();return n.jsx("div",{className:`${f.toolbar} ${t||o?f.toolbarExpanded:""} ${o?f.toolbarMobile:""}`,children:e})}const _t="_toolbarTitle_1p2s8_1",ft={toolbarTitle:_t};function xt({children:t}){return n.jsx("h3",{className:ft.toolbarTitle,children:t})}const yt="_toolbarActions_l0jv2_1",mt={toolbarActions:yt};function $t({children:t}){return n.jsx("div",{className:mt.toolbarActions,children:t})}const jt="_toolbarBtn_8jy1b_1",vt={toolbarBtn:jt};function M({onClick:t,children:e}){return n.jsx("button",{onClick:o=>{o.preventDefault(),t&&t(o)},className:vt.toolbarBtn,children:e})}const Tt="_sidebarIcon_1lib1_1",ht="_sidebarIconExpanded_1lib1_6",$={sidebarIcon:Tt,sidebarIconExpanded:ht};function It({onToggleSidebar:t,expanded:e=!1}){const{isMobile:o}=d();return n.jsx(M,{onClick:t,children:n.jsx(C.Menu,{size:o?24:18,className:`${$.sidebarIcon} ${e?$.sidebarIconExpanded:""}`})})}const Mt="_content_1ha8s_1",Nt="_contentExpanded_1ha8s_18",j={content:Mt,contentExpanded:Nt};function Ct({expanded:t=!1,children:e}){return n.jsx("div",{className:`${j.content} ${t?j.contentExpanded:""}`,children:e})}const Bt="_contextMenu_vtnpl_1",Et="_contextMenuOpen_vtnpl_22",x={contextMenu:Bt,contextMenuOpen:Et};function St({open:t,x:e=20,y:o=20,from:s="top-left",children:r}){const{isMobile:l}=d(),i={"top-left":{tx:"-30%",ty:"-30%"},"top-right":{tx:"30%",ty:"-30%"},"bottom-left":{tx:"-30%",ty:"30%"},"bottom-right":{tx:"30%",ty:"30%"}},{tx:c,ty:p}=i[s],_={top:s.includes("top")?`${o}px`:"auto",bottom:s.includes("bottom")?`${o}px`:"auto",left:s.includes("left")?`${e}px`:"auto",right:s.includes("right")?`${e}px`:"auto","--tx-start":c,"--ty-start":p};return n.jsx("div",{className:`
+        ${x.contextMenu}
+        ${t?x.contextMenuOpen:""}
+        ${l?x.contextMenuMobile:""}
+        `,style:_,children:r})}const gt="_listItem_7ga7e_1",Dt="_selected_7ga7e_23",v={listItem:gt,selected:Dt};function Pt({onClick:t,onContextMenu:e,selected:o=!1,children:s}){const r=a.useRef(null),l=c=>{r.current=setTimeout(()=>{e&&(c.preventDefault(),e(c))},500)},i=()=>{r.current&&clearTimeout(r.current)};return n.jsx("div",{className:`${v.listItem} ${o?v.selected:""}`,onClick:t,onContextMenu:c=>{c.preventDefault(),e&&e(c)},onTouchStart:l,onTouchEnd:i,onTouchMove:i,children:s})}function N({icon:t,size:e="default",color:o="default",className:s}){const{isMobile:r}=d(),l=e==="default"?r?24:18:e,i=o==="selected"?"var(--icon-color)":o;return o==="default"?n.jsx(t,{size:l,className:s,strokeWidth:r?2.5:2}):n.jsx(t,{size:l,color:i,className:s,strokeWidth:r?2.5:2})}const At="_emptyView_1synn_1",zt={emptyView:At};function wt({icon:t,label:e}){const{isMobile:o}=d(),s=o?64:48;return n.jsxs("div",{className:zt.emptyView,children:[n.jsx(N,{icon:t,size:s,color:"var(--text-secondary)"}),n.jsx("h2",{children:e})]})}const Rt="_card_zjz9h_1",Ot={card:Rt};function qt({children:t}){return n.jsx("div",{className:Ot.card,children:t})}const Vt="_textInput_on5q4_1",kt={textInput:Vt},Ht=a.forwardRef(({placeholder:t,value:e,onChange:o,onFocus:s,onBlur:r,disabled:l=!1,type:i="text",className:c},p)=>n.jsx("input",{ref:p,type:i,className:`${kt.textInput} ${c||""}`,placeholder:t,value:e,onChange:_=>o?.(_.target.value),onFocus:s,onBlur:r,disabled:l})),Ft="_selectInput_3f04b_1",Lt={selectInput:Ft},Wt=a.forwardRef(({className:t,children:e,...o},s)=>n.jsx("select",{ref:s,className:`${Lt.selectInput} ${t||""}`,...o,children:e})),Kt="_button_g5rur_1",Gt="_secondary_g5rur_27",T={button:Kt,secondary:Gt};function Jt({disabled:t=!1,type:e="primary",onClick:o,children:s}){return n.jsx("button",{className:`${T.button} ${e=="secondary"?T.secondary:""}`,onClick:o,disabled:t,children:s})}const Qt="_balloon_1jdjr_1",Ut="_balloonOpen_1jdjr_22",h={balloon:Qt,balloonOpen:Ut};function Xt({open:t,x:e,y:o,children:s,className:r,style:l,...i}){const c={};typeof e=="number"&&(c.left=e),typeof o=="number"&&(c.top=o);const p=[h.balloon,t?h.balloonOpen:"",r??""].filter(Boolean).join(" ");return n.jsx("div",{...i,className:p,style:{...l,...c},children:s})}exports.AppShell=B;exports.Balloon=Xt;exports.Button=Jt;exports.Card=qt;exports.Content=Ct;exports.ContextMenu=St;exports.EmptyView=wt;exports.Icon=N;exports.ListItem=Pt;exports.Popup=Q;exports.PopupActions=it;exports.PopupButton=pt;exports.PopupDescription=et;exports.PopupInput=st;exports.PopupTitle=Y;exports.SelectInput=Wt;exports.Sidebar=z;exports.SidebarButton=L;exports.SidebarItem=k;exports.SidebarTitle=O;exports.TextInput=Ht;exports.Toolbar=bt;exports.ToolbarActions=$t;exports.ToolbarButton=M;exports.ToolbarExpandSidebarButton=It;exports.ToolbarTitle=xt;

package/dist/htmlos-ui.js

@@ -0,0 +1,468 @@
+(function(){"use strict";try{if(typeof document<"u"){var r=document.createElement("style");r.appendChild(document.createTextNode(`:root{--accent: #0088ff;--button-primary-bg: var(--accent);--button-primary-bg-hover: color-mix(in srgb, var(--accent), black 15%);--button-primary-bg-active: color-mix(in srgb, var(--accent), black 30%);--button-secondary-bg-hover: color-mix(in srgb, var(--accent), white 90%);--button-secondary-bg-active: color-mix(in srgb, var(--accent), white 90%);--button-disabled-bg: color-mix(in srgb, var(--accent), white 60%);--text-disabled: color-mix(in srgb, var(--text-primary), white 40%);--icon-color: var(--accent);--border-color: #0000001a;--surface-bg: #ffffff7a;--surface-bg-hover: #ffffffa1;--surface-bg-active: #ffffffd5;--card-bg: #e5e5e5;--card-bg-secondary: #f5f5f5;--overlay-bg: rgba(0, 0, 0, .4);--muted-bg: rgba(0, 0, 0, .06);--text-primary: #000000;--text-secondary: #8b8b8b;--text-inverse: #ffffff;--sidebar-width: 200px}[data-theme=dark]{--button-secondary-bg-hover: #252628;--button-secondary-bg-active: #2b2f35;--button-disabled-bg: color-mix(in srgb, var(--accent), black 60%);--text-disabled: color-mix(in srgb, var(--text-primary), black 40%);--surface-bg: #1e1e1e7a;--surface-bg-hover: #2a2a2aa1;--surface-bg-active: #3a3a3ad5;--card-bg: #1d1d1d;--card-bg-secondary: #2a2a2a;--overlay-bg: rgba(255, 255, 255, .4);--muted-bg: rgba(255, 255, 255, .12);--text-primary: #ffffff;--text-inverse: #000000;--text-secondary: #b3b3b3}body{color:var(--text-primary);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}[device-type=mobile] body{background-color:var(--card-bg-secondary)!important}*,*:before,*:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-tap-highlight-color:rgba(0,0,0,0)}._sidebar_yoln4_1{width:var(--sidebar-width);background-color:var(--surface-bg);position:absolute;top:0;bottom:5px;height:auto;left:5px;border-radius:9px;transition:left .3s;display:flex;flex-direction:column;z-index:999;border:solid 1px var(--border-color);transform:translate(0)}._sidebarCollapsed_yoln4_18{left:calc(-1 * var(--sidebar-width) - 10px)}[device-type=mobile] ._sidebar_yoln4_1._sidebarMobile_yoln4_22{position:absolute;inset:0;width:auto;height:auto;border-radius:0;transition:transform .25s ease;background-color:var(--card-bg)}[device-type=mobile] ._sidebar_yoln4_1._sidebarMobile_yoln4_22._sidebarMobileHidden_yoln4_35{transform:translate(-105%)}._sidebarContent_yoln4_39{height:100%;padding:0 4px;display:flex;flex-direction:column;overflow-y:auto;gap:2px}._sidebarFooter_yoln4_48{padding:4px}._sidebarTitle_azx8n_1{font-size:.8rem;font-weight:600;margin:8px 8px 8px 4px;color:var(--text-secondary)}[device-type=mobile] ._sidebarTitle_azx8n_1{font-size:1.2rem}._sidebarItem_1e3ru_1{padding:6px;transition:background-color .1s;border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;flex-direction:row;justify-content:start;align-items:center;gap:8px}[device-type=mobile] ._sidebarItem_1e3ru_1{font-size:1.4rem}._sidebarItem_1e3ru_1:hover{background-color:var(--surface-bg-hover)}._sidebarItem_1e3ru_1._selected_1e3ru_22{background-color:var(--surface-bg-active);color:var(--icon-color)}._sidebarMainBtn_65l8c_1{width:calc(100% - 8px);background-color:var(--button-primary-bg);border:none;outline:none;color:var(--text-inverse);border-radius:5px;height:32px;margin:4px;font-weight:600;font-size:.9rem;transition:background-color .2s;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:8px;cursor:pointer}[device-type=mobile] ._sidebarMainBtn_65l8c_1{font-size:1.4rem;height:48px}._sidebarMainBtn_65l8c_1:hover{background-color:var(--button-primary-bg-hover)}._sidebarMainBtn_65l8c_1:active{background-color:var(--button-primary-bg-active)}._popupContainer_vz8rg_1{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--overlay-bg);z-index:9999;display:flex;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:1;transition:.2s;pointer-events:auto}._popupClosed_vz8rg_18{opacity:0;pointer-events:none}._popup_vz8rg_1{background-color:var(--card-bg);border-radius:8px;padding:12px;width:300px;height:auto;display:flex;flex-direction:column;justify-content:space-between;gap:12px}._popupIconContainer_vz8rg_35{display:flex;justify-content:center}._popupIcon_vz8rg_35{color:var(--icon-color)}._popupContent_vz8rg_44{display:flex;flex-direction:column;gap:8px}._popupTitle_4z5vb_1{margin:0;text-align:center;font-size:large;font-weight:700}[device-type=mobile] ._popupTitle_4z5vb_1{font-size:1.4rem}._popupDescription_4ewx1_1{text-align:center}[device-type=mobile] ._popupDescription_4ewx1_1{font-size:1.4rem}._popupInput_1b42s_1{width:100%;height:32px;background-color:var(--muted-bg);border:none;border-radius:5px;padding:4px 8px;font-size:1rem;color:var(--text-primary)}[device-type=mobile] ._popupInput_1b42s_1{font-size:1.4rem;height:48px}._popupActions_84v2b_1{display:flex;gap:8px}._popupBtn_ouvtc_1{width:100%;height:32px;border:none;border-radius:5px;font-weight:600;font-size:.9rem;background-color:var(--button-primary-bg);transition:background-color .2s;color:var(--text-inverse);cursor:pointer}[device-type=mobile] ._popupBtn_ouvtc_1{font-size:1.4rem;height:48px}._popupBtn_ouvtc_1:hover{background-color:var(--button-primary-bg-hover)}._popupBtn_ouvtc_1:active{background-color:var(--button-primary-bg-active)}._popupBtn_ouvtc_1._secondary_ouvtc_27{background-color:transparent;color:var(--text-primary);border:solid 1px var(--button-primary-bg);font-weight:400}._popupBtn_ouvtc_1._secondary_ouvtc_27:hover{background-color:var(--button-secondary-bg-hover)}._popupBtn_ouvtc_1._secondary_ouvtc_27:active{background-color:var(--button-secondary-bg-active)}._toolbar_18bqr_1{position:absolute;top:0;left:calc(var(--sidebar-width) + 10px);width:calc(100% - calc(var(--sidebar-width) + 15px));height:32px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;transition:left .3s,width .3s}[device-type=mobile] ._toolbar_18bqr_1{top:5px;height:48px}._toolbarExpanded_18bqr_21{left:5px;width:calc(100% - 10px)}._toolbarTitle_18bqr_26{margin:0;font-size:1rem;font-weight:600}._toolbarActions_18bqr_32{background-color:var(--surface-bg);border-radius:16px;display:flex;flex-direction:row}._toolbarActions_18bqr_32 button{width:32px;height:32px;background-color:transparent;border:none;outline:none;color:var(--icon-color);cursor:pointer}[device-type=mobile] ._toolbarTitle_1p2s8_1{font-size:1.4rem}._toolbarActions_l0jv2_1{background-color:var(--surface-bg);border-radius:16px;display:flex;flex-direction:row}[device-type=mobile] ._toolbarActions_l0jv2_1{border-radius:24px}._toolbarActions_l0jv2_1 button{background-color:transparent}._toolbarBtn_8jy1b_1{width:32px;height:32px;border:none;outline:none;padding:0;display:flex;justify-content:center;align-items:center;background-color:var(--surface-bg);border-radius:16px;color:var(--icon-color);transition:background-color .2s;cursor:pointer}._toolbarBtn_8jy1b_1:hover{background-color:var(--surface-bg-hover)}._toolbarBtn_8jy1b_1:active{background-color:var(--surface-bg-active)}[device-type=mobile] ._toolbarBtn_8jy1b_1{width:48px;height:48px;border-radius:24px}._sidebarIcon_1lib1_1{rotate:0deg;transition:rotate .3s}._sidebarIconExpanded_1lib1_6{rotate:180deg}._content_1ha8s_1{position:absolute;top:37px;left:calc(var(--sidebar-width) + 10px);height:calc(100% - 37px);width:calc(100% - calc(var(--sidebar-width) + 15px));transition:left .3s,width .3s;display:flex;flex-direction:column;justify-content:start;align-items:start;overflow:auto;padding-bottom:5px}._contentExpanded_1ha8s_18{top:37px;left:5px;width:calc(100% - 10px);height:calc(100% - 37px)}[device-type=mobile] ._content_1ha8s_1{top:58px;height:calc(100% - 58px)}._contextMenu_vtnpl_1{background-color:var(--surface-bg-active);position:fixed;border-radius:9px;transition:opacity .1s,transform .1s;display:flex;flex-direction:column;z-index:9999;border:solid 1px var(--border-color);transform:scale(.7) translate(var(--tx-start)) translateY(var(--ty-start));opacity:0;visibility:hidden;pointer-events:none;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:4px}._contextMenuOpen_vtnpl_22{visibility:visible;pointer-events:auto;transform:scale(1) translate(0) translateY(0);opacity:1}._listItem_7ga7e_1{padding:10px;transition:background-color .1s;border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;flex-direction:row;justify-content:start;align-items:center;gap:8px;width:100%}[device-type=mobile] ._listItem_7ga7e_1{font-size:1.4rem}._listItem_7ga7e_1:hover{background-color:var(--surface-bg-hover)}._listItem_7ga7e_1._selected_7ga7e_23{background-color:var(--surface-bg-active)}._emptyView_1synn_1{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;color:var(--text-secondary)}._card_zjz9h_1{background-color:var(--surface-bg);border-radius:9px;display:flex;flex-direction:column;border:solid 1px var(--border-color);padding:14px;margin:0 8px;width:calc(100% - 16px);gap:8px}._textInput_on5q4_1{width:100%;height:32px;background-color:var(--muted-bg);border:none;border-radius:5px;padding:4px 8px;font-size:.9rem;color:var(--text-primary);transition:background-color .2s}._textInput_on5q4_1:focus{outline:none;background-color:var(--surface-bg)}._textInput_on5q4_1:disabled{opacity:.5;cursor:not-allowed}._textInput_on5q4_1::placeholder{color:var(--text-secondary)}[device-type=mobile] ._textInput_on5q4_1{font-size:1.4rem;height:48px}._selectInput_3f04b_1{height:32px;background-color:var(--muted-bg);border:none;border-radius:5px;padding:4px 32px 4px 8px;font-size:.9rem;color:var(--text-primary);cursor:pointer;transition:background-color .2s;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url('data:image/svg+xml;utf8,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4 6L8 10L12 6" stroke="%23666" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');background-repeat:no-repeat;background-position:right 8px center}._selectInput_3f04b_1:hover{background-color:var(--surface-bg-hover)}._selectInput_3f04b_1:focus{outline:none;background-color:var(--surface-bg)}._selectInput_3f04b_1:disabled{opacity:.5;cursor:not-allowed}[device-type=mobile] ._selectInput_3f04b_1{font-size:1.4rem;height:48px}._button_g5rur_1{width:100%;height:32px;border:none;border-radius:5px;font-weight:600;font-size:.9rem;background-color:var(--button-primary-bg);transition:background-color .2s;color:var(--text-inverse);cursor:pointer}[device-type=mobile] ._button_g5rur_1{font-size:1.4rem;height:48px}._button_g5rur_1:hover{background-color:var(--button-primary-bg-hover)}._button_g5rur_1:active{background-color:var(--button-primary-bg-active)}._button_g5rur_1._secondary_g5rur_27{background-color:transparent;color:var(--text-primary);border:solid 1px var(--button-primary-bg);font-weight:400}._button_g5rur_1._secondary_g5rur_27:hover{background-color:var(--button-secondary-bg-hover)}._button_g5rur_1._secondary_g5rur_27:active{background-color:var(--button-secondary-bg-active)}._button_g5rur_1:disabled{background-color:var(--button-disabled-bg);color:var(--text-disabled);cursor:not-allowed;opacity:.6}._balloon_1jdjr_1{position:fixed;z-index:1000;display:flex;flex-direction:column;width:256px;padding:14px;gap:8px;border-radius:9px;background-color:var(--surface-bg);border:solid 1px var(--border-color);align-items:center;box-sizing:border-box;transform-origin:50% calc(100% + 8px);transform:translate(-50%,calc(-100% - 8px)) scale(.1);filter:opacity(0);transition:.3s;pointer-events:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}._balloonOpen_1jdjr_22{transform:translate(-50%,calc(-100% - 8px)) scale(1);filter:opacity(1);pointer-events:auto}._balloon_1jdjr_1:after{content:"";position:absolute;bottom:-6px;left:50%;transform:translate(-50%) rotate(45deg);width:10px;height:10px;background-color:var(--surface-bg);border-right:solid 1px var(--border-color);border-bottom:solid 1px var(--border-color);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}[device-type=mobile] ._balloon_1jdjr_1{font-size:1.4rem}`)),document.head.appendChild(r)}}catch(o){console.error("vite-plugin-css-injected-by-js",o)}})();
+import { jsx as o, jsxs as y } from "react/jsx-runtime";
+import { createContext as E, useContext as B, useLayoutEffect as g, useRef as m, forwardRef as $, useEffect as D } from "react";
+import { Menu as S } from "lucide-react";
+const C = E({ isMobile: !1 }), u = () => B(C);
+function Pt({
+  isMobile: t,
+  sidebar: e,
+  children: n,
+  accentColor: s = "#0088ff"
+}) {
+  return g(() => {
+    s && document.documentElement.style.setProperty("--accent", s);
+  }, [s]), /* @__PURE__ */ o(C.Provider, { value: { isMobile: t }, children: /* @__PURE__ */ y("div", { children: [
+    /* @__PURE__ */ o("aside", { children: e }),
+    /* @__PURE__ */ o("main", { children: n })
+  ] }) });
+}
+const z = "_sidebar_yoln4_1", j = "_sidebarCollapsed_yoln4_18", A = "_sidebarMobile_yoln4_22", w = "_sidebarMobileHidden_yoln4_35", O = "_sidebarContent_yoln4_39", P = "_sidebarFooter_yoln4_48", p = {
+  sidebar: z,
+  sidebarCollapsed: j,
+  sidebarMobile: A,
+  sidebarMobileHidden: w,
+  sidebarContent: O,
+  sidebarFooter: P
+};
+function Rt({ open: t, footer: e, children: n }) {
+  const { isMobile: s } = u();
+  return /* @__PURE__ */ y(
+    "div",
+    {
+      className: `
+        ${p.sidebar}
+        ${t ? "" : p.sidebarCollapsed}
+        ${s ? p.sidebarMobile : ""}
+        ${!t && s ? p.sidebarMobileHidden : ""}`,
+      children: [
+        /* @__PURE__ */ o("div", { className: p.sidebarContent, children: n }),
+        e && /* @__PURE__ */ o("div", { className: p.sidebarFooter, children: e })
+      ]
+    }
+  );
+}
+const R = "_sidebarTitle_azx8n_1", k = {
+  sidebarTitle: R
+};
+function kt({ children: t }) {
+  return /* @__PURE__ */ o("h2", { className: k.sidebarTitle, children: t });
+}
+const V = "_sidebarItem_1e3ru_1", H = "_selected_1e3ru_22", v = {
+  sidebarItem: V,
+  selected: H
+};
+function Vt({
+  onClick: t,
+  onContextMenu: e,
+  selected: n = !1,
+  children: s
+}) {
+  const r = m(null), l = (c) => {
+    r.current = setTimeout(() => {
+      e && (c.preventDefault(), e(c));
+    }, 500);
+  }, i = () => {
+    r.current && clearTimeout(r.current);
+  };
+  return /* @__PURE__ */ o(
+    "div",
+    {
+      className: `${v.sidebarItem} ${n ? v.selected : ""}`,
+      onClick: t,
+      onContextMenu: (c) => {
+        c.preventDefault(), e && e(c);
+      },
+      onTouchStart: l,
+      onTouchEnd: i,
+      onTouchMove: i,
+      children: s
+    }
+  );
+}
+const q = "_sidebarMainBtn_65l8c_1", F = {
+  sidebarMainBtn: q
+};
+function Ht({ onClick: t, children: e }) {
+  return /* @__PURE__ */ o("button", { className: F.sidebarMainBtn, onClick: t, children: e });
+}
+const L = "_popupContainer_vz8rg_1", W = "_popupClosed_vz8rg_18", K = "_popup_vz8rg_1", G = "_popupContent_vz8rg_44", d = {
+  popupContainer: L,
+  popupClosed: W,
+  popup: K,
+  popupContent: G
+};
+function qt({ open: t = !1, children: e }) {
+  return /* @__PURE__ */ o(
+    "div",
+    {
+      className: `${d.popupContainer} ${t ? "" : d.popupClosed}`,
+      children: /* @__PURE__ */ o("div", { className: d.popup, children: /* @__PURE__ */ o("div", { className: d.popupContent, children: e }) })
+    }
+  );
+}
+const J = "_popupTitle_4z5vb_1", Q = {
+  popupTitle: J
+};
+function Ft({ children: t }) {
+  return /* @__PURE__ */ o("span", { className: Q.popupTitle, children: t });
+}
+const U = "_popupDescription_4ewx1_1", X = {
+  popupDescription: U
+};
+function Lt({ children: t }) {
+  return /* @__PURE__ */ o("span", { className: X.popupDescription, children: t });
+}
+const Y = "_popupInput_1b42s_1", Z = {
+  popupInput: Y
+}, Wt = $(
+  ({ placeholder: t = "Enter text...", value: e, onChange: n, onSubmit: s, autoFocus: r }, l) => {
+    const i = m(null), c = l || i;
+    return D(() => {
+      r && c.current && c.current.focus();
+    }, [r, c]), /* @__PURE__ */ o(
+      "input",
+      {
+        ref: c,
+        type: "text",
+        className: Z.popupInput,
+        placeholder: t,
+        value: e,
+        onChange: (a) => n?.(a.target.value),
+        onKeyDown: (a) => {
+          a.key === "Enter" && s && s(e || "");
+        }
+      }
+    );
+  }
+), tt = "_popupActions_84v2b_1", et = {
+  popupActions: tt
+};
+function Kt({
+  orientation: t = "vertical",
+  children: e
+}) {
+  return /* @__PURE__ */ o(
+    "div",
+    {
+      className: et.popupActions,
+      style: {
+        flexDirection: t == "vertical" ? "column" : "row"
+      },
+      children: e
+    }
+  );
+}
+const nt = "_popupBtn_ouvtc_1", ot = "_secondary_ouvtc_27", x = {
+  popupBtn: nt,
+  secondary: ot
+};
+function Gt({
+  type: t = "primary",
+  onClick: e,
+  children: n
+}) {
+  return /* @__PURE__ */ o(
+    "button",
+    {
+      className: `${x.popupBtn} ${t == "secondary" ? x.secondary : ""}`,
+      onClick: e,
+      children: n
+    }
+  );
+}
+const st = "_toolbar_18bqr_1", ct = "_toolbarExpanded_18bqr_21", _ = {
+  toolbar: st,
+  toolbarExpanded: ct
+};
+function Jt({ expanded: t = !1, children: e }) {
+  const { isMobile: n } = u();
+  return /* @__PURE__ */ o(
+    "div",
+    {
+      className: `${_.toolbar} ${t || n ? _.toolbarExpanded : ""} ${n ? _.toolbarMobile : ""}`,
+      children: e
+    }
+  );
+}
+const rt = "_toolbarTitle_1p2s8_1", it = {
+  toolbarTitle: rt
+};
+function Qt({ children: t }) {
+  return /* @__PURE__ */ o("h3", { className: it.toolbarTitle, children: t });
+}
+const lt = "_toolbarActions_l0jv2_1", at = {
+  toolbarActions: lt
+};
+function Ut({ children: t }) {
+  return /* @__PURE__ */ o("div", { className: at.toolbarActions, children: t });
+}
+const pt = "_toolbarBtn_8jy1b_1", ut = {
+  toolbarBtn: pt
+};
+function dt({ onClick: t, children: e }) {
+  return /* @__PURE__ */ o(
+    "button",
+    {
+      onClick: (n) => {
+        n.preventDefault(), t && t(n);
+      },
+      className: ut.toolbarBtn,
+      children: e
+    }
+  );
+}
+const bt = "_sidebarIcon_1lib1_1", _t = "_sidebarIconExpanded_1lib1_6", h = {
+  sidebarIcon: bt,
+  sidebarIconExpanded: _t
+};
+function Xt({
+  onToggleSidebar: t,
+  expanded: e = !1
+}) {
+  const { isMobile: n } = u();
+  return /* @__PURE__ */ o(dt, { onClick: t, children: /* @__PURE__ */ o(
+    S,
+    {
+      size: n ? 24 : 18,
+      className: `${h.sidebarIcon} ${e ? h.sidebarIconExpanded : ""}`
+    }
+  ) });
+}
+const ft = "_content_1ha8s_1", yt = "_contentExpanded_1ha8s_18", T = {
+  content: ft,
+  contentExpanded: yt
+};
+function Yt({ expanded: t = !1, children: e }) {
+  return /* @__PURE__ */ o(
+    "div",
+    {
+      className: `${T.content} ${t ? T.contentExpanded : ""}`,
+      children: e
+    }
+  );
+}
+const mt = "_contextMenu_vtnpl_1", $t = "_contextMenuOpen_vtnpl_22", f = {
+  contextMenu: mt,
+  contextMenuOpen: $t
+};
+function Zt({
+  open: t,
+  x: e = 20,
+  y: n = 20,
+  from: s = "top-left",
+  children: r
+}) {
+  const { isMobile: l } = u(), i = {
+    "top-left": { tx: "-30%", ty: "-30%" },
+    "top-right": { tx: "30%", ty: "-30%" },
+    "bottom-left": { tx: "-30%", ty: "30%" },
+    "bottom-right": { tx: "30%", ty: "30%" }
+  }, { tx: c, ty: a } = i[s], b = {
+    top: s.includes("top") ? `${n}px` : "auto",
+    bottom: s.includes("bottom") ? `${n}px` : "auto",
+    left: s.includes("left") ? `${e}px` : "auto",
+    right: s.includes("right") ? `${e}px` : "auto",
+    "--tx-start": c,
+    "--ty-start": a
+  };
+  return /* @__PURE__ */ o(
+    "div",
+    {
+      className: `
+        ${f.contextMenu}
+        ${t ? f.contextMenuOpen : ""}
+        ${l ? f.contextMenuMobile : ""}
+        `,
+      style: b,
+      children: r
+    }
+  );
+}
+const vt = "_listItem_7ga7e_1", xt = "_selected_7ga7e_23", I = {
+  listItem: vt,
+  selected: xt
+};
+function te({
+  onClick: t,
+  onContextMenu: e,
+  selected: n = !1,
+  children: s
+}) {
+  const r = m(null), l = (c) => {
+    r.current = setTimeout(() => {
+      e && (c.preventDefault(), e(c));
+    }, 500);
+  }, i = () => {
+    r.current && clearTimeout(r.current);
+  };
+  return /* @__PURE__ */ o(
+    "div",
+    {
+      className: `${I.listItem} ${n ? I.selected : ""}`,
+      onClick: t,
+      onContextMenu: (c) => {
+        c.preventDefault(), e && e(c);
+      },
+      onTouchStart: l,
+      onTouchEnd: i,
+      onTouchMove: i,
+      children: s
+    }
+  );
+}
+function ht({
+  icon: t,
+  size: e = "default",
+  color: n = "default",
+  className: s
+}) {
+  const { isMobile: r } = u(), l = e === "default" ? r ? 24 : 18 : e, i = n === "selected" ? "var(--icon-color)" : n;
+  return n === "default" ? /* @__PURE__ */ o(
+    t,
+    {
+      size: l,
+      className: s,
+      strokeWidth: r ? 2.5 : 2
+    }
+  ) : /* @__PURE__ */ o(
+    t,
+    {
+      size: l,
+      color: i,
+      className: s,
+      strokeWidth: r ? 2.5 : 2
+    }
+  );
+}
+const Tt = "_emptyView_1synn_1", It = {
+  emptyView: Tt
+};
+function ee({ icon: t, label: e }) {
+  const { isMobile: n } = u(), s = n ? 64 : 48;
+  return /* @__PURE__ */ y("div", { className: It.emptyView, children: [
+    /* @__PURE__ */ o(ht, { icon: t, size: s, color: "var(--text-secondary)" }),
+    /* @__PURE__ */ o("h2", { children: e })
+  ] });
+}
+const Mt = "_card_zjz9h_1", Nt = {
+  card: Mt
+};
+function ne({ children: t }) {
+  return /* @__PURE__ */ o("div", { className: Nt.card, children: t });
+}
+const Ct = "_textInput_on5q4_1", Et = {
+  textInput: Ct
+}, oe = $(
+  ({
+    placeholder: t,
+    value: e,
+    onChange: n,
+    onFocus: s,
+    onBlur: r,
+    disabled: l = !1,
+    type: i = "text",
+    className: c
+  }, a) => /* @__PURE__ */ o(
+    "input",
+    {
+      ref: a,
+      type: i,
+      className: `${Et.textInput} ${c || ""}`,
+      placeholder: t,
+      value: e,
+      onChange: (b) => n?.(b.target.value),
+      onFocus: s,
+      onBlur: r,
+      disabled: l
+    }
+  )
+), Bt = "_selectInput_3f04b_1", gt = {
+  selectInput: Bt
+}, se = $(
+  ({ className: t, children: e, ...n }, s) => /* @__PURE__ */ o(
+    "select",
+    {
+      ref: s,
+      className: `${gt.selectInput} ${t || ""}`,
+      ...n,
+      children: e
+    }
+  )
+), Dt = "_button_g5rur_1", St = "_secondary_g5rur_27", M = {
+  button: Dt,
+  secondary: St
+};
+function ce({
+  disabled: t = !1,
+  type: e = "primary",
+  onClick: n,
+  children: s
+}) {
+  return /* @__PURE__ */ o(
+    "button",
+    {
+      className: `${M.button} ${e == "secondary" ? M.secondary : ""}`,
+      onClick: n,
+      disabled: t,
+      children: s
+    }
+  );
+}
+const zt = "_balloon_1jdjr_1", jt = "_balloonOpen_1jdjr_22", N = {
+  balloon: zt,
+  balloonOpen: jt
+};
+function re({
+  open: t,
+  x: e,
+  y: n,
+  children: s,
+  className: r,
+  style: l,
+  ...i
+}) {
+  const c = {};
+  typeof e == "number" && (c.left = e), typeof n == "number" && (c.top = n);
+  const a = [
+    N.balloon,
+    t ? N.balloonOpen : "",
+    r ?? ""
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ o(
+    "div",
+    {
+      ...i,
+      className: a,
+      style: { ...l, ...c },
+      children: s
+    }
+  );
+}
+export {
+  Pt as AppShell,
+  re as Balloon,
+  ce as Button,
+  ne as Card,
+  Yt as Content,
+  Zt as ContextMenu,
+  ee as EmptyView,
+  ht as Icon,
+  te as ListItem,
+  qt as Popup,
+  Kt as PopupActions,
+  Gt as PopupButton,
+  Lt as PopupDescription,
+  Wt as PopupInput,
+  Ft as PopupTitle,
+  se as SelectInput,
+  Rt as Sidebar,
+  Ht as SidebarButton,
+  Vt as SidebarItem,
+  kt as SidebarTitle,
+  oe as TextInput,
+  Jt as Toolbar,
+  Ut as ToolbarActions,
+  dt as ToolbarButton,
+  Xt as ToolbarExpandSidebarButton,
+  Qt as ToolbarTitle
+};

package/dist/index.d.ts

@@ -0,0 +1,27 @@
+export * from './components/AppShell/AppShell';
+export * from './components/Sidebar/Sidebar';
+export * from './components/SidebarTitle/SidebarTitle';
+export * from './components/SidebarItem/SidebarItem';
+export * from './components/SidebarButton/SidebarButton';
+export * from './components/Popup/Popup';
+export * from './components/PopupTitle/PopupTitle';
+export * from './components/PopupDescription/PopupDescription';
+export * from './components/PopupInput/PopupInput';
+export * from './components/PopupActions/PopupActions';
+export * from './components/PopupButton/PopupButton';
+export * from './components/Toolbar/Toolbar';
+export * from './components/ToolbarTitle/ToolbarTitle';
+export * from './components/ToolbarActions/ToolbarActions';
+export * from './components/ToolbarButton/ToolbarButton';
+export * from './components/ToolbarExpandSidebarButton/ToolbarExpandSidebarButton';
+export * from './components/Content/Content';
+export * from './components/ContextMenu/ContextMenu';
+export * from './components/ListItem/ListItem';
+export * from './components/Icon/Icon';
+export * from './components/EmptyView/EmptyView';
+export * from './components/Card/Card';
+export * from './components/TextInput/TextInput';
+export * from './components/SelectInput/SelectInput';
+export * from './components/Button/Button';
+export * from './components/Balloon/Balloon';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,qBAAqB,CAAC;AAE7B,cAAc,gCAAgC,CAAC;AAE/C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,wCAAwC,CAAC;AACvD,cAAc,sCAAsC,CAAC;AACrD,cAAc,0CAA0C,CAAC;AAEzD,cAAc,0BAA0B,CAAC;AACzC,cAAc,oCAAoC,CAAC;AACnD,cAAc,gDAAgD,CAAC;AAC/D,cAAc,oCAAoC,CAAC;AACnD,cAAc,wCAAwC,CAAC;AACvD,cAAc,sCAAsC,CAAC;AAErD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,wCAAwC,CAAC;AACvD,cAAc,4CAA4C,CAAC;AAC3D,cAAc,0CAA0C,CAAC;AACzD,cAAc,oEAAoE,CAAC;AAEnF,cAAc,8BAA8B,CAAC;AAE7C,cAAc,sCAAsC,CAAC;AAErD,cAAc,gCAAgC,CAAC;AAE/C,cAAc,wBAAwB,CAAC;AAEvC,cAAc,kCAAkC,CAAC;AAEjD,cAAc,wBAAwB,CAAC;AAEvC,cAAc,kCAAkC,CAAC;AAEjD,cAAc,sCAAsC,CAAC;AAErD,cAAc,4BAA4B,CAAC;AAE3C,cAAc,8BAA8B,CAAC"}

package/package.json

@@ -0,0 +1,48 @@
+{
+  "name": "@htmlos-next/ui",
+  "version": "0.0.0",
+  "type": "module",
+  "main": "./dist/htmlos-ui.cjs",
+  "module": "./dist/htmlos-ui.js",
+  "types": "./dist/index.d.ts",
+  "publishConfig": {
+    "access": "public"
+  },
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/htmlos-ui.js",
+      "require": "./dist/htmlos-ui.cjs"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc -p tsconfig.json && vite build",
+    "preview": "vite preview"
+  },
+  "peerDependencies": {
+    "lucide-react": "^0.564.0",
+    "react": ">=18",
+    "react-dom": ">=18"
+  },
+  "devDependencies": {
+    "@eslint/js": "^9.39.1",
+    "@types/node": "^24.10.1",
+    "@types/react": "^19.2.7",
+    "@types/react-dom": "^19.2.3",
+    "@vitejs/plugin-react": "^5.1.1",
+    "eslint": "^9.39.1",
+    "eslint-plugin-react-hooks": "^7.0.1",
+    "eslint-plugin-react-refresh": "^0.4.24",
+    "globals": "^16.5.0",
+    "lucide-react": "^0.564.0",
+    "typescript": "~5.9.3",
+    "typescript-eslint": "^8.14.0",
+    "vite": "^7.3.1",
+    "vite-plugin-css-injected-by-js": "^3.5.2",
+    "vite-plugin-dts": "^4.5.4"
+  }
+}