react-wip-ui 1.0.0

package/README.md

@@ -0,0 +1,155 @@
+# react-wip-ui
+
+Production-ready UI components for marking features as "Work In Progress" (WIP). Designed for modern React ecosystems and compatible with Next.js App Router.
+
+## Features
+
+- Beautiful default theme with a warm minimal visual style.
+- Server-friendly visual components for `Ribbon`, `Badge`, `Overlay`, and `Block`.
+- Separate client entry for `WIP`, `Modal`, `Banner`, `WIPProvider`, and `useWIP`.
+- Lightweight with a single bundled stylesheet.
+- Accessible basics including Escape handling, dialog semantics, and ARIA labels.
+
+## Installation
+
+```bash
+npm install react-wip-ui
+```
+
+This package expects `react` and `react-dom` as peer dependencies.
+
+## Setup
+
+Import the stylesheet once near the root of your app:
+
+```tsx
+import 'react-wip-ui/styles.css';
+```
+
+Server-friendly visual components can be imported from the root package:
+
+```tsx
+import { Badge, Ribbon, Overlay, Block } from 'react-wip-ui';
+```
+
+Interactive and stateful exports live under the client entry:
+
+```tsx
+"use client";
+
+import { WIP, WIPProvider, Modal, Banner, useWIP } from 'react-wip-ui/client';
+```
+
+## Global Configuration
+
+Wrap your app with `<WIPProvider>` if you want to change the default variant, theme, or disable all WIP UI globally.
+
+```tsx
+import { WIP, WIPProvider } from 'react-wip-ui/client';
+
+function App({ children }) {
+  return (
+    <WIPProvider theme="light" defaultVariant="overlay" globalDisabled={false}>
+      {children}
+    </WIPProvider>
+  );
+}
+```
+
+## Root Components
+
+### Ribbon
+
+```tsx
+import { Ribbon } from 'react-wip-ui';
+
+<Ribbon position="top-right" text="BETA" variant="outline" />
+```
+
+### Overlay
+
+```tsx
+import { Overlay } from 'react-wip-ui';
+
+<Overlay message="Coming Soon">
+  <BillingSection />
+</Overlay>
+```
+
+### Badge
+
+```tsx
+import { Badge } from 'react-wip-ui';
+
+<Badge>
+  <button disabled>Pro Feature</button>
+</Badge>
+```
+
+### Block
+
+```tsx
+import { Block } from 'react-wip-ui';
+
+<Block>
+  <SubscriptionForm />
+</Block>
+```
+
+## Client Components
+
+### WIP Wrapper
+
+```tsx
+"use client";
+
+import { WIP } from 'react-wip-ui/client';
+
+<WIP when={isFeaturePending}>
+  <NewDashboard />
+</WIP>
+```
+
+### Modal
+
+```tsx
+"use client";
+
+import { Modal } from 'react-wip-ui/client';
+
+<Modal
+  isOpen={showModal}
+  onClose={() => setShowModal(false)}
+  title="Feature Under Construction"
+  description="This module is not ready yet."
+/>
+```
+
+### Banner
+
+```tsx
+"use client";
+
+import { Banner } from 'react-wip-ui/client';
+
+<Banner message="Our store is currently under maintenance." dismissible />
+```
+
+## Programmatic Control
+
+The `useWIP()` hook reads the current config. Without a provider, it falls back to the built-in defaults.
+
+```tsx
+"use client";
+
+import { useWIP } from 'react-wip-ui/client';
+
+function CheckStatus() {
+  const { globalDisabled, theme } = useWIP();
+  return <div>Active Theme: {theme}</div>;
+}
+```
+
+## License
+
+MIT

package/dist/chunk-46OHJMTB.mjs

@@ -0,0 +1,67 @@
+import { Construction } from 'lucide-react';
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
+
+// src/components/Overlay.tsx
+var Overlay = ({
+  children,
+  message = "Under Construction",
+  className = "",
+  disabled = false,
+  ...props
+}) => {
+  if (disabled) {
+    return /* @__PURE__ */ jsx(Fragment, { children });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: `rwip-overlay-container ${className}`, ...props, children: [
+    children,
+    /* @__PURE__ */ jsx("div", { className: "rwip-overlay", "aria-hidden": "true", children: /* @__PURE__ */ jsxs("div", { className: "rwip-overlay-message", children: [
+      /* @__PURE__ */ jsx(Construction, { size: 18 }),
+      /* @__PURE__ */ jsx("span", { children: message })
+    ] }) })
+  ] });
+};
+var Block = ({
+  children,
+  className = "",
+  disabled = false,
+  ...props
+}) => {
+  if (disabled) {
+    return /* @__PURE__ */ jsx(Fragment, { children });
+  }
+  return /* @__PURE__ */ jsx("div", { className: `rwip-block ${className}`, "aria-disabled": "true", ...props, children });
+};
+var Badge = ({
+  text = "WIP",
+  className = "",
+  disabled = false,
+  ...props
+}) => {
+  if (disabled) return null;
+  return /* @__PURE__ */ jsxs("span", { className: "rwip-badge-wrapper", title: "Work in Progress", children: [
+    props.children,
+    /* @__PURE__ */ jsx("span", { className: `rwip-badge ${className}`, ...props, children: text })
+  ] });
+};
+var Ribbon = ({
+  position = "top-right",
+  text = "WIP",
+  variant = "solid",
+  className = "",
+  disabled = false,
+  ...props
+}) => {
+  if (disabled) return null;
+  return /* @__PURE__ */ jsx("div", { className: "rwip-ribbon-container", children: /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: `rwip-ribbon ${position} ${variant} ${className}`,
+      ...props,
+      children: text
+    }
+  ) });
+};
+
+export { Badge, Block, Overlay, Ribbon };
+//# sourceMappingURL=chunk-46OHJMTB.mjs.map
+//# sourceMappingURL=chunk-46OHJMTB.mjs.map

