@oneplatformdev/ui 0.1.99-beta.27 → 0.1.99-beta.271

package/index.js.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oneplatformdev/ui",
-  "version": "0.1.99-beta.27",
+  "version": "0.1.99-beta.271",
   "description": "UI component library for OnePlatform",
   "author": "One Platform Development Team",
   "keywords": [
@@ -39,7 +39,8 @@
     }
   },
   "publishConfig": {
-    "directory": "dist"
+    "directory": "dist",
+    "access": "public"
   },
   "files": [
     "**/*",
@@ -49,6 +50,7 @@
   "peerDependencies": {
     "react": ">=19",
     "react-dom": ">=19",
+    "@vidstack/react": "^1.12.13",
     "tailwindcss": ">=4.0.0",
     "tw-animate-css": "^1.3.8",
     "react-hook-form": "^7.54.2",
@@ -66,7 +68,8 @@
     }
   },
   "devDependencies": {
-    "@tailwindcss/vite": "^4.1.13"
+    "@tailwindcss/vite": "^4.1.13",
+    "@vidstack/react": "^1.12.13"
   },
   "dependencies": {
     "@radix-ui/react-accordion": "^1.2.12",
@@ -101,13 +104,14 @@
     "next-themes": "^0.4.6",
     "react-day-picker": "9.10.0",
     "react-dropzone": "^14.3.8",
+    "react-intersection-observer": "^10.0.2",
     "react-resizable-panels": "^3.0.6",
     "recharts": "^3.2.0",
     "sonner": "^2.0.7",
     "vaul": "^1.1.2",
-    "@oneplatformdev/hooks": "^0.1.99-beta.27",
-    "@oneplatformdev/tokens": "^0.1.99-beta.27",
-    "@oneplatformdev/utils": "^0.1.99-beta.27"
+    "@oneplatformdev/tokens": "^0.1.99-beta.271",
+    "@oneplatformdev/hooks": "^0.1.99-beta.271",
+    "@oneplatformdev/utils": "^0.1.99-beta.271"
   },
   "scripts": {
     "chromatic": "chromatic"

package/styles.css

@@ -0,0 +1 @@
+.dropzone-youtube-player:not([data-fullscreen]) .vds-play-button,.dropzone-youtube-player[data-fullscreen=false] .vds-play-button{display:none}.dropzone-youtube-player:not([data-fullscreen]) .vds-buffering-indicator,.dropzone-youtube-player[data-fullscreen=false] .vds-buffering-indicator,.dropzone-youtube-player:not([data-fullscreen]) .vds-loading-indicator,.dropzone-youtube-player[data-fullscreen=false] .vds-loading-indicator,.dropzone-youtube-player:not([data-fullscreen]) .vds-spinner,.dropzone-youtube-player[data-fullscreen=false] .vds-spinner{display:none}

package/vite-env.d.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=vite-env.d.js.map

package/vite-env.d.js.map

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

package/vite-env.d.ts

@@ -0,0 +1,7 @@
+declare module '*.svg?react' {
+  import type { FC, SVGProps } from 'react';
+
+  const ReactComponent: FC<SVGProps<SVGSVGElement>>;
+
+  export default ReactComponent;
+}

package/Combobox/ComboboxOptions.d.ts

@@ -1,4 +0,0 @@
-import { IComboboxOptionsNodeProps, IComboboxOptionsProps } from './Combobox.types';
-export declare const ComboboxOptionsNode: import('react').ForwardRefExoticComponent<IComboboxOptionsNodeProps & import('react').RefAttributes<HTMLDivElement>>;
-export declare const ComboboxOptions: import('react').ForwardRefExoticComponent<IComboboxOptionsProps & import('react').RefAttributes<HTMLDivElement>>;
-//# sourceMappingURL=ComboboxOptions.d.ts.map

package/Combobox/ComboboxOptions.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ComboboxOptions.d.ts","sourceRoot":"","sources":["../../src/Combobox/ComboboxOptions.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,yBAAyB,EACzB,qBAAqB,EACtB,MAAM,kBAAkB,CAAC;AAY1B,eAAO,MAAM,mBAAmB,sHAiE9B,CAAC;AAEH,eAAO,MAAM,eAAe,kHAY1B,CAAC"}

package/Combobox/ComboboxOptions.js

@@ -1,64 +0,0 @@
-import { jsx as e, jsxs as f } from "react/jsx-runtime";
-import { forwardRef as m, useState as b } from "react";
-import { ComboboxOptionItem as c } from "./ComboboxOptionItem.js";
-import { ChevronDownIcon as u } from "lucide-react";
-import { cn as i } from "@oneplatformdev/utils";
-import { Collapsible as g, CollapsibleTrigger as h, CollapsibleContent as v } from "../Collapsible/Collapsible.js";
-import { ButtonIcon as C } from "../ButtonIcon/ButtonIcon.js";
-const p = m((o, n) => {
-  const { option: a, deep: s = 0 } = o, [t, l] = b(!0);
-  return a?.items?.length ? /* @__PURE__ */ f(
-    g,
-    {
-      ref: n,
-      open: t,
-      onOpenChange: l,
-      "data-opened": t,
-      className: i("group/collapsible"),
-      children: [
-        /* @__PURE__ */ e(c, { ...o, children: /* @__PURE__ */ e(h, { asChild: !0, children: /* @__PURE__ */ e("div", { className: "aspect-square size-6 relative", children: /* @__PURE__ */ e(
-          C,
-          {
-            onClick: (r) => {
-              r?.preventDefault(), r?.stopPropagation(), l((d) => !d);
-            },
-            type: "button",
-            variant: "ghost",
-            color: "secondary",
-            size: "md",
-            className: i(
-              "absolute -top-1.5 -left-2 size-9",
-              "bg-transparent hover:bg-transparent active:bg-transparent focus:bg-transparent"
-            ),
-            icon: /* @__PURE__ */ e(
-              u,
-              {
-                className: i(
-                  "transition-transform",
-                  t && "rotate-180"
-                )
-              }
-            )
-          }
-        ) }) }) }),
-        /* @__PURE__ */ e(v, { children: /* @__PURE__ */ e("div", { className: "flex flex-col gap-0", children: a?.items.map((r) => /* @__PURE__ */ e(
-          p,
-          {
-            ...o,
-            deep: s + 1,
-            option: r
-          },
-          r.value
-        )) }) })
-      ]
-    }
-  ) : /* @__PURE__ */ e(c, { ...o, ref: n });
-}), y = m((o, n) => {
-  const { options: a = [], ...s } = o;
-  return /* @__PURE__ */ e("div", { ref: n, className: "flex flex-col gap-0", children: a.map((t) => /* @__PURE__ */ e(p, { ...s, option: t }, t.value)) });
-});
-export {
-  y as ComboboxOptions,
-  p as ComboboxOptionsNode
-};
-//# sourceMappingURL=ComboboxOptions.js.map

package/Combobox/ComboboxOptions.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ComboboxOptions.js","sources":["../../src/Combobox/ComboboxOptions.tsx"],"sourcesContent":["import {\r\n  IComboboxOptionsNodeProps,\r\n  IComboboxOptionsProps,\r\n} from './Combobox.types';\r\nimport { forwardRef, useState } from 'react';\r\nimport {\r\n  Collapsible,\r\n  CollapsibleContent,\r\n  CollapsibleTrigger,\r\n} from '../Collapsible';\r\nimport { ComboboxOptionItem } from './ComboboxOptionItem';\r\nimport { ChevronDownIcon } from 'lucide-react';\r\nimport { cn } from '@oneplatformdev/utils';\r\nimport { ButtonIcon } from \"../ButtonIcon\";\r\n\r\nexport const ComboboxOptionsNode = forwardRef<\r\n  HTMLDivElement,\r\n  IComboboxOptionsNodeProps\r\n>((props, ref) => {\r\n  const { option, deep = 0 } = props;\r\n\r\n  const [open, onOpenChange] = useState(true);\r\n\r\n  if (!option?.items?.length) {\r\n    return <ComboboxOptionItem {...props} ref={ref} />;\r\n  }\r\n  return (\r\n    <Collapsible\r\n      ref={ref}\r\n      open={open}\r\n      onOpenChange={onOpenChange}\r\n      data-opened={open}\r\n      className={cn('group/collapsible')}\r\n    >\r\n      <ComboboxOptionItem {...props}>\r\n        <CollapsibleTrigger asChild>\r\n          <div className='aspect-square size-6 relative'>\r\n            <ButtonIcon\r\n              onClick={(e) => {\r\n                e?.preventDefault();\r\n                e?.stopPropagation();\r\n                onOpenChange((prev) => !prev);\r\n              }}\r\n              type=\"button\"\r\n              variant=\"ghost\"\r\n              color='secondary'\r\n              size=\"md\"\r\n              className={cn(\r\n                'absolute -top-1.5 -left-2 size-9',\r\n                'bg-transparent hover:bg-transparent active:bg-transparent focus:bg-transparent'\r\n              )}\r\n              icon={(\r\n                <ChevronDownIcon\r\n                  className={cn(\r\n                    'transition-transform',\r\n                    open && 'rotate-180'\r\n                  )}\r\n                />\r\n              )}\r\n            />\r\n          </div>\r\n        </CollapsibleTrigger>\r\n      </ComboboxOptionItem>\r\n\r\n      <CollapsibleContent>\r\n        <div className=\"flex flex-col gap-0\">\r\n          {option?.items.map((opt) => {\r\n            return (\r\n              <ComboboxOptionsNode\r\n                key={opt.value}\r\n                {...props}\r\n                deep={deep + 1}\r\n                option={opt}\r\n              />\r\n            );\r\n          })}\r\n        </div>\r\n      </CollapsibleContent>\r\n    </Collapsible>\r\n  );\r\n});\r\n\r\nexport const ComboboxOptions = forwardRef<\r\n  HTMLDivElement,\r\n  IComboboxOptionsProps\r\n>((props, ref) => {\r\n  const { options = [], ...rest } = props;\r\n  return (\r\n    <div ref={ref} className=\"flex flex-col gap-0\">\r\n      {options.map((option) => (\r\n        <ComboboxOptionsNode key={option.value} {...rest} option={option} />\r\n      ))}\r\n    </div>\r\n  );\r\n});\r\n"],"names":["ComboboxOptionsNode","forwardRef","props","ref","option","deep","open","onOpenChange","useState","jsxs","Collapsible","cn","jsx","ComboboxOptionItem","CollapsibleTrigger","ButtonIcon","e","prev","ChevronDownIcon","CollapsibleContent","opt","ComboboxOptions","options","rest"],"mappings":";;;;;;;AAeO,MAAMA,IAAsBC,EAGjC,CAACC,GAAOC,MAAQ;AAChB,QAAM,EAAE,QAAAC,GAAQ,MAAAC,IAAO,EAAA,IAAMH,GAEvB,CAACI,GAAMC,CAAY,IAAIC,EAAS,EAAI;AAE1C,SAAKJ,GAAQ,OAAO,SAIlB,gBAAAK;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAAP;AAAA,MACA,MAAAG;AAAA,MACA,cAAAC;AAAA,MACA,eAAaD;AAAA,MACb,WAAWK,EAAG,mBAAmB;AAAA,MAEjC,UAAA;AAAA,QAAA,gBAAAC,EAACC,GAAA,EAAoB,GAAGX,GACtB,UAAA,gBAAAU,EAACE,GAAA,EAAmB,SAAO,IACzB,UAAA,gBAAAF,EAAC,OAAA,EAAI,WAAU,iCACb,UAAA,gBAAAA;AAAA,UAACG;AAAA,UAAA;AAAA,YACC,SAAS,CAACC,MAAM;AACd,cAAAA,GAAG,eAAA,GACHA,GAAG,gBAAA,GACHT,EAAa,CAACU,MAAS,CAACA,CAAI;AAAA,YAC9B;AAAA,YACA,MAAK;AAAA,YACL,SAAQ;AAAA,YACR,OAAM;AAAA,YACN,MAAK;AAAA,YACL,WAAWN;AAAA,cACT;AAAA,cACA;AAAA,YAAA;AAAA,YAEF,MACE,gBAAAC;AAAA,cAACM;AAAA,cAAA;AAAA,gBACC,WAAWP;AAAA,kBACT;AAAA,kBACAL,KAAQ;AAAA,gBAAA;AAAA,cACV;AAAA,YAAA;AAAA,UACF;AAAA,QAAA,EAEJ,CACF,GACF,GACF;AAAA,QAEA,gBAAAM,EAACO,GAAA,EACC,UAAA,gBAAAP,EAAC,OAAA,EAAI,WAAU,uBACZ,UAAAR,GAAQ,MAAM,IAAI,CAACgB,MAEhB,gBAAAR;AAAA,UAACZ;AAAA,UAAA;AAAA,YAEE,GAAGE;AAAA,YACJ,MAAMG,IAAO;AAAA,YACb,QAAQe;AAAA,UAAA;AAAA,UAHHA,EAAI;AAAA,QAAA,CAMd,GACH,EAAA,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,IArDK,gBAAAR,EAACC,GAAA,EAAoB,GAAGX,GAAO,KAAAC,EAAA,CAAU;AAwDpD,CAAC,GAEYkB,IAAkBpB,EAG7B,CAACC,GAAOC,MAAQ;AAChB,QAAM,EAAE,SAAAmB,IAAU,CAAA,GAAI,GAAGC,MAASrB;AAClC,2BACG,OAAA,EAAI,KAAAC,GAAU,WAAU,uBACtB,YAAQ,IAAI,CAACC,MACZ,gBAAAQ,EAACZ,KAAwC,GAAGuB,GAAM,QAAAnB,KAAxBA,EAAO,KAAiC,CACnE,GACH;AAEJ,CAAC;"}

