@salimdellali/ui 0.4.0-alpha.1

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Salim Dellali
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,22 @@
+# CODING AGENTS: READ THIS FIRST
+
+This is a **handoff bundle** from Claude Design (claude.ai/design).
+
+A user mocked up designs in HTML/CSS/JS using an AI design tool, then exported this bundle so a coding agent can implement the designs for real.
+
+## What you should do — IMPORTANT
+
+**Find the primary design file under `salim-dellali-design-system/project/` and read it top to bottom.** Then **follow its imports**: open every file it pulls in (shared components, CSS, scripts) so you understand how the pieces fit together before you start implementing.
+
+**If anything is ambiguous, ask the user to confirm before you start implementing.** It's much cheaper to clarify scope up front than to build the wrong thing.
+
+## About the design files
+
+The design medium is **HTML/CSS/JS** — these are prototypes, not production code. Your job is to **recreate them pixel-perfectly** in whatever technology makes sense for the target codebase (React, Vue, native, whatever fits). Match the visual output; don't copy the prototype's internal structure unless it happens to fit.
+
+**Don't render these files in a browser or take screenshots unless the user asks you to.** Everything you need — dimensions, colors, layout rules — is spelled out in the source. Read the HTML and CSS directly; a screenshot won't tell you anything they don't.
+
+## Bundle contents
+
+- `salim-dellali-design-system/README.md` — this file
+- `salim-dellali-design-system/project/` — the `Salim Dellali Design System` project files (HTML prototypes, assets, components)

package/dist/index.cjs.js

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});let e=require("react/jsx-runtime");var t=({className:t=``,...n})=>(0,e.jsx)(`h1`,{className:`sd-h1 ${t}`.trim(),...n});exports.H1=t;

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+export * from './src/index'
+export {}

package/dist/index.es.js

@@ -0,0 +1,8 @@
+import { jsx as e } from "react/jsx-runtime";
+//#region src/components/atoms/typography/H1/H1.tsx
+var t = ({ className: t = "", ...n }) => /* @__PURE__ */ e("h1", {
+	className: `sd-h1 ${t}`.trim(),
+	...n
+});
+//#endregion
+export { t as H1 };

package/dist/src/components/atoms/index.d.ts

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

package/dist/src/components/atoms/typography/H1/H1.d.ts

@@ -0,0 +1,2 @@
+import { HTMLAttributes } from 'react';
+export declare const H1: ({ className, ...rest }: HTMLAttributes<HTMLHeadingElement>) => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/atoms/typography/H1/index.d.ts

@@ -0,0 +1 @@
+export { H1 } from './H1';

package/dist/src/components/atoms/typography/index.d.ts

@@ -0,0 +1 @@
+export { H1 } from './H1';

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

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

package/dist/src/index.d.ts

@@ -0,0 +1 @@
+export { H1 } from './components/atoms/typography/H1';