package/dist/chunk-46OHJMTB.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Overlay.tsx","../src/components/Block.tsx","../src/components/Badge.tsx","../src/components/Ribbon.tsx"],"names":["jsx","Fragment","jsxs"],"mappings":";;;;AASO,IAAM,UAAkC,CAAC;AAAA,EAC9C,QAAA;AAAA,EACA,OAAA,GAAU,oBAAA;AAAA,EACV,SAAA,GAAY,EAAA;AAAA,EACZ,QAAA,GAAW,KAAA;AAAA,EACX,GAAG;AACL,CAAA,KAAM;AACJ,EAAA,IAAI,QAAA,EAAU;AACZ,IAAA,uCAAU,QAAA,EAAS,CAAA;AAAA,EACrB;AAEA,EAAA,4BACG,KAAA,EAAA,EAAI,SAAA,EAAW,0BAA0B,SAAS,CAAA,CAAA,EAAK,GAAG,KAAA,EACxD,QAAA,EAAA;AAAA,IAAA,QAAA;AAAA,oBACD,GAAA,CAAC,SAAI,SAAA,EAAU,cAAA,EAAe,eAAY,MAAA,EACxC,QAAA,kBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,sBAAA,EACb,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,YAAA,EAAA,EAAa,MAAM,EAAA,EAAI,CAAA;AAAA,sBACxB,GAAA,CAAC,UAAM,QAAA,EAAA,OAAA,EAAQ;AAAA,KAAA,EACjB,CAAA,EACF;AAAA,GAAA,EACF,CAAA;AAEJ;ACxBO,IAAM,QAA8B,CAAC;AAAA,EAC1C,QAAA;AAAA,EACA,SAAA,GAAY,EAAA;AAAA,EACZ,QAAA,GAAW,KAAA;AAAA,EACX,GAAG;AACL,CAAA,KAAM;AACJ,EAAA,IAAI,QAAA,EAAU;AACZ,IAAA,uBAAOA,GAAAA,CAAAC,QAAAA,EAAA,EAAG,QAAA,EAAS,CAAA;AAAA,EACrB;AAEA,EAAA,uBACED,GAAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,CAAA,WAAA,EAAc,SAAS,CAAA,CAAA,EAAI,eAAA,EAAc,MAAA,EAAQ,GAAG,KAAA,EACjE,QAAA,EACH,CAAA;AAEJ;ACdO,IAAM,QAA8B,CAAC;AAAA,EAC1C,IAAA,GAAO,KAAA;AAAA,EACP,SAAA,GAAY,EAAA;AAAA,EACZ,QAAA,GAAW,KAAA;AAAA,EACX,GAAG;AACL,CAAA,KAAM;AACJ,EAAA,IAAI,UAAU,OAAO,IAAA;AAErB,EAAA,uBACEE,IAAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,oBAAA,EAAqB,OAAM,kBAAA,EACxC,QAAA,EAAA;AAAA,IAAA,KAAA,CAAM,QAAA;AAAA,oBACPF,IAAC,MAAA,EAAA,EAAK,SAAA,EAAW,cAAc,SAAS,CAAA,CAAA,EAAK,GAAG,KAAA,EAC7C,QAAA,EAAA,IAAA,EACH;AAAA,GAAA,EACF,CAAA;AAEJ;ACdO,IAAM,SAAgC,CAAC;AAAA,EAC5C,QAAA,GAAW,WAAA;AAAA,EACX,IAAA,GAAO,KAAA;AAAA,EACP,OAAA,GAAU,OAAA;AAAA,EACV,SAAA,GAAY,EAAA;AAAA,EACZ,QAAA,GAAW,KAAA;AAAA,EACX,GAAG;AACL,CAAA,KAAM;AACJ,EAAA,IAAI,UAAU,OAAO,IAAA;AAErB,EAAA,uBACEA,GAAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,yBACb,QAAA,kBAAAA,GAAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,WAAW,CAAA,YAAA,EAAe,QAAQ,CAAA,CAAA,EAAI,OAAO,IAAI,SAAS,CAAA,CAAA;AAAA,MACzD,GAAG,KAAA;AAAA,MAEH,QAAA,EAAA;AAAA;AAAA,GACH,EACF,CAAA;AAEJ","file":"chunk-46OHJMTB.mjs","sourcesContent":["import React, { HTMLAttributes } from 'react';\nimport { Construction } from 'lucide-react';\n\nexport interface OverlayProps extends HTMLAttributes<HTMLDivElement> {\n  message?: string;\n  className?: string;\n  disabled?: boolean;\n}\n\nexport const Overlay: React.FC<OverlayProps> = ({ \n  children, \n  message = 'Under Construction', \n  className = '',\n  disabled = false,\n  ...props \n}) => {\n  if (disabled) {\n    return <>{children}</>;\n  }\n\n  return (\n    <div className={`rwip-overlay-container ${className}`} {...props}>\n      {children}\n      <div className=\"rwip-overlay\" aria-hidden=\"true\">\n        <div className=\"rwip-overlay-message\">\n          <Construction size={18} />\n          <span>{message}</span>\n        </div>\n      </div>\n    </div>\n  );\n};\n","import React, { HTMLAttributes } from 'react';\n\nexport interface BlockProps extends HTMLAttributes<HTMLDivElement> {\n  className?: string;\n  disabled?: boolean;\n}\n\nexport const Block: React.FC<BlockProps> = ({ \n  children, \n  className = '',\n  disabled = false,\n  ...props \n}) => {\n  if (disabled) {\n    return <>{children}</>;\n  }\n\n  return (\n    <div className={`rwip-block ${className}`} aria-disabled=\"true\" {...props}>\n      {children}\n    </div>\n  );\n};\n","import React, { HTMLAttributes } from 'react';\n\nexport interface BadgeProps extends HTMLAttributes<HTMLSpanElement> {\n  text?: string;\n  className?: string;\n  disabled?: boolean;\n}\n\nexport const Badge: React.FC<BadgeProps> = ({ \n  text = 'WIP', \n  className = '',\n  disabled = false,\n  ...props \n}) => {\n  if (disabled) return null;\n\n  return (\n    <span className=\"rwip-badge-wrapper\" title=\"Work in Progress\">\n      {props.children}\n      <span className={`rwip-badge ${className}`} {...props}>\n        {text}\n      </span>\n    </span>\n  );\n};\n","import React, { HTMLAttributes } from 'react';\n\nexport interface RibbonProps extends HTMLAttributes<HTMLDivElement> {\n  position?: 'top-left' | 'top-right';\n  text?: string;\n  variant?: 'solid' | 'outline';\n  className?: string;\n  disabled?: boolean;\n}\n\nexport const Ribbon: React.FC<RibbonProps> = ({ \n  position = 'top-right', \n  text = 'WIP', \n  variant = 'solid',\n  className = '',\n  disabled = false,\n  ...props \n}) => {\n  if (disabled) return null;\n\n  return (\n    <div className=\"rwip-ribbon-container\">\n      <div \n        className={`rwip-ribbon ${position} ${variant} ${className}`} \n        {...props}\n      >\n        {text}\n      </div>\n    </div>\n  );\n};\n"]}

package/dist/client.d.ts

@@ -0,0 +1,27 @@
+import { Badge } from './components/Badge';
+import { Ribbon } from './components/Ribbon';
+import { Overlay } from './components/Overlay';
+import { Block } from './components/Block';
+import { Modal } from './components/Modal';
+import { Banner } from './components/Banner';
+import { WIPProvider } from './provider/WIPProvider';
+import { useWIP } from './hooks/useWIP';
+export declare const WIP: import("react").FC<import("./components/WIPWrapper").WIPWrapperProps> & {
+    Badge: import("react").FC<import("./components/Badge").BadgeProps>;
+    Ribbon: import("react").FC<import("./components/Ribbon").RibbonProps>;
+    Overlay: import("react").FC<import("./components/Overlay").OverlayProps>;
+    Block: import("react").FC<import("./components/Block").BlockProps>;
+    Modal: import("react").FC<import("./components/Modal").ModalProps>;
+    Banner: import("react").FC<import("./components/Banner").BannerProps>;
+    Provider: typeof WIPProvider;
+};
+export { Badge, Ribbon, Overlay, Block, Modal, Banner, WIPProvider, useWIP, };
+export type { WIPConfig, WIPTheme, WIPVariant } from './provider/WIPProvider';
+export type { BadgeProps } from './components/Badge';
+export type { RibbonProps } from './components/Ribbon';
+export type { OverlayProps } from './components/Overlay';
+export type { BlockProps } from './components/Block';
+export type { ModalProps } from './components/Modal';
+export type { BannerProps } from './components/Banner';
+export type { WIPWrapperProps } from './components/WIPWrapper';
+//# sourceMappingURL=client.d.ts.map

package/dist/client.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"client.d.ts","sourceRoot":"","sources":["../src/client.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AACrD,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAExC,eAAO,MAAM,GAAG;;;;;;;;CAQd,CAAC;AAEH,OAAO,EACL,KAAK,EACL,MAAM,EACN,OAAO,EACP,KAAK,EACL,KAAK,EACL,MAAM,EACN,WAAW,EACX,MAAM,GACP,CAAC;AAEF,YAAY,EAAE,SAAS,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAC9E,YAAY,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AACrD,YAAY,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AACvD,YAAY,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACzD,YAAY,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AACrD,YAAY,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AACrD,YAAY,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AACvD,YAAY,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC"}

package/dist/client.js