package/Form/FormTooltipButton.d.ts

@@ -1,6 +0,0 @@
-interface FormTooltipButtonProps {
-    content: React.ReactNode;
-}
-export declare const FormTooltipButton: ({ content }: FormTooltipButtonProps) => import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=FormTooltipButton.d.ts.map

package/Form/FormTooltipButton.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"FormTooltipButton.d.ts","sourceRoot":"","sources":["../../src/Form/FormTooltipButton.tsx"],"names":[],"mappings":"AAKA,UAAU,sBAAsB;IAC9B,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;AAED,eAAO,MAAM,iBAAiB,GAAI,aAAa,sBAAsB,4CA0BpE,CAAC"}

package/Form/FormTooltipButton.js

@@ -1,33 +0,0 @@
-import { jsxs as e, jsx as r } from "react/jsx-runtime";
-import { cn as t } from "@oneplatformdev/utils";
-import { CircleQuestionMarkIcon as n } from "lucide-react";
-import { ButtonIcon as i } from "../ButtonIcon/ButtonIcon.js";
-import { Popover as m, PopoverTrigger as l, PopoverContent as a } from "../Popover/Popover.js";
-const g = ({ content: o }) => /* @__PURE__ */ e(m, { children: [
-  /* @__PURE__ */ r(l, { asChild: !0, children: /* @__PURE__ */ r(
-    i,
-    {
-      color: "primary",
-      className: "w-2 h-2 rounded-full border-none",
-      size: "xs",
-      children: /* @__PURE__ */ r(n, { size: 4 })
-    }
-  ) }),
-  /* @__PURE__ */ r(
-    a,
-    {
-      side: "right",
-      align: "center",
-      className: t(
-        "w-auto max-w-80 rounded-xl bg-white px-4 py-3 shadow-lg",
-        "text-sm text-primary font-manrope font-normal",
-        "text-md leading-normal tracking-normal align-middle"
-      ),
-      children: o
-    }
-  )
-] });
-export {
-  g as FormTooltipButton
-};
-//# sourceMappingURL=FormTooltipButton.js.map