@@ -0,0 +1,235 @@
+"use client";
+'use strict';
+
+var React = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+var lucideReact = require('lucide-react');
+var reactDom = require('react-dom');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+var defaultContext = {
+  theme: "light",
+  defaultVariant: "badge",
+  globalDisabled: false
+};
+var WIPContext = React.createContext(defaultContext);
+function WIPProvider({
+  children,
+  theme = "light",
+  defaultVariant = "badge",
+  globalDisabled = false
+}) {
+  const value = React__default.default.useMemo(
+    () => ({ theme, defaultVariant, globalDisabled }),
+    [theme, defaultVariant, globalDisabled]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(WIPContext.Provider, { value, children: /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: "rwip-base",
+      "data-rwip-theme": theme === "dark" ? "dark" : "light",
+      style: { display: "contents" },
+      children
+    }
+  ) });
+}
+
+// src/hooks/useWIP.ts
+function useWIP() {
+  return React.useContext(WIPContext);
+}
+var Overlay = ({
+  children,
+  message = "Under Construction",
+  className = "",
+  disabled = false,
+  ...props
+}) => {
+  if (disabled) {
+    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `rwip-overlay-container ${className}`, ...props, children: [
+    children,
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rwip-overlay", "aria-hidden": "true", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rwip-overlay-message", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Construction, { size: 18 }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { children: message })
+    ] }) })
+  ] });
+};
+var Block = ({
+  children,
+  className = "",
+  disabled = false,
+  ...props
+}) => {
+  if (disabled) {
+    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `rwip-block ${className}`, "aria-disabled": "true", ...props, children });
+};
+var Badge = ({
+  text = "WIP",
+  className = "",
+  disabled = false,
+  ...props
+}) => {
+  if (disabled) return null;
+  return /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "rwip-badge-wrapper", title: "Work in Progress", children: [
+    props.children,
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: `rwip-badge ${className}`, ...props, children: text })
+  ] });
+};
+var WIPWrapper = ({ children, when = true }) => {
+  const { globalDisabled, defaultVariant } = useWIP();
+  if (globalDisabled || !when) {
+    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
+  }
+  switch (defaultVariant) {
+    case "overlay":
+      return /* @__PURE__ */ jsxRuntime.jsx(Overlay, { children });
+    case "block":
+      return /* @__PURE__ */ jsxRuntime.jsx(Block, { children });
+    case "badge":
+      return /* @__PURE__ */ jsxRuntime.jsx(Badge, { children });
+    case "hidden":
+      return null;
+    default:
+      return /* @__PURE__ */ jsxRuntime.jsx(Block, { children });
+  }
+};
+var Ribbon = ({
+  position = "top-right",
+  text = "WIP",
+  variant = "solid",
+  className = "",
+  disabled = false,
+  ...props
+}) => {
+  if (disabled) return null;
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rwip-ribbon-container", children: /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: `rwip-ribbon ${position} ${variant} ${className}`,
+      ...props,
+      children: text
+    }
+  ) });
+};
+
+// src/utils/ssr.ts
+var isClient = typeof window !== "undefined" && typeof document !== "undefined";
+var Modal = ({
+  isOpen,
+  onClose,
+  title = "Feature Under Construction",
+  description = "This feature is currently being developed and is not yet available.",
+  className = "",
+  ...props
+}) => {
+  const { globalDisabled } = useWIP();
+  const [mounted, setMounted] = React.useState(false);
+  const titleId = React.useId();
+  React.useEffect(() => {
+    setMounted(true);
+  }, []);
+  React.useEffect(() => {
+    if (isOpen) {
+      const handleEsc = (e) => {
+        if (e.key === "Escape") onClose();
+      };
+      window.addEventListener("keydown", handleEsc);
+      return () => window.removeEventListener("keydown", handleEsc);
+    }
+  }, [isOpen, onClose]);
+  if (globalDisabled || !isOpen || !mounted || !isClient) return null;
+  return reactDom.createPortal(
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rwip-modal-backdrop", onClick: onClose, children: /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        className: `rwip-modal ${className}`,
+        onClick: (e) => e.stopPropagation(),
+        role: "dialog",
+        "aria-modal": "true",
+        "aria-labelledby": titleId,
+        ...props,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              className: "rwip-modal-close",
+              onClick: onClose,
+              "aria-label": "Close",
+              children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { size: 20 })
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", gap: "12px", alignItems: "flex-start" }, children: [
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlertCircle, { size: 24, style: { color: "var(--rwip-color-primary)", flexShrink: 0, marginTop: "2px" } }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+              /* @__PURE__ */ jsxRuntime.jsx("h2", { id: titleId, className: "rwip-modal-title", children: title }),
+              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "rwip-modal-desc", children: description })
+            ] })
+          ] })
+        ]
+      }
+    ) }),
+    document.body
+  );
+};
+var Banner = ({
+  message = "Parts of this application are currently under construction.",
+  dismissible = true,
+  position = "sticky",
+  className = "",
+  ...props
+}) => {
+  const { globalDisabled } = useWIP();
+  const [isVisible, setIsVisible] = React.useState(true);
+  if (globalDisabled || !isVisible) return null;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: `rwip-banner ${position === "sticky" ? "sticky" : ""} ${className}`,
+      role: "alert",
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Info, { size: 16 }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { children: message }),
+        dismissible && /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            className: "rwip-banner-close",
+            onClick: () => setIsVisible(false),
+            "aria-label": "Dismiss banner",
+            children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { size: 16 })
+          }
+        )
+      ]
+    }
+  );
+};
+
+// src/client.ts
+var WIP = Object.assign(WIPWrapper, {
+  Badge,
+  Ribbon,
+  Overlay,
+  Block,
+  Modal,
+  Banner,
+  Provider: WIPProvider
+});
+
+exports.Badge = Badge;
+exports.Banner = Banner;
+exports.Block = Block;
+exports.Modal = Modal;
+exports.Overlay = Overlay;
+exports.Ribbon = Ribbon;
+exports.WIP = WIP;
+exports.WIPProvider = WIPProvider;
+exports.useWIP = useWIP;
+//# sourceMappingURL=client.js.map
+//# sourceMappingURL=client.js.map

package/dist/client.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/provider/WIPProvider.tsx","../src/hooks/useWIP.ts","../src/components/Overlay.tsx","../src/components/Block.tsx","../src/components/Badge.tsx","../src/components/WIPWrapper.tsx","../src/components/Ribbon.tsx","../src/utils/ssr.ts","../src/components/Modal.tsx","../src/components/Banner.tsx","../src/client.ts"],"names":["createContext","React","jsx","useContext","Fragment","jsxs","Construction","useState","useId","useEffect","createPortal","X","AlertCircle","Info"],"mappings":"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","file":"client.js","sourcesContent":["\"use client\";\n\nimport React, { createContext, ReactNode } from 'react';\n\nexport type WIPTheme = 'light' | 'dark' | 'system';\nexport type WIPVariant = 'overlay' | 'badge' | 'block' | 'hidden';\n\nexport interface WIPConfig {\n  theme: WIPTheme;\n  defaultVariant: WIPVariant;\n  globalDisabled: boolean;\n}\n\nconst defaultContext: WIPConfig = {\n  theme: 'light',\n  defaultVariant: 'badge',\n  globalDisabled: false,\n};\n\nexport const WIPContext = createContext<WIPConfig>(defaultContext);\n\nexport interface WIPProviderProps {\n  children: ReactNode;\n  theme?: WIPTheme;\n  defaultVariant?: WIPVariant;\n  /** Disable all WIP components globally (e.g. for production override) */\n  globalDisabled?: boolean;\n}\n\nexport function WIPProvider({\n  children,\n  theme = 'light',\n  defaultVariant = 'badge',\n  globalDisabled = false,\n}: WIPProviderProps) {\n  const value = React.useMemo(\n    () => ({ theme, defaultVariant, globalDisabled }),\n    [theme, defaultVariant, globalDisabled]\n  );\n\n  return (\n    <WIPContext.Provider value={value}>\n      <div \n        className=\"rwip-base\" \n        data-rwip-theme={theme === 'dark' ? 'dark' : 'light'} \n        style={{ display: 'contents' }}\n      >\n        {children}\n      </div>\n    </WIPContext.Provider>\n  );\n}\n","import { useContext } from 'react';\nimport { WIPContext, WIPConfig } from '../provider/WIPProvider';\n\nexport function useWIP(): WIPConfig {\n  return useContext(WIPContext);\n}\n","import React, { HTMLAttributes } from 'react';\nimport { Construction } from 'lucide-react';\n\nexport interface OverlayProps extends HTMLAttributes<HTMLDivElement> {\n  message?: string;\n  className?: string;\n  disabled?: boolean;\n}\n\nexport const Overlay: React.FC<OverlayProps> = ({ \n  children, \n  message = 'Under Construction', \n  className = '',\n  disabled = false,\n  ...props \n}) => {\n  if (disabled) {\n    return <>{children}</>;\n  }\n\n  return (\n    <div className={`rwip-overlay-container ${className}`} {...props}>\n      {children}\n      <div className=\"rwip-overlay\" aria-hidden=\"true\">\n        <div className=\"rwip-overlay-message\">\n          <Construction size={18} />\n          <span>{message}</span>\n        </div>\n      </div>\n    </div>\n  );\n};\n","import React, { HTMLAttributes } from 'react';\n\nexport interface BlockProps extends HTMLAttributes<HTMLDivElement> {\n  className?: string;\n  disabled?: boolean;\n}\n\nexport const Block: React.FC<BlockProps> = ({ \n  children, \n  className = '',\n  disabled = false,\n  ...props \n}) => {\n  if (disabled) {\n    return <>{children}</>;\n  }\n\n  return (\n    <div className={`rwip-block ${className}`} aria-disabled=\"true\" {...props}>\n      {children}\n    </div>\n  );\n};\n","import React, { HTMLAttributes } from 'react';\n\nexport interface BadgeProps extends HTMLAttributes<HTMLSpanElement> {\n  text?: string;\n  className?: string;\n  disabled?: boolean;\n}\n\nexport const Badge: React.FC<BadgeProps> = ({ \n  text = 'WIP', \n  className = '',\n  disabled = false,\n  ...props \n}) => {\n  if (disabled) return null;\n\n  return (\n    <span className=\"rwip-badge-wrapper\" title=\"Work in Progress\">\n      {props.children}\n      <span className={`rwip-badge ${className}`} {...props}>\n        {text}\n      </span>\n    </span>\n  );\n};\n","import React from 'react';\nimport { useWIP } from '../hooks/useWIP';\nimport { Overlay } from './Overlay';\nimport { Block } from './Block';\nimport { Badge } from './Badge';\n\nexport interface WIPWrapperProps {\n  children: React.ReactNode;\n  when?: boolean;\n}\n\nexport const WIPWrapper: React.FC<WIPWrapperProps> = ({ children, when = true }) => {\n  const { globalDisabled, defaultVariant } = useWIP();\n\n  if (globalDisabled || !when) {\n    return <>{children}</>;\n  }\n\n  switch (defaultVariant) {\n    case 'overlay':\n      return <Overlay>{children}</Overlay>;\n    case 'block':\n      return <Block>{children}</Block>;\n    case 'badge':\n      return <Badge>{children}</Badge>;\n    case 'hidden':\n      return null;\n    default:\n      return <Block>{children}</Block>;\n  }\n};\n","import React, { HTMLAttributes } from 'react';\n\nexport interface RibbonProps extends HTMLAttributes<HTMLDivElement> {\n  position?: 'top-left' | 'top-right';\n  text?: string;\n  variant?: 'solid' | 'outline';\n  className?: string;\n  disabled?: boolean;\n}\n\nexport const Ribbon: React.FC<RibbonProps> = ({ \n  position = 'top-right', \n  text = 'WIP', \n  variant = 'solid',\n  className = '',\n  disabled = false,\n  ...props \n}) => {\n  if (disabled) return null;\n\n  return (\n    <div className=\"rwip-ribbon-container\">\n      <div \n        className={`rwip-ribbon ${position} ${variant} ${className}`} \n        {...props}\n      >\n        {text}\n      </div>\n    </div>\n  );\n};\n","export const isClient = typeof window !== 'undefined' && typeof document !== 'undefined';\n","\"use client\";\n\nimport React, { HTMLAttributes, useEffect, useId, useState } from 'react';\nimport { X, AlertCircle } from 'lucide-react';\nimport { useWIP } from '../hooks/useWIP';\nimport { isClient } from '../utils/ssr';\nimport { createPortal } from 'react-dom';\n\nexport interface ModalProps extends HTMLAttributes<HTMLDivElement> {\n  isOpen: boolean;\n  onClose: () => void;\n  title?: string;\n  description?: string;\n  className?: string;\n}\n\nexport const Modal: React.FC<ModalProps> = ({ \n  isOpen, \n  onClose, \n  title = 'Feature Under Construction', \n  description = 'This feature is currently being developed and is not yet available.',\n  className = '',\n  ...props \n}) => {\n  const { globalDisabled } = useWIP();\n  const [mounted, setMounted] = useState(false);\n  const titleId = useId();\n\n  useEffect(() => {\n    setMounted(true);\n  }, []);\n\n  useEffect(() => {\n    if (isOpen) {\n      const handleEsc = (e: KeyboardEvent) => {\n        if (e.key === 'Escape') onClose();\n      };\n      window.addEventListener('keydown', handleEsc);\n      return () => window.removeEventListener('keydown', handleEsc);\n    }\n  }, [isOpen, onClose]);\n\n  if (globalDisabled || !isOpen || !mounted || !isClient) return null;\n\n  return createPortal(\n    <div className=\"rwip-modal-backdrop\" onClick={onClose}>\n      <div \n        className={`rwip-modal ${className}`} \n        onClick={(e) => e.stopPropagation()}\n        role=\"dialog\"\n        aria-modal=\"true\"\n        aria-labelledby={titleId}\n        {...props}\n      >\n        <button \n          className=\"rwip-modal-close\" \n          onClick={onClose} \n          aria-label=\"Close\"\n        >\n          <X size={20} />\n        </button>\n        <div style={{ display: 'flex', gap: '12px', alignItems: 'flex-start' }}>\n          <AlertCircle size={24} style={{ color: 'var(--rwip-color-primary)', flexShrink: 0, marginTop: '2px' }} />\n          <div>\n            <h2 id={titleId} className=\"rwip-modal-title\">{title}</h2>\n            <p className=\"rwip-modal-desc\">{description}</p>\n          </div>\n        </div>\n      </div>\n    </div>,\n    document.body\n  );\n};\n","\"use client\";\n\nimport React, { HTMLAttributes, useState } from 'react';\nimport { X, Info } from 'lucide-react';\nimport { useWIP } from '../hooks/useWIP';\n\nexport interface BannerProps extends HTMLAttributes<HTMLDivElement> {\n  message?: string;\n  dismissible?: boolean;\n  position?: 'sticky' | 'relative';\n  className?: string;\n}\n\nexport const Banner: React.FC<BannerProps> = ({ \n  message = 'Parts of this application are currently under construction.', \n  dismissible = true,\n  position = 'sticky',\n  className = '',\n  ...props \n}) => {\n  const { globalDisabled } = useWIP();\n  const [isVisible, setIsVisible] = useState(true);\n\n  if (globalDisabled || !isVisible) return null;\n\n  return (\n    <div \n      className={`rwip-banner ${position === 'sticky' ? 'sticky' : ''} ${className}`} \n      role=\"alert\"\n      {...props}\n    >\n      <Info size={16} />\n      <span>{message}</span>\n      {dismissible && (\n        <button \n          className=\"rwip-banner-close\" \n          onClick={() => setIsVisible(false)}\n          aria-label=\"Dismiss banner\"\n        >\n          <X size={16} />\n        </button>\n      )}\n    </div>\n  );\n};\n","\"use client\";\n\nimport { WIPWrapper } from './components/WIPWrapper';\nimport { Badge } from './components/Badge';\nimport { Ribbon } from './components/Ribbon';\nimport { Overlay } from './components/Overlay';\nimport { Block } from './components/Block';\nimport { Modal } from './components/Modal';\nimport { Banner } from './components/Banner';\nimport { WIPProvider } from './provider/WIPProvider';\nimport { useWIP } from './hooks/useWIP';\n\nexport const WIP = Object.assign(WIPWrapper, {\n  Badge,\n  Ribbon,\n  Overlay,\n  Block,\n  Modal,\n  Banner,\n  Provider: WIPProvider,\n});\n\nexport {\n  Badge,\n  Ribbon,\n  Overlay,\n  Block,\n  Modal,\n  Banner,\n  WIPProvider,\n  useWIP,\n};\n\nexport type { WIPConfig, WIPTheme, WIPVariant } from './provider/WIPProvider';\nexport type { BadgeProps } from './components/Badge';\nexport type { RibbonProps } from './components/Ribbon';\nexport type { OverlayProps } from './components/Overlay';\nexport type { BlockProps } from './components/Block';\nexport type { ModalProps } from './components/Modal';\nexport type { BannerProps } from './components/Banner';\nexport type { WIPWrapperProps } from './components/WIPWrapper';\n"]}

package/dist/client.mjs