package/Form/FormTooltipButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FormTooltipButton.js","sources":["../../src/Form/FormTooltipButton.tsx"],"sourcesContent":["import { cn } from \"@oneplatformdev/utils\";\r\nimport { CircleQuestionMarkIcon } from \"lucide-react\";\r\nimport { Popover, PopoverContent, PopoverTrigger } from \"../Popover\";\r\nimport ButtonIcon from \"../ButtonIcon\";\r\n\r\ninterface FormTooltipButtonProps {\r\n  content: React.ReactNode;\r\n}\r\n\r\nexport const FormTooltipButton = ({ content }: FormTooltipButtonProps) => {\r\n  return (\r\n    <Popover>\r\n      <PopoverTrigger asChild>\r\n        <ButtonIcon\r\n          color=\"primary\"\r\n          className=\"w-2 h-2 rounded-full border-none\"\r\n          size=\"xs\"\r\n        >\r\n          <CircleQuestionMarkIcon size={4} />\r\n        </ButtonIcon>\r\n      </PopoverTrigger>\r\n\r\n      <PopoverContent\r\n        side=\"right\"\r\n        align=\"center\"\r\n        className={cn(\r\n          \"w-auto max-w-80 rounded-xl bg-white px-4 py-3 shadow-lg\",\r\n          \"text-sm text-primary font-manrope font-normal\",\r\n          \"text-md leading-normal tracking-normal align-middle\"\r\n        )}\r\n      >\r\n        {content}\r\n      </PopoverContent>\r\n    </Popover>\r\n  );\r\n};\r\n"],"names":["FormTooltipButton","content","Popover","jsx","PopoverTrigger","ButtonIcon","CircleQuestionMarkIcon","PopoverContent","cn"],"mappings":";;;;;AASO,MAAMA,IAAoB,CAAC,EAAE,SAAAC,0BAE/BC,GAAA,EACC,UAAA;AAAA,EAAA,gBAAAC,EAACC,GAAA,EAAe,SAAO,IACrB,UAAA,gBAAAD;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,OAAM;AAAA,MACN,WAAU;AAAA,MACV,MAAK;AAAA,MAEL,UAAA,gBAAAF,EAACG,GAAA,EAAuB,MAAM,EAAA,CAAG;AAAA,IAAA;AAAA,EAAA,GAErC;AAAA,EAEA,gBAAAH;AAAA,IAACI;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,OAAM;AAAA,MACN,WAAWC;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAAA,MAGD,UAAAP;AAAA,IAAA;AAAA,EAAA;AACH,GACF;"}