@@ -0,0 +1,164 @@
+"use client";
+import { Block, Overlay, Ribbon, Badge } from './chunk-46OHJMTB.mjs';
+export { Badge, Block, Overlay, Ribbon } from './chunk-46OHJMTB.mjs';
+import React, { createContext, useState, useId, useEffect, useContext } from 'react';
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
+import { Info, X, AlertCircle } from 'lucide-react';
+import { createPortal } from 'react-dom';
+
+var defaultContext = {
+  theme: "light",
+  defaultVariant: "badge",
+  globalDisabled: false
+};
+var WIPContext = createContext(defaultContext);
+function WIPProvider({
+  children,
+  theme = "light",
+  defaultVariant = "badge",
+  globalDisabled = false
+}) {
+  const value = React.useMemo(
+    () => ({ theme, defaultVariant, globalDisabled }),
+    [theme, defaultVariant, globalDisabled]
+  );
+  return /* @__PURE__ */ jsx(WIPContext.Provider, { value, children: /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: "rwip-base",
+      "data-rwip-theme": theme === "dark" ? "dark" : "light",
+      style: { display: "contents" },
+      children
+    }
+  ) });
+}
+
+// src/hooks/useWIP.ts
+function useWIP() {
+  return useContext(WIPContext);
+}
+var WIPWrapper = ({ children, when = true }) => {
+  const { globalDisabled, defaultVariant } = useWIP();
+  if (globalDisabled || !when) {
+    return /* @__PURE__ */ jsx(Fragment, { children });
+  }
+  switch (defaultVariant) {
+    case "overlay":
+      return /* @__PURE__ */ jsx(Overlay, { children });
+    case "block":
+      return /* @__PURE__ */ jsx(Block, { children });
+    case "badge":
+      return /* @__PURE__ */ jsx(Badge, { children });
+    case "hidden":
+      return null;
+    default:
+      return /* @__PURE__ */ jsx(Block, { children });
+  }
+};
+
+// src/utils/ssr.ts
+var isClient = typeof window !== "undefined" && typeof document !== "undefined";
+var Modal = ({
+  isOpen,
+  onClose,
+  title = "Feature Under Construction",
+  description = "This feature is currently being developed and is not yet available.",
+  className = "",
+  ...props
+}) => {
+  const { globalDisabled } = useWIP();
+  const [mounted, setMounted] = useState(false);
+  const titleId = useId();
+  useEffect(() => {
+    setMounted(true);
+  }, []);
+  useEffect(() => {
+    if (isOpen) {
+      const handleEsc = (e) => {
+        if (e.key === "Escape") onClose();
+      };
+      window.addEventListener("keydown", handleEsc);
+      return () => window.removeEventListener("keydown", handleEsc);
+    }
+  }, [isOpen, onClose]);
+  if (globalDisabled || !isOpen || !mounted || !isClient) return null;
+  return createPortal(
+    /* @__PURE__ */ jsx("div", { className: "rwip-modal-backdrop", onClick: onClose, children: /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: `rwip-modal ${className}`,
+        onClick: (e) => e.stopPropagation(),
+        role: "dialog",
+        "aria-modal": "true",
+        "aria-labelledby": titleId,
+        ...props,
+        children: [
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              className: "rwip-modal-close",
+              onClick: onClose,
+              "aria-label": "Close",
+              children: /* @__PURE__ */ jsx(X, { size: 20 })
+            }
+          ),
+          /* @__PURE__ */ jsxs("div", { style: { display: "flex", gap: "12px", alignItems: "flex-start" }, children: [
+            /* @__PURE__ */ jsx(AlertCircle, { size: 24, style: { color: "var(--rwip-color-primary)", flexShrink: 0, marginTop: "2px" } }),
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx("h2", { id: titleId, className: "rwip-modal-title", children: title }),
+              /* @__PURE__ */ jsx("p", { className: "rwip-modal-desc", children: description })
+            ] })
+          ] })
+        ]
+      }
+    ) }),
+    document.body
+  );
+};
+var Banner = ({
+  message = "Parts of this application are currently under construction.",
+  dismissible = true,
+  position = "sticky",
+  className = "",
+  ...props
+}) => {
+  const { globalDisabled } = useWIP();
+  const [isVisible, setIsVisible] = useState(true);
+  if (globalDisabled || !isVisible) return null;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: `rwip-banner ${position === "sticky" ? "sticky" : ""} ${className}`,
+      role: "alert",
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(Info, { size: 16 }),
+        /* @__PURE__ */ jsx("span", { children: message }),
+        dismissible && /* @__PURE__ */ jsx(
+          "button",
+          {
+            className: "rwip-banner-close",
+            onClick: () => setIsVisible(false),
+            "aria-label": "Dismiss banner",
+            children: /* @__PURE__ */ jsx(X, { size: 16 })
+          }
+        )
+      ]
+    }
+  );
+};
+
+// src/client.ts
+var WIP = Object.assign(WIPWrapper, {
+  Badge,
+  Ribbon,
+  Overlay,
+  Block,
+  Modal,
+  Banner,
+  Provider: WIPProvider
+});
+
+export { Banner, Modal, WIP, WIPProvider, useWIP };
+//# sourceMappingURL=client.mjs.map
+//# sourceMappingURL=client.mjs.map

package/dist/client.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/provider/WIPProvider.tsx","../src/hooks/useWIP.ts","../src/components/WIPWrapper.tsx","../src/utils/ssr.ts","../src/components/Modal.tsx","../src/components/Banner.tsx","../src/client.ts"],"names":["jsx","useState","jsxs","X"],"mappings":"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","file":"client.mjs","sourcesContent":["\"use client\";\n\nimport React, { createContext, ReactNode } from 'react';\n\nexport type WIPTheme = 'light' | 'dark' | 'system';\nexport type WIPVariant = 'overlay' | 'badge' | 'block' | 'hidden';\n\nexport interface WIPConfig {\n  theme: WIPTheme;\n  defaultVariant: WIPVariant;\n  globalDisabled: boolean;\n}\n\nconst defaultContext: WIPConfig = {\n  theme: 'light',\n  defaultVariant: 'badge',\n  globalDisabled: false,\n};\n\nexport const WIPContext = createContext<WIPConfig>(defaultContext);\n\nexport interface WIPProviderProps {\n  children: ReactNode;\n  theme?: WIPTheme;\n  defaultVariant?: WIPVariant;\n  /** Disable all WIP components globally (e.g. for production override) */\n  globalDisabled?: boolean;\n}\n\nexport function WIPProvider({\n  children,\n  theme = 'light',\n  defaultVariant = 'badge',\n  globalDisabled = false,\n}: WIPProviderProps) {\n  const value = React.useMemo(\n    () => ({ theme, defaultVariant, globalDisabled }),\n    [theme, defaultVariant, globalDisabled]\n  );\n\n  return (\n    <WIPContext.Provider value={value}>\n      <div \n        className=\"rwip-base\" \n        data-rwip-theme={theme === 'dark' ? 'dark' : 'light'} \n        style={{ display: 'contents' }}\n      >\n        {children}\n      </div>\n    </WIPContext.Provider>\n  );\n}\n","import { useContext } from 'react';\nimport { WIPContext, WIPConfig } from '../provider/WIPProvider';\n\nexport function useWIP(): WIPConfig {\n  return useContext(WIPContext);\n}\n","import React from 'react';\nimport { useWIP } from '../hooks/useWIP';\nimport { Overlay } from './Overlay';\nimport { Block } from './Block';\nimport { Badge } from './Badge';\n\nexport interface WIPWrapperProps {\n  children: React.ReactNode;\n  when?: boolean;\n}\n\nexport const WIPWrapper: React.FC<WIPWrapperProps> = ({ children, when = true }) => {\n  const { globalDisabled, defaultVariant } = useWIP();\n\n  if (globalDisabled || !when) {\n    return <>{children}</>;\n  }\n\n  switch (defaultVariant) {\n    case 'overlay':\n      return <Overlay>{children}</Overlay>;\n    case 'block':\n      return <Block>{children}</Block>;\n    case 'badge':\n      return <Badge>{children}</Badge>;\n    case 'hidden':\n      return null;\n    default:\n      return <Block>{children}</Block>;\n  }\n};\n","export const isClient = typeof window !== 'undefined' && typeof document !== 'undefined';\n","\"use client\";\n\nimport React, { HTMLAttributes, useEffect, useId, useState } from 'react';\nimport { X, AlertCircle } from 'lucide-react';\nimport { useWIP } from '../hooks/useWIP';\nimport { isClient } from '../utils/ssr';\nimport { createPortal } from 'react-dom';\n\nexport interface ModalProps extends HTMLAttributes<HTMLDivElement> {\n  isOpen: boolean;\n  onClose: () => void;\n  title?: string;\n  description?: string;\n  className?: string;\n}\n\nexport const Modal: React.FC<ModalProps> = ({ \n  isOpen, \n  onClose, \n  title = 'Feature Under Construction', \n  description = 'This feature is currently being developed and is not yet available.',\n  className = '',\n  ...props \n}) => {\n  const { globalDisabled } = useWIP();\n  const [mounted, setMounted] = useState(false);\n  const titleId = useId();\n\n  useEffect(() => {\n    setMounted(true);\n  }, []);\n\n  useEffect(() => {\n    if (isOpen) {\n      const handleEsc = (e: KeyboardEvent) => {\n        if (e.key === 'Escape') onClose();\n      };\n      window.addEventListener('keydown', handleEsc);\n      return () => window.removeEventListener('keydown', handleEsc);\n    }\n  }, [isOpen, onClose]);\n\n  if (globalDisabled || !isOpen || !mounted || !isClient) return null;\n\n  return createPortal(\n    <div className=\"rwip-modal-backdrop\" onClick={onClose}>\n      <div \n        className={`rwip-modal ${className}`} \n        onClick={(e) => e.stopPropagation()}\n        role=\"dialog\"\n        aria-modal=\"true\"\n        aria-labelledby={titleId}\n        {...props}\n      >\n        <button \n          className=\"rwip-modal-close\" \n          onClick={onClose} \n          aria-label=\"Close\"\n        >\n          <X size={20} />\n        </button>\n        <div style={{ display: 'flex', gap: '12px', alignItems: 'flex-start' }}>\n          <AlertCircle size={24} style={{ color: 'var(--rwip-color-primary)', flexShrink: 0, marginTop: '2px' }} />\n          <div>\n            <h2 id={titleId} className=\"rwip-modal-title\">{title}</h2>\n            <p className=\"rwip-modal-desc\">{description}</p>\n          </div>\n        </div>\n      </div>\n    </div>,\n    document.body\n  );\n};\n","\"use client\";\n\nimport React, { HTMLAttributes, useState } from 'react';\nimport { X, Info } from 'lucide-react';\nimport { useWIP } from '../hooks/useWIP';\n\nexport interface BannerProps extends HTMLAttributes<HTMLDivElement> {\n  message?: string;\n  dismissible?: boolean;\n  position?: 'sticky' | 'relative';\n  className?: string;\n}\n\nexport const Banner: React.FC<BannerProps> = ({ \n  message = 'Parts of this application are currently under construction.', \n  dismissible = true,\n  position = 'sticky',\n  className = '',\n  ...props \n}) => {\n  const { globalDisabled } = useWIP();\n  const [isVisible, setIsVisible] = useState(true);\n\n  if (globalDisabled || !isVisible) return null;\n\n  return (\n    <div \n      className={`rwip-banner ${position === 'sticky' ? 'sticky' : ''} ${className}`} \n      role=\"alert\"\n      {...props}\n    >\n      <Info size={16} />\n      <span>{message}</span>\n      {dismissible && (\n        <button \n          className=\"rwip-banner-close\" \n          onClick={() => setIsVisible(false)}\n          aria-label=\"Dismiss banner\"\n        >\n          <X size={16} />\n        </button>\n      )}\n    </div>\n  );\n};\n","\"use client\";\n\nimport { WIPWrapper } from './components/WIPWrapper';\nimport { Badge } from './components/Badge';\nimport { Ribbon } from './components/Ribbon';\nimport { Overlay } from './components/Overlay';\nimport { Block } from './components/Block';\nimport { Modal } from './components/Modal';\nimport { Banner } from './components/Banner';\nimport { WIPProvider } from './provider/WIPProvider';\nimport { useWIP } from './hooks/useWIP';\n\nexport const WIP = Object.assign(WIPWrapper, {\n  Badge,\n  Ribbon,\n  Overlay,\n  Block,\n  Modal,\n  Banner,\n  Provider: WIPProvider,\n});\n\nexport {\n  Badge,\n  Ribbon,\n  Overlay,\n  Block,\n  Modal,\n  Banner,\n  WIPProvider,\n  useWIP,\n};\n\nexport type { WIPConfig, WIPTheme, WIPVariant } from './provider/WIPProvider';\nexport type { BadgeProps } from './components/Badge';\nexport type { RibbonProps } from './components/Ribbon';\nexport type { OverlayProps } from './components/Overlay';\nexport type { BlockProps } from './components/Block';\nexport type { ModalProps } from './components/Modal';\nexport type { BannerProps } from './components/Banner';\nexport type { WIPWrapperProps } from './components/WIPWrapper';\n"]}

package/dist/components/Badge.d.ts

@@ -0,0 +1,8 @@
+import React, { HTMLAttributes } from 'react';
+export interface BadgeProps extends HTMLAttributes<HTMLSpanElement> {
+    text?: string;
+    className?: string;
+    disabled?: boolean;
+}
+export declare const Badge: React.FC<BadgeProps>;
+//# sourceMappingURL=Badge.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../src/components/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE9C,MAAM,WAAW,UAAW,SAAQ,cAAc,CAAC,eAAe,CAAC;IACjE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAgBtC,CAAC"}

package/dist/components/Banner.d.ts

@@ -0,0 +1,9 @@
+import React, { HTMLAttributes } from 'react';
+export interface BannerProps extends HTMLAttributes<HTMLDivElement> {
+    message?: string;
+    dismissible?: boolean;
+    position?: 'sticky' | 'relative';
+    className?: string;
+}
+export declare const Banner: React.FC<BannerProps>;
+//# sourceMappingURL=Banner.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Banner.d.ts","sourceRoot":"","sources":["../../src/components/Banner.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAY,MAAM,OAAO,CAAC;AAIxD,MAAM,WAAW,WAAY,SAAQ,cAAc,CAAC,cAAc,CAAC;IACjE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CA+BxC,CAAC"}

package/dist/components/Block.d.ts

@@ -0,0 +1,7 @@
+import React, { HTMLAttributes } from 'react';
+export interface BlockProps extends HTMLAttributes<HTMLDivElement> {
+    className?: string;
+    disabled?: boolean;
+}
+export declare const Block: React.FC<BlockProps>;
+//# sourceMappingURL=Block.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Block.d.ts","sourceRoot":"","sources":["../../src/components/Block.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE9C,MAAM,WAAW,UAAW,SAAQ,cAAc,CAAC,cAAc,CAAC;IAChE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAetC,CAAC"}

package/dist/components/Modal.d.ts

@@ -0,0 +1,10 @@
+import React, { HTMLAttributes } from 'react';
+export interface ModalProps extends HTMLAttributes<HTMLDivElement> {
+    isOpen: boolean;
+    onClose: () => void;
+    title?: string;
+    description?: string;
+    className?: string;
+}
+export declare const Modal: React.FC<ModalProps>;
+//# sourceMappingURL=Modal.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../src/components/Modal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,cAAc,EAA8B,MAAM,OAAO,CAAC;AAM1E,MAAM,WAAW,UAAW,SAAQ,cAAc,CAAC,cAAc,CAAC;IAChE,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAwDtC,CAAC"}

package/dist/components/Overlay.d.ts

@@ -0,0 +1,8 @@
+import React, { HTMLAttributes } from 'react';
+export interface OverlayProps extends HTMLAttributes<HTMLDivElement> {
+    message?: string;
+    className?: string;
+    disabled?: boolean;
+}
+export declare const Overlay: React.FC<OverlayProps>;
+//# sourceMappingURL=Overlay.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Overlay.d.ts","sourceRoot":"","sources":["../../src/components/Overlay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAG9C,MAAM,WAAW,YAAa,SAAQ,cAAc,CAAC,cAAc,CAAC;IAClE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAsB1C,CAAC"}

package/dist/components/Ribbon.d.ts

@@ -0,0 +1,10 @@
+import React, { HTMLAttributes } from 'react';
+export interface RibbonProps extends HTMLAttributes<HTMLDivElement> {
+    position?: 'top-left' | 'top-right';
+    text?: string;
+    variant?: 'solid' | 'outline';
+    className?: string;
+    disabled?: boolean;
+}
+export declare const Ribbon: React.FC<RibbonProps>;
+//# sourceMappingURL=Ribbon.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Ribbon.d.ts","sourceRoot":"","sources":["../../src/components/Ribbon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE9C,MAAM,WAAW,WAAY,SAAQ,cAAc,CAAC,cAAc,CAAC;IACjE,QAAQ,CAAC,EAAE,UAAU,GAAG,WAAW,CAAC;IACpC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAoBxC,CAAC"}

package/dist/components/WIPWrapper.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export interface WIPWrapperProps {
+    children: React.ReactNode;
+    when?: boolean;
+}
+export declare const WIPWrapper: React.FC<WIPWrapperProps>;
+//# sourceMappingURL=WIPWrapper.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"WIPWrapper.d.ts","sourceRoot":"","sources":["../../src/components/WIPWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,MAAM,WAAW,eAAe;IAC9B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAmBhD,CAAC"}

package/dist/hooks/useWIP.d.ts

@@ -0,0 +1,3 @@
+import { WIPConfig } from '../provider/WIPProvider';
+export declare function useWIP(): WIPConfig;
+//# sourceMappingURL=useWIP.d.ts.map

package/dist/hooks/useWIP.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useWIP.d.ts","sourceRoot":"","sources":["../../src/hooks/useWIP.ts"],"names":[],"mappings":"AACA,OAAO,EAAc,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAEhE,wBAAgB,MAAM,IAAI,SAAS,CAElC"}

package/dist/index.css

@@ -0,0 +1,225 @@
+:root {
+  --rwip-color-bg: #FDFBF7;
+  --rwip-color-text: #4A4641;
+  --rwip-color-primary: #D1BFAe;
+  --rwip-color-ribbon-bg: #E8DDCE;
+  --rwip-color-ribbon-text: #6A5D4D;
+  --rwip-radius: 8px;
+  --rwip-shadow: 0 4px 12px rgba(80, 75, 70, 0.08);
+  --rwip-blur: blur(4px);
+  --rwip-font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
+}
+
+[data-rwip-theme="dark"] {
+  --rwip-color-bg: #1A1918;
+  --rwip-color-text: #E8E6E1;
+  --rwip-color-primary: #857B71;
+  --rwip-color-ribbon-bg: #2C2A28;
+  --rwip-color-ribbon-text: #C4B9AD;
+  --rwip-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
+}
+
+.rwip-base {
+  font-family: var(--rwip-font-family);
+  box-sizing: border-box;
+}
+
+/* Ribbon */
+.rwip-ribbon-container {
+  position: absolute;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+  pointer-events: none;
+  z-index: 50;
+}
+
+.rwip-ribbon {
+  position: absolute;
+  background-color: var(--rwip-color-ribbon-bg);
+  color: var(--rwip-color-ribbon-text);
+  font-size: 0.75rem;
+  font-weight: 600;
+  text-transform: uppercase;
+  letter-spacing: 0.05em;
+  padding: 4px 40px;
+  box-shadow: var(--rwip-shadow);
+  pointer-events: auto;
+}
+
+.rwip-ribbon.top-left {
+  top: 16px;
+  left: -28px;
+  transform: rotate(-45deg);
+}
+
+.rwip-ribbon.top-right {
+  top: 16px;
+  right: -28px;
+  transform: rotate(45deg);
+}
+
+.rwip-ribbon.outline {
+  background-color: transparent;
+  border: 1px solid var(--rwip-color-ribbon-bg);
+  backdrop-filter: var(--rwip-blur);
+}
+
+/* Badge */
+.rwip-badge-wrapper {
+  display: inline-flex;
+  align-items: center;
+  gap: 8px;
+  position: relative;
+}
+
+.rwip-badge {
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+  background-color: var(--rwip-color-ribbon-bg);
+  color: var(--rwip-color-ribbon-text);
+  border-radius: 9999px;
+  padding: 2px 8px;
+  font-size: 0.7rem;
+  font-weight: 500;
+  white-space: nowrap;
+}
+
+/* Overlay & Block */
+.rwip-overlay-container {
+  position: relative;
+  display: inline-block;
+  width: 100%;
+}
+
+.rwip-overlay {
+  position: absolute;
+  inset: 0;
+  background-color: rgba(253, 251, 247, 0.4);
+  backdrop-filter: var(--rwip-blur);
+  z-index: 40;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: inherit;
+  transition: opacity 0.3s ease;
+}
+
+[data-rwip-theme="dark"] .rwip-overlay {
+  background-color: rgba(26, 25, 24, 0.4);
+}
+
+.rwip-overlay-message {
+  background-color: var(--rwip-color-bg);
+  color: var(--rwip-color-text);
+  padding: 8px 16px;
+  border-radius: var(--rwip-radius);
+  font-size: 0.875rem;
+  font-weight: 500;
+  box-shadow: var(--rwip-shadow);
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+}
+
+.rwip-block {
+  pointer-events: none;
+  user-select: none;
+}
+
+/* Modal */
+.rwip-modal-backdrop {
+  position: fixed;
+  inset: 0;
+  background-color: rgba(0, 0, 0, 0.2);
+  backdrop-filter: var(--rwip-blur);
+  z-index: 1000;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  animation: rwip-fade-in 0.2s ease-out;
+}
+
+.rwip-modal {
+  background-color: var(--rwip-color-bg);
+  color: var(--rwip-color-text);
+  border-radius: var(--rwip-radius);
+  box-shadow: var(--rwip-shadow);
+  padding: 24px;
+  max-width: 400px;
+  width: 90%;
+  animation: rwip-slide-up 0.3s cubic-bezier(0.16, 1, 0.3, 1);
+  position: relative;
+}
+
+.rwip-modal-close {
+  position: absolute;
+  top: 12px;
+  right: 12px;
+  background: none;
+  border: none;
+  color: var(--rwip-color-text);
+  cursor: pointer;
+  opacity: 0.6;
+  transition: opacity 0.2s;
+  padding: 4px;
+}
+.rwip-modal-close:hover {
+  opacity: 1;
+}
+
+.rwip-modal-title {
+  margin: 0 0 8px 0;
+  font-size: 1.125rem;
+  font-weight: 600;
+}
+.rwip-modal-desc {
+  margin: 0;
+  font-size: 0.875rem;
+  opacity: 0.8;
+  line-height: 1.5;
+}
+
+/* Banner */
+.rwip-banner {
+  background-color: var(--rwip-color-ribbon-bg);
+  color: var(--rwip-color-ribbon-text);
+  padding: 12px 24px;
+  font-size: 0.875rem;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 8px;
+  position: relative;
+}
+
+.rwip-banner.sticky {
+  position: sticky;
+  top: 0;
+  z-index: 100;
+}
+
+.rwip-banner-close {
+  position: absolute;
+  right: 16px;
+  background: none;
+  border: none;
+  color: inherit;
+  cursor: pointer;
+  opacity: 0.7;
+}
+.rwip-banner-close:hover {
+  opacity: 1;
+}
+
+@keyframes rwip-fade-in {
+  from { opacity: 0; }
+  to { opacity: 1; }
+}
+
+@keyframes rwip-slide-up {
+  from { opacity: 0; transform: translateY(10px); }
+  to { opacity: 1; transform: translateY(0); }
+}

package/dist/index.d.ts

@@ -0,0 +1,10 @@
+import { Badge } from './components/Badge';
+import { Ribbon } from './components/Ribbon';
+import { Overlay } from './components/Overlay';
+import { Block } from './components/Block';
+export { Badge, Ribbon, Overlay, Block };
+export type { BadgeProps } from './components/Badge';
+export type { RibbonProps } from './components/Ribbon';
+export type { OverlayProps } from './components/Overlay';
+export type { BlockProps } from './components/Block';
+//# 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,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAE3C,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC;AACzC,YAAY,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AACrD,YAAY,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AACvD,YAAY,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACzD,YAAY,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC"}

package/dist/index.js

@@ -0,0 +1,72 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var lucideReact = require('lucide-react');
+
+// src/components/Badge.tsx
+var Badge = ({
+  text = "WIP",
+  className = "",
+  disabled = false,
+  ...props
+}) => {
+  if (disabled) return null;
+  return /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "rwip-badge-wrapper", title: "Work in Progress", children: [
+    props.children,
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: `rwip-badge ${className}`, ...props, children: text })
+  ] });
+};
+var Ribbon = ({
+  position = "top-right",
+  text = "WIP",
+  variant = "solid",
+  className = "",
+  disabled = false,
+  ...props
+}) => {
+  if (disabled) return null;
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rwip-ribbon-container", children: /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: `rwip-ribbon ${position} ${variant} ${className}`,
+      ...props,
+      children: text
+    }
+  ) });
+};
+var Overlay = ({
+  children,
+  message = "Under Construction",
+  className = "",
+  disabled = false,
+  ...props
+}) => {
+  if (disabled) {
+    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `rwip-overlay-container ${className}`, ...props, children: [
+    children,
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rwip-overlay", "aria-hidden": "true", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rwip-overlay-message", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Construction, { size: 18 }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { children: message })
+    ] }) })
+  ] });
+};
+var Block = ({
+  children,
+  className = "",
+  disabled = false,
+  ...props
+}) => {
+  if (disabled) {
+    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `rwip-block ${className}`, "aria-disabled": "true", ...props, children });
+};
+
+exports.Badge = Badge;
+exports.Block = Block;
+exports.Overlay = Overlay;
+exports.Ribbon = Ribbon;
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Badge.tsx","../src/components/Ribbon.tsx","../src/components/Overlay.tsx","../src/components/Block.tsx"],"names":["jsxs","jsx","Fragment","Construction"],"mappings":";;;;;;AAQO,IAAM,QAA8B,CAAC;AAAA,EAC1C,IAAA,GAAO,KAAA;AAAA,EACP,SAAA,GAAY,EAAA;AAAA,EACZ,QAAA,GAAW,KAAA;AAAA,EACX,GAAG;AACL,CAAA,KAAM;AACJ,EAAA,IAAI,UAAU,OAAO,IAAA;AAErB,EAAA,uBACEA,eAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,oBAAA,EAAqB,OAAM,kBAAA,EACxC,QAAA,EAAA;AAAA,IAAA,KAAA,CAAM,QAAA;AAAA,oBACPC,cAAA,CAAC,UAAK,SAAA,EAAW,CAAA,WAAA,EAAc,SAAS,CAAA,CAAA,EAAK,GAAG,OAC7C,QAAA,EAAA,IAAA,EACH;AAAA,GAAA,EACF,CAAA;AAEJ;ACdO,IAAM,SAAgC,CAAC;AAAA,EAC5C,QAAA,GAAW,WAAA;AAAA,EACX,IAAA,GAAO,KAAA;AAAA,EACP,OAAA,GAAU,OAAA;AAAA,EACV,SAAA,GAAY,EAAA;AAAA,EACZ,QAAA,GAAW,KAAA;AAAA,EACX,GAAG;AACL,CAAA,KAAM;AACJ,EAAA,IAAI,UAAU,OAAO,IAAA;AAErB,EAAA,uBACEA,cAAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,yBACb,QAAA,kBAAAA,cAAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,WAAW,CAAA,YAAA,EAAe,QAAQ,CAAA,CAAA,EAAI,OAAO,IAAI,SAAS,CAAA,CAAA;AAAA,MACzD,GAAG,KAAA;AAAA,MAEH,QAAA,EAAA;AAAA;AAAA,GACH,EACF,CAAA;AAEJ;ACrBO,IAAM,UAAkC,CAAC;AAAA,EAC9C,QAAA;AAAA,EACA,OAAA,GAAU,oBAAA;AAAA,EACV,SAAA,GAAY,EAAA;AAAA,EACZ,QAAA,GAAW,KAAA;AAAA,EACX,GAAG;AACL,CAAA,KAAM;AACJ,EAAA,IAAI,QAAA,EAAU;AACZ,IAAA,uBAAOA,cAAAA,CAAAC,mBAAA,EAAA,EAAG,QAAA,EAAS,CAAA;AAAA,EACrB;AAEA,EAAA,uBACEF,gBAAC,KAAA,EAAA,EAAI,SAAA,EAAW,0BAA0B,SAAS,CAAA,CAAA,EAAK,GAAG,KAAA,EACxD,QAAA,EAAA;AAAA,IAAA,QAAA;AAAA,oBACDC,cAAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,cAAA,EAAe,aAAA,EAAY,MAAA,EACxC,QAAA,kBAAAD,eAAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,sBAAA,EACb,QAAA,EAAA;AAAA,sBAAAC,cAAAA,CAACE,wBAAA,EAAA,EAAa,IAAA,EAAM,EAAA,EAAI,CAAA;AAAA,sBACxBF,cAAAA,CAAC,MAAA,EAAA,EAAM,QAAA,EAAA,OAAA,EAAQ;AAAA,KAAA,EACjB,CAAA,EACF;AAAA,GAAA,EACF,CAAA;AAEJ;ACxBO,IAAM,QAA8B,CAAC;AAAA,EAC1C,QAAA;AAAA,EACA,SAAA,GAAY,EAAA;AAAA,EACZ,QAAA,GAAW,KAAA;AAAA,EACX,GAAG;AACL,CAAA,KAAM;AACJ,EAAA,IAAI,QAAA,EAAU;AACZ,IAAA,uBAAOA,cAAAA,CAAAC,mBAAAA,EAAA,EAAG,QAAA,EAAS,CAAA;AAAA,EACrB;AAEA,EAAA,uBACED,cAAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,CAAA,WAAA,EAAc,SAAS,CAAA,CAAA,EAAI,eAAA,EAAc,MAAA,EAAQ,GAAG,KAAA,EACjE,QAAA,EACH,CAAA;AAEJ","file":"index.js","sourcesContent":["import React, { HTMLAttributes } from 'react';\n\nexport interface BadgeProps extends HTMLAttributes<HTMLSpanElement> {\n  text?: string;\n  className?: string;\n  disabled?: boolean;\n}\n\nexport const Badge: React.FC<BadgeProps> = ({ \n  text = 'WIP', \n  className = '',\n  disabled = false,\n  ...props \n}) => {\n  if (disabled) return null;\n\n  return (\n    <span className=\"rwip-badge-wrapper\" title=\"Work in Progress\">\n      {props.children}\n      <span className={`rwip-badge ${className}`} {...props}>\n        {text}\n      </span>\n    </span>\n  );\n};\n","import React, { HTMLAttributes } from 'react';\n\nexport interface RibbonProps extends HTMLAttributes<HTMLDivElement> {\n  position?: 'top-left' | 'top-right';\n  text?: string;\n  variant?: 'solid' | 'outline';\n  className?: string;\n  disabled?: boolean;\n}\n\nexport const Ribbon: React.FC<RibbonProps> = ({ \n  position = 'top-right', \n  text = 'WIP', \n  variant = 'solid',\n  className = '',\n  disabled = false,\n  ...props \n}) => {\n  if (disabled) return null;\n\n  return (\n    <div className=\"rwip-ribbon-container\">\n      <div \n        className={`rwip-ribbon ${position} ${variant} ${className}`} \n        {...props}\n      >\n        {text}\n      </div>\n    </div>\n  );\n};\n","import React, { HTMLAttributes } from 'react';\nimport { Construction } from 'lucide-react';\n\nexport interface OverlayProps extends HTMLAttributes<HTMLDivElement> {\n  message?: string;\n  className?: string;\n  disabled?: boolean;\n}\n\nexport const Overlay: React.FC<OverlayProps> = ({ \n  children, \n  message = 'Under Construction', \n  className = '',\n  disabled = false,\n  ...props \n}) => {\n  if (disabled) {\n    return <>{children}</>;\n  }\n\n  return (\n    <div className={`rwip-overlay-container ${className}`} {...props}>\n      {children}\n      <div className=\"rwip-overlay\" aria-hidden=\"true\">\n        <div className=\"rwip-overlay-message\">\n          <Construction size={18} />\n          <span>{message}</span>\n        </div>\n      </div>\n    </div>\n  );\n};\n","import React, { HTMLAttributes } from 'react';\n\nexport interface BlockProps extends HTMLAttributes<HTMLDivElement> {\n  className?: string;\n  disabled?: boolean;\n}\n\nexport const Block: React.FC<BlockProps> = ({ \n  children, \n  className = '',\n  disabled = false,\n  ...props \n}) => {\n  if (disabled) {\n    return <>{children}</>;\n  }\n\n  return (\n    <div className={`rwip-block ${className}`} aria-disabled=\"true\" {...props}>\n      {children}\n    </div>\n  );\n};\n"]}

package/dist/index.mjs

@@ -0,0 +1,3 @@
+export { Badge, Block, Overlay, Ribbon } from './chunk-46OHJMTB.mjs';
+//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

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

package/dist/provider/WIPProvider.d.ts

@@ -0,0 +1,18 @@
+import React, { ReactNode } from 'react';
+export type WIPTheme = 'light' | 'dark' | 'system';
+export type WIPVariant = 'overlay' | 'badge' | 'block' | 'hidden';
+export interface WIPConfig {
+    theme: WIPTheme;
+    defaultVariant: WIPVariant;
+    globalDisabled: boolean;
+}
+export declare const WIPContext: React.Context<WIPConfig>;
+export interface WIPProviderProps {
+    children: ReactNode;
+    theme?: WIPTheme;
+    defaultVariant?: WIPVariant;
+    /** Disable all WIP components globally (e.g. for production override) */
+    globalDisabled?: boolean;
+}
+export declare function WIPProvider({ children, theme, defaultVariant, globalDisabled, }: WIPProviderProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=WIPProvider.d.ts.map

package/dist/provider/WIPProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WIPProvider.d.ts","sourceRoot":"","sources":["../../src/provider/WIPProvider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAiB,SAAS,EAAE,MAAM,OAAO,CAAC;AAExD,MAAM,MAAM,QAAQ,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAC;AACnD,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,OAAO,GAAG,OAAO,GAAG,QAAQ,CAAC;AAElE,MAAM,WAAW,SAAS;IACxB,KAAK,EAAE,QAAQ,CAAC;IAChB,cAAc,EAAE,UAAU,CAAC;IAC3B,cAAc,EAAE,OAAO,CAAC;CACzB;AAQD,eAAO,MAAM,UAAU,0BAA2C,CAAC;AAEnE,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,CAAC,EAAE,QAAQ,CAAC;IACjB,cAAc,CAAC,EAAE,UAAU,CAAC;IAC5B,yEAAyE;IACzE,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,KAAe,EACf,cAAwB,EACxB,cAAsB,GACvB,EAAE,gBAAgB,2CAiBlB"}

package/dist/utils/ssr.d.ts

@@ -0,0 +1,2 @@
+export declare const isClient: boolean;
+//# sourceMappingURL=ssr.d.ts.map

package/dist/utils/ssr.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ssr.d.ts","sourceRoot":"","sources":["../../src/utils/ssr.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,QAAQ,SAAmE,CAAC"}

package/package.json

@@ -0,0 +1,63 @@
+{
+  "name": "react-wip-ui",
+  "version": "1.0.0",
+  "description": "Production-ready UI components for marking features as Work In Progress",
+  "main": "./dist/index.js",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js"
+    },
+    "./client": {
+      "types": "./dist/client.d.ts",
+      "import": "./dist/client.mjs",
+      "require": "./dist/client.js"
+    },
+    "./styles.css": "./dist/index.css"
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "tsup && tsc --emitDeclarationOnly && node scripts/prepare-dist.mjs",
+    "dev": "tsup --watch",
+    "prepublishOnly": "npm run build"
+  },
+  "peerDependencies": {
+    "react": "^18.0.0 || ^19.0.0",
+    "react-dom": "^18.0.0 || ^19.0.0"
+  },
+  "dependencies": {
+    "lucide-react": "^1.7.0"
+  },
+  "devDependencies": {
+    "@types/react": "^19.2.0",
+    "@types/react-dom": "^19.2.0",
+    "tsup": "^8.0.0",
+    "typescript": "^6.0.0"
+  },
+  "keywords": [
+    "react",
+    "wip",
+    "work in progress",
+    "feature-flag",
+    "ui",
+    "nextjs",
+    "ssr",
+    "overlay",
+    "badge"
+  ],
+  "author": "Nihal K",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/ioNihal/react-wip-ui.git"
+  },
+  "homepage": "https://react-wip-ui.vercel.app",
+  "bugs": {
+    "url": "https://github.com/ioNihal/react-wip-ui/issues"
+  },
+  "license": "MIT"
+}